@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
    
.wrap { width:94%; min-width:auto; }    
    
/* header & footer */
#w_header { padding:0; height:60px;   }
#w_header h1 { padding-top: 15px; }
#w_header h1 a { height: 30px; width:auto; }
#w_header h1 img { width: auto; height:30px; }
#w_header.on h1 a { background-size:cover; }
    
.lang { right:calc(3% + 50px);  top:12px; }
    
#nav_btn { position:absolute; top:12px; }    
    
#w_gnb { font-size:28px; }
#w_gnb ul { display:block; }
#w_gnb ul li { margin-right: 0; display:block; }
#w_gnb.fix ul li:nth-child(1) { top:-100px; }
#w_gnb.fix ul li:nth-child(2) { top:-50px; }
#w_gnb.fix ul li:nth-child(4) { top:50px; }
#w_gnb.fix ul li:nth-child(5) { top:100px; }

#w_footer ul { display:flex; align-items: center; justify-content: center; flex-wrap:wrap; }
#w_footer ul:after { display: none; }
#w_footer ul li { float:none; margin:6px 10px; text-align: center; }
#w_footer p { text-align: center;} 
    
    
/* index */
.main #section0 iframe { width: 600px; height:140vh; margin-top:-20vh; margin-bottom:-20vh;}
.main #section0 article { display:none; }
    
.main #section1 { background:none; }
.main #section1 p { font:28px/1.6 nsr; }
.main #section1 ul { width: auto; font-size:16px;  margin-top: 10px; display: block; }
.main #section1 ul li { margin:15px 0; }
    
.main #section2:before { background-size: 120%; height:50vh; top:50%; }
.main #section2 article h2 { font:28px nsr; }
.main #section2 article p { font:24px/1.4 nsl; }
    
.main #section3 article p { font:28px/1.4 nsr; }
.main #section3 .snb { left: 3%; bottom:60px; font-size:16px; }
.main #section3 .snb.fix.hidden { left:-50%; }
.main #section3 .snb li:before { font-size:16px; top:0px; }

.main #section4 .frame,
.main #section5 .frame,
.main #section6 .frame, 
.main #section7 .frame { width:auto; }
.main #section4 .frame .w_slide,
.main #section5 .frame .w_slide,
.main #section6 .frame .w_slide,
.main #section7 .frame .w_slide { width:94%; margin:0 auto; padding:80px 0; }
.main #section4 .frame .w_slide li,
.main #section5 .frame .w_slide li,
.main #section6 .frame .w_slide li,
.main #section7 .frame .w_slide li { float:none; margin-right: 0; width:60%; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); border-radius: 10px; overflow: hidden; }
.main #section4 .frame .w_slide li:nth-child(1),
.main #section5 .frame .w_slide li:nth-child(1),
.main #section6 .frame .w_slide li:nth-child(1),
.main #section7 .frame .w_slide li:nth-child(1) { top:0; left:20%; }
.main #section4 .frame .w_slide li:nth-child(2),
.main #section5 .frame .w_slide li:nth-child(2),
.main #section6 .frame .w_slide li:nth-child(2),
.main #section7 .frame .w_slide li:nth-child(2) { top:0; left:40%; margin-top: -200px;}
.main #section4 .frame .w_slide li:nth-child(3),
.main #section5 .frame .w_slide li:nth-child(3),
.main #section6 .frame .w_slide li:nth-child(3),
.main #section7 .frame .w_slide li:nth-child(3) { top:0; left:60%; height:auto; margin-top: -200px;}
.main #section4 .frame .w_slide.on li:nth-child(1),
.main #section5 .frame .w_slide.on li:nth-child(1),
.main #section6 .frame .w_slide.on li:nth-child(1),
.main #section7 .frame .w_slide.on li:nth-child(1) { top:0; left:0; }
.main #section4 .frame .w_slide.on li:nth-child(2),
.main #section5 .frame .w_slide.on li:nth-child(2),
.main #section6 .frame .w_slide.on li:nth-child(2),
.main #section7 .frame .w_slide.on li:nth-child(2) { top:0; left:20%; }
.main #section4 .frame .w_slide.on li:nth-child(3),
.main #section5 .frame .w_slide.on li:nth-child(3),
.main #section6 .frame .w_slide.on li:nth-child(3),
.main #section7 .frame .w_slide.on li:nth-child(3) { top:0; left:40%;}
    
.main #section4 .frame .w_slide li.select,
.main #section5 .frame .w_slide li.select,
.main #section6 .frame .w_slide li.select,
.main #section7 .frame .w_slide li.select { z-index:1; }    
    
