/* 모바일 사이드 메뉴 */
#side_menu{display:none}

.m_login{width:95%;  margin:auto auto 0.3em auto}
.m_login ul{}
.m_login ul li{display:inline-block; vertical-align:top !important; padding:0em 0.5em; border:1px solid #2c8652; }
.m_login ul li a{display:block; color:#fff; color:#2c8652;}


#mobile_nav{clear:both; position:absolute; z-index:99; left:0%; top:0px}
#side_menu{display:none}

 .navbar-toggle{width:20px; height:20px; background:none; margin:0; padding:0; position:absolute; right:10px; top:42px; cursor:pointer}
  .navbar-toggle span{position:absolute; width:20px; height:3px; background:#000}
  .navbar-toggle span:nth-child(1){margin-top:0px;}
  .navbar-toggle span:nth-child(2){margin-top:6px;}
  .navbar-toggle span:nth-child(3){margin-top:12px;}

#side_menu {display: block;position:fixed;top:0;right:0;width:100%;height:100%;overflow:hidden;z-index:9999;margin:0;background-color: rgba( 0, 0, 0, 0.5 );display:none}
#side_menu .side_wr{width:250px;background:#39127c;opacity:1;position:absolute;top:0;right:0;box-shadow:0 0 10px #000;overflow-x:hidden;height:100%;overflow-y:auto}
#side_menu .side_wr.add_side_wr{}
#side_menu .side_wr .side_inner_rel{position:relative;height:100%;display:block;overflow:hidden}
#side_menu .side_wr .side_inner_abs{position: absolute;width:100%;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none}
#side_menu .side_wr{webkit-overflow-scrolling:touch}

#side_menu .m_menu li{display: block;  line-height: 40px;border-top: 1px solid #323232; position:relative;padding-left: 20px; }
#side_menu .m_menu li a.text_link{display:inline-block;width:65%;white-space:nowrap}
#side_menu .m_menu li a:hover{color: #2c8652;}
#side_menu .m_menu span{ position: absolute; right: 20px; top: 15px; } 
#side_menu .m_menu li, #side_menu .m_menu li>a, #side_menu li.active>a, #side_menu li>a:hover, #side_menu li>a:focus {color: #fff;}
#side_menu .dropdown-custom-menu{background: #222222;overflow:hidden; width:100%;display:none;}
#side_menu .dropdown-custom-menu li{line-height: 30px; border:none !important; padding-left: 10px; background:none; }
#side_menu .dropdown-custom-menu li a{color: #fff; opacity:.8 }
#side_menu .dropdown-custom-menu li a:hover{color: #2c8652;}

#side_menu .m_login{text-align: center; margin: 10px;}
#side_menu .m_login span{ padding: 0 5px;}
#side_menu .m_board{background: #000; clear: both; margin:0; }
#side_menu .m_board li { display:block; line-height: 40px;position:relative; padding-left: 35px;}
#side_menu .m_board li a:hover{color: #2c8652; }
#side_menu .m_board span{position: absolute;top: 13px;left: 10px; padding-right: 10px; }
#side_menu .m_search{margin: 0 auto;padding: 20px 0 0;width: 100%;text-align:center;}
#side_menu h1{margin:0px; padding:20px 20px 0 20px; color:#2c8652; font-size:190%; line-height:1.4em}
body.over_hidden{overflow:hidden} 

.m_sns {text-align:center; padding-bottom:1em}
.m_sns li{display:inline-block; vertical-align:top}

.m_lang{display:block; clear:both; text-align:center; opacity:.8}
.m_lang a{color:#fff; padding:5px 10px}

.book_chk{display:none;  margin-top:3px;}



/* 모바일일 때 기본폰트 사이즈 축소 */
@media (max-width:1024px){
	body{font-size:82%}
	div{box-sizing:border-box}
/*	#body_wrap header{position:fixed !important; z-index:99; height:155px;}*/
    #body_wrap header{position:fixed !important; z-index:99; height:115px;}
	#body_wrap header .header_left{display:none}
	#body_wrap header .header .header_right{display:none}
	#body_wrap header .header{display:block; }
	#body_wrap header .header h1{padding:.2em 1em; text-align:center}
	#btn_side{display:block; z-index:99}
    #wrapper{padding-top:115px}
	#gnbWrap{display:none}

.book_chk{display:block; background:#777; padding:7px;}
.book_chk a{color:yellow; font-weight:800; animation: blink 1s infinite; }

   @keyframes blink {
      0% {
        opacity: 1;
      }
      50% {
        opacity: .5;
      }
      100% {
        opacity: 1;
      }
    }

.main_img .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:35px}
}



@media (min-width:0px) and (max-width:560px){
#body_wrap header .header h1 img{width:80%; max-width:200px;}
.firefly_d{width:120px; height:120px; top:7%; left:7%}
.main_img .bx-viewport{height:300px !important}
.main_img .bxslider li{height:300px !important}
.main_img .m0{top:0 !important}
.main_img iframe{height:100% !important}
.main_img .bx-prev{top:50%; transform:translateY(-50%);background-size:100%; width:30px; left:10px;}
.main_img .bx-next{top:50%; transform:translateY(-50%);background-size:100%; width:30px; right:10px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:30px}

.main_quick_link ul{display:block; padding:0}
.main_quick_link ul li{display:inline-block; vertical-align:top; width:32%; padding:0 0 2px 0}
.main_quick_link ul li:first-child{display:none}
.main_quick_link img{width:50px}
.main_quick_link a{letter-spacing:0}

.main_program{margin:2em auto; padding-bottom:0}
.main_program .main_tit{height:100px}
.main_program .main_tit .tit_in p{display:none}
.main_program .eng_typing{font-size:3em; top:50%}
.main_program .main_tit .tit_in h2{font-size:1.6em}

.main_program_list {width:95%; margin:auto}
.main_program_list .slick-slide{height:auto; margin:0 10px !important;}

.main_program_list .list_txt .txt_tit .ready_ico{font-size:1.1em; padding-top:40px;}
.main_program_list .list_txt img{margin:auto}

.mshow_program{padding:4em 0 1em 0}
.mshow_program .show_tit{background:url(/images/2025/mshow_title_img_m.png) no-repeat bottom center}
.mshow_list{padding:0 1em}
.mshow_program .indicaotr img{width:40px}
.main_fnews{width:90%; margin:2em auto}

footer .footer .private_btn{text-align:center; width:100%; float:none}
}



@media (min-width:561px) and (max-width:768px){
#body_wrap header .header h1 img{width:80%; max-width:200px;}
.firefly_d{width:120px; height:120px; top:7%; left:7%}
.main_img .bx-viewport{height:300px !important}
.main_img .bxslider li{height:300px !important}
.main_img .m0{top:0 !important}
.main_img iframe{height:100% !important}
.main_img .bx-prev{top:50%; transform:translateY(-50%);background-size:100%; width:30px; left:10px;}
.main_img .bx-next{top:50%; transform:translateY(-50%);background-size:100%; width:30px; right:10px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:30px}

.main_quick_link ul{display:block; padding:0}
.main_quick_link ul li{display:inline-block; vertical-align:top; width:32%; padding:0 0 2px 0}
.main_quick_link ul li:first-child{display:none}
.main_quick_link img{width:50px}
.main_quick_link a{letter-spacing:0}

.main_program{margin:2em auto; padding-bottom:0}
.main_program .main_tit{height:100px}
.main_program .main_tit .tit_in p{display:none}
.main_program .eng_typing{font-size:3em; top:50%}
.main_program .main_tit .tit_in h2{font-size:1.6em}

.main_program_list {width:95%; margin:auto}
.main_program_list .slick-slide{height:auto; margin:0 10px;}

.main_program_list .list_txt .txt_tit .ready_ico{font-size:1.1em; padding-top:40px;}
.main_program_list .list_txt img{margin:auto}
.main_program_list .slick-slide{height:auto; margin:0 10px !important;}

.mshow_program{padding:4em 0 1em 0}
.mshow_program .show_tit{background:url(/images/2025/mshow_title_img_m.png) no-repeat bottom center}
.mshow_list{padding:0 1em}
.mshow_program .indicaotr img{width:40px}
.main_fnews{width:90%; margin:2em auto}

footer .footer .private_btn{text-align:center; width:100%; float:none}
}


@media (min-width:769px) and (max-width:1024px){
.firefly_d{padding:2em 0 0 0}
.main_program{margin:2em auto auto auto}
.main_program .main_tit{height:160px}
.main_program_list .slick-slide{height:auto; margin:0 10px !important;}
.mshow_program .show_tit{background:url(/images/2025/mshow_title_img_m.png) no-repeat bottom center}

.main_fnews{width:93%; margin:2em auto}
}

/* mobile page


@media (max-width:1280px){
.sub_container{font-size:100%}

#body_wrap header .header{padding:0 1em}
#body_wrap header .header h1{text-align:center; display:block}
#body_wrap header .header h1 .stlogo{width:40%; margin:.5em 0 .5em -.5em}

.firefly_d{display:none}
	.pc-trigger{display:block}
	#gnbWrap{display:none}
	#body_wrap header .header .header_right{display:none}

}

@media (max-width:1024px){
#body_wrap header .header{padding:0 1em}
#body_wrap header .header h1{text-align:center; display:block}
#body_wrap header .header h1 .stlogo{width:40%; margin:.5em 0 .5em -.5em}
#btn_side{display:block}
.firefly_d{display:none}
	.pc-trigger{display:none}
	#gnbWrap{display:none}
	#body_wrap header .header .header_right{display:none}

.mainvisual{height:500px}
.mainvisual .slick-slide{height:auto}
.main_img1{height:500px; background-size:cover}
.main_img2{height:500px; background-size:cover}

.mainvisual .slick-prev:before, .mainvisual .slick-next:before{font-size:35px}
.mainvisual .main_img_roll .slick-prev{z-index:9; left:2%}

     .exp_program_list .slider-nav-wrap .nav-warp-in{width:90%}
	.exp_program_list .slick-dots li button:before{opacity:1; font-size:20px; color:black}
	.exp_program_list .slick-dots li.slick-active button:before{opacity:1; font-size:20px; color:#E8609E}
	.exp_program .exp_ready{padding-top:1.8em}
	
	.mshow_program .show_tit{padding:2em 1.5em; min-width:270px;}
	.mtradition_program .tradition_tit{padding:2em 1.5em; min-width:270px;}


	.main_fnews{padding-top:2em}
	.main_fnews h2{padding-bottom:0}
	.main_fnews h2 a{font-size:1.05em}
	.main_fnews h2 div{line-height:1.4em}
	.main_fnews .main_fnews_wrap_ul{padding:1em 0; margin:0;  width:100%}
	.main_fnews .main_fnews_wrap_ul .main_fnews_wrap ul{width:100%; display:block; border-bottom:1px solid #9fabc6; border-right:0; height:auto; margin:0}

	.main_sns .sns_wrap{padding:0 0 1em 0}

	.sns_wrap .youtube_channel{float:none; width:100%}
	.sns_wrap .youtube_channel h2{margin-top:2em}
	.sns_wrap .youtube_channel h2 img{width:40%}
	.sns_wrap .youtube_channel .youtube_recent{width:100%}
	.sns_wrap .youtube_channel .youtube_recent ul{width:100%; padding:1em}
	.sns_wrap .youtube_channel .youtube_recent ul li .yimg{border-radius:30px}
	.sns_wrap .youtube_channel .youtube_recent ul li{width:30%}
	.sns_wrap .youtube_channel .youtube_recent ul li .yimg{max-width:180px}
	.sns_wrap .instagram_channel{float:none; width:100%; margin-top:8em}
	.sns_wrap .instagram_channel h2{width:100%; background:#fff; padding:1em 0}
	.sns_wrap .instagram_channel h2 img{width:50%}
	.sns_wrap .instagram_channel .instagram_recent ul{width:100%}
	.sns_wrap .instagram_channel .instagram_recent ul li img{border-radius:30px}
	.sns_wrap .instagram_channel .instagram_recent ul li{width:30%}
	.sns_wrap .instagram_channel .instagram_recent ul li img{max-width:190px}


	.coop_banner{padding-top:2em}
	.coop_banner h2{padding-bottom:0.7em; font-size:1.5em}
	.coop_banner_wrap{padding:2em 0}

	footer{padding:1em}
	footer .footer address{float:none}
	footer .footer .private_btn{float:none; padding-top:10px; text-align:center}

}


@media (max-width:768px){
#body_wrap header .header{padding:0 1em}
#body_wrap header .header h1{text-align:center; display:block}
#body_wrap header .header h1 .stlogo{width:40%; margin:.5em 0 .5em -.5em}
#btn_side{display:block}
.firefly_d{display:none}
	.pc-trigger{display:none}
	#gnbWrap{display:none}
	#body_wrap header .header .header_right{display:none}

.mainvisual{height:500px}
.mainvisual .slick-slide{height:auto}
.main_img1{height:500px; background-size:cover}
.main_img2{height:500px; background-size:cover}

.mainvisual .slick-prev:before, .mainvisual .slick-next:before{font-size:35px}
.mainvisual .main_img_roll .slick-prev{z-index:9; left:2%}

	
	.exp_program .exp_title{width:75%}
	.exp_program .exp_ready{word-break:keep-all; text-align:center; line-height:1.2em; padding-top:1.1em}
	.exp_program .exp_ready span{display:block}
	.exp_program .exp_ready::before{ position:absolute; top:25px; left:-33px; background-size:65%; background-position:left }
	.exp_program .exp_ready::after{ position:absolute; top:25px; right:-33px; background-size:65%; background-position:right }
	.exp_program_list .slider-for .exp_text{padding:0 1.5em; word-break:keep-all}
	.exp_program_list .slider-nav-wrap .nav-warp-in{width:100%}
	.exp_program_list .slider-nav .slick-slide{min-width:150px;}
	.exp_program_list .slick-dots li button:before{opacity:1; font-size:20px; color:black}
	.exp_program_list .slick-dots li.slick-active button:before{opacity:1; font-size:20px; color:#E8609E}


	.mtradition_program{margin:3em 0}
	.mtradition_program .tradition_tit{padding:1.5em; display:block; width:100%; }
	.mtradition_program .tradition_tit .tit_in h2{font-size:1.8em}
	.mtradition_program .tradition_tit .tit_in p{display:none}
	.mtradition_program .tradition_tit .tit_in .icon{text-align:right}
	.mtradition_program .tradition_tit .tit_in{width:100%}
	.mtradition_program .tradition_tit .tit_in .icon{text-align:right; margin-top:-1em}
	.mtradition_program .tradition_tit .tit_in .icon img{width:40%}
	.mtradition_program .tradition_tit .tit_in p{display:none}
	.mtradition_program .tradition_tit .tit_in .indicaotr{margin-top:-4em; text-align:left}
	.mtradition_program .tradition_tit .tit_in .indicaotr img{width:40px}
	.mtradition_program .mtradition_list{position:relative; margin-top:0em; display:block; width:100%}
	.mtradition_program .mtradition_list .slick-slide{height:auto; margin:0}
	.mtradition_program .program_tit{width:90%}
	
	.mshow_program{margin:3em 0}
	.mshow_program .show_tit{padding:1.5em; display:block; width:100%; }
	.mshow_program .show_tit .tit_in{width:100%}
	.mshow_program .show_tit .tit_in h2{font-size:1.8em}
	.mshow_program .show_tit .tit_in .icon{text-align:right; margin-top:-2em}
	.mshow_program .show_tit .tit_in .icon img{width:40%}
	.mshow_program .show_tit .tit_in p{display:none}
	.mshow_program .show_tit .tit_in .indicaotr{margin-top:-3em; text-align:left}
	.mshow_program .show_tit .tit_in .indicaotr img{width:40px}
	.mshow_program .mshow_list{position:relative; margin-top:0em; display:block; width:100%}
	.mshow_program .mshow_list .slick-slide{height:auto; margin:0}
	.mshow_program .program_tit{width:90%}

	.mtradition_program{margin-bottom:1em}

	.main_fnews{padding-top:2em}
	.main_fnews h2{padding-bottom:0}
	.main_fnews h2 a{font-size:1.05em}
	.main_fnews h2 div{line-height:1.4em}
	.main_fnews .main_fnews_wrap_ul{padding:1em 0; margin:0;  width:100%}
	.main_fnews .main_fnews_wrap_ul .main_fnews_wrap ul{width:100%; display:block; border-bottom:1px solid #9fabc6; border-right:0; height:auto; margin:0}

	.main_sns .sns_wrap{padding:0 0 1em 0}

	.sns_wrap .youtube_channel{float:none; width:100%}
	.sns_wrap .youtube_channel h2{margin-top:2em}
	.sns_wrap .youtube_channel h2 img{width:40%}
	.sns_wrap .youtube_channel .youtube_recent{width:100%}
	.sns_wrap .youtube_channel .youtube_recent ul{width:100%; padding:1em}
	.sns_wrap .youtube_channel .youtube_recent ul li .yimg{border-radius:30px}
	.sns_wrap .youtube_channel .youtube_recent ul li{width:30%}
	.sns_wrap .instagram_channel{float:none; width:100%; margin-top:8em}
	.sns_wrap .instagram_channel h2{width:100%; background:#fff; padding:1em 0}
	.sns_wrap .instagram_channel h2 img{width:50%}
	.sns_wrap .instagram_channel .instagram_recent ul{width:100%}
	.sns_wrap .instagram_channel .instagram_recent ul li img{border-radius:30px}
	.sns_wrap .instagram_channel .instagram_recent ul li{width:30%}

	.coop_banner{padding-top:2em}
	.coop_banner h2{padding-bottom:0.7em; font-size:1.5em}
	.coop_banner_wrap{padding:2em 0}

	footer{padding:1em}
	footer .footer address{float:none}
	footer .footer .private_btn{float:none; padding-top:10px;}

}

@media (max-width:530px){
#body_wrap header .header{padding:0 1em}
#body_wrap header .header h1{text-align:center; display:block}
#body_wrap header .header h1 .stlogo{width:65%; margin:-.5em 0 .5em 0}
#btn_side{display:block}
.firefly_d{display:none}
	.pc-trigger{display:none}
	#gnbWrap{display:none}
	#body_wrap header .header .header_right{display:none}

.mainvisual{height:500px}
.mainvisual .slick-slide{height:auto}
.main_img1{height:500px; background-size:cover}
.main_img2{height:500px; background-size:cover}

.mainvisual .slick-prev:before, .mainvisual .slick-next:before{font-size:35px}
.mainvisual .main_img_roll .slick-prev{z-index:9; left:2%}

	.main_quick_link ul{display:block}
	.main_quick_link ul li{display:inline-block; width:23%}
	
	.exp_program .exp_title{width:75%}
	.exp_program .exp_ready{word-break:keep-all; text-align:center; line-height:1.2em; padding-top:1.1em}
	.exp_program .exp_ready span{display:block}
	.exp_program .exp_ready::before{ position:absolute; top:25px; left:-33px; background-size:65%; background-position:left }
	.exp_program .exp_ready::after{ position:absolute; top:25px; right:-33px; background-size:65%; background-position:right }
	.exp_program_list .slider-for .exp_text{padding:0 1.5em; word-break:keep-all}
	.exp_program_list .slider-nav-wrap .nav-warp-in{width:100%}
	.exp_program_list .slider-nav .slick-slide{min-width:150px;}
	.exp_program_list .slick-dots li button:before{opacity:1; font-size:20px; color:black}
	.exp_program_list .slick-dots li.slick-active button:before{opacity:1; font-size:20px; color:#E8609E}


	.mtradition_program{margin:3em 0}
	.mtradition_program .tradition_tit{padding:1.5em; display:block; width:100%; }
	.mtradition_program .tradition_tit .tit_in h2{font-size:1.8em}
	.mtradition_program .tradition_tit .tit_in p{display:none}
	.mtradition_program .tradition_tit .tit_in .icon{text-align:right}
	.mtradition_program .tradition_tit{padding:1.5em; display:block; width:100%; }
	.mtradition_program .tradition_tit .tit_in{width:100%}
	.mtradition_program .tradition_tit .tit_in .icon{text-align:right; margin-top:-1em}
	.mtradition_program .tradition_tit .tit_in .icon img{width:40%}
	.mtradition_program .tradition_tit .tit_in p{display:none}
	.mtradition_program .tradition_tit .tit_in .indicaotr{margin-top:-4em; text-align:left}
	.mtradition_program .tradition_tit .tit_in .indicaotr img{width:40px}
	.mtradition_program .mtradition_list{position:relative; margin-top:0em; display:block; width:100%}
	.mtradition_program .mtradition_list .slick-slide{height:auto; margin:0}
	.mtradition_program .program_tit{width:90%}
	
	.mshow_program{margin:3em 0}
	.mshow_program .show_tit{padding:1.5em; display:block; width:100%; }
	.mshow_program .show_tit .tit_in{width:100%}
	.mshow_program .show_tit .tit_in h2{font-size:1.8em}
	.mshow_program .show_tit .tit_in .icon{text-align:right; margin-top:-2em}
	.mshow_program .show_tit .tit_in .icon img{width:40%}
	.mshow_program .show_tit .tit_in p{display:none}
	.mshow_program .show_tit .tit_in .indicaotr{margin-top:-3em; text-align:left}
	.mshow_program .show_tit .tit_in .indicaotr img{width:40px}
	.mshow_program .mshow_list{position:relative; margin-top:0em; display:block; width:100%}
	.mshow_program .mshow_list .slick-slide{height:auto; margin:0}
	.mshow_program .program_tit{width:90%}

	.mtradition_program{margin-bottom:1em}

	.main_fnews{padding-top:2em}
	.main_fnews h2{padding-bottom:0}
	.main_fnews h2 a{font-size:1.05em}
	.main_fnews h2 div{line-height:1.4em}
	.main_fnews .main_fnews_wrap_ul{padding:1em 0; margin:0;  width:100%}
	.main_fnews .main_fnews_wrap_ul .main_fnews_wrap ul{width:100%; display:block; border-bottom:1px solid #9fabc6; border-right:0; height:auto; margin:0}

	.main_sns .sns_wrap{padding:0 0 1em 0}

	.sns_wrap .youtube_channel{float:none; width:100%}
	.sns_wrap .youtube_channel h2{margin-top:2em}
	.sns_wrap .youtube_channel h2 img{width:40%}
	.sns_wrap .youtube_channel .youtube_recent{width:100%}
	.sns_wrap .youtube_channel .youtube_recent ul{width:100%; padding:1em}
	.sns_wrap .youtube_channel .youtube_recent ul li .yimg{border-radius:30px}
	.sns_wrap .youtube_channel .youtube_recent ul li{width:30%}
	.sns_wrap .instagram_channel{float:none; width:100%; margin-top:8em}
	.sns_wrap .instagram_channel h2{width:100%; background:#fff; padding:1em 0}
	.sns_wrap .instagram_channel h2 img{width:50%}
	.sns_wrap .instagram_channel .instagram_recent ul{width:100%}
	.sns_wrap .instagram_channel .instagram_recent ul li img{border-radius:30px}
	.sns_wrap .instagram_channel .instagram_recent ul li{width:30%}

	.coop_banner{padding-top:2em}
	.coop_banner h2{padding-bottom:0.7em; font-size:1.5em}
	.coop_banner_wrap{padding:2em 0}

	footer{padding:1em}
	footer .footer address{float:none}
	footer .footer .private_btn{float:none; padding-top:10px;}

}





@media (max-width:768px){
.sub_container{padding:1em 0}
	.sub_leftmenu ul li a{padding:.5em; font-size:70%}
	.cnts-tab ul li{padding:.3em 0}
	.cnts-tab ul li a{line-height:1.5em; padding:0 .5em; font-size:80%}


.subvisual2{height:210px; background-size:cover}
.subvisual2 h2{font-size:2em}

	}


@media (min-width:1281px) and (max-width:1400px){
	#gnbWrap{max-width:770px;}
	#gnbWrap .header_gnb > li > a{letter-spacing:-1px; font-size:1.1em; padding:0 0 0 9px}
	} */