/* ani */
/* fade-in */
@keyframes fadeIn {
  to { opacity: 1; }
}
@keyframes fadeUp {
  to { opacity: 1;transform: translateY(0); }
}
@keyframes fadeLeft {
  to {transform:translateX(0);}
}
@keyframes upDown {
0% {transform: translateY(0);}
50% {transform: translateY(-10px);}
100% {transform: translateY(0);}
}

/* 공통 ani */
.reveal {opacity: 0;transform: translateY(35px);}
.reveal.is-visible {animation: revealUp 0.6s ease-out forwards;}
@keyframes revealUp {
  from {opacity: 0;transform: translateY(35px);}
  to {opacity: 1;transform: translateY(0);}
}

/* section 공통 */
.sec-bg{padding:60px 0;margin:0 !important;background-color:#F6F7F8;}


/* round-tab */
.round-tab{display:flex;flex-wrap: wrap;gap:10px;margin-bottom:24px;}
.round-tab li{}
.round-tab button{display:flex;align-items:center;justify-content:center;height: 36px;padding:7.5px 20px;color: #353849;letter-spacing: -0.28px;background-color: #F6F7F8;line-height: 21px;font-size: 14px;border-radius: 100px;}
.round-tab button.active{background: #35425C;font-weight: 700;color: #FFF;}

/* bor-tab */
.bor-tab{position:relative;display:flex;gap:32px;margin-bottom:24px;width: max-content;overflow-x:hidden;overflow-y:hidden;}
/* .bor-tab::after{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color: #EEF0F4;content:'';} */
.bor-tab li{}
.bor-tab a{position:relative;display:flex;align-items:center;justify-content:center;position:relative; z-index: 2;bottom: -1px;padding:0 0 10px;text-align:center;color:#AAAFBC;font-size: 16px;line-height: 150%;letter-spacing: -0.32px;}
.bor-tab a.active,.bor-tab a:active{color:#353849;font-weight: 700;}
/* .bor-tab a::after{display:block;width:0;height:4px;position:absolute;bottom:0;left:50%;content:'';background:#353849;transition: width .3s ease, left .3s ease;}
.bor-tab a.active::after{left:0;width:100%;transition: width .3s ease, left .3s ease;} */
.bor-tab a::after {content:'';position:absolute;left:0;bottom:0;width:100%;height:4px;background:#353849;transform:scaleX(0);transform-origin:center;transition:transform .3s ease;}
.bor-tab a.active::after {transform:scaleX(1);}

/* 스크롤 tab */
.scroll-tab-box{position:relative;overflow:auto;white-space: nowrap;scrollbar-width: none;}/*기존*/
.scroll-tab-box::after{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color: #EEF0F4;content:'';}

/* .scroll-tab-sticky .scroll-tab-box{ overflow: hidden;white-space: initial;background-color: #fff;} */
.scroll-tab-box::-webkit-scrollbar {display: none; }
.scroll-tab-box .round-tab{padding:0 16px;}
.scroll-tab-box .bor-tab{white-space: nowrap;scrollbar-width: none;width:100%;padding:0 16px;margin:0;overflow-x:auto !important;}
.scroll-tab-box .bor-tab::after{display:none;}
.scroll-tab-box .bor-tab a{padding:10px 0;}

.company-con .scroll-tab-box{margin-bottom: 60px;}

.scroll-tab-sticky{position:sticky;top:58px;z-index:9;background: #fff;}
.scroll-tab-sticky .scroll-tab-mask{overflow: hidden;}
.scroll-tab-sticky .scroll-tab-mask .scroll-tab-box{overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
.scroll-tab-sticky .scroll-tab-mask .scroll-tab-box .bor-tab{width: max-content;}

/* 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:14px;line-height:21px;letter-spacing: -0.28px;}
.col-tb.col-tb-sm th{padding:7.5px 0;font-size: 14px;line-height: 21px;letter-spacing:-0.28px;}
.col-tb.col-tb-sm td{padding:10px;height: auto;text-align:left;font-size:14px;line-height:21px;}
.col-tb.col-tb-sm td.p-sm{padding:10px 3.5px;}

.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:24px;border-top:1px solid #EEF0F4;}
.live-estimate li{display:flex;flex-direction:column;gap:6px;padding:15px 32px;border-bottom:1px solid #EEF0F4;}
.live-estimate .sv-color{display:inline-block;font-weight: 600;line-height: 14px;letter-spacing: -0.3px;}
.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;}http://ygclean2025.msdev.co.kr/mobile/service/internet.jsp
.live-estimate .sv-color-11{color: #FF922E;}
.live-estimate li .date{color: #35425C;font-size: 13px;font-weight: 500;line-height: 150%;letter-spacing: -0.26px;}
.live-estimate li .info{font-size: 13px;letter-spacing: -0.26px;color: #5A6275;}


/* 함께하면 더 좋은 서비스 영역 공통 */
.service-item-sec .top-head-title-l{margin-bottom:28px;}
.service-item{display: grid;grid-template-columns: 1fr 1fr;column-gap: 10px;row-gap: 28px;}
.service-item a{display: flex;justify-content:space-between;align-items: center;padding:16px;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.98);}
.service-item a::after{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:16px;width:18px;height:18px;background: url("../images/sub/icon-service-item-arr.svg")no-repeat;content:'';}
.service-item a span{position:absolute;display:inline-block;text-align:center;border-radius:20px;padding:4px 10px;top:-10px;left:10px;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: 14px;letter-spacing: -0.28px;line-height: 150%;}
.service-item a p strong{line-height: 130%;letter-spacing: -0.42px;}

/* 카드형 공통 */
.bk-card-wrap{display: flex;flex-direction: column;align-items: flex-start;gap: 24px;align-self: stretch;margin-top: 24px;}
.bk-card-wrap .bk-card-top{position:relative;z-index: 1;color: #fff;align-items: flex-start;display: flex;flex-direction: column;margin:0 16px;height: 300px;aspect-ratio: 343 / 300;border-radius: 16px;width: calc(100% - 32px);padding:20px;overflow:hidden;}
.bk-card-wrap .bk-card-top::after{display:inline-block;width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: -1;content:'';}
.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: 14px;font-weight: 500;line-height: 140%;letter-spacing: -0.28px;}
.bk-card-wrap .bk-card-top .text-01{display:inline-block;margin:16px 0 8px;font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.bk-card-wrap .bk-card-top .text-02{font-size: 12px;font-weight: 400;line-height: 120%;}
.bk-card-wrap .bk-card-top .text-info{position:absolute;left:20px;bottom:20px;font-size: 12px;line-height: 120%;}
.bk-card-wrap .bk-card-top .icon-card-arr{position:absolute;top:24px;right:24px;}
.bk-card-wrap .bk-card-list{overflow:visible;width:100%;}
.bk-card-wrap .bk-card-list .swiper{padding:0 16px;}
.bk-card-wrap .swiper.no-gap {padding: 0;}
.bk-card-wrap .bk-card-list .swiper-slide{position:relative;z-index:1;width:260px !important;;border-radius:16px;overflow:hidden;}
.bk-card-wrap .bk-card-list .swiper-slide::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 .swiper-slide .text-box{display:flex;flex-direction:column;align-items:flex-start;width:260px;height:300px;padding:22px;color:#fff;}
.bk-card-wrap .bk-card-list .swiper-slide .sm-title{display: flex;padding: 6px 16px;justify-content: center;align-items: center;font-size: 14px;font-weight: 500;line-height: 140%;letter-spacing: -0.28px;border-radius: 50px;border: 1px solid #FFF;}
.bk-card-wrap .bk-card-list .swiper-slide .text-01{display:inline-block;margin:16px 0 8px;font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.bk-card-wrap .bk-card-list .swiper-slide .text-02{font-size: 14px;line-height: 150%;font-weight:400;letter-spacing: -0.28px;}
.bk-card-wrap .bk-card-list .icon-card-arr{position:absolute;top:20px;right:20px;transition:opacity .3s;}
.bk-card-wrap .bk-card-list .swiper-slide .text-box:active .icon-card-arr{opacity:0.7;}

/* row-2-box */
.articlc-2-bg-wrap{padding:60px 0;margin-bottom:60px;background: #F4F5F6;}
.articlc-2-bg-wrap .row-2-box{display:flex;gap:20px;flex-direction:column;}
.articlc-2-bg-wrap .row-2-box article{position:relative;}
.articlc-2-bg-wrap .row-2-box article::after{display:block;position:absolute;top:0;right:0;width:48px;height:48px;background: url("../images/sub/img-article2-btn.png")no-repeat;content:'';transition:opacity .3s;}
.articlc-2-bg-wrap .row-2-box article:active::after{opacity:0.8;}
.articlc-2-bg-wrap .row-2-box a{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:200px;padding:24px;border-radius: 20px;overflow:hidden;background: #FFF;}
.articlc-2-bg-wrap .row-2-box a::before{position: absolute;top: 0;right: 48px;display:inline-block;width:16px;height:16px;background: url("../images/sub/article-shape-01.png")no-repeat;content:'';}
.articlc-2-bg-wrap .row-2-box a::after{position: absolute;top: 48px;right: 0;display:inline-block;width:16px;height:16px;background: url("../images/sub/article-shape-01.png")no-repeat;content:'';}
.articlc-2-bg-wrap .row-2-box .text{display: flex;flex-direction: column;align-items: flex-start;}
.articlc-2-bg-wrap .row-2-box .sm-title{margin-bottom:4px;color:#35425C;font-size: 14px;line-height: 21px;letter-spacing: -0.28px;}
.articlc-2-bg-wrap .row-2-box .lg-title{color: #35425C;font-size: 20px;font-weight: 700;line-height: 26px;letter-spacing: -0.8px;}
.articlc-2-bg-wrap .row-2-box .btm-text{position:absolute;left:24px;bottom:24px;color:#687286;font-size:12px;line-height:14.4px;}
.articlc-2-bg-wrap .row-2-box .info{color:#687286;font-size: 13px;font-weight: 500;line-height: 17px;letter-spacing: -0.26px;}
.articlc-2-bg-wrap .row-2-box .img-box{display:flex;gap:10px;justify-content:flex-end;align-items:center;}
.articlc-2-bg-wrap .row-2-box .img-box-2 img{max-width: 50%;}


/* live 견적 스와이퍼 공통 */
.live-swiper{display: flex;align-items: center;width: 100%;gap:16px;padding: 40px 0 16px 16px;}
.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}

/* 하단 무료견적 공통 */
.free-estimate-sec{padding:60px 0;margin:0 !important;background-color: #E4F1FF;text-align:center;}
.free-estimate-sec .text1{display:block;margin-bottom:4px;font-size:26px;font-weight: 700;letter-spacing: -0.78px;line-height:33.8px;}
.free-estimate-sec .text2{font-size: 18px;line-height:25.2px;letter-spacing: -0.36px;}
.free-estimate-sec button{width:100%;margin:32px auto 0;}

/* 서비스 메인 top 공통 */
.sub-main-top >.container{position:relative;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 4px;height:200px;padding:40px 16px;}
.sub-main-top .text1{font-size: 14px;line-height: 140%;letter-spacing: -0.28px;}
.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:-15px;bottom: 12px;opacity:0;display:block;width:126px;height:123px;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);
  }
}

/* accordion toggle 공통*/
.accordion-sec > .container{position:relative;}
.accordion-sec .top-head-title-l{margin-bottom:16px;}
.accordion-sec .contract-info{display:flex;gap:8px;margin-bottom: 16px;flex-direction:column;padding:12px;border-radius: 4px;border: 1px solid #DFE1E8;color:#687286;font-size: 14px;line-height: 21px;}
.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: 2.5px;height: 2.5px;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:20px 0;color:#35425C;font-size: 16px;line-height:24px;letter-spacing: -0.32px;}
.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: 90%;}
.accordion-list .accordion-content{padding:0 20px 30px;color:#8C92A4;font-size:16px;line-height:24px;letter-spacing: -0.32px;}
.accordion-list .accordion-content .num-list{display:flex;flex-direction:column;gap:8px;}
.accordion-list .accordion-content p+.num-list{margin:12px 0 0;}
.accordion-list .accordion-content .num-list li{margin-left: 15px;text-indent: -15px;}
.accordion-list .accordion-content .bg-box{margin:12px 0 0 -15px;padding:12px;font-size:16px;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: 14px;text-indent: -14px;}
.accordion-list .accordion-content .num-list .m-12{margin:12px 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;}

/* reveiw section 공통 */
section .review-top-title{display: flex;margin-bottom:34px;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;font-size: 16px;letter-spacing: -0.32px;color: #5A6275;}
section .review-num{font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
/* section .review-list .text-box {width: calc(100% - 120px);} */
section .review-list .text.ellipsis-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 1px;overflow: hidden;font-size: 13px;letter-spacing: -0.26px;text-overflow: initial;white-space: normal;line-height: 19.5px;color:#5A6275;}
/* section .review-list .img{width: 100px;height: 90px;} */
.review-sec-bg{padding: 40px 0;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 20px;padding: 8px 16px;justify-content: center;align-items: center;border-radius: 50px;background: #338DFF;color: #FFF;font-size: 14px;font-weight: 700;line-height: 130%;letter-spacing: -0.28px;}
.review-swiper .swiper-slide{width:210px;}
.review-swiper .swiper-slide .img{width:210px;overflow:hidden;border-radius:8px;}
.review-swiper .swiper-slide .img img{transition:transform .3s;}
.review-swiper .swiper-slide a:active .img img{transform:scale(1.12);}

/* 그라데이션 ani 공통*/
.gra-ani-sec >.container{display:flex;flex-direction:column;gap:16px;}
.gra-ani-sec .gr-box{position:relative;height: 228px;width:100%;max-width: 480px;margin: 0 auto; }
.gra-ani-sec .gr-box >svg{width:100%;height:100%;}
.gra-ani-sec .gr-box .text-box{position: absolute;top:0;left:0;display:flex;padding: 24px 20px;align-items: flex-start;flex-direction: column;justify-content: space-between;width: 100%;height:100%;}
.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: 16px;line-height: 130%;letter-spacing: -0.48px;}
.gra-ani-sec .gr-box .text-box strong{font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.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%;transition:transform .3s;}
.gra-ani-sec .gr-box .text-box .btn-primary:active{transform:translateY(-5px);}
.gra-ani-sec .gr-box .text-box .chk-list{display: flex;align-items: center;gap:6px;width: 100%;flex-wrap: wrap;justify-content: flex-start;}
.gra-ani-sec .gr-box .text-box .chk-list span{display:flex;align-items:center;gap:4px;font-size:12px;line-height:120%;color:#338DFF;}

/* 추천 영역 공통 */
.recom-item-box{display: flex;flex-direction:column;gap: 10px;}
.recom-item-box li{display: flex;gap:20px;min-height:140px;padding: 24px 20px;border-radius:8px;align-items: center;}
.recom-item-box li:nth-child(1),.recom-item-box li:nth-child(3){background: #E0F0FF;}
.recom-item-box li:nth-child(2),.recom-item-box li:nth-child(4){background: #F6F7F8;}
.recom-item-box li .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color: #fff;width: 80px;height: 80px;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.28px;font-size: 14px;line-height:21px;}
.recom-item-box li div strong{font-size: 16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}

/* 서비스 전문가 공통 */
.standard-sec{padding:60px 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;font-size:14px;line-height:19.6px;letter-spacing: -0.28px;border-radius: 50px;background:#338DFF;}
.standard-sec .standard-swiper{ overflow: visible;margin-top: 28px;}
.standard-sec .standard-swiper li{display: flex;width: 260px;height:300px;gap:40px;padding: 40px;flex-direction: column;justify-content: center;align-items: center;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-swiper li strong{width:100%;font-size: 18px;font-weight: 700;line-height: 25.2px;letter-spacing: -0.36px;text-align:center;}
.standard-sec .standard-swiper li .icon{position:relative;display:block;width:150px;height:150px;border-radius:100%;background-color: #E3F1FF;}
.standard-sec .standard-swiper li .icon i{position: absolute;left:0;bottom:0;}
.standard-sec .standard-swiper li.car .icon i{position: absolute;right:0;bottom:0;left:auto;}

/* 체계적인 과정 공통 */
.system-list-wrap{display: flex;flex-direction: column;align-items: flex-start;gap: 48px;}
.system-list{display: flex;flex-direction: column;gap: 24px;width: 100%;}
.system-list .system-view-box{position:relative;overflow:hidden;width: 100%;height: 260px;border-radius: 16px;}
.system-list .system-view-toggle{position:relative;z-index:1;display: flex;width: 100%;height: 100%;padding: 40px 20px;overflow:hidden;flex-direction: column;align-items: center;justify-content:center;gap: 16px;transition:.3s;cursor: pointer;}
.system-list .system-view-toggle::before{position: absolute;top: 0;left: 0;z-index: -1;display:block;width:100%;height:100%;content:'';transition: transform .3s, filter .3s;}
.system-list .system-view-toggle.active::before{transform:scale(1.05);filter:blur(4px);}
.system-list .system-view-toggle h3{color: #FFF;font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.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 .hide{opacity:1;transition:.3s;}
.system-list .system-view-toggle:active a{opacity:.7;}
.system-list .system-view-toggle.active .hide{opacity:0;transition:.3s;}
.system-list .system-view{display:grid;gap:20px;grid-template-columns: 1fr 1fr;visibility: hidden;position:absolute;top: 0;left: 0;width:100%;height:100%;padding: 40px 20px;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: 14px;letter-spacing: -0.28px;}
.system-list .system-view ul li{line-height: 21px;display: flex;align-items: center;gap: 8px;}
.system-list .system-view ul li::before{display:inline-block;margin-left: 8px;width:3px;height:3px;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: 100%;}
.system-list .system-swiper .swiper{overflow: visible;}
.system-list .system-swiper .swiper-slide{width:260px !important;aspect-ratio: 260 / 180;}
.system-list .system-swiper .swiper-slide img{width:100%;height:100%;}

/* 서비스안내 공통 */
.step-service-sec{padding:60px 0;background: #556579;}
.step-service-sec h2{color:#fff;}
.step-service-sec .step-list{display:flex;flex-direction:column;gap: 10px;}
.step-service-sec .step-list li{position:relative;gap: 24px;display: flex;justify-content: space-between;border-radius: 8px;padding: 20px;background: #FFF;flex-direction: column;align-items: flex-start;}
.step-service-sec .step-list li::after{display:inline-block;position:absolute;top:20px;right:20px;content:'';}
.step-service-sec .step-list .step-01::after{width:49px;height:52px;background: url("../images/sub/icon-home-step-01.png");}
.step-service-sec .step-list .step-02::after{width:52px;height:52px;background: url("../images/sub/icon-home-step-02.png");}
.step-service-sec .step-list .step-03::after{width:43px;height:52px;background: url("../images/sub/icon-home-step-03.png");}
.step-service-sec .step-list .step-04::after{width:52px;height:52px;background: url("../images/sub/icon-home-step-04.png");}
.step-service-sec .step-list .step-05::after{width:52px;height:39px;background: url("../images/sub/icon-home-step-05.png");}
.step-service-sec .step-list .step-06::after{width:52px;height:52px;background: url("../images/sub/icon-home-step-06.png");}
.step-service-sec .step-list li .num{display: flex;padding: 8px 12px;justify-content: center;align-items: center;gap: 10px;border-radius:50px;background-color: #8FA6C6;color: #FFF;font-size: 12px;font-weight: 700;line-height: 12px;letter-spacing: -0.24px;}
.step-service-sec .step-list li h3{margin-bottom:4px;font-size: 16px;font-weight: 700;line-height: 20.8px;letter-spacing: -0.48px;}
.step-service-sec .step-list li p{color:#5A6275;letter-spacing: -0.28px;font-size:14px;line-height:21px;}

/* esg 베너 공통 */
.esg-sec{}
.esg-sec .container{display:flex;flex-direction:column;overflow:hidden;}
.esg-sec .container .bg-text{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding: 24px;border-radius:16px 16px 0 0;background-color: #234D82;}
.esg-sec .container .bg-text .text1{color: #FFF;font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.esg-sec .container .bg-text .text2{margin:8px 0 20px;color: #FFF;font-size: 15px;font-weight: 500;letter-spacing: -0.3px;}
.esg-sec .container .bg-text .btn-link{display:flex;align-items:center;padding: 6px 14px;gap:8px;border-radius: 50px;background: #FFF;color: #234D82;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;transition:opacity .3s;}
.esg-sec .container .bg-text .btn-link:active{opacity:0.7;}
.esg-sec .container img{border-radius:0 0 16px 16px;}

/* 중간베너 -swiper*/
.mid-swiper >.container {position: relative;}
.mid-swiper .swiper-slide img{width:100%;}
.mid-swiper .swiper a{position:relative;display:flex;flex-direction:column;gap:4px;height:240px;overflow:hidden;color:#fff;padding:24px;border-radius: 8px;}
.mid-swiper .swiper .text1{font-size: 14px;font-weight: 500;letter-spacing: -0.28px;}
.mid-swiper .swiper .text2{font-size: 18px;font-weight: 700;line-height: 130%;letter-spacing: -0.72px;}
.mid-swiper .swiper .text3{font-size: 12px;font-weight: 500;line-height: 100%;letter-spacing: -0.24px;}

/* 중간베너 */
.mid-banner{position:relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: 4px;width: 100%;padding: 20px;/* overflow:hidden; */color:#fff;border-radius: 12px;}
.mid-banner .text-01{font-size: 12px;line-height: 16px;letter-spacing: -0.28px;font-weight:500;}
.mid-banner .text-02{font-size: 16px;font-weight: 700;line-height: 20.8px;letter-spacing: -0.48px;}
.mid-banner .text-03{font-size: 10px;line-height: 18px;letter-spacing: -0.28px;font-weight:400;}

/* 이사 메인 */
.service-move-wrap section{margin:0 0 60px;}
.service-move-wrap .quick-box li{width: calc(100% / 4);}
.sub-main-top-move >.container{background: linear-gradient(118deg, #D9EFFF 60.74%, #CFCFFF 100%);}
.sub-main-top-move .ani-img-01{position:absolute;z-index:2;bottom:-15px;right:56px;opacity:0;width:95px;height:160px;background: url("../images/sub/img-move-top-01.png")no-repeat;animation: serviceTopAni .5s forwards;background-size: cover;}
.move-con .bk-card-top{height: 240px;aspect-ratio: 343 / 240;}
.move-con .bk-card-top::after{background: url("../images/sub/bg-move-card-01.png")no-repeat;background-size: cover;}
.move-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-move-card-02.png")no-repeat;}
.move-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-move-card-03.png")no-repeat;}
.move-con .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-move-card-04.png")no-repeat;}
.move-con .mid-swiper .move-ban-01 a{background-color: #FFA412;}
.move-con .mid-swiper .move-ban-01 a::after{position:absolute;bottom:24px;right:24px;width:90px;height:100px;background:url("../images/sub/icon-move-ban-01.png")no-repeat;content:'';animation: aniFloat 1.85s ease-in-out infinite alternate;}
.move-con .mid-swiper .move-ban-02 a{background-color: #156D3A;}
.move-con .mid-swiper .move-ban-02 a::after{position:absolute;bottom:24px;right:24px;width:133px;height:100px;background:url("../images/sub/icon-move-ban-02.png")no-repeat;content:'';animation: aniFloat 1.85s ease-in-out infinite alternate;}


/* 서브비주얼 공통 */
.sub-visual{position:relative;z-index:1;height:320px;margin-bottom:60px;overflow:hidden;}
.sub-visual >.container{display: flex;padding-top: 50px;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;font-size: 14px;line-height: 19.6px;font-weight:500;letter-spacing: -0.28px;border-radius: 50px;background: #FFF}
.sub-visual .text-box .text-01{margin-bottom:8px;color:#5A6275;font-weight: 500;font-size: 14px;line-height: 19.6px;letter-spacing: -0.28px;}
.sub-visual .text-box .text-02{margin:0 0 20px;font-size: 26px;font-weight: 700;line-height: 33.8px;letter-spacing: -0.78px;}
.sub-visual .text-box .btn{min-width: 127px;padding: 0px 13px;}

/* 이사 서브 탑 공통 */
.sub-visual-move::after{position:absolute;z-index:-1;top:0;left:0;right:0;display:block;width:100%;height:320px;content:'';background:url("../images/sub/bg-sub-visual-move.png")no-repeat 100% 50%;background-size: cover;}
.sub-visual-move .img-car{position:absolute;width:266px;height:159px;background: url("../images/sub/img-subvisual-car.png")no-repeat;background-size: contain;right: -65.42px;bottom: 19.58px;transform: translateX(120vw) translateY(-80px);}
.sub-visual-move .img-car.drive{animation: fadeIn 0.6s ease-out forwards, moveCarAni 1.2s ease-out forwards; }
.sub-visual-move .img-car span{position:absolute;bottom:108px;right: 232px; opacity:0;width:21px;height:23px;background: url("../images/sub/img-subvisual-twinkle.png")no-repeat;animation: CleanTwinkleAni 1s 1.8s ease-in-out infinite;}
/* 차 움직임 */
/*@keyframes moveCarAni {
	0% {right: -80%;bottom: 100px;transform: rotate(0deg);}
  100% {right: -65.42px;bottom: 19.58px;transform: rotate(0deg);}
}*/
@keyframes moveCarAni {
 to {transform: translateX(0) translateY(0);}
}
/* 반짝임  */
@keyframes CleanTwinkleAni {
	0% {transform:scale(.85);opacity:1;}
	50% {transform:scale(1);opacity:1;}
	100% {transform: scale(1.2);opacity:1;}
}

/* 이사 - 가정이사 */
.home-con{}
.home-con .bk-card-top::after{background: url("../images/sub/bg-pack-card-01.png")no-repeat;background-size: cover;}
.home-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-pack-card-02.png")no-repeat;}
.home-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-pack-card-03.png")no-repeat;}
.home-con .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-pack-card-04.png")no-repeat;}

.home-mid-banner{height:118px;background: linear-gradient(90deg, #5691FF 40%, #0056C7 100%);z-index:1;color:#fff;}
.home-mid-banner::after{display:block;position:absolute;bottom:20px;right:20px;z-index: -1;width:123px;height:78px;background: url("../images/sub/icon-home-mid-banner.png")no-repeat;content:'';animation: aniFloat 1.85s ease-in-out infinite alternate;}

.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:410px;margin:0;}
.sub-visual-compare >.container{padding:40px 0;}
.sub-visual-compare >.container .text-box{width: 100%;align-items: center;justify-content: flex-end;text-align: center;}
.sub-visual-compare .top-badge{position: absolute;top: 37px;}
.sub-visual-compare .top-badge::after{display:block;position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:14px;height:7px;background: url("../images/sub/icon-move-cp-polygon.png");content:'';}
.sub-visual-compare >.container .text-box .btn{width:132px;}
.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%;background-size: cover;}
.sub-visual-compare .img-car{opacity:0;left:50%;transform: translate(300px, -30px);animation: moveCarAni2 1.2s ease-out forwards;}
.sub-visual-compare .img-car1{position:absolute;width:150px;height:93px;background: url("../images/sub/img-subvisual-compare-car-01.png")no-repeat;margin-left:-112px;top:90px;}
.sub-visual-compare .img-car2{position:absolute;width:178px;height:111px;background: url("../images/sub/img-subvisual-compare-car-02.png")no-repeat;margin-left:-71px;top:113px;animation-delay: 0.5s;}
.sub-visual-compare .img-car3{position:absolute;width:180px;height:110px;background: url("../images/sub/img-subvisual-compare-car-03.png")no-repeat;margin-left:-9px;top:136px;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 .top-badge{animation: aniFloat 1s 2s ease-in-out infinite alternate;}

/* @keyframes moveCarAni2 {
  0% {opacity: 0;transform: translateX(300px);}
  100% {opacity: 1;transform: translateX(0); }
} */

/* 비교견적 차 움직임 */
@keyframes moveCarAni2 {
  from {opacity: 0;transform: translate(300px, -30px);}
  to {opacity: 1;transform: translate(0, 0);}
}

.compare-con .sec-01{padding:60px 0;color:#fff;width: 100%;background: linear-gradient(0deg, #6C99C2 0%, #6C99C2 100%), url("../images/sub/bg-compare-sec01.png")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: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.compare-con .sec-01 .calc-text{display:flex;flex-direction:column;gap:16px;margin:40px 0;align-items:center;justify-content:center;}
.compare-con .sec-01 .calc-text>div{display: flex;gap: 10px;align-items: center;}
.compare-con .sec-01 .calc-text span{display: flex;padding: 8px 16px;justify-content: center;align-items: center;color:#07F;font-size:14px;font-weight: 500;line-height: 120%;letter-spacing: -0.28px;background: #FFF;border-radius: 32.222px;;}
.compare-con .sec-01 .calc-text strong{letter-spacing: -0.42px;font-weight: 700;}
.compare-con .sec-01 .text-01{margin-bottom:12px;font-size:16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}
.compare-con .sec-01 .text-02{font-size: 14px;letter-spacing: -0.28px;}
.compare-con .sec-02 .verify-list{}
.compare-con .sec-02 .verify-list li{width:260px;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: 16px;font-weight:700;line-height: 130%;letter-spacing: -0.48px;border-radius: 50px;background-color: #338DFF;color:#fff;}
.compare-con .sec-02 .verify-list h3{margin:16px 0 4px;font-size: 16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}
.compare-con .sec-02 .verify-list p{margin-bottom:24px;color:#5A6275;font-size:14px;letter-spacing: -0.28px;}
.compare-con .sec-02 .verify-list .img{border-radius: 100%;display: flex;align-items: center;justify-content: center;width: 100px;height: 100px;aspect-ratio: 1/1;background-color: #fff;}

.triangle-wrap{position:relative;padding:20px;border-radius: 12px;background: #F6F7F8;}
.triangle-wrap .tri-title{display:flex;flex-direction:column;gap:2px;margin-bottom:24px;color: #687286;font-size: 16px;line-height: 140%;letter-spacing: -0.36px;}
.triangle-wrap .tri-title strong{color: #07F;font-size: 18px;font-weight: 700;}
.triangle-wrap .triangle-container{position:relative;display: flex;align-items: center;gap: 3px;justify-content: space-between;}
.sec-active .triangle-wrap .triangle{opacity: 0;animation: fadeIn 0.85s ease-in-out forwards;}
.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-05-wrap{position:relative;width:100%;}
.triangle-wrap .triangle-05-wrap .triangle-05{display: block;width:100%;height: auto;}
.triangle-wrap .triangle-05-wrap .bubble{position: absolute;right: 0;top: -43px;width: 86.925px;height: 29.41px;background: #fff;color: #07F;border-radius: 14.7px;font-size: clamp(7px, 2.66vw, 10px);font-weight: 700;text-align: center;line-height: 1.3;display: flex;justify-content: center;align-items: center;filter: drop-shadow(0 0 3.085px rgba(0,0,0,0.1));}
.triangle-wrap .triangle-05-wrap .bubble::after{display:block;position:absolute;left:38px;bottom:-6px;width:9px;height:11px;background: url("../images/sub/icon-bubble-polygon.png")no-repeat;content:'';}
.sec-active .triangle-wrap .triangle-05-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:60px 0 0;background: #FFFCE9;overflow:hidden;}
.compare-con .sec-04 >.container{display:flex;flex-direction:column;gap:24px;}
.compare-con .sec-04 .text-box{display:flex;flex-direction:column;gap:15px;opacity: 0;}
.compare-con .sec-04.sec-active .text-box{animation: fadeIn 1s ease 0.3s 1 forwards;}
.compare-con .sec-04 .text-box .title{font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.compare-con .sec-04 .text-box .text{color:#5A6275;font-size: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.compare-con .sec-04 .img-box{display: flex;justify-content: center;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;row-gap:10px;column-gap:6.5px;}
.compare-con .compare-service li{display:flex;flex-direction:column;gap:4px;position:relative;padding:20px;border-radius:12px;}
.compare-con .compare-service li::after{display:inline-block;position:absolute;right:20px;bottom:20px;content:'';}
.compare-con .compare-service li h3{font-size:16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.compare-con .compare-service li strong{font-size: 20px;font-weight: 700;line-height: 130%; letter-spacing: -0.8px;}
.compare-con .compare-service .compare-sv-01{width:100%;height: 240px;background-color: #338DFF;color:#F6F7F8;}
.compare-con .compare-service .compare-sv-01::after{width:186px;height:137px;background: url("../images/sub/icon-compare-service-01.png")no-repeat;}
.compare-con .compare-service .compare-sv-02{width:100%;height: 160px;background-color: #F6F7F8;}
.compare-con .compare-service .compare-sv-02::after{width: 80px;height: 80px;background: url("../images/sub/icon-compare-service-02.png")no-repeat;}
.compare-con .compare-service .compare-sv-03{width:calc((100% - 13px) / 3);height: 88px;text-align: center;background-color: #F6F7F8;}
.compare-con .compare-service .compare-sv-04{width:calc((100% - 13px) / 3);height: 88px;text-align: center;background-color: #E9ECFF;}
.compare-con .compare-service .compare-sv-05{width:calc((100% - 13px) / 3);height: 88px;text-align: center;background-color: #7A7CFF;color:#F6F7F8;}
.compare-con .mpsubtit{font-size:10px;text-align:right;width:100%;color:var(--color-gray-600);margin-top:6px;}

.compare-con .sec-06 .btn-outline-secondary.btn-all{width:calc(100% - 32px);margin:40px 16px 0;}
.compare-con .review2-swiper {margin:40px 0 0;}
.compare-con .review2-swiper .swiper-slide .text-box{display: flex;flex-direction: column;gap: 10px;}

.compare-con .news-wrap{margin:0;padding:60px 0;background: url("../images/sub/bg-compare-news.png")no-repeat;background-size: cover;}
.compare-con .news-wrap >.container{position:relative;overflow:hidden;}
.compare-con .news-wrap .title{opacity:0;color: #FFF;text-align: center;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.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:23px;content:'';background-color: #338DFF;}
.compare-con .news-wrap.sec-active .highlight::before{width:239px;}
.compare-con .news-wrap .news-list {display:flex;justify-content:center;opacity:0;transform:translateY(100%);margin-top:40px;}
.compare-con .news-wrap.sec-active .news-list{animation: fadeUp 1s ease .85s forwards;}

.compare-con .sec-08{padding:60px 0;background: linear-gradient(180deg, rgba(235, 246, 255, 0.70) 30%, rgba(235, 246, 255, 0.30) 100%);}
.compare-con .sec-08 >.container{display:flex;flex-direction:column;gap:60px;overflow:hidden;}
.compare-con .sec-08 .compare-item{display:flex;flex-direction:column;gap:20px;}
.compare-con .sec-08 .compare-item .top-head-title-l{margin:0;}

.compare-con .sec-08 .compare-item .text-ani{flex-shrink: 0;/* transform: translateX(-100%); */}
/* .compare-con .sec-08 .art-active .text-ani{animation: fadeLeft 1s ease forwards;} */
.compare-con .sec-08 .compare-item .chk-text{display:flex;align-items:center;gap:10px;font-size: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.compare-con .sec-08 .compare-item .chk-text+.chk-text{margin:16px 0 0;}
/* .compare-con .sec-08 .compare-item .compare-item-con{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:260px;text-align: center;background: #338DFF;}
.compare-con .sec-08 .compare-item-01 .compare-item-con::after{position: absolute;bottom: 0;width: 100%;height: 199px;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; */box-shadow: 0 0 7.454px 0 rgba(94, 120, 154, 0.50);border-radius: 100%;}
/* .compare-con .sec-08.sec-active .compare-item-01 .ani-img-box img{animation: fadeIn 1s ease forwards;} */
.compare-con .sec-08.sec-active .compare-item-01 .ani-img-box img:nth-child(1){transform:translateY(-51.99px);animation-delay:.3s;}
.compare-con .sec-08.sec-active .compare-item-01 .ani-img-box img:nth-child(2){transform:translateY(-22.28px);animation-delay:.35s;}
.compare-con .sec-08.sec-active .compare-item-01 .ani-img-box img:nth-child(3){animation-delay:.4s;}
.compare-con .sec-08.sec-active .compare-item-01 .ani-img-box img:nth-child(4){transform:translateY(-22.28px);animation-delay:.45s;}
.compare-con .sec-08.sec-active .compare-item-01 .ani-img-box img:nth-child(5){transform:translateY(-51.99px);animation-delay:.5s;}

.compare-con .sec-08 .compare-item-02 .compare-item-con{position:relative;}
.compare-con .sec-08 .compare-item-02 h3{text-align:center;color: #FFF;font-size: 14.863px;font-weight: 700;line-height: 130%;letter-spacing: -0.446px;}
.compare-con .sec-08 .compare-item-02 .g-item{width: 43.34%;transform: translateY(17.08px);background: #AAAFBC;border-radius:9.147px 0 0 9.147px;overflow:hidden;border: 2.287px solid #AAAFBC;border-right: 0;}
.compare-con .sec-08 .compare-item-02 .g-item h3{padding:11.433px 0;background:#AAAFBC;}
.compare-con .sec-08 .compare-item-02 .g-item ul{padding:0 11.433px;background-color: #fff;color:#5A6275;text-align:center;font-size: 12.577px;font-weight: 500;line-height: 130%;letter-spacing: -0.377px;}
.compare-con .sec-08 .compare-item-02 .g-item ul li{padding:11.433px;border-bottom:0.572px 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{width: 56.66%; background: #338DFF;position: absolute;border-radius: 9.147px;border: 3.43px 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{padding: 13.72px 0;background-color: #338DFF;}
.compare-con .sec-08 .compare-item-02 .b-item ul{padding: 0 17.15px;text-align: center;background-color: #fff;}
.compare-con .sec-08 .compare-item-02 .b-item li{color: #005BFF;font-weight: 700;border-bottom:0.572px solid #A7D3FF;line-height: 140%;letter-spacing:-0.274px;padding: 13.72px 0;font-size: 13.72px;}
.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:18.87px;position: absolute;top:71px;left: 50%;transform: translateX(-11vw);}
.compare-con .sec-08 .compare-item-02 .label-box span{display:flex;align-items:center;justify-content:center;width:45.733px;height:20.58px;text-align:center;border-radius: 28.583px;;color:#fff;font-size: 9.147px;font-weight: 500;letter-spacing:-0.183px;background: #338DFF;}

.compare-con .sec-08 .compare-item-03 .compare-item-con{position:relative;display:flex;gap:17.15px;}
.compare-con .sec-08 .compare-item-03 .compare-item-con::after{position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;width:69px;height:50px;background: url("../images/sub/img-compare-vs.svg")no-repeat;content:'';}
.compare-con .sec-08 .compare-item-03 .box-item{flex:1;border-radius: 9.147px;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:11.43px 0;font-size: 13.72px;font-weight: 700;line-height: 140%;letter-spacing: -0.274px;color:#fff;}
.compare-con .sec-08 .compare-item-03 p{display:flex;align-items:center;justify-content:center;height:114.333px;font-size: 12.577px;font-weight: 700;line-height: 130%;letter-spacing: -0.252px;}
.compare-con .sec-08 .compare-item-03 .b-item{border:1.715px 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:1.715px 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:20px;/* transform:translateY(100%); */color:#35425C;border-bottom:1px solid #C3C6CE;}
/* .compare-con .sec-08 .art-active .bl-tb{animation: fadeUp 1s ease forwards;} */
.compare-con .sec-08 .compare-item .bl-tb thead{padding:11px;border-top:2px solid #C3C6CE;background-color: #EBF6FF;border-bottom:1px solid #DFE1E8;color:#35425C;font-size:12px;line-height:700;line-height:150%;letter-spacing: -0.24px;}
.compare-con .sec-08 .compare-item .bl-tb tr{height:52px;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:8px 10px;font-size:12px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;background-color: #fff;text-align:center;color:#687286;}
.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 .bk-card-top::after{background: url("../images/sub/bg-storage-card-01.png")no-repeat;background-size: cover;}
.storage-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-storage-card-02.png")no-repeat;}
.storage-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-storage-card-03.png")no-repeat;}
.storage-con .bor-tab{display:flex;margin-bottom:24px;gap: 32px;width: 100%;padding: 0 16px;border-bottom:1px solid #DFE1E8;}
.storage-con .bor-tab button{position:relative;display:flex;align-items:center;justify-content:center;padding-bottom: 6px;text-align:center;color:#AAAFBC;font-size: 16px;font-weight:500;line-height: 150%;}
.storage-con .bor-tab button.active,.storage-con .bor-tab button:active{color:#353849;font-weight: 700;}
.storage-con .bor-tab button::after{display:block;width:0;height:4px;position:absolute;bottom:0;left:50%;content:'';background:#353849;transition:left .3s, width .3s;}
.storage-con .bor-tab button.active::after,.storage-con .bor-tab button:active::after{left:0;width:100%;}


.storage-con .tab-con-box{}
.storage-con .tab-con-box img{width:100%;}
.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 .bk-card-top::after{background: url("../images/sub/bg-room-card-01.png")no-repeat;background-size: cover;}
.room-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-room-card-02.png")no-repeat;}
.room-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-room-card-03.png")no-repeat;}
.room-con .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-room-card-04.png")no-repeat;}

.room-mid-banner{height:118px;background: linear-gradient(90deg, #9456FF 40%, #5300C7 100%);}
.room-mid-banner::after{display:block;position:absolute;bottom:20px;right:20px;width:123px;height:78px;background: url("../images/sub/icon-room-mid-banner.png")no-repeat;content:'';animation: aniFloat 1.85s ease-in-out infinite alternate;}

.room-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;}
.room-con .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-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;}

/* 이사 - 프리미엄 */
.move-premium-con{}
.move-premium-con .top-text {margin-bottom:20px;}
.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: 20px;font-weight: 700;line-height: 26px;letter-spacing: -0.8px;}
.move-premium-con .pre-l-text{margin-top:20px;text-align: center;font-size: 14px;line-height: 21px;letter-spacing: -0.28px;color:#5A6275;}
.move-premium-con .sec-01{padding:138px 0 80px;margin:0;background:url("../images/sub/bg-move-p-sec01.png")no-repeat 50% 0;background-size: cover;}
.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: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;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;justify-content: center;align-items: center;margin-top: 6px;color: #fff;font-weight:700;font-size: 26px;line-height: 130%;letter-spacing: -0.78px;}
.move-premium-con .sec-01 .top-text .bg-title strong{font-weight: 700;}
.move-premium-con .sec-01 .top-text .btn{margin-top:30px;width:127px;background: #fff;color: #1A3361;}
.move-premium-con .sec-01 .top-text .btn:active{background-color:#EBF6FF}
.move-premium-con .sec-01 .warning-info{display: flex;flex-direction:column;color:#fff;text-align:center;margin:80px 0 40px;padding:18.5px 40px;justify-content: center;align-items: center;font-size: 14px;line-height:21px;letter-spacing: -0.28px;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:40px 0 20px;}
.move-premium-con .sec-01 .grade-text-box .text1{margin-bottom: 10px;color: rgba(255, 255, 255, 0.70);font-size: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.move-premium-con .sec-01 .grade-text-box .text2{color: #FFF;text-align: center;font-size: 16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}
.move-premium-con .sec-01 .tooltip-label{position:relative;display:inline-flex;padding: 4px 12px;margin-bottom: 20px;justify-content: center;align-items: center;gap: 4px;border-radius: 4px;font-size: 14px;background: #D7EAFF;color: #1C4889;font-weight: 500;line-height: 140%;letter-spacing: -0.28px;}
.move-premium-con .sec-01 .btn-tooltip{display: inline-flex;}
.move-premium-con .sec-01 .tooltip-box{position:absolute;bottom: 35px;left:50%;transform: translate(-50%,-5px);display:flex;flex-direction:column;align-items: flex-start;gap: 4px;opacity:0;padding: 10px;justify-content: center;width:244px;border-radius: 6px;background:#35425C;font-size: 12px;color:#fff;transition:.3s;letter-spacing: -0.24px;}
.move-premium-con .sec-01 .tooltip-box::after{position:absolute;bottom:-8px;right:54px;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:translate(-50%, 0);}
.move-premium-con .sec-01 .grade-select{display:flex;gap:10px;margin-bottom:20px;justify-content: center;}
.move-premium-con .sec-01 .grade-select li{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 16px;border-radius: 8px;background: linear-gradient(141deg, #09264F -23.48%, #061F3F -0.82%, #09254F 70.93%)}
.move-premium-con .sec-01 .grade-select .title{display: flex;padding: 4px 12px;justify-content: center;align-items: center;text-align: center;color:#0E1495;border-radius: 50px;background: #FFF;font-size: 12px;font-weight: 500;line-height: 13px;letter-spacing: -0.24px;}
.move-premium-con .sec-01 .grade-select .text{color: #FFF;text-shadow: 0 0 20px #4B8EE3;font-size: 16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}
.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 .grade-border{width: 107px;
  height: 89px;z-index: 1;
  flex-shrink: 0;aspect-ratio: 107 / 89;display: block;}

.move-premium-con .sec-02{padding:80px 0;margin:0;background: linear-gradient(180deg, #17284C 80%, #111F3C 100%);}
.move-premium-con .sec-02 .top-text{margin-bottom:50px;}
.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{margin-top:8px;color:#FFF;}
.move-premium-con .sec-02 .ani-box-wrap{position:relative;padding: 40px 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: 42px;width:100%;height: 36px;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;;row-gap: 6.23px;flex-wrap: wrap;justify-content: space-between;}
.move-premium-con .sec-02 .ani-box-wrap .ani-car {width:calc(100% / 20);}
.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;align-items: center;position:absolute;overflow:hidden;top:50%;left:50%;color: #FFF;font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px; 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: 13px;height: 26px;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:130%;;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: 26px; font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;text-align: center;}

.move-premium-con .sec-02 .key-item-box{text-align: center;}
.move-premium-con .sec-02 .key-item-title{display: inline-flex;padding:2px;margin-bottom:20px;border-radius: 50px;background: linear-gradient(90deg, #04080F, #2F4981);color:#fff;font-size: 14px;font-weight: 700;line-height: 130%;letter-spacing: -0.28px;}
.move-premium-con .sec-02 .key-item-title span{display:inline-block;width: 100%;padding: 10px 30px;background: #0D182F;border-radius: 50px;}
.move-premium-con .sec-02 .key-item-list{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;justify-content:space-between;row-gap:12px;}
.move-premium-con .sec-02 .key-item-list li{display:flex;flex-direction:column;gap:5px;align-items:center;font-size:12px;letter-spacing: -0.24px;color:#fff;}
.move-premium-con .sec-02 .key-item-list li .icon{display:flex;align-items:center;justify-content:center;width: 47px;height: 47px;border-radius:100%;background-color: rgba(255, 255, 255, 0.10);}
.move-premium-con .sec-03{padding:60px 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 .pre-l-text{margin-top:8px;}
.move-premium-con .sec-03 .item-list{display:flex;flex-direction:column;gap:20px;}
.move-premium-con .sec-03 .item-list li{display:flex;flex-direction: column;border-radius:16px;overflow:hidden;}
.move-premium-con .sec-03 .item-list li img{width: 100%;}
.move-premium-con .sec-03 .item-list li .text{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px;height:140px;padding:20px;background-color: #fff;}
.move-premium-con .sec-03 .item-list li .text .text1{font-size: 16px;font-weight: 700;line-height: 20.8px;letter-spacing: -0.48px;}
.move-premium-con .sec-03 .item-list li .text p{color:#5A6275;font-size: 14px;letter-spacing: -0.28px;line-height: 21px;}

.move-premium-con .sec-04{padding:60px 0;margin:0;background: linear-gradient(180deg, #F6F7F8 60%, rgba(246, 247, 248, 0.00) 96%);}
.move-premium-con .sec-04 .photo-swiper{overflow: hidden;}
.move-premium-con .sec-04 .photo-swiper .swiper-wrapper{display: flex;width: max-content;animation: photoScroll 60s linear infinite;}
.move-premium-con .sec-04 .photo-swiper-01{margin-bottom:10px;}
.photo-swiper.photo-swiper-02 .swiper-wrapper {animation-direction: reverse !important;}
.move-premium-con .sec-04 .photo-swiper .swiper-slide{width: 255px;height: 150px;white-space: nowrap;border-radius: 3.25px;overflow:hidden;}
.move-premium-con .sec-04 .photo-swiper .swiper-slide img{object-fit: cover;display: block;width: 100%;}
.move-premium-con .sec-04 .btn-center .btn{width:calc(100% - 32px);color:#fff;background-color: #1A3361;}
.move-premium-con .sec-04 .btn-center .btn:active{background-color: #193F84;}
@keyframes photoScroll {
  from {transform: translateX(0);}
  to {transform: translateX(-50%);}
}

/* 가정이사와 이미지 같음 */
.move-premium-con .bk-card-top::after{background: url("../images/sub/bg-pack-card-01.png")no-repeat;background-size: cover;}
.move-premium-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-pack-card-02.png")no-repeat;}
.move-premium-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-pack-card-03.png")no-repeat;}
.move-premium-con .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-pack-card-04.png")no-repeat;}

.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:60px 0 0;}
.move-premium-con .sec-10 .capital-area{position:relative;padding:20px;border-radius: 12px;background:#F6F7F8;}
.move-premium-con .sec-10 .capital-area .title{margin-bottom:10px;font-size: 16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}
.move-premium-con .sec-10 .capital-area .text{display:flex;flex-direction:column;gap:2px;font-size: 14px;color:#5A6275;font-weight:500;letter-spacing: -0.28px;}
.move-premium-con .sec-10 .capital-area .text p{padding-left:20px;position:relative;}
.move-premium-con .sec-10 .capital-area .text p::before{display:inline-block;position: absolute;left: 9px;top: 9px;vertical-align: middle;width:3px;height:3px;border-radius:100%;background-color: #5A6275;content:'';}
.call-top{display: flex;flex-direction: column;align-items:flex-start;justify-content:space-between;gap: 10px;padding: 20px;border-radius: 8px;border: 1px solid #A7D3FF;background: rgba(228, 241, 255, 0.40);color: #687286;font-size: 14px;font-weight: 500;line-height: 150%;letter-spacing: -0.28px;}
.call-top .btn-call{display: flex;padding: 10px 28px;align-items: center;gap: 6px;border-radius: 4px;background-color: #338DFF;color: #fff;font-size: 14px;font-weight: 700;line-height: 130%;letter-spacing: -0.28px;transition:opacity .3s;}
.call-top .btn-call:active{opacity:.7;}



/* 이사 - 용달이사/단순운송 */
.mini-con{}
.mini-con .sub-visual-move .img-car{width:270px;height:176px;background: url("../images/sub/img-subvisual-mini-car.png")no-repeat;}
.mini-mid-banner{height:118px;background: linear-gradient(90deg, #00C5B5 30%, #A4FFCA 80%);}
.mini-mid-banner::after{display:block;position:absolute;bottom:20px;right: clamp(12px, 4vw, 20px);width:123px;height:89px;background: url("../images/sub/icon-mini-mid-banner.png")no-repeat;background-size:100%;content:'';animation: aniFloat 1.85s ease-in-out infinite alternate;}
.mini-con .bk-card-top::after{background: url("../images/sub/bg-mini-card-01.png")no-repeat;background-size: cover;}
.mini-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-mini-card-02.png")no-repeat;}
.mini-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-mini-card-03.png")no-repeat;}
.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;}
.mini-con .recom-list .recom-view-toggle::before{transition:transform .3s,filter .3s ;}
.mini-con .recom-list .recom-view-toggle.active::before{transform:scale(1.12);filter: blur(4px);}

.recom-list-wrap{display: flex;flex-direction:column;gap: 24px;}
.recom-list .recom-view-box{position:relative;overflow:hidden;width: 100%;height:220px;border-radius: 16px;cursor:pointer;}
.recom-list .recom-view-toggle{display:flex;flex-direction:column;gap:12px;align-items:flex-start;position:relative;z-index:1;width: 100%;height: 100%;padding: 20px;overflow:hidden;transition: .3s;}
.recom-list .recom-view-toggle::before{position: absolute;top: 0;left: 0;z-index: -1;display:block;width:100%;height:100%;content:'';}
.recom-list .recom-view-toggle .cate{display: flex;padding: 4px 12px;justify-content: center;color: #FFF;font-size: 14px;font-weight: 700;line-height: 140%;letter-spacing: -0.28px;border-radius: 4px;background:#338DFF;}
.recom-list .recom-view-toggle .title{color: #FFF;font-size:16px;font-weight: 500;line-height: 19.2px;letter-spacing: -0.32px;display: flex;flex-direction: column;gap: 2px;}
.recom-list .recom-view-toggle .title strong{font-size: 18px;font-weight: 700;line-height: 25.2px;letter-spacing: -0.36px;}
.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:opacity .3s;}
.recom-list .recom-view-toggle.active .hide{opacity:0;transition:opacity .3s;}
.recom-list .recom-view{visibility: hidden;position:absolute;top: 0;left: 0;width:100%;height:100%;padding:20px;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:14px;line-height: 21px;display: flex;align-items: center;gap:10px;letter-spacing: -0.28px;color:#fff;}
.recom-list .recom-view .dot-text::before{display:inline-block;margin-left:10px;width:3px;height:3px;background-color: #fff;border-radius:100%;content:'';}
.recom-list .recom-view .recom-clse{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}

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



.review2-swiper{position:relative;}
.review2-swiper .swiper{overflow:visible;}
.review2-swiper .swiper-slide{position:relative;z-index:1;width: 260px !important;height:280px;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:20px;color: #FFF;}
.review2-swiper .swiper-slide .top{display: flex;align-items: flex-start;gap: 8px;margin-bottom:12px;}
.review2-swiper .swiper-slide .cate{display: flex;padding: 4.5px 8px;justify-content: center;align-items: center;border-radius: 4px;background: rgba(255, 255, 255, 0.80);color:#35425C;font-weight: 500;font-size:12px;line-height: 12px;letter-spacing: -0.24px;}
.review2-swiper .swiper-slide .name{font-size:12px;line-height:21px;letter-spacing: -0.28px;}
.review2-swiper .swiper-slide .text{font-size: 14px;font-weight: 500;line-height: 21px;letter-spacing: -0.28px;}
.review2-swiper .source{color: #35425C;font-size: 12px;margin-top: 12px;line-height:14.4px;text-align: right;}
.mini-con .btn-outline-secondary.btn-all{margin-top:40px;}
.clean-air-con .btn-outline-secondary.btn-all{margin-top:40px;}

/* 이사 - 기업이사 */
.move-office-con{overflow:hidden;}
.move-office-con .bk-card-top::after{background: url("../images/sub/bg-office-card-01.png")no-repeat;background-size: cover;}
.move-office-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-office-card-02.png")no-repeat;}
.move-office-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-office-card-03.png")no-repeat;}
.move-office-con .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-office-card-04.png")no-repeat;}
.move-office-con .b-logo-sec{padding:60px 0;background: rgba(228, 241, 255, 0.40);}
.move-office-con .b-logo-list{display: grid;grid-template-columns: 1fr 1fr 1fr;justify-content: space-between;column-gap:10px;}
.move-office-con .b-logo-list>div{padding:10px 0;display:flex;align-items:center;justify-content:center;}
.move-office-con .move-office-swiper{overflow: visible;}
.move-office-con .move-office-swiper .swiper-slide {width: 260px !important;}

/* 이사 - 해외이사 */
.move-foreign-con{}
.move-foreign-con .img-airplane{position: absolute;width: 177px;height: 106px;bottom:65px;right:15px;opacity: 0;background: url("../images/sub/img-subvisual-airplane.png") no-repeat;background-size: cover;transform: translate(100px, 50px) scale(0.75); animation: airplaneFly 1.8s ease-out forwards;}
@keyframes airplaneFly {
0% {opacity: 0;transform: translate(120%, 100px) scale(0.78);}
30% {opacity: 1;}
100% {opacity: 1;transform: translate(0, 0) scale(1);}
}
.move-foreign-con .img-airplane span {position: absolute;/* top: -16px;left:4px; */opacity: 0;width: 21px;height: 23px;background: url("../images/sub/img-subvisual-twinkle.png") no-repeat;animation: CleanTwinkleAni 1s 1.8s ease-in-out infinite;}

.move-foreign-con .bk-card-top::after{background: url("../images/sub/bg-foreign-card-01.png")no-repeat;background-size: cover;}
.move-foreign-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-foreign-card-02.png")no-repeat;}
.move-foreign-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-foreign-card-03.png")no-repeat;}
.move-foreign-con .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-foreign-card-04.png")no-repeat;}
.foreign-mid-banner{z-index:1;background: linear-gradient(90deg, #3371BE 40%, #A2BEE4 60%);overflow: hidden;}
.foreign-mid-banner::after{display:block;position:absolute;z-index:-1;bottom:0;right:0;width:169px;height:106px;background: url("../images/sub/icon-foreign-mid-banner.png")no-repeat;content:'';}
.move-foreign-con .col-tb th{padding:7px 0;background-color: #EBF6FF;color:#687286;line-height: 150%;font-size: 14px;letter-spacing: -0.28px;}
.move-foreign-con .col-tb td:first-child{background-color: #F6F7F8;}
.move-foreign-con .col-tb td{padding: 8px 10px;color:#687286;line-height: 150%;font-size: 14px;letter-spacing: -0.28px;}
.move-foreign-con .accordion-list .accordion-content{color:#687286;font-size: 14px;line-height: 150%;letter-spacing: -0.28px;}
.move-foreign-con .accordion-content .dot-text{position:relative;padding-left: 20px;}
.move-foreign-con .accordion-content .dot-text::before{display: inline-block;position:absolute;top:9px;left:8px;margin:0;background: #8C92A4;content: '';width: 3px;height: 3px;border-radius: 100%;}
.accordion-noti{margin-top:10px;padding:12px 16px;border-radius: 4px;border: 1px solid #DFE1E8;}
.accordion-noti strong{display:flex;gap:4px;padding:3.5px 0;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:10px;margin-left:24px;}
.accordion-noti .dot-text::before{display: inline-block;background: #687286;content: '';margin: 0 8px 3px 0;width: 2px;height: 2px;border-radius: 100%;}

/* 아코디언 num  */
.acco-num-sec .accordion-list {gap: 10px;}
.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: 10px 20px;align-items: center;gap: 4px;color:#35425C;font-size: 16px;line-height: 24px;letter-spacing: -0.32px;}
.acco-num-sec .toggle-text .num{font-size: 16px;color:#338DFF;font-weight: 700;line-height: 19.8px;letter-spacing: -0.48px;}
.acco-num-sec .accordion-toggle::after{right:20px;}
.acco-num-sec .accordion-content{display: flex;flex-direction: column;gap: 10px;padding:20px;border-top:1px solid #DFE1E8;}
.acco-num-sec .accordion-content .dot-text{position:relative;padding-left: 20px;}
.acco-num-sec .accordion-content .dot-text::before{display: inline-block;position:absolute;top:9px;left:8px;margin:0;background: #8C92A4;content: '';width: 3px;height: 3px;border-radius: 100%;}


/* board common */
.board-con-wrap{padding:50px 0 60px;}
.board-con-wrap .scroll-tab-box::after{display:none;}
.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:4px;margin-left:29px;line-height: 120%;font-size: 12px;color:#687286;}
.board-con-wrap .bg-gr-noti .dot-text{position: relative;display: flex;align-items: center;gap: 6px;}
.board-con-wrap .bg-gr-noti .dot-text::before{display:inline-block;position: absolute;left: -9px;top: 5px;content:'';width: 3px;height: 3px;background-color: #687286;border-radius:100%;}
.board-con-wrap .bg-gr-noti .btn-sm{width: 200px;margin: 7px 0 0 20px;}

/* page-box */
.page-box{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 8px;text-align:center;padding:6px 0;margin-top:24px;}
.page-box a{display: flex;justify-content: center;align-items: center;width:32px;height:32px;border-radius: 8px;vertical-align: top;text-align:center;font-size:14px;color:#35425C;line-height:150%;letter-spacing: -0.28px;}
.page-box .page-prev{width:24px;height:24px;background:url("../images/sub/arr-page-prev.svg") 50% 50% no-repeat;}
.page-box .page-next{width:24px;height:24px;background:url("../images/sub/arr-page-next.svg") 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;margin-bottom:12px;}
.breadcrumb li{display: flex;align-items: center;color:#687286;font-size:13px;line-height:19.5px;letter-spacing: -0.26px;}
.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;}


/* 청소 - 메인 */
.service-clean-wrap section{margin:0 0 60px;overflow: hidden;}
.service-clean-wrap .quick-box li{width: calc(100% / 4);}
.sub-main-top-clean >.container{background: linear-gradient(118deg, #ECFFBE 60.74%, #C4FFBD 100%);}
.sub-main-top-clean .ani-img-01{position:absolute;z-index:2;bottom:-16px;right:-19px;opacity:0;width:201px;height:112px;background: url("../images/sub/img-clean-top-01.png")no-repeat;background-size: cover;animation: serviceTopAni .5s forwards;}

.clean-con .bk-card-top{height: 240px;aspect-ratio: 343 / 240;}
.clean-con .bk-card-top::after{background: url("../images/sub/bg-clean-card-01.png") bottom no-repeat;background-size: cover;}
.clean-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-clean-card-02.png")no-repeat;background-size: cover;}
.clean-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-clean-card-03.png")no-repeat;}
.clean-con .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-clean-card-04.png")no-repeat;}
.clean-con .gra-ani-sec .gr-box {height: 204px;}
.clean-con .mid-swiper .clean-ban-01 a{background-color: #7C9AFF;}
.clean-con .mid-swiper .clean-ban-01 a::after{position:absolute;bottom:0;right:0;width:199px;height:124px;background:url("../images/sub/icon-clean-ban-01.png")no-repeat;content:'';}
.clean-con .mid-swiper .clean-ban-02 a{background-color: #FFA412;}
.clean-con .mid-swiper .clean-ban-02 a::after{position:absolute;bottom:24px;right:24px;width:90px;height:100px;background:url("../images/sub/icon-clean-ban-02.png")no-repeat;content:'';animation: aniFloat 1.85s ease-in-out infinite alternate;}
.clean-con .articlc-2-bg-wrap .row-2-box img{position: absolute;bottom: 24px;right: 24px;}

/* 청소  subvisual*/
.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:0;right:0;display:block;width:100%;height:320px;content:'';background:url("../images/sub/bg-sub-visual-movein.png")no-repeat 100% 100%;background-size:cover;}
.sub-visual-clean .img-clean-ani{position:absolute;opacity:0;width:162px;height:172px;bottom: 35px;background: url("../images/sub/img-subvisual-clean.png")no-repeat;right: 24px;background-size: cover;transform: translate(40vw, -65px) scale(0.75);}
.sub-visual-clean .img-clean-ani.ani-active{animation:fadeIn 0.6s ease-out forwards, CleanMoveAni 1s ease-out forwards;}
.sub-visual-clean .img-clean-ani span{position:absolute;bottom: 35px;left: 0; opacity:0;width:21px;height:23px;background: url("../images/sub/img-subvisual-twinkle.png")no-repeat;animation: CleanTwinkleAni 1s 1.6s ease-in-out infinite;}
/* 청소움직임 */
/*@keyframes CleanMoveAni {
	0% {right: -36%;bottom: 100px;transform: rotate(0deg);}
  100% {right: 24px;bottom: 35px;transform: rotate(0deg);}
}*/
@keyframes CleanMoveAni {
 to {transform: translate(0, 0) scale(1);}
}

/* 반짝임  */
@keyframes CleanTwinkleAni {
	0% {transform:scale(.85);opacity:1;}
	50% {transform:scale(1);opacity:1;}
	100% {transform: scale(1.2);opacity:1;}
}

/* 청소 헬퍼 공통 */
.service-clean-wrap .helper-wrap{display: flex;flex-direction:column;gap: 40px;}
.service-clean-wrap .helper-wrap .helper-box{position: relative;display: flex;justify-content: center;gap:80px;}
.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: 14px;line-height:21px;letter-spacing: -0.28px;}
.service-clean-wrap .helper-wrap .helper-box i{position: absolute;left: 50%;transform: translateX(-82%);top: 43px;}

/* 청소 하단 퀵메뉴  공통*/
.service-clean-wrap .clean-btm-quick{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:20px;}
.service-clean-wrap .clean-btm-quick li {width:calc(100% / 4);}
.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:62px;height:62px;border-radius:100%;background-color: #F6F7F8;transition:opacity .3s;}
.service-clean-wrap .clean-btm-quick li a:active .img{opacity:.7;}
.service-clean-wrap .clean-btm-quick .title{color:#35425C;font-size:12px;line-height:120%;letter-spacing: -0.24px;text-align:center;}

/* 자주하는 질문 공통 */
.clean-faq-sec{padding:60px 0;background: #F6F7F8;}
.clean-faq-sec .call-top{margin:24px 0;border: 1px solid #A7D3FF;background: #FFF;}


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


/* 청소 테이블 공통 */
.service-clean-wrap .color-tb+.color-tb{margin:20px 0 0;}
.service-clean-wrap .color-tb table{font-size:12px;letter-spacing: -0.24px;line-height:14.4px;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;font-weight: 500;}
.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 12px;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 tr td.bor-r{border-right:1px solid #DFE1E8;}
.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;}

/* 청소 테이블 정보 공통 */
.service-clean-wrap .bg-tb-noti{margin-top:24px;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: 20px;line-height: 150%;font-size: 12px;}
.service-clean-wrap .bg-tb-noti .dot-text{display: flex;align-items: center;position:relative;padding-left:9px;color:#687286;}
.service-clean-wrap .bg-tb-noti .dot-text::before{flex-shrink:0;display:inline-block;position:absolute;top:7px;left:0;width:3px;height:3px;background-color: #687286;content:'';border-radius:100%;}

/* 청소 공통 수상 부분 */
.certify-sec .container{display:flex;align-items: center;flex-direction: column;justify-content: center;text-align: center;gap: 28px;}
.certify-sec .certify-swiper{overflow:hidden;}
.certify-sec .container .swiper{width:337px;overflow: visible;}
.certify-sec .swiper-slide{width: 213px;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%;opacity:1;transition:.3s;}
.certify-swiper .swiper-pagination-bullet-active{width: 32px;border-radius:8px;height: 8px;background-color: #5A6275;}

/* 청소 더보기 공통 */
.more-sec{position:relative;padding: 60px 0 0;}
.more-sec::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:413px;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;gap: 12px;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: 18px;line-height: 25.2px;letter-spacing: -0.36px;}
.more-sec .num-list .title{color:#35425C;font-size: 16px;font-weight: 700;line-height: 20.8px;letter-spacing: -0.48px;}
.more-sec .num-list .text{color: #687286;font-size: 14px;line-height: 21px;letter-spacing: -0.28px;}
.more-sec .num-list .img{flex-shrink:0;}
.more-sec .btn-more{bottom: 10px;display:flex;gap:10px;align-items:center;width:127px;position:absolute;left:50%;transform:translateX(-50%);z-index:5;}
.more-sec .btn-more.active{position: relative;bottom:0;margin-top:24px;}
.more-sec .btn-more.active i{transform:rotate(180deg);}



/* step line progress 공통 */
.step-swiper-wrap{display:flex;flex-direction:column;gap:24px;padding-top:20px;}
.step-swiper-wrap .step-icons{display: flex;justify-content: space-between;position: relative;}
.step-swiper-wrap .step-icons span{color: #AAAFBC;font-size: 16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}
.step-swiper-wrap .step-icons .active span{color: #338DFF;}
.step-swiper-wrap .step-item{display: flex;align-items: center;flex-direction: column;gap: 10px;}
.step-swiper-wrap .step-item::before{display:block;width: 8px;height: 8px;border-radius: 50%;background: #fff;border:4px solid #A7D3FF;z-index: 2;content:'';}
.step-swiper-wrap .step-item.active::before{background: #338DFF;border-color:#338DFF;}
.step-swiper-wrap .progress-bg{position: absolute;top: 6px;left: 3px;width: calc(100% - 6px);height: 2px;background: #eee;z-index: 1;}
.step-swiper-wrap .progress-line {height: 2px;background: #3889ff;width: 0%;transition: width .3s;}
.step-swiper-wrap .step-swiper{width: 100%;height: 52px;border-radius: 4px;border: 1px solid #AAAFBC;color: #35425C;}
.step-swiper-wrap .step-swiper .swiper-slide{display: flex;align-items: center;justify-content: center;font-size: 17px;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: auto;padding:6px 24px;font-size:13px;border-radius: 50px;background: #EBF6FF;line-height: 140%;letter-spacing:-0.1px;}


/* 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;left:50%;transform:translateX(-50%);font-size:14px;background: #338DFF;color:#fff;font-weight: 700;line-height: 130%; letter-spacing: -0.28px;border-radius: 100px;box-shadow: 0 0 1.33px 0 rgba(255, 255, 255, 0.25);;animation: CleanHouseAni .8s ease-in 0s infinite alternate;}
.clean-space-wrap .btn-space-click a:active{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:14px;height:12px;background: url("../images/sub/icon-movein-house-polygon.png")no-repeat;content:'';}
.clean-space-wrap .btn-space-click a:active::after{background: url("../images/sub/icon-movein-house-polygon-on.png")no-repeat;}
.clean-space-wrap .btn-space-click .btn-house-01{margin-left: -118px;top:86px;}
.clean-space-wrap .btn-space-click .btn-house-02{margin-left:53px;top:101px;}
.clean-space-wrap .btn-space-click .btn-house-03{margin-left: 10px;top:143px;}
.clean-space-wrap .btn-space-click .btn-house-04{margin-left: -73px;top:161px;}

.clean-space-wrap .clean-space-con{display:flex;gap:48px;flex-direction:column;}
.clean-space-wrap .clean-space-con .text-box{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;font-size:14px;line-height: 130%;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;font-size:14px;letter-spacing: -0.28px;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;}
.clean-space-wrap .movein-house-swiper .swiper-slide{width:100%;}



/* 배경있는 리뷰 공통 */
.service-clean-wrap .bg-review-sec{padding:60px 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 .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: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.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;font-size:12px;line-height:18px;letter-spacing:-0.24px;}
.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{top:103px !important;transform:none;}

/* 청소 - 입주청소 */
.clean-movein-con .recom-item-box li:nth-child(1),.clean-movein-con .recom-item-box li:nth-child(3){background-color: #EFFFC3;}
.clean-movein-con .bk-card-top::after{background: url("../images/sub/bg-c-com-card-01.png")no-repeat;background-size: cover;}
.clean-movein-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-c-com-card-02.png")no-repeat;}
.clean-movein-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-c-com-card-03.png")no-repeat;}
.clean-movein-con .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-c-com-card-04.png")no-repeat; background-size: cover;}
.clean-movein-con .color-tb .tb-info.text-red{color:#DA0000;}
.clean-movein-con .sec-06 article+article{margin:60px 0 0;}

/* 청소 - 이삿날 1인청소 */
.clean-onclean-con{}
.clean-onclean-con .sub-visual{margin:0;}
.clean-onclean-con .top-bg-text{position:relative;z-index:1;width:100%;padding:24px 16px;background: #97AD74;}
.clean-onclean-con .top-bg-text .text{display:flex;align-items: center;flex-direction:column;text-align:center;gap:4px;color:#fff;font-size: 14px;line-height: 21px;letter-spacing: -0.28px;}
.clean-onclean-con .top-bg-text .title{font-weight: 700;}
.clean-onclean-con .sec-01{position:relative;z-index:1;overflow:visible;}
.clean-onclean-con .sec-01::before{display:block;position:absolute;z-index: 2;bottom:-4px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:83px;height:85px;background: url("../images/sub/icon-oneclean-sec-01.png")no-repeat;content:'';}
.clean-onclean-con .sec-01 article{margin:60px 0 0;}

.clean-onclean-con .recom-item-box li:nth-child(1){background-color: #EFFFC3;}
.clean-onclean-con .bk-card-top::after{background: url("../images/sub/bg-c-com-card-01.png")no-repeat;background-size: cover;}
.clean-onclean-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-c-com-card-02.png")no-repeat;}
.clean-onclean-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-c-com-card-03.png")no-repeat;}
.clean-onclean-con .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-c-com-card-04.png")no-repeat;background-size:cover;}

.clean-onclean-con .oneclean-swiper .swiper{height:240px;padding: 0 16px;}
.clean-onclean-con .oneclean-swiper .swiper-slide{width:100%;padding:20px;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: 18px;line-height: 25.2px;letter-spacing: -0.36px;}
.clean-onclean-con .oneclean-swiper .swiper-pagination{display:flex;gap:5px;justify-content: center;bottom: 20px !important;left: 36px !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:30px;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(-125px);}
.clean-onclean-con .helper-box .label{display: flex;align-items:center;justify-content:center;margin:12.11px 0 9.5px;padding:3.63px 16px;color: #FFF;font-size: 16px;font-weight: 700;line-height: 22px;letter-spacing: -0.48px;border-radius: 137.259px;background-color: #70B8FF;}
.clean-onclean-con .helper-box .num{display: flex;flex-direction: column;align-items: center;height:35px;color: #5A6275;font-size: 16px;line-height: 19.2px;font-weight: 500;letter-spacing: -0.32px;}
.clean-onclean-con .helper-box .num small{font-size: 13px;letter-spacing: -0.26px;font-weight: 400;line-height: 16px;}
.onclean-pick-article {position:relative;z-index:1;padding-bottom:120px;background: linear-gradient(180deg, rgba(239, 255, 195, 0.00) 0%, #EFFFC3 100%);}
.onclean-pick-article::after{display:block;z-index:-1;position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);width:100%;height:113px;background: url("../images/sub/bg-oneclean-sec01.png")no-repeat  50% 100%;content:'';background-size: cover;}
.onclean-pick-article .top-text{display: flex;flex-direction: column;gap: 10px;align-items: center;margin-bottom: 20px;font-size:26px;font-weight: 700;line-height:33.8px;letter-spacing: -0.78px;}
.onclean-pick-article .top-text small{color:#5A6275;font-size:16px;font-weight: 500;line-height:19.2px;letter-spacing: -0.32px;}
.onclean-pick-article .clean-pick-box {display:flex;flex-direction:column;gap:10px;justify-content: center;}
.onclean-pick-article .clean-pick-box li{display: flex;align-items: center;justify-content: center;padding:16px 20px;border-radius: 8px;border: 2px solid #C3F278;background: #FFF;color: #35425C;text-align: center;font-size: 16px;font-weight: 500;line-height: 19.2px;letter-spacing: -0.32px;}
.onclean-pick-article p{margin-top:16px;color:#687286;font-size: 12px;line-height: 120%;text-align:center;}
.clean-onclean-con .sec-07 article+article{margin:60px 0 0;}

.clean-onclean-con .bf-tab-box{display: flex;width:100%;max-width:323px;margin: 0 auto 10px;padding: 8px 10px;align-items: center;border-radius: 50px;background-color: #EEF0F4;}
.clean-onclean-con .bf-title{display: flex;padding: 8px 10px;align-items: center;gap: 6px;color: #07F;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;margin-bottom: 24px;justify-content: center;}
.clean-onclean-con .bf-tab-box ul{display:flex;gap:10px;width:100%;}
.clean-onclean-con .bf-tab-box ul li{flex:1;}
.clean-onclean-con .bf-tab-box ul li button{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 0;color:#687286;font-size: 14px;font-weight: 500;line-height: 19.6px;letter-spacing: -0.28px;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);}
.service-clean-wrap .clean-onclean-con .bf-box::before {top: 190px;transform: translate(-50%, 0);}
.clean-onclean-con .recom-item-box{height:auto;grid-template-rows: none;}

/* 청소 - 이사당일청소 */
.clean-dayofmoving .recom-item-box li:nth-child(1),.clean-dayofmoving .recom-item-box li:nth-child(3){background-color: #EFFFC3;}
.onecleanhead{padding:60px 16px 0px;display:flex;flex-direction:column;align-items: center;gap:24px;}
.onecleanhead .onehead{display:flex;flex-direction:column;align-items: center;gap:24px;}
.onecleanhead .onehead .head-dayo{color: var(--color-gray-800, #353849);text-align: center;font-size:26px;font-style: normal;font-weight: 700;line-height: 100%; /* 54.6px */letter-spacing: -0.84px; display: flex;flex-direction: column;align-items: center;gap: 6px;}
.onecleanhead .onehead .head-dayo img{width:38px;}
.onecleanhead .onehead .head-dayo .oneheadtext{color: var(--color-gray-800, #353849);text-align: center;font-size: 18px;font-style: normal;font-weight: 500;line-height: 150%; /* 39.2px */letter-spacing: -0.56px;}
.oneheadfooter{display: flex;flex-direction: column;align-items: center;gap: 20px;}
.oneheadfooter .cleanhead-box{display: flex;padding: 8px 20px;justify-content: center;align-items: center;gap: 10px;border-radius: 50px;background: #35B82E;color: #fff;font-family: Pretendard;font-size: 15px;font-weight:bold;line-height: 125%;}
.oneheadsub{color: var(--color-gray-600, #5A6275);text-align: center;font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 400;line-height: 140%; /* 18.2px */letter-spacing: -0.26px;margin-top:0;}
.oneheadfooter .oneheadsub .textpint{color:#FF6600;font-weight:bold;}
.onehead{display: flex;justify-content: center;}
.onehead .head-light{padding: 6px 30px;border-radius: 50px;background: #11980B;color: #FFF;font-family: Pretendard;font-size: 30px;font-style: normal;font-weight: 700;line-height: 140%;letter-spacing: -0.6px;} 
.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;}
.table-oneclean{display:flex;flex-direction:column;align-items: center;width:100%;}
.table-oneclean .table-onetit{color: var(--color-gray-600);text-align: center;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;margin-bottom:24px;}
.table-oneclean .cleaning-table-container {width: 100%;max-width: 960px;border-collapse: collapse;table-layout: fixed;}
.table-oneclean .cleaning-table-container .clean-thead{border-top:2px solid #C3C6CE;}
.table-oneclean .cleaning-table-container th, .cleaning-table-container td {border-bottom: 1px solid #DFE1E8;text-align: center;vertical-align: middle;color: var(--color-gray-700);font-size: 12px;font-style: normal;font-weight: 500;line-height: 100%;letter-spacing: -0.36px;padding:9px 0;line-height:130%;}
.table-oneclean .cleaning-table-container .col-label {background-color: #f4f9d8;font-weight: 500;width: 25%;}
.table-oneclean .cleaning-table-container .col-highlight {width: 40%;position: relative;border-left: 3px solid #69cc0c !important;border-right: 3px solid #69cc0c !important;}
.table-oneclean .cleaning-table-container .header-highlight {background-color: #69cc0c;color: white !important;font-size: 18x;font-weight: bold;border-top: 3px solid #69cc0c !important;}
.table-oneclean .cleaning-table-container .cell-highlight {font-weight: bold;color: #1e293b;background:#fff;line-height:100%;}
.table-oneclean .cleaning-table-container .last-row td{border-bottom:1px solid #C3C6CE;}
.table-oneclean .cleaning-table-container .last-row .col-highlight {border-bottom: 3px solid #69cc0c !important;}
.table-oneclean .cleaning-table-container .col-normal {background-color: #f0f9cc;width: 35%;}
.table-oneclean .cleaning-table-container .sub-text {display: block;font-size: 12px;color: var(--color-gray-500);font-weight: normal;margin-top: 4px;}
.table-oneclean .cleaning-table-container tr:first-child th {border-top: 1px solid #e2e8f0;}
.table-oneclean .table-sub{color: var(--color-gray-500);text-align: center;font-size: 12px;font-weight: 400;line-height: 120%;margin-top:16px;}

.clean-onclean-con .sec-15{display: flex;padding: 60px 0;flex-direction: column;align-items: center;gap: 25px;background: linear-gradient(0deg, #E0F0FF 0%, #E0F0FF 100%), #FFF;}
.clean-onclean-con .head-dayo .oneheadtext{color: var(--color-gray-800);text-align: center;font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 500;line-height: 150%;letter-spacing: -0.56px;}

.sec-11 .oneheadfooter{display: flex;width: 100%;padding: 50px 25px;flex-direction: column;justify-content: center;align-items: center;gap: 40px;border-radius: 20px;background: rgba(218, 255, 216, 0.50);}
.sec-11 .oneheadfooter .cleanhead-box{color: var(--color-gray-800);font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.48px;}
.sec-11 .oneheadfooter .oneheadimg{display: flex;align-items:center;width:100%;flex-direction: column;gap:50px;}
.sec-11 .oneheadfooter .oneheadimg .setpli{display: flex;flex-direction: column;align-items: center;gap: 20px;flex: 1;}
.sec-11 .oneheadfooter .oneheadimg .setpli{border-bottom:1px solid rgba(53, 184, 46, 0.30);padding-bottom:50px;}
.sec-11 .oneheadfooter .oneheadimg .setpli .circle{width: 150px;height: 150px;overflow: hidden;border-radius: 50%;}
.sec-11 .oneheadfooter .oneheadimg .setpli .circle.icon-onclean-house{width:150px;height:150px;background:#fff url('/html/images/sub/icon-movetheday-recom-01.png') no-repeat;background-size: cover;}
.sec-11 .oneheadfooter .oneheadimg .setpli .circle.icon-onclean-car{width:150px;height:150px;background:#fff url('/html/images/sub/icon-movetheday-recom-02.png') no-repeat;background-size: cover;}
.sec-11 .oneheadfooter .oneheadimg .setpli .oneh5{display: flex;flex-direction: column;justify-content: center;align-items: center;color: var(--color-gray-800);text-align: center;font-size:24px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.sec-11 .oneheadfooter .oneheadimg .setpli .oneh5 .self{color: var(--color-gray-800);text-align: center;font-size: 16px;font-weight: 400;line-height: 150%; letter-spacing: -0.36px;}
.sec-11 .oneheadfooter .oneheadimg li img{box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.10);overflow: hidden;border-radius:16px;}
.sec-11 .oneheadfooter .oneheadsub{color: #22981D;text-align: center;font-size: 18px;font-style: normal;font-weight: 500;line-height: 150%;letter-spacing: -0.36px;}

.sec-15 .onecopon .onebody{display:flex;flex-direction:column;align-items: center;gap:25px;}
.sec-15 .onecopon .onebody .head-dayo{color: var(--color-gray-800);text-align: center;font-size:26px;font-weight: 700;line-height: 130%; letter-spacing: -0.96px;}
.sec-15 .onecopon .onebody img{width:100%;max-width:311px;margin:auto;}
.sec-15 .onecopon .onebody .head-dayo .head-sub{color: var(--color-gray-600);text-align: center;font-family: Pretendard;font-size:14px;font-weight: 400;line-height: 140%;letter-spacing: -0.4px;margin-top:10px;}
.sec-15 .onecopon .onebody .cousub{color: var(--color-gray-600);text-align: center;font-family: Pretendard;font-size: 14px;font-weight: 400;line-height: 140%;letter-spacing: -0.28px;}

.sec-16{background: rgba(218, 255, 216, 0.5) url(/html/images/sub/clean-dayofmoving-sec-16bg.png) top no-repeat;background-size:100%;}
.sec-16 .receipt-wap {display: flex;padding: 73px 0 60px 0;flex-direction: column;align-items: center;gap: 20px;text-align:center;}
.sec-16 .receipt-wap .receipt-con .receipt-tit {display: flex;flex-direction: column;align-items: center;gap: 10px;color: var(--color-gray-800);font-family: Pretendard;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.sec-16 .receipt-wap .receipt-con .receipt-tit .underscore {padding: 2px 10px;background: #35B82E;color:#fff;}
.sec-16 .receipt-wap .cs-call {display: flex;padding:6px 28px;align-items: center;gap: 6px;border-radius: 50px;border: 1px solid #54B34F;background: #FFF;color: var(--color-gray-800);font-family: Pretendard;font-size: 28px;font-weight: 700;line-height: 140%; letter-spacing: -0.56px;}
.sec-16 .receipt-wap .cs-call .icon-cs-call {color: var(--color-gray-800);font-family: Pretendard;font-size: 28px;font-weight: 700;line-height: 140%; letter-spacing: -0.56px;}
.sec-17.accordion-sec > .container.one-ac{padding:0 16px;}
.sec-17.accordion-sec > .container.one-acc .top-head-title-l{text-align:center;padding:0 16px;}
.sec-17 .accordion-list .accordion-content .num-list li{margin-left:0;text-indent:0;}

/* before,after  */
.service-clean-wrap .bf-box{position:relative;display: flex;flex-direction: column;align-items: center;}
/* .service-clean-wrap .bf-box.active{animation: fadeUp 0.4s ease-out forwards;} */
.service-clean-wrap .bf-box::before{display:inline-block;width:37px;height:37px;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 .box-row{display:flex;flex-direction:column;gap:10px;max-width: 343px;width: 100%;}
.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: 14px;font-weight: 500;line-height: 19.6px;letter-spacing: -0.28px;}
.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{position:relative;display:flex;align-items:center;padding-left:20px;margin-top:20px;color:#687286;font-size: 12px;line-height: 14.4px;}
.service-clean-wrap .bf-box p::before{position:absolute;top:5px;left:8px;display:inline-block;width:3px;height:3px;border-radius:100%;background-color: #687286;content:'';}



/* 청소 - 가전청소  */
.clean-elec-con{overflow: hidden;}
.clean-elec-con article+article{margin:60px 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:320px;content:'';background:url("../images/sub/bg-sub-visual-elec.png")no-repeat 100% 100%;background-size:cover;}
.sub-visual-elec .img-clean-ani{position:absolute;z-index:2;bottom:10px;right:54px;opacity:0;width:131px;height:163px;background: url("../images/sub/img-sub-visual-elec.png")no-repeat;animation: serviceTopAni .5s forwards;}
.sub-visual-elec .img-clean-ani span{position:absolute;bottom: 47px;left: 10px; opacity:0;width:21px;height:23px;background: url("../images/sub/img-subvisual-twinkle.png")no-repeat;animation: CleanTwinkleAni 1s .5s ease-in-out infinite;}
.clean-elec-con .elec-link-list{display:flex;gap:10px;flex-direction:column;padding:24px 0 40px;}
.clean-elec-con .elec-link-list li{position:relative;z-index:1;border-radius: 8px;overflow:hidden;}
.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;background-size: cover;}
.clean-elec-con .elec-link-list li.elec-02{background: url("../images/sub/img-elec-link-02.png")no-repeat;background-size: cover;}
.clean-elec-con .elec-link-list li a{display: flex;align-items: center;height:80px;padding: 32px;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;color:#fff;}
.clean-elec-con .elec-link-list li a::before {position: absolute;z-index: -1;top: 0;left: 0;right: 0;display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.60);content: '';}
.clean-elec-con .elec-link-list li.active a::before {background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(2px);}
.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) 40.87%, rgba(0, 0, 0, 0.00) 83.65%) no-repeat;}
.clean-elec-con .elec-top-banner .text{display:flex;gap:8px;flex-direction:column;align-items:flex-start;justify-content: center;height: 100%;padding:60px 40px;color:#fff;font-size: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.clean-elec-con .elec-top-banner .text h2{font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}

.clean-elec-con .recom-item-box li:nth-child(1){background-color: #EFFFC3;}
.clean-elec-con .bk-card-top::after{background: url("../images/sub/bg-elec-card-01.png")no-repeat;background-size: cover;}
.clean-elec-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-elec-card-02.png")no-repeat; background-size:cover;}
.clean-elec-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-elec-card-03.png")no-repeat;}
.clean-elec-con .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-elec-card-04.png")no-repeat;}

.clean-elec-con .bf-tab{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;}
.clean-elec-con .bf-tab button{display: inline-flex;padding: 8px 12px;justify-content: center;align-items: center;border-radius: 50px;background: #EEF0F4;color:#07F;font-size:14px;font-weight:500;letter-spacing: -0.28px;line-height:19.6px;}
.clean-elec-con .bf-tab button.active{background-color: #07F;color:#fff;}

.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: 280px;height:180px;padding:20px 19px 20px 20px;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: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.clean-elec-con .elec-card-swiper .swiper-slide .text{color:#5A6275;font-size: 14px;letter-spacing: -0.28px;}
.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:60px;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:flex-start;padding:20px;height: 120px;border-radius: 16px;background: #E9FFE8;}
.clean-elec-con .sv-area-banner::after{display:block;position:absolute;right:20px;top:20px;width:80px;height:80px;background: url("../images/sub/img-elec-sv-ban.png");animation: aniFloat 1.85s ease-in-out infinite alternate;content:'';}
.clean-elec-con .sv-area-banner .title{font-size: 16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}
.clean-elec-con .sv-area-banner .area-text{display: flex;padding: 6px 10px;justify-content: center;align-items: center;gap: 8px;border-radius: 50px;background: #FFF;font-size: 12px;line-height: 120%; color:#35425C;}

.clean-elec-con .recom-item-box li{gap:10px;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;font-size:14px;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: 16px;line-height: 130%;letter-spacing: -0.48px;}
.clean-elec-con .recom-item-box li:nth-child(1),.clean-elec-con .recom-item-box li:nth-child(3){background: #EFFFC3;}

.clean-elec-con .controls{display:flex;gap:12px;margin-top:14px;}
.clean-elec-con .wide-swiper .swiper-button-prev,.clean-elec-con .wide-swiper .swiper-button-next{position:static;margin:0 !important;transform:none;}
.clean-elec-con .wide-swiper .swiper-button-prev:active,.clean-elec-con .wide-swiper .swiper-button-next:active{filter: drop-shadow(0 0 8px rgba(31, 33, 41, 0.10));}
.clean-elec-con .wide-swiper .swiper-button-disabled{display:block !important;}

/* 청소 - 이사당일청소 */
.clean-dayofmoving{}
.clean-dayofmoving .top-bg-text{margin: 0 auto;}
/* .clean-dayofmoving .clean-house-bl-text{justify-content: center;border-radius:50px;} */
.clean-dayofmoving .sec-01::before{display:block;position:absolute;bottom:-2px;left:50%;z-index: 2;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:89px;height:85px;background: url("../images/sub/icon-movetheday-sec.png") center no-repeat;content:'';background-size: cover;}

/* 청소 - 가전청소- 에어컨청소  */
.clean-air-con .elec-top-banner{position:relative;z-index:1;height: 220px;overflow:hidden;background: url("../images/sub/bg-air-top-banner.png")no-repeat;background-size:cover;}
.bg-red-info{display: flex;gap:8px;margin-bottom:24px;padding: 8px 16px;align-items: center;font-size:14px;border-radius: 4px;background: rgba(240, 68, 82, 0.08);color:#35425C;letter-spacing: -0.28px;}
.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:60px 0;background: #F6F7F8;}
.clean-air-con .pass-sec >.container{display:flex;justify-content:space-between;flex-direction: column;align-items:center;}
.clean-air-con .pass-sec .badge-pass{display: flex;margin:20px 0 10px;width: 95px;padding: 2px 10px;justify-content: center;align-items: center;color: #FFF;border-radius: 50px;background: #338DFF;font-size: 14px;font-weight: 500;line-height: 140%;letter-spacing: -0.28px;}
.clean-air-con .pass-sec .pass-text{margin-bottom:28px;font-size: 14px;line-height: 150%;letter-spacing: -0.528px;}
.clean-air-con .pass-sec .pass-list{display:flex;gap:10px;margin-top:24px;width: 100%;justify-content: space-between;max-width: 375px;}
.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:10px 0 3px;font-weight: 500;font-size:10px;line-height: 140%;letter-spacing: -0.2px;}
.clean-air-con .pass-sec .pass-list li span{color:#687286;font-size:8px;line-height: 120%;}
.clean-air-con .bf-box{transform:translateY(20px);opacity:0;transition:opacity .3s ease-out, transform .3s ease-out;}
.clean-air-con .bf-box.active{transform:translateY(0);opacity:1;}

/* 청소 - 가전청소- 세탁기청소  */
.clean-washer-con .elec-top-banner{position:relative;z-index:1;height: 220px;overflow:hidden;background: url("../images/sub/bg-washer-top-banner.png")no-repeat;background-size:cover;}
.clean-washer-con .bf-box-list{margin:0;}
.clean-washer-con .bf-box{transform:translateY(20px);opacity:0;transition:opacity .3s ease-out, transform .3s ease-out;}
.clean-washer-con .bf-box.active{transform:translateY(0);opacity:1;}

/* 청소 - 프리미엄 */
.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: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.clean-premium-con .sec-01{padding:138px 0 95px;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: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;color:#fff;}
.clean-premium-con .sec-01 .top-text img{margin:3px 0 0;}
.clean-premium-con .sec-01 .top-text .bg-title{font-size: 26px;color:#fff;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.clean-premium-con .sec-01 .top-text .btn{margin-top:20px;width:127px;color: #221B17;background-color: #FFCD8C;}
.clean-premium-con .sec-01 .top-text .btn:active{background-color: #FFB351;}
.clean-premium-con .sec-01 .warning-info{margin:80px 0 40px;text-align:center;padding: 18.5px 12.5px;;background: rgba(255, 255, 255, 0.15);}
.clean-premium-con .sec-01 .warning-info p{color:#fff;font-size: 14px;letter-spacing: -0.28px;}
.clean-premium-con .sec-01 .benefit-text{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;margin-bottom:40px;}
.clean-premium-con .sec-01 .benefit-text p{font-size: 14px;letter-spacing: -0.28px;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::after{position: absolute;bottom: 0;left: 50%;z-index:-1;transform: translateX(-50%);display:block;width:658px;height:386px;content:'';background: url("../images/sub/bg-clean-p-sec1-ani.png")no-repeat;}
.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:10px;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px;color: rgba(255, 255, 255, 0.70);font-size: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.clean-premium-con .sec-01 .ani-box p strong{color:#fff;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.clean-premium-con .sec-01 .service-col{display: flex;flex-direction: column;gap: 24px;}
.clean-premium-con .sec-01 .service-col li{display: flex;flex-direction: column;align-items: flex-start;gap: 20px;padding: 20px;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:8px;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: 16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}
.clean-premium-con .sec-02{padding:80px 0 100px;margin:0;background: linear-gradient(180deg, #382E28 80%, #28221E 100%);}
.clean-premium-con .sec-02 article+article{margin:60px 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:20px;max-width: 243px;margin: 0 auto 20px;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: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.clean-premium-con .sec-02 .ani-img-box{align-items: center;display:flex;flex-direction:column;position:relative;height: 313px;z-index:1;text-align: center;margin: 40px 0;}
.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:1006px;height:1006px;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:45px;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:77px;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:110px;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:144px;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;flex-direction: column;}
.clean-premium-con .sec-02 .pre-list li{display: flex;padding: 20px;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:8px;flex-direction: column;justify-content: center;align-items: center;border-radius: 4px;background: #0B0908;color:#FFCD8C;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.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: 16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}
.clean-premium-con .sec-02 .pre-list .text{color: #FFF;font-size: 14px;letter-spacing: -0.28px;}
.clean-premium-con .sec-02 .up-care-box{display:grid;gap:0;grid-template-columns: repeat(1, 1fr);margin:50px 0;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 .img{width:100%;border-radius: 16px;overflow: hidden;height:200px;}
.clean-premium-con .sec-02 .up-care-func .img-right{background: #5C4F45;display:flex;flex-flow: column;justify-content: space-between;border-radius:16px;padding:30px 0px;gap:24px;}
.clean-premium-con .sec-02 .up-care-func .img-right .right-con{display: flex;flex-direction: column;align-items:center;gap: 16px;align-self: stretch;}
.clean-premium-con .sec-02 .up-care-func .permi-text{display: flex;align-items:center;gap: 10px;}
.clean-premium-con .sec-02 .up-care-func .title2{color: #FFCD8C;font-size: 22px;font-weight: 700;line-height: 130%; letter-spacing: -0.44px;text-align:center;}
.clean-premium-con .sec-02 .up-care-func .title2 .subtit{color: #FFF;font-size: 16px;font-weight: 400;line-height: 150%; letter-spacing: -0.32px;margin-top:4px;}
.clean-premium-con .sec-02 .up-care-func .permi-text .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-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;justify-content:center;gap:10px;}
.clean-premium-con .sec-02 .up-care-func .func-desc span{display: flex;width:70px;height:70px;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;font-size: 11px;font-weight: 700;line-height: 100%; letter-spacing: -0.24px;border: 3px solid transparent;background-image: linear-gradient(rgba(82, 69, 60, 1), rgba(82, 69, 60, 1)), linear-gradient(125deg, rgba(255, 240, 221, 0.5), rgba(109, 83, 49, 0.5));background-origin: border-box;background-clip: padding-box, border-box;}
.clean-premium-con .sec-02 .pre-l-text{color: #FFF;text-align: center;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.clean-premium-con .sec-02 .certi-list {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 24px;border-radius: 16px;border: 2px solid rgba(255, 205, 140, 0.30);margin-top: 32px;padding: 30px 16px 24px 16px;}
.clean-premium-con .sec-02 .certi-list > * {width: calc(50% - 12px); box-sizing: border-box;}
.clean-premium-con .sec-02 figure{display:flex;flex-direction:column;gap:8px;}
.clean-premium-con .sec-02 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-02 figure figcaption{color:var(--color-gray-100);text-align: center;font-size: 14px;font-weight: 400;line-height: 150%;}

/* 프리미엄 입주청소 이미지와 같음 */
.clean-premium-con .sec-04{margin:0;padding:60px 0;background: linear-gradient(180deg, #FFF0DD 0%, rgba(255, 240, 221, 0.00) 40%);}
.clean-premium-con .bk-card-top::after{background: url("../images/sub/bg-c-com-card-01.png")no-repeat;background-size: cover;}
.clean-premium-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-c-com-card-02.png")no-repeat;}
.clean-premium-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-c-com-card-03.png")no-repeat;}
.clean-premium-con .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-c-com-card-04.png")no-repeat; background-size: cover;}
.clean-premium-con .
 .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: 60px;}
.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-swiper-wrap .step-icons .active span{color: #FFB351;}
.clean-premium-con .step-swiper-wrap .step-item::before{border:4px solid #FFD7A3;}
.clean-premium-con .step-swiper-wrap .step-item.active::before{background: #FFB351;border-color:#FFB351;}
.clean-premium-con .step-swiper-wrap .progress-bg{background: #FFD7A3;}
.clean-premium-con .step-swiper-wrap .progress-line {height: 2px;background: #FFB351;width: 0%;transition: width .3s;}

.clean-premium-con .clean-space-wrap .btn-space-click a{background-color: #382E28;}
.clean-premium-con .clean-space-wrap .btn-space-click a::after{background: url("../images/sub/icon-premium-clean-polygon.png")no-repeat;content:'';}
.clean-premium-con .clean-space-wrap .btn-space-click a:active{background-color: #0B0908;}
.clean-premium-con .clean-space-wrap .btn-space-click a:active::after{background: url("../images/sub/icon-premium-clean-polygon-on.png")no-repeat;content:'';}
.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:active{background: #D7AD78;}

.clean-premium-con .review-list a:active .text-box{opacity:1;}
.service-clean-wrap .bg-review-sec a:active .title{color:#5C4F45;}
.service-clean-wrap .bg-review-sec a:active .info{color:#5C4F45;}
.clean-premium-con .review-list a:active .text-box .title{color:#5C4F45;}
.clean-premium-con .review-list a:active .text-box .text{color:#5C4F45;}
.clean-premium-con .review-list a:active .text-box .info{color:#5C4F45;}

/* 청소 - 전문시공  */
.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:320px;content:'';background:url("../images/sub/bg-sub-visual-pack.png")no-repeat 100% 100%;background-size:cover;}
.sub-visual-pack .ani-img{position:absolute;z-index:2;bottom:28px;right:28px;opacity:0;width:160px;height:160px;background: url("../images/sub/img-sub-visual-pack.png")no-repeat;animation: serviceTopAni .5s forwards;}
.sub-visual-pack .ani-img::after{position:absolute;left:31px;top:7px;width:21px;height:23px;display:block;animation: serviceTopAni .5s forwards;opacity:0;animation-delay: 0.5s; content:'';background: url("../images/sub/img-subvisual-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;position: relative;padding-left: 20px;color: #687286;font-size: 14px;letter-spacing: -0.28px;margin-top: 7px;}
.clean-pack-con .pack-link-article .not-text .icon-noti-ob{position: absolute;left: 0;top: 4px;}
.clean-pack-con .pack-link-list{display:flex;flex-direction:column;gap:10px;padding:24px 0 40px;}
.clean-pack-con .pack-link-list li{position:relative;z-index:1;border-radius: 8px;overflow: hidden;}
.clean-pack-con .pack-link-list li.active{opacity: 0.5;background-color: lightgray;}
.clean-pack-con .pack-link-list li.pack-01{background-image: url("../images/sub/img-pack-link-01.png");background-size: cover;}
.clean-pack-con .pack-link-list li.pack-02{background-image: url("../images/sub/img-pack-link-02.png");background-size: cover;}
.clean-pack-con .pack-link-list li.pack-03{background-image: url("../images/sub/img-pack-link-03.png");background-size: cover;}
.clean-pack-con .pack-link-list li a{display: flex;align-items: center;height:80px;padding: 32px;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;color:#fff;}
.clean-pack-con .pack-link-list li a::before{position:absolute;z-index:-1;top:0;left:0;right:0;display:block;width:100%;height:100%;background: rgba(0, 0, 0, 0.60);content:'';}
.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:.3s;background: url("../images/sub/img-pack-link-arr.png")no-repeat;}
.clean-pack-con .pack-link-list li.active a::before{background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(2px);}
.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) 40.87%, rgba(0, 0, 0, 0.00) 83.65%);}
.clean-pack-con .pack-top-banner .text{display:flex;gap:8px;height:100%;justify-content:center;flex-direction:column;align-items:flex-start;padding:0 40px;color:#fff;font-size: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.clean-pack-con .pack-top-banner .text h2{font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.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: 14px;font-weight: 700;line-height: 130%;letter-spacing: -0.28px;}
.clean-pack-con .chk-top-info p{color: #5A6275;letter-spacing: -0.28px;line-height: 21px;font-size:14px;}
.clean-pack-con .chk-list{display:flex;flex-direction:column;gap:20px;}
.clean-pack-con .chk-list li{display:flex;gap:4px;padding-bottom:20px;border-bottom: 1px solid #EEF0F4;}
.clean-pack-con .chk-list li i{flex-shrink:0;}
.clean-pack-con .chk-list li p{font-size: 14px;font-weight: 500;line-height: 150%;letter-spacing: -0.28px;color:#35425C;}
.clean-pack-con .step-service-sec .step-list .step-03::after {width: 49px;height:52px;background: url("../images/sub/icon-clean-step-03.png");}
.clean-pack-con .step-service-sec .step-list li{justify-content: flex-start;}



/* 청소 -전문시공 - 새집증후군 */
.clean-ptc-con .pack-top-banner{position:relative;z-index:1;height: 220px;;overflow:hidden;background: url("../images/sub/bg-pack-top-banner.png")no-repeat;background-size: cover;}
.clean-ptc-con .sec-03{padding:60px 0;background: rgba(228, 241, 255, 0.40);}
.clean-ptc-con .sec-03 > .container{display:flex;flex-direction:column;}
.clean-ptc-con .sec-03 .top-head-title-l{font-weight:400;}
.clean-ptc-con .process-list{display:flex;gap:24px;flex-direction: column;}
.clean-ptc-con .process-list li{display:flex;flex-direction:column;align-items:flex-start;gap:16px;}
.clean-ptc-con .process-list li .text{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%;}
.clean-ptc-con .process-list li .text .title{font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.clean-ptc-con .process-list li .text p{color:#5A6275;font-size:16px;line-height:160%;letter-spacing: -0.48px;}

.clean-ptc-con .sec-06 .bg-box{display:flex;gap:28px;flex-direction:column;align-items:center;margin-bottom:24px;padding:40px 16px;background:#F6F7F8;}
.clean-ptc-con .sec-06 .bg-box .text{font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.clean-ptc-con .sec-06 .graph-list{display:flex;gap:24px;flex-direction: column;padding: 0 16px;}
.clean-ptc-con .sec-06 .graph-list li{flex:1;border-radius: 8px;border: 1px solid #338DFF;overflow:hidden;text-align:center;}
.clean-ptc-con .sec-06 .graph-list li .title{padding:10px 16px;text-align: left;font-size: 12px;font-weight: 700;line-height: 100%;background-color: #338DFF;letter-spacing: -0.24px;color:#fff;}
.clean-ptc-con .sec-07{padding:60px 16px;background:#F6F7F8;}
.clean-ptc-con .sec-07 .bg-box{display:flex;align-items: center;justify-content: center;gap:24px;flex-wrap: wrap;}
.clean-ptc-con .sec-07 .bg-box .img-iem{width:calc((100% - 24px) / 2);}
.clean-ptc-con .sec-07 .img-iem{display:flex;flex-direction:column;gap:8px;align-items:center;color:#5A6275;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;}
.clean-ptc-con .sec-07 .noti-text{display:flex;flex-direction:column;margin-top:20px;color: #687286;font-size: 12px;line-height:120%;}
.clean-ptc-con .sec-07 .noti-text strong{letter-spacing:-0.24px;line-height:100%;}

.clean-pack-con .sv-swiper{margin-left:16px;}
.clean-pack-con .sv-swiper .swiper-slide{width:260px !important;}
.clean-pack-con .controls{display:flex;gap:12px;margin-top:14px;}
.clean-pack-con .controls button{position:static !important;transform: none !important;}
.clean-pack-con .controls button:active{filter: drop-shadow(0 0 8px rgba(31, 33, 41, 0.10));}
.clean-pack-con .controls .swiper-button-disabled {display: block !important;}

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

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


/* 청소비용 계산기 베너 */
.ptc-calc-banner{display:flex;flex-direction:column;align-items:flex-start;position:relative;height:162px;color: #FFF;padding:20px;border-radius: 12px;background:#338DFF;}
.ptc-calc-banner::after{display:block;position:absolute;bottom:20px;right:20px;width:84px;height:81px;content:'';background: url("../images/sub/img-ptc-calc.png")no-repeat;}
.ptc-calc-banner .title{font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.ptc-calc-banner .text{margin:4px 0 20px;font-size: 14px;line-height: 140%;letter-spacing: -0.28px;}
.ptc-calc-banner .btn-link{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius: 50px;color:#07F;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;background: #FFF;transition:background .3s;}
.ptc-calc-banner .btn-link:active{background-color: #D7EAFF;}
.clean-ptc-con .ptc-care-banner{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:20px;border-radius: 12px;background:#F2FFDD;}
.clean-ptc-con .ptc-care-banner::after{display:block;position:absolute;bottom:20px;right:20px;width:80px;height:100px;content:'';background: url("../images/sub/img-ptc-care.png")no-repeat;}
.clean-ptc-con .ptc-care-banner .title{font-size: 14px;line-height: 140%;letter-spacing: -0.28px;color:#5A6275;}
.clean-ptc-con .ptc-care-banner .text{margin:4px 0 20px;font-weight:700;font-size: 18px;line-height: 140%;letter-spacing: -0.36px;}
.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;transition:opacity .3s;}
.clean-ptc-con .ptc-care-banner .btn-link:active{opacity: .7;}

/* 청소비용 계산기 베너 v2 */
.ptc-calc-banner_v2{display:flex;flex-direction:column;justify-content: space-between;align-items:center;text-align:center;position:relative;padding:28px 0;border-radius: 16px;background: linear-gradient(162deg, #E5FFBB 26.12%, #B7E3FF 76.08%);}
.ptc-calc-banner_v2::after{display:block;width:304px;height:126px;content:'';background: url("../images/sub/img-ptc-calc_v2.png")no-repeat; background-size: cover;}
.ptc-calc-banner_v2 .title{color: #353849;font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.ptc-calc-banner_v2 .text{margin:0 0 8px;color: #5A6275;font-size: 16px;line-height: 120%;letter-spacing: -0.36px;}
.ptc-calc-banner_v2 .btn-link{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius: 50px;color:#fff;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;background: #338DFF;transition:background .3s;margin:16px 0 28px;}
.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-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;content:'';background:url("../images/sub/bg-sub-visual-cost.png")no-repeat 100% 100%;background-size: cover;}
.sub-visual-cost .img-clean-ani{position:absolute;z-index:2;bottom:36px;right:36px;opacity:0;width:135px;height:150px;background: url("../images/sub/img-sub-visual-cost.png")no-repeat;animation: serviceTopAni .5s forwards;}

.clean-cost-con .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 .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% - 162px);padding: 0;border:0;border-radius: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 16px;gap:12px;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:12px;line-height:14.4px;}
.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: flex-start;gap: 4px;padding: 3.5px 0;margin-top: -8.5px;font-size: 12px;color: #687286;line-height: 14.4px;}
.clean-cost-con .radio-item input[type="radio"],.clean-cost-con .radio-item input[type="checkbox"]{width: 16px;height: 16px;margin-right: 0;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:fixed;left:0;right: 0;bottom: calc(env(safe-area-inset-bottom) + 69px);z-index: 998;max-width: 640px;margin: 0 auto;width:100%;padding:20px 16px 16px;border-radius:16px 16px 0 0;background-color: #35425C;}
.clean-cost-con .total-cost-wrap .btn-cost{display: flex;position:absolute;left:50%;transform:translateX(-50%);top:-22px;padding:6px 20px 0;border-radius: 8px 8px 0 0;background-color: #35425C;}
.clean-cost-con .total-cost-wrap .btn-cost.active i{transform:rotate(180deg);}
.clean-cost-con .total-cost-wrap .btn-reset{display:flex;justify-content: center;width:66px;height:28px;gap:4px;align-items:center;border-radius: 4px;color:#fff;border: 1px solid #FFF;font-size: 13px;font-weight: 500;line-height: 150%;letter-spacing: -0.26px;}
.clean-cost-con .total-cost-wrap .cost-top-box{display: flex;justify-content: space-between;margin-bottom: 12px;align-items: flex-start;}
.clean-cost-con .total-cost-wrap .cost-top-box .total-top{display: flex;flex-direction:column;align-items:flex-end;gap:2px;}
.clean-cost-con .total-cost-wrap .cost-top-box .total-top .total-top-line{display: flex;align-items:center;}
.clean-cost-con .total-cost-wrap .cost-top-box .total-top .total-top-line dd{flex-direction:row;align-items:center;gap:4px;}
.clean-cost-con .total-cost-wrap .cost-top-box .total-top .text-vat{font-size:11px;line-height:13.2px;color:#AAAFBC;}
.clean-cost-con .total-cost-wrap .cost-top-box .total-top .discount{display: inline-block;height:19px;border-radius:4px;line-height:100%;font-size:11px;background: #FEEDEE;color:#F04452;font-weight:700;letter-spacing: -0.22px;padding: 4px;}
.clean-cost-con .total-cost-wrap dl{display:flex;gap:8px;align-items: center;}
.clean-cost-con .total-cost-wrap .normal-price dd{font-size: 13px;line-height: 19.5px;font-weight: 500;letter-spacing: -0.26px;}
.clean-cost-con .total-cost-wrap dt{color:#DFE1E8;font-size: 14px;letter-spacing: -0.28px;}
.clean-cost-con .total-cost-wrap dd{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:#fff;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.clean-cost-con .total-cost-wrap dd small{color:#AAAFBC;font-size: 11px;line-height: 120%;}
.clean-cost-con .total-cost-wrap .cost-box{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding: 8px 20px 0;border-top:1px solid #AAAFBC;}
.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: #EEF0F4;font-size: 13px;line-height: 19.5px;letter-spacing: -0.26px;}
.clean-cost-con .total-cost-wrap .cost-box dt .select-text{color: #A7D3FF;font-size: 12px;line-height: 14.4px;}
.clean-cost-con .total-cost-wrap .cost-box dd{font-size: 15px;font-weight: 500;line-height: 22.5px;letter-spacing: -0.3px;}


/* 청소 - 사업장 */
.clean-business-con{}
.clean-business-con .sec-01{margin:24px 0 60px;}
/* 청소- 사업장 공통 */
.clean-business-con .top-banner{position:relative;z-index: 1;height: 220px;}
.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) 75%);}
.clean-business-con .top-banner .text{height: 100%;justify-content: center;display:flex;flex-direction:column;gap:8px;padding:60px 40px;color:#fff;font-size: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.clean-business-con .top-banner .text strong{font-size: 20px;line-height: 130%;letter-spacing: -0.8px;}
.clean-business-con .b-logo-list{display:flex;flex-wrap:wrap;column-gap:10px;}
.clean-business-con .b-logo-list >div{width: calc((100% - 20px) / 3);display:flex;align-items:center;justify-content:center;padding: 10px;}
.clean-business-con .b-logo-list >div img{max-width: 80px;}

.clean-business-con .step-service-sec{margin:0;}
.clean-business-con .step-service-sec .step-list li{justify-content: flex-start;min-height: auto;}
.clean-business-con .step-service-sec .step-list .step-03::after {width: 49px;height: 52px;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:10px;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;font-size:14px;color: #008218;border-radius:50px;background-color: #fff;font-weight: 500;line-height: 140%;letter-spacing: -0.28px;}
.clean-business-con .recom-item-box p{font-size: 16px;line-height: 130%;letter-spacing: -0.48px;}
.clean-business-con .recom-item-box li:nth-child(1),.clean-business-con .recom-item-box li:nth-child(3){background: #EFFFC3;}

.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:4px;color:#35425C;font-size:16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.clean-business-con .chk-list li p{font-size: 14px;line-height: 180%;letter-spacing: -0.28px;color:#687286;}
.clean-business-con .chk-list2{display:flex;flex-direction:column;gap:20px;}
.clean-business-con .chk-list2 li{display:flex;gap:4px;padding-bottom:20px;border-bottom: 1px solid #EEF0F4;}
.clean-business-con .chk-list2 li i{flex-shrink: 0;}
.clean-business-con .chk-list2 li p{font-size: 14px;line-height: 21px;letter-spacing: -0.28px;color:#35425C;font-weight: 500;}
.clean-business-con .chk-list li .dot-text{color: #687286;margin-left: 20px;text-indent: -20px;font-size: 14px;line-height:25.2px;letter-spacing: -0.28px;}
.clean-business-con .chk-list li .dot-text::before{display: inline-block;background: #687286;content: '';margin: 0 9px 3px 9px;width: 3px;height: 3px;border-radius: 100%;}

.clean-business-con .sv-target-sec{padding:60px 0;background: rgba(228, 241, 255, 0.40);}
.clean-business-con .sv-target-sec .target-list{display: flex;gap:10px;flex-wrap:wrap;}
.clean-business-con .sv-target-sec .target-list li{display: flex;justify-content: center;align-items: center;width:calc((100% - 20px) / 3);height:32px;max-width:none;padding: 4px 0;border-radius: 50px;background: #FFF;color:#07F;font-size:14px;line-height:21px;letter-spacing: -0.28px;}

.clean-business-con .free-estimate-sec .text2 {font-size: 16px;line-height: 22.4px;letter-spacing: -0.48px;}

/* 청소- 사업장 - 사무실/업소 */
.bk-business-01 .bk-card-top::after{background: url("../images/sub/bg-business1-card-01.png")no-repeat;background-size: cover;}
.bk-business-01 .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-business1-card-02.png")no-repeat;}
.bk-business-01 .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-business1-card-03.png")no-repeat;}
.bk-business-01 .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-business1-card-04.png")no-repeat;}

/* 청소 - 사업장 - 카페트/매트리스 청소 */
.bk-business-02 .bk-card-top::after{background: url("../images/sub/bg-business2-card-01.png")no-repeat;background-size: cover;}
.bk-business-02 .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-business2-card-02.png")no-repeat;}
.bk-business-02 .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-business2-card-03.png")no-repeat;}
.bk-business-02 .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-business2-card-04.png")no-repeat;}

/* 청소 - 사업장 - 건물바닥 청소 */
.bk-business-03 .bk-card-top::after{background: url("../images/sub/bg-business3-card-01.png")no-repeat;background-size: cover;}
.bk-business-03 .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-business3-card-02.png")no-repeat;}
.bk-business-03 .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-business3-card-03.png")no-repeat;}
.bk-business-03 .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-business3-card-04.png")no-repeat;}

/* 청소 - 사업장 - 건물외벽 청소 */
.bk-business-04 .bk-card-top::after{background: url("../images/sub/bg-business4-card-01.png")no-repeat;background-size: cover;}
.bk-business-04 .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-business4-card-02.png")no-repeat;}
.bk-business-04 .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-business4-card-03.png")no-repeat;}
.bk-business-04 .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-business4-card-04.png")no-repeat;}

/* 청소 - 사업장 - 준공청소 청소 */
.bk-business-05 .bk-card-top::after{background: url("../images/sub/bg-business5-card-01.png")no-repeat;background-size: cover;}
.bk-business-05 .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-business5-card-02.png")no-repeat;}
.bk-business-05 .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-business5-card-03.png")no-repeat;}
.bk-business-05 .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-business5-card-04.png")no-repeat;}

/* 이벤트 */
.event-con{padding-bottom:60px;}
.event-con .box{text-align:center;}
.event-con .box img{width:100%;}


/* 인터넷 */
.internet-con{}
.internet-con section{margin: 0 0 60px;}
.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:320px;content:'';background:url("../images/sub/bg-sub-visual-internet.png")no-repeat 100% 100%;    background-size: cover;}
.sub-visual-internet .ani-img{position:absolute;bottom:42.82px;right:17.09px;width:175px;height:177px;animation: aniFloat 1.85s ease-in-out infinite alternate;}
.sub-visual-internet .ani-img-shadow{position: absolute;bottom: 26px;right: 37.82px;animation: csAniShadow 1.85s ease-in-out infinite alternate;}
.internet-con .sec-01 article{display:flex;flex-direction:column;align-items:center;gap:20px;}
.internet-con .sec-01 .top-title-box{display:flex;flex-direction:column;gap: 10px;align-items: center;text-align:center;}
.internet-con .sec-01 .top-title-box .title{font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.internet-con .sec-01 .top-title-box .text{color:#5A6275;font-size: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
/*.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:60px 0 0;}
.internet-con .recom-item-box li{gap:10px;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;font-size: 14px;color: #546CCD;border-radius:50px;background-color: #fff;font-weight: 500;line-height: 150%;letter-spacing: -0.28px;}
.internet-con .recom-item-box p{font-size: 16px;line-height: 130%;letter-spacing: -0.48px;}
.internet-con .recom-item-box li:nth-child(1),.internet-con .recom-item-box li:nth-child(3){background: #E6EBFF;}

.internet-con .sec-04 {position:relative;z-index:1;padding-bottom:102px;background: linear-gradient(180deg, rgba(230, 235, 255, 0.00) 0%, #E6EBFF 100%);}
.internet-con .sec-04::before {display: block;position: absolute;bottom: -3px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 85px;height: 89px;background: url("../images/sub/icon-internet-sec04.png") no-repeat;content: '';}
.internet-con .sec-04::after{display: block;z-index: -1;position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);-webkit-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: 20px;font-size:26px;font-weight: 700;line-height: 33.8px;letter-spacing: -0.78px;gap: 10px;}
.internet-con .sec-04 .top-text small{color:#5A6275;font-size: 16px;font-weight: 500;line-height: 19.2px;letter-spacing: -0.32px;}
.internet-con .sec-04 ul{display:flex;gap:24px;justify-content:center;flex-direction:column;margin-bottom:16px;}
.internet-con .sec-04 ul li{display: flex;flex-direction: column;align-items: center;gap: 20px;text-align: center;padding:20px 36px;background: #FFF;border-radius: 8px;border: 2px solid rgba(84, 108, 205, 0.30);}
.internet-con .sec-04 ul li >div{display: flex;align-items: center;flex-direction: column;}
.internet-con .sec-04 li .text1{display: flex;padding: 5px 16px;justify-content: center;align-items: center;color: #FFF;font-size: 14px;font-weight: 500;line-height: 140%;letter-spacing: -0.28px;border-radius: 50px;background: #546CCD;}
.internet-con .sec-04 li .text2{display:inline-block;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;margin: 20px 0 4px;}
.internet-con .sec-04 li .text3{color: #35425C;letter-spacing: -0.3px;}
.internet-con .sec-04 li .info{color: #687286;font-size: 12px;line-height: 120%;margin-top: 10px;}
.internet-con .sec-04 .btm-text{text-align:center;font-size:12px;line-height: 120%;color:#687286;}

.internet-con .bk-card-top{height: 240px;aspect-ratio: 343 / 240;}
.internet-con .bk-card-top::after{background: url("../images/sub/bg-internet-card-01.png")no-repeat;background-size: cover;}
.internet-con .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-internet-card-02.png")no-repeat;}
.internet-con .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-internet-card-03.png")no-repeat;}
.internet-con .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-internet-card-04.png")no-repeat;}

.internet-con .select-internet-3{display:flex;gap:60px;flex-direction:column;}
.internet-con .select-internet-3 .item-box{position:relative;flex-direction: column;gap: 20px;display:flex;justify-content:space-between;}
.internet-con .select-internet-3 .item-box .select-title{color: #5A6275;font-size: 16px;font-weight: 500;line-height: 19.2px;letter-spacing: -0.32px;}
.internet-con .select-internet-3 .item-box li{width:200px !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 .select-swiper{margin: 0px;}
.internet-con .select-internet-3 .select-swiper .swiper-slide{display: flex;align-items: center;justify-content: center;}
.internet-con .select-internet-3 .internet-speed-swiper 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-swiper .num{font-size: 18px;font-weight: 500;line-height: 120%;letter-spacing: -0.36px;}
.internet-con .select-internet-3 .internet-speed-swiper .num strong{font-size: 34px;font-weight: 700;line-height: 24px;letter-spacing: -1.02px;}
.internet-con .select-internet-3 .internet-speed-swiper .text{margin-top:8px;color: #5A6275;line-height:22.5px;letter-spacing: -0.3px;}
.internet-con .select-internet-3 .internet-speed-swiper .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-swiper .icon-box{display:flex;gap:16px;}
.internet-con .internet-sv-swiper .icon-box img{height: 30px;}
.internet-con .internet-sv-swiper 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 .btn-outline-secondary.btn-all {margin-top: 40px;}
.internet-con .sec-06 .review-num{display: inline-flex;margin:10px 16px 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:49px;height: 52px;background: url("../images/sub/icon-internet-step-03.png")no-repeat;}
.internet-con .step-service-sec .step-list .step-05::after {width: 52px;height: 44px;background: url("../images/sub/icon-internet-step-05.png")no-repeat;}
.internet-con .call-top{margin:24px 0;background: rgba(228, 241, 255, 0.40);}
.internet-con .clean-faq-sec{background: #fff;}

/* 견적바 공통*/
.floating-fix-com{position:fixed;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;opacity:0;transform: translateY(100%);will-change: transform;display: flex;gap:10px;flex-direction: column;align-items: center;justify-content: space-between;width: 100%;padding: 12px 16px calc(16px + env(safe-area-inset-bottom));/* transform:translateY(20px) translateZ(0); */transition:transform 0.3s ease, opacity 0.3s ease;z-index:15;border-radius: 16px 16px 0 0;background: #FFF;box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.05), 0 -3px 10px 0 rgba(0, 0, 0, 0.05);}
.floating-fix-com.show{opacity:1;/* bottom:81px; */ transform: translateY(calc(-1 * (var(--mobile-nav-h) + var(--vv-offset))));transition:opacity .3s, transform .3s;}
.floating-fix-com .text{font-size: 14px;font-weight: 700;line-height: 18.2px;letter-spacing: -0.42px;}
.floating-fix-com .btn-apply{width:100%;}
.floating-fix.force-hide {bottom: -100px;opacity: 0;}
.floating-fix.force-hide.show {opacity:1;bottom:81px;}


/* 견적바 청소*/
.floating-fix-clean{position:fixed;max-width:640px;margin:0 auto;opacity:0;bottom:-30px;width: 100%;padding:18px 16px 16px;transition: bottom 0.5s ease, opacity 0.5s ease;border-radius: 16px 16px 0 0;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: calc(env(safe-area-inset-bottom) + 69px);}
.floating-fix-clean .text-box{display: flex;align-items: center;justify-content: space-between;flex-direction:column;gap:10px;}
.floating-fix-clean .text{font-size: 14px;font-weight: 700;line-height: 130%;letter-spacing: -0.42px;color:#fff;}
.floating-fix-clean .btn-toggle{position: absolute;top: -14px;left: 50%;transform: translate(-50%, 3px);z-index: 2;animation: fadeUp2 .85s ease infinite alternate;display: flex;gap: 4px;padding: 4px 12px;justify-content: center;align-items: center;color: #EEF0F4;font-size: 12px;font-weight: 700;line-height: 120%;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: 112px;width:calc(100% - 12px);max-width: 463px;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:auto;opacity:1;}
.floating-fix-clean .toggle-box-wrap .toggle-box{padding:20px 16px 22px;display: flex;flex-direction: column;align-items: flex-start;gap: 16px;}
.floating-fix-clean .toggle-box-wrap .top-text{color: #FFF;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.floating-fix-clean .toggle-box-wrap .link-box{display: flex;gap: 6px;flex-wrap: wrap;}
.floating-fix-clean .toggle-box-wrap .link-box a{color: #EEF0F4;font-size: 11px;font-weight: 700;line-height: 100%;letter-spacing: -0.22px;display: flex;padding:8px;justify-content: center;align-items: flex-start;gap: 2px;border-radius: 4px;background: #0C1B38;transition: background .3s;}
.floating-fix-clean .toggle-box-wrap .link-box a:active{background-color: #687286;}
.floating-fix-clean .toggle-box-wrap .link-box a:active i{transform:translateY(-3px);}
.floating-fix-clean .btn-apply{width:100%;}

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

/* 견적바 인터넷*/
.floating-fix-internet{position:fixed;max-width:640px;margin:0 auto;opacity:0;bottom:-30px;width: 100%;padding:20px 16px 16px;transition: bottom 0.5s ease, opacity 0.5s ease, height .5s ease;border-radius: 16px 16px 0 0;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:81px; */bottom: calc(env(safe-area-inset-bottom) + 69px);}
.floating-fix-internet.active{/* height:251px; */opacity:1;}
.floating-fix-internet .total-box{display: flex;align-items: center;flex-direction:column;gap:12px;}
.floating-fix-internet .total-box>div{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.floating-fix-internet .total-box .total-line{display:flex;align-items:center;justify-content: space-between;gap:8px;}
.floating-fix-internet .total-box .total-line dt{display: flex;align-items: center;gap: 4px;position: relative;color:#DFE1E8;font-size: 14px;letter-spacing: -0.28px;}
.floating-fix-internet .total-box .total-line dd{color: #FFF;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.floating-fix-internet .total-box .btn-reset{display: flex;padding: 3px 5px;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: 8px 22px 2px;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%;height:0;padding:0 20px;border-top:1px solid #AAAFBC;opacity:0; transition:opacity .3s, height .3s}
.floating-fix-internet .toggle-box.active{opacity:1;height:101px;margin-top:12px;}
.floating-fix-internet .toggle-box dl{display:flex;align-items:center;justify-content:space-between;}
.floating-fix-internet .toggle-box dl:first-child{padding-top:8px;}
.floating-fix-internet .toggle-box dl dt{color:#EEF0F4;font-size: 13px;line-height: 19.5px;letter-spacing: -0.26px;}
.floating-fix-internet .toggle-box dl dd{color:#EEF0F4;font-size: 15px;line-height:22.5px;font-weight: 500;letter-spacing: -0.3px;}
.floating-fix-internet .btn-tooltip{display: inline-flex;}
.floating-fix-internet .tooltip-box{z-index: 3;position:absolute;display:flex;opacity:0;transform:translateY(5px);padding: 6px 8px;justify-content: center;align-items: center;width:232px;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;}
.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 .btn-tooltip.active + .tooltip-box {opacity:1;transform:translateY(0);}
.floating-fix-internet .tooltip-box-01{bottom: 28px;right: -110px;}
.floating-fix-internet .tooltip-box-02{bottom: 109px;left:6px;}
.floating-fix-internet .toggle-box .tooltip-line dt{display: flex;align-items: center;gap: 4px;color:#A7D3FF;font-size: 12px;line-height:120%;}
.floating-fix-internet .toggle-box .tooltip-line dd{color:#A7D3FF;font-size:14px;line-height: 19.6px;letter-spacing: -0.28px;}
.floating-fix-internet .toggle-box .btn-tooltip{display: inline-flex;}
.floating-fix-internet .btn-apply{z-index: 9;position: relative;width:100%;margin-top:12px;}


/* 건물관리 */
/* .building-con{overflow: hidden;} */
.building-con .bor-tab a {padding: 10px 0;}

.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:320px;content:'';background:url("../images/sub/bg-sub-visual-building.png")no-repeat 100% 100%;background-size:cover;}
.sub-visual-building .img-ani{position:absolute;z-index:2;bottom:30px;right:24px;opacity:0;width:140px;height:140px;background: url("../images/sub/img-building-ani.png")no-repeat;animation: serviceTopAni .5s forwards;}
.building-con .sec-01{padding:60px 0;background: url("../images/sub/bg-building-sec1.png")no-repeat 50% 50%;    background-size: cover;text-align:center;color:#fff;}
.building-con  .scroll-tab-box {scroll-margin-top: 70px;}
.building-con .sec-01 .title{font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.building-con .sec-01 .text1{margin-bottom:16px;font-size: 16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}
.building-con .sec-01 .text2{font-size: 14px;letter-spacing: -0.28px;}
.building-con .sec-01 .circle-box{position:relative;width:240px;height:240px;margin:20px auto;}
.building-con .sec-01 .circle-box span{position: absolute;display: flex;width: 125px;height: 125px;justify-content: center;align-items: center;border-radius:100%;background-color: rgba(255,255,255,0.8);color: #17AAB2;font-size: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.building-con .sec-01 .circle-box span:fist-child{top:0;left:0;}
.building-con .sec-01 .circle-box span:nth-child(2){top:0;right:0;}
.building-con .sec-01 .circle-box span:nth-child(3){bottom:0;left:0;}
.building-con .sec-01 .circle-box span:last-child{bottom:0;right:0;}
.building-con .top-banner{    margin-top: 24px;position:relative;z-index: 1;height: 220px;}
.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) 75%);}
.building-con .top-banner .text{height: 100%;justify-content: center;display:flex;flex-direction:column;gap:8px;padding:60px 40px;color:#fff;font-size: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.building-con .top-banner .text strong{font-size: 20px;line-height: 130%;letter-spacing: -0.8px;}
.building-con .recom-item-box li{gap:10px;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;font-size:14px;color: #17AAB2;border-radius:50px;background-color: #fff;font-weight: 500;line-height: 140%;letter-spacing: -0.28px;}
.building-con .recom-item-box p{font-size: 16px;line-height: 130%;letter-spacing: -0.48px;}
.building-con .recom-item-box li:nth-child(1),.building-con .recom-item-box li:nth-child(3){background: rgba(178, 248, 251, 0.50);}

.building-con .sv-list{display:flex;flex-direction:column;gap:24px;}
.building-con .sv-list li{display: flex;flex-direction: column;justify-content: flex-end;padding:20px;z-index:1;position:relative;height:240px;color:#fff;border-radius: 16px;overflow:hidden;}
.building-con .sv-list li::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 .sv-list li .title{margin-bottom:2px;font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.building-con .sv-list li .text{margin-bottom:28px;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;}
.building-con .sv-list li button{width:100%;height:40px;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:4px;color:#35425C;font-size:16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.building-con .chk-list > li p{font-size: 14px;line-height:21px;letter-spacing: -0.28px;color:#687286;}
.building-con .chk-list .box-row .box .indent{padding:0 0 0 20px;}
.building-con .chk-list .box-row .box-title{display:inline-block;color: #687286;font-size: 14px;letter-spacing: -0.28px;font-weight: 500;line-height:260%;margin:0 0 0 9px;}
.building-con .chk-list .box-row .box-title::before{display: inline-block;background: #687286;content: '';margin: 0 6px 3px 0;width: 3px;height: 3px;border-radius: 100%;}
.building-con .chk-list > li ul{display:flex;flex-direction:column;}
.building-con .chk-list li .dot-text{color: #687286;margin-left: 20px;text-indent: -20px;font-size: 14px;line-height:25.2px;letter-spacing: -0.28px;}
.building-con .chk-list li .dot-text::before{display: inline-block;background: #687286;content: '';margin: 0 9px 3px 9px;width: 3px;height: 3px;border-radius: 100%;}

.building-con .sec-sv{margin:0;padding:60px 0;background: rgba(228, 241, 255, 0.40);}
.building-con .sec-sv .card-b-swiper{margin: 0 24px 16px 16px;}
.building-con .sec-sv .card-b-swiper .swiper-slide{width:260px;height:415px;padding:20px;background-color: #fff;border-radius: 8px;}
.building-con .sec-sv .card-b-swiper .swiper-slide .img{display:flex;align-items:center;justify-content:center;height:180px;border-bottom: 1px solid #DFE1E8;}
.building-con .sec-sv .card-b-swiper .swiper-slide .text-box {padding:20px 20px 0;}
.building-con .sec-sv .card-b-swiper .swiper-slide .text-box .title{margin-bottom:4px;font-size: 14px;line-height: 150%;letter-spacing: -0.28px;font-weight:500;color:#353849;}
.building-con .sec-sv .card-b-swiper .swiper-slide .text-box li{color:#5A6275;font-size: 12px;letter-spacing: -0.24px;line-height: 18px;}
.building-con .sec-sv .card-b-swiper .swiper-slide .text-box li:first-child{margin-bottom: 5px;}
.building-con .sec-sv .card-b-swiper .swiper-slide .dot-text{margin-left:20px;text-indent:-20px;}
.building-con .sec-sv .card-b-swiper .swiper-slide .dot-text::before{display: inline-block;background: #5A6275;content: '';margin: 0 6px 3px 6px;width: 3px;height: 3px;border-radius: 100%;}

.building-con .sec-sv .b-logo-list{display:flex;flex-wrap:wrap;padding:0 16px;column-gap:10px;}
.building-con .sec-sv .b-logo-list >div{width: calc((100% - 20px) / 3);display:flex;align-items:center;justify-content:center;padding: 10px;}
.building-con .sec-sv .b-logo-list >div img{max-width: 80px;}
.building-con .sec-sv .btn-row{display:flex;flex-direction:column;gap:10px;width:calc(100% - 32px);margin:24px auto 0;}
.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: 40px;height: 52px;background: url("../images/sub/icon-building-step-02.png");}
.building-con .step-service-sec .step-list .step-03::after {width: 52px;height: 52px;background: url("../images/sub/icon-building-step-03.png");}
.building-con .step-service-sec .step-list .step-04::after {width: 49px;height: 52px;background: url("../images/sub/icon-building-step-04.png");}
.building-con .free-estimate-sec .text2 {font-size: 16px;line-height: 22.4px;letter-spacing: -0.48px;}

/* 건물관리 - 건물관리 */
.bk-building-01 .bk-card-top::after{background: url("../images/sub/bg-building1-card-01.png")no-repeat;background-size: cover;}
.bk-building-01 .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-building1-card-02.png")no-repeat;}
.bk-building-01 .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-building1-card-03.png")no-repeat;}
.bk-building-01 .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-building1-card-04.png")no-repeat;}

/* 건물관리 - 경비보안 */
.bk-building-02 .bk-card-top::after{background: url("../images/sub/bg-building2-card-01.png")no-repeat;background-size: cover;}
.bk-building-02 .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-building2-card-02.png")no-repeat;}
.bk-building-02 .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-building2-card-03.png")no-repeat;}
.bk-building-02 .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-building2-card-04.png")no-repeat;}

/* 건물관리 - 시설관리 */
.bk-building-03 .bk-card-top::after{background: url("../images/sub/bg-building3-card-01.png")no-repeat;background-size: cover;}
.bk-building-03 .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-building3-card-02.png")no-repeat;}
.bk-building-03 .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-building3-card-03.png")no-repeat;}
.bk-building-03 .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-building3-card-04.png")no-repeat;}

/* 건물관리 - 미화관리 */
.bk-building-04 .bk-card-top::after{background: url("../images/sub/bg-building4-card-01.png")no-repeat;background-size: cover;}
.bk-building-04 .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-building4-card-02.png")no-repeat;}
.bk-building-04 .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-building4-card-03.png")no-repeat;}
.bk-building-04 .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-building4-card-04.png")no-repeat;}

/* 건물관리 - 인재파견 */
.bk-building-05 .bk-card-top::after{background: url("../images/sub/bg-building5-card-01.png")no-repeat;background-size: cover;}
.bk-building-05 .bk-card-list .swiper-slide:nth-child(1)::after{background: url("../images/sub/bg-building5-card-02.png")no-repeat;}
.bk-building-05 .bk-card-list .swiper-slide:nth-child(2)::after{background: url("../images/sub/bg-building5-card-03.png")no-repeat;}
.bk-building-05 .bk-card-list .swiper-slide:nth-child(3)::after{background: url("../images/sub/bg-building5-card-04.png")no-repeat;}



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

/* 스낵바 */
.snackbar{visibility: hidden;position: fixed;left: 50%;top: 30px;transform: translateX(-50%);z-index: 99999;opacity: 0;padding:10px 16px;transition: opacity 0.4s ease, top 0.4s ease, visibility 0s linear 0.4s;display: flex;align-items: center;width:calc(100% - 32px);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:46px;transition: opacity 0.3s ease, top 0.3s ease;}
.snackbar .text-box{display:flex;gap:8px;align-items:center;width:calc(100% - 24px);color:#fff;font-size: 14px;line-height: 21px;letter-spacing: -0.32px;}
.snackbar .text-box i{flex-shrink: 0;}
.snackbar .btn-snack-clse{width:24px;height:24px;}

/* 블링크 버튼 */
.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 .intro-title{margin-bottom:40px;text-align: center;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.estimate-wrap .top-head-title-xl{text-align: center;margin:0;}
.estimate-wrap .contents{padding:40px 0 100px;}
.estimate-wrap input[type="radio"], .estimate-wrap input[type="checkbox"]{position:relative;}
.estimate-wrap input[type="radio"]::after, 
.estimate-wrap input[type="checkbox"]::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, 
.estimate-wrap input[type="checkbox"].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{;margin:0 auto;}
.estimate-wrap .estimate-box{padding-top:60px;}
.estimate-wrap .esti-intro-select-box{width:100%;max-width: 416px;margin: 0 auto;}
.estimate-wrap .esti-intro-select-list{display:flex;flex-wrap:wrap;gap:16px;margin: 0 auto;justify-content: center;}
.estimate-wrap .esti-intro-radio{position:relative;aspect-ratio: 152 / 136;max-width:152px;width: calc((100% - 16px) / 2);border-radius: 16px;box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.05);}
.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 .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%);border-radius: 16px;overflow:hidden;}
.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: 14px;line-height: 21px;letter-spacing: -0.28px;font-weight: 500;position: relative;}
.estimate-wrap .esti-intro-select-box .btn.w-100{margin:50px 0 0;}
.esti-intro-select-list .card-svg{width: 100%; height: auto;display: block;}

/* 간편견적  */
.estimate-step-line{display:flex;gap:8px;margin:24px 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 20px;background-color: #fff;border-radius: 8px;}
.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: 20px 0 20px;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:20px 0 24px;}
.estimate-con-wrap .toggle-box-wrap .top-text .lf{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.estimate-con-wrap .toggle-box-wrap .top-text .title{color:#35425C;font-size: 18px;font-weight: 700;line-height:25.2px;letter-spacing: -0.36px;}
.estimate-con-wrap .toggle-box-wrap .top-text .text{width: 105%;color:#5A6275;font-size: 12px;line-height:14.4px;}
.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:20px;}
.estimate-con-wrap .toggle-box .btn-com{margin-top:8px;}
.estimate-con-wrap .toggle-box.g-20{gap:20px;}
.estimate-con-wrap .radio-item{display: flex;padding: 12px 16px;gap:12px;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:12px;line-height:14.4px;}
.estimate-con-wrap .radio-item .text strong{display: flex;align-items: center;gap: 5px;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;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:opacity .3s, transform .3s;}
.estimate-con-wrap .hide-btn.active{transform:translateY(0);opacity:1;}
.estimate-con-wrap .btn-next{width:100%;}
.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.28px;font-size: 14px;color: #35425C;}
.estimate-con-wrap .toggle-box .inp-col .chk-line{display:flex;justify-content:space-between;align-items:center;flex-wrap: wrap;row-gap: 5px;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:-14px;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:transform .3s, opacity .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;right:14px;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: 10px;border-radius: 4px;background:#F6F7F8;}
.estimate-con-wrap .info-box .top{display:flex;gap:5px;align-items:flex-start;margin-bottom:5px;color:#35425C;font-size: 14px;font-weight:500;line-height: 150%;letter-spacing: -0.28px;}
.estimate-con-wrap .info-box .top i{margin-top: 2px;}
.estimate-con-wrap .info-box .top strong{font-weight:500;}
.estimate-con-wrap .info-box .dot-text{position: relative;padding:0 0 0 29px;color:#6D758F;font-size: 12px;line-height:18px;letter-spacing: -0.24px;}
.estimate-con-wrap .info-box .dot-text::before{position: absolute;left: 20px;top: 6px;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:3px;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;}

/* 간편견적 달력 */
.calendar-wrap{}
.calendar-wrap .move-day-info{display:flex;gap:20px;padding-bottom:5px;border-bottom:1px solid #DFE1E8;font-size: 12px;color: #687286;line-height: 150%;letter-spacing: -0.24px;}
.calendar-wrap .move-day-info >div{display:flex;column-gap:5px;align-items:center;flex-wrap: wrap;row-gap: 2px;}
.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 12px;} 
.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;line-height: 16.9px;letter-spacing: -0.26px;text-align: center;}
.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: 494px;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;font-size: 14px;letter-spacing: -0.28px;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;right:3px;display:flex;gap:1px;}
.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;}
.calendar .calendar-grid .day .num{color:#353849;}

/*  */
.counter-col{display:flex;gap:20px;}
.counter-box-wrap{display:flex;gap:6px;flex-direction:column;align-items:flex-start;flex: 1;}
.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%;/* max-width:140px; */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-main{display: flex;align-items: center;height:100%;}
.estimate-complete{display:flex;flex-direction:column;align-items: center;justify-content: center;/* min-height: calc(100vh - 141px); */max-width:416px;text-align:center;width: 100%;margin:0 auto;}
.estimate-complete img{margin-bottom:24px;}
.estimate-complete .text1{margin-bottom:8px;font-size: 26px;font-weight: 700;line-height: 33.8px;letter-spacing: -0.78px;}
.estimate-complete .text2{margin-bottom:24px;color: #5A6275;line-height: 21px;letter-spacing: -0.28px;font-size:14px;}
.estimate-complete .text2 strong{font-weight: 500;}
.estimate-complete .btn-row{display:flex;flex-direction:column;gap:16px;width:100%;}
.estimate-complete .review-btn-row{width:100%;margin-top:24px;}
.estimate-complete .review-btn-row .box{display:flex;align-items:center;justify-content:space-between;gap:5px;width: 100%;padding: 16px 20px;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: 14px;font-weight: 500;text-align: left;line-height: 21px;letter-spacing: -0.28px;}
.estimate-complete .review-btn-row .box .btn{width:100px;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;}


/* 지역점 현황 */
.branch-con{}
.branch-con .branch-swiper-main{position:relative;}
.branch-con .branch-swiper-main .swiper-slide{width:260px !important;}
.branch-con .branch-swiper-main .img{display: flex;margin-bottom:10px;height: 176px;border-radius: 8px;overflow:hidden;}
.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: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;}
.branch-con .branch-swiper-main .text-box .text{color:#687286;text-align: center;font-size: 12px;line-height:14.4px;}
.branch-con .branch-swiper-main .text-box .info{color: #687286;font-size: 12px;line-height: 14.4px;}

.branch-con .branch-sv-area{display:flex;gap:16px;align-items:center;margin-bottom:24px;}
.branch-con .branch-sv-area .title{display:flex;gap:2px;align-items:center;color: #35425C;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;}
.branch-con .branch-sv-area .custom-select{width:220px;font-size: 14px;letter-spacing: -0.28px;line-height: 21px;}
.branch-con .branch-sv-area .custom-select-com .select-btn{height:36px;padding:8px 16px;font-size: 14px;line-height: 21px;}

.branch-con .medal-info-box{display:flex;align-items:center;gap:8px;margin:24px 0;}
.branch-con .medal-info-box .medal-list{display:flex;align-items:center;gap:20px;white-space: nowrap;overflow: auto;}
.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: flex;flex-direction:column;gap:32px;}
.branch-con .branch-award-list li{position:relative;display:flex;align-items:center;gap:16px;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: 160px;height: 107px;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:active .img img{transform:scale(1.12);}
.branch-con .branch-award-list li .icon-box{display:flex;gap:2px;}
.branch-con .branch-award-list li .text-box{}
.branch-con .branch-award-list li .text-box .title{margin-bottom:4px;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;transition:color .3s;}
.branch-con .branch-award-list li:active .title{color:#687286;}
.branch-con .branch-award-list li .text-box .area-line{display:flex;flex-direction:column;align-items: flex-start;gap:4px;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:24px;}
.rpt-proc-wrap .rpt-rule-box{display: flex;flex-direction: column;gap: 8px;padding:20px;border-radius: 12px;background: rgba(189, 207, 224, 0.12);letter-spacing: -0.3px;}
.rpt-proc-wrap .rpt-rule-box li{display: flex;gap: 2px;}
.rpt-proc-wrap .rpt-rule-box .num{display:inline-block;width: 20px;flex-shrink: 0;}
.rpt-proc-wrap .btns-down{display: flex;gap: 24px;flex-direction:column;margin:24px 0;}
.rpt-proc-wrap .btns-down .btn{justify-content: space-between;padding: 0 16px;font-size: 15px;}
.rpt-proc-wrap article+article{margin:60px 0 0;}
.rpt-proc-wrap .accordion-content ul{display: flex;flex-direction: column;gap: 2px;}
.rpt-proc-wrap .accordion-content .dot-text{margin-left:11px;text-indent:-11px;}
.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  */
.board-con-wrap .con-box+.con-box{margin-top:60px;}
.board-con-wrap .top-head-title-xl{margin-bottom:24px;}
.board-con-wrap .cs-box{position:relative;display:flex;flex-direction:column;height: 200px;padding: 32px 20px;border-radius:8px;background: #F6F7F8;}
.board-con-wrap .cs-box .cs-call{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.board-con-wrap .cs-box .time-list{margin-bottom:12px;color:#5A6275;letter-spacing: -0.3px;font-size:14px;line-height:21px;letter-spacing: -0.28px}
.board-con-wrap .cs-box .ani-img{position:absolute;bottom:0;right:20px;height: 140px;}
.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: 24px;letter-spacing: -0.44px;}
.board-con-wrap .cs-sv-box{display: flex;flex-direction: column;gap:20px;}
.board-con-wrap .cs-sv-box button{display:flex;align-items:center;gap:16px;height:80px;padding:0 24px;border-radius: 8px;border: 1px solid #C3C6CE;color:var(--color-gray-800);font-size: 16px;line-height: 120%;letter-spacing: -0.32px;}
.board-con-wrap .cs-sv-box button:active{background-color: #F6F7F8;}

/* 꿀팁영구소 */
.life-list-wrap .top-head-text-xl{margin-bottom:24px;}
.life-total-num{margin:0 0px 24px;font-size: 14px;line-height: 150%;letter-spacing: -0.28px;}
.life-list{display:flex;flex-direction:column;gap:20px;}
.life-list li{}
.life-list li a{display:flex;gap:20px;justify-content:space-between;transition:color .3s;}
.life-list li a:active{color:#0077FF;}
.life-list li .text-box{width:calc(100% - 130px);}
.life-list li .title{margin-bottom:8px;font-weight: 500;letter-spacing: -0.3px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;}
.life-list li .info{display:flex;gap:8px;align-items:center;}
.life-list li .info .hits{display:flex;gap:4px;align-items:center;color:#687286;font-size: 12px;line-height: 120%;}
.life-list li .img{width: 110px;height: 74px;border-radius: 6px;overflow:hidden;background: #EEF0F4;}
.life-list li .img img{transition:transform .3s;}
.life-list li a:active .img img{transform:scale(1.12);}

/* .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:.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:0;right:16px;color: #616678;font-size: 12px;line-height:14.4px;}

/* 리뷰 메인 */
.review-main-con{}
.review-main-con article{position:relative;}
.review-main-con >article{margin-bottom:32px;}
.review-main-con .btn-more{display: flex;align-items: center;gap: 4px;position: absolute;top: 4.5px;right: 16px;font-size: 13px;line-height: 130%;letter-spacing: -0.26px;color: #616678;}
.review-main-con .round-tab{padding:0;margin:0;}
.review-main-con .top-head-title-xl{margin-bottom:24px;}
.review-main-con .review-swiper-main{padding: 0 10vw;overflow:visible;margin-bottom:32px;}
.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-swiper-main .swiper{padding: 0 10vw;}
.review-main-con .review-swiper-main .swiper-slide{width:280px !important;}

.review-main-con article+article{margin:100px 0 0;}
.review-main-con .total-num{margin-bottom:12px;font-size: 14px;line-height: 150%;letter-spacing: -0.28px;}
.review-main-con .total-num strong{font-weight:700;}
.review-main-con .badge-sm{margin-top:6px;display:inline-flex;gap:3px;padding: 3px 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{margin:60px 0;position:relative;padding: 24px 28px;border-radius: 12px;background: #EBF6FF;z-index: 1;}
.review-main-con .review-banner>div{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;}
.review-main-con .review-banner small{color:#5A6275;font-size: 14px;line-height: 21px;letter-spacing: -0.28px;}
.review-main-con .review-banner small em{color:#07F;font-weight: 500;}
.review-main-con .review-banner .title{font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.66px;}
.review-main-con .review-banner a{display:flex;gap:10px;align-items:center;margin-top: 16px;padding:4px 16px;font-weight: 500;letter-spacing: -0.26px;font-size: 13px;border-radius: 50px;border: 1px solid #07F;color:#07F;}
.review-main-con .review-banner a:active{background-color: rgba(235, 246, 255, 0.6);border-color:#0040E6;color:#0040E6;}
.review-main-con .review-banner a:active path{fill:#0040E6;}
.review-main-con .review-banner img{position:absolute;bottom:-16px;right:28px;z-index: -1;}

/* 우수후기 목록 */
.review-best-list{display:flex;column-gap:10px;flex-wrap:wrap;row-gap:24px;}
.review-best-list li{width:calc((100% - 10px) / 2);}
.review-best-list .img{display: flex;width: 100%;overflow:hidden;flex-direction: column;align-items: flex-start;aspect-ratio: 96/65;margin-bottom:10px;position:relative;border-radius:8px;overflow:hidden;}
.review-best-list .img img{transition:transform .3s; width: 100%;height: 100%;object-fit: cover; display: block; }
.review-best-list li:active .img img{transform:scale(1.1);}
.review-best-list .text-box {display:flex;flex-direction:column;align-items:flex-start;gap:4px;}
.review-best-list .text-box .badge-sm{margin:0;}
.review-best-list .text-box .title{width: 100%;color:#353841;font-size:15px;line-height:150%;font-weight:500;letter-spacing: -0.3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.review-best-list .text-box .info{color:#8C92A4;font-size:11px;line-height:120%;}


/* 암행현장점검 */
.scene-main-con{}
.scene-main-con .scene-swiper-main{position: relative;margin-bottom:60px;}
.scene-main-con .scene-swiper-main .swiper-slide{width:260px;position:relative;}
.scene-main-con .scene-swiper-main a{position: relative;z-index: 1;display: flex;width: 100%;height: 338px;overflow: hidden;border-radius: 10px;}
.scene-main-con .scene-swiper-main a::before{display:block;position:absolute;z-index: 0;width:100%;height:100%;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;content:'';}
.scene-main-con .scene-swiper-main a img{ -o-object-fit: cover;object-fit: cover; }
.scene-main-con .scene-swiper-main a .text{position: absolute;display: flex;padding: 28px 24px;width: 100%;height: 100%;;flex-direction: column;justify-content: flex-start;align-items: flex-start;color: #fff;gap: 4px;}
.scene-main-con .scene-swiper-main a .text .num{font-size: 14px;font-weight: 500;line-height: 130%;letter-spacing: -0.28px;}
.scene-main-con .scene-swiper-main a .text .title{font-size: 18px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;margin-bottom: 4px;}
.scene-main-con .scene-swiper-main a .text .date{color:#AAAFBC;font-size: 12px;font-weight: 500;line-height: 130%;letter-spacing: -0.24px;}

/* 자체 현장점검 */
@media (320px <= width <= 640px) {
	.field_check{width:100% !important;border:none !important;font-family: 'Pretendard';margin:auto;} 
	.field_check .head{height:43px !important; line-height:43px !important;}
	.field_check .head .tit{font-size:16px  !important; text-indent:15px  !important;letter-spacing: -0.5px;font-family: 'Pretendard' !important;}
	.field_check .head p{top:10px !important; right:10px !important;display:none;}
	.field_check .store{padding:50px 10px 25px !important;}
	.field_check .store div{font-size:13px !important; background-size:10px 10px !important; background-position:0 20% !important; padding-left:15px !important; }
	.field_check .store div span{font-size:11px !important;}
	.field_check .store._none{padding:20px 0px 20px !important;}
	.field_check .thumb{padding:0 10px 10px !important;}
	.field_check .thumb li{height:auto !important;}
	.field_check .thumb li p{font-size:11px !important;line-height:100%;}
	.field_check .tb{padding:0 10px !important;}
	.field_check .tb table th, .field_check .tb table td{font-size:11px !important; text-align:center !important;}
	.field_check .thumb ul li div{width:auto !important; height:auto !important;padding:0px !important;}
	.field_check .thumb ul li div img{height:auto !important;}
	.field_check .thumb ul li div br{display:none;}
}

/* 숫자 swiper 페이징 */
.swiper-pagination.pagination-fraction-com{position: static;border-radius: 100px;background: rgba(31, 33, 41, 0.50);display: flex;color: #fff;align-items: center;justify-content: center;text-align: center;font-size: 10px;line-height: 15px;width: 38px;letter-spacing: -0.2px;height: 16px;margin: 12px auto 0;gap: 2px;}

.scene-main-con .scene-banner{position:relative;z-index:1;margin-bottom:60px;padding:32px 20px 32px 24px;background-color: #EBF6FF;}
.scene-main-con .scene-banner .top-head-title-xl{color:#35425C;}
.scene-main-con .scene-banner .text{display:flex;align-items:flex-start;gap:6px;font-size:12px;letter-spacing: -0.24px;line-height:18px;color:#687286;}
.scene-main-con .scene-banner .text+.text{margin:2.5px 0 0;}
.scene-main-con .scene-banner .text i{margin-top:2px;flex-shrink: 0;}
.scene-main-con .scene-banner .ani-img{z-index: -1;position: absolute;bottom: 106px;right:24px;animation: aniFloat 1.85s ease-in-out infinite alternate;}
.scene-main-con .scene-banner .ani-img-shadow{position: absolute;bottom:83px;right: 25px;animation: csAniShadow 1.85s ease-in-out infinite alternate;}
/* .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:12px 0 24px;height:37px;padding: 8px 12px;border-radius: 4px;background: #EBF6FF;}
.scene-main-con .vertical-swiper .swiper-slide{width: auto !important;}
.scene-main-con .vertical-swiper .swiper-slide >div{display:flex;align-items:center;gap:6px;color:#35425C;font-size:14px;line-height:21px;letter-spacing: -0.28px;}

.scene-main-con .total-num{margin-bottom:12px;font-size: 14px;line-height: 150%;letter-spacing: -0.28px;}
.scene-main-con .total-num strong{font-weight:700;}
.scene-main-con .review-list .badge-sm{display: inline-flex;padding: 4px 6px;margin-top: 6px;align-items: center;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;}

/* 일반후기 */
.review-text-article{}
.review-text-article .top-head-title-xl{margin-bottom:24px;}
.review-text-article .total-num{margin-bottom: 24px;font-size: 14px;letter-spacing: -0.28px;}
.review-text-list{display:flex;flex-direction:column;gap:20px;}
.review-text-list li{border-bottom:1px solid #DFE1E8;}
.review-text-list li:last-child{border:0;}
.review-text-list li a{display:flex;flex-direction:column;padding-bottom:20px;}
.review-text-list li .title{font-weight:500;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;letter-spacing: -0.3px;}
.review-text-list li .text{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 1px 0 8px;overflow: hidden;color:#5A6275;font-size: 13px;letter-spacing: -0.26px;}
.review-text-list li .info{color:#687286;font-size: 12px;line-height: 120%;}


/* sort */
.sort-chk{display:flex;gap:20px;margin: -12px 0 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:32px auto 0;height: 44px;padding: 8px 16px;border-radius: 4px;border: 1px solid #C3C6CE;}
.keyword-inp-w{width:calc(100% - 32px);}
.keyword-inp input{border: 0;border-radius: 0;width: calc(100% - 30px);padding:0;min-height: auto;}
.keyword-inp:has(input:focus){border-color:#70B8FF;box-shadow: 0 0 4px 0 rgba(112, 184, 255, 0.45);}

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

/* board btn row 공통  */
.b-btn-row{display:flex;flex-direction:column;gap:16px;width:calc(100% - 32px);margin:32px auto 0;}

/* board read */
.read-con{padding:50px 0 60px !important;}
.read-wrap{}
.read-wrap .badge-noti{display: inline-flex;margin:2.5px 8px 0 0;height: 20px;padding: 2px 6px;justify-content: center;align-items: center;border-radius: 4px;flex-shrink: 0;color:#07F;background:#EBF6FF;font-size: 12px;font-weight: 500;line-height: 100%;letter-spacing: -0.24px;}
.read-wrap .read-top{padding-bottom:20px;border-bottom:1px solid #DFE1E8;}
.read-wrap .read-top .title{display:flex;align-items:flex-start;margin-bottom:12px;font-size: 18px;font-weight: 700;line-height:25.2px;letter-spacing: -0.36px;}
.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:2px;color:#5A6275;font-size:14px;line-height: 21px;letter-spacing: -0.28px;}
.read-wrap .read-top .info .date{display: flex;gap:8px;align-items: center;color:#687286;}
.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: 13px;letter-spacing: -0.26px;color: #687286;}
.read-wrap .btn-center{margin-top:24px;}
.read-wrap .btn-center .btn-sm{width:80px;}
.read-wrap .review-box{display:flex;gap:8px;padding:16px;border-radius:8px;margin:12px 0;font-size:14px;line-height:150%;letter-spacing: -0.28px;}
.read-wrap .review-box.review-best{background: #E9F5FF;}
.read-wrap .review-box.review-good{background: #E8FAE1;}
.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;flex-direction: column;align-items: flex-start;gap: 5px;}
.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;margin-left:24px;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-info-box .btn-review:active{background-color: #005BFF;}
.read-wrap .read-contents{padding:40px 0 60px;color:#5A6275;}
.read-wrap .read-contents .field_check{width:100% !important;}/*기존 클래스*/
.read-wrap .read-contents img{max-width: 100%;height: auto;/* display: block; */}
.board-con-wrap .read-wrap .read-contents img{display:block;}
.read-wrap .read-contents table {width: 100%;table-layout: auto;}
.read-wrap .read-contents table td{word-break: break-word;}
.read-ans-wrap{margin-top:60px;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 0;border-bottom: 1px solid #EEF0F4;}
.read-ans-wrap .ans-text:last-child{border:0;}
.read-ans-wrap .info-top{display:flex;gap:12px;align-items:center;margin-bottom:12px;font-size:16px;font-weight:500;letter-spacing: -0.3px;}
.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;}
.read-wrap .btn-row3{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;margin:0;}
.btn-modify .btn-modify{display:flex;gap:12px;}
.btn-modify .btn-modify .btn{max-width:80px;}

/* board 작성하기 */
.write-wrap{width:100%;}
.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:48px;}
.write-wrap .chk-agree-box{padding:16px;background-color: #F6F7F8;border-radius:4px;}
.write-wrap .chk-agree-box .form-check{margin-bottom:5px}
.write-wrap .chk-agree-box .form-check label{font-size:14px;font-weight:500;letter-spacing: -0.28px;}
.write-wrap .chk-agree-box ul{padding-left:20px;display:flex;flex-direction:column;gap:4px;color:#5A6275;font-size: 12px;line-height: 120%;}
.write-wrap .chk-agree-box ul li{text-indent: -12px;margin-left: 12px;}
.write-wrap .textarea-wrap{position:relative;height:300px;padding:8px 8px 8px 16px;border:1px solid #C3C6CE;background: #fff;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;line-height: 21px;margin-bottom:24px;padding: 8px 12px;font-size:14px;border-radius: 4px;background:#EBF6FF;letter-spacing: -0.28px;}
.write-wrap .bg-noti-b i{flex-shrink: 0;margin-top:2px;}
.write-wrap .bg-noti-b span{margin-top: 2px;display: inline-block;color:#687286;line-height: 18.2px;font-size:13px;letter-spacing: -0.26px;}
.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% - 108px);}
.write-wrap .inp-line .btn{width:100px;height:48px;font-size: 16px;}
.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;height:48px;}
.write-wrap .file-box .text-file{margin-top:8px;color:#5A6275;font-size: 13px;line-height: 130%;letter-spacing: -0.26px;}
.write-wrap input:focus{border-color:#70B8FF;box-shadow: 0 0 4px 0 rgba(112, 184, 255, 0.45);}

/* toast editor */
.write-wrap #editor{margin-bottom:24px;}
.toastui-editor-mode-switch{display:none !important;}
.toastui-editor-defaultUI-toolbar{padding:0 16px !important;}
.toastui-editor-defaultUI{touch-action: manipulation;}
.toastui-editor-dropdown-toolbar{flex-wrap: wrap;height:auto !important;right:0 !important;}
.toastui-editor-popup{width:100% !important;left: 0 !important;margin-left:0 !important;}
.toastui-editor-popup-add-table .toastui-editor-table{width:100% !important;}
.toastui-editor-contents table{width:100% !important;}
.toastui-editor-defaultUI .ProseMirror {padding: 18px 16px !important;}

/* board list */
.total-num{margin:24px 0 12px;color:#353849;font-size: 14px;line-height: 21px;letter-spacing: -0.28px;}
.total-num strong{font-weight:700;}
.list {border-top:1px solid #EEF0F4;}
.list li{border-bottom:1px solid #EEF0F4;}
.list .badge-noti{display: inline-flex;height: 16px;padding: 1px 5px;justify-content: center;align-items: center;border-radius: 4px;color:#07F;font-size: 9px;font-weight: 600;line-height: 130%;background: #FFF;}
.list li.bg-noti{background: rgba(235, 246, 255, 0.80);}
.list li a{display:flex;gap:16px;justify-content: space-between;align-items: center;padding:12px 16px;}
.list li a .text-box{display:flex;gap:2px;flex-direction:column;width: calc(100% - 83px);}
.list li a .title-box{display:flex;gap:10px;align-items:center;}
.list li a .title{letter-spacing: -0.3px;white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;}
.list li a .chat-num{display:flex;gap:4px;align-items:center;color: #687286;font-size: 14px;letter-spacing: -0.28px;}
.list li a .info{display:flex;gap:12px;aling-items:center;color: #687286;font-size: 12px;line-height: 120%;}
.list li a .info .hits{display:flex;gap:4px;align-items:center;}
.list li a .date{color: #687286;font-size: 12px;line-height: 120%;}

.share-list .lf{max-width: calc(100% - 80px);}
.share-list .lf .title-line{display:flex;align-items:center;margin-bottom:2px;}
.share-list .bg-noti .title-line{gap:10px;}
.share-list .lf .title-line .title{max-width: 85%;}


/* board event */
.review-event{margin-bottom: 24px;}
.event-list{display:flex;flex-direction:column;gap:24px;}
.event-list .img{border-radius: 12px;overflow:hidden;}
.event-list .img img{width:100%;transition:transform .3s;}
.event-list a:active .img img{transform:scale(1.12);}
.event-list .info, .review-event .info{display:flex;justify-content:space-between;align-items:center;margin-top:8px;}
.event-list .info .status, .review-event .info .status{font-size: 14px;font-weight: 500;line-height: 21px;letter-spacing: -0.28px;}
.event-list .ing .status, .review-event .ing .status{color:#07F;}
.event-list .closed .status{color:#AAAFBC;}
.event-list .info .date, .review-event .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;}
.event-read img{height: auto;}

/* 약관 및 개인정보보호 */
.policy-wrap .bg-top-box{display: flex;flex-direction: column;gap: 8px;margin-bottom:16px;padding:16px;background-color: #F6F7F8;}
.policy-wrap .bg-top-box .policy-text{color:#353849;}
.policy-wrap .link-box{padding:16px;border:1px solid #C3C6CE;}
.policy-wrap .round-tab{margin:24px 0 32px;}
.policy-wrap .tab-con-box{display: flex;flex-direction: column;gap: 8px;font-size: 14px;line-height: 21px;letter-spacing: -0.28px;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: 12px;line-height: 14.4px;gap: 8px;margin-bottom: 8px;}
.policy-wrap .policy-title{margin:16px 0 0;color:#353849;font-size: 18px;font-weight: 700;line-height: 25.2px;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:12px;color:#687286;line-height: 14.4px;}
.policy-wrap .last-line{border-top: 1px solid #DFE1E8;padding-top: 24px;}

/* 설치/시공 */
.install-con{}
.install-con section{margin: 0 0 60px;}
.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;content:'';background:url("../images/sub/bg-sub-visual-install.png")no-repeat 100% 100%;background-size: cover;}
.sub-visual-install .ani-img{position:absolute;bottom:44px;right:30px;animation: aniFloat 1.85s ease-in-out infinite alternate;}
.sub-visual-install .ani-img-shadow{position: absolute;bottom:12px;right: 50px;animation: csAniShadow 1.85s ease-in-out infinite alternate;}
.install-con .install-list{display: grid;column-gap: 16px;row-gap: 24px;grid-template-columns: 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 a .img{border-radius:8px;overflow:hidden;transition:transform .3s;}
.install-con .install-list li a .img img {transition:transform .3s;}
.install-con .install-list li a:active .img img{transform:scale(1.12);}
.install-con .install-list h3{font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.32px;transition:opacity .3s;}
.install-con .install-list a:active h3{opacity:.7;}

.install-view-wrap .box img{width:100%;}
.install-view-wrap {padding-bottom:60px;}
/* .install-con .install-list .badge-list{display:flex;gap:8px;flex-wrap:wrap;}
.install-con .install-list .badge-list span{display: inline-flex;padding:6px 16px;justify-content: center;align-items: center;border-radius: 4px;font-weight:500;background: rgba(255, 255, 255, 0.70);color: #F60;font-size: 12px;line-height: 12px;letter-spacing: -0.24px;}

/* 견적 추가페이지 20260304*/
.estimate-wrap .addservices-wrap{width:100%;margin:0 auto;}

.addservices-wrap .alarm{display: flex;padding: 12px 16px;flex-direction: row;border-radius: 4px;background: #FFF;gap: 6px;justify-content: flex-start; align-items: center;margin-bottom:16px;}
.addservices-wrap .alarm img{width:16px;height:16px;}
.addservices-wrap .alarm .alarm-noti{color: var(--color-gray-700);text-align: center;font-size: 15px;font-weight: 400;line-height: 150%;letter-spacing: -0.3px;}
.addservices-wrap .tab-container{padding:16px 0;position: sticky;top:58px;/* z-index:0; */z-index: 12;background: var(--color-gray-50);outline:2px solid var(--color-gray-50);overflow-x: auto;white-space: nowrap;-ms-overflow-style: none;scrollbar-width: none;gap:}
.addservices-wrap .tab-container .tab-menu{display: flex;gap: 10px;}
.addservices-wrap .tab-container .tab-menu .tab-item{padding: 7px 20px;border-radius: 100px;border: 1px solid var(--color-gray-600);color: var(--color-gray-800);text-align: center;font-size: 14px;font-weight: 400;line-height: 150%;letter-spacing: -0.3px;cursor: pointer;}

.addservices-wrap .tab-container .tab-menu .tab-item.active{background: var(--color-gray-700);color: #FFF;font-weight: 700;}
 
.addservices-wrap .is-disabled{opacity: 0.3;pointer-events: none;}
.addservices-wrap .toggle-box-wrap{display:flex;flex-direction:column;border-radius: 12px;}
.addservices-wrap .toggle-box-wrap+.toggle-box-wrap{margin:48px 0 0;}
.addservices-wrap .toggle-box-wrap .top-text{display:flex;align-items:center;gap: 12px;margin-bottom: 16px;padding: 10px 20px;border-radius: 10px;}
.addservices-wrap .toggle-box-wrap .top-text.section-header{position: sticky;/* top:177px; */top:127px;z-index:10;}
.addservices-wrap .toggle-box-wrap .top-text .add-icon{width:42px;height:42px;background:#fff;border-radius: 50%;}
.addservices-wrap .toggle-box-wrap.open .top-text{padding: 32px 0 24px;}
.addservices-wrap .toggle-box-wrap .top-text .lf{display:flex;flex-direction:column;gap:2px;align-items:flex-start;}
.addservices-wrap .toggle-box-wrap .top-text .title{color: var(--color-gray-700);font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.34px;}
.addservices-wrap .toggle-box-wrap .top-text .text{color: var(--color-gray-600);font-size: 12px;font-weight: 400;line-height: 120%;}
.addservices-wrap .toggle-box-wrap.open .icon-unchecked{display:none;}
.addservices-wrap .toggle-box-wrap.open .icon-estimate-toggle-arr{display:block;}
.addservices-wrap .toggle-box-wrap .rg{color:#07F;font-size: 14px;font-weight: 500;line-height: 130%;letter-spacing: -0.28px;}
.addservices-wrap .toggle-box{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:12px;padding-bottom:0px;}
.addservices-wrap .toggle-box.g-20{gap:20px;}
.addservices-wrap .toggle-box > label{justify-content: space-between;width: 100%; background: #fff;}
.addservices-wrap .toggle-box > .w-100{width:100%;}
.addservices-wrap .toggle-box .btn-com{margin-top:12px;}
.addservices-wrap .toggle-hidden{display:block;border-top: 1px solid var(--color-gray-200, #DFE1E8);margin-top:30px;}
.addservices-wrap .toggle-hidden .top-text{margin:24px 0;padding:0;display: flex;flex-direction: column;align-items: flex-start;gap: 4px;align-self: stretch;}

.addservices-wrap .counter-inp-box{display: flex; justify-content: space-between;flex-wrap: wrap;align-content: center;padding: 17px 12px;border: 1px solid #DFE1E8;border-radius: 6px;}
.addservices-wrap .counter-inp-box.off-hide{opacity: 0.3;}
.addservices-wrap .counter-inp-box .inp-num{color: var(--color-gray-700, #35425C);text-align: center;font-size: 16px;font-weight: 400;line-height: 150%;letter-spacing: -0.32px;}
.addservices-wrap .counter-inp-box .inp-num .stepper-input{width: 20px;border: none;outline: none;color: var(--color-gray-700, #35425C);text-align: center;font-family: Pretendard;font-size: 16px;font-weight: 400;line-height: 150%;letter-spacing: -0.32px;}
.addservices-wrap .radio-item{display: flex;padding: 20px;gap:16px;align-items:center;border-radius: 6px;border: 1px solid #DFE1E8;cursor:pointer;transition:background .2s, border-color .2s;}
.addservices-wrap .radio-item:has(input:checked){background: rgba(235, 246, 255, 0.80);border-color:#70B8FF;}
.addservices-wrap .radio-item .text{display:flex;flex-direction:column;gap:0px;color:#5A6275;font-size:12px;line-height:120%;letter-spacing: -0.26px;}
.addservices-wrap .radio-item .text strong{display: flex;align-items: center;gap: 6px;color:#353849;font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.32px;}
.addservices-wrap .radio-item .text strong .preface{display: flex;height: 16px;padding: 0 4px;justify-content: center;align-items: center;border-radius: 4px;background: #FFEFEE;color: #FF5B55;font-size: 11px;font-weight: 500;line-height: 100%;letter-spacing: -0.22px;}
.addservices-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;}
.addservices-wrap .radio-item input[type="radio"],
.addservices-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() no-repeat;}
.addservices-wrap .radio-item input:checked[type="radio"],
.addservices-wrap .radio-item input:checked[type="checkbox"]{background-image: url("../images/sub/check-lg.svg");}
.addservices-wrap .hide-btn{transform:translateY(8px);opacity:0;transition:transform .3s, opacity .3s;}
.addservices-wrap .hide-btn.active{transform:translateY(0);opacity:1;}
.addservices-wrap .btn-next{width:100%;}

.addservices-wrap .inp{display: flex;flex-direction: column;padding: 20px;border-radius: 10px;background:#fff;gap:16px;}
.addservices-wrap .inp .top-text{padding: 0;margin:0;}
.addservices-wrap .inp .mt-24{margin-top:16px;}
.addservices-wrap .inp .toggle-box{display: flex;flex-direction: column;}
.addservices-wrap .inp .dayline{display: flex;padding:16px;flex-direction: column;align-items: flex-start;gap: 16px;align-self: stretch;border-radius: 4px;border: 1px solid var(--color-gray-300);}
.addservices-wrap .inp .dayline .calendar-wrap{padding:0;}
.addservices-wrap .inp .dayline .calendar-wrap .text{color: var(--color-gray-600);font-size: 14px;font-weight: 400;line-height: 150%;}
.addservices-wrap .inp .dayline .calendar-wrap .calendar{padding:18px 20px 0;}
.addservices-wrap .inp .dayline .calendar-wrap .move-day-info{padding:16px 0;}
.addservices-wrap .inp .data-day{display: flex;height: 44px;padding: 8px 16px;align-items: center;align-self: stretch;border-radius: 4px;border: 1px solid var(--color-gray-300);cursor: pointer;}
.addservices-wrap .inp .data-day .daytxt{width:100%;background:url("../images/sub/add_icon_calendar.svg") right no-repeat;}
.addservices-wrap .inp .data-day .daytxt .text{color: var(--color-gray-800);font-size: 15px;font-weight: 400;line-height: 150%;}

.addservices-wrap .toggle-box .inp-col{display:flex;gap:8px;flex-direction:column;font-size:14px;}
.addservices-wrap .toggle-box .inp-col label{letter-spacing: -0.3px;color: #35425C;width: auto;}
.addservices-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;}
.addservices-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;}
.addservices-wrap .toggle-box .inp-col .chk-line .btn-more .icon-more{width:8px;height:9px;background:url("../images/sub/icon-more-arr.svg");}
.addservices-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;}
.addservices-wrap .toggle-box .inp-col .chk-line .lf{position:relative;display: flex;align-items: center;gap: 4px;}
.addservices-wrap .toggle-box .inp-col .chk-line .btn-tooltip{display: inline-flex;}
.addservices-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;}
.addservices-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:'';}
.addservices-wrap .toggle-box .inp-col .chk-line .btn-tooltip.active + .tooltip-box {opacity:1;transform:translateY(0);}
.addservices-wrap .evt-box-wrap{width: 100%; display:flex;flex-direction:column;gap:24px;margin-top: 48px;}
.addservices-wrap .evt-box-wrap .title{font-size: 20px; text-align: center;}

.addservices-wrap .add-top{position:relative;display:flex;justify-content:center;margin-bottom:40px;}
.addservices-wrap .add-top .btn-back{position:absolute;left:0;top:5px;}
.addservices-wrap .radio-item:has(input:checked) {background: rgba(235, 246, 255, 0.80);outline: 2px solid #338DFF;}

.addservices-wrap .banner-container input[type="checkbox"]{display:none;}
.addservices-wrap .toggle-box > label.banner-container{position: relative;cursor: pointer; user-select: none;width:100%;display: flex;height: 100px;padding: 24px;align-items: flex-start;justify-content: flex-start;gap: 8px;align-self: stretch;overflow: hidden;border-radius: 10px;background: linear-gradient(90deg, #FB7245 47.73%, rgba(253, 192, 171, 0.90) 67.84%, rgba(253, 192, 171, 0.00) 80.16%), url("../images/sub/ceragem-bgimg.webp") no-repeat right center / cover;}
.addservices-wrap .banner-container .apply-coupon {display: none;}
.addservices-wrap .banner-bg-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.addservices-wrap .banner-container::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px;z-index: 2;}
.addservices-wrap .visual-checkbox {width: 16px;height: 16px;background-color: #fff;border-radius: 2px;position: relative;z-index: 3;flex-shrink: 0;}
.addservices-wrap .banner-container .apply-coupon:checked + .visual-checkbox::after {content: ''; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 16px; height: 16px;/* 이미지 불러오기 */background-image: url(../images/sub/check-square.svg);background-repeat: no-repeat;background-position: center;background-size: contain;}
.addservices-wrap .text-content {color: #fff;position: relative;z-index: 3;}
.addservices-wrap .titlesub{margin-bottom: 9px;color: #FFF;font-size: 18px;font-weight: 500;line-height: 100%;letter-spacing: -0.36px;}
.addservices-wrap .description {color: #FFF;font-size: 13px;font-weight: 400;line-height: 130%;letter-spacing: -0.26px;}

.addservices-wrap .available {color: #ffffff;margin-top:24px;display: flex;padding: 12px 16px;align-items: flex-start;gap: 5px;align-self: stretch;	border-radius: 4px;background: #7A869E;}
.addservices-wrap .icon-container {margin-top: 2px;flex-shrink: 0;}
.addservices-wrap .info-icon {width: 16px;height: 16px;fill: white;}
.addservices-wrap .content-con-v2 {flex-grow: 1;}
.addservices-wrap .notice-title {color: #FFF;font-size: 14px;font-weight: 500;line-height: 150%;letter-spacing: -0.28px;margin-bottom:5px;}
.addservices-wrap .notice-list {list-style: none;}
.addservices-wrap .notice-list li {position: relative;padding-left: 10px;color: #FFF;font-size: 12px;font-weight: 400;line-height: 150%;letter-spacing: -0.24px; }
.addservices-wrap .notice-list li::before {content: '•';position: absolute;left: 0;top: 0;}
 
/* 캐릭터 위아래 움직임 */
@keyframes aniFloat {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -10px);
  }
}

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




/* 칭찬후기 이벤트 */
.review-event-landing .top-sec{height:360px;background: #E1F4FD  url("../images/event/img-review-landing-top.png")  50% 0 / cover no-repeat;}
.review-event-landing .sticky-tab{position:sticky;z-index:2;top:58px;left:0;display:flex;gap:16px;align-items:center;justify-content:center;height:57px;background: #194EDB;}
.review-event-landing .sticky-tab a{padding:8px 16px;font-size: 14px;font-weight: 700;line-height: 150%;letter-spacing: -0.28px;border-radius: 4px;background: #FFF;color: #194EDB;transition: font-weight .3s, background .3s;}
.review-event-landing .sticky-tab a:active{background: rgba(255, 255, 255, 0.60);font-weight:400;}
.review-event-landing .count-sec .container{display: flex;flex-direction: column;align-items: center;justify-content: center;padding:60px 16px;font-size: 16px;font-weight: 500;line-height: 130%; letter-spacing: -0.48px;background: linear-gradient(90deg, #C8EBFF 20%, #EFF8FF 50%, #C8EBFF 80%);}
.review-event-landing .count-sec .text-count{display:flex;gap:4px;align-items: baseline;font-size: 24px;font-weight: 500;line-height: 130%;letter-spacing: -0.48px;}
.review-event-landing .count-sec .text-count .text-blue{letter-spacing: -0.96px;font-size: 48px;color: #194EDB;}
.review-event-landing .count-sec .text-date{display:inline-block;margin: 18px 0 8px;color:#687286;font-size: 12px;font-weight: 400;line-height: 140%; letter-spacing: -0.24px;}
.review-event-landing .count-sec .text-gr{margin-top:12px;font-size: 21px;text-align:center;font-weight:700;background: linear-gradient(90deg, #194EDB 2.27%, #0090EA 43.02%, #00D0F5 103.13%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 150% 150%;animation: bgChange 3s ease infinite;transition: background-size 0.5s ease;}
.review-event-landing .event-label{display: flex;height:31px;padding: 10px 16px;justify-content: center;align-items: center;color: #FFF;font-size: 16px;font-weight: 500;line-height: 31px;letter-spacing: -0.32px;border-radius: 50px;background: #5E50FC;}
.review-event-landing .text-pink{color: #FF24A7;}
.review-event-landing .text-yellow{color: #FAFF6B;}
.review-event-landing .event-01 .item-01 .container{display: flex;align-items: center;justify-content: center;flex-direction: column;padding:60px 16px;}
.review-event-landing .event-01 .item-01 .title{margin: 25px 0 11px;font-size: 28px;line-height: 130%;letter-spacing: -0.56px;text-align:center;}
.review-event-landing .event-01 .item-01 .text-01{color: #5A6275;line-height: 140%;letter-spacing: -0.28px;display: flex;align-items: center;font-size:14px;gap: 4px;}
.review-event-landing .event-01 .item-01 .text-02{margin: 26px 0 38px;text-align: center;font-size: 18px;font-weight: 500;line-height: 130%;letter-spacing: -0.36px;}
.review-event-landing .event-01 .item-02{position:relative;z-index:1;display: flex;flex-direction: column;gap:14px;align-items: center;padding-top: 34px;font-size: 20px;letter-spacing: -0.4px;line-height: 130%;color: #FFF;height:241px;text-align:center;text-shadow: 0 0 5px rgba(48, 88, 132, 0.50);background: url("../images/event/img-review-landing-event1-top.png")no-repeat 50% 0;}
.review-event-landing .event-01 .item-02 p{font-size: 24px;letter-spacing: -0.48px;font-weight: 700;line-height:31.2px;}
.review-event-landing .event-01 .item-03{margin-top: -50px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0 60px;background: linear-gradient(180deg, #1D1D1D 0%, #25243F 54.04%, #1D1D1D 100%);}
.review-event-landing .event-01 .item-03 .title{color: #FFF;font-size: 28px;font-weight: 700;line-height: 130%;letter-spacing: -0.56px;}
.review-event-landing .event-01 .item-03 .text-01{margin:10px 0 25px;display: flex;align-items: center;gap: 6px;color:#DFE1E8;font-size: 14px;line-height: 140%;letter-spacing: -0.28px;}
.review-event-landing .event-01 .item-03 .text-02{color: #FFF;font-weight: 500;font-size: 20px;text-align:center;line-height: 130%;letter-spacing: -0.4px;}
.review-event-landing .event-01 .item-03 .card-01{position:relative;margin:50px 0 70px;width:300px;height:157px;}
.review-event-landing .event-01 .item-03 .card-01 .circle{display:flex;align-items:center;justify-content:center;width:72px;height:72px;position:absolute;top:-20px;right:-20px;font-size: 18px;font-weight: 700;text-align: center;line-height: 120%;letter-spacing: -0.36px;border-radius: 100%;border: 2px solid #8081EF;background: #DEFF24;box-shadow: 0 0 24px 0 rgba(111, 75, 206, 0.60);}
.review-event-landing .event-01 .item-03 .card-01 .rotate{display: flex;flex-direction: column;align-items: center;gap: 8px;overflow:hidden;justify-content: center;text-align: center;width:100%;height:100%;transition:transform .65s;border-radius: 12px;background:url("../images/event/bg-review-landing-card-01.png")no-repeat;transition:transform .65s;}
.review-event-landing .event-01 .item-03 .card-01 .rotate::before{content: "";position: absolute;inset: 0;padding: 2px;border-radius: inherit;background: linear-gradient(-135deg, #F5DCFF, #9F80FF);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);  mask-composite: exclude;pointer-events: none;}
.review-event-landing .event-01 .item-03 .card-01.active .rotate{transform: rotate(6deg);}
.review-event-landing .event-01 .item-03 .card-01.active .rotate::after {content: "";position: absolute;top: 0;left: -100%;width: 30%;height: 100%;background: linear-gradient(120deg,transparent,rgba(255,255,255,0.6),transparent);transform: skewX(-20deg);animation: shimmerAni 1.85s infinite;z-index: -1;}

.review-event-landing .event-01 .item-03 .card-01 .text{color: #2A1D98;font-size: 18px;font-weight: 500;letter-spacing: -0.36px;}
.review-event-landing .event-01 .item-03 .card-01 .price{color: #151523;font-weight: 700;letter-spacing: -0.84px;line-height: 130%;font-size: 42px;}
.review-event-landing .event-01 .item-03 .card-list{display:flex;flex-direction:column;gap:30px;}
.review-event-landing .event-01 .item-03 .card-02{display:flex;flex-direction:column;justify-content: center;gap: 5px;position:relative;padding:30px;width:300px;height:157px;border-radius:8px;background:url("../images/event/bg-review-landing-card-02.png")no-repeat;}
.review-event-landing .event-01 .item-03 .card-02 .text{color: #1A4BB8;font-size: 18px;font-weight: 500;line-height: 130%;letter-spacing: -0.36px;}
.review-event-landing .event-01 .item-03 .card-02 .price{font-size: 42px;font-weight: 700;line-height: 130%;letter-spacing: -0.84px;}
.review-event-landing .event-01 .item-03 .card-02 .circle{display:flex;align-items:center;justify-content:center;width:72px;height:72px;color: #FFF;position:absolute;top:-20px;right:-20px;font-size: 18px;font-weight: 700;text-align: center;line-height: 110%;letter-spacing: -0.36px;border-radius: 100%;border: 2px solid #3D6DBF;background: #000;animation: glowAni 1.5s ease-in-out infinite alternate;}
@keyframes glowAni {
  from {
    box-shadow:
      0 0 5px rgba(159,181,255,0.5),
      0 0 10px rgba(159,181,255,0.5),
      0 0 20px rgba(159,181,255,0.6),
      0 0 30px rgba(159,181,255,0.7);
  }

  to {
    box-shadow:
      0 0 10px rgba(159,181,255,0.7),
      0 0 20px rgba(159,181,255,0.8),
      0 0 40px rgba(159,181,255,0.9),
      0 0 60px rgba(159,181,255,1);
  }
}

.review-event-landing .event-01 .item-04{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;background: linear-gradient(90deg, #1E1E20 6.85%, #393C71 53.42%, #1E1E20 100%);}
.review-event-landing .event-01 .item-04 .title{color: #FFF;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;}
.review-event-landing .event-01 .item-04 .text{margin: 18px 0 40px;color: #FFF;font-size: 18px;text-align:center;font-weight: 400;line-height: 130%;letter-spacing: -0.36px;}
.review-event-landing .event-01 .item-04 .btns{flex-direction:column-reverse;gap:20px;width:calc(100% - 32px);}
.review-event-landing .event-01 .item-04 .btns .btn{width:100%;font-size: 16px;color:#fff;font-weight: 500;border-radius: 4px;border: 1px solid #8486FF;background: rgba(255, 255, 255, 0.12);transition:background .3s;}
.review-event-landing .event-01 .item-04 .btns .btn:active{background-color : rgba(255, 255, 255, 0.03);}

.review-event-landing .event-02{}
.review-event-landing .event-02 .event2-bg-01{background: linear-gradient(180deg, #FFF 50%, #FFEDEE 100%);}
.review-event-landing .event-02 .event2-bg-02{padding: 0 0 60px;background:#FFEDEE;}
.review-event-landing .event-02 .event-label{background: #EE0034;}
.review-event-landing .event-02 .top{display:flex;align-items:center;justify-content:center;height:190px;background:url("../images/event/img-review-landing-event2-top.png") no-repeat 50% 0;}
.review-event-landing .event-02 .top .text-box{display: flex;gap:8px;align-items: center;flex-direction:column;justify-content: center;color: #EEF0F4;font-size: 18px;line-height: 130%; letter-spacing: -0.36px;}
.review-event-landing .event-02 .top .text-02{text-align:center;color: #FFF;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.52px;}
.review-event-landing .event-02 .item-01{}
.review-event-landing .event-02 .item-01 .text-box{padding:40px 0 ;display:flex;flex-direction:column;align-items:center;}
.review-event-landing .event-02 .item-01 .title{margin: 23px 0 10px;font-size: 28px;font-weight: 700;line-height: 130%; letter-spacing: -0.56px;}
.review-event-landing .event-02 .item-01 .text-01{margin-bottom: 22px;display: flex;align-items: center;gap: 4px;color: #5A6275;font-size: 15px;line-height: 140%;letter-spacing: -0.3px;}
.review-event-landing .event-02 .item-01 .text-02{font-size: 18px;font-weight: 500;line-height: 130%;letter-spacing: -0.36px;text-align:center;}
.review-event-landing .event-02 .sns-guide-list{display: flex;gap:16px;flex-direction: column;margin-bottom:16px;}
.review-event-landing .event-02 .sns-guide-box{position:relative;display:flex;flex-direction: column;justify-content: space-between;align-items: stretch;gap:13px;padding:30px 24px;transition:transform .3s;border-radius: 12px;min-height: 255px;border: 2px solid transparent;background:linear-gradient(#F6F7F8, #F6F7F8) padding-box, linear-gradient(135deg, #6823F3, #F00034) border-box;}
/* .review-event-landing .event-02 .sns-guide-box:active{transform: translateY(-10px);} */
.review-event-landing .event-02 .sns-guide-box .logo{display:flex;flex-wrap: wrap;gap:10px;width:144px;}
.review-event-landing .event-02 .sns-guide-box .btn{position:absolute;top:30px;right:24px;padding:6px 12px;gap:10px;font-size:14px;line-height: 18px;letter-spacing: -0.28px;font-weight: 500;overflow: hidden;background: linear-gradient(102deg, #6823F3 -5.56%, #F00034 106.3%);color: #fff;}
.review-event-landing .event-02 .sns-guide-box .btn::after {content: "";position: absolute;top: 0;left: -100%;width: 50%;height: 100%;background: linear-gradient(120deg,transparent,rgba(255,255,255,0.6),transparent);transform: skewX(-20deg);animation: shimmerAni 2s infinite;}
@keyframes shimmerAni {
  0% {left: -100%;}
  100% {left: 150%;}
}
.review-event-landing .event-02 .sns-guide-box .text{display:flex;flex-direction:column;align-items: flex-end;gap: 5px;text-align: right;font-size: 16px;font-weight: 500;line-height: 130%;letter-spacing: -0.32px;}
.review-event-landing .event-02 .sns-guide-box .text p{display:flex;gap:8px;align-items: baseline;}
.review-event-landing .event-02 .sns-guide-box .text strong{font-size: 32px;font-weight: 700;line-height: 130%;letter-spacing: -0.64px;}
.review-event-landing .event-02 .item-01 {margin-bottom:40px;}
.review-event-landing .event-02 .item-01 .sns-info-text{display:flex;flex-direction:column;gap:4px;color:#35425C;letter-spacing: -0.28px;font-size: 14px;}
.review-event-landing .event-02 .item-01 .sns-info-text p{margin-left: 12px;text-indent: -12px;}
.review-event-landing .event-02 .item-02 .title{margin-bottom:20px;text-align:center;font-size: 22px;font-weight: 700;line-height: 130%;letter-spacing: -0.44px;}
.review-event-landing .event-02 .item-02 .method-step{padding:0 0 60px 16px;}
.review-event-landing .event-02 .item-02 .method-step li{width:280px;}
.review-event-landing .event-02 .item-02 .method-step li .img{position:relative;width:280px;border-radius:8px;overflow:hidden;}
.review-event-landing .event-02 .item-02 .method-step li .num{display:flex;align-items:center;justify-content:center;width:28px;height:27px;border-radius: 8px 0;position:absolute;top:0;left:0;z-index: 1;background-color: #F00034;color:#fff;font-size:16px;font-weight:700;line-height: 130%;}
.review-event-landing .event-02 .item-02 .method-step .text{margin-top:20px;text-align:center;color:#35425C;font-size: 15px;font-weight: 500;line-height: 130%;letter-spacing: -0.3px;}
.review-event-landing .event-02 .item-03 .round-title{display: flex;width: 180px;margin: 0 auto 40px;padding: 8px 24px;justify-content: center;align-items: center;font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.4px;color: #FFF;background-color: #35425C;border-radius:50px;}
.review-event-landing .event-02 .item-03 .sub-title{margin-bottom:15px;color:#35425C;font-size: 20px;font-weight: 700;line-height: 130%;text-align:center;letter-spacing: -0.4px;}
.review-event-landing .event-02 .item-03 .com-guide-list{display:flex;gap:16px;flex-direction: column;margin-bottom:40px;}
.review-event-landing .event-02 .item-03 .com-guide-box{flex:1;padding:20px 16px;border-radius: 8px;font-size: 15px;letter-spacing: -0.3px;line-height: 150%;background: #FFF;color:#35425C;}
.review-event-landing .event-02 .item-03 .com-guide-box .title{margin-bottom:8px;display: flex;gap: 8px;align-items: flex-start;font-size: 16px;line-height: 120%;letter-spacing: -0.32px;font-weight: 500;}
.review-event-landing .event-02 .item-03 .com-guide-box .dot-text{position:relative;margin-left:20px;text-indent: 0;letter-spacing: -0.32px;}
.review-event-landing .event-02 .item-03 .com-guide-box .dot-text::before{display: inline-block;position:absolute;top:8px;left:-11px;background: #35425C;content: '';width: 3px;height: 3px;border-radius: 100%;}
.review-event-landing .event-02 .item-03 .sns-acco-list{display:flex;flex-direction:column;gap:20px;margin-bottom:40px;}
.review-event-landing .event-02 .item-03 .sns-acco-list .accordion-item{padding:0 16px;border-radius: 8px;border: 1px solid #FF848B;background: #FFF;}
.review-event-landing .event-02 .item-03 .sns-acco-list .accordion-toggle{position: relative;display:flex;gap:8px;padding:20px 0;font-size: 18px;font-weight: 500;cursor:pointer;line-height: 120%;letter-spacing: -0.36px;}
.review-event-landing .event-02 .item-03 .sns-acco-list .accordion-toggle::after{position:absolute;top:23px;right:0;width:16px;height:16px;background: url("../images/event/icon-sns-acco-list-arr.svg")no-repeat;content:'';transition: transform .3s;}
.review-event-landing .event-02 .item-03 .sns-acco-list .active .accordion-toggle::after{transform:rotate(180deg);}
.review-event-landing .event-02 .item-03 .sns-acco-list .accordion-content{padding:20px 8px;border-top:1px solid #DFE1E8;font-size: 15px;color:#35425C;line-height: 150%;letter-spacing: -0.3px;}
.review-event-landing .event-02 .item-03 .sns-acco-list .accordion-content .dot-text{position:relative;margin-left:20px;text-indent: 0;}
.review-event-landing .event-02 .item-03 .sns-acco-list .accordion-content .dot-text::before{display: inline-block;position:absolute;top:9px;left:-11px;background: #35425C;content: '';width: 3px;height: 3px;border-radius: 100%;}
.review-event-landing .event-02 .item-03 .sns-acco-list .acco2-box{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;padding: 20px;border-radius: 8px;background: #FFF;}
.review-event-landing .event-02 .item-03 .sns-acco-list .acco2-box .title{font-size: 18px;font-weight: 500;line-height: 120%;letter-spacing: -0.36px;}
.review-event-landing .event-02 .item-03 .sns-acco-list .acco2-box .text{color: #35425C;line-height: 150%;letter-spacing: -0.3px;}
.review-event-landing .event-02 .item-03 .sns-acco-list .acco2-box .badge-red{color:#F00034;background-color: #FFF4F5;}
.review-event-landing .event-02 .item-03 .sns-acco-list .acco2-box .down-box{display: flex;gap:8px;}
.review-event-landing .event-02 .item-03 .sns-acco-list .acco2-box input{width:calc(100% - 108px);min-height:44px;}
.review-event-landing .event-02 .item-03 .sns-acco-list .acco2-box input::placeholder{font-size:15px;}
.review-event-landing .event-02 .item-03 .sns-acco-list .acco2-box .btn{width: 100px;height: 44px;background-color: #687286;color:#fff;}
.review-event-landing .event-02 #acco2 .accordion-content >div+div{padding-top: 12px;margin-top: 10px;border-top:1px solid #DFE1E8;}
.review-event-landing .event-02 .item-03 .hashtag-box{margin-bottom:40px;border-radius: 8px;background: #FFF;padding: 20px 16px;font-size: 15px;line-height: 150%;letter-spacing: -0.3px;}
.review-event-landing .event-02 .item-03 .hashtag-box > p{margin-bottom:10px;color: #35425C;}
.review-event-landing .event-02 .item-03 .hashtag-box >div{display:flex;align-items: flex-start;flex-direction: column;gap:8px;}
.review-event-landing .event-02 .item-03 .hashtag-box div+div{border-top:1px solid #DFE1E8;margin-top:12px;padding-top:12px;}
.review-event-landing .event-02 .item-03 .hashtag-box div .label{display: flex;padding: 1px 10px;justify-content: center;align-items: center;font-size: 13px;line-height: 22px;color:#fff;font-weight: 700;letter-spacing: -0.26px;border-radius:50px;}
.review-event-landing .event-02 .item-03 .hashtag-box div .text{font-size: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.32px;}
.review-event-landing .event-02 .item-03 .hashtag-box .move .label{background-color: #2761F9;}
.review-event-landing .event-02 .item-03 .hashtag-box .move .text{color:#2761F9;}
.review-event-landing .event-02 .item-03 .hashtag-box .clean .label{background-color: #46C800;}
.review-event-landing .event-02 .item-03 .hashtag-box .clean .text{color:#0EA600;}

.review-event-landing .btn-trans-gr{width:100%;background: linear-gradient(92deg, #6823F3 2.69%, #F00034 100%);background-size: 200% 200%;animation: bgChange 3s ease infinite;transition: background-size 0.5s ease;color:#fff;font-weight:500;}
.review-event-landing .btn-trans-gr:hover{background-size: 100%;}
@keyframes bgChange {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

.review-event-landing .event-info-sec{padding:60px 0;background: #35425C;color:#fff;}
.review-event-landing .event-info-sec .title{font-size: 20px;font-weight: 700;line-height: 140%;letter-spacing: -0.4px;}
.review-event-landing .event-info-sec .dot-text{position:relative;margin-left:20px;text-indent: 0;letter-spacing: -0.28px;font-size: 14px;line-height: 21px;}
.review-event-landing .event-info-sec .dot-text::before{display: inline-block;position:absolute;top:8px;left:-11px;background: #fff;content: '';width: 3px;height: 3px;border-radius: 100%;}
.review-event-landing .event-info-sec .sub-title{margin:15px 0 4px;font-size: 14px;letter-spacing: -0.28px}

/* review-event-landing icon */
.review-event-landing .icon-chk-red{width:20px;height:20px;background:url("../images/event/icon-chk-red.svg");}
.review-event-landing .icon-quote{width:20px;height:20px;background:url("../images/event/icon-quote.svg");}
.review-event-landing .icon-review-sns-arrow{width:14px;height:9px;background:url("../images/event/icon-review-sns-arrow.svg");}
.review-event-landing .icon-okay{width:16px;height:16px;background:url("../images/event/icon-okay.svg");}
.review-event-landing .icon-warning{width:16px;height:16px;background:url("../images/event/icon-warning.svg");}
.review-event-landing .icon-pencil{width:16px;height:16px;background:url("../images/event/icon-pencil.svg");}
.review-event-landing .icon-firecrackers-m{margin: 0 0 5px 4px;width:24px;height:24px;background:url("../images/event/icon-firecrackers-m.svg");}



/*//////////////////////////////------------------------------------------------media------------------------------------------------------////////////////////////////////////////////////////////////////*/

/* ----------------------------------media 320px-------------------*/
@media (max-width: 320px) { 
.review-event-landing .count-sec .text-count .text-blue {font-size: 41px;}
.review-event-landing .event-01 .item-03 .card-01 .circle{right:0;}
.review-event-landing .event-01 .item-03 .card-02 .circle{right:0;}
.review-event-landing .event-02 .sns-guide-box{padding: 30px 10px;}
}

/* ----------------------------------media 375px-------------------*/
@media (min-width: 375px) { 
.compare-con .sec-08 .compare-item-02 .label-box{transform: translateX(-11vw);}
.clean-space-wrap .movein-house-swiper .swiper-slide{width:343px !important;}
.clean-onclean-con .oneclean-swiper .swiper-slide{width:343px;}
}

/* ----------------------------------media 768px-------------------*/
@media (min-width: 768px) { 
.compare-con .sec-08 .compare-item-02 .label-box{transform: translateX(-9vw);}
.clean-business-con .b-logo-list >div img{max-width: none;}
.clean-business-con .sv-target-sec .target-list li{width: calc((100% - 40px) / 5);max-width:none;}
.building-con .sec-sv .b-logo-list >div img{max-width: none;}

}

/* ----------------------------------media 1024px-------------------*/
@media (min-width: 1024px) { 
.compare-con .sec-08 .compare-item-02 .label-box{transform: translateX(-8vw);}

}