.main #section8:before { background-size:84%; }
.main #section8 p { font-size:50px; padding-bottom: 0; text-align: center; }
.main #section8 p span { margin-left: 0; }    
    
    
/* about */
.about article { display: block; padding-top: 0; text-align: center; }
.about p { font-size:36px; }
.about span { font-size:22px; margin:30px 0px; }
.about strong { margin-top: 60px; font:14px/1.6 nsr; word-break: keep-all; text-align: center; padding:0 40px; }    
    
.about #section0:before, .about #section1:before { content:""; position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }    
.about #section2:before { display: none; }
    
    
/* sub layout */
.sv { height: 400px; }
.sv p { font-size:36px; }
.pad { padding:80px 0 120px; }

    
/* history */
#history.pad { padding-top: 40px; }
#history .lnb { font-size:18px; float:none;  }
#history .lnb li:before { font-size:16px; }

#history article { float:none; width:auto; margin-top: 20px;  }
#history article h2 { font-size:28px; }
#history article > ul { margin-top: 30px; }
#history article > ul > li { padding-left: 60px; }
#history article > ul > li:last-child { border-bottom:none;  }
#history article > ul > li h3 { font-size:18px; margin-top:-2px;  }
#history article > ul ul li { font:14px/1.4 nsr; margin-bottom: 12px; }    
    
    
/* process */
.process #section0 p { font-size:36px; }

.process #section1 ul { display: block; }
.process #section1 ul li { width:auto; }
.process #section1 ul li div { height:100px; display:flex; align-items: center; justify-content: center; margin:20px 0; position: relative; }
.process #section1 ul li:nth-child(2) { position: static; width:auto; height: auto; }
.process #section1 ul li:nth-child(2) div:last-child { position: relative; }
.process #section1 ul li img { width: 100%; opacity: 0.4; mix-blend-mode:screen; }
.process #section1 ul li a span { font-size:18px; }
.process #section1 ul li a strong { font-size:22px; margin-top: 10px;}

.process .fix { position: absolute; left:0; top:0; width: 100%; height:100%; }
.process .fix.on { position: fixed;}
.process .fix.on.t300 { top:300%; position: absolute; }
.process .fix.on.t400 { top:400%; position: absolute; }

.process article { position: absolute; left:0; bottom:-40px; color:#333;  }
.process article strong { font-size:16px; }
.process article h2 { font-size:24px; margin:10px 0;  }
.process article p { font-size:14px; word-break: keep-all; }
    
.process figure { width: auto; margin-left: auto; overflow: hidden; }
.process figure ul { width: 500%; }
.process figure ul li { width:20%; }
.process figure img { width: 100%; }
.process figure + ul { float:right; position: static; font-size:16px; line-height:1.6; margin-top: 20px; }
.process figure + ul li:before { font-size:16px; top:0; }
    
.process #section2 .wrap, .process #section3 .wrap, .process #section8 .wrap, .process #section12 .wrap  { height:calc(100% - 120px); }    
    
    
/* product */
#product .cont1 { padding-bottom: 100px; }
#product .cont1 p { font:16px/1.6 nsr; word-break: keep-all; }
#product .cont1 ul li { width:48.5%; margin-right: 3%; margin-bottom: 3vw; }
#product .cont1 ul li:nth-child(2n) { margin-right: 0; }
#product .cont1 ul li img { width: 100%; }
#product .cont1 ul li span { font-size:18px; }
#product .prd { display: block; padding:80px 0; height:auto; }
#product .prd article { position: static; margin-top: 40px;  }
#product .prd article h2 { font:800 24px Montserrat; margin:20px 0; position: static; }
#product .prd article p { font:14px/1.6 nsr; word-break: keep-all; }
#product .prd figure { width: auto; margin-left: auto; }
#product .prd figure img { width: 100%; }

/* contact */
#contact article { float:none; width:auto; margin-right: 0; margin-bottom: 80px; }
#contact article h2 { font-size:24px; height: auto; margin-bottom: 30px;  }
#contact article div h3 { font-size:18px; }
#contact article div ul li input, #contact article textarea { font-size:14px; }
#contact .btn { font-size:16px; }
#contact article div ul li p { font:14px nsr; }
#contact article div ul li.tel { padding-bottom: 20px; }
#contact article div ul li.tel p { font:20px nseb; }
#contact article:last-child div ul li { padding-left:100px; }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

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