@charset "utf-8";
/* ani */
/* fade-in */
@keyframes fadeIn {
  to { opacity: 1; }
}
@keyframes fadeUp {
  to { opacity: 1;transform: translateY(0); }
}

@keyframes fadeUp2 {
  to { opacity: 1;transform: translate(-50%,0); }
}
@keyframes fadeLeft {
  to {transform:translateX(0);}
}
@keyframes upDown {
0% {transform: translateY(0);}
50% {transform: translateY(-10px);}
100% {transform: translateY(0);}
}
/* section 공통 */
.sec-bg{padding:100px 0;margin:0 !important;background-color:#F6F7F8;}

/* tab */
/* bor-tab */
.bor-tab{position:relative;display:flex;gap:60px;margin-bottom:24px;border-bottom:2px solid #EEF0F4;}
.bor-tab li{}
/* .bor-tab button{display:flex;align-items:center;justify-content:center;padding: 12px 16px;border-bottom:4px solid transparent;text-align:center;color:#AAAFBC;font-size: 22px;font-weight:500;line-height: 130%;}
.bor-tab button.active{color:#353849;border-color:#353849;font-weight: 700;} */
.bor-tab a{display:flex;align-items:center;justify-content:center;position:relative; z-index: 2;bottom: -2px;padding:2.5px 0 18px;border-bottom:4px solid transparent;text-align:center;color:#AAAFBC;font-size: 22px;line-height: 130%;letter-spacing: -0.44px;}
.bor-tab a.active{color:#353849;border-color:#353849;font-weight: 700;}

/* round-tab */
.round-tab{display:flex;gap:10px;margin-bottom:24px;}
.round-tab li{}
.round-tab button{display:flex;align-items:center;justify-content:center;height: 40px;padding:8px 20px;color: #353849;letter-spacing: -0.3px;background-color: #F6F7F8;font-size: 15px;border-radius: 100px;}
.round-tab button.active{background: #35425C;font-weight: 700;line-height: 140%;color: #FFF;}

/* swiper 와이드 */
.wide-swiper{}
.wide-swiper .swiper-button-prev{opacity:0;left: -17.34vw !important;transition:opacity .3s;}
.wide-swiper .swiper-button-next{opacity:0;right: -17.34vw !important;transition:opacity .3s;}
.wide-swiper:hover .swiper-button-prev{opacity:1;}
.wide-swiper:hover .swiper-button-next{opacity:1;}

@media (max-width:1800px) {
	.wide-swiper .swiper-button-prev{left: -16% !important;}
	.wide-swiper .swiper-button-next{right: -16% !important;}
}

@media (max-width:1600px) {
	.wide-swiper .swiper-button-prev{left: -10% !important;}
	.wide-swiper .swiper-button-next{right:-10% !important;}
}
@media (max-width:1400px) {
	.wide-swiper .swiper-button-prev{left: -40px !important;}
	.wide-swiper .swiper-button-next{right: -40px !important;}
}


/* 함께하면 더 좋은 서비스 영역 공통 */
.service-item{display:flex;gap:24px;padding-top: 10px;}
.service-item a{display: flex;justify-content:space-between;align-items: center;padding:24.5px 24px;flex:1;position:relative;border:1px solid #A7D3FF;border-radius:8px;background-color: rgba(235, 246, 255, 0.6);transition:transform .3s;}
.service-item a:active{transform: scale(0.94);}
.service-item a span{position:absolute;display:inline-block;text-align:center;border-radius:20px;padding:4px 10px;top:-10px;left:20px;letter-spacing: -0.24px;color:#FFFFFF;background-color:#338DFF;font-size:12px;line-height:100%;font-weight:700;}
.service-item a p{display: flex;flex-direction: column;gap: 1px;font-size: 18px;letter-spacing: -0.36px;}

/* accordion toggle 공통*/
.accordion-sec > .container{position:relative;}
.accordion-sec .top-head-title-l{margin-bottom:16px;}
.accordion-sec .contract-info{display:flex;gap:2px;flex-direction:column;margin-bottom: 16px;padding: 12px 16px;border-radius: 4px;border: 1px solid #DFE1E8;color:#687286;font-size: 12px;line-height: 18px;letter-spacing: -0.24px;}
.accordion-sec .contract-info p{position:relative;margin-left:20px;}
.accordion-sec .contract-info p::before{display: inline-block;position:absolute;top:8px;left:-11px;background: #687286;content: '';width: 2px;height: 2px;border-radius: 100%;}

.accordion-list{display:flex;flex-direction:column;}
.accordion-list .accordion-item{border-bottom:1px solid #DFE1E8;}
.accordion-list .accordion-toggle{position:relative;cursor:pointer;padding:18.5px 0;color:#35425C;font-size: 18px;letter-spacing: -0.36px;}
.accordion-list .accordion-toggle::after{position:absolute;top:50%;right:0;display:inline-block;width:16px;height:16px;background: url("../images/sub/icon-accordion-arr.svg");content:'';transition:transform .3s;transform: translate(0, -50%) rotate(0deg);transform-origin: center;}
.accordion-list .active .accordion-toggle::after{transform:rotate(-180deg) translate(0, 50%);}
.accordion-list .accordion-toggle .toggle-text{max-width: 94%;}
.accordion-list .accordion-content{padding:0 20px 30px;color:#8C92A4;font-size:15px;}
.accordion-list .accordion-content .num-list{display:flex;flex-direction:column;gap:8px;}
.accordion-list .accordion-content p+.num-list{margin:8px 0 0;}
.accordion-list .accordion-content .num-list li{margin-left: 15px;text-indent: -15px;}
.accordion-list .accordion-content .bg-box{margin:8px 0 0 -15px;padding:10px;background-color: #EEF0F4;border-radius:4px;}
.accordion-list .accordion-content .bg-box p{text-indent: 0;}
.accordion-list .accordion-content .num-list .text-indent{display: inline-block;margin-left: 15px;}
.accordion-list .accordion-content .num-list .m-8{margin:8px 0;}
.accordion-list .accordion-content .bg-box .dot-text{position:relative;margin-left:20px;text-indent: 0;}
.accordion-list .accordion-content .bg-box .dot-text::before{display: inline-block;position:absolute;top:8px;left:-11px;background: #8C92A4;content: '';width: 3px;height: 3px;border-radius: 100%;}
.accordion-sec .btn-more{position:absolute;top:6.5px;right:0;color:#687286;font-size:14px;}

/* 그라데이션 ani 공통*/
.gra-ani-sec{margin:0 !important;}
.gra-ani-sec >.container{display:flex;gap:32px;}
.gra-ani-sec .gr-box{position:relative;height: 280px;transition:transform .3s;}
.gra-ani-sec .gr-box:hover{transform:translateY(-5px);}
.gra-ani-sec .gr-box .text-box{position: absolute;top:0;left:0;display:flex;padding: 40px;align-items: flex-start;flex-direction: column;justify-content: space-between;width: 100%;height: 280px;;}
.gra-ani-sec .gr-box .text-box .gr-top{display:flex;align-items: flex-start;flex-direction: column;width: 100%;}
.gra-ani-sec .gr-box .text-box .gr-badge{display: flex;margin-bottom:12px;padding: 4px 8px;justify-content: center;align-items: center;font-size: 13px;color:#4068FD;line-height: 100%;font-weight:500;border-radius: 4px;background: #E9F4FF;}
.gra-ani-sec .gr-box .text-box em{margin-bottom:4px;color:#35425C;font-size: 18px;line-height: 120%;letter-spacing: -0.36px;}
.gra-ani-sec .gr-box .text-box strong{font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.gra-ani-sec .gr-box .text-box .gr-btm{display:flex;align-items: flex-start;flex-direction: column;width: 100%;gap:16px;}
.gra-ani-sec .gr-box .text-box .btn-primary{width:100%;}
.gra-ani-sec .gr-box .text-box .chk-list{display: flex;align-items: center;gap: 12px;}
.gra-ani-sec .gr-box .text-box .chk-list span{display:flex;align-items:center;gap:4px;color:#338DFF;letter-spacing: -0.3px;}

/* reveiw section 공통 */
section .review-top-title{display: flex;margin-bottom:40px;padding: 8px 28px;justify-content: center;align-items: center;gap: 12px;background: linear-gradient(90deg, rgba(235, 246, 255, 0.00) 0%, rgba(235, 246, 255, 0.80) 15%, #EBF6FF 50%, rgba(235, 246, 255, 0.80) 85%, rgba(235, 246, 255, 0.00) 100%);}
section .review-title{display:flex;align-items:center;gap:8px;}
section .review-num{color:#353841;font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.48px;}
section .review-list .text-box {width: calc(100% - 155px);}
section .review-list .text.ellipsis-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 1px;overflow: hidden;font-size: 14px;text-overflow: initial;white-space: normal;line-height: 21px;color:#5A6275;}
section .review-list .img{width: 135px;height: 90px;}
.review-sec-bg{padding: 100px 0;margin:0 !important;background: rgba(228, 241, 255, 0.40);}
.review-sec-bg .review-top-title{background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.80) 15%, #FFF 50%, rgba(255, 255, 255, 0.80) 85%, rgba(255, 255, 255, 0.00) 100%);}
.review-sub-title{display: inline-flex;margin:40px 0 24px;padding: 8px 16px;justify-content: center;align-items: center;border-radius: 50px;background: #338DFF;color: #FFF;font-size: 18px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;}

/* 하단 무료견적 공통 */
.free-estimate-sec{padding:100px 0;margin:0 !important;background-color: #E4F1FF;text-align:center;}
.free-estimate-sec .text1{display:block;margin-bottom:4px;font-size: 44px;font-weight: 700;letter-spacing: -0.88px;line-height:66px;}
.free-estimate-sec .text2{font-size: 28px;line-height:42px;}
.free-estimate-sec button{width:480px;margin:32px auto 0;}

/* 서비스 메인 top 공통 */
.sub-main-top{padding:80px 0 53px;}
.sub-main-top >.container{position:relative;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 8px;height: 150px;border-radius: 12px;padding: 24px 120px 24px 60px;}
.sub-main-top .text1{font-size: 18px;line-height: 120%;letter-spacing: -0.36px;}
.sub-main-top .text2{font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.sub-main-top .ani-img-com{position: absolute;z-index:1;right:120px;bottom: 12px;opacity:0;display:block;width:126px;height:124px;content:'';background: url("../images/sub/img-service-top-com.png")no-repeat;animation: serviceTopAni .5s forwards;animation-delay: 0.3s; }
@keyframes serviceTopAni {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  60% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* 서브비주얼 공통 */
.sub-visual{position:relative;z-index:1;margin:0 auto 100px;background: rgba(217, 237, 255, 0.50);height:380px;overflow:hidden;}
.sub-visual >.container{display: flex;align-items: center;justify-content: space-between;position: relative;height: 100%;}
.sub-visual .text-box{display:flex;flex-direction:column;align-items:flex-start;}
.sub-visual .text-box .top-badge{display: flex;padding: 6px 16px;align-items: center;gap: 4px;margin-bottom:16px;line-height: 140%;font-weight:500;letter-spacing: -0.3px;border-radius: 50px;background: #FFF}
.sub-visual .text-box .text-01{margin-bottom:8px;color:#5A6275;font-size: 18px;line-height: 120%;letter-spacing: -0.36px;}
.sub-visual .text-box .text-02{margin:0 0 42px;font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.sub-visual .text-box .btn{width:200px;}

/* 카드형 공통 */
.bk-card-wrap{display: flex;flex-direction: column;align-items: flex-start;gap: 24px;align-self: stretch;}
.bk-card-wrap .bk-card-top{position:relative;z-index: 1;color: #fff;align-items: flex-start;display: flex;flex-direction: column;height:320px;border-radius: 16px;padding:40px;overflow:hidden;width: 100%;}
.bk-card-wrap .bk-card-top::after{display:inline-block;width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: -1;content:'';transition:transform .2s;}
.bk-card-wrap .bk-card-top:hover::after{transform:scale(1.05);}
/* .bk-card-wrap .bk-card-top::after{display:block;width:100%;height:;content:'';background: linear-gradient(180deg, rgba(37, 37, 37, 0.90) 0%, rgba(37, 37, 37, 0.60) 40%, rgba(37, 37, 37, 0.00) 70%) no-repeat;} */
.bk-card-wrap .bk-card-top .sm-title{display: flex;padding: 6px 16px;justify-content: center;align-items: center;border-radius: 50px;border: 1px solid #FFF;font-size: 16px;font-weight: 500;line-height: 140%;letter-spacing: -0.32px;}
.bk-card-wrap .bk-card-top .text-01{display:inline-block;margin:16px 0 8px;font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.48px;}
.bk-card-wrap .bk-card-top .text-02{font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;}
.bk-card-wrap .bk-card-top .text-info{position:absolute;left:40px;bottom:40px;font-size: 13px;font-weight: 500;line-height: 130%;letter-spacing: -0.26px;}
.bk-card-wrap .bk-card-list{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 26px;width: 100%;}
.bk-card-wrap .bk-card-list li{position:relative;z-index:1;border-radius:16px;overflow:hidden;}
.bk-card-wrap .bk-card-list li::after{display:inline-block;width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: -1;content:'';transition:transform .2s;}
.bk-card-wrap .bk-card-list li:hover::after{transform:scale(1.05);}
.bk-card-wrap .bk-card-list li a{display:flex;flex-direction:column;align-items:flex-start;height:420px;padding:32px;color:#fff;}
.bk-card-wrap .bk-card-list li .sm-title{display: flex;padding: 6px 16px;justify-content: center;align-items: center;font-size: 16px;font-weight: 500;line-height: 140%;letter-spacing: -0.32px;border-radius: 50px;border: 1px solid #FFF;}
.bk-card-wrap .bk-card-list li .text-01{display:inline-block;margin:16px 0 4px;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;}
.bk-card-wrap .bk-card-list li .text-02{font-size: 15px;font-weight: 500;line-height: 150%;letter-spacing: -0.3px;}
.bk-card-wrap .bk-card-list .icon-card-arr{position:absolute;top:36px;right:36px;}

/* live 견적 스와이퍼 공통 */
.live-swiper{display: flex;align-items: center;width: 964px;gap:20px;margin: 0 auto 24px;}
.live-swiper .swiper{margin: 0;}
.live-swiper .live-title{display:flex;align-items:center;font-size: 12px;width:66px;color:#687286;flex-shrink: 0;}
.live-swiper .live-title strong{display:flex;align-items:center;gap:4px;font-weight: 700;}
.live-swiper .live-title span{font-weight: 600;}
.live-swiper .swiper-slide{width: auto !important;font-size:14px;color:#687286;}
.live-swiper .swiper-slide a{display:flex;align-items:center;gap:8px;color:#687286}

/* 옆으로 열리는 카드 형 공통 */
.stretch-card-list{display:flex;gap:26px;margin-top:24px;}
.stretch-card-list li{position:relative;z-index:1;display: flex;width:164px;height: 420px;transition:width .6s;border-radius: 16px;overflow:hidden;}
.stretch-card-list li.active{width: 566px;}
.stretch-card-list.col-3 li{width:199px;}
.stretch-card-list.col-3 li.active{width: 687px;}

.stretch-card-list li::before{position: absolute;top: 0;left: 0;z-index: -1;display:inline-block;width:100%;height:100%;content:'';transition:transform .2s;}
.stretch-card-list li:hover::before{transform:scale(1.05);}
.stretch-card-list .stretch-toggle{display: flex;width:100%;height:100%;flex-direction: column;gap: 16px;padding:40px 7px 0 16px;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;cursor:pointer;background: linear-gradient(180deg, rgba(37, 37, 37, 0.90) 0%, rgba(37, 37, 37, 0.60) 40%, rgba(37, 37, 37, 0.50) 70%);backdrop-filter: blur(2px);color:#fff;}
.stretch-card-list li.active .stretch-toggle{display:none;}
.stretch-card-list .stretch-box{display:block;width: 0;height: 0;color: #FFF;}
.stretch-card-list li.active .stretch-box{width:100%;height:100%;padding:40px;}
.stretch-card-list li.active .stretch-box::after{display:block;z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;content:'';background: linear-gradient(180deg, rgba(37, 37, 37, 0.90) 0%, rgba(37, 37, 37, 0.60) 40%, rgba(37, 37, 37, 0.00) 60%);}
.stretch-card-list .stretch-box .title-sm{border-radius: 50px;border: 1px solid #FFF;padding: 6px 16px;font-size: 16px;font-weight: 500;line-height: 140%;letter-spacing: -0.32px;}
.stretch-card-list .stretch-box .text-01{margin:16px 0 8px;font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.stretch-card-list .stretch-box .text-02{font-size: 16px;font-weight: 500;letter-spacing: -0.32px;}
.stretch-card-list .stretch-box .text-03{position: absolute;bottom: 40px;left: 40px;font-size: 13px;font-weight: 500;line-height: 130%;letter-spacing: -0.26px;opacity:0;}
.stretch-card-list .active .stretch-box .text-03{opacity:1;}
.stretch-card-list .stretch-box i{position:absolute;top:44px;right:44px;}
.stretch-card-list li .stretch-box .text-box{opacity:0;width:calc(100% - 80px);flex-direction: column;display: flex;align-items: flex-start;transition:opacity .3s .2s ease-in-out;}
.stretch-card-list li.active .stretch-box .text-box{opacity:1;}

/* 서비스 전문가 공통 */
.standard-sec{padding:100px 0;background-color: #F6F7F8;}
.standard-sec .top-head-title-l{margin-bottom:6px;}
.standard-sec .standard-title{display: inline-flex;margin:28px 0 0;padding: 8px 16px;justify-content: flex-start;align-items: center;color:#fff;border-radius: 50px;background:#338DFF;}
.standard-sec .standard-list{display: flex;gap: 28px;margin-top: 28px;}
.standard-sec .standard-list li{display: flex;height: 260px;padding: 40px;flex-direction: column;justify-content: space-between;align-items: flex-end;flex: 1 0 0;border-radius: 12px;background: #FFF;box-shadow: 3px 5px 10px 4px rgba(0, 0, 0, 0.10), 1px 2px 4px 0 rgba(0, 0, 0, 0.05);}
.standard-sec .standard-list li strong{width:100%;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.standard-sec .standard-list li .icon{position:relative;display:block;width:150px;height:150px;border-radius:100%;background-color: #E3F1FF;}
.standard-sec .standard-list li .icon i{position: absolute;left:0;bottom:0;}
.standard-sec .standard-list li.car .icon i{position: absolute;right:0;bottom:0;left:auto;}

/* 추천 영역 공통 */
.recom-item-box{display: grid;height: 384px;row-gap: 24px;column-gap: 24px;align-self: stretch;grid-template-rows: repeat(2, minmax(0, 1fr));grid-template-columns: repeat(2, minmax(0, 1fr));}
.recom-item-box li{display: flex;padding: 24px 40px;border-radius:8px;align-items: center;gap: 30px;}
.recom-item-box li:nth-child(1),.recom-item-box li:nth-child(4){background: #E0F0FF;}
.recom-item-box li:nth-child(2),.recom-item-box li:nth-child(3){background: #F6F7F8;}
.recom-item-box li .icon{display:flex;align-items:center;justify-content:center;background-color: #fff;width: 130px;height: 130px;border-radius:100%;}
.recom-item-box li div {display:flex;flex-direction:column;flex-direction;column;gap:8px;}
.recom-item-box li div em{letter-spacing: -0.3px;}
.recom-item-box li div strong{font-size: 19px;font-weight: 700;line-height: 130%;letter-spacing: -0.57px;}

/* 체계적인 과정 공통 */
.system-list-wrap{display: flex;flex-direction: column;align-items: flex-start;gap: 50px;align-self: stretch;}
.system-list{display: grid;grid-template-columns: 1fr 1fr;gap: 48px;}
.system-list .system-view-box{position:relative;overflow:hidden;width: 544px;height: 320px;border-radius: 16px;}
.system-list .system-view-toggle{position:relative;z-index:1;display: flex;width: 100%;height: 100%;padding: 40px;overflow:hidden;flex-direction: column;align-items: flex-start;gap: 12px;transition: .3s;cursor: pointer;}
/* .home-system-wrap .home-system-view-toggle.active{transform: scale(1.15);} */
.system-list .system-view-toggle::before{position: absolute;top: 0;left: 0;z-index: -1;display:block;width:100%;height:100%;content:'';transition:.3s;}
.system-list .system-view-toggle:hover::before{transform:scale(1.05);}
.system-list .system-view-toggle h3{color: #FFF;font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.system-list .system-view-toggle a{display: flex;padding: 8px 16px;height:36px;border-radius:36px;align-items: center;gap: 8px;border: 1px solid #FFFBFB;color: #FFF;text-align: center;font-size: 14px;font-weight: 700;line-height: 140%;letter-spacing: -0.28px;}
.system-list .system-view-toggle:hover i{transform:rotate(360deg);}
.system-list .system-view-toggle .hide{opacity:1;transition:.3s;}
.system-list .system-view-toggle.active .hide{opacity:0;transition:.3s;}
.system-list .system-view{display:grid;gap:24px;grid-template-columns: 1fr 1fr;visibility: hidden;position:absolute;top: 0;left: 0;width:100%;height:100%;backdrop-filter: blur(4px);padding:40px;z-index: 2;opacity:0;transition:opacity .3s;}
.system-list .system-view.active {opacity:1;visibility: visible;}
.system-list .system-view ul{display:flex;flex-direction:column;color: #FFF;font-size: 18px;letter-spacing: -0.36px;}
.system-list .system-view ul li{line-height: 27px;display: flex;align-items: center;gap: 8px;}
.system-list .system-view ul li::before{display:inline-block;margin-left: 8px;width:4px;height:4px;background-color: #fff;border-radius:100%;content:'';}
.system-list .system-view .system-clse{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.system-list .system-swiper{position: relative;width: 544px;}
.system-list .system-swiper .swiper-button-prev,.system-list .system-swiper .swiper-button-next{opacity:0;transition:opacity .3s;}
.system-list .system-swiper:hover .swiper-button-prev,.system-list .system-swiper:hover .swiper-button-next{opacity:1;}

/* col-2-box */
.articlc-2-bg-wrap{padding:60px 0;margin-bottom:100px;background: #F4F5F6;}
.articlc-2-bg-wrap .col-2-box{display:grid;gap:24px;grid-template-columns: 1fr 1fr;}
.articlc-2-bg-wrap .col-2-box article{position:relative;}
.articlc-2-bg-wrap .col-2-box article::after{display:block;position:absolute;top:0;right:0;width:64px;height:64px;background: url("../images/sub/img-article2-btn.png");content:'';transition:opacity .3s;}
.articlc-2-bg-wrap .col-2-box article:hover::after{opacity:0.8;}
.articlc-2-bg-wrap .col-2-box a{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:240px;padding:40px 40px 0;border-radius: 20px;overflow:hidden;background: #FFF;}
.articlc-2-bg-wrap .col-2-box a::before{position: absolute;top: 0;right: 64px;display:inline-block;width:20px;height:20px;background: url("../images/sub/article-shape-01.png")no-repeat;content:'';}
.articlc-2-bg-wrap .col-2-box a::after{position: absolute;top: 64px;right: 0;display:inline-block;width:20px;height:20px;background: url("../images/sub/article-shape-01.png")no-repeat;content:'';}
.articlc-2-bg-wrap .col-2-box .text{display: flex;flex-direction: column;align-items: flex-start;}
.articlc-2-bg-wrap .col-2-box .sm-title{margin-bottom:8px;color:#35425C;font-size: 18px;line-height: 22px;letter-spacing: -0.36px;}
.articlc-2-bg-wrap .col-2-box .lg-title{color: #35425C;font-size: 22px;font-weight: 700;line-height: 29px;letter-spacing: -0.44px;}
.articlc-2-bg-wrap .col-2-box .btm-text{position:absolute;left:40px;bottom:40px;color:#687286;font-size:13px;line-height:16.9px;}
.articlc-2-bg-wrap .col-2-box .info{color:#687286;font-size: 13px;font-weight: 500;line-height: 17px;letter-spacing: -0.26px;}
.articlc-2-bg-wrap .col-2-box .img-box{display:flex;gap:20px;justify-content:flex-end;align-items:center;height:125px;}


/* 서비스안내 공통 */
.step-service-sec{padding:100px 0;background: #556579;}
.step-service-sec h2{color:#fff;}
.step-service-sec .step-list{display:grid;gap: 24px;grid-template-rows: repeat(2, minmax(0, 1fr));grid-template-columns: repeat(3, minmax(0, 1fr));}
.step-service-sec .step-list li{position:relative;height: 227px;display: flex;justify-content: space-between;border-radius: 8px;padding: 32px 36px;background: #FFF;flex-direction: column;align-items: flex-start;transition:transform .3s;}
.step-service-sec .step-list li:hover{transform:translateY(-8px);}
.step-service-sec .step-list li::after{display:inline-block;position:absolute;top:32px;right:36px;content:'';}
.step-service-sec .step-list .step-01::after{width:58px;height:60px;background: url("../images/sub/icon-home-step-01.png");}
.step-service-sec .step-list .step-02::after{width:61px;height:60px;background: url("../images/sub/icon-home-step-02.png");}
.step-service-sec .step-list .step-03::after{width:49px;height:60px;background: url("../images/sub/icon-home-step-03.png");}
.step-service-sec .step-list .step-04::after{width:61px;height:60px;background: url("../images/sub/icon-home-step-04.png");}
.step-service-sec .step-list .step-05::after{width:61px;height:60px;background: url("../images/sub/icon-home-step-05.png");}
.step-service-sec .step-list .step-06::after{width:60px;height:60px;background: url("../images/sub/icon-home-step-06.png");}
.step-service-sec .step-list li .num{display: flex;padding: 4px 12px;justify-content: center;align-items: center;gap: 10px;border-radius:28px;background-color: #8FA6C6;color: #FFF;font-size: 14px;font-weight: 700;line-height: 140%;letter-spacing: -0.28px;}
.step-service-sec .step-list li h3{margin-bottom:4px;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;}
.step-service-sec .step-list li p{color:#5A6275;letter-spacing: -0.3px;min-height: 45px;}

/* esg 베너 공통 */
.esg-sec{}
.esg-sec .container{display:flex;border-radius:16px;height:360px;overflow:hidden;}
.esg-sec .container .bg-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width:483px;padding: 40px;background-color: #234D82;}
.esg-sec .container .bg-text .text1{color: #FFF;font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.esg-sec .container .bg-text .text2{margin:12px 0 32px;color: #FFF;font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;}
.esg-sec .container .bg-text .btn-link{display:flex;align-items:center;padding: 4px 16px;gap:10px;border-radius: 50px;background: #FFF;color: #234D82;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;}

/* 이사 - 메인*/
.service-move-wrap section{margin:0 0 100px;}
.service-move-wrap .sec-03{margin:0 0 60px;}
.service-move-wrap .quick-sec{margin:0 !important;padding:80px 0;}
.service-move-wrap .quick-box{justify-content: center;gap: 36px;}
.service-move-con{}
.sub-main-top-move >.container{background: linear-gradient(91deg, #D9EFFF 59.94%, #CFCFFF 99.7%);}
.sub-main-top-move .ani-img-01{position:absolute;z-index:2;bottom:12px;right:182px;opacity:0;width:114px;height:192px;background: url("../images/sub/img-move-top-01.png")no-repeat;animation: serviceTopAni .5s forwards;background-size: cover;}

.move-con .bk-card-top::after{background: url("../images/sub/bg-move-card-01.png")no-repeat;}
.move-con .bk-card-list li:nth-child(1)::after{background: url("../images/sub/bg-move-card-02.png")no-repeat;}
.move-con .bk-card-list li:nth-child(2)::after{background: url("../images/sub/bg-move-card-03.png")no-repeat;}
.move-con .bk-card-list li:nth-child(3)::after{background: url("../images/sub/bg-move-card-04.png")no-repeat;}

/* mid banner */
.mid-banner{position:relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: 4px;width: 100%;height: 150px;padding: 24px 100px 24px 60px;/* overflow:hidden; */color:#fff;border-radius: 12px;}
.mid-banner .text-01{font-size: 18px;line-height: 120%;letter-spacing: -0.36px;font-weight:400;}
.mid-banner .text-02{font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}

/* mid swiper */
.mid-swiper >.container{position:relative;}
.mid-swiper .swiper-button-prev,.mid-swiper .swiper-button-next{opacity:0;transition:opacity .3s;}
.mid-swiper .container:hover .swiper-button-prev,.mid-swiper .container:hover .swiper-button-next{opacity:1;}


/* 이사 서브 탑 공통 */
.sub-visual-move::after{position:absolute;z-index:-1;top:0;left:50%;transform:translateX(-50%);display:block;width:100%;height:380px;content:'';background:url("../images/sub/bg-sub-visual-move.png")no-repeat 50% 100%;}
.sub-visual-move .img-car{opacity:0;position:absolute;width:284px;height:238px;background: url("../images/sub/img-subvisual-car.png")no-repeat;right: -35%;top:-52px; background-size: cover; transform:scale(0.75);}
.sub-visual-move .img-car.drive{animation: fadeIn 0.6s ease-out forwards, moveCarAni 3s cubic-bezier(.2,.9,.25,1) forwards;}
.sub-visual-move .img-car span{position:absolute; }
.sub-visual-move .img-car.drive span{animation: movLineAni 1s forwards;opacity: 0.3;filter: blur(1.5px); }
.sub-visual-move .img-car .line-01{top: 38px;right: -130px;width:111px;height:37px;background:url("../images/sub/sub-visual-move-line-01.png")no-repeat;}
.sub-visual-move .img-car .line-02{top: 70px;right: -90px;width:92px;height:32px;background:url("../images/sub/sub-visual-move-line-02.png")no-repeat;animation-delay: 0.15s !important;}
.sub-visual-move .img-car .line-03{top: 77px;right: -130px;width:111px;height:38px;background:url("../images/sub/sub-visual-move-line-03.png")no-repeat;animation-delay: 0.3s !important;}
.sub-visual-move .img-car .line-04{top: 101px;right: -114px;width:115px;height:39px;background:url("../images/sub/sub-visual-move-line-04.png")no-repeat;animation-delay: 0.45s !important;}
/* 차 움직임 */
@keyframes moveCarAni {
	0% {transform: translate(0, 0) scale(0.75);}
	100%{transform: translate(-481px, 156px) scale(1);}
}
/* 차 선  */
@keyframes movLineAni {
	0% {transform: translate(-60px, 30px);opacity: 0.3;}
	50% {transform: translate(-30px, 15px);opacity: 0.2;}
	100% {transform: translate(0, 0);opacity: 1;}}
}

/* 이사 - 가정이사 */
.home-con{}
.home-con .stretch-card-list .spec-01::before{background:url("../images/sub/bg-home-spec-01-sm.png")no-repeat;background-size:cover;}
.home-con .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-home-spec-01.png")no-repeat;background-size:cover;}
.home-con .stretch-card-list .spec-02::before{background:url("../images/sub/bg-home-spec-02-sm.png")no-repeat;background-size:cover;}
.home-con .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-home-spec-02.png")no-repeat;background-size:cover;}
.home-con .stretch-card-list .spec-03::before{background:url("../images/sub/bg-home-spec-03-sm.png")no-repeat;background-size:cover;}
.home-con .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-home-spec-03.png")no-repeat;background-size:cover;}
.home-con .stretch-card-list .spec-04::before{background:url("../images/sub/bg-home-spec-04-sm.png")no-repeat;background-size:cover;}
.home-con .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-home-spec-04.png")no-repeat;background-size:cover;}

.home-mid-banner{background: linear-gradient(90deg, #5691FF 40%, #0056C7 100%);}
.home-mid-banner::after{display:block;position:absolute;bottom:20px;right:100px;width:173px;height:110px;background: url("../images/sub/icon-home-mid-banner.png")no-repeat;content:'';}

.home-con .system-list-01 .system-view-toggle::before{background:url('../images/sub/img-home-system-view-01.png')no-repeat 50% 50%;background-size:cover;}
.home-con .system-list-02 .system-view-toggle::before{background:url('../images/sub/img-home-system-view-02.png')no-repeat 50% 50%;background-size:cover;}
.home-con .system-list-03 .system-view-toggle::before{background:url('../images/sub/img-home-system-view-03.png')no-repeat 50% 50%;background-size:cover;}

/* 이사 - 가정이사 -비교견적*/
.compare-con{}
.sub-visual-compare{height:500px;margin:0 auto;}
.sub-visual-compare::after{position:absolute;z-index:-1;top:0;left:0;right:0;display:block;width:100%;height:500px;min-width: 1418px;content:'';background:url("../images/sub/bg-sub-visual-compare.png")no-repeat 100% 50%;}
.sub-visual-compare .img-car{opacity:0;animation: fadeIn 0.6s ease-out forwards, moveCarAni 2s cubic-bezier(.2,.9,.25,1) forwards;}
.sub-visual-compare .img-car1{position:absolute;width:247px;height:205px;background: url("../images/sub/img-subvisual-compare-car-01.png")no-repeat;right: -16%;top:-7px; transform:scale(0.75);}
.sub-visual-compare .img-car2{position:absolute;width:247px;height:208px;background: url("../images/sub/img-subvisual-compare-car-02.png")no-repeat;right: -27.2%;top:44px; transform:scale(0.75);animation-delay: 0.5s;}
.sub-visual-compare .img-car3{position:absolute;width:269px;height:219px;background: url("../images/sub/img-subvisual-compare-car-03.png")no-repeat;right: -40%;top:98px; transform:scale(0.75);animation-delay: 1s;}
.sub-visual-compare .img-car span{position:absolute; }
.sub-visual-compare .img-car.drive span{animation: movLineAni 1s forwards;opacity: 0.3;filter: blur(1.5px); }
.sub-visual-compare .img-car .line-01{top: 38px;right: -130px;width:111px;height:37px;background:url("../images/sub/sub-visual-move-line-01.png")no-repeat;}
.sub-visual-compare .img-car .line-02{top: 70px;right: -90px;width:92px;height:32px;background:url("../images/sub/sub-visual-move-line-02.png")no-repeat;animation-delay: 0.15s !important;}
.sub-visual-compare .img-car .line-03{top: 77px;right: -130px;width:111px;height:38px;background:url("../images/sub/sub-visual-move-line-03.png")no-repeat;animation-delay: 0.3s !important;}
.sub-visual-compare .img-car .line-04{top: 101px;right: -114px;width:115px;height:39px;background:url("../images/sub/sub-visual-move-line-04.png")no-repeat;animation-delay: 0.45s !important;}
.compare-con .sec-01{padding:100px 0;color:#fff;width: 100%;height: 511px;background: linear-gradient(0deg, #6C99C2 0%, #6C99C2 100%), url("../images/sub/bg-compare-sec01.png") lightgray no-repeat;background-blend-mode: multiply, normal;background-size:cover;}
.compare-con .sec-01 >.container{display:flex;flex-direction:column;text-align:center;}
.compare-con .sec-01 .title-lg{font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.compare-con .sec-01 .calc-text{display:flex;gap:16px;margin:40px 0;align-items:center;justify-content:center;}
.compare-con .sec-01 .calc-text span{display: flex;padding: 12px 24px;justify-content: center;align-items: center;color:#07F;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;background: #FFF;border-radius: 50px;}
.compare-con .sec-01 .calc-text span:last-child{letter-spacing: -0.44px;font-weight: 700;}
.compare-con .sec-01 .text-01{margin-bottom:12px;font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.48px;}
.compare-con .sec-01 .text-02{font-size: 18px;letter-spacing: -0.36px;}
.compare-con .sec-02 .verify-list{display:grid;gap:28px;grid-template-columns: 1fr 1fr 1fr;}
.compare-con .sec-02 .verify-list li{display: flex;padding: 40px;flex-direction: column;align-items: center;border-radius: 12px;background-color: #EBF6FF;}
.compare-con .sec-02 .verify-list li:nth-child(2){background-color: #F6F7F8;}
.compare-con .sec-02 .verify-list .percent{display: flex;padding: 4px 16px;justify-content: center;align-items: center;font-size: 18px;font-weight:700;line-height: 130%;letter-spacing: -0.36px;border-radius: 50px;background-color: #338DFF;color:#fff;}
.compare-con .sec-02 .verify-list h3{margin:16px 0 4px;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;}
.compare-con .sec-02 .verify-list p{margin-bottom:24px;color:#5A6275;letter-spacing: -0.3px;}
.compare-con .sec-02 .verify-list .img{border-radius: 100%;display: flex;align-items: center;justify-content: center;width: 150px;height: 150px;aspect-ratio: 1/1;background-color: #fff;}
.triangle-wrap{padding:40px;border-radius: 12px;background: #F6F7F8;}
.triangle-wrap .tri-title{display:flex;flex-direction:column;gap:2px;margin-bottom:24px;color: #687286;font-size: 18px;line-height: 120%;letter-spacing: -0.36px;}
.triangle-wrap .tri-title strong{color: #07F;font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.48px;}
.triangle-wrap .triangle-container{position:relative;display: flex;align-items: center;justify-content: space-between;}
.sec-active .triangle-wrap .triangle{opacity: 0;animation: fadeIn 0.85s ease-in-out forwards;}
/* .triangle-wrap .triangle-container .triangle-01{width: 200.958px;height: 335.837px;background: linear-gradient(270deg, #A7D3FF 0%, #D7EAFF 100%);}
.triangle-wrap .triangle-container .triangle-02{width: 202.741px;height: 270.985px;background: linear-gradient(270deg, #70B8FF 0%, #A7D3FF 100%);}
.triangle-wrap .triangle-container .triangle-03{width: 202.741px;height: 204.198px;background: linear-gradient(270deg, #338DFF 0%, #70B8FF 100%);color:#fff;}
.triangle-wrap .triangle-container .triangle-04{width: 202.741px;height: 137.41px;background: linear-gradient(270deg, #07F 0%, #338DFF 100%);color:#fff;}
.triangle-wrap .triangle-container .triangle-05{width: 203.048px;height: 70.622px;background: linear-gradient(270deg, #005BFF 0%, #07F 100%);color:#fff;} */
.sec-active .triangle-wrap .triangle-01{animation-delay: 0s; }
.sec-active .triangle-wrap .triangle-02{animation-delay: 0.3s; }
.sec-active .triangle-wrap .triangle-03{animation-delay: 0.6s; }
.sec-active .triangle-wrap .triangle-04{animation-delay: 0.9s; }
.sec-active .triangle-wrap .triangle-05{animation-delay: 1.2s; }
.triangle-wrap .triangle-container .bubble{display: flex;justify-content: center;top: 52px;right: 8px;width:204px;height:74px;font-weight: 700;line-height: 65px;font-size: 18px;letter-spacing: -0.36px;position:absolute;color:#07F;background: url("../images/sub/bg-compare-bubble.png")no-repeat;}
.sec-active .triangle-wrap .bubble{opacity: 0;animation: fadeIn 0.85s ease-in-out 1.5s forwards, upDown 2s ease-in-out infinite; }

.compare-con .sec-04{padding:100px 0 0;background: #FFFCE9;overflow:hidden;}
.compare-con .sec-04 >.container{display:flex;justify-content:space-between;}
.compare-con .sec-04 .text-box{display:flex;flex-direction:column;gap:15px;}
.compare-con .sec-04 .text-box .title{font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.compare-con .sec-04 .text-box .text{color:#5A6275;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.compare-con .sec-04 .img-box{transform: translateY(100%);}
.compare-con .sec-active .img-box{animation: fadeUp 1s ease 0.3s 1 forwards;}
.compare-con .compare-service{flex-wrap:wrap;display:flex;gap:28px;}
.compare-con .compare-service li{display:flex;flex-direction:column;gap:4px;width:360px;height:280px;position:relative;padding:40px;border-radius:12px;}
.compare-con .compare-service li::after{display:inline-block;position:absolute;right:40px;bottom:40px;content:'';}
.compare-con .compare-service li h3{font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.compare-con .compare-service li strong{font-size: 34px;font-weight: 700;line-height: 130%; letter-spacing: -1.02px;}
.compare-con .compare-service .compare-sv-01{width:748px;background-color: #338DFF;color:#F6F7F8;}
.compare-con .compare-service .compare-sv-01::after{width:312px;height:200px;background: url("../images/sub/icon-compare-service-01.png")no-repeat;}
.compare-con .compare-service .compare-sv-02{background-color: #F6F7F8;}
.compare-con .compare-service .compare-sv-02::after{width: 120px;height: 120px;background: url("../images/sub/icon-compare-service-02.png")no-repeat;}
.compare-con .compare-service .compare-sv-03{background-color: #F6F7F8;}
.compare-con .compare-service .compare-sv-03::after{width: 120px;height: 120px;background: url("../images/sub/icon-compare-service-03.png")no-repeat;}
.compare-con .compare-service .compare-sv-04{background-color: #E9ECFF;}
.compare-con .compare-service .compare-sv-04::after{width: 120px;height: 120px;background: url("../images/sub/icon-compare-service-04.png")no-repeat;}
.compare-con .compare-service .compare-sv-05{background-color: #7A7CFF;color:#F6F7F8;}
.compare-con .compare-service .compare-sv-05::after{width: 120px;height: 120px;background: url("../images/sub/icon-compare-service-05.png")no-repeat;}
.compare-con .review2-swiper .swiper-slide .text-box{display: flex;flex-direction: column;gap: 24px;}

.compare-con .news-wrap{margin:0;padding:120px 0;background: url("../images/sub/bg-compare-news.png") -30px -23.16px / 103.385% 104.981% no-repeat;}
.compare-con .news-wrap >.container{position:relative;overflow:hidden;}
.compare-con .news-wrap .title{opacity:0;color: #FFF;text-align: center;font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.compare-con .news-wrap.sec-active .title{animation: fadeIn 0.85s ease-in-out forwards;}
.compare-con .news-wrap .highlight{position:relative;z-index:1;}
.compare-con .news-wrap .highlight::before{position:absolute;left: -8.5px;z-index:-1;display:inline-block;width:0;transition:width .3s .5s;height:44px;content:'';background-color: #338DFF;}
.compare-con .news-wrap.sec-active .highlight::before{width:445px;}
.compare-con .news-wrap .news-list {opacity:0;transform:translateY(100%);height: 614.54px;display:flex;flex-direction:column;align-items:center;margin-top:50px;}
.compare-con .news-wrap.sec-active .news-list{animation: fadeUp 1s ease .85s forwards;}
.compare-con .news-wrap .news-list li{position:absolute;}
.compare-con .news-wrap .news-list li:first-child{top:0;left:127px;}
.compare-con .news-wrap .news-list li:nth-child(2){top:118px;left:322px;}
.compare-con .news-wrap .news-list li:nth-child(3){top:192px;left:221px;}
.compare-con .news-wrap .news-list li:nth-child(4){top:313px;left:112px;z-index:1;}
.compare-con .news-wrap .news-list li:nth-child(5){top:414px;left:330px;}
.compare-con .news-wrap .news-list li:nth-child(6){top:485px;left: 161px;}

.compare-con .sec-08{padding:150px 0;background: linear-gradient(180deg, rgba(235, 246, 255, 0.70) 30%, rgba(235, 246, 255, 0.30) 100%);}
.compare-con .sec-08 .fade-ani{opacity:0;}
.compare-con .sec-08 .fade-ani.active{animation: fadeIn 1s ease-in-out forwards; }

.compare-con .sec-08 >.container{display:flex;flex-direction:column;gap:100px;overflow:hidden;}
.compare-con .sec-08  .compare-item-02{padding:100px 0;border-top:1px solid #DFE1E8;border-bottom:1px solid #DFE1E8;}
.compare-con .sec-08 .col-2{display:flex;justify-content:space-between;}
.compare-con .sec-08 .top-head-title-xl{margin-bottom:40px;}
.compare-con .sec-08 .compare-item .lf-text{flex-shrink: 0;/* transform: translateX(-100%); */}
/* .compare-con .sec-08 .art-active .lf-text{animation: fadeLeft 1s ease forwards;} */
.compare-con .sec-08 .compare-item .lf-text .chk-text{display:flex;align-items:center;gap:10px;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.compare-con .sec-08 .compare-item .lf-text .chk-text+.chk-text{margin:16px 0 0;}
.compare-con .sec-08 .compare-item .compare-item-con{width:600px;opacity:0;}
.compare-con .sec-08 .art-active .compare-item-con{animation: fadeIn 1s ease forwards;}
.compare-con .sec-08 .compare-item-01 .compare-item-con{position: relative;overflow: hidden;border-radius: 16px;height:340px;text-align: center;background: #338DFF;}
.compare-con .sec-08 .compare-item-01 .compare-item-con::after{position: absolute;bottom: -68.53px;width: 100%;height: 276px;display:block;content:'';background: linear-gradient(180deg, rgba(51, 141, 255, 0.00) 0%, #338DFF 54.39%);}
/* .compare-con .sec-08 .compare-item-01 .compare-item-con >img{transform:translateY(100%);transition:.85s;}
.compare-con .sec-08.sec-active .compare-item-01 .compare-item-con >img{transform:translateY(22px);} */
.compare-con .sec-08 .compare-item-01 .ani-img-box{position: absolute;z-index: 5;bottom: 36px;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);width: 100%;}
/* .compare-con .sec-08 .compare-item-01 .ani-img-box img{opacity:0;} */
/* .compare-con .sec-08.sec-active .compare-item-01 .ani-img-box img{animation: fadeIn 1s ease forwards;} */
.compare-con .sec-08 .compare-item-01 .ani-img-box img:nth-child(1){transform:translateY(-51.99px);}
.compare-con .sec-08 .compare-item-01 .ani-img-box img:nth-child(2){transform:translateY(-22.28px);}
/* .compare-con .sec-08.sec-active .compare-item-01 .ani-img-box img:nth-child(3){animation-delay:.4s;} */
.compare-con .sec-08 .compare-item-01 .ani-img-box img:nth-child(4){transform:translateY(-22.28px);}
.compare-con .sec-08 .compare-item-01 .ani-img-box img:nth-child(5){transform:translateY(-51.99px);}
.compare-con .sec-08 .compare-item-02 .compare-item-con{position:relative;}
.compare-con .sec-08 .compare-item-02 h3{padding:20px 0;text-align:center;color: #FFF;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.compare-con .sec-08 .compare-item-02 .g-item{width: 260px;transform: translateY(29.5px);background: #AAAFBC;border-radius:16px 0 0 16px;overflow:hidden;border: 4px solid #AAAFBC;border-right: 0;}
.compare-con .sec-08 .compare-item-02 .g-item h3{background:#AAAFBC;}
.compare-con .sec-08 .compare-item-02 .g-item ul{padding:0 16px;background-color: #fff;color:#5A6275;text-align:center;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.compare-con .sec-08 .compare-item-02 .g-item ul li{padding:20px;border-bottom:1px solid #DFE1E8;}
.compare-con .sec-08 .compare-item-02 .g-item ul li:last-child{border-bottom:0;}
.compare-con .sec-08 .compare-item-02 .b-item{background: #338DFF;width: 340px;position: absolute;border-radius: 16px;border: 6px solid #338DFF;box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.16);overflow: hidden;right: 0;top: 0;}
/* .compare-con .sec-08 .compare-item-02.active .b-item{transform:scale(1.1);} */
.compare-con .sec-08 .compare-item-02 .b-item h3{background-color: #338DFF;}
.compare-con .sec-08 .compare-item-02 .b-item ul{padding: 0 24px;text-align: center;background-color: #fff;}
.compare-con .sec-08 .compare-item-02 .b-item li{color: #005BFF;font-weight: 700;border-bottom:1px solid #A7D3FF;line-height: 140%;letter-spacing: -0.48px;padding: 26px 0;font-size: 24px;}
.compare-con .sec-08 .compare-item-02 .b-item ul li:last-child{border-bottom:0;}
.compare-con .sec-08 .compare-item-02 .label-box{display:flex;flex-direction:column;gap:33px;position: absolute;top: 122px;left: 222px;}
.compare-con .sec-08 .compare-item-02 .label-box span{display:flex;align-items:center;justify-content:center;padding:6px 0;width:80px;text-align:center;border-radius: 50px;color:#fff;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;background: #338DFF;}

.compare-con .sec-08 .compare-item-03 .compare-item-con{position:relative;display:flex;gap:30px;}
.compare-con .sec-08 .compare-item-03 .compare-item-con::after{position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;width:120px;height:86px;background: url("../images/sub/img-compare-vs.png")no-repeat;content:'';}
.compare-con .sec-08 .compare-item-03 .box-item{width:285px;border-radius: 16px;overflow:hidden;background-color: #fff;text-align:center;}
.compare-con .sec-08 .compare-item-03 h3{display:flex;align-items:center;justify-content:center;padding:20px 0;font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.48px;color:#fff;}
.compare-con .sec-08 .compare-item-03 p{display:flex;align-items:center;justify-content:center;height:200px;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;}
.compare-con .sec-08 .compare-item-03 .b-item{border:3px solid #338DFF;color:#35425C;}
.compare-con .sec-08 .compare-item-03 .b-item h3{background-color: #338DFF;}
.compare-con .sec-08 .compare-item-03 .g-item{border:3px solid #AAAFBC;}
.compare-con .sec-08 .compare-item-03 .g-item h3{background-color: #AAAFBC;}
.compare-con .sec-08 .compare-item-03 .g-item p{color:#5A6275;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.compare-con .sec-08 .compare-item .bl-tb{margin-top:40px;opacity:0;color:#35425C;border-bottom:1px solid #C3C6CE;}
.compare-con .sec-08 .art-active .bl-tb{animation: fadeIn 1s ease forwards;}
.compare-con .sec-08 .compare-item .bl-tb thead{padding:15px;border-top:2px solid #C3C6CE;background-color: #EBF6FF;border-bottom:1px solid #DFE1E8;color:#35425C;font-size:24px;line-height:700;line-height:140%;letter-spacing: -0.48px;}
.compare-con .sec-08 .compare-item .bl-tb tr{height:64px;border-bottom:1px solid #DFE1E8;}
.compare-con .sec-08 .compare-item .bl-tb tr:last-child{height:64px;border-bottom:0;}
.compare-con .sec-08 .compare-item .bl-tb td{padding:10px 50px;font-size:22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;background-color: #fff;text-align:center;}
.compare-con .sec-08 .compare-item .bl-tb td:first-child{text-align:left;}
.compare-con .sec-08 .compare-item .bl-tb tr:nth-child(even) td{background-color: #F6F7F8;}


/* 이사 - 보관이사 */
.storage-con .stretch-card-list .spec-01::before{background:url("../images/sub/bg-storage-spec-01-sm.png")no-repeat;background-size:cover;}
.storage-con .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-storage-spec-01.png")no-repeat;background-size:cover;}
.storage-con .stretch-card-list .spec-02::before{background:url("../images/sub/bg-storage-spec-02-sm.png")no-repeat;background-size:cover;}
.storage-con .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-storage-spec-02.png")no-repeat;background-size:cover;}
.storage-con .stretch-card-list .spec-03::before{background:url("../images/sub/bg-storage-spec-03-sm.png")no-repeat;background-size:cover;}
.storage-con .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-storage-spec-03.png")no-repeat;background-size:cover;}
.storage-con .bor-tab{display:flex;margin-bottom:24px;border-bottom:1px solid #C3C6CE;}
.storage-con .bor-tab button{display:flex;align-items:center;justify-content:center;padding: 12px 16px;border-bottom:4px solid transparent;text-align:center;color:#AAAFBC;font-size: 22px;font-weight:500;line-height: 130%;}
.storage-con .bor-tab button.active{color:#353849;border-color:#353849;font-weight: 700;}

.storage-con .system-list-01 .system-view-toggle::before{background:url('../images/sub/img-room-system-view-01.png')no-repeat 50% 50%;background-size:cover;}
.storage-con .system-list-02 .system-view-toggle::before{background:url('../images/sub/img-storage-system-view-02.png')no-repeat 50% 50%;background-size:cover;}
.storage-con .system-list-03 .system-view-toggle::before{background:url('../images/sub/img-room-system-view-03.png')no-repeat 50% 50%;background-size:cover;}


/* 이사 - 원룸 */
.room-con .stretch-card-list .spec-01::before{background:url("../images/sub/bg-room-spec-01-sm.png")no-repeat;background-size:cover;}
.room-con .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-room-spec-01.png")no-repeat;background-size:cover;}
.room-con .stretch-card-list .spec-02::before{background:url("../images/sub/bg-room-spec-02-sm.png")no-repeat;background-size:cover;}
.room-con .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-room-spec-02.png")no-repeat;background-size:cover;}
.room-con .stretch-card-list .spec-03::before{background:url("../images/sub/bg-room-spec-03-sm.png")no-repeat;background-size:cover;}
.room-con .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-room-spec-03.png")no-repeat;background-size:cover;}
.room-con .stretch-card-list .spec-04::before{background:url("../images/sub/bg-room-spec-04-sm.png")no-repeat;background-size:cover;}
.room-con .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-room-spec-04.png")no-repeat;background-size:cover;}
.room-mid-banner{background: linear-gradient(90deg, #9456FF 40%, #5300C7 100%);}
.room-mid-banner::after{display:block;position:absolute;bottom:20px;right:100px;width:173px;height:110px;background: url("../images/sub/icon-room-mid-banner.png");content:'';}
.room-system-list-01 .system-view-toggle::before{background:url('../images/sub/img-room-system-view-01.png')no-repeat 50% 50%;background-size:cover;}
.room-system-list-02 .system-view-toggle::before{background:url('../images/sub/img-room-system-view-02.png')no-repeat 50% 50%;background-size:cover;}
.room-system-list-03 .system-view-toggle::before{background:url('../images/sub/img-room-system-view-03.png')no-repeat 50% 50%;background-size:cover;}


/* 이사 - 용달이사/단순운송 */
.mini-con{}
.mini-con .sub-visual-move .img-car{width:301px;height:253px;background: url("../images/sub/img-subvisual-mini-car.png")no-repeat;}
.mini-mid-banner{background: linear-gradient(90deg, #00C5B5 30%, #A4FFCA 80%);}
.mini-mid-banner::after{display:block;position:absolute;bottom:20px;right:100px;width:173px;height:126px;background: url("../images/sub/icon-mini-mid-banner.png");background-size:100%;content:'';animation: csAniFloat 1.85s ease-in-out infinite alternate;}
.mini-con .stretch-card-list .spec-01::before{background:url("../images/sub/bg-mini-spec-01-sm.png")no-repeat;background-size:cover;}
.mini-con .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-mini-spec-01.png")no-repeat;background-size:cover;}
.mini-con .stretch-card-list .spec-02::before{background:url("../images/sub/bg-mini-spec-02-sm.png")no-repeat;background-size:cover;}
.mini-con .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-mini-spec-02.png")no-repeat;background-size:cover;}
.mini-con .stretch-card-list .spec-03::before{background:url("../images/sub/bg-mini-spec-03-sm.png")no-repeat;background-size:cover;}
.mini-con .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-mini-spec-03.png")no-repeat;background-size:cover;}

.recom-list-wrap{display: grid;grid-template-columns: 1fr 1fr;gap: 48px;}
.recom-list .recom-view-box{position:relative;overflow:hidden;width: 544px;height: 320px;border-radius: 16px;cursor:pointer;}
.recom-list .recom-view-toggle{position:relative;z-index:1;display: flex;width: 100%;height: 100%;padding: 40px;overflow:hidden;flex-direction: column;align-items: flex-start;gap: 12px;transition: .3s;}
.recom-list .recom-view-toggle::before{position: absolute;top: 0;left: 0;z-index: -1;display:block;width:100%;height:100%;content:'';transition:.3s;}
.recom-list .recom-view-toggle:hover::before{transform:scale(1.05);}
.recom-list .recom-view-toggle .cate{display: flex;padding: 4px 12px;justify-content: center;color: #FFF;font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.32px;border-radius: 4px;background:#338DFF;}
.recom-list .recom-view-toggle .title{color: #FFF;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;display: flex;flex-direction: column;gap: 2px;}
.recom-list .recom-view-toggle .title strong{font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.recom-list .recom-view-toggle .btn-view{display: flex;padding: 8px 16px;height:36px;border-radius:36px;align-items: center;gap: 8px;border: 1px solid #FFFBFB;color: #FFF;text-align: center;font-size: 14px;font-weight: 700;line-height: 140%;letter-spacing: -0.28px;}
.recom-list .recom-view-toggle:hover i{transform:rotate(360deg);}
.recom-list .recom-view-toggle .hide{opacity:1;transition:.3s;}
.recom-list .recom-view-toggle.active .hide{opacity:0;transition:.3s;}
.recom-list .recom-view{visibility: hidden;position:absolute;top: 0;left: 0;width:100%;height:100%;backdrop-filter: blur(4px);padding:40px;z-index: 2;opacity:0;transition:opacity .3s;}
.recom-list .recom-view.active {opacity:1;visibility: visible;}
.recom-list .recom-view .dot-text{font-size:18px;line-height: 27px;display: flex;align-items: center;gap:10px;letter-spacing: -0.36px;color:#fff;}
.recom-list .recom-view .dot-text::before{display:inline-block;margin-left:10px;width:4px;height:4px;background-color: #fff;border-radius:100%;content:'';}
.recom-list .recom-view .recom-clse{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}

.mini-recom-list-01 .recom-view-toggle::before{background:url('../images/sub/img-mini-recom-view-01.png')no-repeat 50% 50%;background-size:cover;}
.mini-recom-list-02 .recom-view-toggle::before{background:url('../images/sub/img-mini-recom-view-02.png')no-repeat 50% 50%;background-size:cover;}
.mini-recom-list-03 .recom-view-toggle::before{background:url('../images/sub/img-mini-recom-view-03.png')no-repeat 50% 50%;background-size:cover;}
.mini-recom-list-04 .recom-view-toggle::before{background:url('../images/sub/img-mini-recom-view-04.png')no-repeat 50% 50%;background-size:cover;}

.color-item{display:flex;gap:4px;height: 40px;border-radius: 8px;margin-bottom:20px;overflow:hidden;}
.color-item li{display: flex;width:100%;padding: 0 12px;justify-content: center;align-items: center;background-color: #C3C6CE;color: #FFF;font-size: 16px;font-weight: 500;line-height: 140%;letter-spacing: -0.32px;}
.color-item li.active{background-color: #338DFF;font-weight:700;}

.review2-swiper{position:relative;}
.review2-swiper .swiper-slide{position:relative;z-index:1;width: auto !important;height:466px;border-radius: 16px;overflow:hidden;}
.review2-swiper .swiper-slide::before{position: absolute;top: 0;left: 0;z-index: -1;display:block;width:100%;height:100%;content:'';background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 20%, rgba(0, 0, 0, 0.20) 80%);}
.review2-swiper .swiper-slide .text-box{padding:40px;max-width:419px;color: #FFF;}
.review2-swiper .swiper-slide .top{display: flex;align-items: flex-start;gap: 16px;margin-bottom:24px;}
.review2-swiper .swiper-slide .cate{display: flex;padding: 2px 8px;justify-content: center;align-items: center;border-radius: 4px;background: rgba(255, 255, 255, 0.80);color:#35425C;font-weight: 500;line-height: 140%;letter-spacing: -0.3px;}
.review2-swiper .swiper-slide .name{font-size:16px;line-height:150%;letter-spacing: -0.36px;}
.review2-swiper .swiper-slide .text{font-size: 20px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.review2-swiper .source{color: #35425C;font-size: 14px;margin-top: 12px;text-align: right;}
.review2-swiper .swiper-button-prev,.review2-swiper .swiper-button-next{opacity:0;transition:opacity .3s;}
.review2-swiper:hover .swiper-button-prev,.review2-swiper:hover .swiper-button-next{opacity:1;}


/* 이사 - 기업이사 */
.move-office-con{overflow:hidden;}
.move-office-con .stretch-card-list .spec-01::before{background:url("../images/sub/bg-move-office-spec-01-sm.png")no-repeat;background-size:cover;}
.move-office-con .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-move-office-spec-01.png")no-repeat;background-size:cover;}
.move-office-con .stretch-card-list .spec-02::before{background:url("../images/sub/bg-move-office-spec-02-sm.png")no-repeat;background-size:cover;}
.move-office-con .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-move-office-spec-02.png")no-repeat;background-size:cover;}
.move-office-con .stretch-card-list .spec-03::before{background:url("../images/sub/bg-move-office-spec-03-sm.png")no-repeat;background-size:cover;}
.move-office-con .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-move-office-spec-03.png")no-repeat;background-size:cover;}
.move-office-con .stretch-card-list .spec-04::before{background:url("../images/sub/bg-move-office-spec-04-sm.png")no-repeat;background-size:cover;}
.move-office-con .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-move-office-spec-04.png")no-repeat;background-size:cover;}
.move-office-con .b-logo-sec{padding:100px 0;background: rgba(228, 241, 255, 0.40);}
.move-office-con .b-logo-list{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;column-gap:112px;padding:0 44px;}
.move-office-con .move-office-swiper{overflow: visible;}
.move-office-con .move-office-swiper .swiper-slide {width: 544px !important;}


/* 이사 - 해외이사 */
.move-foreign-con .sub-visual-foreign::after{position:absolute;display:block;width:100%;height:380px;min-width: 1418px;content:'';z-index:-1;right:0;bottom:0;height:373px;background: url("../images/sub/bg-sub-visual-move-foreign.png") no-repeat 100% 50%;}
.move-foreign-con .img-airplane{position: absolute;width: 315px;height: 160px;right:69px;opacity: 0;background: url("../images/sub/img-subvisual-airplane.png") no-repeat;transform: translate(100px, 50px) scale(0.75); animation: airplaneFly 1.8s ease-out forwards;}
@keyframes airplaneFly {
0% {opacity: 0;transform: translate(150px, 50px) scale(0.75); }
30% {opacity: 1;}
100% {opacity: 1;transform: translate(0px, 0px) scale(1);}
}
.move-foreign-con .img-airplane span{position: absolute;bottom: 135px;left:6px;opacity: 0;width: 31px;height: 33px;background: url("../images/sub/img-subvisual-twinkle.png") no-repeat;animation: CleanTwinkleAni 1s 1.8s ease-in-out infinite;}
.move-foreign-con .stretch-card-list .spec-01::before{background:url("../images/sub/bg-foreign-spec-01-sm.png")no-repeat;background-size:cover;}
.move-foreign-con .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-foreign-spec-01.png")no-repeat;background-size:cover;}
.move-foreign-con .stretch-card-list .spec-02::before{background:url("../images/sub/bg-foreign-spec-02-sm.png")no-repeat;background-size:cover;}
.move-foreign-con .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-foreign-spec-02.png")no-repeat;background-size:cover;}
.move-foreign-con .stretch-card-list .spec-03::before{background:url("../images/sub/bg-foreign-spec-03-sm.png")no-repeat;background-size:cover;}
.move-foreign-con .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-foreign-spec-03.png")no-repeat;background-size:cover;}
.move-foreign-con .stretch-card-list .spec-04::before{background:url("../images/sub/bg-foreign-spec-04-sm.png")no-repeat;background-size:cover;}
.move-foreign-con .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-foreign-spec-04.png")no-repeat;background-size:cover;}
.move-foreign-con .col-tb th{padding:7px 0;background-color: #EBF6FF;line-height: 150%;font-size: 15px;letter-spacing: -0.3px;}
.move-foreign-con .col-tb td:first-child{background-color: #F6F7F8;}
.move-foreign-con .col-tb td{padding: 8px 0;}
.move-foreign-con .accordion-content .dot-text{margin-left:20px;text-indent:-20px;}
.move-foreign-con .accordion-content .dot-text::before{display: inline-block;background: #8C92A4;content: '';margin: 0 9px 3px 9px;width: 3px;height: 3px;border-radius: 100%;}

.foreign-mid-banner{background: linear-gradient(90deg, #3371BE 30%, #A2BEE4 65%);overflow: hidden;}
.foreign-mid-banner::after{display:block;position:absolute;bottom:0;right:0;width:353px;height:150px;background: url("../images/sub/icon-foreign-mid-banner.png");content:'';}
.accordion-noti{margin-top:24px;padding:12px 16px;border-radius: 4px;border: 1px solid #DFE1E8;}
.accordion-noti strong{display:flex;gap:5px;margin-bottom:4px;align-items:center;color:#35425C;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;}
.accordion-noti .dot-text{margin-left:9px;text-indent:-9px;color:#687286;font-size: 12px;letter-spacing: -0.24px;}
.accordion-noti ul{display:flex;flex-direction:column;gap:2px;margin-left:24px;}
.accordion-noti .dot-text::before{display: inline-block;background: #687286;content: '';margin: 0 8px 3px 0;width: 3px;height: 3px;border-radius: 100%;}

/* 아코디언 num  */
.acco-num-sec .accordion-list {gap: 16px;}
.acco-num-sec .accordion-toggle{padding:0;border:0;}
.acco-num-sec .accordion-item{border:0;background-color: #F6F7F8;border-radius:8px;}
.acco-num-sec .toggle-text{display: flex;padding: 20px 24px;align-items: center;gap: 12px;color:#35425C;font-size: 18px;font-weight: 500;line-height: 120%;letter-spacing: -0.36px;}
.acco-num-sec .toggle-text .num{flex-shrink: 0;font-size: 22px;color:#338DFF;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;}
.acco-num-sec .accordion-toggle::after{right:24px;}
.acco-num-sec .accordion-content{display: flex;flex-direction: column;gap: 2px;padding:0 40px 24px;}
.acco-num-sec .accordion-content .dot-text{margin-left:9px;text-indent:-9px;}
.acco-num-sec .accordion-content .dot-text::before{display: inline-block;background: #687286;content: '';margin: 0 8px 3px 0;width: 3px;height: 3px;border-radius: 100%;}

/* 이사 - 프리미엄 */
.move-premium-con{}
.move-premium-con .fade-ani{opacity:0;}
.move-premium-con .fade-ani.active{animation: fadeIn 1s ease-in-out forwards; }
.move-premium-con .fadeup-ani{opacity:0;transform:translateY(200px);}
.move-premium-con .fadeup-ani.active{animation: fadeUp .85s ease-in-out forwards; }
.move-premium-con .top-text {margin-bottom:50px;}
.move-premium-con .top-text .pre-wings{display: flex;justify-content: center;align-items: center;margin: 0 auto 12px;width: 74px;height: 42px;text-align: center;background: linear-gradient(113deg, #C5C5C5 14.63%, #5F5F5F 36.08%, #C0C0C0 48.32%, #848383 84.64%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: "Eulyoo1945";font-size: 12px;font-weight: 600;line-height: 120%;letter-spacing: -0.12px;}
.move-premium-con .top-text .pre-wings::after {position: absolute;width: 74px;height: 42px;background: url("../images/sub/img-move-p-quality.png") no-repeat;content: '';}
.move-premium-con .pre-l-title{text-align: center;font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.move-premium-con .pre-l-text{margin-top:8px;text-align: center;font-size: 18px;line-height: 21.6px;letter-spacing: -0.36px;color:#5A6275;}
.move-premium-con .sec-01{padding:218px 0 120px;margin:0;background:url("../images/sub/bg-move-p-sec01.png")no-repeat 50% 0;background-size: cover;overflow: hidden;}
.move-premium-con .sec-01 .pre-l-title{color: #C7E9FF;}
.move-premium-con .sec-01 .pre-l-text{color: #FFF;}
.move-premium-con .sec-01 .top-text{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.move-premium-con .sec-01 .top-text .text-01{font-size: 20px;font-weight: 500;line-height: 120%;letter-spacing: -0.4px;color:#fff;}
.move-premium-con .sec-01 .top-text img{margin:3px 0 0;}
.move-premium-con .sec-01 .top-text .bg-title{display: flex;gap:6px;padding: 4px 8px;justify-content: center;align-items: center;background: rgba(26, 51, 97, 0.60);color: #C7E9FF;font-weight:400;font-size: 24px;line-height: 130%;letter-spacing: -0.48px;}
.move-premium-con .sec-01 .top-text .bg-title strong{font-weight: 700;}
.move-premium-con .sec-01 .top-text .btn{margin-top:60px;width:200px;color: #1A3361;background-color: #FFF;}
.move-premium-con .sec-01 .top-text .btn:hover{background-color: #EBF6FF;}
.move-premium-con .sec-01 .warning-info{display: flex;flex-direction:column;color:#fff;margin:150px 0 130px;padding: 10px 0;justify-content: center;align-items: center;border-radius: 6px;background: rgba(255, 255, 255, 0.10);}

.move-premium-con .sec-01 {}
.move-premium-con .sec-01 .grade-text-box{display: flex;flex-direction: column;align-items: center;margin: 80px 0 60px;}
.move-premium-con .sec-01 .grade-text-box .text1{margin-bottom: 6px;color: rgba(255, 255, 255, 0.70);font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;}
.move-premium-con .sec-01 .grade-text-box .text2{color: #FFF;text-align: center;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.move-premium-con .sec-01 .tooltip-label{position:relative;display:inline-flex;padding: 4px 12px;margin-bottom: 16px;justify-content: center;align-items: center;gap: 4px;border-radius: 4px;background: #D7EAFF;color: #1C4889;font-weight: 500;line-height: 140%;letter-spacing: -0.3px;}
.move-premium-con .sec-01 .btn-tooltip{display: inline-flex;}
.move-premium-con .sec-01 .tooltip-box{position:absolute;bottom: 35px;left:11px;display:flex;flex-direction:column;align-items: flex-start;gap: 4px;opacity:0;transform:translateY(5px);padding: 16px;justify-content: center;width:275px;border-radius: 6px;background:#35425C;font-size: 13px;color:#fff;transition:.3s;letter-spacing: -0.26px;}
.move-premium-con .sec-01 .tooltip-box::after{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:14px;height:12px;background:url("../images/sub/icon-tooltip-polygon.png");content:'';}
.move-premium-con .sec-01 .tooltip-box h3{font-size:15px;font-weight:500;letter-spacing: -0.3px;}
.move-premium-con .sec-01 .tooltip-box span{font-size:11px;}
.move-premium-con .sec-01 .btn-tooltip.active + .tooltip-box {opacity:1;transform:translateY(0);}
.move-premium-con .sec-01 .grade-select{display:flex;gap:24px;margin-bottom:50px;}
.move-premium-con .sec-01 .grade-select li{flex: 1;width: 362px;height: 147px;position: relative;border-radius: 8px;transition:.3s;background: linear-gradient(141deg, #09264F -23.48%, #061F3F -0.82%, #09254F 70.93%);}
.move-premium-con .sec-01 .grade-select li:hover{transform:translateY(-5px);}
.move-premium-con .sec-01 .grade-select .gr-text{position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;left: 0;top: 0;gap: 16px;}

.move-premium-con .sec-01 .grade-select .title{display: flex;padding: 4px 12px;justify-content: center;align-items: center;color:#0E1495;border-radius: 50px;background: #FFF;font-size: 14px;font-weight: 500;line-height: 140%;letter-spacing: -0.28px;}
.move-premium-con .sec-01 .grade-select .text{color: #FFF;text-shadow: 0 0 20px #4B8EE3;font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}

.move-premium-con .sec-02{padding:120px 0;margin:0;background: linear-gradient(180deg, #17284C 80%, #111F3C 100%);}
.move-premium-con .sec-02 .top-text .pre-wings{color:#fff;background: none;-webkit-text-fill-color: initial;}
.move-premium-con .sec-02 .top-text .pre-l-title{color:#C7E9FF;}
.move-premium-con .sec-02 .top-text .pre-l-text{color:#FFF;}
.move-premium-con .sec-02 .ani-box-wrap{position:relative;padding: 50px 0;border-top: 1px solid rgba(199, 233, 255, 0.50);}
.move-premium-con .sec-02 .ani-box-wrap::after{display: block;position: absolute;bottom: 55px;width:100%;height: 110px;content:'';background: linear-gradient(180deg, rgba(23, 40, 76, 0.20) 0%, #17284C 100%);}
.move-premium-con .sec-02 .ani-box-wrap .ani-car-box{display: flex;column-gap: 12px;row-gap:20px;flex-wrap: wrap;justify-content: center;}
.move-premium-con .sec-02 .ani-box-wrap .ani-car path{transition:fill .3s;}
.move-premium-con .sec-02 .ani-box-wrap .ani-car.active path{fill:#618DEF;}
.move-premium-con .sec-02 .ani-box-wrap .percent-box{display: flex;gap: 5px;align-items: center;position:absolute;overflow:hidden;top:50%;left:50%;color: #FFF;font-size: 58px;font-weight: 700;line-height: 130%;letter-spacing: -1.74px; opacity: 0;transform: translate(-50%, -6px);perspective: 400px;transition: .4s ease;}
.move-premium-con .sec-02 .ani-box-wrap .percent-box.show {opacity: 1;transform: translate(-50%, -50%);}
.move-premium-con .sec-02 .ani-box-wrap .percent-box .percent{ display: inline-flex;align-items: center;gap: 0;overflow: hidden;height: 1em; }
.move-premium-con .sec-02 .ani-box-wrap .percent-box .percent .num-wrapper{ position: relative;width: 36px;height: 75px;overflow: hidden;}
.move-premium-con .sec-02 .ani-box-wrap .percent-box .percent .roll {display: flex;flex-direction: column;position: relative;top: 0;left: 0;width: 100%;;text-align: center;line-height:75px;transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1); }
.move-premium-con .sec-02 .ani-box-wrap .percent-box .percent .roll span {display: block;height: 75px; font-size: 58px;font-weight: 700;line-height: 130%;letter-spacing: -1.74px;text-align: center;}

.move-premium-con .sec-02 .key-item-box{text-align: center;}
.move-premium-con .sec-02 .key-item-title{position: relative;height: 49px;width: 181px;display: inline-flex;padding:2px;margin-bottom:50px;border-radius: 50px;background: #0D182F;color:#fff;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.move-premium-con .sec-02 .key-item-title .grad-border2{position: absolute;left: 0;top: 0;}
.move-premium-con .sec-02 .key-item-title .key-text{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.move-premium-con .sec-02 .key-item-list{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;justify-content:space-between;row-gap:36px;column-gap: 77px;padding:0 14px;}
.move-premium-con .sec-02 .key-item-list li{display:flex;flex-direction:column;gap:12px;align-items:center;letter-spacing: -0.3px;color:#fff;}
.move-premium-con .sec-02 .key-item-list li .icon{display:flex;align-items:center;justify-content:center;width: 120px;height: 120px;border-radius:100%;background-color: rgba(255, 255, 255, 0.10);}
.move-premium-con .sec-03{padding:120px 0;margin:0;background: linear-gradient(180deg, rgba(193, 231, 255, 0.40) 30%, rgba(199, 233, 255, 0.10) 90%);}
.move-premium-con .sec-03 .item-list{display:flex;flex-direction:column;gap:40px;}
.move-premium-con .sec-03 .item-list li{display:flex;border-radius:16px;overflow:hidden;}
.move-premium-con .sec-03 .item-list li img{width:620px;}
.move-premium-con .sec-03 .item-list li .text{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px;width:calc(100% - 620px);padding:0 60px;background-color: #fff;}
.move-premium-con .sec-03 .item-list li .text .text1{font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.move-premium-con .sec-03 .item-list li .text p{color:#5A6275;font-size: 18px;letter-spacing: -0.36px;line-height: 27px;}
.move-premium-con .sec-04{padding:120px 0;margin:0;background: linear-gradient(180deg, #F6F7F8 60%, rgba(246, 247, 248, 0.00) 96%);}

.move-premium-con .sec-04 .photo-swiper{}
.move-premium-con .sec-04 .photo-swiper .swiper-wrapper{transition-timing-function: linear !important;}
.move-premium-con .sec-04 .photo-swiper-01{margin-bottom:24px;}
.move-premium-con .sec-04 .photo-swiper .swiper-slide{width: 544px;height: 320px;white-space: nowrap;border-radius: 8px;overflow:hidden;}
.move-premium-con .sec-04 .photo-swiper .swiper-slide img{width:100%;}
.move-premium-con .sec-04 .btn-center .btn{width:720px;color:#fff;background-color: #1A3361;}
.move-premium-con .sec-04 .btn-center .btn:hover{background-color: #193F84;}

/* 가정이사와 이미지 같음 */
.move-premium-con .stretch-card-list .spec-01::before{background:url("../images/sub/bg-home-spec-01-sm.png")no-repeat;background-size:cover;}
.move-premium-con .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-home-spec-01.png")no-repeat;background-size:cover;}
.move-premium-con .stretch-card-list .spec-02::before{background:url("../images/sub/bg-home-spec-02-sm.png")no-repeat;background-size:cover;}
.move-premium-con .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-home-spec-02.png")no-repeat;background-size:cover;}
.move-premium-con .stretch-card-list .spec-03::before{background:url("../images/sub/bg-home-spec-03-sm.png")no-repeat;background-size:cover;}
.move-premium-con .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-home-spec-03.png")no-repeat;background-size:cover;}
.move-premium-con .stretch-card-list .spec-04::before{background:url("../images/sub/bg-home-spec-04-sm.png")no-repeat;background-size:cover;}
.move-premium-con .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-home-spec-04.png")no-repeat;background-size:cover;}

.move-premium-con .system-list-01 .system-view-toggle::before{background:url('../images/sub/img-home-system-view-01.png')no-repeat 50% 50%;background-size:cover;}
.move-premium-con .system-list-02 .system-view-toggle::before{background:url('../images/sub/img-home-system-view-02.png')no-repeat 50% 50%;background-size:cover;}
.move-premium-con .system-list-03 .system-view-toggle::before{background:url('../images/sub/img-home-system-view-03.png')no-repeat 50% 50%;background-size:cover;}

.move-premium-con .sec-10{}
.move-premium-con .sec-10 article+article{margin:100px 0 0;}
.move-premium-con .sec-10 .capital-area{position:relative;padding:40px 60px;height:200px;border-radius: 16px;background:#F6F7F8;}
.move-premium-con .sec-10 .capital-area .title{margin-bottom:16px;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.move-premium-con .sec-10 .capital-area .text{display:flex;flex-direction:column;gap:2px;font-size: 16px;color:#5A6275;letter-spacing: -0.32px;}
.move-premium-con .sec-10 .capital-area .text p::before{display:inline-block;margin:0 6px 4px 0;vertical-align: middle;width:3px;height:3px;border-radius:100%;background-color: #5A6275;content:'';}

.move-premium-con .sec-10 .capital-area::after{position:absolute;top:20px;right:60px;width:160px;height:160px;content:'';background: url("../images/sub/icon-p-capital.png")no-repeat;animation: csAniFloat 1.85s 
ease-in-out infinite alternate;}
.move-premium-con .sec-10 .call-top{display: flex;align-items:center;justify-content:space-between;padding: 12px 30px;border-radius: 8px;border: 1px solid #A7D3FF;background: rgba(228, 241, 255, 0.40);color: #687286;font-size: 20px;font-weight: 500;line-height: 130%;letter-spacing: -0.8px;}
.move-premium-con .sec-10 .call-top .btn-call{display: flex;padding: 10px 28px;align-items: center;gap: 6px;border-radius: 4px;background-color: #338DFF;color: #fff;font-size: 20px;font-weight: 700;line-height: 130%;}


/* 청소 - 메인 */
.service-clean-wrap section{margin:0 0 100px;}
.service-clean-wrap .clean-con .sec-03{margin:0 0 60px;}
.service-clean-wrap .quick-sec{margin:0 !important;padding:80px 0;}
.service-clean-wrap .quick-box{justify-content: center;gap: 36px;}
.sub-main-top-clean >.container{background: linear-gradient(91deg, #ECFFBE 59.94%, #C4FFBD 99.7%);}
.sub-main-top-clean .ani-img-01{position:absolute;z-index:2;bottom:32px;right:120px;opacity:0;width:251px;height:140px;background: url("../images/sub/img-clean-top-01.png")no-repeat;background-size: cover;animation: serviceTopAni .5s forwards;}
.clean-con .bk-card-top::after{background: url("../images/sub/bg-clean-card-01.png")no-repeat;}
.clean-con .bk-card-list li:nth-child(1)::after{background: url("../images/sub/bg-clean-card-02.png")no-repeat;}
.clean-con .bk-card-list li:nth-child(2)::after{background: url("../images/sub/bg-clean-card-03.png")no-repeat;}
.clean-con .bk-card-list li:nth-child(3)::after{background: url("../images/sub/bg-clean-card-04.png")no-repeat;}

/* 청소 - 입주청소 */
.clean-movein-con{}
.sub-visual-clean{background: linear-gradient(0deg, rgba(236, 255, 190, 0.60) 0%, rgba(236, 255, 190, 0.60) 100%), #FFF;}
.sub-visual-clean::after{position:absolute;z-index:-1;top:0;left:50%;transform:translateX(-50%);display:block;width:100%;height:380px;content:'';background:url("../images/sub/bg-sub-visual-clean.png")no-repeat 50% 100%;}
.sub-visual-clean .bg-in{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1920px;height:380px;}
.sub-visual-clean .img-clean-ani{opacity:0;position:absolute;width:316px;height:325px;background: url("../images/sub/img-subvisual-clean.png")no-repeat;right: -35%;top:-52px; background-size: cover; transform:scale(0.75);}
.sub-visual-clean .img-clean-ani.ani-active{animation: fadeIn 0.6s ease-out forwards, CleanMoveAni 3s cubic-bezier(.2,.9,.25,1) forwards;}
.sub-visual-clean .img-clean-ani span{position:absolute;bottom: 48px;left: -16px; opacity:0;width:31px;height:33px;background: url("../images/sub/img-subvisual-twinkle.png")no-repeat;animation: CleanTwinkleAni 1s 2s ease-in-out infinite;}
/* 청소움직임 */
@keyframes CleanMoveAni {
	0% {transform: translate(0, 0) scale(0.75);}
	100%{transform: translate(-397px, 101px) scale(1);}
}
/* 반짝임  */
@keyframes CleanTwinkleAni {
	0% {transform:scale(.85);opacity:1;}
	50% {transform:scale(1);opacity:1;}
	100% {transform: scale(1.2);opacity:1;}
}

.clean-movein-con .recom-item-box li:nth-child(1), .clean-movein-con .recom-item-box li:nth-child(4){background-color: #EFFFC3;}

.clean-movein-con .stretch-card-list .spec-01::before{background:url("../images/sub/bg-movein-spec-01-sm.png")no-repeat;background-size:cover;}
.clean-movein-con .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-movein-spec-01.png")no-repeat;background-size:cover;}
.clean-movein-con .stretch-card-list .spec-02::before{background:url("../images/sub/bg-movein-spec-02-sm.png")no-repeat;background-size:cover;}
.clean-movein-con .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-movein-spec-02.png")no-repeat;background-size:cover;}
.clean-movein-con .stretch-card-list .spec-03::before{background:url("../images/sub/bg-movein-spec-03-sm.png")no-repeat;background-size:cover;}
.clean-movein-con .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-movein-spec-03.png")no-repeat;background-size:cover;}
.clean-movein-con .stretch-card-list .spec-04::before{background:url("../images/sub/bg-movein-spec-04-sm.png")no-repeat;background-size:cover;}
.clean-movein-con .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-movein-spec-04.png")no-repeat;background-size:cover;}
.clean-movein-con .color-tb .tb-info.text-red{color:#DA0000;}

/* 청소 공통 수상 부분 */
.certify-sec .top-head-text-xl{line-height: 27px;}
.certify-sec .container{display:flex;justify-content: space-between;align-items: center;}
.certify-sec .certify-swiper{overflow:hidden;}
.certify-sec .container .swiper{width:540px;overflow: visible;}
.certify-sec .swiper-slide{width: 240px;height: 320px;filter: blur(1px);border-radius: 3px;border: 1px solid #E5E5E5; box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.10), 1px 2px 4px 0 rgba(0, 0, 0, 0.05);}
.certify-sec .swiper-slide-active{filter: blur(0);}
.certify-swiper .swiper-pagination{position: static;margin-top:24px;display:flex;gap:7px;justify-content:center;}
.certify-swiper .swiper-pagination-bullet{width: 8px;height: 8px;margin:0 !important;background-color: #C3C6CE;border-radius:100%;transition:.3s;}
.certify-swiper .swiper-pagination-bullet-active{width: 32px;border-radius:8px;height: 8px;background-color: #5A6275;}

/* 청소 테이블 공통 */
.service-clean-wrap .color-tb table{font-size:16px;letter-spacing: -0.32px;border-bottom:1px solid #C3C6CE;}
.service-clean-wrap .color-tb thead{font-weight:500;border-top: 2px solid #C3C6CE;border-bottom: 1px solid #DFE1E8;background:#EBF6FF;}
.service-clean-wrap .color-tb thead th{padding:8px 0;}
.service-clean-wrap .color-tb tr{border-bottom: 1px solid #DFE1E8;}
.service-clean-wrap .color-tb tr:last-child{border-bottom: 0;}
.service-clean-wrap .color-tb tr td{padding:10px 50px;text-align:center;color:#35425C;}
.service-clean-wrap .color-tb tr td:first-child{background:#F6F7F8;}
.service-clean-wrap .color-tb tr td.no-bg{background:transparent;}
.service-clean-wrap .color-tb .tb-info .dot-text{text-indent: -19px;margin-left: 19px;}
.service-clean-wrap .color-tb .tb-info .dot-text::before{display:inline-block;margin:0 9px 5px 9px;vertical-align: middle;width:3px;height:3px;border-radius:100%;background-color: #5A6275;content:'';}
.service-clean-wrap .color-tb .tb-info{margin-top:12px;font-size: 14px;letter-spacing: -0.28px;color:#5A6275;}

/* 청소 더보기 공통 */
.more-sec{position:relative;padding: 100px 0 0;}
.more-sec::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:577px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.80) 70%);content:'';}
.more-sec.show-active::after{display:none;}
.more-sec .num-list li{display:none;justify-content:space-between;align-items: center;padding:16px 0;border-bottom: 1px solid #EEF0F4;}
.more-sec .num-list li.show{display:flex;}
.more-sec .num-list li:first-child{padding:0 0 16px 0;}
.more-sec .num-list li:last-child{border-bottom: 0;}
.more-sec .num-list .lf-text{display:flex;flex-direction:column;gap:4px;}
.more-sec .num-list .num{color:#A7D3FF;font-size: 28px;line-height: 140%;letter-spacing: -0.56px;}
.more-sec .num-list .title{color:#35425C;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;}
.more-sec .num-list .text{color: #687286;font-size: 16px;line-height: 130%;letter-spacing: -0.32px;}
.more-sec .btn-more{bottom: 50px;display:flex;gap:14px;align-items:center;width:320px;position:absolute;left:50%;transform:translateX(-50%);z-index:5;}
.more-sec .btn-more.active{position: relative;bottom:0;margin-top: 40px;}
.more-sec .btn-more.active i{transform:rotate(180deg);}

/* 배경있는 리뷰 공통 */
.service-clean-wrap .bg-review-sec{padding:100px 0;background: rgba(228, 241, 255, 0.40);}
.service-clean-wrap .bg-review-sec .review-swiper{position:relative;}
.service-clean-wrap .bg-review-sec .review-swiper .img{width: 362px;height: 245px;border-radius: 8px;overflow: hidden;}
.service-clean-wrap .bg-review-sec .review-swiper .img img{width:100%;height:100%;}
.service-clean-wrap .bg-review-sec .review-swiper .text-box{display:flex;flex-direction:column;gap:5px;margin-top:10px;}
.service-clean-wrap .bg-review-sec .review-swiper .title{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;color: #353841;font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;}
.service-clean-wrap .bg-review-sec .review-swiper .text{color: #8C92A4;font-size: 14px;font-weight: 400;letter-spacing: -0.28px;}
.service-clean-wrap .bg-review-sec .review-swiper .info{color:#8C92A4;font-size:14px;letter-spacing: -0.28px;}
.service-clean-wrap .bg-review-sec .review-list .text-box .info{color:#687286;}
.service-clean-wrap .bg-review-sec .review-sub-title{background: #338DFF;}
.service-clean-wrap .bg-review-sec .swiper-button-next,.service-clean-wrap .bg-review-sec .swiper-button-prev{opacity:0;top:103px !important;transform:none;transition:opacity .3s;}
.service-clean-wrap .review-swiper:hover .swiper-button-next,.service-clean-wrap .review-swiper:hover .swiper-button-prev{opacity:1;}

/* 라인 애니 sec 공통 */
.clean-movein-con .sec-06{display:flex;flex-direction:column;gap:100px;}
.step-line-list-wrap{padding-top: 20px;}
.step-line-list{display: flex;justify-content: space-between;position: relative;width: auto;}
.step-line-list::before{content: "";position: absolute;top: 6px;width: 1049px;height: 2px; left: 50%;transform: translateX(-50%);background: #A7D3FF;;z-index: 0;}
.step-line-list::after {content: "";position: absolute;top: 6px;left:49px;height: 2px;/* transform: translateX(-50%); */background: #338DFF;z-index: 1; width: calc(var(--progress, 0px) - 7px);transition: width 0.5s ease;}
.step-line-list li{display: flex;flex-direction: column;align-items: center;width:91px;text-align: center;}
.step-line-list li::before{display:block;content:'';border-radius:100%;position:relative;z-index: 3;width:16px;height:16px;border:4px solid #A7D3FF;background-color: #fff;box-sizing: border-box;transition:background .3s,border-color .3s;}
.step-line-list li.active::before{background:#338DFF;border-color: #338DFF;}
.step-line-list li .num{margin:10px 0 2px;color:#AAAFBC;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.step-line-list li.active .num{color:#338DFF;font-weight: 700;letter-spacing: -0.44px;}
.step-line-list li strong{color:#AAAFBC;font-size: 16px;letter-spacing: -0.32px;font-weight:400;}
.step-line-list li.active strong{color:#35425C;font-weight: 500;}

/* 배경 bl text */
.clean-house-bl-text{display:flex;gap:4px;align-items:center;justify-content: center;font-weight: 500;margin: 0 auto 24px;width: 376px;padding:6px 24px;border-radius: 50px;background: #EBF6FF;line-height: 140%;letter-spacing: -0.3px;}

/* 3d 클릭 공통*/
.clean-space-wrap .img-space-box{position:relative;}
.clean-space-wrap .img-space{margin:40px 0;text-align:center;}
.clean-space-wrap .btn-space-click{position:absolute;top:0;height:100%;width: 100%;}
.clean-space-wrap .btn-space-click a{display: flex;padding: 5px 14px;justify-content: center;align-items: center;position:absolute;border-radius: 21.81px;background: #338DFF;color:#fff;font-weight: 700;line-height: 140%; letter-spacing: -0.3px;box-shadow: 0 0 3.49px 0 rgba(255, 255, 255, 0.25);animation: CleanHouseAni .8s 
ease-in 0s infinite alternate;transition:background .3s;}
.clean-space-wrap .btn-space-click .active a,.clean-space-wrap .btn-space-click a:hover{background-color: #0675F4;}
/*말풍섬 움직임*/
@keyframes CleanHouseAni {
	0% {transform: translateY(-5px);}
	100% {transform: translateY(0);}
}
.clean-space-wrap .btn-space-click a::after{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:13px;height:11px;background: url("../images/sub/icon-movein-house-polygon.png")no-repeat;content:'';transition:background .3s;}
.clean-space-wrap .btn-space-click .active a::after,.clean-space-wrap .btn-space-click a:hover::after{background: url("../images/sub/icon-movein-house-polygon-on.png");}
.clean-space-wrap .btn-space-click .btn-house-01{left:387px;top:158px;}
.clean-space-wrap .btn-space-click .btn-house-02{right:355px;top:187px;}
.clean-space-wrap .btn-space-click .btn-house-03{top:274px;right:412px;}
.clean-space-wrap .btn-space-click .btn-house-04{top:320px;right:537px;}
.clean-space-wrap .clean-space-con{display:flex;gap:48px;}
.clean-space-wrap .clean-space-con .text-box{width: calc((100% - 48px) / 2);padding:24px;border-radius: 16px;border: 2px solid #70B8FF;background: #FFF;color:#616678;}
.clean-space-wrap .clean-space-con .text-box .title{display: inline-flex;margin-bottom:10px;padding: 5px 14px;justify-content: center;align-items: center;font-weight: 700;color:#fff;line-height: 140%;letter-spacing: -0.3px;border-radius: 21.81px;background: #338DFF;box-shadow: 0 0 3.49px 0 rgba(255, 255, 255, 0.25);}
.clean-space-wrap .clean-space-con .text-box li{margin-left: 20px;text-indent: -20px;letter-spacing: -0.3px;}
.clean-space-wrap .clean-space-con .text-box li::before{display:inline-block;content:'';width:3px;height:3px;margin:0 9px 4px;background-color: #616678;border-radius:100%;}
.clean-space-wrap .movein-house-swiper{position:relative;width: calc((100% - 48px) / 2);}

/* 청소 헬퍼 공통 */
.service-clean-wrap .helper-wrap{display: flex;gap: 80px;}
.service-clean-wrap .helper-wrap .helper-box{position: relative;display: flex;justify-content: space-between;width: 444px;}
.service-clean-wrap .helper-wrap .helper-box >div{display: flex;flex-direction: column;align-items: center;gap: 13px;justify-content:space-between;color: #35425C;font-size: 16px;letter-spacing: -0.32px;}
.service-clean-wrap .helper-wrap .helper-box i{position: absolute;left: 50%;transform: translateX(-50%);top: 60px;}
.service-clean-wrap .helper-wrap .color-tb{width: calc(100% - 524px);}

/* 청소 하단 퀵메뉴  공통*/
.service-clean-wrap .clean-btm-quick{display:flex;justify-content:space-between;}
.service-clean-wrap .clean-btm-quick li a{display:flex;flex-direction:column;gap:16px;align-items:center;}
.service-clean-wrap .clean-btm-quick .img{display:flex;justify-content:center;align-items:center;width:100px;height:100px;border-radius:100%;background-color: #F6F7F8;transition: transform 0.1s ease;}
.service-clean-wrap .clean-btm-quick a:active .img{transform: scale(0.94);}
.service-clean-wrap .clean-btm-quick .title{color:#35425C;font-size:18px;line-height:120%;letter-spacing: -0.36px;}

/* 자주하는 질문 공통 */
.clean-faq-sec{padding:100px 0;background: #F6F7F8;}
.clean-faq-sec .call-top{display: flex;padding: 12px 30px;margin:16px 0;justify-content: space-between;align-items: center;color:#687286;font-size: 20px;font-weight: 500;line-height: 130%;letter-spacing: -0.8px;border-radius: 8px;border: 1px solid #A7D3FF;background: #FFF;}
.clean-faq-sec .call-top .btn-call{display: flex;padding: 10px 28px;align-items: center;gap: 6px;border-radius: 4px;background-color: #338DFF;color:#fff;font-size: 20px;font-weight: 700;line-height: 130%;}


/* 청소 혜택 */
.service-clean-wrap .benefit-box{display:flex;gap:24px;}
.service-clean-wrap .benefit-box a{display: flex;align-items: flex-start;padding: 32px;position:relative;z-index:1;width:556px;height:160px;color: #FFF;font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.48px;overflow:hidden;border-radius: 12px;}
.service-clean-wrap .benefit-box .benefit-01::before{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:160px;content:'';background:url("../images/sub/bg-clean-benefit-01.png")no-repeat;transition:transform .3s;}
.service-clean-wrap .benefit-box .benefit-02::before{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:160px;content:'';background:url("../images/sub/bg-clean-benefit-02.png")no-repeat;transition:transform .3s;}
.service-clean-wrap .benefit-box a:hover::before{transform: scale(1.03);}


/* 청소 - 프리미엄 */
.clean-premium-con{}
.clean-premium-con .fade-ani{opacity:0;}
.clean-premium-con .fade-ani.active{animation: fadeIn 1s ease-in-out forwards; }

.clean-premium-con .pre-l-title{color: #FFCD8C;text-align: center;font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.clean-premium-con .sec-01{padding:218px 0 120px;margin:0;background:url("../images/sub/bg-clean-p-sec01.png")no-repeat 50% 0;background-size: cover;}
.clean-premium-con .sec-01 .top-text{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.clean-premium-con .sec-01 .top-text .text-01{font-size:20px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;color:#fff;}
.clean-premium-con .sec-01 .top-text img{margin:3px 0 0;}
.clean-premium-con .sec-01 .top-text .bg-title{display: flex;gap:6px;padding: 4px 8px;justify-content: center;align-items: center;background: rgba(40, 34, 30, 0.60);color: #FFCD8C;font-weight: 400;font-size: 24px;line-height: 130%;letter-spacing: -0.44px;}
.clean-premium-con .sec-01 .top-text .bg-title strong{font-weight: 700;}
.clean-premium-con .sec-01 .top-text .btn{margin-top:60px;width:200px;color: #221B17;background-color: #FFCD8C;}
.clean-premium-con .sec-01 .top-text .btn:hover{background-color: #FFB351;}
.clean-premium-con .sec-01 .warning-info{display: flex;margin:150px 0 130px;padding: 10px 0;justify-content: center;align-items: center;gap: 2px;border-radius: 6px;background: rgba(255, 255, 255, 0.15);}
.clean-premium-con .sec-01 .warning-info p{color:#fff;font-size: 12px;letter-spacing: -0.24px;line-height: 18px;}
.clean-premium-con .sec-01 .warning-info p::before{display:inline-block;margin:0 8px 3px;width:3px;height:3px;background-color: #fff;border-radius:100%;content:'';}
.clean-premium-con .sec-01 .benefit-text{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;margin-bottom:80px;}
.clean-premium-con .sec-01 .benefit-text p{font-size: 18px;font-weight: 400;line-height: 120%;letter-spacing: -0.36px;color:#fff;text-align:center;}
.clean-premium-con .sec-01 .ani-box{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;}
.clean-premium-con .sec-01 .ani-box .label{display: flex;padding: 4px 12px;justify-content: center;align-items: center;margin-bottom:16px;color: #221B17;border-radius: 4px;background: #FFCD8C;font-weight: 500;line-height: 140%;letter-spacing: -0.3px;}
.clean-premium-con .sec-01 .ani-box p{display:flex;gap:6px;flex-direction:column;align-items:center;text-align:center;margin-bottom:60px;color: rgba(255, 255, 255, 0.70);font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;}
.clean-premium-con .sec-01 .ani-box p strong{color:#fff;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.clean-premium-con .sec-01 .ani-box::after{position: absolute;bottom: 0;left: 50%;z-index:-1;transform: translateX(-50%);display:block;width:1232px;height:720px;content:'';background: url("../images/sub/bg-clean-p-sec1-ani.png")no-repeat;}
.clean-premium-con .sec-01 .service-col{display:grid;gap:24px;grid-template-columns:1fr 1fr;}
.clean-premium-con .sec-01 .service-col li{display: flex;flex-direction: column;align-items: flex-start;gap: 20px;padding: 40px;border-radius: 8px;background: linear-gradient(141deg, #FFF -23.48%, #FFE6C5 -0.82%, #FFCD8C 70.93%);}
.clean-premium-con .sec-01 .service-col .label{display: flex;padding: 4px 12px;justify-content: center;align-items: center;color: #FFCD8C;border-radius: 4px;background: #382E28;font-size: 14px;font-weight: 500;line-height: 140%;letter-spacing: -0.28px;}
.clean-premium-con .sec-01 .service-col p{display:flex;flex-direction:column;gap:4px;align-items:flex-start;color: rgba(40, 34, 30, 0.70);font-size: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.32px;}
.clean-premium-con .sec-01 .service-col p strong{color:#28221E;font-size: 19px;font-weight: 700;line-height: 130%;letter-spacing: -0.57px;}
.clean-premium-con .sec-02{padding:120px 0;margin:0;background: linear-gradient(180deg, #382E28 80%, #28221E 100%);}
.clean-premium-con .sec-02 article+article{margin:120px 0 0;}
.clean-premium-con .sec-02 .pre-quality{display: flex;justify-content: center;align-items: center;margin:0 auto 12px;width: 74px;height: 42px;text-align: center;color: #F2C57F;font-family: "Eulyoo1945";font-size: 12px;font-weight: 600;line-height: 120%;letter-spacing: -0.12px;}
.clean-premium-con .sec-02 .pre-quality::after{position:absolute;width:74px;height:42px;background: url("../images/sub/img-clean-p-quality.png")no-repeat;content:'';}
.clean-premium-con .sec-02 .top-text .pre-l-title{padding-bottom:50px;margin-bottom:50px;border-bottom: 1px solid rgba(255, 205, 140, 0.50);}
.clean-premium-con .sec-02 .top-text .pre-l-text{color: #FFF;text-align: center;font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.clean-premium-con .sec-02 .ani-img-box{position:relative;align-items: center;display:flex;flex-direction:column;position:relative;height: 460px;z-index:1;text-align: center;margin: 40px 0;left:-18px;}
.clean-premium-con .sec-02 .ani-img-box::after{position:absolute;z-index: -1;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-block;width:1160px;height:1160px;pointer-events: none;background: url("../images/sub/bg-clean-p-pyramid.png")no-repeat;content:'';}
.clean-premium-con .sec-02 .ani-img-box .fade-img{position:absolute;opacity:0;}
.clean-premium-con .sec-02 .ani-img-box .fade-img.active{animation: fadeUp .85s ease-in-out forwards;}
.clean-premium-con .sec-02 .ani-img-box .img-01{z-index: 5;top:0;transform: translateY(-10px);}
.clean-premium-con .sec-02 .ani-img-box .img-01.active{animation-delay:2s;}
.clean-premium-con .sec-02 .ani-img-box .img-02{z-index: 4;top:65px;transform: translateY(-50px);}
.clean-premium-con .sec-02 .ani-img-box .img-02.active{animation-delay:1.5s;}
.clean-premium-con .sec-02 .ani-img-box .img-03{z-index: 3;top:110px;transform: translateY(-100px);}
.clean-premium-con .sec-02 .ani-img-box .img-03.active{animation-delay:1s;}
.clean-premium-con .sec-02 .ani-img-box .img-04{z-index: 2;top:155px;transform: translateY(-150px);}
.clean-premium-con .sec-02 .ani-img-box .img-04.active{animation-delay:.5s;}
.clean-premium-con .sec-02 .ani-img-box .img-05{z-index: 1;top:200px;transform: translateY(-150px);}
.clean-premium-con .sec-02 .ani-img-box .img-05.active{animation-delay:0s;);}

.clean-premium-con .sec-02 .pre-list{display:flex;gap:20px;}
.clean-premium-con .sec-02 .pre-list li{display: flex;padding: 40px;flex-direction: column;align-items: flex-start;border-radius: 8px;border: 2px solid rgba(255, 205, 140, 0.30);}
.clean-premium-con .sec-02 .pre-list .num{display: flex;width: 36px;height: 36px;margin-bottom:4px;flex-direction: column;justify-content: center;align-items: center;border-radius: 4px;background: #0B0908;color:#FFCD8C;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.clean-premium-con .sec-02 .pre-list h3.title{width:100%;padding-bottom:12px;margin-bottom:12px;border-bottom: 1px solid rgba(255, 255, 255, 0.20);color: #FFCD8C;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;}
.clean-premium-con .sec-02 .pre-list .text{color: #FFF;font-size: 16px;letter-spacing: -0.32px;}
.clean-premium-con .sec-02 .up-care-box{display:grid;gap:24px;grid-template-columns: repeat(2, 1fr);margin:50px 0 60px;opacity:0;}
.clean-premium-con .sec-02 .up-care-box figure{border-radius:6px;overflow:hidden;}
.clean-premium-con .sec-02 .up-care-box figure .img{}
.clean-premium-con .sec-02 .up-care-box figure figcaption{padding: 8px 20px 8px 16px;background: #5C4F45;color:#fff;text-align:center;}
.clean-premium-con .sec-02 .up-care-box .care-info{display: flex;grid-column: 1 / -1;padding: 8px 16px;align-items: center;gap: 12px;border-radius: 8px;background: rgba(255, 255, 255, 0.15);color:#fff;font-size: 14px;}
.clean-premium-con .sec-02 .up-care-func{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.clean-premium-con .sec-02 .up-care-func li{display: flex;flex-direction: column;align-items: center;}
.clean-premium-con .sec-02 .up-care-func .title{display: flex;padding: 10px 22px;justify-content: center;align-items: center;margin-bottom:16px;border-radius: 50px;background: #FFCD8C;color: #211B18;font-size: 18px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;}
.clean-premium-con .sec-02 .up-care-func li >div{display:flex;flex-direction:column;justify-content:center;gap: 10px;}
.clean-premium-con .sec-02 .up-care-func li .img{border-radius:8px;overflow:hidden;}
.clean-premium-con .sec-02 .up-care-func .func-desc{display:flex;gap:24px;justify-content:center;border-radius: 8px;padding:16px 0;background: #5C4F45;}
.clean-premium-con .sec-02 .up-care-func .func-desc span{display: flex;width: 80px;height: 80px;flex-direction: column;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;aspect-ratio: 1/1;border-radius: 50px;text-align: center;color:#FFF0DD;border: 3px solid #FFDCAE;background: rgba(56, 46, 40, 0.30);font-size: 12px;
font-weight: 700;line-height: 100%; letter-spacing: -0.24px;}

.clean-premium-con .sec-03{margin:0;padding:120px 0;background: linear-gradient(180deg, #FFF0DD 40%, rgba(255, 240, 221, 0.00) 96%);}
.clean-premium-con .sec-03 .title{margin-bottom:50px;color: #28221E;text-align: center;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.clean-premium-con .sec-03 .certi-list{display:flex;gap:24px;justify-content: center;}
.clean-premium-con .sec-03 figure{display:flex;flex-direction:column;gap:12px;}
.clean-premium-con .sec-03 figure img{border-radius: 3px;box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.10), 1px 2px 4px 0 rgba(0, 0, 0, 0.05);}
.clean-premium-con .sec-03 figure figcaption{color:#5A6275;text-align: center;font-size: 14px;font-weight: 400;line-height: 150%;}

/* 프리미엄 입주청소 이미지와 같음 */
.clean-premium-con .stretch-card-list{margin-top:24px;}
.clean-premium-con .stretch-card-list .spec-01::before{background:url("../images/sub/bg-movein-spec-01-sm.png")no-repeat;background-size:cover;}
.clean-premium-con .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-movein-spec-01.png")no-repeat;background-size:cover;}
.clean-premium-con .stretch-card-list .spec-02::before{background:url("../images/sub/bg-movein-spec-02-sm.png")no-repeat;background-size:cover;}
.clean-premium-con .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-movein-spec-02.png")no-repeat;background-size:cover;}
.clean-premium-con .stretch-card-list .spec-03::before{background:url("../images/sub/bg-movein-spec-03-sm.png")no-repeat;background-size:cover;}
.clean-premium-con .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-movein-spec-03.png")no-repeat;background-size:cover;}
.clean-premium-con .stretch-card-list .spec-04::before{background:url("../images/sub/bg-movein-spec-04-sm.png")no-repeat;background-size:cover;}
.clean-premium-con .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-movein-spec-04.png")no-repeat;background-size:cover;}
.clean-premium-con .more-sec .num-list .num{color:#FFCD8C;}
.clean-premium-con .more-sec .btn-more{background-color: #382E28;color:#fff;}
.clean-premium-con .review-sub-title{background-color: #382E28;}
.clean-premium-con .bg-review-sec {background:#F6F7F8;} 
.clean-premium-con .bg-review-sec .review-sub-title{background: #382E28;}
.clean-premium-con .sec-08{display: flex;flex-direction: column;gap: 100px;}
.clean-premium-con .color-tb thead{border-top: 2px solid #C3C6CE;background: rgba(255, 240, 221, 0.40);}
.clean-premium-con .color-tb .tb-info.text-red{color:#F04452;}
.clean-premium-con .clean-house-bl-text{background-color: #FFF6EB;}
.clean-premium-con .step-line-list::before{background: #FFD7A3;}
.clean-premium-con .step-line-list::after {background: #FFB351;}
.clean-premium-con .step-line-list li::before{border:4px solid #FFD7A3;}
.clean-premium-con .step-line-list li.active::before{background:#FFB351;border-color: #FFB351;}
.clean-premium-con .step-line-list li.active .num{color:#FFB351;}
.clean-premium-con .clean-space-wrap .btn-space-click a{background-color: #382E28;}
.clean-premium-con .clean-space-wrap .btn-space-click .active a,.clean-premium-con .clean-space-wrap .btn-space-click a:hover{background-color:#0B0908;}
.clean-premium-con .clean-space-wrap .btn-space-click a::after{background: url("../images/sub/icon-premium-house-polygon.png")no-repeat;content:'';}
.clean-premium-con .clean-space-wrap .btn-space-click .active a::after,.clean-premium-con .clean-space-wrap .btn-space-click a:hover::after{background: url("../images/sub/icon-premium-house-polygon-on.png")no-repeat}
.clean-premium-con .clean-space-wrap .clean-space-con .text-box{border: 2px solid #FFCD8C;}
.clean-premium-con .clean-space-wrap .clean-space-con .text-box .title{background: #382E28;}
.clean-premium-con .ptc-calc-banner{background:#382E28;}
.clean-premium-con .ptc-calc-banner::after{content:'';background: url("../images/sub/img-ptc-calc-p.png")no-repeat;}
.clean-premium-con .ptc-calc-banner .btn-link{background: #FFCD8C;color: #211B18;}
.clean-premium-con .ptc-calc-banner .btn-link:hover{background: #D7AD78;}

/* 청소 - 이삿날 1인청소 */
.clean-onclean-con{}
.clean-onclean-con .sub-visual{margin:0 auto;}
/* .clean-onclean-con .sub-visual::after{background: url("../images/sub/bg-sub-visual-oneclean.png")no-repeat 50% 0;} */
.clean-onclean-con .top-bg-text{margin:0 auto 100px;position:relative;z-index:1;width:100%;padding:24px 40px;background: #97AD74;}
.clean-onclean-con .top-bg-text::before{position:absolute;z-index:-1;left:0;top:0;display:inline-block;width:100%;height:118px;background: url("../images/sub/bg-onclean-top.png")no-repeat 50% 100%;background-size:cover;content:'';}
.clean-onclean-con .top-bg-text >.container{display:flex;align-items: center;justify-content: center;gap:60px;color:#fff;font-size: 14px;line-height: 21px;letter-spacing: -0.28px;}
.clean-onclean-con .top-bg-text .title{margin-bottom:2px;font-size: 18px;font-weight: 700;line-height: 23.4px;letter-spacing: -0.36px;}
.clean-onclean-con .sec-01{position:relative;z-index:1;}
.clean-onclean-con .sec-01::after{display:block;z-index:-1;position:absolute;bottom:0;z-index: 1;left:50%;transform:translate(-50%, 0);width:100%;height:226px;background: url("../images/sub/bg-oneclean-sec01.png")no-repeat  50% 100%;content:'';background-size: cover;}
/* .clean-onclean-con .sec-01.sec-active::after {animation: fadeUp2 1s .2s ease forwards;} */
.clean-onclean-con .sec-01::before{display:block;position:absolute;bottom:-5px;left:50%;z-index: 2;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:127px;height:130px;background: url("../images/sub/icon-oneclean-sec-01.png")no-repeat;content:'';}
.clean-onclean-con .sec-01 article{margin:100px 0 0;}
.clean-onclean-con .oneclean-swiper .swiper{height:440px;}
.clean-onclean-con .oneclean-swiper .swiper-slide{padding:60px;height:100%;background-size:100%;border-radius:16px;overflow:hidden;background-size:cover;}
.clean-onclean-con .oneclean-swiper .swiper-slide::after{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;content:'';background: linear-gradient(90deg, rgba(0, 0, 0, 0.40) 20%, rgba(0, 0, 0, 0.30) 30%, rgba(0, 0, 0, 0.00) 50%);}
.clean-onclean-con .oneclean-swiper .text{display:flex;flex-direction:column;gap:20px;align-items:flex-start;color:#fff;}
.clean-onclean-con .oneclean-swiper .text .title-sm{padding:6px 16px;border-radius:50px;border:1px solid #fff;font-size: 16px;font-weight: 500;line-height: 22.4px;letter-spacing: -0.32px;}
.clean-onclean-con .oneclean-swiper .text .text-01{font-size: 28px;line-height: 39.2px;letter-spacing: -0.56px;}
.clean-onclean-con .oneclean-swiper .swiper-pagination{display:flex;gap:5px;justify-content: center;bottom: 60px !important;left: 60px !important;width: auto !important;}
.clean-onclean-con .oneclean-swiper .swiper-pagination-bullet{width:6px;height:6px;margin:0 !important;background:rgba(255, 255, 255, 0.4);opacity:1;transition:width .3s;}
.clean-onclean-con .oneclean-swiper .swiper-pagination-bullet-active{width:18px;background:rgba(255, 255, 255, 0.8);border-radius:6px;}
.clean-onclean-con .helper-box{display:flex;justify-content: center;gap:35.5px;align-items: flex-end;}
.clean-onclean-con .helper-box >div{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.clean-onclean-con .helper-box .icon-movein-helper-plus{transform: translateY(-162.94px);}
.clean-onclean-con .helper-box .label{display: flex;align-items:center;justify-content:center;margin:14.79px 0 12.5px;padding: 7.26px 23.67px;color: #FFF;font-size: 18px;font-weight: 700;line-height: 23.4px;letter-spacing: -0.36px;border-radius:37px;background-color: #70B8FF;}
.clean-onclean-con .helper-box .num{display: flex;flex-direction: column;align-items: center;height: 46px;color: #5A6275;font-size: 22px;line-height: 28.6px;font-weight: 500;letter-spacing: -0.66px;}
.clean-onclean-con .helper-box .num small{font-size: 15px;line-height: 18px;font-weight:400;letter-spacing: -0.45px;}
.onclean-pick-article {padding-bottom:150px;background: linear-gradient(180deg, rgba(239, 255, 195, 0.00) 0%, #EFFFC3 100%);}
.onclean-pick-article .top-text{display: flex;flex-direction: column;gap: 20px;align-items: center;margin-bottom: 50px;font-size: 48px;font-weight: 700;line-height:34px;letter-spacing: -0.96px;}
.onclean-pick-article .top-text small{color:#5A6275;font-size:22px;font-weight: 500;line-height:28.6px;letter-spacing: -0.66px;}
.onclean-pick-article .clean-pick-box {display:flex;gap:24px;justify-content: center;}
.onclean-pick-article .clean-pick-box li{display: flex;align-items: center;justify-content: center;height:100px;width:200px;border-radius: 8px;border: 2px solid #C3F278;background: #FFF;color: #35425C;text-align: center;font-size: 20px;font-weight: 500;line-height: 28px;letter-spacing: -0.6px;}
.onclean-pick-article p{margin-top:16px;color:#687286;font-size: 12px;line-height: 140%;letter-spacing: -0.24px;text-align:center;}
.clean-onclean-con .bf-tab-box{display: flex;width: 532px;margin: 0 auto 24px;padding: 8px 10px;align-items: center;border-radius: 50px;background-color: #EEF0F4;}
.clean-onclean-con .bf-tab-box .title{display: flex;padding: 8px 32px;align-items: center;gap: 6px;color:#07F;letter-spacing: -0.3px;line-height:21px;font-weight:700;}
.clean-onclean-con .bf-tab-box ul{display:flex;}
.clean-onclean-con .bf-tab-box ul li button{display:flex;align-items:center;justify-content:center;padding: 7.8px 32px;color:#687286;font-size: 16px;font-weight: 500;line-height: 22.4px;letter-spacing: -0.32px;transition:.3s;}
.clean-onclean-con .bf-tab-box ul li button.active{border-radius: 50px;background:#338DFF;color:#fff;box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.05), 1px 2px 4px 0 rgba(0, 0, 0, 0.10);}
.clean-onclean-con .clean-house-bl-text{width: 100%;border-radius: 4px;justify-content: flex-start;}
.clean-onclean-con .recom-item-box{height:auto;grid-template-rows: none;}
.clean-onclean-con .recom-item-box li:nth-child(1){background-color: #EFFFC3;}

/* before,after  */
.service-clean-wrap .bf-box{position:relative;}
.service-clean-wrap .bf-box .box-col{display:flex;gap:24px;position: relative;}
.service-clean-wrap .bf-box .box-col::before{display:inline-block;width:48px;height:48px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;content:'';background: url("../images/sub/icon-onclean-bf-arr.svg")no-repeat;}
.service-clean-wrap .bf-box .label{position:absolute;left:0;top:0;display: flex;border-radius:16px 0;padding: 8px 16px;color: #FFF;background: #338DFF;font-size: 13px;font-weight: 500;line-height: 13px;letter-spacing: -0.26px;}
.service-clean-wrap .bf-box .before-box{position:relative;border-radius: 16px;overflow: hidden;}
.service-clean-wrap .bf-box .after-box{position:relative;border-radius: 16px;outline: 4px solid #338DFF;overflow: hidden;outline-offset: -4px;}
.service-clean-wrap .bf-box p{display:flex;align-items:center;margin-top:9.14px;color:#687286;font-size: 14px;line-height: 21px;}
.service-clean-wrap .bf-box p::before{display:inline-block;width:3px;height:3px;margin-right:6px;border-radius:100%;background-color: #687286;content:'';}

/* 청소 - 이사당일청소 */
.clean-dayofmoving{}
.clean-dayofmoving .recom-item-box li:nth-child(1), .clean-dayofmoving .recom-item-box li:nth-child(4){background-color: #EFFFC3;}
.clean-dayofmoving .top-bg-text{margin: 0 auto;}
.clean-dayofmoving .clean-house-bl-text{width:376px;justify-content: center;border-radius:50px;}
.clean-dayofmoving .sec-01::before{display:block;position:absolute;bottom:-3px;left:50%;z-index: 2;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:136px;height:130px;background: url("../images/sub/icon-movetheday-sec.png") center no-repeat;content:'';background-size: cover;}


/* 에어컨 청소 before,after */
.clean-air-con .bf-box .box-col{opacity:0;position: relative;}
.clean-air-con .bf-box .box-col.bf-active{animation: fadeIn .85s ease forwards;}

/* 세탁기 청소 before,after */
.clean-washer-con .bf-box .box-col{opacity:0;position: relative;}
.clean-washer-con .bf-box .box-col.bf-active{animation: fadeIn .85s ease forwards;}

/* 프리미엄,입주청소,이삿날1인청소 이미지와 같음 */
.clean-onclean-con .stretch-card-list .spec-01::before{background:url("../images/sub/bg-movein-spec-01-sm.png")no-repeat;background-size:cover;}
.clean-onclean-con .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-movein-spec-01.png")no-repeat;background-size:cover;}
.clean-onclean-con .stretch-card-list .spec-02::before{background:url("../images/sub/bg-movein-spec-02-sm.png")no-repeat;background-size:cover;}
.clean-onclean-con .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-movein-spec-02.png")no-repeat;background-size:cover;}
.clean-onclean-con .stretch-card-list .spec-03::before{background:url("../images/sub/bg-movein-spec-03-sm.png")no-repeat;background-size:cover;}
.clean-onclean-con .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-movein-spec-03.png")no-repeat;background-size:cover;}
.clean-onclean-con .stretch-card-list .spec-04::before{background:url("../images/sub/bg-movein-spec-04-sm.png")no-repeat;background-size:cover;}
.clean-onclean-con .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-movein-spec-04.png")no-repeat;background-size:cover;}
.clean-onclean-con .sec-07 article+article{margin:100px 0 0;}


/* 청소 - 가전청소  */
.clean-elec-con{overflow: hidden;}
.clean-elec-con article+article{margin:100px 0 0;}
.clean-elec-con .more-sec .num-list li{display:flex;}
.clean-elec-con .more-sec::after{display:none;}
.sub-visual-elec{background: linear-gradient(0deg, rgba(236, 255, 190, 0.60) 0%, rgba(236, 255, 190, 0.60) 100%), #FFF;}
.sub-visual-elec::after{position:absolute;z-index:-1;top:0;left:0;right:0;display:block;width:100%;height:380px;content:'';background:url("../images/sub/bg-sub-visual-elec.png")no-repeat 50% 100%;}
.sub-visual-elec .img-clean-ani{position:absolute;z-index:2;bottom:49px;right:128px;opacity:0;width:173px;height:231px;background: url("../images/sub/img-sub-visual-elec.png")no-repeat;animation: serviceTopAni .5s forwards;}
.sub-visual-elec .img-clean-ani::after{position:absolute;left:4px;bottom:64px;width:31px;height:33px;display:block;animation: serviceTopAni .5s forwards;opacity:0;animation-delay: 0.5s; content:'';background: url("../images/sub/img-sub-visual-elec-twinkle.png")no-repeat;}
.clean-elec-con .elec-link-list{display:flex;gap:24px;padding:24px 0 50px;margin-bottom:50px;border-bottom:1px solid #C3C6CE;}
.clean-elec-con .elec-link-list li{width: 362px;position:relative;z-index:1;border-radius: 8px;}
.clean-elec-con .elec-link-list li.active{opacity: 0.5;backdrop-filter: blur(2px);}
.clean-elec-con .elec-link-list li.elec-01{background: url("../images/sub/img-elec-link-01.png")no-repeat;}
.clean-elec-con .elec-link-list li.elec-02{background: url("../images/sub/img-elec-link-02.png")no-repeat;}
.clean-elec-con .elec-link-list li a{display: flex;align-items: center;height:88px;padding: 32px;font-size: 19px;font-weight: 700;line-height: 130%;letter-spacing: -0.57px;color:#fff;}
.clean-elec-con .elec-link-list li a::after{position:absolute;top:50%;transform:translateY(-50%);right:32px;z-index:-1;display:block;width:24px;height:24px;content:'';transition:transform .3s;background: url("../images/sub/img-pack-link-arr.png")no-repeat;}
.clean-elec-con .elec-link-list li a:hover::after{transform:translate(5px, -50%);}
.clean-elec-con .elec-top-banner::before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;content:'';background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.50) 25%, rgba(0, 0, 0, 0.00) 45%);}
.clean-elec-con .elec-top-banner .text{display:flex;gap:8px;flex-direction:column;align-items:flex-start;padding:60px 60px 0;color:#fff;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.clean-elec-con .elec-top-banner .text h2{font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.clean-elec-con .stretch-card-list .spec-01::before{background:url("../images/sub/bg-elec-spec-01-sm.png")no-repeat;background-size:cover;}
.clean-elec-con .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-elec-spec-01.png")no-repeat;background-size:cover;}
.clean-elec-con .stretch-card-list .spec-02::before{background:url("../images/sub/bg-elec-spec-02-sm.png?20260202")no-repeat;background-size:cover;}
.clean-elec-con .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-elec-spec-02.png?20260202")no-repeat;background-size:cover;}
.clean-elec-con .stretch-card-list .spec-03::before{background:url("../images/sub/bg-elec-spec-03-sm.png")no-repeat;background-size:cover;}
.clean-elec-con .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-elec-spec-03.png")no-repeat;background-size:cover;}
.clean-elec-con .stretch-card-list .spec-04::before{background:url("../images/sub/bg-elec-spec-04-sm.png")no-repeat;background-size:cover;}
.clean-elec-con .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-elec-spec-04.png")no-repeat;background-size:cover;}
.clean-elec-con .bf-box-list{display:flex;flex-direction:column;gap:24px;margin:0 56px;}
.clean-elec-con .bf-box .bf-title{display: inline-flex;padding: 8px 16px;justify-content: center;align-items: center;margin-bottom:16px;border-radius: 50px;background: #EEF0F4;color:#07F;font-size:16px;font-weight:500;letter-spacing: -0.32px;line-height:22.4px;}
.clean-elec-con .bf-box::before{bottom: 95px;top: auto;}
.clean-elec-con .elec-card-swiper{overflow: visible;}
.clean-elec-con .elec-card-swiper .swiper-slide{flex-direction: column;display: flex;align-items: flex-end;width: 544px;padding:40px;border-radius: 16px;background-color: #F6F7F8;}
.clean-elec-con .elec-card-swiper .swiper-slide:nth-child(odd){background: rgba(235, 246, 255, 0.80);}
.clean-elec-con .elec-card-swiper .swiper-slide .text-box{display:flex;gap:12px;width: 100%;align-items:flex-start;flex-direction:column;}
.clean-elec-con .elec-card-swiper .swiper-slide .title{font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.48px;}
.clean-elec-con .elec-card-swiper .swiper-slide .text{color:#5A6275;font-size: 16px;letter-spacing: -0.32px;}
.clean-elec-con .clean-faq-sec{padding:0;background-color: #fff;}
.clean-elec-con .clean-faq-sec .call-top{background: rgba(228, 241, 255, 0.40);}
.clean-elec-con .sv-area-banner{position: relative;margin-top:100px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;padding: 40px 60px;height: 200px;border-radius: 16px;background: #E9FFE8;}
.clean-elec-con .sv-area-banner::after{display:block;position:absolute;right:60px;top:20px;width:160px;height:160px;background: url("../images/sub/img-elec-sv-ban.png");animation: csAniFloat 1.85s ease-in-out infinite alternate;content:'';}
.clean-elec-con .sv-area-banner .title{font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.clean-elec-con .sv-area-banner .area-text{display: flex;padding: 12px 28px;justify-content: center;align-items: center;gap: 8px;border-radius: 50px;background: #FFF;font-size: 18px;font-weight: 500;line-height: 120%; color:#35425C;letter-spacing: -0.36px;}

.clean-elec-con .recom-item-box li{gap:12px;flex-direction: column;align-items: flex-start;justify-content: center;}
.clean-elec-con .recom-item-box .label-w{display: flex;justify-content: center;align-items: center;padding: 4px 16px;color: #008218;border-radius:50px;background-color: #fff;font-weight: 500;line-height: 150%;letter-spacing: -0.3px;}
.clean-elec-con .recom-item-box p{font-size: 22px;line-height: 130%;letter-spacing: -0.44px;}
.clean-elec-con .recom-item-box li:nth-child(1),.clean-elec-con .recom-item-box li:nth-child(4){background: #EFFFC3;}
.clean-elec-con .step-service-sec .step-list li{justify-content: flex-start;gap: 56px;}


/* 청소 - 가전청소- 에어컨청소  */
.clean-air-con .elec-top-banner{position:relative;z-index:1;height: 280px;border-radius: 20px;overflow:hidden;background: url("../images/sub/bg-air-top-banner.png")no-repeat;}
.bg-red-info{display: flex;gap:8px;margin-bottom:24px;padding: 12px 16px;align-items: center;border-radius: 4px;background: rgba(240, 68, 82, 0.08);color:#35425C;letter-spacing: -0.3px;}
.bg-red-info .label{display: flex;padding: 4px 5px;justify-content: center;align-items: center;color: #FFF;font-size: 12px;border-radius: 4px;background: #F04452;font-weight: 700;line-height: 100%;letter-spacing: -0.24px;}
.clean-air-con .pass-sec{padding:100px 0;background: rgba(228, 241, 255, 0.40);}
.clean-air-con .pass-sec >.container{display:flex;justify-content:space-between;align-items:center;}
.clean-air-con .pass-sec .pass-text{margin-top:6px;font-size: 18px;line-height: 150%;letter-spacing: -0.36px;}
.clean-air-con .pass-sec .pass-list{display:flex;gap:40px;margin-top:50px;}
.clean-air-con .pass-sec .pass-list li{display:flex;flex-direction:column;align-items: center;text-align: center;}
.clean-air-con .pass-sec .pass-list li em{display:inline-block;margin:15px 0 4px;font-weight: 500;line-height: 140%;letter-spacing: -0.3px;}
.clean-air-con .pass-sec .pass-list li span{color:#687286;font-size: 11px;line-height: 120%;}

/* 청소 - 가전청소- 세탁기청소  */
.clean-washer-con .elec-top-banner{position:relative;z-index:1;height: 280px;border-radius: 20px;overflow:hidden;background: url("../images/sub/bg-washer-top-banner.png")no-repeat;}
.clean-washer-con .bf-box-list{margin:0;}

/* 청소 비용 계산 */
.clean-cost-con{}
.sub-visual-cost{height:320px;background: linear-gradient(0deg, rgba(236, 255, 190, 0.60) 0%, rgba(236, 255, 190, 0.60) 100%), #FFF;}
.sub-visual-cost::after{position:absolute;z-index:-1;top:0;left:0;right:0;display:block;width:100%;height:320px;min-width: 1418px;content:'';background:url("../images/sub/bg-sub-visual-cost.png")no-repeat 100% 100%;}
.sub-visual-cost .img-clean-ani{position:absolute;z-index:2;top:68px;right:46px;opacity:0;width:198px;height:217px;background: url("../images/sub/img-sub-visual-cost.png")no-repeat;animation: serviceTopAni .5s forwards;}
.clean-cost-con .cost-col{display:flex;align-items:flex-start;justify-content:space-between;}
.clean-cost-con .cost-col .title{display:flex;gap:2px;margin-bottom:16px;color: #35425C;font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;}
.clean-cost-con .title .essential{color:#338DFF;font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;}
.clean-cost-con .lf{width: 640px;}
.clean-cost-con .trans-box{display: flex;justify-content: space-between;align-items: center;height: 44px;padding: 8px 16px;border-radius: 4px;border: 1px solid #C3C6CE;}
.clean-cost-con .trans-box input{width: calc(100% - 153px);border:0;border-radius:0;padding: 0;min-height: auto;}
.clean-cost-con .trans-box .btn-trans{display: flex;padding: 4px 6px;justify-content: center;align-items: center;gap: 8px;border-radius: 4px;background:#EBF6FF;color: #07F;font-size: 13px;font-weight: 500;line-height: 100%;letter-spacing: -0.26px;}
.clean-cost-con .cost-select-box{margin-bottom:40px;}
.clean-cost-con .radio-item-box{display:flex;flex-direction:column;gap:12px;}
.clean-cost-con .radio-item{display: flex;padding: 12px 24px;gap:16px;align-items:center;border-radius: 6px;border: 1px solid #DFE1E8;cursor:pointer;transition:background .2s, border-color .2s ;}
.clean-cost-con .radio-item:has(input:checked){background: rgba(235, 246, 255, 0.80);border-color:#70B8FF;}
.clean-cost-con .radio-item .text{display:flex;flex-direction:column;gap:2px;color:#5A6275;font-size:13px;line-height:16.9px;letter-spacing: -0.26px;}
.clean-cost-con .radio-item .text strong{display:flex;gap:4px;align-items:center;font-size: 16px;color: #353849;font-weight: 500;line-height: 24px;letter-spacing: -0.32px;}
.clean-cost-con .radio-item .text strong .label{display: flex;padding: 4px 6px;justify-content: center;align-items: center;color: #FFF;border-radius: 4px;background:#338DFF;font-size: 9px;font-weight: 700;line-height: 100%;letter-spacing: -0.18px;}
.clean-cost-con .radio-item-box .onclean-text{display: flex;align-items: center;gap: 4px;padding: 2.5px 0;margin-top: -9.5px;font-size: 12px;letter-spacing: -0.24px;color: #687286;}
.clean-cost-con .radio-item input[type="radio"],.clean-cost-con .radio-item input[type="checkbox"]{width: 16px;height: 16px;margin-right: 8px;cursor:pointer;background-size: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;background-image: url("../images/sub/icon-radio-off.svg");background-repeat: no-repeat;}
.clean-cost-con .radio-item input:checked[type="radio"],.clean-cost-con .radio-item input:checked[type="checkbox"]{background-image: url("../images/sub/icon-radio-on.svg");}
.clean-cost-con .radio-col-box{}
.clean-cost-con .radio-col-box .text{margin:6px 0 16px;color: #5A6275;font-size: 14px;line-height: 150%;letter-spacing: -0.28px;}

.clean-cost-con .bg-tb-noti{color: #687286;font-size: 12px;line-height: 150%;letter-spacing: -0.24px;}
.clean-cost-con .bg-tb-noti p{margin-left: 24px;}
.clean-cost-con .total-cost-wrap{position:sticky;top:93px;width:400px;}
.clean-cost-con .total-cost-wrap .cost-box{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding: 20px 24px;border-radius: 4px;border:1px solid #C3C6CE;}
.clean-cost-con .total-cost-wrap .cost-box dl{display:flex;align-items:center;justify-content:space-between;}
.clean-cost-con .total-cost-wrap .cost-box dt{display: flex;flex-direction: column;gap: 1px;color: #5A6275;font-size: 16px;line-height: 24px;letter-spacing: -0.32px;}
.clean-cost-con .total-cost-wrap .cost-box dt .select-text{color: #338DFF;font-size: 13px;line-height: 16.9px;letter-spacing: -0.26px;}
.clean-cost-con .total-cost-wrap .cost-box dd{font-size: 17px;font-weight: 500;line-height: 20.4px;letter-spacing: -0.34px;}
.clean-cost-con .total-cost-wrap .cost-box .total-cost-line-wrap{padding-top:26px;border-top: 1px solid #C3C6CE;}
.clean-cost-con .total-cost-wrap .cost-box .total-cost-line{align-items:flex-start;}
.clean-cost-con .total-cost-wrap .cost-box .total-cost-line dt{display:flex;flex-direction:column;gap:2px;font-size: 18px;font-weight: 500;line-height: 21.6px;letter-spacing: -0.36px;}
.clean-cost-con .total-cost-wrap .cost-box .total-cost-line dt small{color:#687286;font-size: 11px;line-height: 120%;}
.clean-cost-con .total-cost-wrap .cost-box .total-cost-line dd{display: flex;align-items: center;gap:8px;font-size: 18px;font-weight: 700;line-height: 23.4px;letter-spacing: -0.36px;}
.clean-cost-con .total-cost-wrap .cost-box .normal-price{margin-bottom:12px;}
.clean-cost-con .total-cost-wrap .cost-box .normal-price dd{color:#687286;}
.clean-cost-con .total-cost-wrap .cost-box .discount{display: flex;padding: 4px 6px;justify-content: center;align-items: center;gap: 8px;color: #F04452;font-size: 11px;font-weight: 700;border-radius: 4px;background: rgba(240, 68, 82, 0.10);line-height: 100%;letter-spacing: -0.22px;}
.clean-cost-con .total-cost-wrap .btn-row{display:flex;flex-direction:column;gap:16px;}

/* 청소 - 전문시공  */
.clean-pack-con{overflow: hidden;}
.sub-visual-pack{background: linear-gradient(0deg, rgba(236, 255, 190, 0.60) 0%, rgba(236, 255, 190, 0.60) 100%), #FFF;}
.sub-visual-pack::after{position:absolute;z-index:-1;top:0;left:0;right:0;display:block;width:100%;height:380px;min-width: 1418px;content:'';background:url("../images/sub/bg-sub-visual-pack.png")no-repeat 100% 100%;}
.sub-visual-pack .ani-img{position:absolute;z-index:2;top:30px;right:0;opacity:0;width:320px;height:320px;background: url("../images/sub/img-sub-visual-pack.png")no-repeat;animation: serviceTopAni .5s forwards;}
.sub-visual-pack .ani-img::after{position:absolute;left:86px;top:27px;width:31px;height:33px;display:block;animation: serviceTopAni .5s forwards;opacity:0;animation-delay: 0.5s; content:'';background: url("../images/sub/img-sub-visual-pack-twinkle.png")no-repeat;}

.sub-visual-pack .img-ani{}
.clean-pack-con .pack-link-article{}
.clean-pack-con .pack-link-article .not-text{display: flex;align-items: center;gap: 6px;color: #687286;font-size: 14px;letter-spacing: -0.28px;margin-top: 7px;}
.clean-pack-con .pack-link-list{display:flex;gap:24px;padding:24px 0 50px;margin-bottom:50px;border-bottom:1px solid #C3C6CE;}
.clean-pack-con .pack-link-list li{position:relative;z-index:1;border-radius: 8px;flex: 1;}
.clean-pack-con .pack-link-list li.active{opacity: 0.5;backdrop-filter: blur(2px);background-color: lightgray;}
.clean-pack-con .pack-link-list li.pack-01{background-image: url("../images/sub/img-pack-link-01.png");}
.clean-pack-con .pack-link-list li.pack-02{background-image: url("../images/sub/img-pack-link-02.png");}
.clean-pack-con .pack-link-list li.pack-03{background-image: url("../images/sub/img-pack-link-03.png");}
.clean-pack-con .pack-link-list li a{display: flex;align-items: center;height:88px;padding: 32px;font-size: 19px;font-weight: 700;line-height: 130%;letter-spacing: -0.57px;color:#fff;}
.clean-pack-con .pack-link-list li a::after{position:absolute;top:50%;transform:translateY(-50%);right:32px;z-index:-1;display:block;width:24px;height:24px;content:'';transition:transform .3s;background: url("../images/sub/img-pack-link-arr.png")no-repeat;}
.clean-pack-con .pack-link-list li a:hover::after{transform:translate(5px, -50%);}
.clean-pack-con .pack-top-banner::before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;content:'';background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.50) 25%, rgba(0, 0, 0, 0.00) 45%);}
.clean-pack-con .pack-top-banner .text{display:flex;gap:8px;flex-direction:column;align-items:flex-start;padding:60px 60px 0;color:#fff;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.clean-pack-con .pack-top-banner .text h2{font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.clean-pack-con .chk-top-info{display: flex;flex-direction: column;margin-bottom:24px;align-items: flex-start;gap: 8px;padding: 20px 24px;background-color: #F6F7F8;border-radius:8px;}
.clean-pack-con .chk-top-info strong{font-size: 18px;font-weight: 500;line-height: 120%;letter-spacing: -0.36px;}
.clean-pack-con .chk-top-info p{color: #5A6275;letter-spacing: -0.3px;}
.clean-pack-con .chk-list{display:flex;flex-direction:column;gap:20px;}
.clean-pack-con .chk-list li{display:flex;gap:12px;padding-bottom:20px;border-bottom: 1px solid #EEF0F4;}
.clean-pack-con .chk-list li p{font-size: 18px;line-height: 120%;letter-spacing: -0.36px;color:#35425C;font-weight:500;}
.clean-pack-con .step-service-sec .step-list .step-03::after {width: 57px;height: 60px;background: url("../images/sub/icon-clean-step-03.png");}
.clean-pack-con .step-service-sec .step-list li{justify-content: flex-start;gap: 56px;}
.clean-pack-con .sv-swiper{overflow:visible;}
.clean-pack-con .sv-swiper .swiper-slide {width:544px !important;}
.clean-pack-con .sv-swiper .swiper-button-next,.clean-pack-con .sv-swiper .swiper-button-prev{top:50% !important;transform:translateY(-50%) !important;}
/* .clean-pack-con .sv-swiper .swiper-button-prev{left: -289px !important;}
.clean-pack-con .sv-swiper .swiper-button-next{right: -289px !important;} */

/* 청소 테이블 정보 공통 */
.service-clean-wrap .bg-tb-noti{margin-top:12px;padding: 12px 16px;border-radius: 4px;background: #F6F7F8;}
.service-clean-wrap .bg-tb-noti > strong{display:flex;align-items:center;margin-bottom:4px;gap:5px;color:#35425C;font-size:14px;font-weight:500;letter-spacing: -0.28px;}
.service-clean-wrap .bg-tb-noti ul{display: flex;flex-direction: column;gap: 2px;margin-left: 24px;line-height: 150%;font-size: 12px;letter-spacing: -0.24px;}
.service-clean-wrap .bg-tb-noti .dot-text{display: flex;align-items: center;gap: 6px;color:#687286;}
.service-clean-wrap .bg-tb-noti .dot-text::before{display:inline-block;width:3px;height:3px;background-color: #687286;content:'';border-radius:100%;}

/* 청소 -전문시공 - 새집증후군 */
.clean-ptc-con .pack-top-banner{position:relative;z-index:1;height: 280px;border-radius: 20px;overflow:hidden;background: url("../images/sub/bg-pack-top-banner.png")no-repeat;}
.clean-ptc-con .sec-03{padding:100px 0;background: rgba(228, 241, 255, 0.40);}
.clean-ptc-con .sec-03 > .container{display:flex;align-items:center;justify-content:space-between;}
.clean-ptc-con .sec-03 .top-head-title-l{font-weight:400;}
.clean-ptc-con .process-list{display:flex;gap:48px;}
.clean-ptc-con .process-list li{display:flex;flex-direction:column;gap:20px;}
.clean-ptc-con .process-list li .text{display:flex;text-align:center;flex-direction:column;gap:5px;align-items:center;}
.clean-ptc-con .process-list li .text .title{font-size: 18px;font-weight: 500;line-height: 120%;letter-spacing: -0.36px;}
.clean-ptc-con .process-list li .text p{color:#5A6275;letter-spacing: -0.3px;}
.clean-ptc-con .ptc-compare-wrap{position:relative;display:flex;gap:6px;width:900px;margin:0 auto;border-radius:16px;overflow:hidden;}
.clean-ptc-con .ptc-compare-wrap .label-box{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:51.05px;}
.clean-ptc-con .ptc-compare-wrap .ptc-box .title{padding:7.5px 0;text-align: center;font-size: 19px;font-weight: 700;line-height: 130%;letter-spacing: -0.57px;}
.clean-ptc-con .ptc-compare-wrap .ptc-box p{display: flex;align-items: center;justify-content: center;height:80px;letter-spacing: -0.3px;text-align:center;background-color: #F6F7F8;}
.clean-ptc-con .ptc-compare-wrap .ptc-box p:first-of-type{border-bottom:2px solid #fff;}
.clean-ptc-con .ptc-compare-wrap .ptc-box p:last-of-type{border-top:2px solid #fff;}
.clean-ptc-con .ptc-compare-wrap .ptc-box-01 .title{background-color: #DFE1E8;}
.clean-ptc-con .ptc-compare-wrap .ptc-box-02 .title{background-color: #338DFF;color:#fff;}
.clean-ptc-con .ptc-compare-wrap .ptc-box-02 p{background: rgba(51, 141, 255, 0.15);}
.clean-ptc-con .ptc-compare-wrap .label-box span{display: flex;padding: 4px 16px;align-items: center;border-radius: 50px;background: #FFF;color:#338DFF;font-weight: 500;font-size:16px;letter-spacing: -0.32px;}
.clean-ptc-con .sec-06 .bg-box{display:flex;gap:60px;justify-content:center;align-items:center;margin-bottom:24px;padding:50px 100px;border-radius: 16px;background:#F6F7F8;}
.clean-ptc-con .sec-06 .bg-box .text{font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.clean-ptc-con .sec-06 .graph-list{display:flex;gap:24px;}
.clean-ptc-con .sec-06 .graph-list li{flex:1;border-radius: 8px;border: 1px solid #338DFF;overflow:hidden;}
.clean-ptc-con .sec-06 .graph-list li .title{padding:10px 16px;font-size: 12px;font-weight: 700;line-height: 100%;background-color: #338DFF;letter-spacing: -0.24px;color:#fff;}
.clean-ptc-con .sec-06 .graph-list li img{max-width: fit-content;}
.clean-ptc-con .sec-07 .bg-box{display:flex;align-items: center;justify-content: center;gap:24px;padding:50px 0;border-radius: 16px;background:#F6F7F8;}
.clean-ptc-con .sec-07 .img-iem{display:flex;flex-direction:column;gap:8px;align-items:center;color:#5A6275;font-size: 18px;font-weight: 500;letter-spacing: -0.36px;}
.clean-ptc-con .sec-07 .noti-text{margin-top:20px;text-align:right;color: #687286;font-size: 14px;}

/* 청소비용 계산기 베너 */
.ptc-calc-banner{display:flex;flex-direction:column;align-items:flex-start;position:relative;height:200px;color: #FFF;padding:40px 60px;border-radius: 16px;background:#338DFF;}
.ptc-calc-banner::after{display:block;position:absolute;bottom:25px;right:60px;width:158px;height:152px;content:'';background: url("../images/sub/img-ptc-calc.png")no-repeat;}
.ptc-calc-banner .title{font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.ptc-calc-banner .text{margin:8px 0 20px;font-size: 18px;line-height: 120%;letter-spacing: -0.36px;}
.ptc-calc-banner .btn-link{display:flex;align-items:center;gap:10px;padding:4px 16px;border-radius: 50px;color:#07F;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;background: #FFF;transition:background .3s;}
.ptc-calc-banner .btn-link:hover{background-color: #D7EAFF;}

/* 청소비용 계산기 베너 v2 */
.ptc-calc-banner_v2{display:flex;flex-direction:column;justify-content: space-between;align-items:flex-start;position:relative;height:240px;padding:40px 60px;border-radius: 16px;background:linear-gradient(93deg, rgba(229, 255, 187, 0.70) 20%, rgba(183, 227, 255, 0.70) 80%);}
.ptc-calc-banner_v2::after{display:block;position:absolute;bottom:40px;right:60px;width:388px;height:163px;content:'';background: url("../images/sub/img-ptc-calc_v2.png")no-repeat; background-size: cover;}
.ptc-calc-banner_v2 .title{color: #353849;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.1px;}
.ptc-calc-banner_v2 .text{margin:0 0 8px;color: #5A6275;font-size: 18px;line-height: 120%;letter-spacing: -0.1px;}
.ptc-calc-banner_v2 .btn-link{display:flex;align-items:center;gap:10px;padding:4px 16px;border-radius: 50px;color:#FFF;font-size: 16px;font-weight: 500;letter-spacing: 0px;background: #338DFF;transition:background .3s;}
.ptc-calc-banner_v2 .btn-link:hover{background-color: #0077FF;}

.clean-ptc-con .ptc-care-banner{display:flex;flex-direction:column;align-items:flex-start;position:relative;height:200px;padding:40px 60px;border-radius: 16px;background:#F2FFDD;}
.clean-ptc-con .ptc-care-banner::after{display:block;position:absolute;bottom:11.16px;right:60px;width:150px;height:180px;content:'';background: url("../images/sub/img-ptc-care.png")no-repeat;}
.clean-ptc-con .ptc-care-banner .title{font-size: 18px;line-height: 120%;color:#5A6275;letter-spacing: -0.36px;font-weight:400;}
.clean-ptc-con .ptc-care-banner .text{margin:12px 0 20px;font-weight:700;font-size: 26px;line-height: 130%;letter-spacing: -0.78px;}
.clean-ptc-con .ptc-care-banner .btn-link{display:flex;align-items:center;gap:10px;padding:4px 16px;border-radius: 50px;color:#1A946E;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;background: #FFF;}

/* 청소 - 전문시공 - 줄눈시공 */
.clean-tile-con .pack-top-banner{position:relative;z-index:1;height: 280px;border-radius: 20px;overflow:hidden;background: url("../images/sub/bg-tile-banner.png")no-repeat;}

/* 청소 - 전문시공 - 상판코팅 */
.clean-ct-con .pack-top-banner{position:relative;z-index:1;height: 280px;border-radius: 20px;overflow:hidden;background: url("../images/sub/bg-ct-banner.png")no-repeat;}

/* 청소 - 사업장 */
.clean-business-con{}
/* 청소- 사업장 공통 */
.clean-business-con .top-banner{position:relative;z-index: 1;border-radius: 16px;overflow:hidden;height: 280px;}
.clean-business-con .top-banner::before{position:absolute;width:100%;height:100%;content:'';z-index: -1;background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.50) 25%, rgba(0, 0, 0, 0.00) 45%);}
.clean-business-con .top-banner .text{display:flex;flex-direction:column;gap:8px;padding:60px 60px 0;color:#fff;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.clean-business-con .top-banner .text strong{font-size: 28px;line-height: 140%;letter-spacing: -0.56px;}
.clean-business-con .b-logo-list{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;row-gap:24px;column-gap:134px;/* transform: translateY(200px);opacity:0; */}
/* .clean-business-con .sec-active .b-logo-list{animation: fadeUp .85s ease forwards;} */
.clean-business-con .step-service-sec{margin:0;}
.clean-business-con .step-service-sec .step-list li{justify-content: flex-start;gap: 56px;}
.clean-business-con .step-service-sec .step-list .step-03::after {width: 57px;height: 60px;background: url("../images/sub/icon-clean-step-03.png");}
.clean-business-con .step-service-sec .step-list li small{font-size: 13px;margin-top: 2px;display: inline-block;}

.clean-business-con .recom-item-box li{gap:12px;flex-direction: column;align-items: flex-start;justify-content: center;}
.clean-business-con .recom-item-box .label-w{display: flex;justify-content: center;align-items: center;padding: 4px 16px;color: #008218;border-radius:50px;background-color: #fff;font-weight: 500;line-height: 150%;letter-spacing: -0.3px;}
.clean-business-con .recom-item-box p{font-size: 22px;line-height: 130%;letter-spacing: -0.44px;}
.clean-business-con .recom-item-box li:nth-child(1),.clean-business-con .recom-item-box li:nth-child(4){background: #EFFFC3;}
.clean-business-con .stretch-card-list .active .stretch-box .text-03 {bottom: 203px;}
.clean-business-con .chk-top-info{display: flex;flex-direction: column;margin-bottom:24px;align-items: flex-start;gap: 8px;padding: 20px 24px;background-color: #F6F7F8;border-radius:8px;}
.clean-business-con .chk-top-info strong{font-size: 18px;font-weight: 500;line-height: 120%;letter-spacing: -0.36px;}
.clean-business-con .chk-top-info p{color: #5A6275;letter-spacing: -0.3px;}
.clean-business-con .chk-list{display:flex;flex-direction:column;gap:20px;}
.clean-business-con .chk-list li{display:flex;flex-direction:column;gap:8px;padding-bottom:20px;border-bottom: 1px solid #EEF0F4;}
.clean-business-con .chk-list li strong{display:flex;gap:12px;color:#35425C;font-size:18px;font-weight: 500;line-height: 120%;letter-spacing: -0.36px;}
.clean-business-con .chk-list li p{margin-left:30px;font-size: 16px;line-height: 130%;letter-spacing: -0.32px;color:#687286;}
.clean-business-con .chk-list2{display:flex;flex-direction:column;gap:20px;}
.clean-business-con .chk-list2 li{display:flex;gap:12px;padding-bottom:20px;border-bottom: 1px solid #EEF0F4;}
.clean-business-con .chk-list2 li p{font-size: 18px;line-height: 120%;letter-spacing: -0.36px;color:#35425C;font-weight: 500;}
.clean-business-con .sv-target-sec{padding:100px 0;background: rgba(228, 241, 255, 0.40);}
.clean-business-con .sv-target-sec >.container{display:flex;justify-content:space-between;align-items:flex-start;}
.clean-business-con .sv-target-sec .target-list{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap:32px;}
.clean-business-con .sv-target-sec .target-list-4fr{grid-template-columns: 1fr 1fr 1fr 1fr;}
.clean-business-con .sv-target-sec .target-list li{display: flex;justify-content: center;align-items: center;padding: 8px 0;width: 134px;border-radius: 50px;background: #FFF;color:#07F;font-size:18px;line-height:27px;letter-spacing: -0.36px;}

/* 청소- 사업장 - 사무실/업소 */
.stretch-office .stretch-card-list .spec-01::before{background:url("../images/sub/bg-office-spec-01-sm.png")no-repeat;background-size:cover;}
.stretch-office .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-office-spec-01.png")no-repeat;background-size:cover;}
.stretch-office .stretch-card-list .spec-02::before{background:url("../images/sub/bg-office-spec-02-sm.png")no-repeat;background-size:cover;}
.stretch-office .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-office-spec-02.png")no-repeat;background-size:cover;}
.stretch-office .stretch-card-list .spec-03::before{background:url("../images/sub/bg-office-spec-03-sm.png")no-repeat;background-size:cover;}
.stretch-office .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-office-spec-03.png")no-repeat;background-size:cover;}
.stretch-office .stretch-card-list .spec-04::before{background:url("../images/sub/bg-office-spec-04-sm.png")no-repeat;background-size:cover;}
.stretch-office .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-office-spec-04.png")no-repeat;background-size:cover;}

/* 청소 - 사업장 - 카페트/매트리스 청소 */
.stretch-carpet .stretch-card-list .spec-01::before{background:url("../images/sub/bg-carpet-spec-01-sm.png")no-repeat;background-size:cover;}
.stretch-carpet .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-carpet-spec-01.png")no-repeat;background-size:cover;}
.stretch-carpet .stretch-card-list .spec-02::before{background:url("../images/sub/bg-carpet-spec-02-sm.png")no-repeat;background-size:cover;}
.stretch-carpet .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-carpet-spec-02.png")no-repeat;background-size:cover;}
.stretch-carpet .stretch-card-list .spec-03::before{background:url("../images/sub/bg-carpet-spec-03-sm.png")no-repeat;background-size:cover;}
.stretch-carpet .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-carpet-spec-03.png")no-repeat;background-size:cover;}
.stretch-carpet .stretch-card-list .spec-04::before{background:url("../images/sub/bg-carpet-spec-04-sm.png")no-repeat;background-size:cover;}
.stretch-carpet .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-carpet-spec-04.png")no-repeat;background-size:cover;}

/* 청소 - 사업장 - 건물바닥 청소 */
.stretch-floor .stretch-card-list .spec-01::before{background:url("../images/sub/bg-floor-spec-01-sm.png")no-repeat;background-size:cover;}
.stretch-floor .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-floor-spec-01.png")no-repeat;background-size:cover;}
.stretch-floor .stretch-card-list .spec-02::before{background:url("../images/sub/bg-floor-spec-02-sm.png")no-repeat;background-size:cover;}
.stretch-floor .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-floor-spec-02.png")no-repeat;background-size:cover;}
.stretch-floor .stretch-card-list .spec-03::before{background:url("../images/sub/bg-floor-spec-03-sm.png")no-repeat;background-size:cover;}
.stretch-floor .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-floor-spec-03.png")no-repeat;background-size:cover;}
.stretch-floor .stretch-card-list .spec-04::before{background:url("../images/sub/bg-floor-spec-04-sm.png")no-repeat;background-size:cover;}
.stretch-floor .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-floor-spec-04.png")no-repeat;background-size:cover;}

/* 청소 - 사업장 - 건물외벽 청소 */
.stretch-wall .stretch-card-list .spec-01::before{background:url("../images/sub/bg-wall-spec-01-sm.png")no-repeat;background-size:cover;}
.stretch-wall .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-wall-spec-01.png")no-repeat;background-size:cover;}
.stretch-wall .stretch-card-list .spec-02::before{background:url("../images/sub/bg-wall-spec-02-sm.png")no-repeat;background-size:cover;}
.stretch-wall .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-wall-spec-02.png")no-repeat;background-size:cover;}
.stretch-wall .stretch-card-list .spec-03::before{background:url("../images/sub/bg-wall-spec-03-sm.png")no-repeat;background-size:cover;}
.stretch-wall .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-wall-spec-03.png")no-repeat;background-size:cover;}
.stretch-wall .stretch-card-list .spec-04::before{background:url("../images/sub/bg-wall-spec-04-sm.png")no-repeat;background-size:cover;}
.stretch-wall .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-wall-spec-04.png")no-repeat;background-size:cover;}

/* 청소 - 사업장 - 준공청소 청소 */
.stretch-cp .stretch-card-list .spec-01::before{background:url("../images/sub/bg-cp-spec-01-sm.png")no-repeat;background-size:cover;}
.stretch-cp .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-cp-spec-01.png")no-repeat;background-size:cover;}
.stretch-cp .stretch-card-list .spec-02::before{background:url("../images/sub/bg-cp-spec-02-sm.png")no-repeat;background-size:cover;}
.stretch-cp .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-cp-spec-02.png")no-repeat;background-size:cover;}
.stretch-cp .stretch-card-list .spec-03::before{background:url("../images/sub/bg-cp-spec-03-sm.png")no-repeat;background-size:cover;}
.stretch-cp .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-cp-spec-03.png")no-repeat;background-size:cover;}
.stretch-cp .stretch-card-list .spec-04::before{background:url("../images/sub/bg-cp-spec-04-sm.png")no-repeat;background-size:cover;}
.stretch-cp .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-cp-spec-04.png")no-repeat;background-size:cover;}

/* 인터넷 */
.internet-con{}
.internet-con .fade-ani{opacity:0;}
.internet-con .fade-ani.active{animation: fadeIn 1s ease-in-out forwards; }
.internet-con section{margin: 0 0 100px;}
.sub-visual-internet{background: linear-gradient(0deg, #EFF3FF 0%, #EFF3FF 100%), #FFF;}
.sub-visual-internet::after{position:absolute;z-index:-1;top:0;left:0;right:0;display:block;width:100%;height:380px;min-width: 1418px;content:'';background:url("../images/sub/bg-sub-visual-internet.png")no-repeat 100% 100%;}
.sub-visual-internet .ani-img{position:absolute;width:283px;height:286px;bottom:47.51px;right:48.74px;animation: csAniFloat 1.85s ease-in-out infinite alternate;}
.sub-visual-internet .ani-img-shadow{position: absolute;bottom: 26px;right: 123px;animation: csAniShadow 1.85s ease-in-out infinite alternate;}
.internet-con .sec-01 article{display:flex;flex-direction:column;align-items:center;gap:40px;}
.internet-con .sec-01 .top-title-box{display:flex;flex-direction:column;gap: 6px;align-items: center;text-align:center;}
.internet-con .sec-01 .top-title-box .title{font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.internet-con .sec-01 .top-title-box .text{color:#5A6275;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.internet-con .sec-01 .img{position: relative;}
.internet-con .sec-01 .ani-text{position: absolute;top: 125px;right: 89px;display: inline-flex;padding: 8px 24px;font-size: 22px;animation: fadeUp .85s ease-in-out infinite alternate;transform:translateY(-10px);border-radius: 45px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;color: #FFF;background: #FF6935;}
.internet-con .sec-01 .ani-text::after{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);display:block;background: url("../images/sub/icon-internet-sec1-polygon.png")no-repeat;width:25px;height:18px;content:'';}
.internet-con .sec-01 article+article{margin:100px 0 0;}
.internet-con .recom-item-box li{gap:12px;flex-direction: column;align-items: flex-start;justify-content: center;}
.internet-con .recom-item-box .label-w{display: flex;justify-content: center;align-items: center;padding: 4px 16px;color: #546CCD;border-radius:50px;background-color: #fff;font-weight: 500;line-height: 150%;letter-spacing: -0.3px;}
.internet-con .recom-item-box p{font-size: 22px;line-height: 130%;letter-spacing: -0.44px;}
.internet-con .recom-item-box li:nth-child(1),.internet-con .recom-item-box li:nth-child(4){background: #E6EBFF;}

.internet-con .sec-04 {position:relative;z-index:1;padding-bottom:152px;background: linear-gradient(180deg, rgba(230, 235, 255, 0.00) 0%, #E6EBFF 100%);}
.internet-con .sec-04::before {display: block;position: absolute;bottom: -4px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 134px;height: 142px;background: url("../images/sub/icon-internet-sec04.png") no-repeat;content: '';}
.internet-con .sec-04::after{display: block;z-index: -1;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;height:113px;background: url("../images/sub/bg-internet-sec04.png") no-repeat 50% 100%;background-size: cover;content: '';}
.internet-con .sec-04 .top-text{display: flex;flex-direction: column;align-items: center;margin-bottom: 50px;font-size: 48px;font-weight: 700;line-height: 34px;letter-spacing: -0.96px;gap: 20px;}
.internet-con .sec-04 .top-text small{color:#5A6275;font-size: 22px;font-weight: 500;line-height: 28.6px;letter-spacing: -0.66px;}
.internet-con .sec-04 ul{display:flex;gap:24px;justify-content:center;margin-bottom:16px;}
.internet-con .sec-04 ul li{display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: space-between;width: 300px;height: 332px;padding: 30px 36px;background: #FFF;border-radius: 8px;border: 2px solid rgba(84, 108, 205, 0.30);}
.internet-con .sec-04 .btm-text{font-size: 12px;letter-spacing: -0.24px;line-height: 140%;color: #687286;text-align: center;}
/* .internet-con .sec-04.sec-active::after{animation: fadeUp2 1s .2s ease forwards;} */
.internet-con .sec-04 li .text1{display: flex;padding: 5px 16px;justify-content: center;align-items: center;color: #FFF;font-weight: 500;line-height: 140%;letter-spacing: -0.3px;border-radius: 50px;background: #546CCD;}
.internet-con .sec-04 li .text2{display:inline-block;font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;margin: 12px 0 2px;}
.internet-con .sec-04 li .text3{color: #35425C;letter-spacing: -0.3px;}
.internet-con .sec-04 li .info{color: #687286;font-size: 11px;line-height: 120%;margin-top: 10px;}
.internet-con .stretch-card-list .spec-01::before{background:url("../images/sub/bg-internet-spec-01-sm.png")no-repeat;background-size:cover;}
.internet-con .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-internet-spec-01.png")no-repeat;background-size:cover;}
.internet-con .stretch-card-list .spec-02::before{background:url("../images/sub/bg-internet-spec-02-sm.png")no-repeat;background-size:cover;}
.internet-con .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-internet-spec-02.png")no-repeat;background-size:cover;}
.internet-con .stretch-card-list .spec-03::before{background:url("../images/sub/bg-internet-spec-03-sm.png")no-repeat;background-size:cover;}
.internet-con .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-internet-spec-03.png")no-repeat;background-size:cover;}
.internet-con .stretch-card-list .spec-04::before{background:url("../images/sub/bg-internet-spec-04-sm.png")no-repeat;background-size:cover;}
.internet-con .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-internet-spec-04.png")no-repeat;background-size:cover;}
.internet-con .select-internet-3{display:flex;gap:60px;flex-direction:column;}
.internet-con .select-internet-3 .item-box{position:relative;display:flex;justify-content:space-between;}
.internet-con .select-internet-3 .item-box .select-title{color: #5A6275;font-size: 22px;font-weight: 500;line-height: 28.6px;letter-spacing: -0.66px;}
.internet-con .select-internet-3 .item-swiper-wrap{position:relative;}
.internet-con .select-internet-3 .item-box ul{display:flex;gap:24px;width:768px;}
.internet-con .select-internet-3 .item-box li{width:240px !important;height:198px;border-radius: 12px;border: 1px solid #DFE1E8;cursor:pointer;box-shadow: inset 0 0 0 3px transparent;transition:box-shadow .3s;}
.internet-con .select-internet-3 .item-box li.active{border:1px solid transparent;box-shadow: inset 0 0 0 3px #607AE0;}
.internet-con .select-internet-3 .swiper{margin: 0px;}
.internet-con .select-internet-3 .swiper ul{gap:0;}
.internet-con .select-internet-3 .swiper-slide{display: flex;align-items: center;justify-content: center;}
.internet-con .select-internet-3 .internet-speed li{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:30px;}
.internet-con .select-internet-3 .internet-speed .num{font-size: 18px;font-weight: 500;line-height: 120%;letter-spacing: -0.36px;}
.internet-con .select-internet-3 .internet-speed .num strong{font-size: 34px;font-weight: 700;line-height: 24px;letter-spacing: -1.02px;}
.internet-con .select-internet-3 .internet-speed .text{margin-top:8px;color: #5A6275;line-height:22.5px;letter-spacing: -0.3px;}
.internet-con .select-internet-3 .internet-speed .label{position:absolute;right:18px;top:20px;display: flex;padding: 4px 6px;justify-content: center;align-items: center;border-radius: 4px;background: rgba(240, 68, 82, 0.12);font-size: 12px;color: #F04452;font-weight: 700;line-height: 100%;letter-spacing: -0.24px;}
.internet-con .review2-swiper{margin-top:40px;}
.internet-con .internet-sv .icon-box{display:flex;gap:20px;}
.internet-con .internet-sv li{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 15px;font-size: 18px;font-weight: 500;line-height: 120%;letter-spacing: -0.36px;}
.internet-con .sec-06 .review-num{display: inline-flex;margin:12px 0 40px;height: 39px;padding: 8px 16px;justify-content: center;align-items: center;gap: 8px;border-radius: 4px;font-weight:400;background: #FFF;color:#616678;font-size: 14px;letter-spacing: -0.28px;}
.internet-con .sec-06 .review-num strong{font-size: 18px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;color:#353849;}
.internet-con .step-service-sec .step-list .step-03::after {width:57px;height: 60px;background: url("../images/sub/icon-internet-step-03.png");}
.internet-con .step-service-sec .step-list .step-05::after {width: 70px;height: 60px;background: url("../images/sub/icon-internet-step-05.png");}
.internet-con .clean-faq-sec{background-color: #fff;}
.internet-con .clean-faq-sec .call-top{background: rgba(228, 241, 255, 0.40);}
/* .floating-internet{position:fixed;left:50%;opacity:0;bottom:-50px;max-width: 1136px;width: 100%;transition: bottom 0.5s ease, opacity 0.5s ease;transform:translate(-50%, 0);border-radius: 12px;z-index:15;padding: 28px 40px;background: #FFF;box-shadow: 0 1px 24px 0 rgba(151, 168, 186, 0.30);}
.floating-internet.show{opacity:1;bottom:50px;}
.floating-internet dl{display:flex;justify-content:space-between;margin-bottom:16px;}
.floating-internet dl dt{position:relative;display:flex;align-items:center;gap:4px;color:#5A6275;font-size: 16px;line-height: 24px;letter-spacing: -0.32px;}
.floating-internet dl dd{font-size: 18px;font-weight: 700;line-height: 23.4px;letter-spacing: -0.36px;}
.floating-internet .tooltip-line dt{color:#5A6275;font-size: 16px;line-height: 24px ;letter-spacing: -0.32px;}
.floating-internet .tooltip-line dd{color:#5A6275;font-size:17px;font-weight: 500;line-height:20.4px;letter-spacing: -0.34px;}
.floating-internet .btn-tooltip{display: inline-flex;}
.floating-internet .tooltip-box{position:absolute;bottom: 32px;left: -7px;display:flex;opacity:0;transform:translateY(5px);padding: 6px 12px;justify-content: center;align-items: center;width:240px;border-radius: 4px;background:#35425C;font-size: 13px;color:#fff;transition:.3s;font-weight: 500;line-height: 13px;letter-spacing: -0.26px;}
.floating-internet .tooltip-box::after{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:14px;height:12px;background:url("../images/sub/icon-tooltip-polygon.png");content:'';}
.floating-internet .btn-tooltip.active + .tooltip-box {opacity:1;transform:translateY(0);}
.floating-internet .total-line{padding:18px 0 12px;margin:0;border-top: 1px solid #C3C6CE;}
.floating-internet .total-line dt{font-size: 22px;line-height:28.6px;letter-spacing: -0.66px;}
.floating-internet .total-line dd{color:#07F;font-size: 22px;line-height: 28.6px;letter-spacing: -0.44px;}
.floating-internet .btn-apply{width:520px;margin:0 auto;} */

/* 견적바 공통*/
.floating-fix-com{position:fixed;left:50%;opacity:0;bottom:-30px;max-width: 900px;display: flex;align-items: center;justify-content: space-between;width: 100%;padding:12px 12px 12px 32px;transition: bottom 0.5s ease, opacity 0.5s ease;transform:translate(-50%, 0);border-radius: 12px;z-index:15;background: #FFF;box-shadow: 0 1px 30px 0 rgba(10, 39, 69, 0.10);}
.floating-fix-com.show{opacity:1;bottom:30px;}
.floating-fix-com .text{font-size: 18px;font-weight: 700;line-height: 120%;letter-spacing: -0.36px;}
.floating-fix-com .btn-apply{width:240px;}

/* 견적바 청소*/
.floating-fix-clean{position:fixed;left:50%;opacity:0;bottom:-30px;max-width: 900px;width: 100%;padding:12px 12px 12px 32px;transition: bottom 0.5s ease, opacity 0.5s ease;transform:translate(-50%, 0);border-radius: 12px;background: rgba(53, 66, 92, 0.95);box-shadow: 0 1px 30px 0 rgba(10, 39, 69, 0.10);z-index:15;}
.floating-fix-clean.show{opacity:1;bottom:30px;}
.floating-fix-clean .text-box{display: flex;align-items: center;justify-content: space-between;}
.floating-fix-clean .text{font-size: 18px;font-weight: 700;line-height: 120%;letter-spacing: -0.36px;color:#fff;}
.floating-fix-clean .btn-toggle{position: absolute;top: -20px;left: 50%;transform: translate(-50%, 5px);z-index: 2;display: flex;gap: 8px;padding: 6px 20px;animation: fadeUp2 .85s ease infinite alternate;justify-content: center;align-items: center;color: #EEF0F4;font-size: 14px;font-weight: 700;line-height: 140%;letter-spacing: -0.28px; border-radius: 50px;background:#07F;box-shadow: 0 1px 30px 0 rgba(10, 39, 69, 0.10);}
.floating-fix-clean .btn-toggle.active i{transform:rotate(-180deg);}
.floating-fix-clean .toggle-box-wrap{position: absolute;bottom: 74px;width: 442px;height:0;overflow: hidden;opacity: 0;left: 50%;transform: translateX(-50%);border-radius: 12px;background: rgba(53, 66, 92, 0.95);transition: height .35s ease,opacity .35s ease;box-shadow: 0 1px 30px 0 rgba(10, 39, 69, 0.10);}
.floating-fix-clean .toggle-box-wrap.active {height:206px;opacity:1;}
.floating-fix-clean .toggle-box-wrap .toggle-box{padding: 28px 24px;display: flex;flex-direction: column;align-items: flex-start;gap: 20px;}
.floating-fix-clean .toggle-box-wrap .top-text{color: #FFF;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;}
.floating-fix-clean .toggle-box-wrap .link-box{display: flex;gap: 8px;flex-wrap: wrap;}
.floating-fix-clean .toggle-box-wrap .link-box a{color: #EEF0F4;font-size: 12px;font-weight: 700;line-height: 100%;letter-spacing: -0.24px;display: flex;padding: 10px 12px;justify-content: center;align-items: flex-start;gap: 4px;border-radius: 4px;background: #0C1B38;transition:background .3s;}
.floating-fix-clean .toggle-box-wrap .link-box a:hover{background-color: #687286;}
.floating-fix-clean .toggle-box-wrap .link-box a:hover i{transform:translateY(-3px);}
.floating-fix-clean .btn-apply{width:240px;}

@keyframes fadeUp2 {
  to {transform: translate(-50% ,0);}
}

/* 견적바 인터넷*/
.floating-fix-internet{position:fixed;left:50%;opacity:0;bottom:-30px;height:92px;max-width: 900px;width: 100%;padding:24px 32px;transition: bottom 0.5s ease, opacity 0.5s ease, height .5s ease;transform:translate(-50%, 0);border-radius: 16px;background: rgba(53, 66, 92, 0.95);box-shadow: 0 1px 30px 0 rgba(10, 39, 69, 0.10);z-index:15;}
.floating-fix-internet.show{opacity:1;bottom:30px;}
.floating-fix-internet.active{height:206px;opacity:1;}
.floating-fix-internet .total-box{display: flex;align-items: center;justify-content: space-between;}
.floating-fix-internet .total-box .total-line{display:flex;align-items:center;gap:12px;}
.floating-fix-internet .total-box .total-line dt{display: flex;align-items: center;gap: 4px;position: relative;color:#DFE1E8;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;}
.floating-fix-internet .total-box .total-line dd{color: #FFF;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;}
.floating-fix-internet .total-box .total-line .btn-reset{display: flex;padding: 4px 6px;justify-content: center;align-items: center;gap: 4px;font-size: 13px;border-radius: 4px;border: 1px solid #FFF;color:#fff;font-weight: 500;letter-spacing: -0.26px;}
.floating-fix-internet .btn-toggle{position: absolute;top: -22px;left: 50%;transform: translateX(-50%);z-index: 2;display: flex;padding: 6px 20px 0;justify-content: center;align-items: center;border-radius: 8px 8px 0 0;background: rgba(53, 66, 92, 0.95);}
.floating-fix-internet .btn-toggle.active i{transform:rotate(-180deg);}
.floating-fix-internet .toggle-box{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:16px;padding:10px 24px 0;border-top:1px solid #AAAFBC;opacity:0; transition:opacity .3s;}
.floating-fix-internet .toggle-box.active{opacity:1;}
.floating-fix-internet .toggle-box dl{display:flex;align-items:center;justify-content:space-between;}
.floating-fix-internet .toggle-box dl dt{color:#EEF0F4;font-size: 14px;}
.floating-fix-internet .toggle-box dl dd{color:#EEF0F4;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;}
.floating-fix-internet .btn-tooltip{display: inline-flex;}
.floating-fix-internet .tooltip-box{position:absolute;display:flex;opacity:0;transform:translateY(5px);padding: 6px 12px;justify-content: center;align-items: center;width:240px;border-radius: 4px;pointer-events: none;background:#687286;font-size: 13px;color:#fff;transition:opacity .3s, transform .3s;font-weight: 500;line-height: 13px;letter-spacing: -0.26px;}
.floating-fix-internet .tooltip-box::after{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:14px;height:12px;background:url("../images/sub/icon-tooltip-float-polygon.png");content:'';}
.floating-fix-internet .tooltip-box-01{bottom: 33px;left:-21px;}
.floating-fix-internet .tooltip-box-02{bottom: 58px;left:28px;}
.floating-fix-internet .btn-tooltip.active + .tooltip-box {opacity:1;transform:translateY(0);}
.floating-fix-internet .toggle-box .tooltip-line dt{display: flex;align-items: center;gap: 4px;color:#A7D3FF;font-size: 13px;line-height: 16.9px;letter-spacing: -0.26px;}
.floating-fix-internet .toggle-box .tooltip-line dd{color:#A7D3FF;font-size:15px;letter-spacing: -0.3px;}
.floating-fix-internet .toggle-box .btn-tooltip{display: inline-flex;}
.floating-fix-internet .btn-apply{width:240px;}


/* 설치/시공 */
.install-con{}
.install-con section{margin: 0 0 100px;}
.sub-visual-install{height:320px;background: linear-gradient(0deg, rgba(255, 253, 189, 0.60) 0%, rgba(255, 253, 189, 0.60) 100%), #FFF;}
.sub-visual-install::after{position:absolute;z-index:-1;top:0;left:0;right:0;display:block;width:100%;height:320px;min-width: 1418px;content:'';background:url("../images/sub/bg-sub-visual-install.png")no-repeat 100% 100%;}
.sub-visual-install .ani-img{position:absolute;bottom:60px;right:54px;animation: csAniFloat 1.85s ease-in-out infinite alternate;}
.sub-visual-install .ani-img-shadow{position: absolute;bottom:12px;right: 90px;animation: csAniShadow 1.85s ease-in-out infinite alternate;}
.install-con .install-list{display: grid;column-gap: 24px;row-gap: 30px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.install-con .install-list li{position:relative;z-index:1;flex:1;display: flex;border-radius: 8px;overflow:hidden;}
/* .install-con .install-list li::after{position:absolute;z-index:-1;width:100%;height:100%;content:'';background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 30%, rgba(0, 0, 0, 0.00) 60%);} */
.install-con .install-list li a{display:flex;flex-direction:column;gap:10px;width: 100%;height:100%;}
.install-con .install-list li .img{overflow:hidden;border-radius:8px;}
.install-con .install-list li .img img{width:100%;height:100%;transition:transform .3s;}
.install-con .install-list li:hover .img img{transform:scale(1.12);}
.install-con .install-list h3{font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;}
/* .install-con .install-list .badge-list{display:flex;gap:8px;flex-wrap:wrap;}
.install-con .install-list .badge-list span{display: inline-flex;padding: 2px 8px;justify-content: center;align-items: center;border-radius: 4px;background: rgba(255, 255, 255, 0.70);color: #F60;font-size: 12px;line-height: 18px;letter-spacing: -0.24px;}
 */


/* 건물관리 */
.building-con{overflow: hidden;}
.sub-visual-building{margin-bottom:0;background: #EDFBFB;}
.sub-visual-building::after{position:absolute;z-index:-1;top:0;left:0;right:0;display:block;width:100%;height:380px;min-width: 1418px;content:'';background:url("../images/sub/bg-sub-visual-building.png")no-repeat 100% 100%;}
.sub-visual-building .img-ani{position:absolute;z-index:2;top:70px;right:86px;opacity:0;width:240px;height:240px;background: url("../images/sub/img-building-ani.png")no-repeat;animation: serviceTopAni .5s forwards;}
.building-con .sec-01{padding:100px 0;background: url("../images/sub/bg-building-sec1.png")no-repeat 50% 50%;text-align:center;color:#fff;background-size: cover;}
.building-con .sec-01 .title{font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.building-con .sec-01 .text1{margin-bottom:12px;font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.48px;}
.building-con .sec-01 .text2{font-size: 18px;letter-spacing: -0.36px;}
.building-con .sec-01 .circle-box{display:flex;align-items:center;gap:16px;justify-content:center;margin:40px 0;}
.building-con .sec-01 .circle-box span{display: flex;width: 150px;height: 150px;padding: 12px 24px;justify-content: center;align-items: center;border-radius:100%;background-color: #fff;color: #17AAB2;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.building-con .top-banner{position:relative;z-index: 1;border-radius: 16px;overflow:hidden;height: 280px;}
.building-con .top-banner::before{position:absolute;width:100%;height:100%;content:'';z-index: -1;background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.50) 25%, rgba(0, 0, 0, 0.00) 45%);}
.building-con .top-banner .text{display:flex;flex-direction:column;gap:8px;padding:60px 60px 0;color:#fff;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.building-con .top-banner .text strong{font-size: 28px;line-height: 140%;letter-spacing: -0.56px;}
.building-con .recom-item-box li{gap:12px;flex-direction: column;align-items: flex-start;justify-content: center;}
.building-con .recom-item-box .label-w{display: flex;justify-content: center;align-items: center;padding: 4px 16px;color: #17AAB2;border-radius:50px;background-color: #fff;font-weight: 500;line-height: 150%;letter-spacing: -0.3px;}
.building-con .recom-item-box p{font-size: 22px;line-height: 130%;letter-spacing: -0.44px;}
.building-con .recom-item-box li:nth-child(1),.building-con .recom-item-box li:nth-child(4){background: rgba(178, 248, 251, 0.50);}
.building-con .building-sv-swiper{overflow: visible;}
.building-con .building-sv-swiper .swiper-slide {display: flex;flex-direction: column;justify-content: flex-end;padding:40px;z-index:1;position:relative;width: 420px !important;height:420px;color:#fff;border-radius: 16px;overflow:hidden;}
.building-con .building-sv-swiper .swiper-slide::before{position:absolute;left:0;top:0;width:100%;height:100%;z-index: -1;content:'';transition: transform .4s ease;}
.building-con .building-sv-swiper .swiper-slide:hover::before{transform: scale(1.1);}
.building-con .building-sv-swiper .bs-swiper-01::before{background: url("../images/sub/bg-building-sv-01.png")no-repeat;}
.building-con .building-sv-swiper .bs-swiper-02::before{background: url("../images/sub/bg-building-sv-02.png")no-repeat;}
.building-con .building-sv-swiper .bs-swiper-03::before{background: url("../images/sub/bg-building-sv-03.png")no-repeat;}
.building-con .building-sv-swiper .bs-swiper-04::before{background: url("../images/sub/bg-building-sv-04.png")no-repeat;}
.building-con .building-sv-swiper .swiper-slide::after{z-index:-1;display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:'';background: linear-gradient(0deg, rgba(37, 37, 37, 0.90) 0%, rgba(37, 37, 37, 0.60) 55%, rgba(37, 37, 37, 0.00) 90%);}
.building-con .building-sv-swiper .swiper-slide .title{margin-bottom:2px;font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.building-con .building-sv-swiper .swiper-slide .text{margin-bottom:28px;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;}
.building-con .building-sv-swiper .swiper-slide button{width:100%;background-color: #fff;}
.building-con .chk-list{display:flex;flex-direction:column;gap:20px;}
.building-con .chk-list >li{display:flex;flex-direction:column;gap:8px;padding-bottom:20px;border-bottom: 1px solid #EEF0F4;}
.building-con .chk-list > li strong{display:flex;gap:12px;color:#35425C;font-size:18px;font-weight: 500;line-height: 120%;letter-spacing: -0.36px;}
.building-con .chk-list > li p{margin-left:30px;font-size: 16px;line-height: 130%;letter-spacing: -0.32px;color:#687286;}
.building-con .chk-list .box-col{display:flex;}
.building-con .chk-list .box-col .box{flex:1;}
.building-con .chk-list .box-col .box .indent{padding:0 10px;}
.building-con .chk-list .box-col .box-title{display:inline-block;color: #687286;font-size: 16px;letter-spacing: -0.32px;margin:0 0 2px 30px;}
.building-con .chk-list .box-col .box-title::before{display: inline-block;background: #687286;content: '';margin: 0 6px 3px 0;width: 5px;height: 5px;border-radius: 1px;}
.building-con .chk-list > li ul{margin-left:30px;display:flex;flex-direction:column;gap:2px;}
.building-con .chk-list li .dot-text{color: #687286;font-size: 16px;letter-spacing: -0.32px;}
.building-con .chk-list li .dot-text::before{display: inline-block;background: #687286;content: '';margin: 0 6px 3px 0;width: 3px;height: 3px;border-radius: 100%;}
.building-con .sec-sv{margin:0;padding:120px 0;background: rgba(228, 241, 255, 0.40);}
.building-con .sec-sv .card-b-list{display:flex;gap:24px;margin-bottom:24px;}
/* .building-con .sec-sv.sec-active .card-b-list{animation: fadeUp .85s ease forwards;} */
.building-con .sec-sv .card-b-list > li{flex:1;padding:20px;background-color: #fff;border-radius: 8px;}
.building-con .sec-sv .card-b-list li .img{display:flex;align-items:center;justify-content:center;height:240px;border-bottom: 1px solid #DFE1E8;}
.building-con .sec-sv .card-b-list li .text-box {padding:20px 20px 0;}
.building-con .sec-sv .card-b-list li .text-box .title{margin-bottom:4px;font-size: 17px;line-height: 120%;letter-spacing: -0.34px;font-weight:500;color:#353849;}
.building-con .sec-sv .card-b-list li .text-box li{color:#5A6275;font-size: 14px;letter-spacing: -0.28px;line-height: 21px;}
.building-con .sec-sv .card-b-list li .dot-text{margin-left:20px;text-indent:-20px;}
.building-con .sec-sv .card-b-list li .dot-text::before{display: inline-block;background: #5A6275;content: '';margin: 0 9px 3px 9px;width: 3px;height: 3px;border-radius: 100%;}

.building-con .sec-sv .b-logo-list{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;row-gap:24px;column-gap:134px;}
/* .building-con .sec-sv.sec-active .b-logo-list{animation: fadeUp .85s .5s ease forwards;} */
.building-con .sec-sv .btns .btn{width:420px;}
.building-con .step-service-sec {margin:0;}
.building-con .step-service-sec .step-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
.building-con .step-service-sec .step-list .step-02::after {width: 47px;height: 60px;background: url("../images/sub/icon-building-step-02.png");}
.building-con .step-service-sec .step-list .step-03::after {width: 60px;height: 60px;background: url("../images/sub/icon-building-step-03.png");}
.building-con .step-service-sec .step-list .step-04::after {width: 57px;height: 60px;background: url("../images/sub/icon-building-step-04.png");}

/* 건물관리 - 건물관리 */
.stretch-building-01 .stretch-card-list .spec-01::before{background:url("../images/sub/bg-building-spec1-01-sm.png")no-repeat;background-size:cover;}
.stretch-building-01 .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-building-spec1-01.png")no-repeat;background-size:cover;}
.stretch-building-01 .stretch-card-list .spec-02::before{background:url("../images/sub/bg-building-spec1-02-sm.png")no-repeat;background-size:cover;}
.stretch-building-01 .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-building-spec1-02.png")no-repeat;background-size:cover;}
.stretch-building-01 .stretch-card-list .spec-03::before{background:url("../images/sub/bg-building-spec1-03-sm.png")no-repeat;background-size:cover;}
.stretch-building-01 .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-building-spec1-03.png")no-repeat;background-size:cover;}
.stretch-building-01 .stretch-card-list .spec-04::before{background:url("../images/sub/bg-building-spec1-04-sm.png")no-repeat;background-size:cover;}
.stretch-building-01 .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-building-spec1-04.png")no-repeat;background-size:cover;}

/* 건물관리 - 경비보안 */
.stretch-building-02 .stretch-card-list .spec-01::before{background:url("../images/sub/bg-building-spec2-01-sm.png")no-repeat;background-size:cover;}
.stretch-building-02 .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-building-spec2-01.png")no-repeat;background-size:cover;}
.stretch-building-02 .stretch-card-list .spec-02::before{background:url("../images/sub/bg-building-spec2-02-sm.png")no-repeat;background-size:cover;}
.stretch-building-02 .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-building-spec2-02.png")no-repeat;background-size:cover;}
.stretch-building-02 .stretch-card-list .spec-03::before{background:url("../images/sub/bg-building-spec2-03-sm.png")no-repeat;background-size:cover;}
.stretch-building-02 .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-building-spec2-03.png")no-repeat;background-size:cover;}
.stretch-building-02 .stretch-card-list .spec-04::before{background:url("../images/sub/bg-building-spec2-04-sm.png")no-repeat;background-size:cover;}
.stretch-building-02 .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-building-spec2-04.png")no-repeat;background-size:cover;}

/* 건물관리 - 시설관리 */
.stretch-building-03 .stretch-card-list .spec-01::before{background:url("../images/sub/bg-building-spec3-01-sm.png")no-repeat;background-size:cover;}
.stretch-building-03 .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-building-spec3-01.png")no-repeat;background-size:cover;}
.stretch-building-03 .stretch-card-list .spec-02::before{background:url("../images/sub/bg-building-spec3-02-sm.png")no-repeat;background-size:cover;}
.stretch-building-03 .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-building-spec3-02.png")no-repeat;background-size:cover;}
.stretch-building-03 .stretch-card-list .spec-03::before{background:url("../images/sub/bg-building-spec3-03-sm.png")no-repeat;background-size:cover;}
.stretch-building-03 .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-building-spec3-03.png")no-repeat;background-size:cover;}
.stretch-building-03 .stretch-card-list .spec-04::before{background:url("../images/sub/bg-building-spec3-04-sm.png")no-repeat;background-size:cover;}
.stretch-building-03 .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-building-spec3-04.png")no-repeat;background-size:cover;}

/* 건물관리 - 미화관리 */
.stretch-building-04 .stretch-card-list .spec-01::before{background:url("../images/sub/bg-building-spec4-01-sm.png")no-repeat;background-size:cover;}
.stretch-building-04 .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-building-spec4-01.png")no-repeat;background-size:cover;}
.stretch-building-04 .stretch-card-list .spec-02::before{background:url("../images/sub/bg-building-spec4-02-sm.png")no-repeat;background-size:cover;}
.stretch-building-04 .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-building-spec4-02.png")no-repeat;background-size:cover;}
.stretch-building-04 .stretch-card-list .spec-03::before{background:url("../images/sub/bg-building-spec4-03-sm.png")no-repeat;background-size:cover;}
.stretch-building-04 .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-building-spec4-03.png")no-repeat;background-size:cover;}
.stretch-building-04 .stretch-card-list .spec-04::before{background:url("../images/sub/bg-building-spec4-04-sm.png")no-repeat;background-size:cover;}
.stretch-building-04 .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-building-spec4-04.png")no-repeat;background-size:cover;}

/* 건물관리 - 인재파견 */
.stretch-building-05 .stretch-card-list .spec-01::before{background:url("../images/sub/bg-building-spec5-01-sm.png")no-repeat;background-size:cover;}
.stretch-building-05 .stretch-card-list .spec-01.active::before{background:url("../images/sub/bg-building-spec5-01.png")no-repeat;background-size:cover;}
.stretch-building-05 .stretch-card-list .spec-02::before{background:url("../images/sub/bg-building-spec5-02-sm.png")no-repeat;background-size:cover;}
.stretch-building-05 .stretch-card-list .spec-02.active::before{background:url("../images/sub/bg-building-spec5-02.png")no-repeat;background-size:cover;}
.stretch-building-05 .stretch-card-list .spec-03::before{background:url("../images/sub/bg-building-spec5-03-sm.png")no-repeat;background-size:cover;}
.stretch-building-05 .stretch-card-list .spec-03.active::before{background:url("../images/sub/bg-building-spec5-03.png")no-repeat;background-size:cover;}
.stretch-building-05 .stretch-card-list .spec-04::before{background:url("../images/sub/bg-building-spec5-04-sm.png")no-repeat;background-size:cover;}
.stretch-building-05 .stretch-card-list .spec-04.active::before{background:url("../images/sub/bg-building-spec5-04.png")no-repeat;background-size:cover;}



/* page-box */
.page-box{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 8px;text-align:center;margin-top:30px;}
.page-box a{display: flex;justify-content: center;align-items: center;width:40px;height:40px;border-radius: 8px;vertical-align: top;text-align:center;font-size:15px;color:#35425C;line-height:150%;letter-spacing: -0.3px;}
.page-box .page-prev{width:48px;height:48px;background:url("../images/sub/arr-page-prev.png") 50% 50% no-repeat;}
.page-box .page-next{width:48px;height:48px;background:url("../images/sub/arr-page-next.png") 50% 50% no-repeat;}
.page-box .page-on{background-color:#D7EAFF;}
.page-box a.disabled{opacity:.5;}

/* breadcrumb */
.breadcrumb{display:flex;align-items:center;justify-content: flex-start;width: 1136px;margin: 0 auto 24px;}
.breadcrumb li{display: flex;align-items: center;color:#687286;font-size:14px;line-height:21px;}
.breadcrumb li a{color:#687286;}
/* .breadcrumb li.active{text-decoration:underline;} */
.breadcrumb li::after{display:inline-block;width:12px;height:12px;margin:0 4px;background: url("../images/sub/icon-breadcrumb-arr.png")no-repeat;background-size: 100%;content:'';}
.breadcrumb li:last-child::after{display:none;}

/* col-tb */
.col-tb table{border-top:2px solid #C3C6CE;font-size:14px;line-height:21px;letter-spacing: -0.28px;}
.col-tb thead tr{border-bottom:1px solid #DFE1E8;}
.col-tb tr{border-bottom:1px solid #DFE1E8;}
.col-tb th{padding:14px 0;font-weight: 500;font-size: 16px;color:#353849;line-height: 24px;letter-spacing: -0.32px;background: #F6F7F8;}
.col-tb td{padding:10px 0;height: 32px;text-align:center;color:#35425C;font-size: 15px;}
.col-tb td .title-line{padding: 0 50px;text-align: left;}
.col-tb td .title-line .title{display:inline;}
.col-tb td .title-line .chat-num{display:inline-flex;align-items:center;gap:4px;margin-left:10px;vertical-align: text-bottom;color:#687286;font-size: 14px;line-height: 150%; letter-spacing: -0.28px;}

.col-tb.col-tb-sm table{font-size:15px;line-height:22.5px;letter-spacing: -0.3px;;}
.col-tb.col-tb-sm th{padding:6.5px 0;font-size: 15px;line-height: 22.5px;letter-spacing:-0.3px;}
.col-tb.col-tb-sm td{padding:6.5px 15px;height: auto;text-align:left;}

.col-tb .noti-tr{background: rgba(235, 246, 255, 0.80);}
.col-tb .noti-tr .title-line{display: flex;}
.col-tb .badge-noti{display: inline-flex;height: 16px;padding: 1px 5px;margin: 3px 8px 0px 0;justify-content: center;align-items: center;border-radius: 4px;color:#07F;font-size: 9px;font-weight: 600;line-height: 130%;background: #FFF;}
.col-tb .noti-tr .title-line .title{width: calc(100% - 72px);}

/* 실시간 견적현황 */
.live-estimate {margin-top:50px;}
.live-estimate td{font-size:14px;color:#35425C;line-height:21px;letter-spacing: -0.28px;}
.live-estimate .sv-color{display:inline-block;font-weight: 600;text-align:center;}
.live-estimate .sv-color-01{color:#4081FE;}
.live-estimate .sv-color-02{color:#2CA6FF;}
.live-estimate .sv-color-03{color:#5F78FF;}
.live-estimate .sv-color-04{color: #00B9D2;}
.live-estimate .sv-color-05{color: #1FAE13;font-weight: 600;}
.live-estimate .sv-color-new{margin-left:4px;color: #FFA800;}
.live-estimate .sv-color-06{color: #5EBB00;}
.live-estimate .sv-color-07{color: #01BA77;}
.live-estimate .sv-color-08{color: #02BCB1;}
.live-estimate .sv-color-09{color: #5CC6B2;}
.live-estimate .sv-color-10{color: #966EF9;}
.live-estimate .sv-color-11{color: #FF922E;}
.live-estimate .sv-status{color: #338DFF;}


/* 고객센터 board  */
.board-con-wrap{padding:80px 0 100px;}
.board-con-wrap .top-line{display:flex;margin-bottom:24px;justify-content:space-between;align-items:flex-end;}
.board-con-wrap .top-line .total-num{font-size: 16px;line-height: 150%;letter-spacing: -0.32px;}
.board-con-wrap .top-line .total-num strong{font-weight:700;}
.board-con-wrap .con-box+.con-box{margin-top:100px;}
.board-con-wrap .con-box .top-head-title-xl{margin-bottom:30px;}
.board-con-wrap .con-box .cs-title-lg{margin:30px 0 32px;font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.board-con-wrap .cs-box{position:relative;height: 260px;display:flex;justify-content: space-between;padding: 40px 60px;border-radius: 16px;background: #F6F7F8;}
.board-con-wrap .cs-box .lf-text{display:flex;justify-content:space-between;flex-direction:column;}
.board-con-wrap .cs-box .cs-call{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.board-con-wrap .cs-box .time-list{margin-bottom:12px;color:#5A6275;letter-spacing: -0.3px;}
.board-con-wrap .cs-box .btn{width:240px;}
.board-con-wrap .cs-box .ani-img{position:absolute;bottom:0;right:60px;}
/* .board-con-wrap .cs-box .ani-img-shadow{position: absolute;bottom: 26px;right: 123px;animation: csAniShadow 1.85s ease-in-out infinite alternate;} */
.board-con-wrap .accordion-list .accordion-toggle{display:flex;align-items:flex-start;gap:5px;}
.board-con-wrap .accordion-list .acc-q{color: #AAAFBC;font-size: 22px;font-weight: 700;line-height: 20px;letter-spacing: -0.44px;}
.board-con-wrap .cs-sv-box{display:grid;gap:20px;grid-template-columns:1fr 1fr;}
.board-con-wrap .cs-sv-box button{display:flex;align-items:center;gap:16px;height:100px;padding:0 40px;border-radius: 8px;border: 1px solid #C3C6CE;font-size: 18px;line-height: 150%;letter-spacing: -0.36px;}

/* 캐릭터 위아래 움직임 */
@keyframes csAniFloat {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -15px);
  }
}

/* 캐릭터 그림자  */
@keyframes csAniShadow {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5; 
    transform: scale(0.9); 
  }
}

/* board read */
.read-wrap{}
.read-wrap .badge-noti{display: inline-flex;margin-right:8px;height: 22px;flex-shrink: 0;padding: 2px 6px;justify-content: center;align-items: center;border-radius: 4px;color:#07F;background:#EBF6FF;font-size: 14px;font-weight: 600;line-height: 130%;}
.board-srch{display: flex;justify-content: center;margin-top: 40px;gap: 8px;}
.board-srch input{width: 560px;}
.board-srch .btn{width: 120px;}
.read-wrap .btn-end .btns .btn{width:100px;}
.read-wrap .read-top{padding-bottom:20px;border-bottom:1px solid #DFE1E8;}
.read-wrap .read-top .title{display:flex;align-items:center;margin-bottom:20px;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;}
.read-wrap .read-top .info{display:flex;justify-content:space-between;align-items: flex-end;}
.read-wrap .read-top .info .lf{display:flex;flex-direction:column;gap:4px;color:#5A6275;letter-spacing: -0.3px;}
.read-wrap .read-top .info .date{display: flex;gap:8px;align-items: center;color:#687286;font-size:14px;letter-spacing: -0.28px;}
.read-wrap .read-top .info .date span{display:flex;align-items:center;}
.read-wrap .read-top .info .date span::after{display:inline-block;width:1px;height:12px;margin-left:8px;content:'';background:#C3C6CE;}
.read-wrap .read-top .info .date span:last-child::after{display:none;}
.read-wrap .read-top .info .hits{display: flex;align-items: center;gap: 8px;font-size: 14px;letter-spacing: -0.28px;color: #687286;}
.read-wrap .read-info-box{display: flex;flex-direction:column;gap:4px;margin-top:20px;padding: 20px;border-radius: 8px;background:#F6F7F8;}
.read-wrap .read-info-box >div{display: flex;gap: 12px;align-items: center;}
.read-wrap .read-info-box p{color:#5A6275;letter-spacing: -0.28px;font-size:14px;}
.read-wrap .read-info-box p strong{font-weight:700;}
.read-wrap .read-info-box .btn-review{display: flex;padding: 4.5px 12px;justify-content: center;align-items: center;gap: 4px;line-height:12px;letter-spacing: -0.24px;font-weight: 700;font-size: 12px;border-radius: 50px;color:#fff;background:#338DFF;}
.read-wrap .read-contents{padding:50px 50px 100px;color:#5A6275;}
.read-wrap .read-contents img{max-width: 100%;height: auto;/* display: block; */}
.read-wrap .read-contents table {width: 100%;table-layout: fixed;}
.read-wrap .read-contents table td{word-break: break-word;}
.read-ans-wrap{margin-top:100px;padding:40px 0 0;border-top:10px solid #EEF0F4;}
.read-ans-wrap .ans-title{font-size: 18px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;}
.read-ans-wrap .ans-text{padding:24px 50px;}
.read-ans-wrap .info-top{display:flex;gap:12px;align-items:center;margin-bottom:12px;letter-spacing: -0.3px;font-weight: 500;}
.read-ans-wrap .info-top .date{font-size: 14px;line-height: 150%;letter-spacing: -0.28px;color:#687286;font-weight: 400;}
.read-ans-wrap .ans-contents{color:#5A6275;}

/* board 작성하기 */
.write-wrap{width:800px;margin:0 auto;}
.write-wrap .inp-col{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.write-wrap .inp-col .custom-select{width:100%;}
.write-wrap .inp-col .inp-title{display:flex;gap:2px;color:#35425C;letter-spacing: -0.3px;}
.write-wrap .inp-col .inp-title .essential{color:#338DFF;}
.write-wrap .inp-col .inp-text{min-height:44px;}
.write-wrap .chk-agree-box{padding:16px;background-color: #F6F7F8;border-radius:4px;}
.write-wrap .chk-agree-box .form-check{margin-bottom:4px}
.write-wrap .chk-agree-box .form-check label{font-size:15px;font-weight:500;letter-spacing: -0.3px;}
.write-wrap .chk-agree-box ul{padding-left:28px;display:flex;flex-direction:column;gap:2px;color:#5A6275;font-size: 13px;line-height: 130%;letter-spacing: -0.26px;}
.write-wrap .textarea-wrap{position:relative;height:300px;padding:8px 8px 8px 16px;border:1px solid #C3C6CE;border-radius:4px;}
.write-wrap .textarea-wrap textarea{height:264px;padding:0;border:0;}
.write-wrap .textarea-wrap #textCount{position: absolute;bottom: 8px;left: 16px;line-height: 18px;color: #AAAFBC;font-size: 12px;letter-spacing: -0.24px;}
.write-wrap .bg-noti-b{display: flex;align-items: flex-start;gap: 6px;margin-bottom:24px;padding: 12px 16px;color: #35425C;border-radius: 4px;background:#EBF6FF;letter-spacing: -0.3px;}
.write-wrap .bg-noti-b i{margin-top:3px;}
.write-wrap .bg-noti-b span{color:#687286;font-size:14px;letter-spacing: -0.28px;}
.write-wrap .cp-line{display:flex;align-items:center;gap:8px;}
.write-wrap .chk-more-line{display: flex;justify-content: space-between;}
.write-wrap .chk-more-line a.more{display:flex;align-items:center;gap:4px;font-size: 13px;line-height: 130%;letter-spacing: -0.26px;color: #616678;}
.write-wrap .inp-line{display:flex;gap:8px;}
.write-wrap .inp-line input{width:calc(100% - 128px);}
.write-wrap .inp-line .btn{width:120px;}
.write-wrap .file-box{display: flex;flex-wrap: wrap;column-gap: 8px;margin-bottom:24px;}
.write-wrap .file-box .file-name{width: calc(100% - 128px);}
.write-wrap .file-box .btn-file{width:120px;}
.write-wrap .file-box .text-file{margin-top:8px;color:#5A6275;font-size: 13px;line-height: 130%;letter-spacing: -0.26px;}

/* toast editor */
.write-wrap #editor{margin-bottom:24px;}
.toastui-editor-mode-switch{display:none !important;}

/* board event */
.event-total-num{margin:30px 0 24px;color:#353849;font-size: 16px;line-height: 24px;letter-spacing: -0.32px;}
.event-total-num strong{font-weight:700;}
.event-list{display:grid;grid-template-columns: 1fr 1fr;gap:30px;}
.event-list .img{border-radius: 12px;overflow:hidden;height: 230px;}
.event-list .info{display:flex;justify-content:space-between;align-items:center;margin-top:12px;}
.event-list .info .status{font-size: 14px;font-weight: 500;line-height: 21px;letter-spacing: -0.28px;}
.event-list .ing .status{color:#07F;}
.event-list .closed .status{color:#AAAFBC;}
.event-list .info .date{color:#687286;font-size: 13px;line-height:16.9px;letter-spacing: -0.26px;}
.event-list .closed .date{color:#AAAFBC;}

.event-read{text-align:center;}


/* 꿀팁 게시판 */
.life-list-wrap .top-head-text-xl{color: #5A6275;margin-bottom: 30px;}
.ga-total-top{display:flex;flex-direction:column;gap:8px;margin:24px 0;}
.ga-total-top .title{color:#5A6275;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.ga-total-top .total-num{font-size: 16px;letter-spacing: -0.32px;}
.gallery-list{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;column-gap:24px;row-gap:30px;}
.gallery-list .img{display: flex;align-items: center;justify-content: center;margin-bottom:10px;height:180px;border-radius: 8px;background:#EEF0F4;overflow:hidden;}
.gallery-list .img img{transition:transform .3s;}
.gallery-list li:hover img{transform:scale(1.1);}
.gallery-list .text-box{display: flex;flex-direction: column;align-items: flex-start;gap: 8px;}
.gallery-list .text-box .title{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 16px;font-weight: 500;line-height: 150%; letter-spacing: -0.32px;}
.gallery-list .text-box .hits{display:flex;align-items:center;gap:8px;color:#687286;font-size: 14px;letter-spacing: -0.28px;}

.read-life-btm >.container{position:relative;}
.read-life-btm .btn-more{display:flex;gap:4px;align-items:center;position:absolute;top:17px;right:0;color: #616678;font-size: 13px;line-height: 130%;letter-spacing: -0.26px;}

/* 지역점 현황 */
.branch-con{}
.branch-con .branch-swiper-main{position:relative;}
.branch-con .branch-swiper-main .swiper-button-prev,.branch-con .branch-swiper-main .swiper-button-next{opacity: 0;transition:opacity .3s;top:103px;transform: none;}
.branch-con .branch-swiper-main:hover .swiper-button-prev,.branch-con .branch-swiper-main:hover .swiper-button-next{opacity:1;}
.branch-con .branch-swiper-main .img{display: flex;margin-bottom:10px;height: 245px;border-radius: 8px;overflow:hidden;}
.branch-con .branch-swiper-main .img img{transition:transform .3s;}
.branch-con .branch-swiper-main .swiper-slide:hover img{transform:scale(1.1);}

.branch-con .branch-swiper-main .text-box{display:flex;align-items:center;gap:2px;flex-direction:column;border-radius: 8px;}
.branch-con .branch-swiper-main .text-box .title{max-width: 100%;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;}
.branch-con .branch-swiper-main .text-box .text{color:#687286;text-align: center;font-size: 14px;letter-spacing: -0.28px;}
.branch-con .branch-swiper-main .text-box .info{color: #687286;font-size: 14px;letter-spacing: -0.28px;line-height: 21px;}
.branch-con .branch-sv-area{display:flex;gap:16px;align-items:center;margin-bottom:30px;}
.branch-con .branch-sv-area .title{display:flex;gap:2px;align-items:center;color: #35425C;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;}
.branch-con .branch-sv-area .custom-select{width:240px;}
.branch-con .medal-info-box{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
.branch-con .medal-info-box .medal-list{display:flex;align-items:center;gap:20px;}
.branch-con .medal-info-box .medal-list li{display:flex;align-items:center;gap:4px;font-weight:500;color: #687286;font-size: 14px;letter-spacing: -0.28px;}
.branch-con .branch-award-list{display: grid;grid-template-columns: 1fr 1fr;column-gap: 48px;row-gap: 30px;}
.branch-con .branch-award-list li{position:relative;display:flex;align-items:center;gap:20px;cursor:pointer;}
.branch-con .branch-award-list li.no-after{pointer-events: none;}
.branch-con .branch-award-list li::after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);display:block;width:24px;height:24px;background: url("../images/sub/icon-branch-award-arr.png")no-repeat;content:'';}
.branch-con .branch-award-list li .img{width: 230px;height: 153px;overflow:hidden;border-radius: 8px;background-color:#F6F7F8;}
.branch-con .branch-award-list li .img img{transition:transform .3s;}
.branch-con .branch-award-list li:hover .img img{transform:scale(1.12);}
.branch-con .branch-award-list li .icon-box{display:flex;gap:4px;}
.branch-con .branch-award-list li .text-box{}
.branch-con .branch-award-list li .text-box .title{margin-bottom:8px;font-size: 18px;font-weight: 500;letter-spacing: -0.36px;}
.branch-con .branch-award-list li .text-box .area-line{display:flex;gap:8px;margin-bottom:12px;color: #5A6275;font-size: 14px;letter-spacing: -0.28px;}
.branch-con .branch-award-list li .text-box .area-line .area{display: flex;padding: 4px 6px;justify-content: center;align-items: center;background:#EEF0F4;border-radius: 4px;color:#338DFF;font-size: 11px;font-weight: 500;line-height: 100%;letter-spacing: -0.22px;}


/* 불편신고 운영절차 */
.rpt-proc-wrap{}
.rpt-proc-wrap .top-head-title-xl{margin-bottom:30px;}
.rpt-proc-wrap .rpt-rule-box{display: flex;flex-direction: column;gap: 8px;padding:32px;border-radius: 12px;background: rgba(189, 207, 224, 0.12);font-size: 16px;letter-spacing: -0.32px;}
.rpt-proc-wrap .btns-down{display: grid;gap: 24px;grid-template-columns: 1fr 1fr 1fr 1fr;margin:20px 0 30px;}
.rpt-proc-wrap .btns-down .btn{justify-content: space-between;padding: 0 16px;font-size: 16px;}
.rpt-proc-wrap article+article{margin:100px 0 0;}
.rpt-proc-wrap .accordion-content .dot-text{margin-left:12px;text-indent:-12px;}
.rpt-proc-wrap .accordion-content .dot-text::before{display: inline-block;background: #687286;content: '';margin: 0 8px 3px 0;width: 3px;height: 3px;border-radius: 100%;}

/* board 쪽 공통 noti-box */
.board-con-wrap .bg-gr-noti{display: flex;flex-direction: column;margin-top:24px;padding: 12px 16px;gap: 5px;border-radius: 4px;background:#F6F7F8;}
.board-con-wrap .bg-gr-noti strong{display:flex;gap:5px;align-items:center;color:#35425C;font-size:14px;font-weight:500;letter-spacing: -0.28px;}
.board-con-wrap .bg-gr-noti ul{display: flex;flex-direction: column;gap:2px;margin-left:24px;line-height: 150%;font-size: 12px;letter-spacing: -0.24px;color:#687286;}
.board-con-wrap .bg-gr-noti .dot-text{display: flex;align-items: center;gap: 6px;}
.board-con-wrap .bg-gr-noti .dot-text::before{display:inline-block;content:'';width: 3px;height: 3px;background-color: #687286;border-radius:100%;}
.board-con-wrap .bg-gr-noti .btn-xs{width: 200px;margin: 3px 0 0 24px;}

/* 약관 및 개인정보보호 */
.policy-wrap{}
.policy-wrap .bg-top-box{display: flex;flex-direction: column;gap: 8px;margin-bottom:16px;padding:24px;background-color: #F6F7F8;}
.policy-wrap .bg-top-box .policy-text{color:#353849;}
.policy-wrap .link-box{display: flex;padding:24px;border:1px solid #C3C6CE;}
.policy-wrap .link-box ul{flex:1;}
.policy-wrap .round-tab{margin:50px 0;}
.policy-wrap .tab-con-box{display: flex;flex-direction: column;gap: 8px;letter-spacing: -0.3px;color:#5A6275;}
.policy-wrap .tab-con-box >ul{display:flex;flex-direction:column;gap:8px;}
.policy-wrap .policy-con2-top{display: flex;flex-direction: column;align-items: center;color: #8C92A4;font-size: 13px;letter-spacing: -0.26px;gap: 8px;margin-bottom: 26px;}
.policy-wrap .policy-title{margin:16px 0 0;color:#353849;font-size: 18px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;}
.policy-wrap .policy-sub-title{color:#353849;font-weight: 500;}
.policy-wrap .policy-text{color:#5A6275;letter-spacing: -0.3px;}
.policy-wrap .indent-ul{margin-left:16px;gap:0 !important;}
.policy-wrap .indent-ul .policy-text{margin:8px 0px 8px 16px;}
.policy-wrap .dot-text{text-indent: -19px;margin-left: 19px;}
.policy-wrap .dot-text::before{display:inline-block;margin:0 9px 5px 9px;vertical-align: middle;width:3px;height:3px;border-radius:100%;background-color: #5A6275;content:'';}
.policy-wrap .indent-text{margin:0 0 0 16px;}
.policy-wrap strong{font-weight:500;color:#353849;}
.policy-wrap .policy-date{color:#5A6275;}
.policy-wrap .policy-date-sm{font-size:14px;color:#687286;letter-spacing: -0.28px;}
.policy-wrap .last-line{border-top: 1px solid #DFE1E8;padding-top: 24px;}
.policy-wrap .tb-box{width: 235px;text-align: left;margin: 0 auto;}



/* 리뷰 메인 */
.review-main-con{}
.review-main-con .top-head-title-xl{margin-bottom:30px;}
.review-main-con .review-swiper-main .text-box{text-align:center;}
.review-main-con .review-swiper-main .text-box .title{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.review-main-con .review-list .text-box{width: calc(100% - 164px);}
.review-main-con .review-list .text-box .title{color:#353841;}
.review-main-con .review-list .img{width: 144px;height: 96px;}
.review-main-con article+article{margin:100px 0 0;}
.review-main-con .total-num{margin-bottom:12px;font-size: 16px;line-height: 150%;letter-spacing: -0.32px;}
.review-main-con .total-num strong{font-weight:700;}
.review-main-con .badge-sm{margin-top:7px;display:inline-flex;gap:3px;padding: 4px 6px;align-items:center;border-radius: 50px;font-size: 11px;line-height: 100%;font-weight: 500;letter-spacing: -0.22px;}
.review-main-con .badge-best-sm{color:#338DFF;background-color: #E9F5FF;}
.review-main-con .badge-good-sm{background: #E8FAE1;color:#189B22;}
.review-main-con .review-banner{position:relative;padding: 40px 60px;border-radius: 16px;background: #EBF6FF;}
.review-main-con .review-banner>div{display: flex;flex-direction: column;align-items: flex-start;gap: 12px;}
.review-main-con .review-banner small{color:#5A6275;font-size:18px;line-height: 120%;letter-spacing: -0.36px;}
.review-main-con .review-banner small em{color:#07F;font-weight: 500;}
.review-main-con .review-banner .title{font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.review-main-con .review-banner a{display:flex;gap:10px;align-items:center;margin-top: 8px;padding:4px 16px;font-weight: 500;letter-spacing: -0.32px;font-size: 16px;border-radius: 50px;border: 1px solid #07F;color:#07F;}
.review-main-con .review-banner a:hover i{transform:translateX(5px);}
.review-main-con .review-banner .ani-img{position: absolute;bottom: 60px;right:60px;animation: csAniFloat 1.85s ease-in-out infinite alternate;}
.review-main-con .review-banner .ani-img-shadow{position: absolute;bottom:30px;right: 78px;animation: csAniShadow 1.85s ease-in-out infinite alternate;}

/* sort */
.sort-chk{display:flex;gap:20px;margin-bottom:24px;}
.sort-chk button{display:flex;align-items:center;gap:4px;font-size: 14px;letter-spacing: -0.28px;color:#687286;transition:color .3s;}
.sort-chk button.active{color:#353849;}
.sort-chk button.active i{background-image: url("../images/sub/icon-chk-bk.svg");}

/* 키워드 검색 */
.keyword-inp{display:flex;justify-content:center;gap:8px;margin:40px 0 100px;}
.keyword-inp input{width:560px;}
.keyword-inp .btn{width:120px;}

/* 리뷰작성 */
.review-line-step{display:grid;gap:12px;width:800px;margin:0 auto 50px;grid-template-columns: 1fr 1fr;}
.review-line-step span{display: flex;height: 8px;gap: 10px;border-radius: 50px;background:#EBF6FF;}
.review-line-step.first span:first-child{background-color: #A7D3FF;}
.review-line-step.second span{background-color: #A7D3FF;}

/* 암행현장점검 */
.scene-main-con{}
.scene-main-con article+article{margin:80px 0 0;}
.scene-main-con .check-swiper a::before{background: linear-gradient(180deg, rgba(37, 37, 37, 0.80) 0%, rgba(37, 37, 37, 0.50) 36.21%, rgba(37, 37, 37, 0.00) 58.84%);background-blend-mode: multiply;}
.scene-main-con .check-swiper a .text{justify-content:flex-start;}
.scene-main-con .scene-banner{position:relative;z-index:1;margin-bottom:80px;padding:40px 60px;background-color: #EBF6FF;border-radius: 16px;}
.scene-main-con .scene-banner .top-title{color:#35425C;font-size: 32px;font-weight: 700;line-height: 130%;letter-spacing: -0.96px;}
.scene-main-con .scene-banner .top-text{margin:8px 0 20px;color:#35425C;font-size: 18px;line-height: 120%;letter-spacing: -0.36px;}
.scene-main-con .scene-banner .text{display:flex;align-items:flex-start;gap:6px;font-size:15px;letter-spacing: -0.3px;line-height:22.5px;color:#687286;}
.scene-main-con .scene-banner .text+.text{margin:2px 0 0;}
.scene-main-con .scene-banner .text i{margin-top:3.5px;flex-shrink: 0;}
.scene-main-con .scene-banner .ani-img{z-index: -1;position: absolute;bottom: 84px;right:60px;animation: csAniFloat 1.85s ease-in-out infinite alternate;}
.scene-main-con .scene-banner .ani-img-shadow{position: absolute;bottom:30px;right: 70px;animation: csAniShadow 1.85s ease-in-out infinite alternate;}
/* .scene-main-con .scene-swiper-main{position:relative;}
.scene-main-con .scene-swiper-main .img{}
.scene-main-con .scene-swiper-main .text-box{margin-top:10px;text-align:center;}
.scene-main-con .scene-swiper-main .text-box .title{margin-bottom:2px;font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.scene-main-con .scene-swiper-main .text-box .info{color:#687286;font-size: 14px;line-height: 21px;letter-spacing: -0.28px;} */
/* .scene-main-con .scene-banner{position:relative;padding: 40px 60px;border-radius: 16px;background: #F6F7F8;}
.scene-main-con .scene-banner >div{display: flex;flex-direction: column;align-items: flex-start;gap: 8px;}
.scene-main-con .scene-banner small{color:#07F;font-size:22px;line-height: 130%;letter-spacing: -0.66px;font-weight: 500;}
.scene-main-con .scene-banner .title{font-size: 34px;font-weight: 700;line-height: 130%;color:#35425C;letter-spacing: -1.02px;}
.scene-main-con .scene-banner img{position:absolute;bottom:20px;right:60px;} */
/* .scene-main-con .vertical-swiper{margin:30px 0;height:47px;padding: 12px 16px;border-radius: 4px;background: #EBF6FF;}
.scene-main-con .vertical-swiper .swiper{height: 100%;}
.scene-main-con .vertical-swiper .swiper-slide >div{display:flex;align-items:center;gap:6px;color:#35425C;letter-spacing: -0.3px;} */
.scene-main-con .total-num{font-size: 16px;line-height: 150%;letter-spacing: -0.32px;margin-bottom: 12px;}
.scene-main-con .round-tab{margin-top:30px;}
.scene-main-con .review-list .img{width: 144px;height: 96px;}
.scene-main-con .review-list .title{margin-bottom:2px;}
.scene-main-con .review-list .badge-sm{display: inline-flex;padding: 4px 6px;align-items: center;margin-top:7px;border-radius: 4px;font-size:11px;font-weight: 500;line-height: 11px;letter-spacing: -0.22px;}
.scene-main-con .review-list .badge-sm-bl{color:#338DFF;background-color: #E9F5FF;}
.scene-main-con .review-list .badge-sm-gr{color:#5A6275;background-color: #EEF0F4;}



/* 간편견적 */
.estimate-wrap{background:#F6F7F8;}

/* 스낵바 */
.snackbar{visibility: hidden;position: fixed;left: 50%;top: 60px;transform: translateX(-50%);z-index: 99999;opacity: 0;transition: opacity 0.4s ease, top 0.4s ease, visibility 0s linear 0.4s;display: flex;align-items: center;width: 640px;margin: 0 auto;border-radius: 4px;background:#35425C;box-shadow: 0 1px 30px 0 rgba(10, 39, 69, 0.10);}
.snackbar.show{visibility: visible;opacity: 1;top:78px; transition: opacity 0.3s ease, top 0.3s ease;}
.snackbar .text-box{display:flex;gap:8px;align-items:center;width:calc(100% - 56px);padding:16px 0 16px 16px;color:#fff;font-size: 16px;line-height: 24px;letter-spacing: -0.32px;}
.snackbar .text-box i{flex-shrink: 0;}
.snackbar .btn-snack-clse{width:56px;height:100%;}

/* 블링크 버튼 */
.btn-blink{animation: btnBlink 1.3s infinite;}
.btn-blink:hover{background: #005BFF;border-color:#005BFF;animation: none;}
@keyframes btnBlink {
  0%, 15%, 85%, 100%{background:#338DFF;border-color:#338DFF;}
  50% {background:#0040E6; border-color:#0040E6;}
}

/* 간편견적 인트로 */
.estimate-wrap .top-head-title-xl{text-align: center;}
.estimate-wrap .top-head-title-l{text-align: center;margin:0;}
.estimate-wrap .contents{padding:80px 100px;}
.estimate-wrap input[type="radio"]{position:relative;}
.estimate-wrap input[type="radio"]::after { content: "";position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;background: rgba(51, 141, 255, 0.65);border-radius: 50%;transform: translate(-50%, -50%) scale(1);opacity: 0;}
.estimate-wrap input[type="radio"].ripple-active::after{ animation: rippleAni 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
@keyframes rippleAni {
  0% {transform: translate(-50%, -50%) scale(0);opacity: 0.9;}
  100% {transform: translate(-50%, -50%) scale(7);opacity: 0;}
}
.estimate-wrap .estimate-con-wrap{width:640px;margin:0 auto;}
.estimate-wrap .esti-intro-select-box{width:416px;margin: 60px auto 0;}
.estimate-wrap .esti-intro-select-list{display:flex;gap: 16px;flex-wrap: wrap;}
.estimate-wrap .esti-intro-radio{position:relative;width: 200px;height: 180px;border-radius: 16px;overflow: hidden;box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.05);background-color: #fff;}
.estimate-wrap .esti-intro-radio::after{ content: "";position: absolute;inset: 0;border-radius: inherit;border: 2px solid transparent;transition: border-color 0.3s; pointer-events: none; }
.estimate-wrap .esti-intro-radio:hover::after{border-color:#338DFF;}
.estimate-wrap .esti-intro-radio .esti-inp{width:100%;height:100%;opacity: 0;position: absolute;cursor: pointer;}
.estimate-wrap .esti-intro-radio .border-gr{opacity: 0;transition: opacity 0.3s;}
.estimate-wrap .esti-intro-radio input[type="radio"]:checked + svg .border-gr{opacity: 1;}
.estimate-wrap .esti-intro-radio-text{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.estimate-wrap .esti-intro-radio-text label{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 20px;cursor: pointer;color: #5A6275;font-size: 17px;line-height: 20.4px;letter-spacing: -0.34px;font-weight: 500;position: relative;}
.estimate-wrap .esti-intro-select-box .btn.w-100{margin:50px 0 0;}

/* 간편견적  */
.estimate-step-line{display:flex;gap:12px;margin:40px 0 20px;}
.estimate-step-line span{display:flex;flex:1;height: 8px;border-radius: 50px;background:#DFE1E8;transition:background .3s;}
.estimate-step-line.step1 span:nth-child(1),.estimate-step-line.step2 span:nth-child(-n+2),.estimate-step-line.step3 span:nth-child(-n+3){background:#338DFF;}
.estimate-con-wrap .is-disabled{opacity: 0.3;pointer-events: none;}
.estimate-con-wrap .toggle-box-wrap{display:flex;flex-direction:column;padding:0 32px;background-color: #fff;border-radius: 12px;}
.estimate-con-wrap .toggle-box-wrap+.toggle-box-wrap{margin:16px 0 0;}
.estimate-con-wrap .toggle-box-wrap .top-text{display:flex;align-items:center;justify-content:space-between;padding: 32px 0;cursor:pointer;}
.estimate-con-wrap .toggle-box-wrap.open .top-text{align-items:flex-start;}
.estimate-con-wrap .toggle-box-wrap.open .top-text{padding: 32px 0 24px;}
.estimate-con-wrap .toggle-box-wrap .top-text .lf{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.estimate-con-wrap .toggle-box-wrap .top-text .title{color:#35425C;font-size: 19px;font-weight: 700;line-height:24.7px;letter-spacing: -0.57px;}
.estimate-con-wrap .toggle-box-wrap .top-text .text{color:#5A6275;font-size: 14px;line-height:21px;letter-spacing: -0.28px;}
.estimate-con-wrap .toggle-box-wrap.open .icon-unchecked{display:none;}
.estimate-con-wrap .toggle-box-wrap.open .icon-estimate-toggle-arr{display:block;}
.estimate-con-wrap .toggle-box-wrap .rg{color:#07F;font-size: 14px;font-weight: 500;line-height: 130%;letter-spacing: -0.28px;}
.estimate-con-wrap .toggle-box{display:flex;flex-direction:column;gap:12px;padding-bottom:32px;}
.estimate-con-wrap .toggle-box.g-20{gap:20px;}
.estimate-con-wrap .toggle-box .btn-com{margin-top:12px;}
.estimate-con-wrap .radio-item{display: flex;padding: 12px 24px;gap:16px;align-items:center;border-radius: 6px;border: 1px solid #DFE1E8;cursor:pointer;transition:background .2s, border-color .2s;}
.estimate-con-wrap .radio-item:has(input:checked){background: rgba(235, 246, 255, 0.80);border-color:#70B8FF;}
.estimate-con-wrap .radio-item .text{display:flex;flex-direction:column;gap:2px;color:#5A6275;font-size:13px;line-height:16.9px;letter-spacing: -0.26px;}
.estimate-con-wrap .radio-item .text strong{display: flex;align-items: center;gap: 4px;color:#353849;font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.32px;}
.estimate-con-wrap .radio-item .text .badge-recom{display: inline-block;height: 16px;border-radius: 4px;color: #F04452;background: #FFE0E1;font-size: 11px;line-height: 11px;letter-spacing: -0.22px;padding: 2.5px 4px;}
.estimate-con-wrap .radio-item input[type="radio"],.estimate-con-wrap .radio-item input[type="checkbox"]{width: 16px;height: 16px;margin-right: 8px;cursor:pointer;background-size: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;background-image: url("../images/sub/icon-radio-off.svg");background-repeat: no-repeat;}
.estimate-con-wrap .radio-item input:checked[type="radio"],.estimate-con-wrap .radio-item input:checked[type="checkbox"]{background-image: url("../images/sub/icon-radio-on.svg");}
.estimate-con-wrap .hide-btn{transform:translateY(8px);opacity:0;transition:transform .3s, opacity .3s;}
.estimate-con-wrap .hide-btn.active{transform:translateY(0);opacity:1;}
.estimate-con-wrap .btn-next{width:416px;}
.estimate-con-wrap .toggle-box .inp-col{display:flex;gap:8px;flex-direction:column;}
.estimate-con-wrap .toggle-box .inp-col label{letter-spacing: -0.3px;color: #35425C;width: auto;}
.estimate-con-wrap .toggle-box .inp-col .chk-line{display:flex;justify-content:space-between;align-items:center;color:#35425C;font-size: 14px;line-height:21px;letter-spacing: -0.28px;}
.estimate-con-wrap .toggle-box .inp-col .chk-line .btn-more{display: flex;align-items: center;gap: 4px;color:#5A6275;font-size:12px;line-height: 150%;letter-spacing: -0.24px;}
.estimate-con-wrap .toggle-box .inp-col .chk-line .btn-more .icon-more{width:8px;height:9px;background:url("../images/sub/icon-more-arr.svg");}
.estimate-con-wrap .toggle-box .inp-col .agree-noti{display: flex;gap: 6px;align-items: center;margin-top: -4px;color: #687286;font-size: 12px;line-height: 18px;letter-spacing: -0.24px;}
.estimate-con-wrap .toggle-box .inp-col .chk-line .lf{position:relative;display: flex;align-items: center;gap: 4px;}
.estimate-con-wrap .toggle-box .inp-col .chk-line .btn-tooltip{display: inline-flex;}
.estimate-con-wrap .toggle-box .inp-col .chk-line .tooltip-box{position:absolute;display:flex;bottom: 29px;right:-108px;opacity:0;transform:translateY(5px);padding: 6px 8px;justify-content: center;align-items: center;width:235px;border-radius: 4px;pointer-events: none;background:#687286;font-size: 13px;color:#fff;transition:.3s;font-weight: 500;line-height: 13px;letter-spacing: -0.26px;}
.estimate-con-wrap .toggle-box .inp-col .chk-line .tooltip-box::after{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:14px;height:12px;background:url("../images/sub/icon-tooltip-float-polygon.png");content:'';}
.estimate-con-wrap .toggle-box .inp-col .chk-line .btn-tooltip.active + .tooltip-box {opacity:1;transform:translateY(0);}

.estimate-con-wrap .info-box{display: flex;flex-direction: column;padding: 12px 16px;border-radius: 4px;background:#F6F7F8;}
.estimate-con-wrap .info-box .top{display:flex;gap:5px;align-items:center;margin-bottom:5px;color:#35425C;font-size: 14px;line-height: 150%;letter-spacing: -0.28px;}
.estimate-con-wrap .info-box .top strong{font-weight:500;}
.estimate-con-wrap .info-box .dot-text{display: flex;align-items: center;padding:0 24px;color:#6D758F;font-size: 12px;line-height:18px;letter-spacing: -0.24px;}
.estimate-con-wrap .info-box .dot-text::before{display:inline-block;margin-right:6px;width:3px;height:3px;vertical-align: middle;border-radius:100%;background-color: #6D758F;content:'';}
.estimate-con-wrap .info-box .dot-text+.dot-text{margin:2px 0 0;}

/* 간편견적 -추가견적 */
.estimate-con-wrap .add-top{position:relative;display:flex;justify-content:center;margin-bottom:40px;}
.estimate-con-wrap .add-top .btn-back{position:absolute;left:0;top:5px;}

/* 간편견적 달력 */
.calendar-wrap{padding:0 30px;}
.calendar-wrap .move-day-info{display:flex;gap:20px;padding-bottom:5px;border-bottom:1px solid #DFE1E8;color: #687286;font-size: 12px;line-height: 150%;letter-spacing: -0.24px;}
.calendar-wrap .move-day-info >div{display:flex;gap:5px;align-items:center;}
.calendar-wrap .move-day-info .dot{display:inline-block;width: 10px;height: 10px;border-radius:100%;}
.calendar-wrap .move-day-info .dot.orange{background-color: #FD9927;}
.calendar-wrap .move-day-info .dot.blue{background-color: #338DFF;}
.calendar-wrap .move-day-info .dot.gray{background-color: #687286;}
.calendar-wrap .calendar{padding:18px 20px;} 
.calendar-wrap .calendar .month-box{margin-bottom:16px;} 
.calendar .calendar-header{display:flex;margin-bottom: 8px;}
.calendar .calendar-header span{flex:1;color:#687286;font-size:13px;text-align: center;line-height: 16.9px;letter-spacing: -0.26px;}
.calendar .calendar-month{margin-bottom:12px;font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.32px;}
.calendar .calendar-con{margin: 0 0 16px 0;max-height: 549px;overflow-y: auto;scrollbar-width: none;}
.calendar .calendar-con::-webkit-scrollbar{display:none;}
.calendar .calendar-grid{display: grid;grid-template-columns: repeat(7, 1fr);}
.calendar .calendar-grid .day{position:relative;padding:8px 0 7px;text-align:center;border-radius: 4px;height: 36px;}
.calendar .calendar-grid .day.selected{background-color: #D7EAFF;}
.calendar .calendar-grid .day.last{opacity: 0.3;}
.calendar .calendar-grid .day .dot-list{position:absolute;top:8px;left:40px;display:flex;gap:1.14px;}
.calendar .calendar-grid .day .dot{display:block;width:4px;height:4px;border-radius:100%;}
.calendar .calendar-grid .day .dot.orange{background-color:#FD9927;}
.calendar .calendar-grid .day .dot.blue{background-color:#338DFF;}
.calendar .calendar-grid .day .dot.gray{background-color:#687286;}

/* 서비스 개수 선택 */
.counter-col{display:flex;gap:20px;margin-bottom: 12px;}
.counter-box-wrap{flex:1;display:flex;gap:6px;flex-direction:column;align-items:flex-start;max-width: calc((100% - 20px) / 2);}
.counter-box-wrap .counter-title{font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.32px;}
.counter-box-wrap .counter-inp-box{display: flex;align-items: center;border-radius: 4px;border: 1px solid #C3C6CE;width: 100%;justify-content: space-between;}
.counter-box-wrap .counter-inp-box .inp-num{display: flex;align-items:center;padding: 11px 0;color:#35425C;width: 30px;font-size:14px;line-height:21px;letter-spacing: -0.28px;}
.counter-box-wrap .counter-inp-box .inp-num input{width: 20px;border: 0;text-align: center;margin: 0 auto;color:#35425C;font-size:14px;line-height:21px;flex-shrink:0;letter-spacing: -0.28px;}
.counter-box-wrap .counter-inp-box .btn{height: 100%;padding: 14.5px 12px;}

/* 견적신청 완료 */
.estimate-complete{display:flex;flex-direction:column;align-items: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;width:640px;margin:0 auto;}
.estimate-complete img{margin-bottom:30px;}
.estimate-complete .text1{margin-bottom:8px;font-size: 28px;font-weight: 700;line-height: 39.2px;letter-spacing: -0.56px;}
.estimate-complete .text2{margin-bottom:30px;color: #5A6275;line-height: 22.5px;letter-spacing: -0.3px;}
.estimate-complete .text2 strong{font-weight: 500;}
.estimate-complete .btn-row{display:flex;flex-direction:column;align-items: center;gap:20px;width:100%;}
.estimate-complete .review-btn-row{width:500px;margin-top:30px;}
.estimate-complete .review-btn-row .box{display:flex;width: 100%;align-items:center;justify-content:space-between;padding: 16px 24px;border-radius: 6px;border: 1px solid #DFE1E8;background: #FFF;}
.estimate-complete .review-btn-row .box>div{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.estimate-complete .review-btn-row .box small{color:#5A6275;font-size: 13px;line-height: 16.9px;letter-spacing: -0.26px;}
.estimate-complete .review-btn-row .box strong{font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.32px;}
.estimate-complete .review-btn-row .box .btn{width:180px;flex-shrink: 0;}
.estimate-complete a.link-text{margin-top:20px;color:#687286;font-size: 14px;line-height: 21px;letter-spacing: -0.28px;text-decoration:underline;}
.estimate-complete .lf{gap:8px;}
.estimate-complete .btn-cp-row{gap:12px;}
.estimate-complete .box .lf .b-badge{display: flex;padding: 4px 8px;justify-content: center;align-items: center;color: #FFF;border-radius: 50px;background:#338DFF;font-size: 12px;font-weight: 500;line-height: 100%;letter-spacing: -0.24px;}
.estimate-complete .box .lf .s-badge{display: flex;padding: 4px 8px;justify-content: center;align-items: center;color:#07F;border-radius: 50px;background:#D7EAFF;font-size: 12px;font-weight: 500;line-height: 100%;letter-spacing: -0.24px;}
.estimate-complete .btn{width:320px;}



/* ----------------------------------media 1950px-------------------*/
@media (min-width: 1950px) {
.internet-con .sec-04::after{height:226px;}
}