@media  (min-width: 850px) and (max-width:1200px) {  /* 하단 푸터 영역*/
#n_header h1 { margin-left:20px; }
#n_header #snb { right:80px; }
#nav_btn { right:20px; }
	
#n_footer { padding:20px 3% 30px; height: auto; position:relative; }
#n_footer a { color:inherit; }
#n_footer img { display: none; }
#n_footer address { font:normal 13px/1.6 nsb; margin-left: 0; float:none; padding-top: 0; letter-spacing:-0.5px;}
#n_footer address p { margin-top: 10px;  }
.family_site { bottom:30px; }
	
}

@media  (max-width:850px) {  /* 하단 푸터 영역*/
#n_header h1 { margin-left:20px; }
#n_header #snb { right:80px; }
#nav_btn { right:20px; }
	
#n_footer { padding:20px 3% 30px; height: auto; }
#n_footer a { color:inherit; }
#n_footer img { display: none; }
#n_footer address { font:normal 13px/1.6 nsb; margin-left: 0; float:none; padding-top: 0; letter-spacing:-0.5px;}
#n_footer address p { margin-top: 10px;  }
.family_site { bottom:30px; right:75px;}
	
}


@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
.wrap { width:94%; }
   
/* header & footer */
.family_site { position:unset; margin-top:8px;}
	
#n_header { height: 60px; }
#n_header h1 { margin-left:3%; padding-top:10px; }
#n_header h1 img { height: 40px; }
#n_header #snb { position: fixed; right:0; top:auto; bottom:0; width: 100%; }
#n_header #snb li { margin-left: 0%; width:calc(100%/3); }
#n_header #snb li:first-child { margin-left: 0; }
#n_header #snb li a:link, #n_header #snb li a:visited { width:auto; height: 40px; font:18px ntbl; background: #191919; border-right:none; border-color:rgba(255,255,255,0.3); }
#n_header #snb li:last-child a { font-size:14px; line-height:1.1; border-right:1px solid rgba(255,255,255,0.3); }
.blank { height: 60px; }

#nav_btn { right:3%; top:12px; }
#nav_btn .line{  width: 26px; height: 2px; }
#nav_btn.act .line:nth-child(1){ transform: translateY(9px) rotate(45deg);}
#nav_btn.act .line:nth-child(3){ transform: translateY(-9px) rotate(-45deg);}   

#n_gnb { width: 94%; }
#n_gnb h2 { font:18px ntbl; padding-top:20px; }
#n_gnb > li { float:none; width: auto; border-right:none; border-bottom:1px solid rgba(255,255,255,0.2); height:auto; padding-bottom:20px; }
#n_gnb > li:nth-child(2) { width: auto; }
#n_gnb > li:last-child { border:none; }
#n_gnb ul li { font:14px ntr; margin-top: 14px; }

#n_footer { padding:20px 3% 50px; height: auto; }
#n_footer a { color:inherit; }
#n_footer img { display: none; }
#n_footer address { font:normal 13px/1.6 nsb; margin-left: 0; float:none; padding-top: 0; }
#n_footer address p { margin-top: 10px;  }


/* main */
.swiper-container { height: 250px; }
.swiper-container p.fl { font:14px/1.4 nsr; top:-45px; }
.swiper-container p.fl2 { font:14px/1.4 nsr; top:135px;}
.swiper-container p.bold { font:20.5px/1.4 ntb; top:-10px; letter-spacing:-0.5px; }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { display: none; }
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { display: none; }
#main { height:auto; }
#main a { float:none; width:auto; height:140px; display: flex; align-items:center; justify-content: center; background: #000;}
#main a:before { opacity:0.6; }
#main a dl { position: relative; bottom: 0;}
#main a dl dt { margin-bottom: 10px; }
#main a dl dd { height: auto; font:18px/1.3 nseb; }

#lang h2 { font:16px/40px ntb; width:94%; }
#lang ul { width:94%; }
#lang ul li a { font:600 24px/60px 'Noto Sans KR'; }

/* sub layout */
.lnb ul li a { font:14px/50px ntb; } 
.lnb .wrap { width:100%; }   

