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

.gr1, .gr2 { width:auto; }
    
/* header & footer */
#w_header { height: 60px;}
#w_header.down { height:100%; }
#w_header h1 img { height: 30px; }
#w_header .gnb { position: static; text-align: center; width:220px; margin:60px auto 20px; }
#w_header .gnb > li { float:none; margin-right: 0; font:20px nseb; border-bottom:1px solid #ddd; }
#w_header .gnb > li:last-child { border:none;  }
#w_header .gnb > li > a { display: inline-block; padding:14px 0; }
#w_header .gnb ul { position: static; line-height:1.6; font-family: nsb; margin-bottom: 10px; margin-top: 0; font-size:18px; display: none; }
#w_header .gnb ul li a { display: block; padding:6px 0; }
#w_header .lang { position: static; width:220px; margin:0 auto; }

/* header의 높이가 60px 가정*/
#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 40px; height: 2px; background-color: #fff; 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 { padding:40px 0; }
#w_footer img { float:none; margin-bottom: 20px; height: 30px; }
#w_footer address { float:none; font:13px/2 nsr; }
#w_footer address span { display: block; }
#w_footer address span:after { display: none; }


/* index */
#main { height:400px; position: relative; }
#main .ment { padding-top: 60px; }
#main .ment h2 { font-size:24px; }
#main .ment h2:before { height:20px; bottom:0; }
#main .ment a { margin-top: 40px; }
#main .ment img { margin-left:auto; position: static; width:50%; display: block; max-width: 200px; }

#croc { padding:60px 0; }
#croc .gr1 { float:none; height: auto; }
#croc .gr1 img { height: 60px; }
#croc .gr1 h2 { margin-left: 20px; font-size:24px; }
#croc .gr2 { float:none; height: auto; font:16px/1.6 nseb; margin-top: 20px; word-break: keep-all; }

#c_prd ul li { width:48.5%; margin-right: 3%; margin-bottom: 3%; border-radius: 10px; }
#c_prd ul li:nth-child(2n) { margin-right: 0;  }
#c_prd ul li a { background: rgba(0,113,188,0.7); transition: none; }
#c_prd ul li a figure { height: 40px; }
#c_prd ul li a figure img { transform: scale(0.4); }
#c_prd ul li a p { font:16px gsb; margin-top: 10px; }

#cj { height: auto; margin-top: 60px; padding:60px 0; }
#cj .wrap { display: block; }
#cj h2 { font-size:24px; padding-top: 0; }
#cj p { font:16px/1.6 nseb; margin-top: 20px; word-break: keep-all; }
#cj a { margin-top: 30px; }
#cj img { width:100%; }

#latest { padding:60px 0; }
#latest article { float:none; width:auto; margin-right: 0; margin-bottom: 40px;  }
#latest article:last-child { margin-bottom: 0; }
#latest article > h2 { font:18px/1 gsb; padding-bottom: 20px; }
#latest article .cpb { width: 30px; height: 30px; font-size:16px; margin-top: -5px; }
#latest article ul li a { font:14px ntr; }


#contact article { float:none; }
#contact article h2 { font-size:18px;  }
#contact article a { font-size:28px; }
#contact article strong { font:16px nseb; }
#contact article p { position: static; font:14px/1.6 nsb; margin-top: 20px; word-break: keep-all; }
#contact form { float:none;  margin-top: 20px; }
#contact ul { border-top-width:2px; }
#contact ul li { border-width:2px; }
#contact ul li input, #contact ul li textarea { padding:10px; font:14px/1.6 nsb; }
#contact ul li input::placeholder, #contact ul li textarea::placeholder { font-size:12px;  }
#contact input[type="submit"] { font-size:14px; height:50px; }


#bot { height: auto; padding:60px 0;  margin-top: 60px; }
#bot h2 { font-size:18px; line-height:1.6; }    
    
    
/* sub_layout */
.blank { height: 60px; }
.sv { height: 140px; }

.pad { font:14px nsr; }
.both h2.cpc { float:none; font-size:16px; }
.both .gr2 { float:none; margin-top: 20px; }

