.service_hd {padding:70px 0 85px 0; max-width:1400px; margin:0 auto; width:100%; }
.service_hd h1 {font-size:60px; font-family: 'Pretendard-Bold';}
.service_hd p {margin-top:20px; font-size:22px; color:#c7c7c7}

.top_img {width:100%; height:450px; background:url('../img/overview_bg.png')no-repeat center bottom; background-size: cover; /*border-top:3px solid #2f37ff*/}

.overview {margin-top:140px; }
.overview .wid {max-width:1400px; margin:0 auto; }
.overview .cont1 {width:100%; padding:100px 0 220px 0;}
.overview .cont1:after {content:''; clear: both; display: table;}
.overview .cont1 .box1 {float:left; width:500px;}
.overview .cont1 .box1 h3 {font-sizE:18px; color:#2f37ff; font-family: 'Pretendard-Bold';}
.overview .cont1 .box1 h2 {font-size:40px; margin-top:15px; line-height:1.1em;  font-family: 'Pretendard-Bold';}
.overview .cont1 .box1 .img {width:100%; height:300px; background:url('../img/overview_img1.jpg')no-repeat center; background-size: cover; margin-top:80px; position: relative;}
.overview .cont1 .box1 .img:after{content:''; position: absolute; bottom:-60px; width:calc(100% + 160px); left:-80px; background:#f7f7f7; height:120px; z-index: -1;}
.overview .cont1 .box2 {float:right; width:700px; margin-top:43px;}
.overview .cont1 .box2 p {font-size:16px; line-height:1.4em; color:#1b1b1b;}

.overview .cont2 {padding-bottom:130px;}
.overview .cont2 h4 {font-size:20px; color:#111;  font-family: 'Pretendard-Bold'; position: relative; margin-bottom:55px;}
.overview .cont2 h4:after {content:''; position: absolute; right:0; top:11px; height:1px; width:calc(100% - 135px); background:#222;}
.overview .cont2 .ad_box:after{content:''; clear: both; display: table;}
.overview .cont2 .ad_box .box {float:left; margin-right:20px; width:calc((100% - 60px) / 4);}
.overview .cont2 .ad_box .box:nth-child(4) {margin-right:0;}
.overview .cont2 .ad_box .box p {font-size:20px; margin-top:20px; font-family: 'Pretendard-Bold';}
.overview .cont2 .ad_box .box span {font-size:14px; line-height:1.3em; margin-top:10px; color:#1b1b1b; font-family: 'Pretendard-Light'; display: inline-block;}

@media screen and (max-width:1400px) {
	.service_hd {padding:55px 30px 85px 30px;}
	.service_hd h1 {font-size:50px;}
	.service_hd p {font-size:20px;}

	.overview .wid {padding:0 30px;}
	.top_img {height:400px;}

	.overview .cont2 .ad_box .box img {width:100%;}
}

@media screen and (max-width:1280px) {
	.overview .cont1 {padding:100px 0 160px 0}
	.overview .cont1 .box1 {width:450px;}
	.overview .cont1 .box2 {width:calc(100% - 505px);}
	.overview .cont1 .box2 p {font-sizE:15px;}
	.overview .cont1 .box1 h2 {font-size:37px;}
	.overview .cont1 .box1 .img {margin-top:68px;}
	.overview .cont2 h4 {margin-bottom:40px;}
	.overview .cont2 .ad_box .box p {font-size:18px;}
	.overview .cont2 .ad_box .box span {font-size:13px;}
}

@media screen and (max-width:1050px) {
	.service_hd {padding:37px 30px 66px 30px}
	.service_hd h1 {font-size:40px;}
	.service_hd p {font-size:18px; margin-top:16px;}
	.top_img {height:300px;}

	.overview .cont1 .box1 h3 {font-size:16px;}
	.overview .cont1 .box1 h2 {font-sizE:32px;}
	.overview .cont1 .box1 {width:420px;}
	.overview .cont1 .box1 .img {height:285px;}
	.overview .cont1 .box1 .img:after {width:calc(100% + 103px);}

	.overview .cont1 .box2 {width:calc(100% - 465px);}
	.overview .cont1 .box2 p {font-size:13px;}

	.overview .cont2 .ad_box .box p {font-size:16px;}

}

@media screen and (max-width:950px) {
	.service_hd {padding:25px 30px 55px 30px}
	.service_hd h1 {font-size:30px;}
	.service_hd p {font-size:15px; margin-top:13px;}
	.top_img {height:250px;}

	.overview .cont1 .box1 .img:after {width:calc(100% + 98px); bottom:-66px;}
	.overview .cont1 {padding:80px 0 120px 0;}
	.overview .cont1 .box1 h2 {font-size:28px;}
	.overview .cont1 .box1 {width:43%;}
	.overview .cont1 .box1 .img  {height:210px; margin-top:60px;}
	.overview .cont1 .box2 {width:52%;}
	.overview .cont1 .box2 p {FONT-SIZe:12PX; line-height:1.3em;}

	.overview .cont2 .ad_box .box p {font-size:14px;}
	.overview .cont2 .ad_box .box span {font-size:11px;}
	.overview .cont2 {padding-bottom:90px;}
}

@media screen and (max-width:700px) {
	.service_hd {padding:10px 20px 35px 20px;}
	.top_img {height:150px;}
	.overview .wid {padding:0 20px;}
	.overview .cont1 {padding:60px 0 90px 0}
	.overview .cont1 .box1 {width:100%;}
	.overview .cont1 .box1 p {font-size:13px;}
	.overview .cont1 .box1 h2 {fdont-size:25px;}
	.overview .cont1 .box1 .img {height:180px; margin-top:35px;}

	.overview .cont1 .box2 {width:100%; margin-top:30px;}

	.overview .cont2 {padding-bottom:50px;}
	.overview .cont2 h4 {font-size:18px;}
	.overview .cont2 .ad_box .box {width:calc((100% - 10px) / 2); margin-right:10px; margin-bottom:40px;}
	.overview .cont2 .ad_box .box:nth-child(2n) {margin-right:0;}

	.overview .cont2 .ad_box .box:nth-child(2n+1) {clear: both;}
}








.service {margin-top:140px;  overflow: hidden;}
.service .wid {max-width:1400px; margin:0 auto;  padding-bottom:120px;}
.service .cont1 h4 {font-size:20px; color:#111;  font-family: 'Pretendard-Bold'; position: relative; margin-bottom:55px; margin-top:100px;}
.service .cont1 h4:after {content:''; position: absolute; right:0; top:11px; height:1px; width:calc(100% - 142px); background:#222;}
.service .cont1 .ser_box:after{content:''; clear: both; display: table;}
.service .cont1 .ser_box .box {float:left; max-width:1100px; width:100%; margin-bottom:160px; position: relative;}
.service .cont1 .ser_box .box:after {content:''; position: absolute; left:-260px; bottom:-80px; height:310px; width:calc(100% + 260px); background:#f8f8f8; z-index: -1;}
.service .cont1 .ser_box .box .img {float:left; width:490px; height:315px; border-radius:0 0 100px 0; background:url('../img/ser_img1.jpg')no-repeat center; background-size: cover; position: relative;}
.service .cont1 .ser_box .box .img:after {content:''; position: absolute; bottom:-160px; left:-160px; width:210px; height:210px; background:rgba(255, 224, 224, 0.39);}
.service .cont1 .ser_box .box .txt {float:right; width:calc(100% - 490px); padding:0 50px; position: relative;}
.service .cont1 .ser_box .box .txt span {position: absolute; top:14px; font-size:77px; color:#f8f8f8;font-family: 'Pretendard-SemiBold';}
.service .cont1 .ser_box .box .txt h3 {font-size:30px; margin-top:150px; font-family: 'Pretendard-Bold';} 
.service .cont1 .ser_box .box .txt p {margin-top:15px; font-size:16px; line-height:1.4em; color:#7b7b7b;}

.service .cont1 .ser_box .box1 {float:right;}
.service .cont1 .ser_box .box:after {left:inherit; right:-260px;}
.service .cont1 .ser_box .box1 .img {float:right; border-radius:0 0 0 100px;}
.service .cont1 .ser_box .box1 .img:after {left:inherit; right:-160px;}
.service .cont1 .ser_box .box1 .txt {float:left;}

.service .cont1 .ser_box .box .img1:after {background:rgba(255, 243, 224, 0.47);}
.service .cont1 .ser_box .box .img2:after {background:rgba(224, 255, 233, 0.51);}
.service .cont1 .ser_box .box .img3:after {background:rgba(224, 244, 255, 0.47);}


@media screen and (max-width:1400px) {
	.service .wid {padding:0 30px;}
}

@media screen and (max-width:1050px) {
	.service .cont1 .ser_box .box:after {bottom:-56px; height:256px; right:-260px;}
	.service .cont1 .ser_box .box .img {width:400px; height:260px; }
	.service .cont1 .ser_box .box .txt span {top:-4px; font-size:70px;}
	.service .cont1 .ser_box .box .txt h3 {font-sizE:24px; margin-top:100px;}
	.service .cont1 .ser_box .box .txt p {font-size:14px; }
	.service .cont1 .ser_box .box .txt {width:calc(100% - 400px); padding:0 40px;}
}

@media screen and (max-width:950px) {
	.service .cont1 .ser_box .box:after {bottom:-48px; height:250px;}
	.service .cont1 .ser_box .box .img {width:300px; height:200px;}
	.service .cont1 .ser_box .box .txt span {top:-15px; font-size:57px;}
	.service .cont1 .ser_box .box .txt h3 {font-sizE:22px; margin-top:80px;}
	.service .cont1 .ser_box .box .txt {width:calc(100% - 300px); padding:0 30px;}

}

@media screen and (max-width:700px) {
	.service .wid {padding:0 20px;}
	.service .cont1 h4 {font-size:18px; margin-top:60px; margin-bottom:30px;}
	.service .cont1 .ser_box .box .img {width:100%;}
	.service .cont1 .ser_box .box .txt {width:100%; padding:0;}	
	.service .cont1 .ser_box .box .img:after {content:none;}
	.service .cont1 .ser_box .box .txt h3 {margin-top:30px;}
	.service .cont1 .ser_box .box:after {right:-200px; bottom:-37px; height:280px;}
	.service .cont1 .ser_box .box .txt span {top:-43px; font-size:46px;}
	.service .cont1 .ser_box .box .txt h3 { font-size:18px; }
	.service .cont1 .ser_box .box .txt p {font-sizE:13px;}
	.service .cont1 .ser_box .box1 .img {border-radius: 0 0 100px 0;}
	.service .cont1 .ser_box .box {margin-bottom:90px;}
}