@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
body { font-size:14px; }
.wrap { width: 94%; }

.f32 { font-size:24px; }
.f18 { font-size:15px; }

.mt { font-size:28px; }
.st { font-size:24px; }
    
/* header & footer */
#w_header.down { height: 100vh; }

#w_header h1 { padding-top: 20px; }
#w_header h1:before { left: -400px; height: 60px; }
#w_header h1 img { height: 20px;}

#w_header #w_gnb { display: block; width: 260px; margin:0 auto; padding-top: 90px; text-align: center; }
#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 { margin-left: 0; display: none; position:static; }
#w_header #w_gnb ul li { line-height: 50px; border-top:1px dashed #ddd; }    
    
#w_header .lang { right: 50px; }

#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 30px; height: 2px; background-color: #20b59c; 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:60px 0; }
#w_footer .wrap { padding-left: 0; }
#w_footer .wrap > img { position: static; margin-bottom: 20px; height: 24px; }
#w_footer .fl { display: block; margin-top: 20px; }
#w_footer .fl h3 { font-family: nseb; margin-right: 0; margin-bottom: 10px;  }
#w_footer .fl ul li { font:13px/1.8 nsb; width: 30%; }
#w_footer .fl ul li:nth-child(2n) { width: 70%; }
#w_footer .fl ul li:after { display: none; }
#w_footer .fl ul li:last-child:after { display: none; }
#w_footer p { font-size:13px; }







/* index */
    
.more { width: 200px; }

#main { height: 400px; }
#main .wrap { left:3%; width:94%; height: 400px; text-align: center; align-items: center; padding-top: 30px; box-sizing: border-box;}
#main:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
#main h2 { font:30px/1.2 ntbl; }
#main p { margin-top: 10px; }
#main .more { margin-top: 20px; }   

#pvc .wrap { height: auto; display: block; width:auto;}
#pvc .wrap > figure { width: auto; }
#pvc .wrap > figure img { width: 90%; }
#pvc article { border-left:none; border-top:1px solid #ddd; width:auto; padding:40px 20px 0; margin-top: 20px; text-align: center; }
#pvc article p { margin-top: 20px; }
#pvc article .more { margin: 40px auto 0; }
#pvc .icon { margin-top: 40px; }
#pvc ul { height: auto; display: block; }
#pvc ul li { width:auto; border-left:none; border-bottom:1px solid #ddd; margin-top: 40px; padding-bottom: 40px; }
#pvc ul li:last-child { border-right:none; }
#pvc ul li figure { width: 140px; height: 140px; }
#pvc ul li figure img { height: 50px; }
#pvc ul li h3 { margin-top: 20px; }
#pvc ul li p { margin-top: 10px; }

#oem { background: #262626; color:#fff;}
#oem .wrap { width: 100%; }
#oem .part1 article { height: 400px; align-items: center; width: auto; position: absolute; width: 100%; background:rgba(0,0,0,0.6); text-align: center; }
#oem .part1 article p { margin-top: 20px; padding:0 20px; color:#ccc; line-height:1.6; }
#oem .part1 article .more { margin-top: 40px; }
#oem .part1 figure { width: auto; height: 400px; position: static; }
#oem .part1 figure img { width: 100%; height: 100%; }

#oem .part2 figure { height: 300px; width: auto; float:none; }
#oem .part2 figure img { height: 100%; width: 100%; position: static; }
#oem .part2 article { width: 100%; padding: 0; float:none; height: 300px; position: absolute; left: 0; top: 0; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center; flex-direction: column; text-align: center; }
#oem .part2 article img { position: static; height: 50px; margin-bottom: 20px; }
#oem .part2 article p { margin-top: 20px; padding:0 20px; color:#ccc; line-height:1.6; }

#hand { padding:60px 0; }
#hand img { margin-top: 30px; }
#hand .more { margin:40px auto 0; }

#latest { padding:60px 0 0; }
#latest .wrap { display: block; }
#latest article { width: auto; height: auto; margin-bottom: 60px; }
#latest article h3 { margin-top: 10px; font-size:18px; }
#latest article ul { margin-top: 20px; }
#latest article .plus { top:4px; left:auto !important; right:0; }
#latest article:nth-child(3) ul { position: static; }


/* sub lauout */
.sv { height: 240px; }
.sv h2 { font-size:32px; }

