@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
.wrap { width: 94%; font-size:13px; }
    
/* header & footer */
#w_header { left: 0; top:0; height: 60px; width: 100%; box-sizing: border-box; transition:0.3s; overflow: hidden; }
#w_header.fix { background: rgba(255,255,255,0.95); border-bottom:1px solid #ddd; }
#w_header.down { height: 100vh; background: rgba(255,255,255,0.95);}
#w_header h1 { padding-top: 15px; }
#w_header h1 img { height: 30px; }
#w_header #w_gnb { width: 260px; margin:80px auto 0; position:static; }
#w_header #w_gnb li { line-height:70px; text-align: center; border-bottom:1px solid #ddd; margin-left: 0; float:none; }
#w_header #w_gnb li:last-child { border:none;  }
#w_header #w_gnb li a { display: block; font-size:24px; }
#w_header #w_gnb li i { display: none !important;}
#w_header .lang { right:60px; top:18px; }
    
#nav_btn { position:absolute; right:3%; top:12px; }
#nav_btn .line{  width: 30px; height: 2px; background-color: #000; 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 { height: 20px; }
#w_footer p { margin-top: 10px; font:12px stm; }

/* index */
#main { height: 300px; }
#main .swiper-horizontal>.swiper-pagination-bullets { bottom:20px; }
#prd { padding:60px 0 100px; }
#prd ul li { width:48.5%; margin-bottom: 60px; }
#prd ul li dl dt { font-size:18px; }
#prd ul li dl dd { font-size:13px; }

    
/* sub layout */
.cont { padding:100px 0 200px; }
.cont .left { width: auto; float:none; } 
.cont .right { width: auto; float:none; margin-top: 40px;  } 

/* brand */
#brand .left { text-align: center; position:static; text-align: left;}
#brand .left img { height: 30px; }
#brand h2 { font-size:16px; }

#brand .cont1 p { font-size:14px; }

#brand .cont2 ul { font-family: stsb; }
#brand .cont2 ul li { padding-left: 80px; }
#brand .cont2 ul li strong { position: absolute; left: 0; }
#brand .cont2 p { color:#999; margin-top: 30px; }

#brand .cont2 ~ div { margin-top: 80px; }
#brand .cont3 p { font-size:14px; }
#brand .cont3 ul { margin-top: 30px; }
#brand .cont3 ul li { padding-left: 140px; }

#brand .cont4 strong { font-size:20px; }
#brand .cont4 p { font-size:14px; }

#brand .cont5 p { font-size:14px; }  

#brand .cont6 h2 { font-size:14px; }
#brand .cont6 p { font-size:14px; }
#brand .cont6 figure img { width: 48%; }
    
/* product */
#product ul { display: block; }
#product ul li { width: auto; margin-bottom: 80px; }
#product ul li dl dt { font-size:16px; margin:10px 0; }    
    
/* prd 상세 */
/* 스타일을 넣을때 공통적인 부분은 .prd로 하고 상세페이지 마다 다르면 #prd1 로 바꿔서 처리 */
.prd .left { position:static; }    
.prd .left h2 { font-size:24px; }
.prd .left ul li { font-size:14px; margin-top: 20px; }
.prd .left ul li i { right:0; }

.prd .cont1 h3 { font:18px steb; }
.prd .cont1 p { font-size:14px; }

.prd h4 { font-size:16px; }
.prd .cont2 figure img { width: 48%; }
.prd .cont2 ul li { padding-left: 80px; font-size:14px; }

.prd .cont3 p { font-size:14px; }
.prd .cont3 figure img { width: 48%; }

.prd .cont4 ul li { padding-left: 16px; font-size:14px; }
.prd .cont4 ul li span { position: absolute; left: 0;  }

.prd .cont5 { margin-top: 120px; }
.prd .cont5 p { font-size:14px; }
.prd .cont5 span { font-size:13px; }
.prd .cont5 ul { margin-top: 10px; border-top:1px solid #358055; }
.prd .cont5 ul li { padding-left:0px; }
.prd .cont5 ul li strong { position:static; display: block; margin-bottom: 4px; }

.prd .cont6 { margin-top: 100px; }
.prd .cont6 h4 img { height: 20px; }
.prd .cont6 ul li { padding-left: 14px; font-size:14px; margin-bottom: 10px; }
    
    
/* contact */
#contact .left h3 { height: auto; font-size:24px; border-bottom:none; }
#contact .left li { font-size:16px;   }
#contact .right p { height: auto; font-size:16px; padding-bottom: 20px;  }
#contact .right ul li { width: auto; margin:0 0 20px 0; float:none; }
#contact .right ul li:last-child { width: 100%; margin-right: 0; }
#contact .right ul li input { font-size:14px; }
#contact .right ul li textarea { font-size:14px; } 
#contact .right .more { width: 100%; font-size:14px; }    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

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