@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
html.fix { overflow: hidden; }
.wrap { width:94%; }
   
/* header & footer */
#w_header { height:60px; border-bottom:1px solid #eee; background: #fff; }
#w_header.on { height:100%; }
#w_header h1 { padding:15px 0 0 3%; }
#w_header #gnb { position: static; padding:40px 40px 0;  }
#w_header #gnb > li { float:none; margin-left: 0; border-bottom:1px solid #ddd; padding:10px 0;}
#w_header #gnb > li:last-child { border-bottom:none; }
#w_header #gnb > li > a { font:20px ntb; }
#w_header #gnb ul { padding: 16px 0; position: static; display: none;  }
#w_header #gnb ul li a { color:#666; font:16px/30px ntm;  }
#nav_btn { position:absolute; right:3%; top:12px; }
#nav_btn .line{  width: 40px; height: 2px; background-color: #333; display: block; margin: 8px auto; transition: all 0.3s ease-in-out;}
#nav_btn:hover{ cursor: pointer;}
#nav_btn.act .line:nth-child(2){ opacity: 0;}
#nav_btn.act .line:nth-child(1){ transform: translateY(10px) rotate(45deg);}
#nav_btn.act .line:nth-child(3){ transform: translateY(-10px) rotate(-45deg);}   
.blank { height: 60px; }
   
#w_footer { height: auto; padding:20px 3%; box-sizing: border-box; display: block; }
#w_footer figure { padding:0; float:none; }
#w_footer address { font:normal 14px/1.6 ntr; margin-top: 10px; }

#main { height:300px; }
#main .ment { height:100%; position: absolute; left:3%; width:94%; }
#main .ment h2 { font:32px ntbl; }
#main .ment p { font:16px/1.6 ntr; }
#main .ment > span { font:15px/1.4 ntr; margin-top: 0; text-shadow: 1px 1px 0px #ffffff9e; }
#main .ment > span:nth-of-type(1) { margin-top:10px; }
#main .swiper-pagination { bottom:40px; top:auto;  width:100%;  border-top:none; font:16px ntm; }
#map { position: static; }
#map > li { float:none; width:auto; height:auto; padding:30px 3% 30px 100px; border-right:none; border-bottom:1px solid rgba(255,255,255,0.4); background-position: 30px 30px !important; }

#map > li h2 { font:19px ntm; }
#map ul li { margin-bottom: 0; }
#map ul li a { font:16px ntl; }
    
