/* 태블릿 */

@media (max-width: 1440px) { /* 맥북 프로 */

#portfolio .pfList li figure img { height:calc((94vw - 80px) / 3); }

#service .cont1 ul li { width: 320px; height: 320px; }  
#service .cont1 ul li p { font-size:16px; }  

#service .cont3 ul li { width: 430px; }

.modal .price { height: 80vh; width: 1200px; }


}

@media (max-width: 1024px) { /* 아이패드 프로 */

/* index */
header .gnb li a figure { margin-right: 20px; }

#home .ment p .tab { display: block !important; }
#home .ment p .mob { display: none !important; }

.more { margin-top: 80px; }

.modal .price { height: 70vh; width: 90%; }
.modal .price .priceTable { padding:20px; }





#our .cl > div h2 { display: none; }
#our .cl > div p { position: static; max-width: 100%; margin-top: 10px; }

#contact h2 + .fl, #contact .wrap > .fl { flex-direction: column; justify-content: center; margin-top: 40px; }
#contact .fl > div { width: 700px; }
#contact .view { margin-top: 60px; }
#contact .view p { font-size:44px; }
#contact .view p .pc { display: none !important; }
#contact .view button { position: absolute; bottom:20px; left:55%; } 

#progress { font-size:16px; }
#progress li { width:140px; padding:0 20px;  }


#w_footer { height: 900px !important; }
#w_footer .bot { height: calc(100% - 300px); }
#w_footer .bot p .mob { display: none !important; }
#w_footer .bot p .tab { display: block !important; }

.canvas #left { width: 350px; height: 350px; }
.canvas #right { width: 350px; height: 350px; }


.cont { padding: 100px 0; }

/* about */
#about .cont1 em br { display: block;}
#about .cont1 p br.mob { display: none; }
#about .cont1 img { opacity: 0.2; }

#about .cont2 ul { width: 100%; }
#about .cont2 ul li { width: calc((100% - 40px) / 3); margin:0 0 20px 20px; }
#about .cont2 ul li:first-child { margin-left: calc((100% - 20px) / 3); }
#about .cont2 ul li:nth-child(3) { margin-left: 0; }
#about .cont2 p { font:32px/1.4 cardo; bottom: auto; top:136px; }

/* portfolio */
#portfolio .cont1 > p br.mob { display:none; }
#portfolio .cate, #portfolio .pfList { margin-top: 60px; }
#portfolio .pfList li h3 { font-size:18px; }
#portfolio .pfList li p { font-size:20px; }
#portfolio .pfList li figure img { height:calc((94vw - 80px) / 3); }

/* service */
#service .cont1 ul { flex-wrap: wrap; }
#service .cont1 ul li { border-radius: 20px; justify-content: center; width:48%; margin-bottom: 4%; height:auto; padding:30px 0; }
#service .cont1 ul li:before { display: none; }
#service .cont1 ul li .name { padding-top: 0; }
#service .cont1 ul li .name span:last-child { display: inline-block; margin-top: 0; margin-left: 6px; }
#service .cont1 ul li p { font-size:18px; }
#service .cont1 ul li p br:nth-of-type(2) { display: none; }

#service .cont2 p.f24 .tab { display: block; }
#service .cont2 ul { width: 55%; }
#service .cont3 ul li { width: 32%; padding:60px 30px 0; }
#service .cont3 ul li p br:nth-of-type(1) { display: none; }

/* client */
#client .list { margin-top: 100px; }
#client .list table td:nth-child(2) { width: 300px; }
#client .list table td:nth-child(3) { width: 120px; }
#client .list table td:nth-child(4) { width: 120px; }
#client .list table td .bar { width:260px; }

#client .req td { width: 140px; }
#client .req td button { width: 100px; }

}


