@charset "utf-8";
/* =================================================================================
* INFORMATION
* -----------------------------------------------------------------------
* @Author : Park, Hye Ryeon (nancy.park@think-tree.co.kr)
* @File Name: Responsive.css
* @Version: 1.0
* @Create Date: 2018-05-02
* @Update Date: N/A
* @History: N/A
* ================================================================================= */
@media screen and (max-width: 1279px) {
	#container .back {width:100%;padding:0 20px;box-sizing:border-box;}
	.worksArea .swiper-page {width:auto;left:auto;right:20px;}
	.subTop .subNav {width:100%;left:0;margin-left:0;}
	/**/
	.ceoArea .subject {float:none;width:100%;padding-bottom:10px;margin-right:0;}
	.ceoArea .detail {border-top:2px solid #555;}
	.ceoArea .overArea .infoTable {width:calc(45% - 20px);}
	.ceoArea .overArea .inBlock {width:55%;}
	.ceoArea .overArea .inBlock .partBox {width:calc(50% - 10px);}
	.recruitArea {padding:35px;}
}


@media screen and (max-width:1200px){
	.serviceArea .service_01 img,
	.serviceArea .service_04 img,
	.serviceArea .service_05 img {width:300px;}
	.serviceArea .service_02 img,
	.serviceArea .service_03 img {width:450px;}
	.serviceArea .service_05 {margin-top:-120px;}
	.serviceArea .service_05 .txtBox {left:160px;}
}

@media screen and (max-width:1180px){

	.compArea dl:nth-child(3) dd {margin-left:0px; left:0; right:0; }
	.explanSet {width:calc(100% - 30px); margin: 0 15px 3rem;}
	.explanSet .tt, .explanSet .detail {display:block;float:none;}
	.explanSet .tt {width:100%;}
	.explanSet .detail {border-top:0px;}

	#container .back .explanSet {width:100%; margin:0 0 3rem;}

	.i_mobile {display:inline-block;}
	.i_pc {display:none;}

	.itArea .itImg {margin-bottom:2rem;}
	.lastArea ul.infoList li a {margin:0; width:100%; display:block;}
	.portArea .ptsArea .p3area1 div .textarea div {padding-top:0; margin-bottom:20px;}
	.portArea .ptsArea .p3area1 div .textarea div strong {font-size:26px;}
	.portArea .ptsArea .p3area1 img {width:30%;margin:0 5%;}
	.add {width:100%; max-width:1180px;}
	.add img{width:100%;}
	.add2 {width:100%; max-width:1180px; text-align:center;}

	.ptsArea .p2area .p2area1 .textarea dd {width:90%; margin:0 auto;}

	.ptsArea .p2area .p2area3 .p2margin .area2img {position:relative;}
	.ptsArea .p2area .p2area3 .p2margin .area2img p {position:relative;}

	.ptsArea .p2area .p2area4 {text-align:center; }
	.ptsArea .p2area .p2area4 .textarea {float:none; width:60%; margin:0 auto; text-align:center; padding-top:30px;}
	.ptsArea .p2area .p2area4 .textarea dd {width:100%;}
	.ptsArea .p2area .p2area4 img {margin:50px 0 0;}

	.inner {width:90%; margin:0 auto;}

	.ptsArea .p2area .p2area3 .p2margin .area2img2 {left:35%;}
	.ptsArea .p2area .p2area3 .p2margin .area2img3 {left:15%; margin-top:300px;}

}



@media screen and (max-width:980px){
	.tabMenu.w980 {width:100%;}
	.tabMenu.w980 span {width:25%;}
	.mainTop .txtBox h2 {font-size:440%; line-height:1.1; padding: 0 60px;}
	.mainTop .txtBox p {font-size:140%; padding:0 80px;}
	.pop-wrap .pHeader {height:35vh;}
	.cbtn {left:5%; width:45px; height:70px; padding-top:50px; background-image:url('../images/btn_prev_sm.png'); font-size:12px;}

	.pop-container .cbtn {left:5%;}
	.pop-wrap .txtBox {width:90%; left:5%; top:39vh; padding-bottom:60px;}
	.pop-wrap .txtBox.whiteff *{color:#333;}
	.pop-wrap .txtBox.whiteff dl dt {color:#999;}
	.pop-wrap .txtBox strong {font-size:34px;}
	.pop-wrap .txtBox dl {float:left; width:50%;}
	.pop-wrap:after {content:""; display:block; clear:both;}

	.ceoArea .overArea .infoTable {width:100%;}
	.ceoArea .overArea .inBlock {width:100%;}
	.ceoArea .overArea .partBox {width:calc(50% - 10px);}

	.compArea dl {}
	.compArea dl dt {width:calc(100vw - 17px);overflow:hidden; text-align:right; margin-left:0px;}
	.compArea dl:nth-child(3) dt {margin-left:0px;}
	.compArea dl dd {left:0px !important;margin-left:0px !important; height:332px;}

	.portArea .ptsArea .p3area1 {margin:250px 0 80px;}
	.portArea .ptsArea .p3area2 .textarea {margin:0 5%;}
	.portArea .ptsArea .p3area2 .p3img {width:54%; margin:20px 5%;}
	.portArea .ptsArea .p3area2 .p3img img {}
	.portArea .ptsArea .p3area2 .p3img img:last-child {float:right;}

	.portArea .ptsArea .p3area2 .textarea {position:relative;}
	.portArea .ptsArea .p3area2 .textarea img {margin:0; z-index:0;}
	.portArea .ptsArea .p3area2 .textarea dl {position:relative;z-index:1; margin-top:30px;}
	.portArea .ptsArea .p3area2 .textarea dl dt {}
	.portArea .ptsArea .p3area2 .textarea dl dd {width:100%;}

	.service.fitness01 .tablet {width:70%;}
	.service.fitness01 .tablet img{width:100%;}
	.service.fitness01 .logo_f {width:180px;}
	.service.fitness01 .logo_f img{width:100%;}
	.service.fitness02 .imgArea img {width:100%;}
	.ptsArea .p2area .p2area1 .textarea {margin:210px auto 0;}
	.ptsArea .p2area .p2area2 {width:90%; margin: 40px auto 0;}
	.ptsArea .p2area .p2area2 img {display:block; float:none; width:100%;}
	.ptsArea .p2area .p2area2 .textarea {margin-top:40px;}
	.ptsArea .p2area .p2area2 .textarea dd {margin-top:15px;}
	.ptsArea .p2area .p2area2 .textarea dd br {display:none;}


	.ptsArea .p2area .p2area3 {width:90%; height:auto; margin:0 auto;}
	.ptsArea .p2area .p2area3 .p2margin {margin:70px 0 150px;}
	.ptsArea .p2area .p2area3 .p2margin .area2img,
	.ptsArea .p2area .p2area3 .p2margin .area2img2,
	.ptsArea .p2area .p2area3 .p2margin .area2img3 {position:relative; left:0; margin:0;}
	.ptsArea .p2area .p2area3 .p2margin .area2img:after,
	.ptsArea .p2area .p2area3 .p2margin .area2img2:after,
	.ptsArea .p2area .p2area3 .p2margin .area2img3:after {content:''; display:block; clear:both;}

	.ptsArea .p2area .p2area3 .p2margin .area2img img,
	.ptsArea .p2area .p2area3 .p2margin .area2img2 img,
	.ptsArea .p2area .p2area3 .p2margin .area2img3 img {float:left; width:40%;}

	.ptsArea .p2area .p2area3 .p2margin .area2img3 p,
	.ptsArea .p2area .p2area3 .p2margin .area2img2 p,
	.ptsArea .p2area .p2area3 .p2margin .area2img p {margin-top:0;right:0;left:4%;width:56%;float:left; text-align:left; position:relative; line-height:1.6;}

	.ptsArea .p1img1 {margin:340px auto 0;}

	.ptssArea .p1img3 {width:90%;}
	.ptssArea .p1img3 .p1area2 {margin-top:0px;padding-bottom:30px;}

	.portArea .p4area1 {margin-top:18rem;width:100%;}
	.portArea .p4area1 .infoBox {height:auto;margin:0;padding:0;}
	.portArea .p4area1 .infoBox dt {display:block;padding:3rem;width:100%;height:auto;background:#eee;}
	.portArea .p4area1 .infoBox dd {display:block;padding:2rem 3rem;height:auto;font-size:16px;word-break:break-all;}
	.portArea .p4area1 p {padding:0 3rem;text-align:left;font-size:13px;line-height:1.8;}
	.portArea .p4area1 .infoBox:before {content:none;}
	.portArea .p4area2 {padding:5rem 0;}
	.portArea .p4area2 .circle {margin:0 1rem;padding-top:45px;width:130px;height:130px;}
	.portArea .p4area2 .circle:first-child:after {width:160px;height:160px;}
	.portArea .p4area3 img {height:100%;}

	.portArea .p5area1 {margin-top:260px;padding:3rem 2rem;}
	.portArea .p5area1 div {display:block;padding:0;width:100% !important;height:auto;}
	.portArea .p5area1 div:first-child {margin-bottom:50px;}
	.portArea .p5area1 div strong {font-size:18px;}
	.portArea .p5area1 div p {padding-top:20px;font-size:15px;}
	.portArea .p5area1 div p:before {padding-top:20px;}
	.portArea .p5area1 div ul {padding-top:20px;}
	.portArea .p5area1 div ul:before {padding-top:20px;}
	.portArea .p5area1 div ul li {font-size:15px;}
	.portArea .p5area1 div img {margin:0 0 1rem;width:70%;}
	.portArea .p5area2 {padding:5rem 0 4rem;}
	.portArea .p5area2 > img {width:100%;}
	.portArea .p5area2 div {padding:15rem 0 0 0;}
	.portArea .p5area2 div dl {margin-top:2rem;padding:0 1rem;width:140px;height:auto;}
	.portArea .p5area2 div dl dt {box-sizing:border-box;text-align:center;}
	.portArea .p5area2 div dl dt img {width:8rem !important;}
	.portArea .p5area2 div dl dd {font-size:12px;}
	.portArea .p5area2.type2 {height:0;padding-top:6rem;}
	.portArea .p5area2.type2 div {height:auto;padding:10rem 0 5rem;}
	.portArea .p5area2.type3 {height:auto;padding:0 0 5rem 0;}
	.portArea .p5area2.type3 div dt img {width:100px;}
	.portArea .p5area2.svgType div {padding-top:13rem;}

	.portArea .p6area1 {margin-top:17rem;height:auto;}
	.portArea .p6area1 div:first-child {width:100%;}
	.portArea .p6area1 div strong {font-size:18px;}
	.portArea .p6area1 div p {padding-top:70px;line-height:1.7;font-size:14px;}
	.portArea .p6area1 div {padding:2rem;box-sizing:border-box;}
	.portArea .p6area1 div img {margin:1rem;width:calc(100%/2 - 34px);}
	.portArea .p6area2 {padding:3rem 2rem 2rem;}
	.portArea .p6area2 p {padding:0;float:inherit;width:100%;font-size:14px;}
	.portArea .p6area2 div {padding:20px 0 0 0;}
	.portArea .p6area2 div img {margin:10px 8px !important;width:calc(100%/2 - 20px);}

	/* narae 2022-01-12 */
	.portArea .p7area1 {margin-top:300px;height:auto;background:#f9f9f9;}
	.portArea .p7area1.single {margin-top:200px;}
	.portArea .p7area1 div {text-align:left;padding:1rem 1rem 2rem;}
	.portArea .p7area1 div strong {display:inline-block;padding:20px 0 7px;border-bottom:2px solid #ddd;}
	.portArea .p7area1 span {display:none;}
	.portArea .p7area2 div {padding:5rem 1rem 1rem;}
	.portArea .p7area2 div strong {display:inline-block;padding:20px 0 7px;}
	.portArea .p7area2 div img {width:calc(100vw - 100px);padding-bottom:80px;}
	.portArea.portfolio27 .p7area2 div {text-align:center;}

}

@media screen and (max-width:845px){

	.serviceArea {padding:0 5%; box-sizing:border-box;}
	.serviceArea .titArea {padding:100px 0 60px;}
	.serviceArea .service_01,
	.serviceArea .service_02,
	.serviceArea .service_03 {margin-bottom:100px;}
	.serviceArea .service_04 {margin-bottom:40px;}
	.serviceArea .service_04 .txtBox {padding:0;}
	.serviceArea .service_05 {margin-top:0;}

	.itArea .refBox .refTit:before {width:50px;}
	.itArea .refBox .refTit {font-size:20px; margin-bottom:40px;}
	.itArea .refBox ul {width:90%; margin:0 auto;}
	.itArea .refBox ul li:first-child {padding:0 8px;}
	.itArea .refBox ul li {width:calc(33.3333% - 16px);}

	.pfList .name div {display:block;}
	.pfList .name .pfInfo {margin:10px 0 0;}

	.service.fitness03 ul li:nth-child(1) .o_title,
	.service.fitness03 ul li:nth-child(3) .o_title,
	.service.fitness03 ul li .o_title {float:none; margin:0 auto;}
	.service.fitness03 ul li:nth-child(1) .o_text,
	.service.fitness03 ul li:nth-child(3) .o_text,
	.service.fitness03 ul li .o_text { text-align:center;}
	.service.fitness03 ul li {min-height:300px;}

	/* narae 2021-01-13 */
	.portArea .p7area2 ul.desktopVer {border-spacing:45px;}
	.portArea .p7area2 ul.desktopVer li:not(:last-child):after {transform:translate(28px, 3px);letter-spacing:6px;} 
}

/* 디바이스(iPhone 6 plue 가로모드 기준) 넓이 736 이하 일 경우 */
@media screen and (max-width:736px){
	#header {padding:0 20px;}
	#header h1 a {width:50px;}

	.mainTop .scrDown {display:none;}
	.mainTop .btnDown {left:50%; margin-left:-115px;}
	.mainTop .swiper-button-prev,
	.mainTop .swiper-button-next {width:60px;}
	.mainTop .txtBox h2 {margin-bottom:40px;}
	.mainTop .txtBox p {font-size:14px;}
	.mainTop .txtBox p br {display:none;}


	.serviceArea .service_01,
	.serviceArea .service_02,
	.serviceArea .service_03,
	.serviceArea .service_04,
	.serviceArea .service_05 {width:100%;}

	.serviceArea .serviceBox p {font-size:13px;}
	.serviceArea .titArea p br,
	.serviceArea .serviceBox p br {display:none;}
	.serviceArea .service_02 .txtBox {margin:0;width:90%;}
	.serviceArea .service_03 .txtBox {width:80%; left:20%;}
	.serviceArea .service_05 .txtBox {position:relative;width:90%; left:0; right:0%; margin-right:0; margin-bottom:15px; float:none;}

	.footer div {padding:0 20px;}
	.lastArea .txtBox dl {padding:35px 5% 0;}
	.lastArea ul.infoList {margin:20px 5%;}

	.recruitArea {margin:0 5%;}
	.aboutCase,
	.bizCase,
	.serviceCase,
	.rctCase,
	.pfCase {height:350px;background-attachment: unset; background-size: cover;}

	.subTop .txtBox {top:20%;}
	.subTop .txtBox h2 {font-size:30px; margin:20px 0 10px;}
	.subTop .txtBox p {font-size:12px; line-height:1.4; width:90%; margin:0 auto;}
	.subTop .subNav .menuList>li {width:calc(50% - 30px);}
	.subTop .subNav .menuList .depth {width:100%;box-sizing:border-box;}

	.subCase h3 {margin:60px 0 40px;padding-top:40px;font-size:24px;}
	.subCase h3:first-child:before {height:38px;}

	.c-menu--slide-right.is-active {width:100%;}
	.gnb {padding:20px;}
	.gnb ul {margin-top:0px;}
	.gnb ul.menu>li {margin-bottom:40px;}
	.gnb ul li a {font-size:12px;}

	.tabMenu {width:100%;}
	.tabMenu span input {font-size:14px; padding:10px 0 ;}

	.hstArea ol {padding:10px 0 30px;}
	.hstArea ol>li {margin-bottom:20px;}
	.hstArea ol li strong:before {width:10px;}
	.hstArea ol>li:nth-child(odd) ul {padding: 10px 0 0 30px;}
	.hstArea ol>li:nth-child(even) ul {padding:10px 30px 0 0;}
	.hstArea ul li {font-size:12px;}

	.pop-wrap .txtBox em {font-size:16px;}
	.pop-wrap .txtBox strong {font-size:26px;}
	.pop-wrap .txtBox dl dt {font-size:14px;}
	.pop-wrap .txtBox dl dd {font-size:16px;}

	.ceoArea .msgArea {background:none; margin-bottom:10rem;}
	.ceoArea .msgBox {display:block; width:100%; margin: 20px 0 40px;}

	.itArea .doList dl dd {padding: 0 0 0 25px;}
	.itArea .doList dl dd p,
	.itArea ul.qaList>li {font-size:12px;}
	.explanSet .detail p.subInfo {font-size:14px; line-height:1.7;}
	.itArea .itImg {width:90%; margin:0 auto 2rem;}

	.itArea .sstArea {height:auto;}
	.itArea .sstArea .imgBox,
	.itArea .sstArea .txtBox {position:relative; width:100%; height:auto;}
	.itArea .sstArea .imgBox img {width:100%;}
	.itArea .sstArea .txtBox {width:90%; margin:-40px 5% 0; padding:20px;}
	.itArea .sstArea .txtBox dl {margin-bottom:20px;}
	.itArea .sstArea .txtBox dl dt {margin-bottom:15px;}
	.itArea .sstArea .txtBox dl dd p {font-size:14px; line-height:1.5; margin-bottom:15px;}
	.itArea .sstArea .txtBox dl dd p br {display:none;}

	.itArea .refBox ul li strong {font-size:14px; margin:20px 0 0;}
	.itArea .refBox ul li em {font-size:12px;}

	.itArea .netArea .netList li {width:50%;}
	.itArea .netArea .netList li dl dd {font-size:12px;}
	.itArea .netArea .subInfo {font-size:14px; line-height:1.9;}
	.itArea .netArea .subInfo br {display:none;}
	.itArea .tCenter img {width:100%;}


	.portArea .ptsArea .p3area1 div .textarea p {font-size:14px; width:90%; margin:0 auto;}
	.portArea .ptsArea .p3area1 .textarea dd {font-size:12px; margin-top:10px;}
	.portArea .ptsArea .p3area1 .textarea dt {font-size:14px; margin-top:35px;}

	.recruitArea .titArea > h3 {font-size:36px;}
	.recruitArea .rec_list {margin-top:20px;}
	.recruitArea .btn_more {bottom:-55px;}
	.recruitArea .subheader {font-size:13px;}

	.ptsArea .p2area .p2area4 img {width:90%;}
	.ptsArea .p1img2 {margin:70px auto 100px;}

	.service.contract01 {height:300px; background-size:cover;}
	.service.contract01 .textArea {width:40%;}
	.service.contract01 .textArea .title {font-size:26px; margin-bottom:0;}
	.service.contract01 .textArea span {font-size:17px; margin-bottom:12px;}
	.service.contract01 .textArea p {margin:0; font-size:12px;}

	.service.contract02 .title {width:100%; margin-bottom:30px;}
	.service.contract02 .title br {display:none;}
	.service.contract02 .iconArea {width:100%;}

	.service.contract03 .feature {width:100%; margin-top:60px;}
	.service.contract03 .title {width:100%; position:absolute;}

	.service.fitness01 .logo_f {width:100px;}
	.service.fitness01 .textArea {width:60%;}
	.service.fitness02 .textArea {float:none; width:100%;}
	.service.fitness02 .imgArea {float:none; margin:40px auto 0;}
	.service.fitness03 ul li .o_title {width:130px; height:130px;}

	.pfList li {margin-bottom:0px;}
	.pfList .name {min-height:140px;}

	.portArea .ptsArea .p3area2 .textarea {width:90%;}
	.portArea .ptsArea .p3area2 .p3img {width:90%;}

	.ptsArea .p2area .p2area1 .textarea dt {font-size:24px;}
	.portArea .ptsArea .p3area3 div {width:calc(50% - 10px); margin-right:20px;}
	.portArea .ptsArea .p3area3 div:nth-child(2) {margin-right:0;}
	.portArea .ptsArea .p3area3 div:last-child {display:none;}
	.ptssArea .p1img3 .p1area1 img,
	.ptssArea .p1img3 .p1area2 img {width:100%;}
	.ptssArea .p1img3 .p1area1 dd,
	.ptssArea .p1img3 .p1area2 dd {font-size:14px;}

	.ptsArea .p1img1 {margin:240px auto 0;padding:1rem;}
	.ptsArea .p1img1 img {width:100%;}
	.ptsArea .p1img1 + strong {padding:2rem 1rem;text-align:left;font-size:1.143rem;word-break:break-all;}
	.ptsArea .p1img2 {width:90%;}
	.ptsArea .p1img2 img {width:100%;}
	.ptsArea .p1img2 .p1img4 {width:100%;}
	.ptsArea .p1img2 .textarea {width:100%; padding-left:0;padding-top:1rem;}

	.service.competition01 {background-size:cover; background-position:50% 0; height:330px;}
	.service.competition01 .textArea {background:#fff; width:40%;}
	.service.competition01 .textArea .title {font-size:26px;}
	.service.competition01 .textArea span {font-size:17px; margin-bottom:15px;}
	.service.competition01 .textArea p {font-size:12px; margin:0;}

	/* narae 2021-01-13 */
	.portArea .p7area1 {margin-top:270px;}
	.portArea .p7area2 ul.desktopVer {display:none;}
	.portArea .p7area2 ul.moblieVer {display:block;}
	.portArea .p7area2 ul {display:table;width:100%;max-width:1600px;margin:0 auto;}
	.portArea .p7area2 ul.moblieVer li span {display:block;width:80px;height:80px;margin:0 auto;border-radius:100%;background:#c29c54;border:1px solid #c29c54;color:#fff;font-size:13px;font-weight:bold;line-height:80px;}
	.portArea .p7area2 ul.moblieVer li:nth-child(3) span {background:#fff;border:1px solid #c29c54;color:#c29c54;}
	.portArea .p7area2 ul.moblieVer li div {display:block;margin:0 auto;padding:0 0 25px;}
	.portArea .p7area2 ul.moblieVer li div em {display:block;font-size:22px;height:16px;}
}



@media screen and (max-width:540px){
	.ceoArea .overArea .inBlock .partBox {width:100%; height:auto; padding:0 0 40px;}
	.ceoArea .overArea .partBox.develop {margin: 20px 0 0;}
	.ceoArea .overArea .infoTable dl dt {float:left; width:25%;}
	.ceoArea .overArea .infoTable dl dd {float:left; width:75%;}
	.ceoArea .overArea .infoTable dl:after {content:''; display:block; clear:both;}

	.compArea dl {min-height:400px;}
	.compArea dl dt {float:none;width:100%;}
	.compArea dl dd {float:none;width:90%; margin:0 5% 0 5% !important; position:relative;top:280px; height:auto;}

	.cirSet {display:block;}
	.itArea ul.doList>li {margin-top:40px; float:none; height:auto;}
	.itArea .doList dl dt.circle {float:none; width:160px; margin:0 auto;}
	.itArea .doList dl dd {display:block;width:100%; height:auto; padding:20px 0 0;}

	.itArea .refBox ul li {width:calc(50% - 16px);}
	.itArea .netArea .netList li {width:100%;}

	.pfList li {width:100%; margin-bottom:30px;}
	.pfList li:nth-child(even) {padding-left:0px;}

	.service.contract02 .iconArea ul li {width:100%; margin-right:0px; margin-bottom:20px; padding-bottom:30px;}
	.service.contract02 .iconArea ul li p {height:auto; min-height:0;}
	.service.contract03 .feature ul li {width:100%; margin-right:0px; margin-bottom:40px;}

	.service.competition02 {margin:7rem 0;}
	.service.competition02 ul li {float:none; width:100%;}
	.service.competition02 ul li strong {padding:40px 0 6px ; height:auto;}
	.service.competition02 ul li:nth-child(2),
	.service.competition02 ul li:nth-child(3) {margin-top:0;}
	.service.competition02 ul li strong {border-left:0px; width:100%;}
	.service.competition02 ul li p {height: auto; padding:15px 0 0 ;}

	.service.fitness01 .textArea {width:100%; margin-top:20px;}
	.service.fitness02 .imgArea {width:100%;}
	.service.fitness03 ul li {width:100%; min-height:0; margin-bottom:50px;}

	.portArea .ptsArea .p3area1 > div.textarea {display:none;}
	.ptssArea .p1img3 .p1area1,
	.ptssArea .p1img3 .p1area2 {width:100%;}
	.ptssArea .p1img3 .p1area1 img, .ptssArea .p1img3 .p1area2 img {width:50%;}
	.ptssArea .p1img3 .p1area2 {text-align:right;}

	.footer a.terms {display:none;}
	.footer div {text-align:center;}


	.service.contract01 {background-position:30% 50%;}
	.service.contract01 .textArea {width:100%; position:relative; margin-top:320px; padding:0;}

	.service.competition01 {background-position:90% 50%;}
	.service.competition01 .textArea {width:100%; position:relative; margin-top:360px; padding:0 0 70px;}

}


@media screen and (max-width:429px){
	.add2 img {width:90%;}
	.mainTop .txtBox {top:26%;}
	.mainTop .txtBox h2 {font-size:340%;}

	/* narae 2021-01-13 */
	.portArea .p7area2 div img {width:calc(100vw - 30px);}
}