@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */

.bo_top_img{position:absolute;top:0;left:0;width:100%;height:300px;overflow:hidden;text-align:center}
.bo_top_img img {position: absolute;top: 0;left: -9999px;right: -9999px;margin: auto;width:100%;height:auto; 
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);}


 @media (max-width: 969px){
      .bo_top_img {height:150px}
 }
/* 게시판 버튼 */
/* 목록 버튼 */
#bo_gall a.btn_b01 {}
#bo_gall a.btn_b01:focus, #bo_gall .btn_b01:hover {}
#bo_gall a.btn_b02 {}
#bo_gall a.btn_b02:focus, #bo_gall .btn_b02:hover {}
#bo_gall a.btn_admin {} /* 관리자 전용 버튼 */
#bo_gall a.btn_admin:focus, #bo_gall a.btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w .btn_cancel {}
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */

/* 기본테이블 */
/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_address {}
#bo_w .frm_file {}
#bo_w .frm_info {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 caption {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

#bo_w .required, #bo_w textarea.required {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 공통 */



#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate {background:#fff;color:#333; 
white-space: nowrap;overflow-x: auto;
-webkit-overflow-scrolling: touch
 -ms-overflow-style: -ms-autohiding-scrollbar;}
#bo_cate::-webkit-scrollbar {display: none;}
#bo_cate ul {
    margin: 10px;
    padding: 0 10px 0 0;
    border-bottom: 2px solid #9fbc00;
}

#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate li {
    display: inline-block;
    border-radius: 5px 5px 0 0;
    background: #efefef;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
}

#bo_cate li a {
    display: block;
    padding: 0 15px;
    line-height: 40px;
    color: #333947;
    font-size: 1.2em;
}

@media (max-width: 480px){
#bo_cate ul {
    margin: 10px 0;
	}
	#bo_cate li a {

		padding: 0 3px;
		font-size: 1.1em;
	}
}

#bo_cate #bo_cate_on {
    position: relative;
    font-weight: bold;
    color: #fff;
    background: #9fbc00;
    border-radius: 5px 5px 0 0;
}

/*#bo_cate #bo_cate_on:before{width:100%;content:'';height:2px;background:#ea185f;position:absolute;bottom:0;left:0}*/

#bo_sch {border-top:1px solid #f3f3f3;text-align:center;padding:40px 0 ;border-radius:3px}
#bo_sch  form{display:inline-block;position:relative}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0;height:42px;border:1px solid #cfcfcf;vertical-align:top;padding-left:10px}
#bo_sch .sch_input{height:42px;border:1px solid #cfcfcf;padding:0;background-color:transparent;padding:0 40px 0 10px;vertical-align:top}
#bo_sch .sch_input:focus{outline:none;border-bottom:2px solid #e32464}
#bo_sch .sch_btn{height:42px;position:absolute;color:#aaa;top:0;right:0;border:0;width:40px;background:none;font-size:15px;vertical-align:top}

#bo_list_total{position:absolute;top:300px;color:#fff;left:0;width:100%;z-index:10;text-align:center;font-size:0.923em;width:100% ;}

#bo_gallery{margin:0 auto; padding: 10px; }
#bo_gallery .all_chk {float:left;margin-top:20px}

#gall_ul{clear:both; border-left:1px solid #ccc; border-top:1px solid #ccc; }
#gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gall_ul li{float:left;width:25%;padding:10px; border-right:1px solid #ccc;  border-bottom:1px solid #ccc; background:#f7f7f7; } 
#gall_ul li a{  color:#777;} 
.gall_now{ color:#3399cc !important; background:#fff !important; }
#gall_ul li:nth-child(4n+1){clear:both}
#gall_ul .gall_img img{width:100%;height:auto;  
    border: 1px solid #ccc;
    display: block; max-width:200px;}

#gall_ul .gall_txt {margin:10px 0; text-align:center}
#gall_ul .gall_li_tit{font-size:1em;margin-bottom:10px;}
#gall_ul .notice_icon{color:#6683be}
#gall_ul .bo_cate_link{color:#ea185f;margin-bottom:10px;display:block}

#gall_ul .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;}
#gall_ul .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;font-weight: normal;}
#gall_ul .fa-heart{width:16px;height:16px;line-height:16px;background:#ff66b0;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;;font-weight: normal;}
#gall_ul .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;border-radius:4px;text-align:center;vertical-align:middle;font-size:11px}
#gall_ul .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;;border-radius:4pxtext-align:center;;vertical-align:middle;font-weight:normal;font-size:11px}
#gall_ul .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #fff;background: #262b88;text-align: center;border-radius: 4px;font-size: 12px;border:1px solid #262b88}

#gall_ul .gall_info {line-height:20px;color:#86909a}
#gall_ul .gall_info .sv_member{color:#86909a;font-weight:normal}
#gall_ul .gall_info img{vertical-align:top;border-radius:30px}
#gall_ul .gall_info i{margin-left:5px}


 
.sbanner{
    width:100%;
	max-width: 200px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.17em;
}


.bo_fx {margin:20px 0 0 0}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""} 
.bo_fx li{display:inline-block;}
.btn_bo_adm{float:left}
.btn_wr{float:right}


#bo_v_top {margin:0 0 20px 0;clear:both}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_top ul {margin:0;padding:0;list-style:none}
#bo_v_top ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top ul li{display:inline-block;}
#bo_v_con img{max-width:100%;}
@media (max-width: 969px){
	#gall_ul li{width:50%; padding:10px 0 10px 0; height:40px; overflow:hidden} 
	.sbanner{  font-size: 1em;}
	.view_image img{max-width:100%;}

}