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

.wrap { width:94%; font-size:13px; }

.t36 { font:24px sth; }
.t48 { font:32px sth; }


/* header & footer */
#w_header { position: fixed; top:0;  }
#w_header .box { border-radius: 0; width: 100%; }
#w_header .box .wrap { width: 94%; }
#w_header h1 { margin-left: 0px; }
#w_header #w_gnb { position: static; width:60%; margin:50px auto 0; text-align: center; }
#w_header #w_gnb > li { float:none; margin-left: 0; font:16px steb; border-bottom:1px solid #ddd; }
#w_header #w_gnb > li:last-child { border-bottom:none; }
#w_header #w_gnb > li > a { line-height:50px; }
#w_header #w_gnb ul { position: static; padding-top: 0; line-height:40px; display: none; }
#w_header #w_gnb ul li { margin-bottom: 0; }
#w_header .contact { right:60px; }
#w_header.on .box { height: 100vh; }
.blank { height: 60px; }
    
#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 30px; height: 2px; background-color: #333; 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; font:normal 13px str; }
#w_footer address { margin-left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#w_footer address ul { text-align: left; }
#w_footer .fnb, #w_footer .fnb_2 { position: static; float:left; width:48.5%; margin-right: 3%; margin-top: 10px; margin-bottom: 20px;  }
#w_footer .fnb_2 { margin-right: 0; }
#w_footer .fnb select { font-size:13px; width: 100px; }
#w_footer  p { float:none; text-align: center; }
    


    
    
    
/* index */
.more { width: 160px; font:13px stb; }

#w_main { height: 540px; background:#bed6e5 url(/images/mmainbg.jpg) no-repeat center bottom/90%; }
#w_main .wrap { display: block; padding-top:40px;}
#w_main h2 { line-height:1.4; }
#w_main p { font:16px str; margin-top: 10px; }
#w_main .more { margin-top: 30px; }

#bnr figure, #bnr > div { width:auto; height:auto; padding:40px 0; min-height:200px;  }
#bnr figure:nth-of-type(1), #bnr > div:nth-of-type(1) { float:none; }
#bnr figure:nth-of-type(2), #bnr > div:nth-of-type(2) { float:none; }
#bnr figure:nth-of-type(3), #bnr > div:nth-of-type(3) { float:none; }

#bnr > div:nth-of-type(1) .fl { padding: 0 3%; width:auto; }
#bnr > div:nth-of-type(2) .fl { padding: 0 3%; width:auto; }
#bnr > div:nth-of-type(3) .fl { padding: 0 3%; width:auto; }

#bnr .fl img { height: 60px;  }
#bnr .fl h2 { margin-top: 0; position: absolute; left: 80px; top:30px;   }
#bnr .fl h2:nth-of-type(1) { top:0px;}
#bnr .fl p { font:13px/1.6 str; margin-top: 40px; word-break: keep-all; }
#bnr .fl .more { position: relative; margin-top: 20px;  }
#bnr div:nth-of-type(1) .fl .more { left:0; top:0; }
#bnr div:nth-of-type(2) .fl .more { left:0; top:0; }
#bnr div:nth-of-type(3) .fl .more { left:0; top:0; }

#tech { padding:60px 0; }
#tech p { font:16px/1.4 str; word-break: keep-all; }
#tech .more { margin-top:40px; }
#tech ul { display: block; width: auto; margin:0; }
#tech ul li { margin-top: 40px; text-align: left; display: flex; align-items: flex-start; justify-content: flex-start; }
#tech ul li:nth-child(1) { margin-right:0; margin-left:0; }
#tech ul li img { margin-right: 20px; width:80px; }
#tech ul li div { width:calc(100% - 100px); }
#tech ul li strong { margin-top: 0; font:18px sth; }
#tech ul li span { font:13px/1.4 stm; display: block; word-break: keep-all; }

#smile { padding:60px 0; }
#smile strong { font:19px stb; }
#smile img { margin-top: 50px; }
#smile p { font:14px/1.6 stb; word-break: keep-all; }


#prd { padding:60px 0; }
#prd em { font:16px/1.6 str; word-break: keep-all; }
#prd ul li { margin:60px 3% 0 0; width: 48.5%; }
#prd ul li:nth-child(2n) { margin-right: 0; }
#prd ul li img { width: 30%; }
#prd ul li a strong { font:16px sth; margin-top: 20px; }
#prd ul li a p { font:13px/1.6 stm; word-break: keep-all; }
#prd .more { margin-top: 20px; width: 140px; }    
#prd ul li a .imgbox  { width:auto; height:auto; }
    
    

