#header .btn_gnb { 
	position: absolute;
    left: 20px;
    font-size: 22px;
    z-index: 10;
    display: flex;
    height: 80px;
    line-height: 80px;
    top: 0;
    align-items: center;
 }
.btn_gnb {position:fixed !important;top:33px;left:30px;width:50px;height:50px;line-height:46px;z-index:90;width:50px;height:50px;text-align:center;font-size:15px;z-index:90;}
#header .btn_gnb.on {
	color: #fff;
	transform: rotate(-90deg);
	height: 50px;
	top: 0;
	left: 13px;
}
#header .gnb { position:fixed; width:330px; background:#333; height:100%; top:0; right:-330px; margin:0; float:none; z-index:9; padding-top:60px; transition:all .3s; text-align:left; overflow-x:hidden; overflow-y:auto; }
#header .gnb.on { left:0; }
#header.down .gnb a { color: #fff }
#header.down .gnb .depth1 > a { margin-bottom:0 }
#header.down .gnb .depth1:hover > a { color:#fff }
#header .gnb .depth1 ul { display:none; overflow-y:scroll; height:0; max-height:none; transition:all .3s; background:rgba(0,0,0,0.3); margin:0 -25px; padding:10px 0 10px 30px; position:static; transform:translateX(0); border:0; opacity:1; width:auto }
#header .gnb .depth1.on ul { display:block; height:300px; overflow-y:scroll}
#header .gnb .depth1 > a:before { display:none }
#header .gnb .depth1 { padding:0 25px; float:none }
#header .gnb .depth1 > a { height:50px; line-height:50px; display:block; color:#fff; }
#header .gnb .depth1 i { position:absolute; top:0; right:0; width:60px; height:50px; line-height:50px; text-align:center; z-index:2; padding-right:10px }
#header .gnb .depth2 > a { padding:10px 0; border:0 }
#header .gnb .depth2 > a:hover { background:none; color:#fff }



