/* mobile */
@media (min-width:1024px){
.mobile_nav, .transparency{display:none}
}
@media (max-width:1024px){
.meng{display:inline-block; vertical-align:top;width:30px; height:30px; border-radius:50%; background:#333; color:#fff; font-size:11px; font-weight:bold; padding-top:7px;}
}

.bfx{position:fixed; top:0; left:0; width:100%}

.mobile_login{display:block; text-align:center}
.mobile_login li{display:inline-block; vertical-align:top}
.mobile_login li a{color:#fff; font-size:83%; font-weight:700; border:1px solid rgba(255,255,255,.3); padding:2px 5px}

.mobile_sns{text-align:center; padding:0 0 .6em 0}
.mobile_sns img{width:30px}



		.mobile_nav{
			position:fixed;
			right:-300px;
			top:0;
			width:280px;
			height:100%;
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
			-webkit-transition:right 0.4s ease-out;
			transition:right 0.4s ease-out;
			z-index:99999;
			background:#019692;
			padding:0 1em 1em 1em;
		}
		.mobile_nav.active {
			right: 0;
		}
		.mobile_nav div.m_top{
												display:
												}
		.mobile_nav div.m_top a{display:block; width:100%;height:55px;}										
		.mobile_nav div.m_top .menu_logo{
																	  width:100%;
																	  height:100%;
																	  margin:0;
																	  }										
												
											


.mobile_nav > ul.m_nav{
                                     width:100%;
									 height:90%;
									 float:left;
									 padding:0em;
									 padding-top:1em
									 }
									 
.mobile_nav .m_close{
    width: 45px;
    height: 45px;
    float: none;
    position: absolute;
    right: 10px;
	top:10px;
	cursor:pointer;
 }	
.mobile_nav .m_close a{text-align:center;width:45px;opacity:1 !important; color:inherit; font-size:25px; font-weight:800; color:#fff}					   

.m_nav-tit{text-align:center; padding-bottom:.8em}
.m_nav-tit img{width:100%; max-width:180px; margin-top:10px;}
.m_nav-tit a{color:#fff; font-size:1.3em; display:inline-block;}
.m_nav-tit h1{margin:0; padding:0;}
									   						   						   
.mobile_nav ul.m_nav .menu_tit span{display:block; font-size:13px; text-align:center; color:#fff; margin:0}
.mobile_nav > ul.m_nav > li > a{
	display:block;
	width:100%;
	color:#fff;
	height:45px;
	line-height:45px;
	text-decoration:none;
	font-size:90%
	text-indent: 3%;
	font-weight:700;
	border-top:1px  solid rgba(255,255,255,.1);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.mobile_nav > ul.m_nav > li.me > a{background:url(/assets/images/common/right-arrow.png) 94% center no-repeat;}

.mobile_nav > ul.m_nav > li.m_first > a{border-top:}

.mobile_nav > ul.m_nav  > li:hover > a{color:#A4DA1F;}
.mobile_nav ul.m_nav li ul.sub{
	display:none;
	width:100%;
	height:auto;
	padding:0;
	background:rgba(0,0,0,.1)
}
ul.m_nav li ul.sub  li{
	height:32px;
	width:100%;
	display:block;
	}
ul.m_nav li ul.sub li.m1{
	border-top:0;
}
ul.m_nav li ul.sub li a{
	display:block;
	padding:0 10px;
	width:100%;
	line-height:32px;
	text-decoration:none;
	font-size:14px;
	color:#fff;
	font-weight:600;
	-webkit-transition:background 0.3s;
	transition:background 0.3s;
}


ul.m_nav li ul.sub li:hover a {
	cursor:pointer;;
}

.transparency{
                         display:none;
						 position:fixed;
						 left:0;
						 top:0;
						 z-index:990;
						 width:100%;
						 height:100%;
						 background:rgba(0,0,0,0.6);
						 }
						 									   
.transparency.active{display:block;}

.title_m{display:none; text-align:center; font-weight:700; font-size:110%; border-bottom:1px solid #e3e3e3; padding-bottom:1em }

@media (max-width:1024px){
body{font-size:98%}
.title_m{display:block}
.sub_leftmenu{padding:0; display:none}
}

/* 서브메뉴 나오는 부분 */
@media (min-width:0) and (max-width:430px){
.sub_nav{padding-bottom:.5em; margin-bottom:.5em; margin-top:-.3em}
.sub_nav>ul{justify-content: space-around}
.sub_nav>ul>li:after{display:none}
.sub_nav .home{display:none}
.sub_wrapper .sub_nav_menu{padding:10px 0 5px 0}
.sub_nav_wrapper, .sub_nav_wrapper2{padding:0}
.sub_nav_dnmenu2 a{line-height:30px}
}

.mv_in.m{display:none}

@media (max-width:768px){
.mv_in.m{display:block}
.mv_in{display:none}
}

@media (min-width:0) and (max-width:768px){
#logo{display:block}
#logo .dd{line-height:15px; padding-left:10px; color:#fff; font-size:92%;}
#logo img{max-width:210px}
#gnb{display:none}
				.gnb_menu_btn{display:block}
#hd_wrapper{display:block}
.header_right{display:none; position:absolute; padding-top:0; top:1em; right:1em; }
.header_right .top_sns img{width:30px}
.hd_login{padding:.5em 0 0 0}
.hd_login li{padding:0 0 0 0.2em}
.hd_login .eng{display:none}


.main_visual{height:550px; background-size:cover;}
.main_visual .mv_in, .mv_roll{height:550px}
.main_visual .mv_in{background-size:cover !important}
.main_visual .main_text{width:98%; top:40%; padding:0em 0 2em 0}
.main_visual .text_copy{font-size:2.2em; line-height:1em}
.main_visual .main_text .text_btn{font-size:85%; max-width:180px;}

.main_left_menu{; top:60%; display:flex; bottom:4em; left:50%; width:100%; max-width:300px; height:30px; transform:translate(-50%,0%); flex-wrap:wrap;justify-content: center; flex-direction:row; z-index:1;display:none}
.main_left_menu div{width:45%; min-width:145px; max-width:180px; padding:0.3em; margin:5px; font-size:85%}
.main_left_menu div img{width:30px; margin-left:5px;}

.main_news{margin:auto auto 2em auto}
.main_news_div{flex-direction:column; align-items:normal}
.main_news_tit{padding:0 0 1em 0}
.main_news_tit h2{font-size:1.5em}
.main_news_tit p{width:85%; margin:auto; word-break:keep-all}
.main_notice ul{display:block; margin:auto}
.main_notice ul li{height:auto}
.main_notice ul li .not_in{width:90%}
.main_notice ul li .ncnt{padding:10px 0 0 0; height:auto}

.popupzone{width:100%; padding:1.5em 1.2em .5em 1.2em}
.popupzone:before{content:'알림판'; position:relative; font-family: 'RiaSans-ExtraBold'; font-size:1.5em} 
.popupzone img{width:100%; margin-top:.5em}
.popupzone .slick-dots li button:before{font-size:12px}
.popupzone .slick-slide{}
.popupzone .slick-slider{max-width:495px; margin:auto}

.main_program_tit{width:90%; margin:2em auto auto auto}
.main_program_tit p{width:90%; margin:auto; font-size:85%}
.main_program_tit h2{word-break:keep-all; font-size:110%}
.main_program_tit:after{display:none}
.main_program_top{margin-top:1em}
.main_program_top .mainp_list{padding:4em 0}
.main_program_top .slick-initialized .slick-slide{padding:2em; height:330px}
.main_program_top .slick-prev{left:10px; z-index:1}
.main_program_top .slick-next{right:10px}
.main_program_top .lst_subject{height:auto; }

.main_program{padding:2em 0}
.main_program .program_lst div:first-child{width:100%; }
.main_program .program_lst div img{width:100%; display:block; margin:1em auto auto auto}
.main_program .slide{padding:0 1em}
.main_program_top .slick-dots li button:before{font-size:12px}
.main_program .program_lst .lst_subject{height:3.4em;-webkit-line-clamp:2}
.main_program .program_lst .slick-dots li button:before{font-size:12px}
.main_program .program_lst .slick-dots{bottom:-40px}

.main_movie_wrap{width:100%; margin:auto}
.main_movie .main_movie_wrap .movie_tit{padding-bottom:1em}
.main_movie .main_movie_wrap .movie_tit h2{width:90%; margin:auto; font-size:110%; word-break:keep-all}
.main_movie .main_movie_wrap .movie_list{padding:0 1em}
.main_movie .slick-slide img{width:100%; margin:auto}
.main_movie .main_movie_wrap .movie_tit p{width:80%; margin:auto; font-size:85%}
.main_movie .slick-dots{bottom:-35px}

.main_movie .play_icon .fa-play-circle{font-size:4em}
.main_movie .slick-dots li button:before{font-size:12px}

.main_site{overflow:hidden}
.main_site img{width:97%}
.main_site .slide{margin:0 1em}

footer{padding:1.2em; }
footer #footer .footer_wrap{justify-content:normal; flex-direction:column}
footer #footer .footer_wrap address p{word-break:keep-all}
footer #footer .footer_wrap address p span{display:block}
footer #footer .footer_wrap .tel{padding-top:1em; text-align:left}


/* 서브 */
.sub_wr .sub_head{height:260px; background-size:cover}
.sub_wr .sub_head h2{font-size:1.5em; width:90%; margin-left:1em}
.sub_wr .sub_cnt_wr h3{font-size:1.5em; }

.sub_text_copy img{max-width:210px !important}

.sub_wr .sub_cnt_wr{margin:auto}

.sub_leftmenu_m{position:relative; display:block; border-bottom:1px solid #e3e3e3; width:90%;  margin:auto; padding:0 0 1em 0; font-weight:800; font-size:110%;cursor:pointer}
.sub_leftmenu_m:after{content:'▼'; font-size:50%; position:absolute; top:10px;  right:1.5em; opacity:.5}
.sub_leftmenu .sm{display:none; width:90%;  margin:auto; border-bottom:1px solid #e3e3e3;}
.sub_leftmenu ul li{background:#f9f9f9; border:0}
.sub_leftmenu ul li a{border:0; padding:.5em 0; opacity:.7}
.sub_leftmenu ul li.on a{color:#000; border:0}
.sub_leftmenu ul li.on{border:0}
.sub_leftmenu ul li a{font-weight:600; font-size:92%; border:0}
.sub_leftmenu ul li:last-child{border:0}

.sub_text_copy{font-size:1.5em}
}


@media (min-width:769px) and (max-width:1024px){
#logo{display:flex; align-items:end; text-align:center; justify-content:center; margin-left:3em}
#logo .dd{line-height:15px; padding-left:10px; color:#fff; font-size:92%;}
#logo img{max-width:270px}
#gnb{display:none}
				.gnb_menu_btn{display:block}
#hd_wrapper{display:block}
.header_right{display:none; position:absolute; padding-top:0; top:1em; right:1em; }
.header_right .top_sns img{width:30px}
.hd_login{padding:.5em 0 0 0}
.hd_login li{padding:0 0 0 0.2em}
.hd_login .eng{display:none}

.main_visual{height:550px; background-size:cover;}
.main_visual .main_text{width:90%; top:40%;}
.main_visual .text_copy{font-size:2.8em}
.main_visual .main_text .text_btn{font-size:85%; max-width:180px;}

.main_left_menu{top:70%; display:flex; bottom:4em; left:50%; width:100%; max-width:auto; height:30px; transform:translate(-50%,0%); flex-wrap:wrap;justify-content: center;display:none}
.main_left_menu div{width:45%; min-width:145px; max-width:180px; padding:0.3em; margin:5px; font-size:85%}
.main_left_menu div img{width:30px; margin-left:5px;}

.main_news{margin:auto auto 2em auto}
.main_news_div{flex-direction:column; align-items:normal}
.main_news_tit{padding:0 0 1em 0}
.main_news_tit h2{font-size:1.5em}
.main_news_tit p{width:85%; margin:auto}
.main_notice ul{margin:auto}
.main_notice ul li{height:auto}
.main_notice ul li .not_in{width:70%}
.main_notice ul li .ncnt{padding:10px 0 0 0; height:auto}
.main_notice ul li .ntit{word-break:break-all}

.popupzone{width:100%; padding:1.5em 1.2em .5em 1.2em}
.popupzone:before{content:'알림판'; position:relative; font-family: 'RiaSans-ExtraBold'; font-size:1.5em} 
.popupzone img{width:100%; margin-top:.5em}
.popupzone .slick-dots li button:before{font-size:12px}
.popupzone .slick-slide{}
.popupzone .slick-slider{max-width:495px; margin:auto}

.main_program_tit{width:80%; margin:auto}
.main_program_tit p{width:90%; margin:auto}
.main_program_tit h2{word-break:keep-all; font-size:1.5em}
.main_program_tit:after{display:none}
.main_program_top{margin-top:1em}
.main_program_top .mainp_list{padding:4em 0}
.main_program_top .slick-initialized .slick-slide{padding:2em; height:310px}
.main_program_top .slick-prev{left:10px; z-index:1}
.main_program_top .slick-next{right:10px}
.main_program{padding:2em 0}
.main_program .program_lst div:first-child{width:100%; }
.main_program .program_lst div img{width:100%; display:block; margin:1em auto auto auto}
.main_program .slide{padding:0 1em}
.main_program_top .slick-dots li button:before{font-size:12px}
.main_program .program_lst .lst_subject{height:3.4em;-webkit-line-clamp:2}
.main_program .program_lst .slick-dots li button:before{font-size:12px}
.main_program .program_lst .slick-dots{bottom:-40px}

.main_movie{margin-top:1em}
.main_movie .main_movie_wrap .movie_tit{padding-bottom:1em; width:50%; margin:auto}
.main_movie .main_movie_wrap .movie_tit h2{width:80%; margin:auto; font-size:1.5em; word-break:keep-all}
.main_movie .play_icon .fa-play-circle{font-size:4em}
.main_movie .slick-dots li button:before{font-size:12px}

.main_site{overflow:hidden;}
.main_site img{width:97%}
.main_site .slide{margin:0 1em}

footer{padding:1.8em; }


.sub_wr .sub_cnt_wr{margin:1.5em auto auto auto}
.sub_wr .sub_cnt_wr h3{margin-bottom:1em; font-size:1.8em}
.sub_leftmenu ul li a{padding:1em; }
.sub_leftmenu {margin-bottom:1em}
}


@media (min-width:1025px) and (max-width:1280px){
.header_right{padding-right:.6em}

.main_notice ul li{padding:1.5em 0; height:300px;}
.main_notice ul li .ntit{font-size:1.1em; height:100px; display:block}
.main_notice ul li .ncnt{padding:5px 0 1em 0;     white-space: normal;
    line-height: 1.4; overflow:hidden;     height: 2.8em;    text-align: left;    word-wrap: break-word;    display: -webkit-box;    -webkit-line-clamp:2;    -webkit-box-orient: vertical;}
.main_notice ul li .nct{padding-bottom:5px; }
.main_notice ul li .ndate{margin-top:1em}
.popupzone{width:100%; min-width:420px;}
.popupzone img{width:100%}
.popupzone .slick-dots li button:before{font-size:12px}

.main_program{padding:1em auto 3em auto}
.main_program_top .lst_roll_top{width:90%; margin:auto}
.main_program_top .mainp_list{padding:4em 0}
.main_program_top .slick-dots li button:before{font-size:12px}
.main_program_top .slick-next{right:0px}
.main_program_top .slick-prev{left:0px; z-index:9}
.main_program .program_lst .slick-dots li button:before{font-size:12px}
.main_program .program_lst .slick-dots{bottom:-50px}

.main_movie .slick-dots li button:before{font-size:12px;}

.main_site{overflow:hidden;}
.main_site img{width:97%;  max-width:225px;}
.main_site .slide{margin:0 1em}

footer{padding:2em; }

}


@media (min-width:1281px) and (max-width:1540px){
#hd_wrapper{width:97%;}
footer{padding:2em; }
}