@charset "utf-8";

/* 게시판 목록 */
#bo_cate {position:relative;margin:-20px 0 10px;padding:10px 0;border:1px solid rgba(0,0,0,.05);border-width:1px 0;text-align:center;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {display:inline-block;list-style:none;margin:0 auto;padding:0;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;}
#bo_cate a {display:inline-block;padding:10px 20px;font-family:"Noto Sans KR","Nanum Gothic","나눔고딕","돋움";color:#888;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {color:#000;}
#bo_cate #bo_cate_on {color:#e00;}

.td_subject img {margin-left:3px}

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {list-style:none;margin:10px -10px 0;padding:0 0 30px;}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li {float:left;margin-bottom:2%;}
#bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:0 7px 7px 0;background:#fff;z-index:1;}
#bo_gall .gall_li .gall_con {list-style:none;margin:0 auto;padding:8px;border:2px solid #fff;box-shadow:0 0 10px hsla(0,0%,0%,.15);transition:all .3s;}
#bo_gall .gall_li .gall_con:hover {box-shadow:none;border:2px solid #08c;}
#bo_gall .gall_li .gall_con li {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#bo_gall .gall_li .gall_con li * {transition:all .3s;}
#bo_gall .gall_li .gall_con li.gall_img {position:relative;overflow:hidden;}
#bo_gall .gall_li .gall_con li.gall_img img {max-width:100%;transform:scale(1.0);}
#bo_gall .gall_li .gall_con:hover li.gall_img img {transform:scale(1.2);}
#bo_gall .gall_li .gall_con li.gall_cate {padding:20px 10px 0;font-size:.82em;color:#4898c0;}
#bo_gall .gall_li .gall_con li.gall_tit {padding:5px 10px 20px;font-family:"Noto Sans KR","Nanum Gothic","나눔고딕","돋움";font-size:.96em;}
#bo_gall .gall_li:hover li.gall_cate {color:#000;}
#bo_gall .gall_li:hover li.gall_tit {color:#e5625c;font-weight:500;}
/* All Device */
@media all and (max-width:1200px) {#bo_gall .gall_li .gall_con li.gall_tit {font-size:.88em;}}

.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;}
.gall_row .col-gn-0,.latest_row .col-gn-1{width:100%}
.gall_row .col-gn-2{width:50%}
.gall_row .col-gn-3{width:33.33333333%}
.gall_row .col-gn-4{width:25%}
.gall_row .col-gn-5{width:20%}
.gall_row .col-gn-6{width:16.66666667%}
.gall_row .col-gn-7{width:14.28571428%}
.gall_row .col-gn-8{width:12.5%}
.gall_row .col-gn-9{width:11.11111111%}
.gall_row .col-gn-10{width:10%}
.gall_row .box_clear{clear:both}

.bo_current {color:#e8180c}

#bo_gall li.empty_list {padding:85px 0;text-align:center}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

/* 게시판 읽기 */
#bo_v {}
#bo_v_title {position:relative;border:1px solid #e9e9e9;border-right:none;border-left:none;}
#bo_v_title h2.bo_v_tit {display:block;padding:20px 0 20px 40px;font-family:"Noto Sans KR","Nanum Gothic","나눔고딕","돋움";font-size:1.6em;color:#4c4c4c;}
#bo_v_title h2.bo_v_tit:before {display:inline-block;position:absolute;left:0;top:10px;content:"\f10d";font-family:"FontAwesome";color:#888;vertical-align:bottom;}
#bo_v_title h2.bo_v_tit .bo_v_cate {display:block;margin-bottom:3px;font-size:.6em;color:#4898c0}
#bo_v_title .link {position:absolute;right:0;top:28px;}
#bo_v_title a {display:inline-block;width:30px;height:30px;border:1px solid #ccc;font-size:0;line-height:0;text-align:center;}
#bo_v_title a:before {font-size:16px;font-family:"FontAwesome";line-height:28px;}
#bo_v_title a.prev:before {content:"\f104";}
#bo_v_title a.next:before {content:"\f105";}

#bo_v_file {margin:5px 0;border:1px solid #394580;border-radius:2px;background:#455399;}
#bo_v_file ul {list-style:none;margin:0;padding:10px;}
#bo_v_file li {}
#bo_v_file li:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_file a, #bo_v_file span {display:block;font-size:.9em;line-height:1.7em;color:hsla(0,100%,100%,.8);}
#bo_v_file li:hover a, #bo_v_file li:hover span {color:hsla(0,100%,100%,1);}
#bo_v_file a {float:left;font-weight:500;}
#bo_v_file a:before {margin-right:5px;content:"\f019";font-family:"FontAwesome";color:hsla(0,100%,100%,.5);}
#bo_v_file span.bo_v_file_date {float:right;}
#bo_v_file span.bo_v_file_hit {float:right;margin-left:15px;}
#bo_v_file span.bo_v_file_hit:before {margin-right:5px;content:"\f06e";font-family:"FontAwesome";color:hsla(0,100%,100%,.5);}

#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3}
#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
#bo_v_link li {padding:5px 10px;position:relative;}
#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

#bo_v_atc {}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {padding:20px 0;text-align:center;}
#bo_v_img a.view_image {display:block;}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {width:100%;min-height:200px;margin:50px 0;}
#bo_v_con * {line-height:1.5em;word-break:keep-all;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

.bo_v_nb {list-style:none;margin:20px 0 0;padding:0;}
	.bo_v_nb:after {display:block;clear:both;content:"";}
	.bo_v_nb li {position:relative;float:left;width:50%;height:35px;border:1px solid #e9e9e9;background:#f9f9f9;}
	.bo_v_nb li:hover {background:#fff;}
	.bo_v_nb li span.nb_tit {display:inline-block;position:absolute;top:12px;font-size:.8em;color:#0d6fb5;vertical-align:middle;}
	.bo_v_nb li span.nb_tit:after, .bo_v_nb li span.nb_tit:before {font-family:"FontAwesome";}
	.bo_v_nb li.prev {border-radius:20px 0 0 20px;border-right:none;}
	.bo_v_nb li.prev a {padding-left:70px;}
	.bo_v_nb li.prev span.nb_tit {left:10px;}
	.bo_v_nb li.prev span.nb_tit:before {content:"\f060";margin-right:5px;}
	.bo_v_nb li.next {border-radius:0 20px 20px 0;}
	.bo_v_nb li.next a {padding-right:70px;text-align:right;}
	.bo_v_nb li.next span.nb_tit {right:10px;margin-left:10px;}
	.bo_v_nb li.next span.nb_tit:after {content:"\f061";margin-left:5px;}
	.bo_v_nb li a {display:block;width:100%;padding:0 10px;font-size:.9em;color:#4c4c4c;line-height:35px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.bo_v_nb li a:hover {color:#000;}

/*글쓰기*/
#bo_w .write_div{margin:10px 0;position:relative}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w #wr_password{margin:0 0.5%  }
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #3497d9;height:40px;border-radius:3px}
#bo_w .bo_w_select select option:last-child {display:none;}