@media (max-width:1280px) {
body { font-size:0.8em }
.wrap { width:100%; padding:0 20px }
/*#header .gnb .depth1 { padding:0 20px; }
#header .gnb .depth1 > a:before { left:30px }*/
#header.down { height:260px }
#header .btn_user { margin-right:20px }
#header .user { right:5px }
#main_visual .latest { margin-left:0; left:4%; bottom:10px }
.pic_lt .ts-controls { text-align:center; margin-top:10px }
.pic_lt .ts-controls button { display:none }
.pic_lt .ts-controls button.ts-paging-btn { display:inline-block; margin:0 3px; position:static; width:100%; background:none; width:20px; height:20px; border:1px solid #333; border-radius:50% }
.pic_lt .ts-controls button.ts-paging-btn.ts-paging-active { background:#333 }
.main_about {padding:80px 0 }
.main_about .img { width:50% }
.main_about .img img:first-child { width:83% }
.main_about .img img:last-child { width:50%; top:55%; left:45%; right:0 }
.main_about .text { width:45% }
.main_about .text h2 { font-size:70px; margin-bottom:35px }
.main_about .text h3 { font-size:22px; margin-bottom:25px }
.main_about .text p { font-size:16px; margin:0 0 23px }
.main_about .btn_area a { width:120px; height:34px; line-height:32px; font-size:15px; margin-top:5px }
.main_about dl dt { font-size:20px; margin:40px 0 10px 0 }
.main_about dl dd.tel { font-size:28px }
.main_product, .main_bbs { padding:60px 0 }
.main_product h2, .main_gallery h2 { font-size:30px }
.main_gallery h2 { top:60px }
.main_gallery .fotorama__nav-wrap { top:120px }
#footer { margin:60px 0 0 0; padding:40px 0 }
#footer .f_left { margin-left:45px }
#footer nav { right:20px }
#snb .wrap { padding:0 }
#snb li:first-child { border-left:0 }
#snb li:last-child { border-right:0 }
#contents { margin:55px 0 0 0 }
.container_title { font-size:2.4em; margin:0 0 40px }
.history_list { padding:0 4% }
.tbl_head01 td, .tbl_head01 th { padding:12px 7px !important }
#bo_list .td_num2 { width:50px }
.td_thumb { width:150px }
#bo_list .td_datetime { width:80px }
#bo_gall .gall_info .gall_view { display:none }
#faq_sch .frm_input, #faq_sch .btn_submit { height:40px }
#bo_v iframe { width: 100%; height:43vw }
#sch_res_detail select, #sch_res_detail select { width:120px }
#sch_res_detail .sch_wr { width:calc(100% - 380px) }
.main_bbs section { float:left; width:100%; margin:0 0 0 20px; position:relative; border:1px solid #e0e0e0; background:#fff; padding:25px }
#m_tab {width:100%; text-align:center; margin-top:30px;}
.bn_left {
	margin-left: 0;
	float: none;
	width: 100%;
}
.bn_left > div {
	float: left;
	width: 49%;
	margin: 2% 0 10px 0; 
}
.bn_left .bn_news{margin-right:2% ;}
.bn_left > div img{width: 100%;}


}



@media (max-width:1023px) {
body { font-size:0.8em }
.wrap { width:100%; padding:0 4% }
.mobile_only { display:block !important }
.mobile_no { display:none !important }

#header .btn_user { 
	position:absolute; 
	top: 0;
	right:20px;
	font-size:22px; 
	z-index:8; 
	float:none; 
	margin:0;
    display: flex;
    align-items: center;
    line-height: 80px;
    height: 80px; }
/*#header .btn_gnb { position:absolute; left:30px; top:17px; font-size:22px; z-index:10; }
#header .btn_gnb.on { color:#fff; transform:rotate(-90deg) }*/
#header .btn_search { 
	position:absolute; 
	top: 0;
	right:60px;  
	font-size:22px; 
	z-index:8; 
	float:none; 
	margin:0;    
	display: flex;
    align-items: center;
    line-height: 80px;
    height: 80px;
 }
#header .btn_search2 { 
	position:absolute; 
	right:90px; 
	top:26px; 
	font-size:13px; 
	font-weight:600; 
	z-index:8; 
	float:none; 
	margin:0;
	display: flex;
    align-items: center;
    line-height: 80px;
    height: 80px; 
}
#header .sns { float:none; text-align:center; margin:30px 0 0 0 }
#header .sns li { float:none; display:inline-block; margin:0 10px }
#header .user { right:38px; }

#footer { padding:30px 0 }
#footer h1 { margin:0 auto; margin-bottom:50px; }
#footer h1 img {width:90%;}
#footer .f_left { float:none !important; margin:0; }
#footer nav { position:static; margin:0 0 10px }
#footer nav li { margin:0 17px 0 0 }

#main_visual .slider h2 { padding:0 10%; margin:22vh 0 0 0 }
#main_visual .slider p { padding:0 10%; word-break:keep-all }
#main_visual .bx-controls { bottom:50px }
#main_visual .latest { width:300px }
#main_visual .youtube-background { display:none }

.about_vision li h3 { font-size:1.3em; word-break:keep-all }
.about_vision li p { word-break:keep-all }
.about_vision li p br { display:none }
.main_about hr { height:50px }
.main_about .img { width:50% }
.main_about .text { width:45% }
.main_about .text h3 { font-size:1.7em; word-break:keep-all; margin:0 0 20px }
.main_about .text p { font-size:1.2em }
.main_about dl dt { font-size:18px; margin-top:28px }
.main_about dl dd small { font-size:16px }
.main_bbs { padding:0 }
.main_bbs .wrap { padding:0 }
.main_bbs section { margin:0 30px 0 30px; width:100%; }
.main_bbs section:first-child { border-left:0 }
.main_bbs section:nth-child(3) { border-right:0 }
.main_bbs section.full { margin:-1px 0 0 0; border-left:0; border-right:0 }
.main_bbs .pic_lt .basic { height:40px }
.main_about h2, .main_product h2, .main_gallery h2 { font-size:26px }
.main_gallery { background:#f0f0f0; padding:60px 0 0 0 }
.main_gallery h2 { position:static; color:#222; text-shadow:none }
.main_gallery .fotorama__nav-wrap { position:static; padding:5px 0 }
.main_gallery .fotorama__nav__shaft { border:0; background:transparent }

#sub_visual { height:300px }
#sub_visual h2 { padding-top:130px }

#contents { margin:50px 0 0 0; min-height:400px }
#contents .wrap { padding:0 3% }

#ctt_con { font-size:1.12em }

#ctt_con.sub01_01 .sec01 .img01 { width:35% }
#ctt_con.sub01_01 .sec01 > div { width:60% }
#ctt_con.sub01_02 .tab_menu a { font-size:30px }
.history_list { padding:0 }
.history_list > ul > li { width:48.5%; margin-top:40px }

#bo_gall .gall_li { width:calc(100%/3 - 10.1px) }
#bo_gall .gall_li:nth-child(4n + 1) { clear:none }
#bo_gall .gall_li:nth-child(3n + 1) { clear:none }
#bo_gall .gall_img:hover img { transform:none }
#bo_gall.listtype .gall_img + div { padding:15px 30px }
#bo_gall.listtype .bo_tit { font-size:1.6em }
#bo_gall .gall_list_con { max-height:38px; overflow:hidden; margin-top:5px }

#bo_v_act { margin:40px 0 !important }
#bo_v_desc { margin-top:40px }
.bo_v_nb { margin: 30px 0 }
#bo_vc_empty { padding:40px 0 !important }
#bo_v_con { min-height:50px }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest, #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:1.2em }
#bo_list .td_datetime { width:60px }
#bo_list .td_name { width:90px }
#captcha.m_captcha #captcha_key { height:40px; margin-top:5px }
#captcha.m_captcha #captcha_img { display:inline-block; width:120px; height:40px; }
#captcha.m_captcha #captcha_reload { margin-top:5px }
td .thumb { width:150px }
td .thumb ~ div { margin-left:170px }
#bo_v iframe { width: 100%; height:52vw }
#sch_res_board a { min-width:0; padding:0; height:auto; line-height:1; margin:3px 10px; border:0; font-size:13px }
#sch_res_board .sch_on { border:0 }
.bo_v_nb li a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; width:calc(100% - 120px); vertical-align:top }

}

@media (max-width:767px) {
#header .gnb {width:200px;}
#banner_zone ul {padding:0 10px;}
#banner_zone li {width:49%; float:left; padding-bottom: 14px;}
/* #banner_zone li img {max-height:50px;} */
#banner_zone li img {max-height:45px;}

.s_mobile_only { display:block !important }
.sub2_tx2 li {float:left; width:90%; margin:0 auto; text-align:center; padding:0 15px; margin-bottom:20px;}
.sub2_tx2 h3 {margin-top:20px; margin-bottom:10px;}
.gall_img img {width:100%;}
.head_vote {width:100%; margin:0 auto; text-align:Center; margin-top:10px; color:#000; font-size:1.5em; font-weight:700;}
.board_tab {width:100%;  border-left:1px solid #e1e1e1; text-align:center; margin-bottom:30px; /*font-size:15px;*/font-size:13px;}

.fm_se {width:100%; background:#20282f;margin:0 auto; text-align:center;}
.fm_se .fm_wrap{width:100%; height:50px; margin:0 auto; text-align:center;}
.fm_se .fm_wrap li {float:left; margin-left:10px;}
.fm_se .fm_wrap li p {float:left; line-height:46px; color:#fff; font-size:12px; font-weight:bold; margin-right:10px; display:none;}
.fm_se .fm_wrap select {
width: 135px;
margin:0 auto;
margin-top:7px;
color:#878787;
border: 1px solid #999;
font-family: inherit;
background: url('/img/arrow.png') no-repeat 95% 50%;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.fm_se .fm_wrap select::-ms-expand {
    display: none;
}


.hd_sch_wr .box { width:96% }
#header h1 a {
	position: relative;
	left: 0;
    font-size: 1.7em;
    display: block;
    line-height: 70px;
    font-weight: 600;
    text-transform: uppercase;
    width: 130px;
    margin: 0 auto; 
}
#header h1 a img {width:70%;}
.board_tab2 li {float:left; width:50%; border-right:1px solid #e1e1e1; padding:15px 0; background:#f4f4f4; color:#747880; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}

#footer { margin:40px 0 0 0; padding:25px 0 }
#footer nav li { display:inline-block; float:none; margin-bottom:5px }
#footer .copyright { font-size:0.9em; margin-top:15px }
#footer #top_btn { right:10px; bottom:10px }
.icon01 {right:10px; bottom:63px;}
.icon02 {right:10px; bottom:116px;}


#footer dt {font-size:7px;line-height:15px;}
#footer dt span.ft_gnb a{font-size:9px;}
#footer .copyright{font-size:11px;margin:0;}

#main_visual { height:auto }
#main_visual .bx-wrapper { height:560px }
#main_visual .slider h2 { font-size:2.4em }
#main_visual .slider p { font-size:1.3em; margin:17px 0 0 0 }
#main_visual .bx-controls { bottom:auto; top:490px }

#main_visual .latest { position:static; background:#333; width:100%; padding:20px 25px 10px 25px }
#main_visual .latest header h2 { font-size:24px }
#main_visual .latest header a { width:20px; height:20px }
#main_visual .latest header:after { width:30px; margin:10px 0 }
#main_visual .latest .con p.subj { font-size:17px; margin-bottom:5px }
#main_visual .latest .con p { font-size:14px; margin-bottom:5px }
#main_visual .latest .con p.date { font-size:18px }
#main_visual .latest .con a { margin:5px 0 20px; height:32px; line-height:30px; font-size:1.1em }

.main_about { padding:40px 0 }
.about_vision { margin-left:-15px }
.about_vision li { width:calc(50% - 15.1px); margin:20px 0 0 15px }
.about_vision li h3 { font-size:1.2em }
.about_vision li p { font-size:1.05em }
.about_vision li .icon { width:120px; height:120px; line-height:120px }
.main_about hr { height:35px }
.main_about .img { width:100%; float:none }
.main_about .root_daum_roughmap .wrap_map { height:200px !important }
.main_about .text  { width:100%; float:none; margin:35px 0 0 0 }
.main_about .text h3 { font-size:16px; margin:0 0 15px }
.main_about .text p { font-size:14px; margin:0 0 15px }
.main_about .text .btn_area { text-align:center }
.main_about dl dt { font-size:1.2em }
.main_about dl dd { font-size:1.1em }
.main_about dl dd.tel { font-size:2em }
.main_about dl dd small { font-size:12px; font-weight:500 }
.main_about, .main_product, .main_bbs { padding:40px 0 }
.main_product h2, .main_about h2 { margin:0 0 20px; font-size:1.7em }
.main_product .tab_menu li a { background:transparent }
.main_product .tab_con { margin-top:20px }
.main_product .pic_lt .ts-controls { text-align:left }
.pic_lt .ts-controls button.ts-paging-btn { margin:3px }

.main_gallery { padding-top:40px }
.main_gallery h2 { font-size:1.6em; padding:0; margin:0 0 20px }
.tab_menu li a { padding:0; margin:0 10px; border:0 }
.main_gallery .tab_con { margin-top:30px }
.pic_lt li .lt_name { font-size:1.3em }
.main_bbs { padding:0 }
.main_bbs .wrap { padding:0 }
.main_bbs section { width:100%; margin:0; border:0; border-top:1px solid #e0e0e0; padding:20px }
.main_bbs section:last-child { border-bottom:1px solid #e0e0e0;  }
.main_bbs .lat .lt_more { right:20px; top:20px }
.main_bbs .pic_lt ul { margin:0 }
.main_bbs .pic_lt li { width:100%; margin:8px 0 0 0 }
.main_bbs .pic_lt .subj a { font-size:1.2em }
.main_bbs .pic_lt .basic { font-size:1.05em; height:auto }

.root_daum_roughmap .wrap_map { height:250px !important }

#sub_visual { height:240px }
#sub_visual h2 { font-size:2.2em; padding-top:125px }
#sub_visual h2:after { bottom:-15px }

#snb .depth1 > li { width:calc(50% + 1px) }
#snb .depth1 > li:first-child { display:none; }
#snb .depth1 > li:nth-child(2) { border-left:0 }

#contents { min-height:300px; margin:40px 0 0 0 }
.container_title { font-size:2em; padding-top:15px; margin:0 0 30px }
.container_title:before { width:35px; height:2px; margin-left:-17.5px }

#right_area { padding-top:30px }

#bo_cate { margin-top:0 }
#bo_cate a { min-width:0; padding:0; height:auto; line-height:1; margin:3px 10px; border:0; /*font-size:13px*/ font-size:15px }
#bo_cate #bo_cate_on { border:0 }
#bo_gall #gall_ul { margin:10px 0 0 0; }
#bo_gall .gall_li { width:100%; float:none; margin-left:0; margin-bottom:15px }
#bo_gall .bo_tit { white-space:normal }
#bo_v_item #bo_v_img { float:none; width:100%; margin-top:5px }
#bo_v_item #bo_v_summary { float:none; width:100%; margin:30px 0 0 0 }
#bo_v_summary .bo_v_title { font-size:1.5em }
#bo_v_summary .bo_v_title small { font-size:0.6em }
#bo_v_summary, #bo_v_desc { font-size:1em }
#bo_v_summary .refer { margin:12px 0 0 0 }
#bo_v_sns li a { width:50px; height:50px; line-height:50px }
#bo_v_share .btn { width:50px; height:50px; font-size:11px }
#bo_v_share .btn i { margin:8px 0 0 0 }
#bo_v_share { padding:25px 0 }
.bo_v_nb { margin:20px 0 }
#bo_v_desc { margin-top:30px }
.bo_vc_w_info .frm_input { width:49.5%; margin:0 }
.bo_vc_w_info #wr_password { float:right }
#bo_vc article .pf_img { display:none }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest, #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:1.1em }
#bo_gall.listtype .gall_img { float:none; width:100% }
#bo_gall.listtype .gall_img + div { float:none; width:100%; padding:20px; font-size:1em }
#bo_gall .bo_tit, #bo_gall.listtype .bo_tit { font-size:1.3em }
.gall_list_opt dt { min-width:60px; text-align:center }
.gall_list_opt dt, .gall_list_opt dd { font-size:.95em }
td .thumb { width:100%; float:none }
td .thumb ~ div { margin-left:0; margin-top:15px }
#bo_v_title { font-size:1.3em; font-weight:500 }
#bo_v_title .bo_v_tit { font-size:1em; margin-left: 20px; }
#bo_v_act { margin:30px 0 !important }
.bo_v_nb li .nb_tit { padding-right:0; width:65px; vertical-align:top }
.tbl_head01 td, .tbl_head01 th { font-size:1.05em }
#faq_sch .btn_submit { width:70px; }
#faq_sch .frm_input { width:calc(100% - 75px) }
#faq_sch .frm_input, #faq_sch .btn_submit { height:36px; font-size:1em }
#faq_sch { padding:20px; }
#faq_wrap li { font-size:1em }
#bo_v_con { font-size:1em }
#bo_list .td_stat, #bo_v_rel .td_stat { width:80px }
#bo_list .txt_rdy, #bo_v_rel .txt_rdy { padding:0 5px }
#bo_list .td_date { width:70px }
.bo_cate_link { float:none; display:block }
/*#bo_v_title .bo_v_cate { display:block; font-size:0.7em }*/
.bo_v_com > li { margin-left:0 }
.bo_sch { width:320px; margin-left:-160px }
.bo_sch .sch_input { width:240px }
#sch_res_detail { padding:15px }
#sch_res_detail select, #sch_res_detail select { width:49.4% }
#sch_res_detail .sch_wr { width:100%; margin:5px 0 0 0 }
.switch_field { padding-bottom:0 }
#sch_res_ov h2 { display:none }
#sch_res_ov ul { float:none }
.sch_res_list { font-size:.9em }
#bo_gall .gall_list_con { max-height:none; margin-top:10px }
#bo_v_info { margin:0 0 25px }
#bo_v_con { margin-top:0; padding-top:10px; }
#bo_v { font-size:1.05em }
#bo_list .txt_done, #bo_v_rel .txt_done { font-size:0.9em; padding:0 6px }
#bo_list .td_stat, #bo_v_rel .td_stat { width:70px }
.ctt_admin { font-size:13px }
input.hasDatepicker { width:150px; padding-right:0 !important }
#bo_v_ans h2 { font-size:1.3em }

ul.faq_list_board { font-size:1em }

.mbskin .mbskin_box { width:320px }
#mb_login #sns_login .txt { padding-left:0 !important }
#fregister p { padding:10px; line-height:1.3; font-size:1em; height:auto }
#sns_register h2 { display:none }
#sns_register .sns-wrap { width:100%; display:block; text-align:center }
#fregister h2 { font-size:1.1em }

#ctt_con { font-size:1em; overflow:hidden }
#ctt_con.sub01_01 .sec01 > div { float:none; width:100% }
#ctt_con.sub01_01 .sec01 h2 { font-size:1.5em }
#ctt_con.sub01_01 .sec01 .img01 { width:100%; float:none }
#ctt_con.sub01_01 .sec01 .img01 p { text-align:center }
#ctt_con h2.title { font-size:1.4em; padding-bottom:20px }
#ctt_con.sub01_01 th { width:auto }
#ctt_con.sub01_01 th, #ctt_con.sub01_01 td { padding:12px 7px; word-break:keep-all }
#ctt_con.sub01_02 .tab_menu a { font-size:16px; border:1px solid #e0e0e0; border-left:0; border-right:0; padding:10px 0; margin:0 }
#ctt_con.sub01_02 .tab_menu li.on a { border-color:#666 }
#ctt_con.sub01_02 .tab_menu { margin:0 0 30px }

#ctt_con.sub01_02 .tab_menu { margin:0 }
#ctt_con.sub01_02 .tab_menu a small { display:none }
.history_list h3 { font-size:1.9em }
.history_list li li { background-size:4px 4px; background-position:0 5px; padding-left:10px }
.history_list > ul > li { width:100%; margin-top:30px }
.os_mac.root_daum_roughmap .section_address .tit, .os_mac.root_daum_roughmap .section_address .txt { font-size:1em !important }
.tab li a {
		display: inline-block;
		text-align: center;
		text-decoration: none;
		padding: 6px 6px;
		font-size: 14px;
		transition:0.3s;
		font-weight:bold;
		color:#fff;
	}
/* 모바일용 게시판 카테고리 표시 부분 적용 */
#bo_cate li {border:1px solid #e0e0e0;padding:5px !important;width:100px;}
.rule_wrap {width:100%; height:500px; background:#fff; border-radius:10px; border:10px solid #f8f8f8; padding:30px 30px; line-height:20px; overflow-y:scroll;}
.rule_btn {width:100%; padding:20px; border:1px solid #ddd; border-top:4px solid #222; margin-bottom:30px; float:left;}
.rule_btn .btn_down {width:100%; padding:15px 20px 17px; border-radius:0 5px; line-height:1; text-align:center; background:#0055bc; color:#fff; float:left; margin-bottom:10px;}
.rule_btn .btn_down2 {width:100%; padding:15px 20px 17px; border-radius:0 5px; line-height:1; text-align:center; background:#0055bc; color:#fff; float:right; margin-top:10px;}
.rule_btn .rule_st {width:100%; margin:0 auto;}

.rule_btn .rule_st select {
float:left;
width: 100%;
height:45px;
margin:0 auto;
color:#878787;
border: 1px solid #999;
font-family: inherit;
background: url('/img/arrow.png') no-repeat 95% 50%;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.bn_left{display: block;margin: auto 20px;width: calc( 100% - 40px );}
.bn_left > div{
	float: none;
	width: 100%;
}
.bn_left img {
	width: 100%;
}


}



/* 수정 */
.gnb_bg{ width: 100%; height: 100vh; position: fixed;z-index: 6;background-color: #0000005c; display: none;}
.gnb_bg.on{display: block;}