@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
.wrap { width: 92%; font-size:13px;  }
.mtitle { font-size:28px; }
.stitle { font-size:18px; }
    
/* header & footer */
#w_header { height: 60px; }
#w_header.down { height: 100vh; }

#w_header h1 { position: static; padding-top: 10px; }
#w_header h1 img { height: 40px;}

#w_header #w_gnb { display: block; width: 260px; margin:40px auto 0; padding-top: 0;  }
#w_header #w_gnb > li { border-top:1px solid #ddd; }
#w_header #w_gnb > li:first-child { margin-left: 0; border-top:0;  }
#w_header #w_gnb > li > a { padding:0; font-size:20px; line-height:50px; }
#w_header #w_gnb ul { padding-top: 0; display: none; font-size:18px; }
#w_header #w_gnb ul li { line-height: 50px; border-top:1px dashed #ddd; }    
    
#w_header .lang { position: static; width:260px; margin:0 auto; border-top:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-size:20px; padding-top: 10px;  }
#w_header .lang li:after { font-size:18px; margin:0 20px; }

#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 img { position: absolute; left:auto; top:auto; right: 0; bottom:0; height: 40px; }
#w_footer address { padding-left: 0; font-size:12px; line-height:2; }    
#w_footer address a:nth-last-child(1), 
#w_footer address a:nth-last-child(2) { margin-left: 0; }

.pdf { right:10px; top:auto; bottom:10px; }
.pdf img { width: 50px; }


/* index */
#w_main .wrap { height: 300px; }
#w_main .yt { width:180%; height:140%; position: absolute; left:-40%; top:-20%; }
#w_main .ment { top:0; left:0; display: none; align-items:center; justify-content:center; flex-direction: column; height: 300px; text-align: center; width: 100%; background:rgba(0,0,0,0.2); }
#w_main .ment h2 { font:30px/1.2 stb; color:#fff; }
#w_main .ment p { font:16px stsb; margin-top: 30px; }

/* 스와이퍼
#w_main .swiper-slide img { height: 300px; }
#w_main .ment { top:0; left:0; display:flex; align-items:center; justify-content:center; flex-direction: column; height: 300px; text-align: center; width: 100%; background:rgba(0,0,0,0.2); }
#w_main .ment h2 { font:30px/1.2 stb; color:#fff; }
#w_main .ment p { font:16px stsb; margin-top: 30px; }
#w_main .page { top:250px; left:25%; width: 50%; }
#w_main .page .swiper-pagination { width: 100%; }
#w_main .page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #fff; }
#w_main .page .swiper-button-next, 
#w_main .page .swiper-button-prev { display: none; }
*/

#w_brand { padding:60px 0; }
#w_brand .fl { flex-direction:column-reverse; }
#w_brand article h2 { font-size:24px; margin-bottom: 40px; margin-top: 40px; margin-bottom: 10px; }
#w_brand img { width: 100%; }

#w_fresh { padding-bottom: 60px; }
#w_fresh .top { height: 240px; }
#w_fresh .top h2 { font-size:30px; padding-top: 60px; }
#w_fresh ul.fl { display: block; margin-top:-80px;  }
#w_fresh ul.fl li { width:auto; margin-bottom: 40px; }
#w_fresh ul.fl li:last-child { margin-bottom: 0; }
#w_fresh ul.fl li figure { width: 160px; height: 160px; }
#w_fresh ul.fl li figure img { height: 40px; }
#w_fresh ul.fl li dl { margin-top: 20px; }
#w_fresh ul.fl li dl dt { font-size:24px; }
#w_fresh ul.fl li dl dd { font-size:13px; margin-top: 10px; }

#w_prd { padding:60px 0; }
#w_prd .wrap { display: block; }
#w_prd article { align-items: center; text-align: center; }
#w_prd article h2 { font-size:24px; margin-bottom: 20px; }
#w_prd article p { font-size:13px; line-height:1.6; margin-bottom: 40px; }
#w_prd article a { width: 200px; font-size:14px; }
#w_prd .prdSlide { width: auto; padding-bottom: 0; margin:40px auto 0; }

#w_food { padding:60px 0; }
#w_food h2 { margin-bottom: 40px; font-size:24px; line-height:1.4; }
#w_food img { height: 200px; }

#w_contact { padding:60px 0; }
#w_contact .wrap { flex-direction: column; }
#w_contact dl { margin-right: 0px; margin-bottom: 30px;  }
#w_contact dl dt { font-size:24px; margin-bottom: 20px; text-align: center; }
#w_contact dl dd { font-size:16px; text-align: center; }
#w_contact ul li { margin-bottom: 10px; }
#w_contact ul li img { margin-right:10px; height: 24px; }


/* sublayout */
.sv { height: 200px; }
.sv h2 { font-size:28px; padding-top: 20px; }