@media (max-width: 768px) { /* 아이패드 */
header .gnb { width: 50%; }
header .gnb li a figure { display: none; }

header .inWrap > div { width: 50%; }
header .info { font-size:20px; padding:0 10px; }
header .info li { float:none; width: auto; margin-top: 60px; }
header .info li:first-child { margin-top: 0; }
header .info li:nth-child(2) { width: auto; float:none; }
header .info li:last-child { width: auto; }
header .info li strong { font-size:24px; }
header .inWrap p { margin-top: 40px; padding:0;  }

header .goBtn { display: none; }
header .goBtn li { margin: 0; margin-bottom: 20px; }
header .goBtn li a { width: 240px; }

#w_footer { height: 1000px !important; }
.canvas #left { width: 300px; height: 300px; }
.canvas #right { width: 300px; height: 300px; }

#home .ment img { width: 70%; }

#pf ul li { margin:0 20px 20px 0; width:calc((100% - 40px) / 3); }
#pf ul li p { padding:10px; }

#our .cate { width: 280px; }
#our .cate li strong { font-size:20px; }
#our .cate li strong:before { top: 7px; }
#our .cl > div { width:calc(100% - 280px); }

#contact .view p { font-size:38px; }
#contact .view p .pc { display: none !important; }
#contact .view button { bottom:18px; left:50%; } 

#progress { font-size:18px; flex-wrap: wrap; }
#progress li { width:31%; padding:0; margin-bottom: 20px;  }
#progress li:before { display: none; }

.priceTable article table th, .priceTable article table td { font-size:16px; }
.priceTable article > .fl strong { font-size:18px; }
.priceTable article > .fl h2 { font-size:18px; }
.priceTable article .special { font-size:14px; }
.priceTable article .vat { font-size:12px; }



/* about */
#about .cont1 p { margin-top: 40px; font-size:18px; }
#about .cont1 img { height: 220px; }

#about .cont2 h2 { position:static; font-size:36px }
#about .cont2 h2 br { display: none; }

#about .cont2 ul { justify-content: flex-start; margin-top: 40px; }
#about .cont2 ul li { width: calc((100% - 40px) / 3); height: 230px; }
#about .cont2 ul li:first-child { margin-left: 0; }
#about .cont2 ul li:nth-child(3) { margin-left: 20px; }
#about .cont2 ul li:nth-child(4) { margin-left: 0; }

#about .cont2 ul li dl dt { min-height: 60px; font-size:20px; }
#about .cont2 ul li dl dd { font-size:14px;  }

#about .cont2 p { font:28px/1.4 cardo; top:auto; bottom: 20px; text-align: right; left:auto; right:0;  }

/* portfolio */
#portfolio .pfList li { width:calc((100% - 40px) / 2); margin-bottom: 60px; }
#portfolio .pfList li:nth-child(3n) { margin-right: 40px; }
#portfolio .pfList li:nth-child(3n+1) { clear:none; }
#portfolio .pfList li:nth-child(2n) { margin-right: 0; }
#portfolio .pfList li:nth-child(2n+1) { clear:both; }
#portfolio .pfList li figure img { height:calc((94vw - 40px) / 2); }

/* service */
#service p.f24 .tab { display: block; }
#service .cont1 ul li { min-height:220px; justify-content: flex-start; }
#service .cont1 ul li .name { padding-top: 5%; }
#service .cont1 ul li .name span { font-size:32px; }
#service .cont1 ul li .name span:first-child:before { width: 24px; height: 24px; }
#service .cont1 ul li p { font-size:18px; }

#service .cont2 figure img { width: 90%; }
#service .cont3 ul li { padding:40px 20px 0; }
#service .cont3 ul li h3 { font-size:20px; }
#service .cont3 ul li p { font-size:16px; }
#service .cont3 ul li p br { display: none; }

/* client */
#client h3 { font-size:32px; }
#client table { font-size:16px; }
#client .list table td:nth-child(2) { width: 240px; }
#client .list table td:nth-child(3) { width: 100px; }
#client .list table td:nth-child(4) { width: 100px; }
#client .list table td .bar { width:200px; }

#client .req td { width: 100px; }
#client .req td:nth-child(2) { width: 120px; }
#client .req td button { width: 80px; font-size:16px; height:36px; }

}