@charset "utf-8";

[class^="scene-"] { font-family: 'SUIT'; }
[class^="scene-"].active .main_txt{visibility:visible !important;}
[class^="scene-"].active .sub_txt{visibility:visible !important;}
[class^="scene-"].active .mobile_wrap{visibility:visible !important;}
[class^="scene-"].active .vi_wrap{visibility:visible !important;}
[class^="scene-"].active .cont_wrap .info_wrap{visibility:visible !important;}

.anchur { position:absolute; top:-50px; }

@media screen and (min-width:1201px) {
[class^="scene-"] { position:relative; width:100%; }
[class^="scene-"] .inner { position:relative; z-index:1; }
[class^="scene-"] .cont_wrap {  }
[class^="scene-"] .main_txt { position: relative; visibility:hidden; }
[class^="scene-"] .sub_txt { position: relative; visibility:hidden; }
[class^="scene-"] .mobile_wrap { position: relative; visibility:hidden; }
[class^="scene-"] .vi_wrap { position: relative; visibility:hidden; }
[class^="scene-"] [class^="status_wrap-"] { display: inline-block;}	

.scene-1 {  position:relative; }
.scene-1 .cont_wrap {  text-align:center; }
.scene-1 .main_txt { padding:200px 0; background:#ebeaef url(../../img/sub/event/event.png) no-repeat center / auto 100%; }
.scene-1 .main_txt h6 { color:#333; font-size:17px; margin:0 0 20px; }
.scene-1 .main_txt h2 { font-size:52px;  color:#fff; margin:0; }
.scene-1 .main_txt p { color:#fff; padding:10px 0; font-size:16px; line-height:21px;  }
.scene-1 .main_txt p span { display:block; }
.scene-1 .main_txt div div {  font-size:15px; line-height:21px;  }
.scene-1 .sub_txt { max-width:1200px; margin:auto; }
.scene-1 .sub_txt div {  column-gap:0px; row-gap:0px; padding:50px 0; }
.scene-1 .sub_txt div p { display:inline-block; padding:0 30px; }
.scene-1 .sub_txt div p a { border-bottom:3px solid #fff; color:#999; height:50px; line-height:50px; text-align:center; font-size:16px; display:block; }
.scene-1 .sub_txt div p .onX { border-bottom:2px solid #333; background-color:#fff; color:#333; }

.scene-2 { padding:0 0 100px; }
.scene-2 .cont_wrap { max-width:1200px; margin:auto; position:relative; }
.scene-2 .main_txt { padding:0 0 50px; }
.scene-2 .sub_txt { padding:0 0 50px; }
.scene-2 .mobile_wrap { padding:0; text-align:center; }
.scene-2 .mobile_wrap a { display:inline-block; width:300px; height:70px; line-height:70px; border:1px solid #ae9381; color:#ae9381;  font-size:15px; }
.scene-2 .mobile_wrap a:after { visibility:visible; content:""; background:url(../../img/arr.png) no-repeat center right / auto 10px; width:60px; height:10px; display:inline-block; vertical-align:middle; margin-left:40px; }
}


@media screen and (max-width:1200px) and (min-width:901px) {
[class^="scene-"] { position:relative; }
[class^="scene-"] .inner { position:relative; z-index:1; }
[class^="scene-"] .cont_wrap { overflow:hidden; }
[class^="scene-"] .main_txt { position: relative; visibility:hidden; }
[class^="scene-"] .sub_txt { position: relative; visibility:hidden; }
[class^="scene-"] .mobile_wrap { position: relative; visibility:hidden; }
[class^="scene-"] .vi_wrap { position: relative; visibility:hidden; }
[class^="scene-"] [class^="status_wrap-"] { display: inline-block;}	
	
.scene-1 {  position:relative; }
.scene-1 .cont_wrap {  text-align:center; }
.scene-1 .main_txt { padding:200px 0; background:#ebeaef url(../../img/sub/event/event.png) no-repeat center / auto 100%; }
.scene-1 .main_txt h6 { color:#333; font-size:17px; margin:0 0 20px; }
.scene-1 .main_txt h2 { font-size:52px; color:#fff; margin:0; }
.scene-1 .main_txt p { color:#fff; padding:10px 0; font-size:16px; line-height:21px;  }
.scene-1 .main_txt p span { display:block; }
.scene-1 .main_txt div div {  font-size:15px; line-height:21px;  }
.scene-1 .sub_txt { padding:0 20px; }
.scene-1 .sub_txt div {  column-gap:0px; row-gap:0px; padding:50px 0; }
.scene-1 .sub_txt div p { display:inline-block; padding:0 30px; }
.scene-1 .sub_txt div p a { border-bottom:3px solid #fff; color:#999; height:50px; line-height:50px; text-align:center; font-size:16px; display:block; }
.scene-1 .sub_txt div p .onX { border-bottom:2px solid #333; background-color:#fff; color:#333; }

.scene-2 { padding:0 20px 100px; }
.scene-2 .cont_wrap { margin:auto; position:relative; }
.scene-2 .main_txt { padding:0 0 50px; }
.scene-2 .sub_txt { padding:0 0 50px; }
.scene-2 .mobile_wrap { padding:0; text-align:center; }
.scene-2 .mobile_wrap a { display:inline-block; width:300px; height:70px; line-height:70px; border:1px solid #ae9381; color:#ae9381;  font-size:15px; }
.scene-2 .mobile_wrap a:after { visibility:visible; content:""; background:url(../../img/arr.png) no-repeat center right / auto 10px; width:60px; height:10px; display:inline-block; vertical-align:middle; margin-left:40px; }
}


@media screen and (max-width:900px) {
[class^="scene-"] { position:relative; }
[class^="scene-"] .inner { position:relative; z-index:1; }
[class^="scene-"] .cont_wrap { }
[class^="scene-"] .main_txt { position: relative; visibility:hidden; }
[class^="scene-"] .sub_txt { position: relative; visibility:hidden; }
[class^="scene-"] .mobile_wrap { position: relative; visibility:hidden; }
[class^="scene-"] .vi_wrap { position: relative; visibility:hidden; }
[class^="scene-"] [class^="status_wrap-"] { display: inline-block;}	

.scene-1 {  position:relative; }
.scene-1 .cont_wrap {  text-align:center; }
.scene-1 .main_txt { padding:100px 0; background:#ebeaef url(../../img/sub/event/event.png) no-repeat center / auto 100%; }
.scene-1 .main_txt h6 { color:#333; font-size:17px; margin:0 0 20px; }
.scene-1 .main_txt h2 { font-size:21px; color:#fff; margin:0; }
.scene-1 .main_txt p { color:#fff; padding:10px 0; font-size:12px; line-height:18px;  }
.scene-1 .main_txt p span { display:block; }
.scene-1 .main_txt div div {  font-size:12px; line-height:18px;  }
.scene-1 .sub_txt { padding:0 20px; }
.scene-1 .sub_txt div { display:grid; grid-template-columns:repeat(4, 1fr); column-gap:0px; row-gap:0px; padding:50px 0; }
.scene-1 .sub_txt div p a { border-bottom:3px solid #fff; color:#999; height:50px; line-height:50px; text-align:center; font-size:12px; display:block; }
.scene-1 .sub_txt div p .onX { border-bottom:2px solid #333; background-color:#fff; color:#333; }

.scene-2 { padding:0 20px 100px; }
.scene-2 .cont_wrap { margin:auto; position:relative; }
.scene-2 .main_txt { padding:0 0 50px; }
.scene-2 .sub_txt { padding:0 0 50px; }
.scene-2 .mobile_wrap { padding:0; text-align:center; }
.scene-2 .mobile_wrap a { display:inline-block; width:300px; height:70px; line-height:70px; border:1px solid #ae9381; color:#ae9381;  font-size:15px; }
.scene-2 .mobile_wrap a:after { visibility:visible; content:""; background:url(../../img/arr.png) no-repeat center right / auto 10px; width:60px; height:10px; display:inline-block; vertical-align:middle; margin-left:40px; }
}






/* 게시판 목록 */
#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 { display:grid; grid-template-columns:repeat(4, 1fr); column-gap:4px; row-gap:4px; zoom:1}
#bo_gall .gall_box {position:relative;margin:0 0 30px 0; background:#fff; overflow:hidden; }
#bo_gall .gall_li .gall_chk{position:absolute;top:0;left:0;padding:5px;}

.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 .box_clear{clear:both}

#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_img{border-bottom:1px solid #eee;text-align:center}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice{display:block}
#bo_gall .gall_img img{max-width:100%;height:auto !important}
#bo_gall .gall_img span{display:inline-block;background:#eee;text-align:center;line-height:150px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

#bo_gall .gall_text_href { padding:20px; position:relative; }
#bo_gall .gall_text_href h6 { font-size:15px; color:#c5a059; }
#bo_gall .gall_text_href h3 { font-size:18px; margin-bottom:15px; }
#bo_gall .gall_text_href div { color:#666; font-size:13px; line-height:18px; }
#bo_gall .gall_text_href img { width:100%; }
#bo_gall .gall_text_href .lt_mores { display:block; position:absolute; bottom:10px; left:20px; height:40px; line-height:40px; background:url(../../../assets/img/arr.png) no-repeat center right / auto 10px; width:calc(100% - 40px); }


@media screen and (max-width:1201px) {
#bo_gall { padding:0 20px; }
#bo_gall #gall_ul { display:grid; grid-template-columns:repeat(3, 1fr); column-gap:4px; row-gap:4px; zoom:1}
}
@media screen and (max-width:900px) {
#bo_gall #gall_ul { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:4px; row-gap:4px; zoom:1}
#bo_gall .gall_text_href { padding:10px 0; position:relative; }
#bo_gall .gall_text_href h6 { font-size:12px; }
#bo_gall .gall_text_href h3 { font-size:15px; margin:0 0 5px; }
}


/* 게시판 목록 공통 */
#bo_btn_top{margin: 10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}

.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:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.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 .profile_img {display:inline-block;margin-right:5px}
#bo_list .profile_img img{border-radius:50%}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#ed6478;font-size:0.86em}

#bo_sch {float:left;border:1px solid #ccc;border-radius:3px;margin:0 0 20px;background:#fff}
#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;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}
#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left}
#bo_sch .sch_btn{height:38px;float:left;background:url('./img/sch_btn.png') no-repeat 50% 50%;border:0;width:40px;text-indent:-999px;overflow:hidden}

#bo_gall li.empty_list {padding:85px 0;text-align:center}



/* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding:20px;background:#fff;box-sizing:border-box}

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

#bo_v_title {}
#bo_v_title .bo_v_cate{display:inline-block;line-height:26px;background: #3497d9;color: #fff;font-weight: bold;border-bottom:1px solid #1977b5;padding:0 10px;border-radius:3px;
-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);}
#bo_v_title .bo_v_tit{display:block;font-size:2em;margin:5px 0 0;word-break:break-all}

#bo_v_info {padding: 10px 0 15px;margin:0 0 20px;border-bottom:1px solid #ddd;color:#666}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 10px 0 0;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_info .profile_img {}
#bo_v_info .profile_img img{border-radius:50%}
#bo_v_info .sv_member{color:#000}
#bo_v_info .if_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_date{float:right;margin:0;font-style:italic;color:#888}

#bo_v_top {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 {padding:0;list-style:none;word-break:break-all}

#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 {padding:0;list-style:none}

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

.bo_v_left {margin:20px 0;float:left}
.bo_v_left li {float:left;margin-right:5px}

.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li i{font-size:13px}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#4567b5}
.bo_v_nb li .nb_date{float:right;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%;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 {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;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_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}