@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;}
	/* BOARD BTN */
.board_btn{margin:10px 0; text-align:right;}
.board_btn .btn{margin-left:5px; }
	/* BOARD SEARCH */
.board_search{float:right; width:40%;  }
.board_search .btn_search{display:block; float:right; width:100%; padding:5px 0; text-align:right}
.board_search .board_search_wrap{float:right; width:310px; padding-top:10px; }
.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;}
.board_search .search_input{float:left; width:147px; height:28px; margin-left:5px; border:1px solid #bbb; border-right:0;}
.board_search .search_submit{display:block; float:left; width:28px; height:28px; text-indent:-9999px; border:1px solid #bbb; border-left:0;  background:url(../../img/search_submit.gif) #fff no-repeat 3px; 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; margin-right:10px; color:#555;}
.commont_content{padding:10px 20px;}
.board_comment_btn{position:absolute; top:50px; right:10px; }
.board_comment_button{padding:10px 0; text-align:center; border-bottom:1px solid #ddd;}

.borad_read_list{margin-top:20px;}
/* BOARD LIST */
#board_list_wrap{}
#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_gallery {width:100%; margin-top:10px; border-top:2px solid #333; padding:1% 0;}
.list_gallery ul{display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-end; gap:1%;}
.list_gallery ul li{flex-basis:24.25%; flex-grow:0; display:grid;}
.list_gallery ul li img{max-width:100%; }
.list_gallery .gal_img{display:block; position:relative; width:100%; margin-bottom:10px; padding-top:65%; border:1px solid #eee; text-align:center; overflow:hidden; object-fit:cover}/* 이미지 높이설정 */
.list_gallery .gal_img img{position:absolute; top:0; left:0; bottom:0; right:0; max-width:150%; height:auto }
.list_gallery .gal_tit{display:block; max-width:100%; font-size:1.071em; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.list_gallery .gal_date{display:inline-block; width:100%; font-size:0.857em; color:#888; text-align:center;	}

@media only screen and (max-width : 980px)  {
	.list_gallery ul{gap:0.5%;}
	.list_gallery ul li{flex-basis:33%;}
}
	
@media only screen and (max-width : 650px)  {
	.list_gallery ul{gap:1%;}
	.list_gallery ul li{flex-basis:49.5%;}
}
	
@media only screen and (max-width : 400px)  {
	.list_gallery ul{gap:1%;}
	.list_gallery ul li{flex-basis:100%;}
}

/* BOARD READ */
#board_read_wrap{width:100%; border-top:2px solid #333;}
#board_read_wrap .read_tit{margin:0; padding:10px 0; font-size:1.615em; line-height:1.5em; background:0 none; border-bottom:1px solid #aaa; color:#333 !important }
#board_read_wrap .read_tit::before{display: none;}
.read_info{overflow:hidden;  }
.read_info li{float:left; margin-right:25px; padding:5px 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; margin-bottom:10px; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #aaa;}
.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; padding:0 5px; 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;}