@charset "utf-8";

/* 카테고리 */
#bo_cate {display:block;position:absolute;left:0;top:0;}
#bo_cate h2 {display:block;width:240px;height:80px;padding:45px 0 0 0;font-size:20px;line-height:1em;font-weight:bold;color:#a6a6a6;text-transform:uppercase;z-index:2;}
#bo_cate ul {list-style:none;margin:10px 0 0;padding:0;}
#bo_cate ul li {}
#bo_cate ul li a {display:block;color:#595959;line-height:2.5em;background:#fff;transition:all .3s;}
#bo_cate ul li a:before {margin-right:10px;content:"●";font-size:.7em;}
#bo_cate ul li a:hover, #bo_cate ul li a:focus {padding-left:10px;color:#fff;background:#4c6b9c;}
#bo_cate #bo_cate_on {font-weight:bold;color:#e32626;}
#bo_cate #bo_cate_on:hover {color:#d0dff0;}

/* 갤러리 목록 */
#bo_gall {position:relative;z-index:1;}
#ca_tit {height:120px;margin-bottom:20px;padding-left:60px;border-bottom:1px solid #e5e5e5;font-weight:100;font-size:2.4em;color:#e32626;line-height:120px;background:#fff;background:linear-gradient(#e5e5e5,#fff,#fff);z-index:2;}
#gall_ul {list-style:none;margin:30px 0 0 50px;padding:0;zoom:1}
	#gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
	#gall_ul .gall_li {float:left;position:relative;width:30%;height:300px;margin:0 1% 20px 1%;background:#f3f3f3;}
	#gall_ul .gal_con {list-style:none;margin:0;padding:0;}
	#gall_ul .gal_con li.gal_img img {background:#f0f0f0;transform:scale(.98);transition:all .4s;}
	#gall_ul .gal_con li.gal_img:hover img {transform:scale(.9,.85);}
	#gall_ul .gal_con li.gal_cate {margin:15px 0 10px;padding:0 15px;font-size:.82em;}
	#gall_ul .gal_con li.gal_cate a {color:#808080;}
	#gall_ul .gal_con li.gal_tit {padding:0 15px;font-weight:600;}
	#gall_ul .gal_con li.gal_hit {margin:40px 0 15px;padding:0 15px;font-size:.72em;color:#25618a;text-align:right;}
	#gall_ul .gal_con li.gal_hit:before {margin-right:7px;content:"\f06e";font-family:"FontAwesome";}
#bo_gall .gall_li .chk {position:absolute;right:0;top:0;padding:7px 8px;border:1px solid #e5e5e5;z-index:2;background-color:#fff;}
#bo_gall .gall_li .chk input {cursor:pointer;}

/* 게시판 쓰기 */
#bo_w {position:relative;z-index:1;}
#bbs_write {margin-left:60px;}
#bbs_write #ca_name option:last-child {display:none;}
#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;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
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:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;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}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* 게시판 읽기 */
#bo_v {margin-bottom:20px;}
#bo_v_tit {position:relative;width:100%;height:120px;margin-bottom:20px;padding-left:60px;border-bottom:1px solid #e5e5e5;background:#fff;background:linear-gradient(#e5e5e5,#fff,#fff);z-index:2;}
	#bo_v_tit span.cate {display:block;padding-top:30px;font-size:1em;font-weight:300;color:#808080;}
	#bo_v_tit span.cate:before {margin-right:7px;content:"\f138";font-family:"FontAwesome";color:#d31c1c;}
	#bo_v_tit span.cate:after {margin:0 10px;content:"|";font-size:.7em;vertical-align:top;}
	#bo_v_tit strong {font-weight:300;font-size:1.8em;color:#e32626;line-height:1.8em;}
	#bo_v_tit span.link {display:block;position:absolute;right:0;top:50%;margin-top:-15px;;}
	#bo_v_tit span.link a {display:inline-block;float:left;position:relative;width:30px;height:30px;margin-left:-1px;border:1px solid #e5e5e5;line-height:0;font-size:0;color:#666;text-align:center;background-color:#f7f7f7;}
	#bo_v_tit span.link a:hover {color:#f22a41;background-color:#fff;}
	#bo_v_tit span.link a:after {font-family:"FontAwesome";font-size:12px;line-height:30px;}
	#bo_v_tit span.link a.btn_prev:after {content:"\f053";}
	#bo_v_tit span.link a.btn_next:after {content:"\f054";}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file {margin-left:60px;}
#bo_v_link {margin-left:60px;}

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#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 {margin:0 0 10px;padding-left:60px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {padding-left:60px;margin-bottom:30px;width:100%;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

.bbs_btn {padding-left:60px;}