@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }

.wrap { width: 94%; }    
    
/* header & footer */
#w_header { height: 60px; border-bottom:1px solid #ddd; } 
#w_header.down { height: 100%; } 
#w_header h1 { padding-top:15px; text-align: center; }
#w_header h1 img { height: 30px; }
#w_header #w_gnb { position: static; margin:30px auto 0; width: 300px; text-align: center; }
#w_header #w_gnb > li { float:none; margin-right: 0; font:24px ntb; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd; }
#w_header #w_gnb > li:after { display: none; }
#w_header #w_gnb > li:last-child:after { display: none; }
#w_header #w_gnb ul { display: none; position: static; padding-top: 10px; font:16px/1.8 ntr; }
#w_header #w_gnb li:nth-child(2) ul li { float:left; width: 50%; }
#w_header .sns { right:auto; top:15px; left:0; }
#w_header .sns li:first-child { margin-left: 0; }
#w_header .sns li img { width: 30px;}
#w_header .lang { position: static; justify-content: space-around; width:300px; margin:10px auto 0; }
#nav_btn { position:absolute; right:0; 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);} 
    
#w_footer ul { display:flex; align-items: center; justify-content: space-around; }
#w_footer ul:after { display: none; }
#w_footer ul li { float:none; font:14px/50px ntr; }
#w_footer ul li:after { display: none; }
#w_footer address { font-style: normal; }
#w_footer p { margin-top: 20px; word-break: keep-all; }
#w_footer img { display: none; } 
    

/* index */
#w_main { height: 360px; } 
#w_main .wrap { padding-top:60px; padding-bottom:50px; justify-content: center; text-align: center; } 
#w_main h2 { font:28px/1.4 ntd; } 

#w_nav { margin-top: -50px; }
#w_nav .frame { width: 100%; height: 50px; overflow-x: auto; }
#w_nav .slide { width:calc(130px * 15); }
#w_nav .slide li { width:130px; }
#w_nav .slide li a { font:16px/50px ntd; }
#w_nav nav > a { display: none; }

#w_nav .prd { height: auto; padding:20px 0; overflow-x: auto; } 
#w_nav .prd a { width: 33.3333%; } 
#w_nav .prd a figure { height: 160px; } 
#w_nav .prd a figure img { max-height: 120px; } 
#w_nav .prd a p { font:16px ntb; } 

#w_news { padding:60px 0; }
#w_news h2 { font:28px ntb; }
#w_news h3 { font:16px ntd; }

#w_logo { padding:20px 0; overflow-x: auto; width:94%; margin:0 auto; }
#w_logo ul { justify-content: space-between; width:640px;}
#w_logo li { width: 120px; height: 50px; }    
#w_logo li img { max-width:80%; }    
    
/* sub layout */
.sv { height: 260px; padding-top:60px; }
.sv h2 { font:28px ntb; }
.sv nav { height: 50px; }
.sv nav ul { width: 100%; } 
.sv nav ul li:first-child a { width: 50px; height: 50px; }
.sv nav ul li:nth-child(2) { width: calc(100% - 52px); height: 50px; border-right:none; }
.sv nav ul li select { width: calc(100% - 20px); height: 50px; font: 16px ntb; }

.pad { padding:80px 0 160px; }
.pad .wrap { width: 94%; } 
h2.title { font:22px ntb; margin-bottom: 30px;  }

/* sub1_1 */
#sv1 { background:url(/images/bg_sub1.png) no-repeat center/cover; }

#sub1_1 { padding-top:0; }
#sub1_1 .cont1, #sub1_1 .cont2, #sub1_1 .cont3, #sub1_1 .cont4 { padding-top:80px; }
#sub1_1 .cont1 img { float:none; width: 100%; margin-right: 0; margin-bottom: 40px; }
#sub1_1 .cont1 p { font:14px/1.6 ntd; float:none; word-break: keep-all; }

#sub1_1 .cont2 .history { padding-left:10px; }
#sub1_1 .cont2 .history:before { left:10px; top:10px }
#sub1_1 .cont2 .history strong { padding-left:30px; font:18px ntb; }
#sub1_1 .cont2 .history strong:before { width:14px; height:14px; left:-10px; top:6px; }
#sub1_1 .cont2 .history strong:after { width:14px; height:14px;  left:-2px; top:6px; }
#sub1_1 .cont2 .history ul { padding-left:24px; font:14px ntd; }
#sub1_1 .cont2 .history ul li { margin-bottom: 6px; }

#sub1_1 .cont3 ul { width: auto; }
#sub1_1 .cont3 ul li { width: 48.5%; margin-right: 3%; margin-bottom: 40px; }
#sub1_1 .cont3 ul li:nth-child(2n) { margin-right: 0; }
#sub1_1 .cont3 ul li:nth-child(2n+1) { clear:both; }
#sub1_1 .cont3 ul li p { font:14px/1.6 ntb; }

#sub1_1 .cont4 div { width: auto; }
#sub1_1 .cont4 div iframe { height: 280px;  }
#sub1_1 .cont4 div table th { padding:10px 0; font:14px ntb; width: 90px; }
#sub1_1 .cont4 div table td { padding:10px; font:14px ntr; }    
    
/* sub2_1 */
#sub2_1 .cont1 { width: 100%; }
#sub2_1 .cont1 h2 { width: 180px; font:18px/50px ntd; }
#sub2_1 .cont1 ul { border:1px solid #333; padding-top:20px;  }
#sub2_1 .cont1 ul li { width:33.3333%; margin-bottom: 20px; font:13px ntd; }
#sub2_1 .cont1 ul li:nth-child(3n) { width:33.3333%; border-right:none; }

#sub2_1 .cont2 #w_title { font:24px ntb; }

#sub2_1 #bo_gall #gall_ul { margin: 0; }
#sub2_1 #bo_gall #gall_ul > li { width:48.5%; margin-right: 3%; }
#sub2_1 .gall_row .box_clear { clear: none; }
#sub2_1 #bo_gall #gall_ul > li:nth-child(2n) { margin-right: 0; }
#sub2_1 #bo_gall #gall_ul > li:nth-child(2n+1) { clear:both; }
#sub2_1 #bo_gall .gall_img { height: auto !important;}
#sub2_1 #bo_gall .gall_img img { width: 100%; }
#sub2_1 #bo_gall .gall_text_href a { font:14px ntb; }


/* sub3_1 */    

/* sub4_1 */    

#w_fmail tr:first-child td { padding:10px 0; }
#w_fmail td:first-child { width:80px;  font:14px/1.4 ntb; padding:0 10px; word-break: keep-all; text-align: center; white-space: nowrap; }
#w_fmail td p { margin-bottom:10px; }
#w_fmail td input[type=text] { font:14px ntr; padding:0 10px; }
#w_fmail td .agree { font:14px ntr; padding:10px 0 0 10px;}
#w_fmail td textarea {font:14px/1.6 ntr; padding:10px; }
#w_fmail td #w_info { height:160px; font:14px/1.6 ntr; }
#w_fmail + input[type=submit] { font:14px ntr; width:200px; height:50px; }
#w_fmail td input[type=radio] { margin-left: 14px; }
#w_fmail td input[type=radio] + label { font-size:14px;  }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

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

    
#sub2_1 #bo_gall #gall_ul > li:nth-child(3n) { margin-right: 0; }    
#sub2_1 #bo_gall #gall_ul > li:nth-child(3n+1) { clear:both;  }    
}