/* sub1_1 */
#sub1_1 .cont1 { padding:60px 0; }
#sub1_1 .cont1 h2 { font:32px/1.4 nseb; }
#sub1_1 .cont2 p { line-height:1.6; }
#sub1_1 .cont2 p img { left:130px; bottom:0; }
#sub1_1 .cont2 .fl { margin-top: 60px; flex-direction: column; }
#sub1_1 .cont2 .fl h3 { width: 130px; height: 130px; font-size:18px;  }
#sub1_1 .cont2 .fl div { width: 30px; height: 30px; margin:4px auto; }
#sub1_1 .cont2 .fl div:before { transform: rotate(90deg); }
#sub1_1 .cont2 .fl img { width: 100%;  }
#sub1_1 .cont3 { margin-top: 60px; }
#sub1_1 .cont3 .gr2 h3 { font-size:18px; padding-bottom: 10px; }
#sub1_1 .cont3 .gr2 strong { font:16px/1.4 nseb; word-break: keep-all; }
#sub1_1 .cont3 .gr2 p { padding-bottom: 20px; margin-bottom: 40px; margin-top: 20px; }
#sub1_1 .cont4 { margin-top: 60px; height: auto; font-size:20px; padding:40px 0; text-align: center; line-height:1.6; background-size:auto 100%; }    
    
    
/* sub1_2 */
#sub1_2 .cont1 { padding:60px 0; }
#sub1_2 .cont1 h2 { font:32px/1.4 nseb; float:none; width:auto; }
#sub1_2 .cont1 p { float:none; width:auto; font:16px/1.6 nsb; word-break: keep-all; margin-top: 20px; }
#sub1_2 .cont2 { padding-top:40px; }
#sub1_2 .cont2 .history h3 { position: static; margin-bottom: 6px; margin-top: 20px; }
#sub1_2 .cont2 .history p { padding-left: 30px; line-height:1.6; word-break: keep-all; font-size:14px; margin-top: 10px;  } 
#sub1_2 .cont2 .history p span  { left:0; }
#sub1_2 .cont2 .history figure { margin-left: 0; padding-top: 10px; }
#sub1_2 .cont2 .history figure img { width: 100%; }
#sub1_2 .cont3 { margin-top: 40px; margin-bottom: 40px; }    
#sub1_2 .cont3 img { width: 100%; }    

/* sub1_3 */
#sub1_3 { padding-bottom: 100px; }
#sub1_3 .cont1 { font-size:24px; padding:40px 0 10px; }
#sub1_3 .gr2 { width:auto; }
#sub1_3 .cont2 figure { width:auto; padding:40px 0; float:none; }
#sub1_3 .cont2 article { width:auto;  float:none; margin-top: 20px;  }
#sub1_3 .cont2 article h3 { font:18px/1.6 nseb; }
#sub1_3 .cont2 article p { font:14px/1.6 nsr; margin-top: 10px; }
#sub1_3 .cont2 article ul { position: static; width: auto; margin-top: 30px; }
#sub1_3 .cont2 article ul li { width:32%; margin-right: 2%; }
#sub1_3 .cont2 article ul li:last-child { margin-right: 0; }
#sub1_3 .cont2 article ul li a { font:14px nsr; }
#sub1_3 .cont2 article ul li a i { display: none; }
#sub1_3 .cont3 h2 { margin-top: 60px; padding-top: 0; }
#sub1_3 .cont3 .gr2 { margin-top: 20px; padding-top:0; border-top:none; }
#sub1_3 .cont3 ul li { float:none; width:auto; margin-right: 0; margin-bottom: 20px;  }
#sub1_3 .cont3 ul li figure { height: auto; padding:40px 0; }
#sub1_3 .cont3 ul li figure img { height: 50px;  }
#sub1_3 .cont3 ul li div { height: 80px; }
#sub1_3 .cont3 ul li:first-child div { background: #0071bc; }
#sub1_3 .cont3 ul li:last-child div { background: #000; }
#sub1_3 .cont3 ul li strong { display: block; font:20px nseb; margin:14px 0; }
#sub1_3 .bi { margin-top: 200px; }
    
    
    
