@charset "utf-8";

#bo_gall {position:relative;width:77%;min-height:350px;}
#bo_gall:after {display:block;clear:both;content:"";}
#bo_gall #bbs_total {margin-left:1.5%;}
#bo_gall .bbs_btn {margin-right:1.5%;}

/* 게시판 목록 */
#bo_cate {position:absolute;right:0;top:0;width:20%;}
#bo_cate_ul {list-style:none;margin:0;padding:20px;background-color:#f5f5f5;box-shadow:inset 0 0 7px hsla(0,0%,0%,.05);}
#bo_cate_ul li {text-align:center;}
#bo_cate_ul li:nth-child(2) {display:none;}
#bo_cate_ul li a {display:block;border-radius:3px;font-size:.92em;color:#4c4c4c;line-height:35px;transition:all .15s;}
#bo_cate_ul li.tit a {margin-bottom:15px;padding:10px 0 15px;border-bottom:3px solid #eee;font-family:"Roboto Slab","Georgia","Timse New Roman",Serif;font-size:1.1em;font-weight:bold;color:#5967ac;line-height:1em;text-transform:uppercase;}
#bo_cate_ul li.tit a:before {display:inline-block;margin-right:10px;content:"\f055";font-family:"FontAwesome";color:hsla(230,48%,67%,.6);}
#bo_cate_ul li a:hover {color:#5967ac;background:#fff;}
#bo_cate_ul li a#bo_cate_on {color:#fff;background:#5967ac;}
#bo_cate .call {padding:15px 0;font-size:1.2em;color:hsla(0,100%,100%,.5);text-align:center;background:#2f3554;}
/* All Device */
@media all and (max-width:1200px) {#bo_cate {width:25%;} #bo_gall {width:70%;}}

.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;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.gall_img {position:relative;overflow:hidden;}
#bo_gall .gall_li .gall_con li.gall_img img {max-width:100%;transform:scale(1.0);transition:all .3s;}
#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 0 0;font-size:.9em;color:hsla(0,0%,0%,.5);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#bo_gall .gall_li .gall_con li.gall_tit {padding:10px 0;font-size:1.2em;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;}}

.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_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 {display:inline-block;padding:0 10px;border:1px solid #1977b5;border-radius:3px;font-weight:normal;line-height:26px;color:#fff;background:#3497d9;}
#bo_v_title span.bo_v_tit {margin-top:7px;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;text-align:center;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 {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_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}