@media (max-width:480px) { /* 모바일용 */
.pc, .tab { display: none !important; }
.wrap { font-size:13px; }
.mt { font-size:48px; }
.f30 { font-size:24px; }
.f24 { font-size:18px; }

/* header footer */
header { height: 60px; }
header.up { top:-60px; }
header h1 { padding-top: 16px; }
header h1 img { height: 28px; }
        
#nav_btn { top: 12px; }

header .inWrap { max-width: 94%; margin-top:40px; display: block; }
header .gnb { font-size:52px; width: auto; text-align: center; }
header .gnb li a { display: block; }
header .gnb li a figure { display: none; }
header .inWrap > div { display: none; }

header .login { right:60px; top:14px; line-height:32px; }
header .login span { display: none; }

#w_footer { height: 700px !important; }
.canvas #left { width: 160px; height: 160px; top:0; }
.canvas #right { width: 160px; height: 160px; }

.priceTable article table th, .priceTable article table td { font-size:13px; padding:14px 10px; }
.priceTable article > .fl strong { font-size:16px; }
.priceTable article > .fl h2 { font-size:16px; }
.priceTable article .special { font-size:13px; }

.modal .price .priceTable { padding:10px; }
.modal .price .priceTable article:last-of-type { margin-bottom: 0; }
/* index */
#fullpage { height:auto !important; background: #151515; }
#home { height:100vh !important; }
#home video { left:-800px;  }
#home .ment p { word-break: keep-all; text-align: center; padding:0 3%; margin-top: 20px; }
#home .ment p .mob { display: block !important; }
#home .ment ul { margin-top: 60px; display: block; }
.goBtn li { margin-bottom: 20px; }

#home .canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; display: flex; align-items: center; justify-content: center; padding-top: 150px; }
#home .canvas #right { display: none; }
#home .scroll { bottom:30px; }

#pf { padding:140px 0; }
#pf ul li { width:48.5%; margin:0 3% 20px 0; border-radius: 0; }
#pf ul li:nth-child(3n) { margin-right: 3%;}
#pf ul li:nth-child(2n) { margin-right: 0;}
#pf ul li img { border-radius: 14px; }
#pf ul li p { position: static; background: none; font-size:13px; padding:0; margin-top: 10px; }
#pf ul li:last-child { display: none; }
.more { font-size:16px; }

#our { padding-bottom: 140px; }
#our .cate { width: auto; float:none; }
#our .cate li { margin-bottom: 10px; padding-left: 14px;  }
#our .cate li strong { font-size:16px; display: inline-block; margin-right: 8px; margin-bottom: 0; }
#our .cate li strong:before { width: 8px; height: 8px; top:6px; }
#our .cl > div { width:100%; float:none; margin-top: 40px;  }

#contact { padding-bottom: 80px; }
#contact .fl > div { width: 100%; }
#contact .write h2 { position: relative; padding-left: 30px; line-height:1.4; font-size:16px;  }
#contact .write h2 span { position: absolute; left: 0; }
#contact .write p { position: relative; padding-left: 14px; line-height:1.4; font-size:14px;  }
#contact .write p span { position: absolute; left: 0; }
#contact .write .type1 ul li input { font-size:14px; }
#contact .write .type2 ul li { margin-bottom: 16px; width:48%; }
#contact .write .type2 ul li label { font-size:14px; }
#contact .write .send { margin-top: 10px; }

#contact .view { display: none; }
#contact .view p { font-size:24px; padding-bottom: 20px; }
#contact .view button { position: static; width:100%; padding:0; margin-top: 0; }

#progress { font-size:14px; }
#progress li { width:31%; padding:0 20px; margin-bottom: 10px; height: 60px; border-radius: 10px; }

#w_footer .bot { height:calc(100vh - 200px); background-size:300%;}
#w_footer .bot p { font-size:18px;  }
#w_footer .bot p .tab { display: block !important; }
#w_footer .bot p .mob { display: block !important; }
#w_footer .wrap.fl  { height: 200px; }
#w_footer .wrap img { height: 40px; }
#w_footer .wrap a { font-size:24px; }

.loader {
    width: 300px;
    height: 300px;
    left:calc(50% - 150px);
    top:calc(50% - 250px);
    }

/* sub layout */
.blank { height: 60px; }
.sv .wrap { height: 240px; display:flex; align-items: center; justify-content: center; }
.sv h2 { font-size:70px; position: static; }

.cont { padding: 60px 0; }


/* about */
#about .cont1 h2 { font-size:24px; }
#about .cont1 em { font-size:18px; margin-top: 40px; }
#about .cont1 strong { font-size:16px; line-height:1.8; }
#about .cont1 strong br { display: block; }
#about .cont1 p { font-size:16px; }
#about .cont1 p br.mob { display: block; }

#about .cont2 { margin-top: 140px; }
#about .cont2 h2 { font-size:30px; text-align: center; }
#about .cont2 ul { display: block; margin-top: 20px;}
#about .cont2 ul li { width: auto; height: auto; margin:0 0 10px 0 !important; }
#about .cont2 ul li dl { margin-top: 4px; }
#about .cont2 ul li dl dt { min-height:auto; margin-bottom: 10px; }
#about .cont2 ul li dl dt br { display: none; }
#about .cont2 ul li dl dd { letter-spacing: -0.5px; }
#about .cont2 ul li dl dd br { display: none; }
#about .cont2 p { position: static; text-align: center; margin-top: 80px;  }

/* portfolio */
#portfolio { padding-top: 60px; }
#portfolio .cont1 > p { font-size:18px; text-align: center; }
#portfolio .cont1 > p br { display:block !important; }
#portfolio .cate { margin-top: 40px; display:flex; flex-wrap: wrap; justify-content: space-evenly; }
#portfolio .cate:after { display: none; }
#portfolio .cate li { margin:0 0 10px; }
#portfolio .cate li a { width:auto; padding: 0 20px; }
#portfolio .pfList { margin-top: 40px; }
#portfolio .pfList li { float:none; width:auto; margin-right:0 !important; margin-bottom: 40px; text-align: center; }
#portfolio .pfList li figure img { height:94vw; }
#portfolio .pfList li h3 { font-size:14px; }
#portfolio .pfList li p { font-size:16px; }

.modal .box h3 { font-size:16px;  }

/* service */
#service p.f24 .tab { display: block; }
#service .cont1 ul { display: block; margin-top: 40px; }
#service .cont1 ul li { min-height:auto; width:auto; }
#service .cont1 ul li .name { padding-top: 0; }
#service .cont1 ul li .name span { font-size:28px; }
#service .cont1 ul li .name span:first-child:before { width: 20px; height: 20px; left:-8px; }
#service .cont1 ul li p { font-size:14px; }
#service .cont1 ul li p br:nth-of-type(2) { display: none; }
#service .cont2 figure { position:static; width: 100%; margin-top: 40px; }
#service .cont2 figure img { width:80%; }
#service .cont2 ul { display: block; width: 100%; }
#service .cont2 ul li { margin-bottom: 20px; display: flex; align-items: center; justify-content: center; }
#service .cont2 ul li div, #service .cont2 ul li article { width: 50%; }
#service .cont2 ul li div { font-size:24px; height:auto;  }
#service .cont2 ul li h3 { margin-top: 0; }
#service .cont2 ul li p { font-size:16px; }

#service .cont3 h2.mt { font-size:50px; }
#service .cont3 h2:last-of-type { position: static; text-align: right; margin-top: -30px; }
#service .cont3 ul { display: block; margin-top: -10px; }
#service .cont3 ul li { padding:40px 20px; width:auto; margin-bottom: 20px;  min-height: auto; }
#service .cont3 ul li span { font-size:28px; }
#service .cont3 ul li h3 { font-size:18px; margin-bottom: 10px; }
#service .cont3 ul li p { font-size:14px; }
#service .cont3 ul li p br { display: block; }
#service .cont3 .more { margin-top: 40px; }

/* login */
#login form { width: 280px; margin-top: -100px; margin-bottom: 50px; }

/* client */
#client h3 { font-size:28px; }
#client table { margin-top: 20px; font-size:14px; }
#client table td:first-child { display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height:auto; padding:10px; }
#client thead,
#client table th:first-child ~ th,
#client table td:first-child ~ td { display: none; }
#client table td strong ~ * { display: block; padding:8px 0; }

#client .list { margin-top: 0;}
#client .list strong { width:85%; }
#client .list span { font-style: italic; }
#client .list a { width:50%; text-align: center; }

#client .req { margin-top: 100px; }
#client .req table td:first-child { justify-content: flex-end; }
#client .req strong { width:68%; }
#client .req span { width:32%; text-align: right; }
#client .req em { font-style: normal; margin-right: 10px; }
#client .req td button { font-size:14px; }

#client .logout { margin-top: 40px; font-size:14px; }

}

@media (max-width:344px) { /* z폴드 */
    #w_footer .bot p { margin-top: 40px; }
    .loader { width: 250px; height: 250px; left:calc(50% - 125px); top:calc(50% - 228px); }
}
@media (min-width:1025px) { /* PC용 */
.tab, .mob { display: none !important; }



}