.both .title { border-bottom:1px solid #d69519; padding-bottom:10px; }

/* sub1_1 */
#sub1_1 { padding:60px 0 100px; }

/* sub1_2 */
#sub1_2 { padding:60px 0 100px; }
#sub1_2 #local li { font:20px ntr; }
#sub1_2 #local li:after { font-size:16px; top:-4px; } 
#sub1_2 #cate li { font:16px/1.8 ntr; }
#sub1_2 p.live { font:14px ntd; word-break:break-word; margin-bottom:10px; }
#sub1_2 p.live span { font:12px ntd; display: inline-block; margin-top:10px; }
#sub1_2 p.live2 { font:14px ntd; word-break:break-word; margin-bottom:10px;}
#sub1_2 p.live3 { font:14px ntd; word-break:break-word; margin-bottom:10px;}

/* sub1_3 */
#sub1_3 { padding:60px 0 100px; }
#sub1_3 .cont1 #w_info li { float:none; width:auto; margin-bottom: 60px; }
#sub1_3 .cont1 #w_info li div { height: auto; padding:40px 0; font:14px/1.8 ntr; }
#sub1_3 .cont1 #w_info li:first-child { border-right:none; }
#sub1_3 .cont1 #w_info li:first-child div span:last-child { margin-left: 40px; }
#sub1_3 .cont2 { margin-top: 60px; }


/* sub2_1 */
#sub2_1 { background:#f2f2f2 url(../images/mbg.png) no-repeat center bottom/100%; }
#sub2_1 .wrap { padding:60px 0 0; }
#sub2_1 h2 { font:20px/1.4 ntb; word-break: keep-all; }
#sub2_1 p { margin-top: 30px; font:14px/1.6 ntd; word-break: keep-all; }
#sub2_1 .cl { margin-top: 30px; }
#sub2_1 .cl span { font:14px/1.6 ntb; float:none; top:0; margin-right: 0; display: block; }
#sub2_1 .cl img { float:none; margin-top: 20px; width: 120px;  }

#sub2_1.sub2_1_1 { background: #f1f1f1;}
#sub2_1.sub2_1_1 .doc { position: unset; width:65%; display:block; margin:10px auto 0; }
#sub2_1.sub2_1_1 span { font:16px/1.6 ntb; color:#333; display: block; margin-top: 40px; }

/* sub2_2 */
#sub2_2 { padding:60px 0 200px; }
#sub2_2 .left { border-top:none; width:auto; float:none; }
#sub2_2 .left h2 { font:18px /1.8 ntb; color:#333; padding-top: 10px;  }
#sub2_2 .right { border-top:none; width: auto; float:none; }
#sub2_2 .cont1 .right img { float:none; display: block; margin:auto; }
#sub2_2 .cont1 .right dl { float:none; margin-left: 0px; margin-top: 20px; }
#sub2_2 .cont1 .right dl dt { font:18px ntm; text-align: center; }
#sub2_2 .cont1 .right dl dd { font:14px/1.6 ntd; width: 90%;}
#sub2_2 .cont2 .right .his ul li { width: 48.5%; margin-right: 3%; margin-bottom: 40px;  }
#sub2_2 .cont2 .right .his ul li img { width: 100%; }
#sub2_2 .cont2 .right .his ul li p { margin-right:0; }
#sub2_2 .cont2 .right .his ul li:nth-of-type(5n) { margin-right: 3%; }
#sub2_2 .cont2 .right .his ul li:nth-child(2n) { margin-right: 0; }
#sub2_2 .cont2 .right .his ul li:nth-child(2n+1) { clear:both; }

#sub2_2 .cont2 .right article { position: fixed; left:0; top:0; background:rgba(0,0,0,0.95); z-index:10000; }
#sub2_2 .cont2 .right article h3 { font:16px nsb; }
#sub2_2 .cont2 .right article p { font:16px/1.6 nsd; }
#sub2_2 .cont2 .right article .close { position: absolute; right:16px; top:16px; }

/* sub2_3 */
#sub2_3 { padding:60px 0 200px; }
#sub2_3 .mapcate { margin-bottom: 20px; }
#sub2_3 .mapcate li { width:50%; }
#sub2_3 .mapcate li:nth-child(5n) a { border-right:none; }
#sub2_3 .mapcate li:nth-child(2n) a { border-right:1px solid #ddd; }
#sub2_3 .mapcate li:nth-child(3), #sub2_3 .mapcate li:nth-child(4), #sub2_3 .mapcate li:nth-child(5) { border-top:none; } 
#sub2_3 .mapcate li a { height: 46px; font:14px/46px ntb;  }
#sub2_3 div iframe { height: 300px; }
#sub2_3 article h3  { width:auto; float:none; }
#sub2_3 article ul { border-top:none; width: auto; float:none; }
#sub2_3 article ul li { padding-left:60px; font:14px ntd; word-break: keep-all; }

	
/* sub3_1 */
#sub3_1 { padding:60px 0 150px;}

}


@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }

}