/* sub layout */
.left { float:none; width: auto; margin-bottom: 20px; }
.right { float:none; width: auto; }

.cont { font:13px/1.6 str; padding-bottom: 140px; }
.cont .wrap { width: 94%; }
.cont .cont1 ~ div { margin-top: 80px; }
    
    
    
/* sub1 */    
.cont .wrap { width: 94%; }
#sub1 .cont1 { height: 300px; }
#sub1 .cont2 { height: 300px; background-position: left center;}
#sub1 .cont2 .wrap { justify-content: flex-start; }
#sub1 h2 { margin-top: 10px; font:20px steb; }    
#sub1 p { margin-top: 10px; font:13px/1.6 stsb; }    
    
    
/* sub1_1 */
#sub1_1 { padding-top: 80px; }
#sub1_1 .cont1 img{width: 338px; height:auto; }
#sub1_1 .cont1 strong { font:24px/1.4 sth; }
#sub1_1 .cont1 p { margin-top: 20px; }
#sub1_1 .cont2 h2{ font:24px sth; }
#sub1_1 .cont2 strong,
#sub1_1 .cont3 strong{ font:24px sth; }
#sub1_1 .cont2 ul li { float:none; }
#sub1_1 .cont2 ul li:nth-child(2) { width: auto; }
#sub1_1 .cont2 ul li:nth-child(3) { width: auto; float:none; }
#sub1_1 .cont2 ul li em { font-size:16px;  }
#sub1_1 .left img { height: 60px; }
#sub1_1 figure img { width: 100%; height:auto; object-fit: cover; }    
    #sub1_1 .cont3 .imgbox { width: 100%; }    
    #sub1_1 .cont3 .imgbox img { height:auto;  }  
    #sub1_1 .cont3 p { margin-top: 0; }
    
    
/* sub1_2 */
#sub1_2 { padding-top: 80px; }
#sub1_2 .cont1 > img { height: 40px; }
#sub1_2 .cont1 h2 { font:24px sth; margin-top: 50px; margin-bottom: 10px;  }
#sub1_2 .cont1 strong { font:16px stb; margin-top:10px;}
#sub1_2 .cont1 b{font:16px stb;}
    
#sub1_2 .cont1 ul { flex-wrap: wrap; }
#sub1_2 .cont1 ul li { width: 48%; margin-bottom: 0px; }
#sub1_2 .cont1 ul li em { font:normal 13px stb; }
#sub1_2 .cont1 ul li div { width: auto; height: 230px; }
#sub1_2 .cont1 ul li div img { width: 60%; margin-left:20px;}
#sub1_2 .cont1 ul.hand_ul{margin-top:10px;}
    #sub1_2 .cont1 ul.hand_ul img {width: 60%;}
#sub1_2 .cont1 ul.hand_ul li{margin-top:0px;}
#sub1_2 .cont1 ul.hand_ul li:first-child { width:50px; }
#sub1_2 .cont1 ul.hand_ul li:last-child { width:calc(100% - 50px); }
#sub1_2 .cont1 ul.hand_ul li:last-child p { font-size:13px; margin-top: 10px; }
#sub1_2 .cont1 figure:nth-child(3){padding-bottom:20px;}
#sub1_2 .cont1 figure:nth-child(4){padding-bottom:20px;}
    
#sub1_2 .cont1 strong:nth-of-type(3) { margin-top: 50px; }
#sub1_2 .cont1 ul:last-of-type li { width: 31%; height: 90px; }
#sub1_2 .cont1 ul li b { font:15px stb; text-align: center; }


#sub1_2 .cont2 h2 { font:24px sth; }
#sub1_2 .cont2 ul li { width: 48%; height: auto; padding:20px 0; }
    
    
/* sub2 */
#sub1.sub2 img { height: 50px; }
#sub1.sub2 .cont1 { background-position:right -177px center; }
#sub1.sub2 .cont2 { background-position:-50px center; }  
    
    
    
