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

/* header & footer */
#w_header { height:60px; overflow: hidden; }
#w_header.on { background: rgba(0,0,0,0.95); height: 100vh; }
#w_header h1 { padding-top: 20px; }
#w_header #w_gnb { position: static; text-align: center; width:240px; margin:0 auto; padding-top: 60px; text-align: center; }
#w_header #w_gnb li { float:none; margin-right: 0; border-bottom:1px solid #ccc;  }
#w_header #w_gnb li a { font:24px steb; padding: 20px 0; }
#w_header #w_gnb li:nth-child(1) a { width: auto; }
#w_header #w_gnb li:nth-child(2) a { width: auto; }
#w_header #w_gnb li:nth-child(3) a { width: auto; }
#w_header #w_gnb li:nth-child(4) a { width: auto; }
#w_header .sns { position: static; width:240px; margin:0 auto; display: flex; align-items: center; justify-content: space-evenly; margin-top: 20px;  }
#w_header .sns:after { display: none; }
#w_header .sns li { float:none; margin-left: 0; }
#w_header .sns li a img { width: 50px; }
    
#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 { padding:40px 0 30px; }
#w_footer img { display: none; }
#w_footer address { font:normal 13px stm; margin-left: 0; }
#w_footer address strong { font:15px steb; }
#w_footer address span, #w_footer address a { display: block; margin-right: 0; }
#w_footer .wrap div { display: none; }
    
.w_btn { padding:0 20px; height: 40px; font:15px stb; }
.w_btn i { margin-left: 10px; }
    
#top_btn { display: none; }    
    
/* index */
#w_main { height:340px; }
#w_main .swiper-slide:before { content:""; background: rgba(0,0,0,0.5); width:100%; height:100%; position: absolute; left:0; top:0; }
#w_main .ment { left:3%; height:100%; width: 94%; padding-top: 60px; }
#w_main .ment h2 { font:28px/1.4 stb; }
#w_main .ment div { margin-top: 20px; }
#w_main .ment div .tel { font:28px stb; }
#w_main .ment div a:last-child { font:15px/40px stm; padding:0 20px; margin-left: 20px; }
#w_main .ment p { display: none; font:13px/1.4 stm; margin-top: 20px; }
#w_main .ment p span { margin-right: 20px; }
#w_main .xi-mouse { display: none; }

#iframe { display: none; }
    
#pf { padding:80px 0; }
#pf h2 + p { font:13px/1.6 str; }
#pf ul { width:94%; margin:40px auto 0; }
#pf ul li { width: 48.5%; margin-right: 3%; margin-bottom: 3vw; }
#pf ul li:nth-child(2n) { margin-right: 0; }   
#pf ul li:nth-child(9) { display: none; }   
#pf ul li p { padding:10px; opacity: 1; font-size:13px; }
 
#business { padding:80px 0; }
#business .wrap { background: url(/images/bg_thek.png) no-repeat left bottom; }
#business article { float:none; width: auto; text-align: center; }
#business article h2 { font:28px sth; }
#business article p { margin-top: 30px; font:18px/1.6 stm; word-break: keep-all; }
#business article p + i { font:italic 15px/1.6 stm; margin-top: 20px;}
#business article a { margin-top: 30px; }
#business article ~ div { margin-top: 40px; float:none; width: auto; height: auto; margin-left: 0; border-radius: 10px; padding:20px 20px 60px; font:14px/1.6 stm; }
#business article ~ div h3 { font:20px steb; }
    
#promise { height: 300px; }
#promise p { font:24px stl; }
#promise p b { font-family:stb; }
#promise strong { font:34px stb; margin-top: 20px; margin-bottom: 30px; }
#business ~ #promise { height:400px; }
#business ~ #promise p { font-size:24px; }
#business ~ #promise strong { margin-top: 20px; margin-bottom: 40px; font-size:32px; }   
    
    
/* sub layout */
.sv { height: 200px; padding-top: 30px; }
.sv h2 { font:36px sth; }
.sv nav ul { display: none; }
.sv nav select { width:100%; height: 44px; font:16px stm; padding:0 20px; background: none; color:#fff; border:none; appearance:none; }
.sv nav i { color:#fff; position: absolute; right:20px; top:14px; font-size:16px; }

.cont > div { padding:80px 0; }
.cont .wrap { width: 94%; }
.title { font:28px steb; }    
    
/* about */
#sub1 .cont1 iframe { width:100%; height: 260px; }
#sub1 article { margin-top: 60px; text-align: center; }
#sub1 article h2 { font:24px sth; }
#sub1 article strong { float:none; }
#sub1 article p { float:none; width: auto; font:14px/1.6 stm; margin-top: 20px; margin-bottom: 30px;}
#sub1 article a { position: static; }
#sub1 .cont2 p { font:15px/1.6 stm; word-break: keep-all; }
#sub1 .cont2 ul { flex-wrap: wrap; margin-top: 0;}
#sub1 .cont2 ul li { width: 48.5%; margin-top: 40px; }
#sub1 .cont2 ul li:nth-child(2n + 1) { clear:both; }
#sub1 .cont2 ul li h3 { font:18px steb; }
#sub1 .cont2 ul li figure { height: 40px; margin: 20px 0; }
#sub1 .cont2 ul li img { height: 40px; }
#sub1 .cont2 ul li span { font:13px/1.6 stsb; word-break: keep-all; }

#sub1 .cont3 p { font:13px stm; }
#sub1 .cont3 figure { margin-top: 30px; display: block; }    
#sub1 .cont3 figure img { width: 100%; }
    
    
    
/* business */

#sub2 .cont1 { text-align: center; }
#sub2 .cont1 ul { width:94%; margin:30px auto 0; }
#sub2 .cont1 ul li { width:48.5%; margin:0 3% 3vw 0; }
#sub2 .cont1 ul li:nth-child(2n) { margin-right: 0; }
#sub2 .cont1 ul li:nth-child(15) { display: none; }
#sub2 .cont1 ul li img { height:140px; } 
    
    
/* portfolio */
#sub3 .cont1 .pf { width:94%; }
#sub3 #bo_v { margin-top: 40px; }
#sub3 #bo_v_title .bo_v_tit { font-family: stb; text-align: center; color:#4571e9; }

#sub3 #bo_v_atc { text-align: center; }
#sub3 .profile_info { display: none; }
#sub3 #bo_v_share { visibility: hidden; }


/* contact */
#sub4 .cont1 { background:url(/images/circle.png) no-repeat 0 100px/200px; }
#sub4 .cont1 article { height: auto; flex-direction: column; margin-top: 40px; padding:20px; }
#sub4 .cont1 article h3 { font:18px/1.6 stb; text-align: center; }
#sub4 .cont1 article a { font:16px/1.8 stb; }
#sub4 .cont1 article a i { font-size:20px; margin-right: 10px; }
#sub4 .cont1 iframe { margin-top: 40px; height:700px; }
     
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
}

@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }
    
#pf ul li:nth-child(3n) { margin-right: 0; }  
    
#sub2 .cont1 ul li:nth-child(3n) { margin-right: 0; }
    
}