@charset "utf-8";
img{display:inline-block;max-width:100%;}
#bo_list{width:100%;padding:30px 0px;}
input[type='text'], 
select{padding:0px 5px;display:inline-block;height:40px;}
.bo_cate{margin-bottom:20px;width:100%;display:flex;align-items:center;}
.bo_cate li{margin-right:5px;}
.bo_cate li a{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0px 25px;border:1px solid #dddddd;background-color:white;border-radius:5px;font-size:14px;}
.bo_cate li #bo_cate_on{background-color:#ff6427;color:white;border-color:#ff6427;}

body .btn{font-size:14px;border-radius:0px;}

.bo_info{margin-bottom:15px;width:100%;font-size:14px;display:flex;align-items:center;justify-content:space-between;}
.bo_info .bo_total{}
.bo_info .bo_group{margin-left:auto;display:flex;align-items:center;}
.bo_info .bo_group li {margin-left:5px;}

table.table_list{width:100%;margin-bottom:50px;border-top:1px solid #ccc;table-layout:fixed;}
table.table_list tr th,
table.table_list tr td{padding:23px 5px;border-bottom:1px solid #ccc;text-align:center;}
table.table_list tr th{padding:13px 0px;background-color:#f7f7f7;}
table.table_list tr th.td_chk{width:40px;}
table.table_list tr th.td_chk input[type='checkbox']{margin-right:0px;}
table.table_list tr th.td_num{width:70px;text-align:center;}
table.table_list tr th.td_subject{}
table.table_list tr th.td_name{width:150px;}
table.table_list tr th.td_hit{width:70px;}
table.table_list tr th.td_date{width:120px;}
table.table_list tr td.td_subject{color:#1a1a1a;font-size:16px;}
table.table_list tr td.td_subject .text{margin-right:10px;}
table.table_list tr td.td_subject span,
table.table_list tr td.td_subject i{margin-right:5px;color:#555;}
table.table_list input{width:100%;}
table.table_list tr td.td_cate{width:170px;text-align:center;color:#ff6427;font-size:16px;}
table.table_list tr td.td_datetime{width:180px;text-align:center;font-size:14px;color:#a7a7a7;}


#bo_list span.new_icon{margin-left:5px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:16px;background-color:steelblue;color:white;font-size:12px;}

table.table_list tr td.empty_table{padding:20px 0px;}

table.table_list tr th.td_nogood{width:80px;}
table.table_list tr th.td_good{width:60px;}

.boSearch{padding:20px 0px;width:100%;display:flex;align-items:center;justify-content:center;}
.boSearch select{margin-right:5px;}
.boSearch input[type='text']{width:150px;margin-right:5px;}

.flex_center{display:flex;align-items:center;}
.flex_center input[type='checkbox']{margin-right:5px;}
.flex_center label{margin-right:10px;}
#bo_w{width:100%;padding:30px 0px;}
table.table_form{width:100%;border-top:2px solid #aaa;}
table.table_form td{padding:5px 10px;height:50px;border-bottom:1px solid #ccc;font-size:14px;}
table.table_form td.head{background-color:#eee;font-weight:bold;}
table.table_form td input[type='text'], 
table.table_form td select{height:40px;padding:0px 10px;border:1px solid #ccc;}
table.table_form td input[type='text']{width:100%;}
table.table_form td input[type='checkbox']{margin-right:5px;width:20px;height:20px;}

table.table_form.bo_form td.head{width:100px;}
table.table_form td div.flex_center{display:flex;align-items:center;}
table.table_form td div.flex_center input{margin-right:5px;}
table.table_form td div.flex_center span{margin-right:5px;}
.btnGroup{padding:20px 0px;display:flex;align-items:center;justify-content:center;}
.btnGroup a, .btnGroup button{margin:0px 5px;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0px 20px;border:1px solid #aaa;}

.btnGroup button[type='submit']:hover{background-color:steelblue;color:white;border-color:steelblue;}
#bo_v{width:100%;}

#bo_v{padding:10px 0px 25px 0px;font-size:14px;}
#bo_v .viewHead{display:flex;align-items:center;padding:15px 5px;margin-bottom:20px;font-size:20px;color:#333;font-family:'Noto Sans KR';font-weight:500;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
#bo_v .viewHead span{margin-left:auto;font-size:13px;color:#777}

#bo_v .viewHead2{margin-bottom:50px;padding:20px 0px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:18px;color:#1a1a1a;}
#bo_v .viewHead2 .ca_name{padding-left:30px;color:#ff6427}
#bo_v .viewHead2 .wr_subject{padding-left:30px;font-weight:500;flex:1;}
#bo_v .viewHead2 .wr_date{width:120px;text-align:center;color:#a7a7a7;font-size:14px;}

#bo_v .view_info{display:flex;align-items:center;margin-bottom:10px;}
.view_info span , .view_info a{display:inline-block;margin-right:15px;}
#bo_v .viewBtn{display:flex;align-items:center;justify-content:flex-end;}
#bo_v .viewBtn a {margin-left:5px;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0px 15px;border:1px solid #aaa;font-size:14px;}
#bo_v .bo_img{}
#bo_v .bo_con{padding:10px;margin-bottom:30px;font-size:15px;line-height:28px;}
#bo_v .viewCont{min-height:300px;padding:20px 0px 20px 0px;margin-bottom:20px;border-bottom:1px solid #ccc;}
#bo_v .viewCont{padding:20px 0px }
#bo_v .boFile, 
#bo_v .viewLink{margin-bottom:30px;width:100%;border-top:2px solid #aaa;color:#333;}
#bo_v .boFile li, 
#bo_v .viewLink li{padding:0px 10px;display:flex;align-items:center;border-bottom:1px solid #ccc;}
#bo_v .boFile li a, 
#bo_v .viewLink li a{display:inline-block;padding:13px 0px;}
#bo_v .boFile li i, 
#bo_v .viewLink li i{margin-right:20px;font-size:20px;}
#bo_v .bo_img img{margin-bottom:10px;}
.prevNext{margin-bottom:20px;width:100%;border-top:2px solid #aaa;}
.prevNext li{display:flex;align-items:center;border-bottom:1px solid #ccc;}
.prevNext li .head{display:flex;align-items:center;align-self: stretch; padding-left:15px;width:120px;background-color:#eee;}
.prevNext li .head i{margin-right:5px;}
.prevNext li .subject{padding:12px 10px;padding-left:10px;width:calc(100% - 120px);}

.re_date{width:100px !important;}


/* view answer*/
.answerView{margin:20px 0px;padding:20px 20px 40px 20px;background-color:#f3f3f3;color:black;}
.answerView .answer_subject{margin-bottom:10px;display:flex;font-size:16px;font-weight:500}
.answerView .answer_subject .icon{margin-right:10px;display:inline-flex;align-items:center;justify-content:center;padding:0px 10px;height:25px;color:white;background-color:orange;font-size:13px;}
.answerView .answer_content{font-size:15px;line-height:23px;}
.answerView .empty{padding:10px 0px;text-align:center;font-size:17px;}

.answerForm{width:100%;}
.answerForm ul{width:100%;border-top:2px solid #aaa;}
.answerForm ul li{padding:10px 0px;width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc;}
.answerForm ul li .answer_title{width:80px;text-align:center;font-weight:bold;}
.answerForm ul li .answer_text{width:calc(100% - 80px);}
.answerForm input{padding:0px 10px;width:100%;height:35px;border:1px solid #aaa;}
.answerForm textarea{width:100%;height:120px;padding:15px;}
.answerForm button{width:100%;height:55px;background-color:#333;color:white;border:1px solid #333;font-size:15px;}

.subTitle{margin-bottom:10px;text-align:center;font-size:23px;font-weight:bold;}

.boSearch button{height:40px;background-color:#333;border-color:#333;color:white;}

.subTitle{margin-bottom:5px;font-size:16px;font-weight:bold;}
.flex_center{display:flex;align-items:center;}
input.w80{width:100%;max-width:80px;}
input.w100{width:100%;max-width:100px;}
input.w120{width:100%;max-width:120px;}
input.w150{width:100%;max-width:150px;}
input.w200{width:100%;max-width:200px;}
input.w250{width:100%;max-width:250px;}
input.w300{width:100%;max-width:300px;}
input.half{width:50%;}
input.full{width:100%;}
input[type='checkbox']{width:20px;height:20px;margin-right:5px;}
label{margin:0px 15px 0px 0px}


.copy_con{width:100%;}
.copy_con > li {width:100%;}
.copy_con .copy_item:nth-child(n+2){margin-top:7px;}
.copy_item .copy_btn{width:30px;height:30px;margin-right:3px;border:1px solid #aaa;}
.copy_item .copy_btn i{margin-right:0px;}
.copy_item .copy_btn.copy_btn_auto{margin-left:auto;}



.bo_title{font-size:18px;margin-bottom:15px;}

.pg_wrap{clear:initial;float:initial;display:flex;align-items:center;justify-content:center;}

.pg_current{background-color:transparent;border:0px;color:#ff6427;font-weight:400;}
.pg_page {color:#a7a7a7;font-size:14px;background-color:transparent;border:0px;font-weight:400;line-height:30px;}