.sm { height: auto; border-bottom:1px solid #ddd; padding:0 4%; }
.sm select { width: 100%; height:50px; border:none; outline:none; background: #f4f4f4; font:16px stm; }

.left { width: auto; float:none; margin-bottom: 16px; }
.right { width: auto; float:none; } 


/* 회사소개 sub1_1 */
#sub1_1 .cont1 .fld { height: auto; padding:60px 0; }
#sub1_1 .cont1 .fld img { height: 50px; }
#sub1_1 .cont1 h2 { font-size:24px; margin-top: 40px; }
#sub1_1 .cont1 p { margin-top: 40px; }
#sub1_1 .cont1 p b { font-size:18px; }

#sub1_1 .cont2, #sub1_1 .cont3, #sub1_1 .cont4, #sub1_1 .cont5 { padding:100px 0; }
#sub1_1 .cont2 .left h2 { line-height:normal; }
#sub1_1 .cont2 ul { display: block; }
#sub1_1 .cont2 ul li { margin-top: 40px; }
#sub1_1 .cont2 ul li strong { width: 200px; height: 200px; }
#sub1_1 .cont2 ul li strong:after { display: none; }
#sub1_1 .cont2 ul li p { margin-top: 20px; }

#sub1_1 .cont3 .history > li { margin-bottom: 30px; padding-left: 44px; }
#sub1_1 .cont3 .history ul li { padding-left: 30px; }
#sub1_1 .cont3 .history ul li span { position: absolute; left: 0; font-family: steb; }

#sub1_1 .cont4 ul li { height: auto; padding-left: 100px; margin-bottom: 30px; }
#sub1_1 .cont4 ul li strong { font-size:14px; }
#sub1_1 .cont4 .right > div { font-size:18px; margin-top: 0; text-align: center; }

#sub1_1 .cont5 .right .circle { width: 280px; height: 280px; margin:0 auto;  }

#sub1_1 .cont5 .right ul { display: block; }
#sub1_1 .cont5 .right ul:before { z-index:1; opacity: 0.8; }
#sub1_1 .cont5 .right ul:after { top:80%; z-index:-1;  }
#sub1_1 .cont5 .right ul li.circle { margin-bottom: 100px; background: #fff; }
#sub1_1 .cont5 .right ul li.circle:last-child { margin-bottom: 40px; }
#sub1_1 .cont5 .right .circle span { margin-bottom: 10px; font-size:14px;}
#sub1_1 .cont5 .right .circle h3 { height: 50px; font-size:15px;}
#sub1_1 .cont5 .right .circle p { font-size:12px; }

#sub1_1 .cont5 .right div.circle { margin:0 auto 0; }
#sub1_1 .cont5 .right div.circle img { height: 40px; margin-bottom: 30px; margin-top: 30px;  }



/* b2b */
#sub2_1 { padding:60px 0; }
#sub2_1 .cont1 h2 { font-size:24px; position: static; margin-bottom: 40px;  }
#sub2_1 .cont1 figure { width: auto; margin-bottom: 60px; } 
#sub2_1 .cont1 figure img { width: 100%; } 
#sub2_1 .cont1 figure:nth-child(2n) { margin-left: 0; }
#sub2_1 .cont1 figure figcaption { font-size:13px; margin-top: 10px; }

#sub2_1 .cont2 ul.ch > li { float:none; width: auto; margin-right: 0; margin-top: 40px; }     
#sub2_1 .cont2 ul.ch > li strong { font:normal 16px stb; }
#sub2_1 .cont2 ul.ch ul { display:flex; align-items:center; justify-content:space-between; flex-wrap: wrap; }
#sub2_1 .cont2 ul.ch ul li { width: 48%; }


/* b2c sub2_2 */ 
#sub2_1 .cont3 { overflow: hidden; }
#sub2_1 .cont3 ul { width: 540px; margin-left:calc((540px - 100%) / -2); } 
#sub2_1 .cont3 ul li { width: 120px; height: 120px; margin-right: 20px; margin-bottom: 20px;  }


/* sub2_3 */
#sub2_3 { padding:60px 0; }
#sub2_3 .cont1 h2 { font-size:24px; }
#sub2_3 .cont1 strong { font-size:16px; margin-bottom: 30px; } 
#sub2_3 .cont1 .right > img:nth-of-type(1) { margin:30px 0 60px; }
#sub2_3 .cont1 .right > img:nth-of-type(2) { width: 100%; margin-bottom: 80px; }
#sub2_3 .cont1 .right > p { letter-spacing: 0; }
#sub2_3 .cont1 .right ul:nth-of-type(1) { margin-top: 20px; margin-bottom: 80px; line-height:1.6;  }
#sub2_3 .cont1 .right ul:nth-of-type(1) li { margin-bottom: 6px; position: relative; padding-left: 14px; }
#sub2_3 .cont1 .right ul:nth-of-type(1) li:before { position: absolute; left: 0;  }
#sub2_3 .cont1 .right ul.fl li { width: 48%; margin-top: 4vw; }
#sub2_3 .cont1 .right ul.fl li img { width: 100%; }


/* sub3_1 */
#sub3_1 > div { padding:60px 0; }
#sub3_1 h2 { font-size:24px; }
#sub3_1 article { padding-left:0px; }
#sub3_1 article h3 { position: static; font-size:16px; margin-bottom: 10px; }
#sub3_1 img { margin-top: 30px; margin-bottom: 30px; }



/* sub4_1 */
#sub4_1 { padding:60px 0; }
#sub4_1 .left h2 { font-size:24px; }
#sub4_1 .left p { margin-top: 20px; }
#sub4_1 .left ul { margin-top: 20px; font-size:14px; }
#sub4_1 .right { margin-top: 40px; }
#sub4_1 form ul li { width:auto; float:none; margin:0 0 20px 0; }
#sub4_1 form ul li input { font-size:14px; }
#sub4_1 form ul li textarea { font-size:14px; }
#sub4_1 form > input { width: 100%; font-size:14px; }


/* sub4_2 */
#sub4_2 { padding:60px 0; }
#sub4_2 .left h2 { font-size:24px; }
#sub4_2 .left p { margin-top: 20px; }

/* sub4_3 */
#sub4_3 { padding:60px 0; }
#sub4_3 .left h2 { font-size:24px; }
#sub4_3 article { margin-bottom: 60px; }
#sub4_3 article iframe { height: 240px; }
#sub4_3 article strong { font-size:18px; }
#sub4_3 article p { margin-top: 6px; margin-bottom: 10px; }
#sub4_3 article a { font-size:18px; }








        
}

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