@charset "utf-8";

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

.bo_gall_wrap{padding-bottom: 100px;}

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_gall a.btn_blue{vertical-align:middle;line-height:31px;height:31px;padding:0 10px}
#bo_list a.btn_b01:focus, #bo_list .btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list .btn_b02:hover {}
#bo_gall a.btn_admin {height:31px;line-height:31px;padding:0 10px} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list 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 {margin-top:20px} /* 서식단계 진행 */
#bo_w .btn_submit {height:40px;padding:0 10px ;}
#bo_w .btn_cancel {height:40px;line-height:40px;padding:0 10px}
#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 {background:#fff;}
#bo_w caption  {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#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 {padding:10px 15px;min-width:75px !important}
#bo_w .tbl_frm01 td {padding:5px 15px}
#bo_w .tbl_frm01 textarea {}
#bo_w .frm_input{background-color:#f3f3f3;border:1px solid #e6e6e6;line-height:30px;height:30px;padding: 0 10px;width:100%}
#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{text-align:center}
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {padding-left:1px;display: block; zoom:1 width: 100%;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left; margin-bottom:-1px; width: 20%;}
#bo_cate a {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display:block;position:relative;margin-left:-1px;height:50px;line-height:48px;border:1px solid #dcdcdc; background:#fff;color:#333; font-size: 16px;text-align:center;text-decoration:none; font-weight: 500;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;background:#229cc1;color:#fff;font-weight:400; color: #fff;}
.bo_gall_wrap2{width: 100%; background: #f8f8f8; padding-bottom: 50px;	}
.bo_gall_wrap{max-width:1300px; margin: 0 auto; width: 100%; background: #fff; padding-left: 47px; padding-right: 47px; padding-top: 50px;padding-bottom: 50px; box-shadow: 0px 0px 20px rgba(0,0,0,0.08); position: relative; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.gall_href{position: relative;}
.gall_href:before{position: absolute; content:''; width: 100%; height: 100%; background: #000; opacity: 0; transition:.3s; left: 0; top: 0;}
.gall_href:hover:before{opacity: .5;}
.gall_href:after{position: absolute; content:'VIEW'; width: 110px; height: 50px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border: 1px solid #fff; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; opacity: 0; transition:.3s; text-align: center; font-size: 14px; color: #fff; left: 50%; top:50%; margin-top: -24px; margin-left: -55px; line-height: 48px; font-weight: 300;}
.gall_href:hover:after{opacity: 1;}
.gall_text_href{position: absolute; top: -10px; left: 1px; width: 100%; height: 168px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: left; opacity: 0; transition:.3s;  font-size: 16px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 10%;}
.gall_href .port_title{text-align: center; width: 100%; height: 100%; font-size: 21px; color: #fff; line-height: 31px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 90px 30px 0; overflow: hidden; transition:.3s; opacity: 0;}


/* 
커스터마이징 */
.gal_view{width: 100%; position: fixed; height: 100%; top: 0; left: 0;   background: rgba(0,0,0,0.5); z-index: 150; display: none;}
.content_view{position: relative;width: 600px; height: 450px; top:300px; text-align: center; margin: 0 auto; background: #fff; }
.content_view > span{cursor: pointer; position: absolute; right: 0 ;top: -30px; font-size: 15px; color: #fff; line-height: 15px; z-index: 105; font-weight: 300;}
.content_view > span:after{display: inline-block;content:''; width: 20px; height: 20px; background: url(img/close_b.png) 0 0 no-repeat; vertical-align: bottom; margin-left: 10px;}
.content_view .txt_box{position: absolute; bottom: 0; left: 0; background: #b2b2b2; width: 100%; height: 50px;}
.content_view .txt_box h3{float: left; margin-left: 21px; line-height: 50px; font-size: 15px; color: #fff; font-weight: 400;}
.content_view .txt_box span{display: block; width: 122px; height: 31px; background: #ff9639; float: right; margin-right: 11px; margin-top: 11px;}
.content_view .txt_box span a{color: #fff; line-height: 31px; color: #fff; font-weight: 400;}
.content_view .txt_box span a:after{display: inline-block; content:''; width: 12px; height: 12px; background: url(img/span_lin.png) 0 0 no-repeat;vertical-align: middle; margin-left: 5px; margin-top: -3px;}
.content_view figure{width: 100%; height: 300px; margin-left: 0; margin-top: 0px; position: absolute; left: 0; top: -100px; bottom: 0; right: 0; margin: auto auto;}
.content_view figure img{width: 87%; }
.content_view .list_box{width: 600px !important; height: 450px;}
.content_view .bx-viewport{overflow: auto !important; }
.content_view .bx-wrapper .bx-controls-direction a.disabled {display: block !important;}
.content_view .bx-pager.bx-default-pager {display: none;}
.content_view .bx-wrapper .bx-next {background: url(img/next_b1.png) 0 0 no-repeat !important; width: 22px; height: 43px; right: -43px; z-index: 10000;}
.content_view .bx-wrapper .bx-prev {background: url(img/prev_b1.png) 0 0 no-repeat !important; width: 22px; height: 43px; left: -43px; z-index: 10000;}
.content_view .bx-wrapper .bx-controls-direction a {  top: 46%;}

@media (max-width: 970px){
    #bo_cate ul{width:100%}
    #bo_cate li {width:20%;}
}

@media (max-width: 640px){
    #bo_cate li {width:33.3333%}
}

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

#bo_gall #gall_allchk {margin:0 10px}

#bo_gall #gall_ul {margin: 0;list-style:none}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}


#bo_gall .gall_li {float:left;width:19.2%; cursor: pointer; margin-right: 1%; margin-bottom: 30px;}
#bo_gall .gall_li:nth-child(5n+5){margin-right: 0;}
#bo_gall .gall_li:nth-child(5n+1){clear:both}
#bo_gall .gall_li a img{width:100%;border:1px solid #eee}
#bo_gall .gall_clear {clear:both}
#bo_gall .gall_href{background:#fff;}
#bo_gall .gall_con{background:#fff;padding:0px}
#bo_gall .gall_con,#bo_gall .gall_con a {color:#333; text-align: center; font-weight: 400;}
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}
#bo_gall .gall_con .con_info{display:inline-block;margin-right:5px;font-size:0.92em}
#bo_gall .gall_con .con_info i{font-size:13px}
#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}


#bo_gall .gall_text_href {margin:10px 0 5px}
#bo_gall .gall_text_href a {display:block;color:#fff;font-weight:bold;text-decoration:none;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


@media (max-width: 640px){
    #bo_gall .gall_li {float:left;width:50%;padding:10px;}
    #bo_gall .gall_li:nth-child(2n+1){clear:both}
}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;padding:5px 10px}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {height: 80px; text-align: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border: 1px solid #dcdcdc; padding-left: 30px; margin-top: 20px; margin-bottom: 50px;}
#bo_list_total p{font-size: 16px; line-height: 80px; color: #555; float: left; width: 50%;}
#bo_list_total p span{font-size: 20px; color: #0f5e95;}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#f7f7f7}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin-bottom:2px;color:#65a2f1 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
.td_subject img {margin-left:3px}
.cnt_cmt {font-weight:bold}

#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
#bo_sch .frm_input{background:#fff !important;height:30px;line-height:30px;padding:0 10px;}
#bo_sch .btn_submit{height:30px;}
#bo_sch select{height:30px;}

#bo_gall li.empty_list {padding:30px 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}

#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}

/* 게시판 읽기 */
#bo_v {margin-bottom:15px;padding-bottom:15px}
#bo_v_table {padding:0 10px;color:#999;font-size:0.9em;font-weight:bold}
#bo_v_title {padding:15px;font-size:1.2em;background:#d3d3d3}
#bo_v_info {padding:15px;;background:#fff; text-align:right;color:#888}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info .bo_name{float:left;}
#bo_v_info .bo_info{float:right;}
#bo_v_info .st_bg{margin:0 5px}
#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_info {}
#bo_v_info strong {display:inline-block;margin:0 0 0 5px;font-weight:normal}


@media (max-width: 640px){
    #bo_v_info .bo_info{width:100%;float:left;text-align:left;margin-top:3px}
}


#bo_v_file {}
#bo_v_file i{color:#888;margin-right:5px;font-size:13px}
#bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:15px;border-top:1px solid #eee;background:#fff}
#bo_v_file a {display:inline-block;color:#000;text-decoration:none}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file span {color:#999;font-size:0.92em}
.bo_v_file_cnt {display:inline-block;margin:0 10px}

#bo_v_link {}
#bo_v_link i{color:#888;font-size:13px;margin-right:5px}
#bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:15px;border-top:1px solid #eee;background:#fff}
#bo_v_link a {display:inline-block;color:#65a2f1;text-decoration:underline;}
#bo_v_link a strong{font-weight:normal}
#bo_v_link span {color:#999;font-size:0.92em}
.bo_v_link_cnt {display:inline-block;margin:0 10px}

#bo_v_top {margin:10px 0;}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}
#bo_v_top .btn_blue{padding: 8px 7px 7px;}
#bo_v_top a{font-weight:bold}
#bo_v_bot {padding:10px 0}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}
.bo_v_com .btn_blue{padding: 8px 7px 7px;}
.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;font-weight:bold}

#bo_v_atc {padding:15px;min-height:200px;background:#fff;border-top:1px solid #eee}
#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {position:relative;margin-bottom:20px;text-align:center}
#bo_v_act a {vertical-align:middle;padding:10px}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;right:10%;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */

/* 게시판 댓글 */
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;background:#fff}
#bo_vc article {padding:0 0 5px;border-top:1px dotted #eee;background:#fff}
#bo_vc header {padding:15px;border-bottom:1px solid #eee}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:normal;color:#1d1d1d}
#bo_vc i{color:#888;margin-right:5px;}
.bo_vc_hdinfo{color:#888}
.bo_vc_hdinfo1 {display:inline-block;margin:0 10px 0 5px;float:right;color:#888;font-size:0.92em}
#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none;display:inline-block;}
#bo_vc p {padding:15px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:50px 0 !important;text-align:center;border-bottom:1px solid #eee;color:#666;background:#fff}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.reply {position:relative;margin-bottom:10px;padding:15px;display:block;background:#fff;}
.reply .tbl_wrap {margin:0 0 ;padding:10px 0;border:1px solid #eee}
.reply #char_cnt {display:block;margin-bottom:5px}
.reply textarea {width:99%}
.reply td{padding:5px 0}
.reply th{text-align:left;padding:10px 15px;font-weight:normal;color:#999;width:120px}
.reply .frm_input  {border:1px solid #e6e6e6;background-color:#f3f3f3;line-height:30px;height:30px;}
.reply .bo_vc_w_cmt{padding:10px 80px 0 15px;position:relative;}
.reply .bo_vc_w_cmt textarea{border:1px solid #e6e6e6;background-color:#f3f3f3;height:80px;}
.reply .bo_vc_w_cmt .btn_submit{position:absolute;top:10px;right:15px;height:80px;width:80px}

.bo_vc_act {float:right;margin:0;list-style:none;padding:0 15px 10px;}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin-bottom:10px;background:#fff;margin-top:10px}
#bo_vc_w h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_vc_w .tbl_wrap {margin:0 0 15px;padding:10px 0;}
#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
#bo_vc_w textarea {width:99%}
#bo_vc_w td{padding:5px 0}
#bo_vc_w th{text-align:left;padding:10px 15px;font-weight:normal;color:#999;width:120px}
#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns input{margin:0 5px}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 10px 0 0}
#bo_vc_w .frm_input  {border:1px solid #e6e6e6;background-color:#f3f3f3;line-height:30px;height:30px;}
#bo_vc_w .bo_vc_w_cmt{padding:10px 80px 10px 15px;position:relative;}
#bo_vc_w .bo_vc_w_cmt textarea{border:1px solid #e6e6e6;background-color:#f3f3f3;height:80px;}
#bo_vc_w .bo_vc_w_cmt .btn_submit{position:absolute;top:10px;right:15px;height:80px;width:80px}


#bo_sch {}
#bo_sch .frm_input{background:#fff !important;height:30px;line-height:30px;padding:0 10px;}
#bo_sch .btn_submit{width:60px;height:30px;margin-left:5px;border:none;background:#555 url(./img/ico_search_w.png) no-repeat center center;cursor:pointer;transition:background 0.4s; color: #fff; padding: 0 10px;}
#bo_sch .btn_submit:hover, #bo_sch .btn_submit:focus {background:#cf2550 url(./img/ico_search_w.png) no-repeat center center;}
#bo_sch select{height:30px;padding:5px;}
.serch_con{float: right; width: 50%; margin-top: 22px;}
.serch_con > li{height: 30px; line-height: 30px; display: inline-block;}
.serch_con > li select{line-height: 30px;  font-size: 14px; color: #555; border: 1px solid #ddd; text-indent: 15px;}
.serch_con > li input{border: 1px solid #ddd;}
.serch_con > li:first-child{width: 130px; }
.serch_con > li:nth-child(2){width: 255px;}
.serch_con > li:last-child{width: 86px; height: 30px; background: #32336b;}
.serch_con > li:last-child span a{border: 0;  width: 86px; height: 30px; display: block; text-align: center; color: #fff; font-size: 14px; font-weight: 300; cursor: pointer;}
#bo_v_info .sound_only {position: static !important;}
/* 변형 */
.port_h2{font-size: 40px; line-height: 40px; text-align: center; color: #333; font-weight: 700; margin-top: 55px; margin-bottom: 45px;}