/* sub1_4 */
#sub1_4 { padding:60px 0; }
#sub1_4 .cont1 h2 { font-size:32px; float:none; }
#sub1_4 .cont1 table { margin-top: 20px; }
#sub1_4 .cont1 table th { width: 70px; font:14px/1.6 nseb; padding:6px 0; }
#sub1_4 .cont1 table td { font:14px/1.6 nsr; padding:6px 0; word-break: keep-all; }
#sub1_4 .cont2 { margin-top: 60px; }
#sub1_4 .cont2 iframe { height: 300px; }  
    
    
    
    
/* sub1_5 */
#sub1_5 { padding-bottom: 100px; }
#sub1_5 .cont1 { padding:60px 0 0; }
#sub1_5 .cont1 h2 { font:32px/1.4 nseb; float:none; width:auto; }
#sub1_5 .cont1 p { float:none; width:auto; font:16px/1.6 nsb; word-break: keep-all; margin-top: 20px; }
#sub1_5 .cont2 { margin-top: 20px; }
#sub1_5 .cont2 .lnb { width:100%; float:none; }
#sub1_5 .cont2 .lnb li { float:left; width: 33.3333%; text-align: center; border-bottom:none; }
#sub1_5 .cont2 .lnb li a { font:16px/50px nseb; display: block; }
#sub1_5 .cont2 .lnb li.cpc a { color:#0071bc; }
#sub1_5 .cont2 .gr2 { width: auto; margin-top: 0; }
    
    
    
/* sub2_1 */
.sub2 .both h2.cpc, .sub3 .both h2.cpc, .sub4 .both h2.cpc { float:none; }
.sub2 .both .gr1, .sub3 .both .gr1, .sub4 .both .gr1 { width: auto; float:none; }
.sub2 .both .gr2, .sub3 .both .gr2, .sub4 .both .gr2 { width: auto; }
#sub2 img { width: 260px; } 
    
#sub2_1 { padding-top:60px; }
#sub2_1 .cont1 figure { width: 100%; height:auto; padding:40px 0; float:none; margin-right: 0; }
#sub2_1 .cont1 figure img { width: 80%; }
#sub2_1 .cont1 p { font:16px/1.6 nseb; width: auto; float:none; margin-top: 20px; word-break: keep-all; }
#sub2_1 .cont1 table { width:100%; position: static; margin-top: 30px; }
#sub2_1 .cont1 table th { font:14px/1.6 nseb; width: 100px;  }
#sub2_1 .cont1 table td { font:14px/1.6 nsr; word-break: keep-all; }
#sub2_1 .cont2 { padding:60px 0; }
#sub2_1 .cont2 ul li { width:48.5%; margin-right: 3%; margin-bottom: 3%; border-radius: 10px; }
#sub2_1 .cont2 ul li:nth-child(2n) { margin-right: 0;  }
#sub2_1 .cont2 ul li > img { width: 100%; } 
#sub2_1 .cont2 ul li a { background: rgba(0,113,188,0.7); transition: none; }
#sub2_1 .cont2 ul li a figure { height: 40px; }
#sub2_1 .cont2 ul li a figure img { transform: scale(0.4); }
#sub2_1 .cont2 ul li a p { font:16px gsb; margin-top: 10px; }    
#sub2_1 .cont1 .video iframe { width: 90%; height: 250px; margin-top:100px; margin-left:5%; border-radius: 20px; }
#sub2_1 .cont1 .video iframe.on { opacity:1; transition: 0.7s; }
    
/* sub2_2 */
#sub2_2 { padding:0 0 60px; }
#sub2_2 .cont1 { width: 100%; }
#sub2_2 .cont1 .gr2 { width: 94%; margin:60px auto 0; }
#sub2_2 nav ul { margin-top: 0; }
#sub2_2 nav ul li { float:left; width:33.3333%; padding:0; }
#sub2_2 nav ul li a { display: block; text-align: center; font-size:12px; line-height:50px; }
#sub2_2 nav ul li:first-child { display: none; }
#sub2_2 nav ul .select a { color:#fff; background: #0071bc; }
#sub2_2 h2 { font-size:24px; }
#sub2_2 .gr1 h2 { display: none;  }
#sub2_2 .gr2 article { padding-top: 0; }
#sub2_2 .gr2 article figure img { max-width: 60%; }
#sub2_2 .gr2 article .box { margin-top: 0; }
#sub2_2 .gr2 article .box .fl { position: static; height:auto; width:auto; padding:40px 0; }
#sub2_2 .gr2 article .box .fl img { max-width: 80%; }
#sub2_2 .gr2 article .box table { width: 100%; border-top:none; }
    