/* sub2_1 */
#sub2_1 .cont1 { padding-top: 80px; height: auto; padding-bottom: 80px;  }
#sub2_1 .cont1 img { height: 60px; }
#sub2_1 .cont1 h2 { font:30px sth; }
#sub2_1 .cont1 strong { font:16px stb; margin-top: 20px; }
#sub2_1 .cont2 { height: 200px; }
#sub2_1 .cont3 h2 {font:20px sth; }
#sub2_1 .cont3 .left { clear:both; }
#sub2_1 .cont3 .left img { height: 60px; }
#sub2_1 .cont3 .right strong { font:18px sth; }
#sub2_1 .cont3 .right figure { margin-bottom: 60px; }    
#sub2_1 .cont3 .right figure img { width:100%; } 
    
#sub2_1 .cont4 h2 { font:20px sth; }
#sub2_1 .cont4 ul li { margin-bottom: 30px; }
#sub2_1 .cont4 ul li figure { width: 80px; height: 80px;  margin-right: 20px; }
#sub2_1 .cont4 ul li figure img { transform: scale(0.5); }
#sub2_1 .cont4 ul li dl { width:calc(100% - 100px); }
#sub2_1 .cont4 ul li dl dt { font:18px sth; }
#sub2_1 .cont4 ul li dl dd { word-break: keep-all; }

#sub2_1.sub2_2 .left img { height: 60px; }   
#sub2_1.sub2_2 .cont1_2 { padding-top: 80px; height: 480px;  }
#sub2_1.sub2_2 .cont2 { height:auto; background: none; }
#sub2_1.sub2_2 .cont2 img { width: 100%; }
#sub2_1.sub2_2 .cont1_2 h2 { font:30px sth; }
    
/* sub3 */
#sub1.sub3 img { height: 40px; }
#sub1.sub3 .more { width:130px; margin-top: 10px; }    
#sub1.sub3 .more:last-child { margin-top: 0;  }    
    
/* sub4_1 */
#sub4_1 { padding-top: 80px; }
#sub4_1 .left img { height: 60px; }
#sub4_1 .right .title { font:30px sth; }    
    
    
/* sub4_3 */
#sub4_3 { padding-top: 80px; }
#sub4_3 .left { font:20px sth; }
#sub4_3 .cont1 h2 { font:30px sth; margin-bottom: 30px; } 
#sub4_3 .cont1 ul li { margin-bottom: 20px; }
#sub4_3 .cont1 ul li select,
#sub4_3 .cont1 ul li input,
#sub4_3 .cont1 ul li textarea { font:13px/1.6 stb; }
#sub4_3 .cont1 ul li select { appearance:none; background:#fff url(/images/down1.jpg) no-repeat right 20px center; }
#sub4_3 .cont1 ul li select,
#sub4_3 .cont1 ul li input { height: 50px; }
#sub4_3 .cont1 ul li textarea { padding:20px; }
#sub4_3 .cont1 ul + input { border:none; margin:10px auto; display: block; }

#sub4_3 .cont2 ul li { font:14px str; margin-bottom: 10px; }
#sub4_3 .cont2 ul li span { width: 40px; }
#sub4_3 .cont2 iframe { height: 300px; }    
    
    
/* sub5_1 */    
    
#sub2_1.sub5_1 .cont1_2 { padding-top: 80px; height: auto; padding-bottom: 80px;  }
#sub2_1.sub5_1 .cont1_2 img { height: 60px; }
#sub2_1.sub5_1 .cont1_2 h2 { font:30px sth; }
#sub2_1.sub5_1 .cont1_2 strong { font:16px stb; margin-top: 20px; }    
#sub2_1.sub5_1 .cont2 { height: 200px; }
    
/* sub5_2 */    
    
#sub2_1.sub5_2 .cont1_2 { padding-top: 80px; height: auto; padding-bottom: 80px;  }
#sub2_1.sub5_2 .cont1_2 img { height: 60px; }
#sub2_1.sub5_2 .cont1_2 h2 { font:30px sth; }
#sub2_1.sub5_2 .cont1_2 p { word-break: break-all; }
#sub2_1.sub5_2 .cont1_2 strong { font:16px stb; margin-top: 20px; }       
#sub2_1.sub5_2 .cont2 { height: 200px; }    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }
    
.fnb_2.pc { position: absolute; left:50%; margin-left:596px;  top:14px; border:2px solid #111; border-radius: 30px; padding:0 20px; height: 30px; z-index:99; }
.fnb_2.pc select { border:none; border-color:#f9e1e1; font:14px stm; color:#111; appearance:none; width: 60px; background:transparent url(/images/bdown.png) no-repeat right center; outline: none; }    
.fnb_2.pc select option { background:transparent; }
}