@media (max-width:800px) { /* 모바일용 */
/* header & footer */
#w_header { height: 60px; }
#w_header.up { top:-61px; }
#w_header.down { height: 100vh; }
#w_header h1 { padding-top: 15px; }
#w_header h1 img { height: 30px; }
#w_header #w_gnb { display: block; position: static; width: 240px; margin:60px auto 0; text-align: center; }
#w_header #w_gnb > li { margin-right: 0; border-bottom:1px solid #fff; }
#w_header #w_gnb > li > a { line-height:50px; font-size:20px; }
#w_header #w_gnb > li:last-child { border:none; }
#w_header #w_gnb ul { position: static; font-size:18px; display: none; }
#w_header #w_gnb ul li { padding-top: 0; border-top:1px dashed #999; }
#w_header #w_gnb ul li a { display: block; line-height:50px; }
#w_header #w_gnb ul li a:after { display: none; }
#w_header .contact { padding:0; border-radius: 50px; position: static; line-height:50px; width: 240px; display: block; margin:20px auto 0; font-size:18px; text-align: center; }
#w_header .lang { right: 50px; top: 18px; }
#w_header .lang select { height: 26px; font-size:16px; }

#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 30px; 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 .wrap > img { margin-top: 40px; }
#w_footer address { font-size:11px; }
#w_footer address p, #w_footer address > a { margin-bottom: 20px; display: inline-block; }

.mall { right: 3%; bottom: 20px; width: 60px; height: 60px; font-size:11px; }

/* index */
#main .ment { width: 100%; }
#main .ment img { height: 60px; }
@keyframes scrollAni {
    0%, 100% { bottom:-50px; }
    50% { bottom: -80px; }
}

#bs h2 { height:80px; }
#bs ul { display: block; }
#bs ul li { border-right:none; border-bottom:1px solid #666;  }
#bs ul li:first-child { border-left:1px solid #666;  }
#bs ul li figure img { width: 100%; height: 200px; }
#bs ul li:hover figure img { transform: scale(1); }
#bs ul li article { padding:20px 14px 30px; }
#bs ul li article p { margin-top: 20px; }
#bs ul li article img { right: 14px; bottom: 30px; height: 40px; }

#esg img { height: 400px; }
#esg article { width: 100%; padding:0 3%; box-sizing: border-box; transform: translateY(-50%); left: 0; }
#esg article p { word-break: keep-all; }

#tech { padding:140px 0; }
#tech .wrap { display: block; }
#tech article { width: auto; }
#tech article h2 span { top: 5px; }
#tech article h3 { margin-top: 0; }
#tech article p { margin-top: 20px; }
#tech figure { border-radius: 10px; margin-top: 40px;  }
#tech figure img { width: 100%; }

#latest { margin-bottom: 120px; }
#latest .wrap { display: block; }
#latest .wrap > * { width: auto; margin-bottom: 40px;}
#latest article a { margin-top: 30px; }
#latest .lat .lat_title { padding-bottom: 10px; }
#latest .lat .lat_title a { font-size:18px; }
#latest .lat ul { margin-top: 10px;}
#latest .lat li a { font:14px/2.5 stm; }

#contact { padding:100px 0;}
#contact .wrap { display: block; }
#contact article { width: auto; margin-top: 40px; }
#contact article:nth-child(1) { padding-top: 0; margin-top: 0; }
#contact article:nth-child(1) img { height: 40px; }
#contact article ul li { padding-left: 60px; font-size:14px;}
#contact article ul li span { font-size:13px; }
#contact article ul li:last-child span { padding-top:1px; }
#contact article > p { text-align: center; }
#contact article a.cb { position: static; margin:20px auto 0;}

#lab img { height: 240px; }
#lab p { width: 300px; }

/* sub layout */
.sv { height: 240px; padding-top: 60px; }
.sm { position: relative; }
.sm ul { display: none; }
.sm select { width: 100%; padding:0 3%; box-sizing: border-box; border:none; height: 50px; background: #000; color:#fff; font:16px stm; text-transform: uppercase; appearance: none; }
.sm i { position: absolute; right: 3%; top:50%; transform: translateY(-50%); font-size:12px; z-index:1; }

.left { float:none; width: auto; }
.right { float:none; width: auto; margin-top: 20px; }
.r920 .right { width: auto; }

/* sub1_1 */
#sub1_1 .cont1 { display: block; }
#sub1_1 .cont1 figure { border-radius: 10px; }
#sub1_1 .cont1 figure img { width: 100%; aspect-ratio: 1 / 1; }
#sub1_1 .cont1 .intro { width: auto; margin-top: 40px;  }
#sub1_1 .cont1 .intro img { height: 50px; display: block; margin:0 auto; }
#sub1_1 .cont1 .intro strong { margin-top: 30px; }
#sub1_1 .cont1 .intro p { margin-top: 20px; }

#sub1_1 .cont2 h2 { padding-top: 0; }
#sub1_1 .cont2 ul { flex-wrap: wrap; }
#sub1_1 .cont2 ul li { width: 50%; margin-bottom: 20px;  }
#sub1_1 .cont2 ul li img { width: 90%; }
#sub1_1 .cont2 ul li p { margin-top: 10px; font-size:13px; line-height:1.4; }

#sub1_1 .cont3 p { margin-top: 10px; }

#sub1_1 .cont4 { height: auto; padding-bottom: 60px; }
#sub1_1 .cont4 p { margin-top: 10px; }

#sub1_1 .cont5 { display: block; }
#sub1_1 .cont5 article { width: auto; }
#sub1_1 .cont5 article table th, 
#sub1_1 .cont5 article table td { padding:10px 0; font-size:13px; }
#sub1_1 .cont5 article table th { width: 54px; }
#sub1_1 .cont5 figure { width: auto; border-radius: 10px; margin-top: 40px;  }
#sub1_1 .cont5 figure img { width: 100%; aspect-ratio: 1/1; }

/* sub1_2 */
#sub1_2 .cont1 { display: block; border:none; }
#sub1_2 .cont1 figure { width: auto; border-bottom:1px solid #3071b9; }
#sub1_2 .cont1 figure img { width: 240px; }
#sub1_2 .cont1 article { width: auto; padding-top: 40px; }
#sub1_2 .cont1 article strong { font-size:17px; }
#sub1_2 .cont1 article p { margin-top: 20px; }


/* sub1_3 */
#sub1_3 .cont1 h2 { margin-bottom: 20px; }
#sub1_3 .cont1 .right { width: auto; }
#sub1_3 .cont1 .right .year { padding-left: 70px; }
#sub1_3 .cont1 .right .year:before { left: 66px; top:6px; }
#sub1_3 .cont1 .right .year > li { margin-bottom: 40px; }
#sub1_3 .cont1 .right .year ul { padding-top: 1px; } 
#sub1_3 .cont1 .right .year ul li { margin-top: 0; margin-bottom: 6px; }
#sub1_3 .cont1 .right .year ul li:before { top:4px; }
#sub1_3 .cont1 .right figure { width: 50px; height: 50px; margin-left: 40px; }
#sub1_3 .cont1 .right figure img { height: 30px; }


/* sub1_4 */
#sub1_4 .cont1 h2 { margin-bottom: 20px; }
#sub1_4 .cont1 figure { margin-top: 20px; }
#sub1_4 .cont1 figure img { width: 100%; }
#sub1_4 .cont1 ul { margin-top: 20px; }
#sub1_4 .cont1 ul li { width: 30%; }
#sub1_4 .cont1 ul li a { width: auto; text-align: center; line-height:1.2; }
#sub1_4 .cont1 p:last-of-type { margin-top: 60px; }

    
#sub1_4 .cont2 figure { margin-top: 20px; }
#sub1_4 .cont2 figure img { width: 100%; }
#sub1_4 .cont2 ul li { width: 45vw; margin-bottom: 20px; }
#sub1_4 .cont2 ul li a { width: 30vw; text-align: center;}
#sub1_4 .cont2 ul li a:nth-child(3){margin-right: 0;}

#sub1_4 .cont3 ul { margin-top: 30px; }
#sub1_4 .cont3 ul li { width: 45vw; }
#sub1_4 .cont3 ul li div { height: 100px; }
#sub1_4 .cont3 ul li dt { margin-top: 20px; }

/* sub1_5 */
#sub1_5 .cont1 h2 { margin-bottom: 20px; }
#sub1_5 .r920 iframe { height: 300px; }
#sub1_5 .r920 article { position: static; margin-top: 20px;  }
#sub1_5 .cont3 { margin-top: 200px; }


/* sub2_1 */
#sub2_1 .cont1 img { margin-top: 20px; margin-bottom: 20px; }
#sub2_1 .cont1 ~ div { margin-top: 60px; }
#sub2_1 .cont1 ~ div .right { border-top:none; padding-top: 0px; }
#sub2_1 .cont3 ul { position: static; justify-content: space-between; margin-top: 20px; flex-wrap: wrap;   }
#sub2_1 .cont3 ul li { margin:0; width: 25vw;margin-bottom: 20px;  }
#sub2_1 .cont3 ul li img { width: 25vw; }

#sub2_1 .cont6 ul { flex-wrap:wrap; justify-content: space-between; }
#sub2_1 .cont6 ul li { margin-bottom: 20px; width:45vw; margin-right: 0; }
#sub2_1 .cont6 ul li a { width: 45vw; height:45vw;  }
#sub2_1 .cont6 ul li img { transform: scale(0.8); }

/* sub2_2 */
#sub2_2 .cont1 img { margin-top: 20px; margin-bottom: 20px; }
#sub2_2 .cont1 ~ div { margin-top: 60px; }
#sub2_2 .cont1 ~ div .right { border-top:none; padding-top: 0px; }

#sub2_2 .cont3 ul { flex-wrap:wrap; justify-content: space-between; }
#sub2_2 .cont3 ul li { margin-bottom: 20px; width:45vw; margin-right: 0; }
#sub2_2 .cont3 ul li a { width: 45vw; height:45vw;  }
#sub2_2 .cont3 ul li img { transform: scale(0.8); }
    
#sub2_2 .cont4 ul { position: static; justify-content: space-between; margin-top: 20px; flex-wrap: wrap;   }
#sub2_2 .cont4 ul li { margin:0; width: 25vw;margin-bottom: 20px;  }
#sub2_2 .cont4 ul li img { width: 25vw; }
    

/* sub2_3 */
#sub2_3 .cont1 ul { margin-top: 20px; display: block; margin-bottom: 0; text-align: center; }
#sub2_3 .cont1 ul li { width: auto; margin-bottom: 60px; }
#sub2_3 .cont1 ul li img { width: 100%; }
#sub2_3 .cont1 ul li p { margin-top: 20px; }

#sub2_3 .cont4 ul { flex-wrap:wrap; justify-content: space-between; }
#sub2_3 .cont4 ul li { margin-bottom: 20px; width:45vw; margin-right: 0; }
#sub2_3 .cont4 ul li a { width: 45vw; height:45vw;  }
#sub2_3 .cont4 ul li img { transform: scale(0.8); }

/* sub2_4 */
#sub2_4 .cont1 ul { flex-wrap: wrap; align-items: start; margin-top: 40px; }
#sub2_4 .cont1 ul li { margin-top: 20px; width: 45vw; margin-right: 0; }
#sub2_4 .cont1 ul li figure { width: 45vw; height: 45vw; }
#sub2_4 .cont1 ul li figure img { transform: scale(0.8); }
#sub2_4 .cont1 ul li p { margin-top: 10px; }

#sub2_4 .cont2 { margin-top: 140px; }
#sub2_4 .cont2 ul { margin-top: 40px; }
#sub2_4 .cont2 ul li strong { display: block; padding-top: 10px; padding-left: 20px; }
#sub2_4 .cont2 ul li p { border-top:none; padding-top:0; height: auto; padding-bottom: 40px;  }

/* sub3_1 */
.prd .left h2 { height: auto; }
.prd .left ul { margin-top: 20px; }
.prd .left ul li a { height: 40px; }
.prd .cont1 { height: auto; }
.prd .cont2 { margin-top: 20px; }
.prd .cont2 > img { width: 100%; border-radius: 10px; }
.prd .cont2 > ul > li { padding:20px 0 30px; }
.prd .cont2 > ul > li strong { position: static; display: block; margin-bottom: 10px; }
.prd .cont2 > ul .pic { justify-content: space-between; margin-top: 20px; flex-wrap: wrap; }
.prd .cont2 > ul .pic li { margin-right: 0; margin-bottom: 10px;  }
.prd .cont2 > ul span ~ p { margin-top: 10px; }

.prd .cont3 { display: block; margin-top: 30px; }
.prd .cont3 img { margin-bottom: 20px; width: 100%; }

/* sub4_1 */
#sub4_1 .cont1 { display: block; }
#sub4_1 .cont1 article { width: auto; }
#sub4_1 .cont1 article strong { margin-top: 20px; }
#sub4_1 .cont1 article p { margin-top: 20px; }
#sub4_1 .cont1 figure { width: auto; margin-top: 40px;  }
#sub4_1 .cont1 figure img { border-radius: 10px; }
#sub4_1 .cont1 figure figcaption { margin-top: 10px; }

#sub4_1 .cont2 article p { padding-left: 18px; } 

/* sub4_2 */
#sub4_2 .cont2 { display: block; }
#sub4_2 .cont2 article { width: auto; margin-bottom: 80px; }
#sub4_2 .cont2 article img { border-radius: 10px; }
#sub4_2 .cont2 article h2 { margin-top: 20px; }
#sub4_2 .cont2 article p { height: auto; }
#sub4_2 .cont2 article ul {margin-top: 20px;    display: block; }
#sub4_2 .cont2 article ul li {    display: block;     width: 100%; }
    
    
    

/* sub4_3 */
#sub4_3 .cont2 .left { border-top:none; padding-top: 0; }
#sub4_3 .cont2 .right { justify-content: space-between; }
#sub4_3 .cont2 .right li { margin-bottom: 20px; width: 45vw; margin-right: 0; }

/* sub5_1 */
.sm5 { display: none; }
#sub5_1 .cont2 li { display: block; }
#sub5_1 .cont2 li img { width: 100%; border-radius: 10px; }
#sub5_1 .cont2 dl { width: auto; margin-top: 20px;  }
#sub5_1 .cont2 dl dt { margin-bottom: 12px; }
#sub5_1 .cont2 dl dd { padding-left: 10px; }

/* sub6_1 */
.bbs .right #bo_list tbody td { font-size:15px; }
.w_info, .w_info span { font-size:13px; }
.bbs .right #bo_v_atc { font-size:1.2em; }

/* sub6_2 */
#sub6_2 .faq li strong { left: 10px; }
#sub6_2 .faq li p { padding-left:34px; }
#sub6_2 .faq li div { padding-left:34px; }

/* sub7_1 */
.sm7 { display: none; }
#sub7_1 .right form { width: auto; }
#sub7_1 .right form ul li { float:none; width: auto; margin-right: 0; margin-bottom: 20px; }
#sub7_1 .right form input[type="submit"] { display: block; margin:30px auto 0; }



}