@charset "utf-8";
/* BOARD COMMON */
input{box-sizing:border-box;}
	/* BOARD ICON */
.board_icon{display:inline-block; width:20px; height:20px; text-indent:-9999px;}
.icon_notice{background:url(../../img/icon_notice.gif) no-repeat;}
.icon_security{background:url(../../img/icon_security.gif) no-repeat 2px;}
.icon_new{ background:url(../../img/icon_new.gif) no-repeat 2px;}
.icon_file{ background:url(../../img/icon_file.gif) no-repeat 2px;}
.icon_ing{ background:url(../../img/icon_ing.gif) no-repeat 4px 6px;}
.icon_reply{ background:url(../../img/icon_reply.gif) no-repeat 2px;}
	/* BOARD BTN */
.board_btn{margin:10px 0; text-align:right;}
.board_btn .btn{margin-left:5px;}
	/* BOARD SEARCH */

.board_search .btn_search{display:block; float:right; width:100%; padding:5px 0; text-align:right}
.board_search .search_select{float:left; width:130px; height:28px; padding:0 5px; line-height:28px; border:1px solid #bbb; background:url(../../img/select_arr.gif) #fff no-repeat 95% 50%; -webkit-appearance:none;}

.search_wr{border:2px solid #003057; border-radius:50px; width:fit-content; padding:0 10px; display:flex; align-items:center;}
.search_input{border:none; background:transparent; font-size:15px;}
.search_submit{background:#fff url('../../../../img/202401/common/search_submit.png') center no-repeat; width:33px; height:26px; border:none; cursor:pointer;}
	
	/* BOARD COMMENT */
#board_comment .board_comment_form{}
.comment_info{line-height:25px;}
.comment_info label{display:inline-block; float:left; height:27px; margin-right:5px; padding:0 10px; color:#fff; background:#aaa;}
.comment_info input{display:inlnie-block; float:left; height:25px; margin-right:15px;}
.comment_write{margin:5px 0 10px;}
.comment_write textarea{display:inline-block; float:left; width:90%; height:70px;}
.comment_write input{display:inline-block; float:right; width:9%; height:70px;}
#board_comment .board_comment_list{}
.board_comment_list ul{}
.board_comment_list ul li{position:relative; padding:10px 0; border-bottom:1px dashed #ccc;}
.comment_name {padding:5px; background:#dee8ec;}
.comment_name .comment_tit{display:inline-block; padding:0 10px; color:#888;}
.comment_name .comment_info{display:inline-block; color:#555;}
.commont_content{padding:10px 20px;}
.board_comment_btn{position:absolute; top:15px; right:10px;}
.board_comment_button{padding:10px 0; text-align:center; border-bottom:1px solid #ddd;}

.borad_read_list{display:none; margin-top:20px;}
/* BOARD LIST */
#board_list_wrap{padding:80px 0;}
#board_list_wrap .list_total{float:left; font-size:0.857em; line-height:30px;}
.list_total .total_tit{margin-right:5px; padding-right:5px; color:#888; text-transform:uppercase; background:url(../../img/total_line.gif) no-repeat 100% 3px;}
.list_total .total_num{padding-right:15px;}
.list_total .total_page{color:#666;}
.list_table{width:100%; margin-top:10px;}
.list_table th{height:20px; padding:12px 3px; line-height:20px; background:#f8f8f8; border-bottom:1px solid #aaa;}
.list_table td{height:20px; padding:10px 3px; line-height:20px; border-bottom:1px solid #ddd; vertical-align:middle; transform : rotate(0.04deg);}
.borad_cate{display:inline-block; padding:4px 10px; border-radius:70px; background:#8bb13a; font-weight:600; color:#fff; margin-right:1%;}
.list_hit{font-size:0.769em; line-height:16px; color:#88a4b7;}
.mobile_date{display:none;}

a.b_title_wr{word-break:keep-all;}
.b_title_name{margin-right:20px; font-weight:600; color:#004171;}

/* BOARD READ */
#board_read_wrap{width:100%;}
#board_read_wrap .read_tit{margin:0; padding:10px; font-size:1.615em; line-height:1.5em; background:0 none; color:#333 !important}
#board_read_wrap .read_tit:before,
#board_read_wrap .read_tit:after{display:none; }
.read_info{display:none; overflow:hidden;}
.read_info li{float:left; margin-right:25px; padding:10px 0;}
.read_info .tit{display:inline-block; margin-right:10px; color:#999;}
.read_info .read_file{display:inline-block; padding:0 10px 0 23px; background:url(../../img/read_file.gif) no-repeat;}
.sg_contents{min-height:300px;}
.sg_contents img{max-width:100%; height:auto;}
/* BOARD WRIST */
#board_write_wrap{}
#board_write_wrap .board_write{}
.board_write .write_point{font-size:12px; line-height:15px; color:#f74e62; text-align:right;}
.board_write ul{margin-top:5px; border-top:2px solid #333;}
.board_write li{height:auto; padding:5px 0; border-bottom:1px solid #ddd; *zoom:1;}
.board_write li:after{content:" "; display:block; clear:both;}
.board_write li .wirte_tit{float:left; width:15%; height:25px; line-height:25px;}
.board_write li .write_input{float:right; width:83%;}
.board_write li .write_input02{float:right; width:83%; height:auto; line-height:25px;}
.board_write li .write_input02 span{display:inline-block; width:100%; padding:5px 0; border-top:1px dotted #ddd;}
.board_write li .write_input02 span:first-child{border-top:0 none;}
.board_write li .write_input input{width:100%; height:23px; border:1px solid #aaa;}
.board_write li .write_input input[type='checkbox']{width:14px; height:14px; border:1px solid #aaa;}
.board_write li .write_input select{padding:0 0 0 5px; border:1px solid #aaa;}
.board_write li .write_input label{display:inline-block; margin-right:10px;} 

/* PASSWORD */
#board_password_wrap{max-width:300px; margin:50px auto; padding:30px 0; text-align:center; border-top:2px solid #333; border-bottom:1px solid #aaa;}
.password_img{display:inline-block; width:55px; height:55px;background:url(../../img/password_img.gif) no-repeat;}
#board_password_wrap  input{margin-top:15px; padding:3px 5px; border:1px solid #aaa;}
#board_password_wrap .password_btn{text-align:center;}



@media only screen and (max-width : 1300px)  {
#board_list_wrap{padding:60px 20px;}
}


@media only screen and (max-width : 800px)  {
	.b_title_name{margin-right:12px;}
}



@media only screen and (max-width : 650px)  {
	td.list_num{vertical-align:top;}
	.moblie_none{display:none;}
	.mobile_date{display:block; width:100%;  color:#777; text-align:right;}
	.borad_cate{font-size:14px;}

	a.b_title_wr{display:block; margin-top:8px;}
	.b_title_name{margin-right:0; display:block; margin-bottom:3px;}
}