/* sub layout */
.sv { height: 200px; padding-top:0; }
.sv .wrap { justify-content: center; }    
.sv h2 { font:24px ntbl; }
nav { position: absolute; width:100%; z-index:98; }
nav .wrap { width:100%; }
nav ul li { float:none; width:auto !important; display:none; }
nav ul li a { height:50px; border-bottom:1px solid #eee; background: #fff; }
nav ul li.select { display: block; }
.nblank { height:50px; }
    
.pad { padding:80px 0 100px; }
h2.title { font:18px ntb; }
nav ul li a { font:18px ntb; }

/* sub1_1 */
#sub1_1 .cont1 ul { margin-bottom: 80px; }
#sub1_1 .cont1 ul li { margin-right: 0; width:33.3333% }
#sub1_1 .cont1 ul li img { width:70%; }
#sub1_1 .cont1 h3 { font:18px/1.6 ntb; }
#sub1_1 .cont1 p { font:17px/1.6 ntd; }    
#sub1_1 .cont1 > img { position: static; display: block; margin:0 auto; }    

/* sub1_5 */
#sub1_5 .cont1 li { margin-top: 60px; }
#sub1_5 .cont1 li figure { width:100px; }
#sub1_5 .cont1 li figure img { width:80px; }
#sub1_5 .cont1 li dl { width:calc(100% - 100px); }
#sub1_5 .cont1 li dl dt { font:18px ntb; }
#sub1_5 .cont1 li dl dt span { font:18px ntd; }
#sub1_5 .cont1 li dl dd { font:16px/1.6 ntr; }
    
/* sub2_1 */
#sub2_1 .cont1 article { width:auto; float:none; margin-right: 0; margin-bottom: 40px;  }
#sub2_1 .cont1 article p { font:17px/1.6 ntd; margin-top: 40px; }
#sub2_1 .cont1 figure { width:auto; float:none; height:auto; padding:30px 0; }    
#sub2_1 .cont1 figure img { width:60%; } 

/* sub2_2 */
#sub2_2 ul li { float:none; margin-right:0; margin-top:40px; text-align: center; width:100%; }
#sub2_2 ul li img { width: 80%; max-width: 400px; }
#sub2_2 ul li p { font:17px ntr; margin-top:10px; }
#sub2_2 .cont2 { margin-top: 60px; }

/* sub2_3 */
#sub2_3 figure { float:none; width:auto; margin-bottom: 40px;  } 
#sub2_3 article { float:none; width:auto; } 
#sub2_3 article table th { font:17px ntm; }
#sub2_3 article table td { font:16px ntr; }
#sub2_3 article p { font:17px/1.6 ntr; position: relative; padding-left:14px; padding-top:0;}
#sub2_3 article p span { position: absolute; left:0; }
#sub2_3 .cont2 { margin-top: 60px; }
#sub2_3 .cont2 div { float:none; margin-top: 40px; }
#sub2_3 .cont2 article div table th:first-child, #sub2_3 .cont2 article div table td:first-child { border-left:none; }
#sub2_3 .cont2 p:first-of-type { padding-top:0; }

/* sub2_4 */
#sub2_4 figure { float:none; width:auto; margin-bottom: 40px;  } 
#sub2_4 article { float:none; width:auto; } 
#sub2_4 article table { border-top:none; }
#sub2_4 article table th { width:100%; font:18px/1.6 ntm; border-bottom:none; background:#f1f1f1; display:block; border-top:1px solid #666; }
#sub2_4 article table td { font:17px/1.6 ntr; display: block; padding: 5px 0 15px 0px; border-bottom:none; }
#sub2_4 article table td ul li { margin-top: 6px; position: relative; padding-left:10px;  }
#sub2_4 article table td ul li:before { position: absolute; left:0; }
    
/* sub3_1 */
#sub3_1 figure { width:auto; float:none; height:auto !important; padding:30px 0; margin-right: 0; margin-bottom: 40px; }
#sub3_1 figure img { width:80%; }
#sub3_1 article { width:auto; float:none; }
#sub3_1 article p { font:17px/1.6 ntd; margin-bottom: 60px; }
#sub3_1 article div { float:none; margin-top: 40px; }
#sub3_1 article table { width:100%; }
#sub3_1 article table th, #sub3_1 article table td { width:20%; }
#sub3_1 article table th { font:17px ntm;  }
#sub3_1 article table td { font:16px ntr; }
#sub3_1 article table th:first-child, #sub3_1 article table td:first-child { border-left:none; }
#sub3_1 article span { font:17px ntr; }

/* sub3_4 */
#sub3_1.sub3_4 ul { margin-top: 0; }
#sub3_1.sub3_4 ul li { float:none; margin-right: 0; margin-top: 40px; width:auto; }
#sub3_1.sub3_4 ul li table { margin-bottom: 20px; }

/* sub4_1 */
#sub4_1 .cont1 figure { width:auto; float:none;  margin-right: 0; margin-bottom: 40px;  }
#sub4_1 .cont1 article { width:auto; float:none; }
#sub4_1 .cont1 article p { font:17px/1.6 ntd; }
#sub4_1 .cont1 article p span { font:18px ntm; }

/* sub4_2 */
#sub4_2 ul { display:block; }
#sub4_2 ul li { float:left; width:48%; margin-right:4%; margin-bottom: 40px; }
#sub4_2 ul li:nth-child(2n) { margin-right: 0; }
#sub4_2 ul li:nth-child(2n+1) { clear:both; }
#sub4_2 ul li img { height:auto; width:100%; }
#sub4_2 ul li p { font:17px/1.6 ntr; }

/* sub4_3 */
#sub4_3 h3 { font:18px ntb; }
#sub4_3 form table td { font:17px ntr; }
#sub4_3 form table td:first-child { width:100px; }
#sub4_3 form table td input[type="text"] { height:24px; font:15px/1.6 ntr; }
#sub4_3 form table td textarea { font:17px/1.6 ntr;}
#sub4_3 form table td input[type="submit"] { font:15px ntr; }

#sub4_3 .cont2 { margin-top: 60px; }
#sub4_3 .cont2 p { font:17px/1.6 ntr; }
#sub4_3 .cont2 p:first-of-type { margin-top:20px; }
#sub4_3 .cont2 p:nth-of-type(2) { margin-top:10px; }
#sub4_3 .cont2 p span { width:40px; }

}

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

}