/* 링크 서비스 */
.wrap-service {padding-bottom: 10rem;}
.wrap-service > .inner {width: 100%;max-width: 160rem;margin: 0 auto;}
.wrap-service .slider {margin: 17rem 0 0;overflow: hidden;}
.wrap-service .slider .swiper-wrapper {display: flex; width: calc(100% + 4rem);}
.wrap-service .slider .swiper-slide {width: 25%; padding-right: 4rem;}
.wrap-service .slider .box {overflow: hidden; position: relative; display: block; transition: .35s;}
.wrap-service .slider .box .icon img {width: 100%;}
.wrap-service .slider .box > .img > img {width: 100%;}
.wrap-service .slider .box:hover {border-radius: 0 0 9rem 0;}
.wrap-service .slider .box::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .35s;}
.wrap-service .slider .box.bg1::after {background: rgba(0,170,229,.9);}
.wrap-service .slider .box:hover.bg1::after {background: url('../images/deco-link-service1.png') no-repeat center / cover;}
.wrap-service .slider .box.bg2::after {background: rgba(10,53,111,.9);}
.wrap-service .slider .box:hover.bg2::after {background: url('../images/deco-link-service2.png') no-repeat center / cover;}
.wrap-service .slider .box.bg3::after {background: rgba(48,42,108,.9);}
.wrap-service .slider .box:hover.bg3::after {background: url('../images/deco-link-service3.png') no-repeat center / cover;}
.wrap-service .slider .box.bg4::after {background: rgba(16,145,134,.9);}
.wrap-service .slider .box:hover.bg4::after {background: url('../images/deco-link-service4.png') no-repeat center / cover;}
.wrap-service .slider .box::before {content: ''; position: absolute; left: 5rem; bottom: 5rem; z-index: 1; width: 4.6rem; height: 4.6rem; background: url('../images/btn-link-service.png') no-repeat center / cover;}
.wrap-service .slider .txt {position: absolute; left: 0; top: 4.6rem;padding: 0 2rem 0 5rem; z-index: 1;}
.wrap-service .slider .text_1 {font-family: sm; font-size: 4rem; line-height: 1.3; color: #ffffff;}
.wrap-service .slider .text_2 {margin-top: 1rem; font-family: pr; font-size: 2rem; color: #ffffff;}

.wrap-service .prev {display: none !important;}
.wrap-service .next {display: none  !important;}

@media screen and (max-width: 1740px) {
	.wrap-service > .inner {padding: 0 2rem;}
}

@media screen and (max-width: 1450px) {
	.wrap-service .slider .swiper-slide {padding-right: 2rem !important;}
  	.wrap-service .slider .txt {top: 3.6rem;}
  	.wrap-service .slider .text_1 {font-size: 3rem;}
  	.wrap-service .slider .text_2 {font-size: 1.8rem;}
}

@media screen and (max-width: 1024px) {
  	.wrap-service {padding-bottom: 8rem;}
	.wrap-service .slider {position: relative;margin: 3.7rem 9rem 0 9rem;}
  	.wrap-service .slider .swiper-wrapper {width: 100% !important;}
	.wrap-service .slider .swiper-slide {padding-right: 0 !important;}
	.wrap-service .prev {position: absolute;display: block !important;width: 3.6rem;height: 3.6rem;background-image: url('../images/service-arrow-prev.png') !important;background-repeat: no-repeat !important;top: 38% !important;margin-top: 0 !important;background-size: 2rem !important;left: 4rem !important;text-indent: -9999px;}
	.wrap-service .next {position: absolute;display: block !important;width: 3.6rem;height: 3.6rem;background-image: url('../images/service-arrow-next.png') !important;background-repeat: no-repeat !important;top: 38% !important;margin-top: 0 !important;background-size: 2rem !important;right: 4rem !important;text-indent: -9999px;}
    .wrap-service .title strong {font-size: 4.8rem;}
}

@media screen and (max-width: 768px) {
    .wrap-service {padding-bottom: 6rem;} 
  	.wrap-service .slider {margin: 3rem 5rem 0 5rem;overflow: hidden;}
  	.wrap-service .slider .txt {padding: 0 2rem 0 3rem;top: 3rem;}
	.wrap-service .slider .text_1 {font-size: 2.8rem;}
	.wrap-service .slider .text_2 {font-size: 1.6rem;}
	.wrap-service .slider .box::before {width: 4rem;height: 4rem;}
  	.wrap-service .title strong {font-size: 4rem;}
  	.wrap-service .prev {left: 2rem !important;}
  	.wrap-service .next {right: 2rem !important;}
}

@media screen and (max-width: 500px) {
	.wrap-service .slider .box::before {width: 3rem;height: 3rem;bottom: 3.5rem;left: 3rem;}
}