@charset "utf-8";

/* 게시판 목록 */
#bo_cate {background:#ecf2f3;padding:7px;margin:10px 0;border:1px solid #bed1d4}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px;}
#bo_cate a {display:block;line-height:26px;padding:0 10px;border-radius:3px;border:1px solid transparent}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#d2d6dc;}
#bo_cate #bo_cate_on {z-index:2;background:#3497d9;color:#fff;font-weight:bold;border-bottom-color:#1977b5;
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202);}

.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:3%;text-align:center;}
#bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:0 7px 7px 0;background:#fff;}
#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.gall_img {position:relative;overflow:hidden;}
#bo_gall .gall_li .gall_con li.gall_img img {max-width:100%;}
#bo_gall .gall_li .gall_con li.gall_tit {padding:15px 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
/* All Device */
@media all and (max-width:1200px) {#bo_gall .gall_li .gall_con li.gall_tit {font-size:1em;}}

.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_gall .gall_now .gall_text_href a {color:#ff3061}

.bo_notice td {background:#f5f6fa}
.bo_notice td a {font-weight:bold}
.bo_notice .notice_icon{display:inline-block;background:#ed6478;padding:0 3px;line-height:20px;font-weight:normal;font-size:0.92em;color:#fff}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;font-size:0.92em;color:#3598db !important;font-weight:bold} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#ed6478;font-size:0.86em}
#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}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}

/* 게시판 읽기 */
#bo_v {}

#bo_v_title {position:relative;padding:5px 0 10px 20px;border-left:5px solid #e9e9e9;line-height:1em;}
#bo_v_title span {display:block;}
#bo_v_title span.bo_v_cate {}
#bo_v_title span.bo_v_tit {font-size:2em;}

#bo_v_info {}
#bo_v_info ul {list-style:none;margin:20px 0 0;padding:10px;border:1px solid #e9e9e9;border-radius:2px;background:#fafafa;}
#bo_v_info ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info ul li {float:left;margin-right:15px;font-size:.9em;color:#5c5c5c;}
#bo_v_info ul li a, #bo_v_info ul li span {color:#5c5c5c;}
#bo_v_info ul li.date {float:right;margin:0;}
#bo_v_info ul li:before {margin-right:5px;font-family:"FontAwesome";color:#8290d3;}
#bo_v_info ul li.name:before {content:"\f040";}
#bo_v_info ul li.hit:before {content:"\f06e";}
#bo_v_info ul li.comt:before {content:"\f27a";}
#bo_v_info ul li.date:before {content:"\f017";}
#bo_v_info ul li.email:before {content:"\f0e0";}
#bo_v_info ul li.home:before {content:"\f015";}

#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:5px 0;border:1px solid #e9e9e9;border-radius:2px;background:#fafafa;}
#bo_v_link ul {list-style:none;margin:0;padding:10px;}
#bo_v_link li {position:relative;}
#bo_v_link a {display:block;position:relative;font-size:.9em;line-height:1.7em;color:#333;}
#bo_v_link a:before {margin-right:5px;content:"\f0c1";font-family:"FontAwesome";color:#8290d3}
#bo_v_link a:hover {color:#000;}
.bo_v_link_cnt {position:absolute;top:5px;right:10px;font-size:.88em;color:#888;}

#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;margin:20px 0;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#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;}
#bo_v_con * {line-height:1.7em;word-break:keep-all;}
#bo_v_con a {color:#000;text-decoration:underline;}
#bo_v_con img {max-width:100%;height:auto;}
#bo_v .youtubebx {margin-bottom:20px;}

/*글쓰기*/
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div .comm {margin-top:7px;font-size:.9em;}
#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}