/* sub3_1 */
.sub3 .cont1 { font-size:24px; }
.sub3 h2 { margin-bottom: 20px;  }
.sub3 .cont2 strong { font:16px/1.6 nseb; }
#sub3_1 .cont2 figure { height: auto; padding:40px 0; float:none; margin-top: 20px; }
#sub3_1 .cont2 figure:first-child { width: auto; }
#sub3_1 .cont2 figure:last-child { width: auto; float:none; }

.sub3 .cont2 .drag { overflow-x: auto; }
.sub3 .cont2 .drag p { font:14px nsr; margin-top: 10px; }
.sub3 .cont2 table { width: 840px; }
.sub3 .cont2 table th { font-size:14px; } 
.sub3 .cont2 table td { font-size:14px; } 

.sub3 .cont3 { margin-top: 60px; margin-bottom: 100px; }
#sub3_1 dl { float:none; width:auto; margin-right: 0; margin-bottom: 40px; }
#sub3_1 dl dt { font:18px nseb; }
#sub3_1 dl dd { font:14px/1.6 nsr; }
    
/* sub3_2 */
#sub3_2 ul li figure { width: auto; padding:40px 0; float:none; margin-bottom: 20px;  }
#sub3_2 ul li div { width:auto; float:none; }
#sub3_2 ul li h3 { font:16px nseb; }
#sub3_2 table { width: 500px; }

#sub3_2 .cont3 ul li { font:14px/1.6 nsr; margin-bottom: 10px; word-break: keep-all; }
#sub3_2 .cont2 .video iframe { width: 90%; height: 250px; margin-top:100px; margin-left:5%; border-radius: 20px; }
#sub3_2 .cont2 .video iframe.on { opacity:1; transition: 0.7s; }
    
/* sub3_3 */
#sub3_3 .cont2 { padding-bottom: 100px; }
#sub3_3 .cont2 figure { padding:40px 0; }
#sub3_3 .cont2 figure img { max-width: 90%; }
#sub3_3 .cont2 table { width: 1200px; }
#sub3_3 .cont2 ul li { word-break: keep-all; }
#sub3_3 .cont3 ul { width: auto; }
#sub3_3 .cont3 ul li { width:48.5%; margin-right: 3%; }
#sub3_3 .cont3 ul li:nth-child(2n) { margin-right: 0; }
#sub3_3 .cont3 ul li:nth-child(2n+1) { clear:both; }
#sub3_3 .cont3 ul li img { width: 100%; }
#sub3_3 .cont3 ul li p { font-size:14px; }

/* notice */
.sub4 { padding:60px 0; }
.sub4 h2 span { display: inline-block; font:16px nseb; margin-top: 0; color:#999; margin-left: 10px;  }
    
/* inquiry */
#sub4_4 .cont1 strong { font:16px/1.4 nseb; word-break: keep-all; }
#sub4_4 .cont1 ul { margin-top: 40px; }
#sub4_4 .cont1 ul li { float:none; width:auto; margin-right: 0; margin-bottom: 20px; }
#sub4_4 .cont1 ul li input { font:14px nsb; }
#sub4_4 .cont1 ul li textarea { font:14px/1.6 nsb; }
#sub4_4 .cont1 ul li input::placeholder, #sub4_4 .cont1 ul li textarea::placeholder { font:12px gsb; }
#sub4_4 .cont1 input[type=submit] { font-size:12px;  }    
    
    
    
    
    
    
    
    
    
}

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

/* index */
#c_prd ul li:nth-child(3n) { margin-right: 0;  }
#sub2_1 .cont2 ul li:nth-child(3n) { margin-right: 0;  }
    
#sub1_5 .cont2 ul li:nth-child(5n), #sub3_3 .cont3 ul li:nth-child(5n) { margin-right: 0; }
#sub1_5 .cont2 ul li:nth-child(5n+1), #sub3_3 .cont3 ul li:nth-child(5n+1) { clear:both; }    
    
}