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

.f42 { font-size:30px; }
.f36 { font-size:24px; }
.f30 { font-size:20px; }
.f24 { font-size:18px; }
.f20 { font-size:16px; }
.f16 { font-size:13px; }

/* header & footer */
#w_header { top: 0; box-shadow: 0 2px 4px rgba(0,0,0,0.2); background: #fff; }
#w_header.down .wrap { height: 100vh; }

#w_header .wrap { width: 94%; border-radius: 0; box-shadow:none; height: 60px; }
#w_header h1 { position: static; padding-top: 15px; }
#w_header h1 img { height: 30px;}

#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; margin:0; text-align: center; }
#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 > li > a:after { display: none;}
#w_header #w_gnb ul { padding-top: 0; display: none; }
#w_header #w_gnb ul li { line-height: 50px; border-top:1px dashed #ddd; }    
#w_header #w_gnb ul li a:after { display: none; }    
    
#w_header .lang { position: static; width:260px; margin:0 auto; border-top:1px solid #ddd; line-height:50px; display:flex; align-items:center; justify-content:center;  }
#w_header .lang li { float:none; font-size:16px;  }
#w_header .lang li:after { content:"|"; margin:0 14px; }

#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 30px; height: 2px; background-color: #171c61; 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 .wrap > img { position: static; }
#w_footer address { margin-top: 20px; font-size:13px; padding-left: 0; }
#w_footer address span { margin:0 10px; }
#w_footer ul { position: absolute; right: 0; top: 0; }
#w_footer ul li { float:left; margin-left: 10px; }
#w_footer ul li a { white-space: nowrap;}
#w_footer p { position: static; font-size:13px; margin-top: 10px; }
    
    
/* index */
.blank { height: 80px; }
#main .wrap { height: auto; }
#main .wrap div,
#main .wrap a { position: static; display: block; padding:20px; margin-bottom: 10px; position: relative; background-size:1120px 630px;}
#main .wrap a i { right: 14px; top: 14px; font-size:18px; }
#main .wrap .m1 { left:0; top:0; right:auto; bottom:auto; width: auto; height: 200px; background-position:center top; }
#main .wrap .m2 { left:0; top:0; right:auto; bottom:auto; width: auto; height: 200px; background-position:center -210px; }
#main .wrap .m3 { left:0; top:0; right:auto; bottom:auto; width: calc(50% - 5px); height: 200px; float:left; background: #e95513; }
#main .wrap .m4 { left:0; top:0; right:auto; bottom:auto; width: calc(50% - 5px); height: 200px; float:right; background-position:-565px  -420px; }
#main .wrap .m2 h2 { line-height:1.2; }
#main .wrap .m3 h2,
#main .wrap .m4 h2 { left: 20px; bottom: 20px; }

#truth { margin-top: 100px; }
#truth .wrap { display: block; }
#truth article p { position: static; padding-top: 20px; }
#truth article img { margin-left: 50%; width: 50%; margin-top: -30px; }
#truth ul { width: auto; border-left:none; padding-left: 0; margin-top:30px;}
#truth ul li { margin-bottom: 40px; }
#truth ul li img { margin-right: 10px; width: 60px; }
#truth ul li dd { margin-top: 4px; }

#business { margin-top: 100px; } 
#business .wrap { height: auto; display: block; } 
#business .wrap figure { width: auto; height: 240px; } 
#business .wrap figure img { width: 100%; height: 100%;  } 
#business a { background-size:auto 40px; background-position:20px 20px; padding:80px 20px 20px 20px; width: auto; } 
#business a strong { position: static; margin-bottom: 10px; } 
#business a i { right: 20px; top: 20px; font-size:18px; }


#prd { margin-top: 100px; }
#prd ul li { width: 48.5%; height: 30vw; margin:0 3% 3vw 0; }
#prd ul li:nth-child(2n) { margin-right: 0; }
#prd ul li a { font-size:16px; padding:10px; }
#prd .more { width: 48.5%; height: 30vw; top: auto; bottom:3vw; font-size:16px; }
#prd .more i { font-size:24px; margin-bottom: 4px; }

