@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 15px;border:1px solid #aaa;background-color:#f4f4f4;}
.bo_cate li #bo_cate_on{background-color:seagreen;color:white;border-color:seagreen;}

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%;}
table.table_list tr th,
table.table_list tr td{padding:12px 5px;border-bottom:1px solid #ccc;text-align:center;}
table.table_list tr th{padding:10px 0px;font-weight:bold;background-color:#eee;}
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{text-align:left;}
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;}

#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:180px;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;}
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:25px 0px 100px 0px;font-size:15px;}
#bo_v .viewHead{margin-bottom:20px;font-size:22px;color:#333;font-family:'Noto Sans KR';font-weight:500;}
#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{margin-bottom:30px;font-size:15px;line-height:28px;}
#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;}

.td_img{width:200px;}
.td_img > div{display:flex;align-items:center;justify-content:center;width:95%;height:100px;overflow:hidden;border:1px solid #ccc;}
.td_img > div > img{object-fit:cover;}
.td_img > div > .no_img{width:100%;height:100px;background-color:#f3f3f3;color:black;display:flex;align-items:center;justify-content:center;font-size:14px;}

.td_subject{padding-left:15px;}

body a.btn, body .btn{width:auto;border:1px solid #ccc;padding-left:15px;padding-right:15px;}

#bo_v .boFile li a, #bo_v .viewLink li a{word-break:break-all;}