.sm { border-bottom:1px solid #ddd; }
.sm ul { display: none; }
.sm select { width: 100%; border:none; height: 50px; font:18px stb; text-transform: uppercase; outline:none; background: #f6f6f6; padding-left: 3%; }

.pad { padding:60px 0 120px; font-size:14px; }

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

/* sub1_1 */
#sub1_1 h2 { font-size:24px; margin-bottom: 40px; }
#sub1_1 img { width: 100%; }
#sub1_1 p { line-height:1.6; }


/* sub1_2 */
#sub1_2 > div { padding:60px 0; }
#sub1_2 .left h2 { display: inline-block; }
#sub1_2 .left p { display: inline-block; margin-top: 0; margin-left: 10px; font-size:14px; }
#sub1_2 .cont1 { padding-bottom: 100px; }
#sub1_2 .cont1 .right p { margin-top: 10px; }

#sub1_2 .cont2 .right ul li { margin-bottom: 40px; }
#sub1_2 .cont2 .right ul li h3 { font-size:20px; }
#sub1_2 .cont2 .right ul li p { line-height:1.6; margin-top: 10px; }

#sub1_2 .cont3 { height: auto; padding-bottom: 100px; }
#sub1_2 .cont3 .right p { margin-top: 10px; }


/* sub1_3 */
#sub1_3 > div { padding:60px 0; }
#sub1_3 .cont1 .left { width: auto; }
#sub1_3 .cont1 .right { width: auto; display: block; }
#sub1_3 .cont1 figure { width: auto; height: 200px; }
#sub1_3 .cont1 article { width: auto; margin-top: 40px; }
#sub1_3 .cont1 article h3 { font-size:20px; }
#sub1_3 .cont1 article p { margin-top: 20px; }
#sub1_3 .cont1 article ul { margin-top: 20px; }
#sub1_3 .cont1 article ul li { width: 32%; }
#sub1_3 .cont1 article ul li a { width: 100%; line-height:1.2; font-size:14px; display:flex; align-items:center; justify-content:center; height: 50px; }

#sub1_3 .cont2 .right ul.fl { display: block; }
#sub1_3 .cont2 .right figure { width: auto; height: 200px; }
#sub1_3 .cont2 .right p { margin-top: 10px; margin-bottom: 40px; }

#sub1_3 .cont3 { padding-bottom: 100px; }
#sub1_3 .cont3 .right > ul > li { width: 15%; height: 180px; }
#sub1_3 .cont3 .right > ul > li:first-child { width: 40%; padding:20px 10px; }
#sub1_3 .cont3 .right .one { margin-top: 40px; }
#sub1_3 .cont3 .right > ul ul { font-size:13px; left: 10px; }

#sub1_3 .cont4 img { height: 240px; }

/* sub1_4 */
#sub1_4 .year > li { padding:14px 0; padding-left: 80px; }
#sub1_4 .year > li strong { font-size:20px; margin-top: -2px; }
#sub1_4 .year ul li { padding-left: 30px; }
#sub1_4 img { margin-top: 40px; }

/* sub2_1_1 */
.sv_prd { padding:110px 0 50px; }
.sv_prd h2 { font:50px/1.4 steb; color:#333;  }



/* sub2_1_1 */
.sv_prd { padding:100px 0 40px; }
.sv_prd h2 { font-size:30px; }

.prd { padding-top: 40px; padding-bottom: 120px; }
.prd .left { width: auto; }
.prd .left ul.cate { font:18px sth; height: auto; display:flex; align-items:center; justify-content:center; height: 50px; }
.prd .left ul.cate li { float:none; }
.prd .left ul.cate li:last-child { margin-right: 0; }
.prd .left ul.menu { display:none !important; }
.prd .left select { width: 100%; border:none; height: 50px; font:18px stb; border-top:1px solid #ddd; border-bottom:1px solid #ddd; outline:none; display: none; background: #f6f6f6; }
.prd .left select.on { display: block; }

.prd .right { padding-top: 36px; width: auto; }
.prd .right .title { border-top:none; }
.prd .right .title h2 { padding-top: 0;  }
.prd .right .both { margin-bottom: 60px; padding-left: 0; }
.prd .right .both h3 { position: static; margin-bottom: 10px; }
.prd .right .both p { font-size:14px; }

.prd .right .spec .drag { position: relative; overflow-x:auto; }
.prd .right .spec .drag:after { content:"* 표를 옆으로 드래그하여 확인하세요."; display: block; margin-top: 10px; font-size:12px; color:#20b59c; }
.prd .right .spec table { width: 600px; }

.prd .right .photo img { margin-bottom:20px; }


/* sub3_1 */
#sub3_1 .right img { margin-top: 40px; width: 100%; }
#sub3_1 .right .f32 { font-size:18px; line-height:1.6; }
#sub3_1 .right dl { margin-top: 60px; }

/* sub3_2 */
#sub3_2 .right .f32 { font-size:18px; line-height:1.6; }
#sub3_2 .right ul { margin-top:40px; }
#sub3_2 .right ul li { width: 48.5%; }
#sub3_2 .right ul li img { width: 100%; height: auto; aspect-ratio: 1 / 1.3; }
#sub3_2 .right ul li p { margin-top: 10px; }


/* sub4_1 */
#sub4_1 .left { width: auto; }
#sub4_1 .right { width: auto; }
#sub4_1 .right #bo_btn_top { font-size:13px; }
#sub4_1 .right #bo_v_title .bo_v_tit { font-size:18px; }


/* sub4_2 */
#sub4_2 .left { width: auto; }
#sub4_2 .right { width: auto; }
#sub4_2 .right ul li { padding:14px 0;}
#sub4_2 .right ul li h3 { padding-left: 30px; }
#sub4_2 .right ul li p { padding-left: 30px; }

/* sub5_1 */
#sub5_1 .left h2 { height: auto; }
#sub5_1 .left p { margin-top: 20px; font-size:16px; }
#sub5_1 .left ul { margin-top: 20px; font-size:16px; }
#sub5_1 form { padding-top: 0; }
#sub5_1 form ul li { width:auto; margin-right: 0; margin-bottom: 20px; float:none; }
#sub5_1 form ul li input,
#sub5_1 form ul li textarea { padding:0 10px; font-size:14px; }
#sub5_1 form ul li textarea { padding:10px; height: 240px; }
#sub5_1 form > input { border:none; display: block; margin-left:auto; margin-right: auto; }




























































    
}

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