#contact { margin-top: 100px; margin-bottom: 40px;  }
#contact .wrap { display: block; }
#contact article { display: block; height: auto; width: auto; }
#contact article ul { height: auto; margin-top: 20px;  }
#contact article ul li { padding-top: 10px; padding-left: 100px; }
#contact .send { width: auto; height: 200px; margin-top: 40px; }


/* sub layout */
.sv .fl { height: 240px; padding-top: 60px; }

.sm ul li a { padding:0 20px; font:14px/50px stb;}

.inner .wrap { width: 94%; }
.left { float:none; width: auto; margin-bottom: 20px; }
.right { float:none; width: auto; }

/* sub1_1 */
#sub1_1 .cont1 { padding-top: 100px; display: block; }
#sub1_1 .cont1 img { height: 300px; width: 100%; }
#sub1_1 .cont1 article { width: auto; margin-top: 40px;  }
#sub1_1 .cont1 article h3 { margin-top: 20px; }
#sub1_1 .cont1 article p { margin-top: 20px; }

#sub1_1 .cont2 { padding-top: 100px; }
#sub1_1 .cont2 > div { display: block; }
#sub1_1 .cont2 div > ul { width: auto; display: block; }
#sub1_1 .cont2 div > ul li { width: 240px; height: 240px; margin: 20px auto 0; }
#sub1_1 .cont2 > ul { margin-top: 40px; width: auto; }
#sub1_1 .cont2 > ul li { height: auto; padding-bottom: 20px; }
#sub1_1 .cont2 > ul li strong { margin-bottom: 6px;  }

#sub1_1 .cont3 { padding-top: 100px; }
#sub1_1 .cont3 p { margin-top: 20px; }

#sub1_1 .cont4 { margin-top: 40px; }
#sub1_1 .cont4 img { width: 100%; }


/* sub2_1 */
#sub2_1 .cont1 { padding-top: 100px; }
#sub2_1 .cont1 img { margin-top: 30px; }

#sub2_1 .cont2 { padding-top: 100px; }
#sub2_1 .cont2 p { margin-bottom: 40px; }
#sub2_1 .cont2 figure { clear: both;  }

#sub2_1 .cont3 { display: block; margin-top: 100px; margin-bottom: 140px; }
#sub2_1 .cont3 h2 { line-height:1.6; }
#sub2_1 .cont3 ul { width: auto; margin-top: 20px; flex-wrap: wrap; justify-content: flex-start; }
#sub2_1 .cont3 ul li { width: 32%; height: 60px; margin-bottom: 2vw; margin-right:2%; font-size:14px; }
#sub2_1 .cont3 ul li:nth-child(3n) { margin-right: 0; }
#sub2_1 .cont3 ul li:after { display: none; }

/* sub3_1 */
#sub3_1 .cont1 { padding-top: 100px; margin-bottom: 140px; }
#sub3_1 .cont1 ul li { float:none; margin:0 0 20px; width: auto; height: 240px; }
#sub3_1 .cont1 ul li.big { width: auto; height: 240px;}
#sub3_1 .cont1 ul li span { font-size:16px; padding:10px; }
#sub3_1 .cont1 ul li:nth-child(8) { position:relative; top: 0; }

/* sub3_2 */
#sub3_2 .cont1 { padding-top: 100px; margin-bottom: 100px; }
#sub3_2 #bo_list .td_num2 { width: 60px; }
#sub3_2 #bo_list .bo_tit p { font-weight: normal; margin-top: 4px; color:#666; }
#sub3_2 #bo_list .td_datetime { width: 50px; }

/* sub4_1 */
#sub4_1 .cont1 { padding-top: 100px; }
#sub4_1 .cont1 ul li { width:auto; float:none; margin-right: 0; margin-bottom: 20px; }
#sub4_1 .cont1 ul li input { height: 40px; font-size:14px; padding:0 20px; }
#sub4_1 .cont1 ul li textarea { padding:20px; font-size:14px; }
#sub4_1 .cont1 input[type="submit"] { height: 40px; font-size:14px; margin:0 auto; display: block; }






































        
}

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