@charset "utf-8";

@font-face {
    font-family: 'Daughter of Fortune';
    font-style: normal;
    font-weight: 400;
    src: local('Daughter of Fortune'),
         url('https://fonts.cdnfonts.com/s/76081/Daughter%20of%20Fortune.woff') format('woff');
    font-display: swap;
}

/* ============================================
   cleaning-wrap 기본 스타일
   ============================================ */
.cleaning-wrap .mo-only{display:none;}
@media (max-width:640px){.cleaning-wrap .mo-only{display:inline;}}
.cleaning-wrap{position:relative; text-align:center; line-height:1.3; letter-spacing:-0.03em;}
.cleaning-wrap > div{position:relative;}
.cleaning-wrap > div .contain{max-width:1504px; margin:0 auto; padding:0 20px;}

/* ============================================
   cleaning-sec1: 히어로 배너
   ============================================ */

/* cleaning-sec1 전체 배경 (hero + bottom 공통) */
.cleaning-wrap .cleaning-sec1{
    background:url("../images/sub/cleaning-sec1-bg-pc.webp") center top / cover no-repeat;
}

/* 히어로 상단 */
.cleaning-wrap .cleaning-sec1-hero{
    overflow:hidden;
}
.cleaning-wrap .cleaning-sec1-hero .contain{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:148px;
    padding-bottom:127px;
}

/* 상단 질문 텍스트 */
.cleaning-wrap .cleaning-sec1-hero .question-text{
    color:#fff;
    font-size:32px;
    font-weight:300;
    line-height:51px;
}

/* 수직 구분선 */
.cleaning-wrap .cleaning-sec1-hero .divider-line{
    width:2px;
    height:145px;
    background:linear-gradient(to bottom, rgba(255,255,255,0), 60%, #fff);
    margin-top:46px;
}

/* 서브 카피 */
.cleaning-wrap .cleaning-sec1-hero .sub-copy{
    color:#fff;
    font-size:45px;
    font-weight:300;
    margin-top:42px;
}

/* 메인 타이틀 */
.cleaning-wrap .cleaning-sec1-hero .main-title{
    font-size:72px;
    line-height:1;
    margin-top:25px;
}
.cleaning-wrap .cleaning-sec1-hero .main-title .white{color:#fff; font-weight:600;}
.cleaning-wrap .cleaning-sec1-hero .main-title .accent{color:#AABEFF; font-weight:700;}

/* 특징 아이콘 영역 */
.cleaning-wrap .cleaning-sec1-hero .feature-icons{
    display:flex;
    justify-content:center;
    gap:191px;
    margin-top:650px;
}
.cleaning-wrap .cleaning-sec1-hero .feature-item{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.cleaning-wrap .cleaning-sec1-hero .icon-img{
    width:242px;
    height:auto;
}
.cleaning-wrap .cleaning-sec1-hero .icon-text{
    color:#fff;
    font-size:30px;
    font-weight:300;
    line-height:1.2;
}
.cleaning-wrap .cleaning-sec1-hero .icon-text strong{font-weight:700;}

/* 하단 텍스트 */
.cleaning-wrap .cleaning-sec1-hero .bottom-text{margin-top:82px;}
.cleaning-wrap .cleaning-sec1-hero .bottom-text .sub{
    display:block;
    color:#D0D0D0;
    font-size:32px;
    font-weight:400;
    line-height:51px;
}
.cleaning-wrap .cleaning-sec1-hero .bottom-text .main{
    display:block;
    color:#fff;
    font-size:45px;
    font-weight:300;
    line-height:1.3;
}
.cleaning-wrap .cleaning-sec1-hero .bottom-text .main strong{font-weight:700;}


/* ============================================
   반응형: 1400px (~80% 축소)
   ============================================ */
@media (max-width:1400px){
    .cleaning-wrap .cleaning-sec1-hero .contain{
        padding-top:110px;
        padding-bottom:100px;
    }
    .cleaning-wrap .cleaning-sec1-hero .question-text{
        font-size:26px;
        line-height:42px;
    }
    .cleaning-wrap .cleaning-sec1-hero .divider-line{
        height:110px;
        margin-top:38px;
    }
    .cleaning-wrap .cleaning-sec1-hero .sub-copy{
        font-size:36px;
        margin-top:68px;
    }
    .cleaning-wrap .cleaning-sec1-hero .main-title{
        font-size:58px;
        margin-top:24px;
    }
    .cleaning-wrap .cleaning-sec1-hero .feature-icons{
        gap:140px;
        margin-top:260px;
    }
    .cleaning-wrap .cleaning-sec1-hero .icon-img{
        width:200px;
    }
    .cleaning-wrap .cleaning-sec1-hero .icon-text{
        font-size:24px;
    }
    .cleaning-wrap .cleaning-sec1-hero .bottom-text{margin-top:65px;}
    .cleaning-wrap .cleaning-sec1-hero .bottom-text .sub{
        font-size:26px;
        line-height:42px;
    }
    .cleaning-wrap .cleaning-sec1-hero .bottom-text .main{
        font-size:36px;
    }
}


/* ============================================
   반응형: 1000px (~65% 축소)
   ============================================ */
@media (max-width:1000px){
    .cleaning-wrap .cleaning-sec1-hero .contain{
        padding-top:80px;
        padding-bottom:78px;
    }
    .cleaning-wrap .cleaning-sec1-hero .question-text{
        font-size:22px;
        line-height:35px;
    }
    .cleaning-wrap .cleaning-sec1-hero .divider-line{
        height:80px;
        margin-top:30px;
    }
    .cleaning-wrap .cleaning-sec1-hero .sub-copy{
        font-size:28px;
        margin-top:50px;
    }
    .cleaning-wrap .cleaning-sec1-hero .main-title{
        font-size:44px;
        margin-top:20px;
    }
    .cleaning-wrap .cleaning-sec1-hero .feature-icons{
        gap:80px;
        margin-top:180px;
    }
    .cleaning-wrap .cleaning-sec1-hero .icon-img{
        width:120px;
    }
    .cleaning-wrap .cleaning-sec1-hero .icon-text{
        font-size:20px;
    }
    .cleaning-wrap .cleaning-sec1-hero .bottom-text{margin-top:45px;}
    .cleaning-wrap .cleaning-sec1-hero .bottom-text .sub{
        font-size:20px;
        line-height:32px;
    }
    .cleaning-wrap .cleaning-sec1-hero .bottom-text .main{
        font-size:28px;
    }
}


/* ============================================
   반응형: 640px (모바일 - Figma 360px 기준)
   ============================================ */
@media (max-width:640px){
    .cleaning-wrap .cleaning-sec1{
        background-image:url("../images/sub/cleaning-sec1-bg-mo.webp");
    }
    .cleaning-wrap .cleaning-sec1-hero .contain{
        padding-top:30px;
        padding-bottom:32px;
    }
    .cleaning-wrap .cleaning-sec1-hero .question-text{
        font-size:14px;
        line-height: 1.2;
    }
    .cleaning-wrap .cleaning-sec1-hero .divider-line{
        height:50px;
        margin-top:6px;
        width:1px;
    }
    .cleaning-wrap .cleaning-sec1-hero .sub-copy{
        font-size:16px;
        line-height:25px;
        margin-top:7px;
    }
    .cleaning-wrap .cleaning-sec1-hero .main-title{
        font-size:24px;
        margin-top:4px;
    }
    .cleaning-wrap .cleaning-sec1-hero .main-title .accent{font-weight:600;}
    .cleaning-wrap .cleaning-sec1-hero .feature-icons{
        gap:23px;
        margin-top:205px;
    }
    .cleaning-wrap .cleaning-sec1-hero .icon-img{
        width:87px;
    }
    .cleaning-wrap .cleaning-sec1-hero .icon-text{
        font-size:12px;
        line-height:1.3;
        margin-top: 4px;
    }
    .cleaning-wrap .cleaning-sec1-hero .icon-text strong{font-size:14px; font-weight:600;}
    .cleaning-wrap .cleaning-sec1-hero .bottom-text{margin-top:25px;}
    .cleaning-wrap .cleaning-sec1-hero .bottom-text .sub{
        font-size:12px;
        line-height:12.6px;
        margin-bottom:10px;
    }
    .cleaning-wrap .cleaning-sec1-hero .bottom-text .main{
        font-size:16px;
        font-weight:300;
        line-height:25.6px;
    }
    .cleaning-wrap .cleaning-sec1-hero .bottom-text .main strong{font-weight:600;}
}


/* ============================================
   cleaning-sec2: 셀프 vs 전문 비교
   ============================================ */
.cleaning-wrap .cleaning-sec2{background:#F8F8F8; padding:82px 0 140px;}

/* 헤더 영역 */
.cleaning-wrap .cleaning-sec2 .sec2-header{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.cleaning-wrap .cleaning-sec2 .checkpoint-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding: 2px 11px;
    border:2px solid #E61515;
    border-radius:60px;
    color:#E61515;
    font-size:32px;
    font-family:'Montserrat', sans-serif;
    font-weight:600;
}
.cleaning-wrap .cleaning-sec2 .sec2-subtitle{
    color:#5A5A5A;
    font-size:32px;
    font-weight:500;
    margin-top:41px;
}
.cleaning-wrap .cleaning-sec2 .sec2-subtitle .dot-char{
    position:relative;
    display:inline-block;
}
.cleaning-wrap .cleaning-sec2 .sec2-subtitle .dot-char::before{
    content:"";
    position:absolute;
    width:5px;
    height:5px;
    background-color:#5A5A5A;
    border-radius:50%;
    top:-8px;
    left:50%;
    transform:translateX(-50%);
}
.cleaning-wrap .cleaning-sec2 .sec2-title{
    color:#1B1B1B;
    font-size:53px;
    font-weight:600;
    line-height:64px;
    margin-top: 21px;
}

/* 비교 카드 영역 */
.cleaning-wrap .cleaning-sec2 .sec2-compare{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:0;
    margin-top:60px;
    position:relative;
}

/* 공통 카드 스타일 */
.cleaning-wrap .cleaning-sec2 .compare-card{
    border-radius:36px;
    overflow:hidden;
    position:relative;
    z-index:1;
}
.cleaning-wrap .cleaning-sec2 .card-header{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    height:87px;
}
.cleaning-wrap .cleaning-sec2 .card-label{
    font-size:32px;
    font-weight:700;
}
.cleaning-wrap .cleaning-sec2 .card-body{
    padding:30px 47px 26px;
}
.cleaning-wrap .cleaning-sec2 .card-img{
    margin-bottom:16px;
}
.cleaning-wrap .cleaning-sec2 .card-img img{
    width:100%;
    height:auto;
    display:block;
}
.cleaning-wrap .cleaning-sec2 .card-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    text-align:center;
}
.cleaning-wrap .cleaning-sec2 .card-list li{
    font-family:'Pretendard', sans-serif;
    font-weight:500;
    border-bottom:1px solid #ACACAC;
}
.cleaning-wrap .cleaning-sec2 .card-list li:last-child{border-bottom:none;}

/* 셀프 클리닝 카드 */
.cleaning-wrap .cleaning-sec2 .compare-card.self{
    width:394px;
    background:#DBDBDB;
}
.cleaning-wrap .cleaning-sec2 .compare-card.self .card-header{
    background:#AEAEAE;
}
.cleaning-wrap .cleaning-sec2 .compare-card.self .card-emoji{font-size:32px;}
.cleaning-wrap .cleaning-sec2 .compare-card.self .card-label{color:#626262;}
.cleaning-wrap .cleaning-sec2 .compare-card.self .card-list{
    margin:0 -20px;
}
.cleaning-wrap .cleaning-sec2 .compare-card.self .card-list li{
    font-size:22px;
    color:#1B1B1B;
    padding:6px 0;
    border-bottom:1px dashed #ACACAC;
    line-height: 1.2;
}
.cleaning-wrap .cleaning-sec2 .compare-card.self .card-list li:last-child{border-bottom:none;}

/* 세이브프롬 클리닝 카드 */
.cleaning-wrap .cleaning-sec2 .compare-card.pro{
    width:446px;
    background:#DC0000;
    border:4px solid #FA0000;
    box-shadow:0 0 14px rgba(255,76,76,0.25);
    z-index:3;
}
.cleaning-wrap .cleaning-sec2 .compare-card.pro .card-header{
    background:#DC0000;
}
.cleaning-wrap .cleaning-sec2 .compare-card.pro .card-body{
    background:#fff;
}
.cleaning-wrap .cleaning-sec2 .compare-card.pro .card-emoji{font-size:40px;}
.cleaning-wrap .cleaning-sec2 .compare-card.pro .card-label{color:#fff; line-height:1;}
.cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list{
    margin:0 -20px;
}
.cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list li{
    font-size:24px;
    color:#1B1B1B;
    padding:10px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    border-bottom:1px dashed #ACACAC;
}
.cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list li:last-child{border-bottom:none;}
.cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list li::before{
    content:'';
    display:inline-block;
    width:19px;
    height:12px;
    border-left:5px solid #558B2F;
    border-bottom:5px solid #558B2F;
    transform:rotate(-45deg);
    flex-shrink:0;
}

/* 카드 사이 사다리꼴 커넥터 */
.cleaning-wrap .cleaning-sec2 .compare-connector{
    position:relative;
    width:72px;
    z-index:0;
    pointer-events:none;
    margin:6px -26px 6px -14px;
    flex-shrink:0;
    align-self:stretch;
}
.cleaning-wrap .cleaning-sec2 .compare-connector svg{
    width:100%;
    height:100%;
    display:block;
}


/* ============================================
   cleaning-sec2 반응형: 1400px
   ============================================ */
@media (max-width:1400px){
    .cleaning-wrap .cleaning-sec2{padding:65px 0 120px;}
    .cleaning-wrap .cleaning-sec2 .checkpoint-badge{font-size:26px; padding: 2px 11px;}
    .cleaning-wrap .cleaning-sec2 .sec2-subtitle{font-size:26px; margin-top:14px;}
    .cleaning-wrap .cleaning-sec2 .sec2-title{font-size:43px; line-height:52px; margin-top: 17px;}
    .cleaning-wrap .cleaning-sec2 .sec2-compare{margin-top:48px; gap:0;}
    .cleaning-wrap .cleaning-sec2 .compare-card{border-radius:28px;}
    .cleaning-wrap .cleaning-sec2 .card-header{height:70px;}
    .cleaning-wrap .cleaning-sec2 .card-label{font-size:26px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.self{width:315px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.self .card-emoji{font-size:12px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.self .card-list{margin:0 -16px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.self .card-list li{font-size:18px; padding:5px 0;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro{width:357px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro .card-emoji{font-size:32px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list{margin:0 -16px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list li{font-size:20px; padding:8px 0; gap:12px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list li::before{width:15px; height:10px; border-width:4px;}
    .cleaning-wrap .cleaning-sec2 .card-body{padding:24px 37px 19px;}
    .cleaning-wrap .cleaning-sec2 .card-img{margin-bottom:13px;}
    .cleaning-wrap .cleaning-sec2 .compare-connector{width:58px; margin:6px -21px 6px -12px;}
}


/* ============================================
   cleaning-sec2 반응형: 1000px
   ============================================ */
@media (max-width:1000px){
    .cleaning-wrap .cleaning-sec2{padding:50px 0 102px;}
    .cleaning-wrap .cleaning-sec2 .checkpoint-badge{font-size:22px; padding: 2px 11px;}
    .cleaning-wrap .cleaning-sec2 .sec2-subtitle{font-size:20px; margin-top:12px;}
    .cleaning-wrap .cleaning-sec2 .sec2-title{font-size:36px; line-height:44px; margin-top: 14px;}
    .cleaning-wrap .cleaning-sec2 .sec2-compare{margin-top:40px; gap:0;}
    .cleaning-wrap .cleaning-sec2 .compare-card{border-radius:22px;}
    .cleaning-wrap .cleaning-sec2 .card-header{height:56px;}
    .cleaning-wrap .cleaning-sec2 .card-label{font-size:22px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.self{width:256px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.self .card-emoji{font-size:22px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.self .card-list{margin:0 -13px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.self .card-list li{font-size:16px; padding:5px 0;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro{width:290px; border-width:3px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro .card-emoji{font-size:26px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list{margin:0 -13px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list li{font-size:17px; padding:7px 0; gap:10px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list li::before{width:13px; height:8px; border-width:3.5px;}
    .cleaning-wrap .cleaning-sec2 .card-body{padding:20px 30px 15px;}
    .cleaning-wrap .cleaning-sec2 .card-img{margin-bottom:10px;}
    .cleaning-wrap .cleaning-sec2 .compare-connector{width:46px; margin:6px -17px 6px -9px;}
}


/* ============================================
   cleaning-sec2 반응형: 640px (모바일)
   ============================================ */
@media (max-width:640px){
    .cleaning-wrap .cleaning-sec2{padding:16px 0 35px;}
    .cleaning-wrap .cleaning-sec2 .checkpoint-badge{
        font-size:12px;
        padding: 2px 4px;
        border-width:0.69px;
    }
    .cleaning-wrap .cleaning-sec2 .sec2-subtitle{font-size:14px; font-weight:500; margin-top:8px;}
    .cleaning-wrap .cleaning-sec2 .sec2-subtitle .dot-char::before{width:2px; height:2px; top:-3px;}
    .cleaning-wrap .cleaning-sec2 .sec2-title{font-size:16px; font-weight:600; line-height:22px; margin-top: 4px;}
    .cleaning-wrap .cleaning-sec2 .sec2-compare{margin-top:25px; gap:0;}
    .cleaning-wrap .cleaning-sec2 .compare-card{border-radius:12px;}
    .cleaning-wrap .cleaning-sec2 .card-header{height:30px;gap:2.5px;}
    .cleaning-wrap .cleaning-sec2 .card-label{font-size:12px; font-weight:600;}
    .cleaning-wrap .cleaning-sec2 .compare-card.self{width:136px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.self .card-emoji{font-size:14px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.self .card-list{margin:0 -6px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.self .card-list li{
        font-size:12px;
        color:#5A5A5A;
        padding:4px 0;
    }
    .cleaning-wrap .cleaning-sec2 .compare-card.pro{width:154px; border-width:1.38px; box-shadow:0 0 5px rgba(255,76,76,0.25);}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro .card-emoji{font-size:14px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list{margin:0 -6px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list li{font-size:12px; padding:5px 0; gap:6px;}
    .cleaning-wrap .cleaning-sec2 .compare-card.pro .card-list li::before{width:8px; height:5px; border-width:2px;}
    .cleaning-wrap .cleaning-sec2 .card-body{padding:10px 16px 6px;}
    .cleaning-wrap .cleaning-sec2 .card-img{margin-bottom:6px;}
    .cleaning-wrap .cleaning-sec2 .compare-connector{width:25px; margin:0px -9px 0px -5px;}
}


/* ============================================
   cleaning-sec3: POINT 1 - 오염 세부진단
   ============================================ */
.cleaning-wrap .cleaning-sec3{
    position:relative;
    overflow:hidden;
    background:#000;
}

/* 배경 레이어 */
.cleaning-wrap .cleaning-sec3 .sec3-bg-layers{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    z-index:0;
    pointer-events:none;
    background:url("../images/sub/cleaning-sec3-bg-pc.webp") center / cover no-repeat;
}

/* 컨텐츠 컨테이너 */
.cleaning-wrap .cleaning-sec3 .contain{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:100px;
    padding-bottom:165px;
}

/* --- 헤더 영역 --- */
.cleaning-wrap .cleaning-sec3 .sec3-header{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:14px;
}
.cleaning-wrap .cleaning-sec3 .sec3-point-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 20px;
    border:2px solid #E61515;
    border-radius:38px;
    color:#E61515;
    font-size:32px;
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    line-height:51px;
}
.cleaning-wrap .cleaning-sec3 .sec3-subtitle{
    color:#D0D0D0;
    font-size:30px;
    font-weight:400;
}
.cleaning-wrap .cleaning-sec3 .sec3-title{
    color:#fff;
    font-size:60px;
    font-weight:600;
    line-height: 1.1;
}

/* --- Why? 질문 영역 --- */
.cleaning-wrap .cleaning-sec3 .sec3-why-block{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top:75px;
}
.cleaning-wrap .cleaning-sec3 .sec3-why{
    color:#676767;
    font-size:96px;
    font-family:'Daughter of Fortune', sans-serif;
    font-weight:400;
    line-height:1;
}
.cleaning-wrap .cleaning-sec3 .sec3-question{
    color:#fff;
    font-size:53px;
    font-weight:400;
    margin-top:10px;
    line-height:1.3;
}
.cleaning-wrap .cleaning-sec3 .sec3-question .highlight{
    color:#FF2E2E;
    font-weight:600;
}
.cleaning-wrap .cleaning-sec3 .sec3-question .quote-mark{
    color:#FF2E2E;
    font-family:'Chonburi', cursive;
    font-weight:400;
}
.cleaning-wrap .cleaning-sec3 .sec3-desc{
    color:#F6F6F6;
    font-size:24px;
    font-weight:300;
    line-height:1.5;
    margin-top:30px;
}
.cleaning-wrap .cleaning-sec3 .sec3-desc strong{
    color:#fff;
    font-weight:700;
}

/* --- 현미경 이미지 --- */
.cleaning-wrap .cleaning-sec3 .sec3-microscope{
    width:100%;
    max-width:747px;
    margin-top:30px;
}
.cleaning-wrap .cleaning-sec3 .sec3-microscope img{
    width:100%;
    height:auto;
    display:block;
}

/* --- 수직 구분선 --- */
.cleaning-wrap .cleaning-sec3 .sec3-divider{
    width:2px;
    height:150px;
    background:linear-gradient(to bottom, rgba(255,255,255,0), 60%, #fff);
    margin-top:50px;
}

/* --- 메시지 블록 --- */
.cleaning-wrap .cleaning-sec3 .sec3-message{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top:20px;
}
.cleaning-wrap .cleaning-sec3 .msg-line1{
    color:#fff;
    font-size:50px;
    font-weight:400;
    line-height:80px;
}
.cleaning-wrap .cleaning-sec3 .msg-line2 .dot-char{
    position:relative;
    display:inline-block;
}
.cleaning-wrap .cleaning-sec3 .msg-line2 .dot-char::before{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    background-color:#fff;
    border-radius:50%;
    top:-2px;
    left:50%;
    transform:translateX(-50%);
}
.cleaning-wrap .cleaning-sec3 .msg-line2{
    color:#fff;
    font-size:53px;
    font-weight:400;
    line-height:80px;
}
.cleaning-wrap .cleaning-sec3 .msg-line2 strong{font-weight:600;}
.cleaning-wrap .cleaning-sec3 .msg-em{
    position:relative;
    display:inline-block;
    isolation:isolate;
}
.cleaning-wrap .cleaning-sec3 .msg-bar{
    position:absolute;
    left:0;
    bottom:6px;
    width:100%;
    height:34px;
    background:#940000;
    z-index:-1;
}

/* --- Before/After 비교 --- */
/* SEC3 Before/After TwentyTwenty 슬라이더 */
.cleaning-wrap .cleaning-sec3 .sec3-ba-wrapper{
    margin-top:80px;
    display:flex;
    justify-content:center;
}
.cleaning-wrap .cleaning-sec3 .sec3-twenty{
    width:430px;
    height:307px;
}
.cleaning-wrap .cleaning-sec3 .sec3-twenty img{
    width:100%;
    height:100%;
    object-fit:cover;
}
/* TwentyTwenty 컨테이너 테두리 */
.cleaning-wrap .cleaning-sec3 .twentytwenty-container{
    border:3px solid #FF2E2E;
    margin-right: 100px;
}
/* 드래그 핸들 (원) - 투명 배경 + #FF2E2E 테두리 */
.cleaning-wrap .cleaning-sec3 .twentytwenty-handle{
    border:3px solid #FF2E2E;
    background:transparent;
}
/* 핸들 위아래 세로선 */
.cleaning-wrap .cleaning-sec3 .twentytwenty-handle:before,
.cleaning-wrap .cleaning-sec3 .twentytwenty-handle:after{
    background:#FF2E2E;
    box-shadow:none;
}
/* 화살표 */
.cleaning-wrap .cleaning-sec3 .twentytwenty-down-arrow,
.cleaning-wrap .cleaning-sec3 .twentytwenty-left-arrow,
.cleaning-wrap .cleaning-sec3 .twentytwenty-right-arrow,
.cleaning-wrap .cleaning-sec3 .twentytwenty-up-arrow{
    border:8px inset transparent;
}
.cleaning-wrap .cleaning-sec3 .twentytwenty-left-arrow,
.cleaning-wrap .cleaning-sec3 .twentytwenty-right-arrow{
    margin-top:-8px;
}
.cleaning-wrap .cleaning-sec3 .twentytwenty-left-arrow{
    border-right:8px solid #FF2E2E;
    margin-left:-20px;
}
.cleaning-wrap .cleaning-sec3 .twentytwenty-right-arrow{
    border-left:8px solid #FF2E2E;
    margin-right:-20px;
}
/* 오버레이 배경 항상 투명 */
.cleaning-wrap .cleaning-sec3 .twentytwenty-overlay{
    background:transparent !important;
}
/* 레이블 표시 (JS에서 핸들 위치에 따라 제어) */
.cleaning-wrap .cleaning-sec3 .twentytwenty-before-label,
.cleaning-wrap .cleaning-sec3 .twentytwenty-after-label{
    opacity:1;
    pointer-events:none;
    transition:opacity 0.3s ease;
}
.cleaning-wrap .cleaning-sec3 .twentytwenty-container.active .twentytwenty-before-label,
.cleaning-wrap .cleaning-sec3 .twentytwenty-container.active .twentytwenty-after-label{
    transition:opacity 0.3s ease;
}
/* BEFORE 텍스트: 왼쪽 카드 하단 가운데 */
.cleaning-wrap .cleaning-sec3 .twentytwenty-before-label:before{
    position:absolute;
    bottom:16px;
    left:25%;
    transform:translateX(-50%);
    padding:8px 22px;
    border-radius:4px;
    color:#fff;
    font-size:20px !important;
    font-family:'Pretendard',sans-serif;
    font-weight:600;
    background:#5A5A5A !important;
    line-height:1;
}
/* AFTER 텍스트: 오른쪽 카드 하단 가운데 */
.cleaning-wrap .cleaning-sec3 .twentytwenty-after-label:before{
    position:absolute;
    bottom:16px;
    left:75%;
    right:auto;
    transform:translateX(-50%);
    padding:8px 22px;
    border-radius:4px;
    color:#fff;
    font-size:20px !important;
    font-family:'Pretendard',sans-serif;
    font-weight:600;
    background:#FF2E2E !important;
    line-height:1;
}


/* ============================================
   cleaning-sec3 반응형: 1400px (~80% 축소)
   ============================================ */
@media (max-width:1400px){
    .cleaning-wrap .cleaning-sec3 .contain{padding-top:120px; padding-bottom:132px;}
    .cleaning-wrap .cleaning-sec3 .sec3-point-badge{font-size:26px; padding:4px 16px; line-height:41px;}
    .cleaning-wrap .cleaning-sec3 .sec3-subtitle{font-size:24px;}
    .cleaning-wrap .cleaning-sec3 .sec3-title{font-size:48px;}
    .cleaning-wrap .cleaning-sec3 .sec3-why-block{margin-top:48px;}
    .cleaning-wrap .cleaning-sec3 .sec3-why{font-size:77px;}
    .cleaning-wrap .cleaning-sec3 .sec3-question{font-size:43px;}
    .cleaning-wrap .cleaning-sec3 .sec3-desc{font-size:20px; line-height:32px; margin-top:32px;}
    .cleaning-wrap .cleaning-sec3 .sec3-microscope{max-width:598px; margin-top:26px;}
    .cleaning-wrap .cleaning-sec3 .sec3-divider{height:100px; margin-top:32px;}
    .cleaning-wrap .cleaning-sec3 .sec3-message{margin-top:16px;}
    .cleaning-wrap .cleaning-sec3 .msg-line1{font-size:40px; line-height:78px;}
    .cleaning-wrap .cleaning-sec3 .msg-line2{font-size:43px; line-height:78px;}
    .cleaning-wrap .cleaning-sec3 .msg-bar{height:27px; bottom:12px;}
    .cleaning-wrap .cleaning-sec3 .sec3-ba-wrapper{margin-top:64px;}
    .cleaning-wrap .cleaning-sec3 .sec3-twenty{width:344px; height:246px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-container{border-width:3px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-before-label:before,
    .cleaning-wrap .cleaning-sec3 .twentytwenty-after-label:before{font-size:18px !important; padding:6px 18px; bottom:12px;}
}


/* ============================================
   cleaning-sec3 반응형: 1000px (~65% 축소)
   ============================================ */
@media (max-width:1000px){
    .cleaning-wrap .cleaning-sec3 .contain{padding-top:97px; padding-bottom:107px;}
    .cleaning-wrap .cleaning-sec3 .sec3-point-badge{font-size:22px; padding:3px 14px; line-height:35px;}
    .cleaning-wrap .cleaning-sec3 .sec3-subtitle{font-size:20px;}
    .cleaning-wrap .cleaning-sec3 .sec3-title{font-size:39px;}
    .cleaning-wrap .cleaning-sec3 .sec3-why-block{margin-top:38px;}
    .cleaning-wrap .cleaning-sec3 .sec3-why{font-size:62px;}
    .cleaning-wrap .cleaning-sec3 .sec3-question{font-size:34px;}
    .cleaning-wrap .cleaning-sec3 .sec3-desc{font-size:17px; line-height:27px; margin-top:26px;}
    .cleaning-wrap .cleaning-sec3 .sec3-microscope{max-width:486px; margin-top:22px;}
    .cleaning-wrap .cleaning-sec3 .sec3-divider{height:80px; margin-top:26px;}
    .cleaning-wrap .cleaning-sec3 .sec3-message{margin-top:14px;}
    .cleaning-wrap .cleaning-sec3 .msg-line1{font-size:32px; line-height:64px;}
    .cleaning-wrap .cleaning-sec3 .msg-line2{font-size:34px; line-height:64px;}
    .cleaning-wrap .cleaning-sec3 .msg-bar{height:22px; bottom:10px;}
    .cleaning-wrap .cleaning-sec3 .sec3-ba-wrapper{margin-top:50px;}
    .cleaning-wrap .cleaning-sec3 .sec3-twenty{width:284px; height:200px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-container{border-width:2px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-handle{border-width:2px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-handle:before,
    .cleaning-wrap .cleaning-sec3 .twentytwenty-handle:after{width:2px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-handle:before{margin-bottom:18px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-handle:after{margin-top:18px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-before-label:before,
    .cleaning-wrap .cleaning-sec3 .twentytwenty-after-label:before{font-size:16px !important; padding:5px 14px; bottom:10px;}
}


/* ============================================
   cleaning-sec3 반응형: 640px (모바일)
   ============================================ */
@media (max-width:640px){
    .cleaning-wrap .cleaning-sec3 .contain{
        padding-top:17px; padding-bottom:40px;
        padding-left:15px; padding-right:15px;
    }
    .cleaning-wrap .cleaning-sec3 .sec3-header{gap:8px;}
    .cleaning-wrap .cleaning-sec3 .sec3-point-badge{
        font-size:12px; padding:2px 4px;
        border-width:0.69px; border-radius:13px; line-height:18px;
    }
    .cleaning-wrap .cleaning-sec3 .sec3-subtitle{font-size:14px; font-weight:500;}
    .cleaning-wrap .cleaning-sec3 .sec3-title{font-size:20px;}
    .cleaning-wrap .cleaning-sec3 .sec3-why-block{margin-top:16px;}
    .cleaning-wrap .cleaning-sec3 .sec3-why{font-size:33px;}
    .cleaning-wrap .cleaning-sec3 .sec3-question{font-size:18px; font-weight:600; margin-top:8px;line-height:1;}
    .cleaning-wrap .cleaning-sec3 .sec3-question .highlight{font-weight:600;}
    .cleaning-wrap .cleaning-sec3 .sec3-question .quote-mark{font-size:18px;}
    .cleaning-wrap .cleaning-sec3 .sec3-desc{font-size:14px; line-height:20px; margin-top:12px;line-height: 1.3;}
    .cleaning-wrap .cleaning-sec3 .sec3-microscope{max-width:258px; margin-top:12px;}
    .cleaning-wrap .cleaning-sec3 .sec3-divider{height:35px; width:1px; margin-top:5px;}
    .cleaning-wrap .cleaning-sec3 .sec3-message{margin-top:0px;}
    .cleaning-wrap .cleaning-sec3 .msg-line1{font-size:16px; font-weight:500; line-height:1.6;}
    .cleaning-wrap .cleaning-sec3 .msg-line2 .dot-char::before{width:3px; height:3px; top:-2px;}
    .cleaning-wrap .cleaning-sec3 .msg-line2{font-size:18px; line-height:26px;}
    .cleaning-wrap .cleaning-sec3 .msg-bar{height:14px; bottom:0;}
    .cleaning-wrap .cleaning-sec3 .sec3-ba-wrapper{margin-top:30px;}
    .cleaning-wrap .cleaning-sec3 .sec3-twenty{width:152px; height:106px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-container{border-width:1px;margin-right: 60px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-handle{border-width:1px; width:20px; height:20px; margin-left:-10px; margin-top:-10px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-handle:before,
    .cleaning-wrap .cleaning-sec3 .twentytwenty-handle:after{width:1px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-left-arrow{
        border-right-width:5px; border-top-width:5px; border-bottom-width:5px;
        margin-left:-15px; margin-top:-4px;
    }
    .cleaning-wrap .cleaning-sec3 .twentytwenty-right-arrow{
        border-left-width:5px; border-top-width:5px; border-bottom-width:5px;
        margin-right:-15px; margin-top:-4px;
    }
    .cleaning-wrap .cleaning-sec3 .twentytwenty-handle:before{margin-bottom:12px;}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-handle:after{margin-top:12px;}
    .cleaning-wrap .cleaning-sec3 .sec3-bg-layers{background-image:url("../images/sub/cleaning-sec3-bg-mo.webp");}
    .cleaning-wrap .cleaning-sec3 .twentytwenty-before-label:before,
    .cleaning-wrap .cleaning-sec3 .twentytwenty-after-label:before{font-size:10px !important; padding:3px 8px; bottom:6px;}
}


/* ============================================
   cleaning-sec4: 프리미엄 딥케어 옵션
   ============================================ */
.cleaning-wrap .cleaning-sec4{
    background:#000;
}

/* --- Sub-section A: Case/Solution 카드 --- */
.cleaning-wrap .cleaning-sec4 .sec4-cases{
    position:relative;
    overflow:hidden;
}

/* 상단 헤더 (문서 흐름에 포함) */
.cleaning-wrap .cleaning-sec4 .sec4-cases-header{
    position:relative;
    z-index:10;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:100px 20px 48px;
}
.cleaning-wrap .cleaning-sec4 .sec4-sub{
    color:#FF2E2E;
    font-size:24px;
    font-weight:400;
}
.cleaning-wrap .cleaning-sec4 .sec4-title{
    font-size:45px;
    font-weight:400;
    line-height:1.2;
    margin-top:3px;
}
.cleaning-wrap .cleaning-sec4 .sec4-title .gray{
    color:#E5E7EB;
}
.cleaning-wrap .cleaning-sec4 .sec4-title strong{
    color:#fff;
    font-weight:600;
}
.cleaning-wrap .cleaning-sec4 .sec4-desc{
    color:#D6D3D1;
    font-size:24px;
    font-weight:400;
    line-height:40px;
    margin-top:20px;
}

/* 3열 카드 그리드 (풀 너비) */
.cleaning-wrap .cleaning-sec4 .sec4-cases-grid{
    position:relative;
    display:flex;
    width:100%;
    height:903px;
}
.cleaning-wrap .cleaning-sec4 .sec4-cases-grid::before{
    content:'';
    position:absolute;
    top:0; left:0; right:0;
    height:350px;
    background:linear-gradient(to bottom, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 40%, transparent 100%);
    z-index:5;
    pointer-events:none;
}

/* 모바일 솔루션 패널 - 데스크톱 숨김 */
.cleaning-wrap .cleaning-sec4 .sec4-sol-panel{
    display:none;
}

/* 각 카드 */
.cleaning-wrap .cleaning-sec4 .sec4-case-card{
    flex:1;
    position:relative;
    overflow:hidden;
    min-height:903px;
    cursor:pointer;
}

/* 배경 이미지 */
.cleaning-wrap .cleaning-sec4 .sec4-case-bg{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    z-index:0;
}
.cleaning-wrap .cleaning-sec4 .sec4-case-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* --- CASE (기본) 상태 --- */
.cleaning-wrap .cleaning-sec4 .sec4-case-front{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:360px;
    transition:opacity 0.4s ease;
}
.cleaning-wrap .cleaning-sec4 .sec4-case-overlay{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.4) 40%, transparent 100%);
    z-index:-1;
}

/* CASE 배지 */
.cleaning-wrap .cleaning-sec4 .sec4-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 20px;
    border-radius:44px;
    border:1px solid #fff;
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    font-size:20px;
    color:#fff;
    background:transparent;
}

/* CASE 질문 텍스트 */
.cleaning-wrap .cleaning-sec4 .sec4-case-q{
    color:#fff;
    font-size:30px;
    font-weight:500;
    line-height:51px;
    text-align:center;
    margin-top:16px;
}

/* HOVER 힌트 (데스크톱만) */
.cleaning-wrap .cleaning-sec4 .sec4-hover-hint{
    position:absolute;
    bottom:60px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    flex-direction:column-reverse;
    align-items:center;
    gap:4px;
}
.cleaning-wrap .cleaning-sec4 .sec4-hover-hint span{
    color:#fff;
    font-family:'Montserrat', sans-serif;
    font-size:20px;
    font-weight:300;
    letter-spacing:0.15em;
}
.cleaning-wrap .cleaning-sec4 .sec4-hover-hint svg{
    display:block;
}

/* 모바일 토글 버튼 (데스크톱 숨김) */
.cleaning-wrap .cleaning-sec4 .sec4-toggle{
    display:none;
}

/* --- SOLUTION (호버) 상태 --- */
.cleaning-wrap .cleaning-sec4 .sec4-case-back{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    z-index:6;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:79px 40px 40px;
    opacity:0;
    transition:opacity 0.4s ease;
}
.cleaning-wrap .cleaning-sec4 .sec4-case-back::before{
    content:'';
    position:absolute;
    top:0; left:0; right:0;
    height:350px;
    background:linear-gradient(to bottom, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 40%, transparent 100%);
    z-index:0;
    pointer-events:none;
}
.cleaning-wrap .cleaning-sec4 .sec4-back-overlay{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:rgba(0,0,0,0.80);
    z-index:-1;
}
.cleaning-wrap .cleaning-sec4 .sec4-case-card[data-case="1"] .sec4-back-overlay{
    background:linear-gradient(224deg, rgba(91, 173, 224, 0.47) -47.2%, rgba(0, 0, 0, 0.47) 56.76%), rgba(0, 0, 0, 0.80);
}
.cleaning-wrap .cleaning-sec4 .sec4-case-card[data-case="2"] .sec4-back-overlay{
    background:linear-gradient(224deg, rgba(201, 106, 106, 0.47) -47.2%, rgba(0, 0, 0, 0.47) 56.76%), rgba(0, 0, 0, 0.80);
}
.cleaning-wrap .cleaning-sec4 .sec4-case-card[data-case="3"] .sec4-back-overlay{
    background:linear-gradient(224deg, rgba(144, 222, 101, 0.47) -47.2%, rgba(0, 0, 0, 0.47) 56.76%), rgba(0, 0, 0, 0.80);
}
.cleaning-wrap .cleaning-sec4 .sec4-badge,
.cleaning-wrap .cleaning-sec4 .sec4-sol-name,
.cleaning-wrap .cleaning-sec4 .sec4-sol-sub,
.cleaning-wrap .cleaning-sec4 .sec4-sol-line,
.cleaning-wrap .cleaning-sec4 .sec4-sol-desc,
.cleaning-wrap .cleaning-sec4 .sec4-sol-tags,
.cleaning-wrap .cleaning-sec4 .sec4-sol-img{
    position:relative;
    z-index:1;
}

/* 호버 시 전환 */
.cleaning-wrap .cleaning-sec4 .sec4-case-card:hover .sec4-case-front{
    opacity:0;
}
.cleaning-wrap .cleaning-sec4 .sec4-case-card:hover .sec4-case-back{
    opacity:1;
}

/* SOLUTION 이름 - 색상별 */
.cleaning-wrap .cleaning-sec4 .sec4-sol-name{
    font-size:48px;
    font-weight:600;
    margin-top:12px;
}
.cleaning-wrap .cleaning-sec4 .sol-blue{
    background:linear-gradient(263deg, #A2C7FF 5.78%, #74A5F0 81.75%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.cleaning-wrap .cleaning-sec4 .sol-rose{
    background:linear-gradient(263deg, #FFB5B5 5.78%, #F58383 81.75%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.cleaning-wrap .cleaning-sec4 .sol-lime{
    background:linear-gradient(263deg, #CEFEB3 5.78%, #7ECD53 81.75%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* SOLUTION 소제목 */
.cleaning-wrap .cleaning-sec4 .sec4-sol-sub{
    color:#fff;
    font-size:30px;
    font-weight:400;
    line-height:51px;
}

/* SOLUTION 구분선 */
.cleaning-wrap .cleaning-sec4 .sec4-sol-line{
    width:384px;
    height:1px;
    background:rgba(255,255,255,0.3);
    margin:20px 0;
}

/* SOLUTION 설명 텍스트 */
.cleaning-wrap .cleaning-sec4 .sec4-sol-desc{
    color:#fff;
    font-size:24px;
    font-weight:400;
    text-align:left;
    line-height:40px;
}

/* SOLUTION 태그 */
.cleaning-wrap .cleaning-sec4 .sec4-sol-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:24px;
}
.cleaning-wrap .cleaning-sec4 .sec4-sol-tags::before{
    content:'';
    width:100%;
    order:1;
    margin-block:-4px;
}
.cleaning-wrap .cleaning-sec4 .sec4-tag:nth-child(n+4){
    order:2;
}
.cleaning-wrap .cleaning-sec4 .sec4-tag{
    display:inline-flex;
    align-items:center;
    padding:4px 6px;
    border-radius:4px;
    color:#fff;
    font-size:20px;
    font-weight:500;
}
.cleaning-wrap .cleaning-sec4 .tag-blue{background:#60A5FA;}
.cleaning-wrap .cleaning-sec4 .tag-rose{background:#F87171;}
.cleaning-wrap .cleaning-sec4 .tag-lime{background:#22C55E;}

/* SOLUTION 이미지 */
.cleaning-wrap .cleaning-sec4 .sec4-sol-img{
    margin-top:24px;
    width:100%;
    max-width:517px;
}
.cleaning-wrap .cleaning-sec4 .sec4-sol-img img{
    width:100%;
    height:auto;
    display:block;
    border-radius:16px;
}


/* --- Sub-section B: 추천 리스트 --- */
.cleaning-wrap .cleaning-sec4 .sec4-recommend{
    padding:100px 0;
}
.cleaning-wrap .cleaning-sec4 .sec4-rec-box{
    max-width:1431px;
    margin:0 auto;
    background:rgba(255,255,255,0.10);
    border:1px solid #3F3F46;
    border-radius:62px;
    padding:60px 0;
}
.cleaning-wrap .cleaning-sec4 .sec4-rec-header{
    text-align:center;
    margin-bottom:79px;
    line-height: 1;
}
.cleaning-wrap .cleaning-sec4 .sec4-rec-header p{
    color:#fff;
    font-size:45px;
    font-weight:400;
}
.cleaning-wrap .cleaning-sec4 .sec4-rec-header h3{
    color:#fff;
    font-size:53px;
    font-weight:600;
    line-height:70px;
}
.cleaning-wrap .cleaning-sec4 .sec4-rec-header h3 span{
    color:#C80000;
}
.cleaning-wrap .cleaning-sec4 .sec4-rec-header--mo{display:none;}

/* 추천 리스트 */
.cleaning-wrap .cleaning-sec4 .sec4-rec-list{
    list-style:none;
    padding:0 80px 0 220px;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:48px;
}
.cleaning-wrap .cleaning-sec4 .sec4-rec-list li{
    display:flex;
    align-items:center;
    gap:24px;
}
.cleaning-wrap .cleaning-sec4 .sec4-rec-icon{
    width:43px;
    height:43px;
    flex-shrink:0;
}
.cleaning-wrap .cleaning-sec4 .sec4-rec-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}
.cleaning-wrap .cleaning-sec4 .sec4-rec-text{
    color:#fff;
    font-size:36px;
    font-weight:400;
    line-height:1.1;
    text-align:left;
}
.cleaning-wrap .cleaning-sec4 .sec4-rec-text strong{
    font-weight:600;
    position:relative;
}
.cleaning-wrap .cleaning-sec4 .sec4-rec-text strong::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0px;
    width:100%;
    height:44px;
    background:#C80000;
    z-index:-1;
}


/* ============================================
   cleaning-sec4 반응형: 1400px
   ============================================ */
@media (max-width:1400px){
    .cleaning-wrap .cleaning-sec4 .sec4-cases-header{padding:80px 20px 38px;}
    .cleaning-wrap .cleaning-sec4 .sec4-cases-grid{height:722px;}
    .cleaning-wrap .cleaning-sec4 .sec4-cases-grid::before{height:280px;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-back::before{height:280px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sub{font-size:20px;}
    .cleaning-wrap .cleaning-sec4 .sec4-title{font-size:36px;}
    .cleaning-wrap .cleaning-sec4 .sec4-desc{font-size:20px; line-height:34px; margin-top:16px;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-card{min-height:720px;}
    .cleaning-wrap .cleaning-sec4 .sec4-badge{font-size:18px; padding:6px 16px;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-front{padding-top:280px;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-q{font-size:24px; line-height:42px;}
    .cleaning-wrap .cleaning-sec4 .sec4-hover-hint span{font-size:17px;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-back{padding:65px 32px 32px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-name{font-size:40px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-sub{font-size:24px; line-height:42px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-line{width:320px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-desc{font-size:20px; line-height:34px;}
    .cleaning-wrap .cleaning-sec4 .sec4-tag{font-size:17px; padding:3px 5px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-tags{gap:7px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-img{max-width:430px;}

    .cleaning-wrap .cleaning-sec4 .sec4-recommend{padding:80px 0;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-box{border-radius:50px; padding:50px 0;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-header p{font-size:36px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-header h3{font-size:42px; line-height:58px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-header{margin-bottom:63px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-list{gap:36px; padding:0 64px 0 176px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-icon{width:36px; height:36px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-text{font-size:30px; line-height:65px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-text strong::after{height:36px; bottom:0px;}
}


/* ============================================
   cleaning-sec4 반응형: 1000px
   ============================================ */
@media (max-width:1000px){
    .cleaning-wrap .cleaning-sec4 .sec4-cases-header{padding:65px 16px 31px;}
    .cleaning-wrap .cleaning-sec4 .sec4-cases-grid{height:587px;}
    .cleaning-wrap .cleaning-sec4 .sec4-cases-grid::before{height:210px;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-back::before{height:210px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sub{font-size:17px;}
    .cleaning-wrap .cleaning-sec4 .sec4-title{font-size:29px;}
    .cleaning-wrap .cleaning-sec4 .sec4-desc{font-size:17px; line-height:28px; margin-top:12px;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-card{min-height:560px;}
    .cleaning-wrap .cleaning-sec4 .sec4-badge{font-size:15px; padding:5px 14px;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-front{padding-top:210px;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-q{font-size:20px; line-height:34px;}
    .cleaning-wrap .cleaning-sec4 .sec4-hover-hint span{font-size:14px;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-back{padding:55px 24px 24px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-name{font-size:30px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-sub{font-size:20px; line-height:34px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-line{width:260px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-desc{font-size:17px; line-height:28px;}
    .cleaning-wrap .cleaning-sec4 .sec4-tag{font-size:14px; padding:3px 5px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-tags{gap:5px; margin-top:16px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-tags::before{margin-block:-2.5px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-img{max-width:340px; margin-top:16px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-img img{border-radius:12px;}

    .cleaning-wrap .cleaning-sec4 .sec4-recommend{padding:60px 0;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-box{border-radius:40px; padding:40px 0;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-header p{font-size:29px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-header h3{font-size:34px; line-height:44px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-header{margin-bottom:51px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-list{gap:24px; padding:0 40px 0 143px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-icon{width:30px; height:30px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-text{font-size:24px; line-height:55px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-text strong::after{height:28px; bottom:0px;}
}


/* ============================================
   cleaning-sec4 반응형: 640px (모바일)
   ============================================ */
@media (max-width:640px){
    /* 헤더: absolute → relative */
    .cleaning-wrap .cleaning-sec4 .sec4-cases-header{
        position:relative;
        padding:36px 16px 32px;
        background:none;
    }
    .cleaning-wrap .cleaning-sec4 .sec4-sub{font-size:14px; font-weight:500;}
    .cleaning-wrap .cleaning-sec4 .sec4-title{font-size:20px; font-weight:600;}
    .cleaning-wrap .cleaning-sec4 .sec4-title .gray{color:#A3A3A3;}
    .cleaning-wrap .cleaning-sec4 .sec4-desc{font-size:14px; font-weight:500; line-height:1.3; margin-top:10px; }

    /* 카드 그리드: 1열 세로 */
    .cleaning-wrap .cleaning-sec4 .sec4-cases-grid{
        flex-direction:column;
        padding:0 12px;
        gap:0;
        height:auto;
    }
    .cleaning-wrap .cleaning-sec4 .sec4-cases-grid::before{display:none;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-back::before{display:none;}

    /* 카드: 이미지 카드 */
    .cleaning-wrap .cleaning-sec4 .sec4-case-card{
        flex:none;
        width:100%;
        min-height:217px;
    }

    .cleaning-wrap .cleaning-sec4 .sec4-case-front{
        padding-top:72px;
    }
    .cleaning-wrap .cleaning-sec4 .sec4-badge{font-size:10px; padding:4px 8px; font-weight:500;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-q{font-size:14px; font-weight:500; line-height:1.2; margin-top:8px;}

    /* HOVER 힌트 숨김 */
    .cleaning-wrap .cleaning-sec4 .sec4-hover-hint{display:none;}

    /* SOLUTION back 숨김 (데스크톱 호버용) */
    .cleaning-wrap .cleaning-sec4 .sec4-case-back{display:none;}

    /* 호버 효과 무효화 */
    .cleaning-wrap .cleaning-sec4 .sec4-case-card:hover .sec4-case-front{opacity:1;}
    .cleaning-wrap .cleaning-sec4 .sec4-case-card:hover .sec4-case-back{opacity:0;}

    /* 모바일 토글 버튼 표시 */
    .cleaning-wrap .cleaning-sec4 .sec4-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
        width:16px;
        height:16px;
        background:rgba(255,255,255,0.3);
        border:none;
        border-radius:50%;
        margin-top:42px;
        cursor:pointer;
        transition:transform 0.3s ease;
        padding:0;
    }
    .cleaning-wrap .cleaning-sec4 .sec4-toggle svg{
        width:8px;
        height:5px;
    }
    .cleaning-wrap .cleaning-sec4 .sec4-case-card.active .sec4-toggle{
        transform:rotate(180deg);
    }
    .cleaning-wrap .cleaning-sec4 .sec4-case-overlay::after{
        content:'';
        position:absolute;
        top:0; left:0; right:0; bottom:0;
        background:rgba(0, 0, 0, 0.75);
        opacity:0;
        transition:opacity 0.3s ease;
    }
    .cleaning-wrap .cleaning-sec4 .sec4-case-card.active .sec4-case-overlay::after{
        opacity:1;
        transition:opacity 0.3s ease;
    }

    /* 모바일 솔루션 패널 */
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel .sec4-panel-inner{
        background:#262626;
        border:1px solid rgba(255,255,255,0.5);
        border-top:none;
        padding:20px 16px;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
    }
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel[data-panel="1"] .sec4-panel-inner{
        background:linear-gradient(44deg, rgba(91, 173, 224, 0.47) -47.2%, rgba(0, 0, 0, 0.47) 56.76%), #262626;
    }
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel[data-panel="2"] .sec4-panel-inner{
        background:linear-gradient(44deg, rgba(201, 106, 106, 0.47) -47.2%, rgba(0, 0, 0, 0.47) 56.76%), #262626;
    }
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel[data-panel="3"] .sec4-panel-inner{
        background:linear-gradient(44deg, rgba(69, 119, 43, 0.47) -47.2%, rgba(0, 0, 0, 0.47) 56.76%), #262626;
    }
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel .sec4-badge{font-size:10px; padding:4px 8px; font-weight:500;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel .sec4-sol-name{font-size:18px; font-weight:600; margin-top:4px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel .sec4-sol-sub{font-size:14px; font-weight:500; line-height:1.4;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel .sec4-sol-line{width:100%; margin:8px 0;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel .sec4-sol-desc{font-size:14px; font-weight:500; line-height:1.5;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel .sec4-sol-tags{gap:4px; margin-top:8px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel .sec4-sol-tags::before{margin-block:-2px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel .sec4-tag{font-size:12px; font-weight:400; padding:4px; border-radius:4px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel .sec4-sol-img{max-width:100%; margin-top:12px;}
    .cleaning-wrap .cleaning-sec4 .sec4-sol-panel .sec4-sol-img img{border-radius:8px;}

    /* 추천 리스트 모바일 */
    .cleaning-wrap .cleaning-sec4 .sec4-recommend{padding:36px 0;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-box{
        border-radius:12px;
        border:1px solid #484848;
        padding:25px 0;
    }
    .cleaning-wrap .cleaning-sec4 .sec4-rec-header--pc{display:none;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-header--mo{display:block; text-align:center; margin-bottom:20px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-header p{font-size:16px; font-weight:500; color:#D0D0D0;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-header h3{font-size:20px; font-weight:600; line-height:1.3; margin-top:4px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-header h3 span{color:#FF2E2E;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-list{gap:20px; padding:0 24px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-list li{align-items:flex-start; gap:5px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-icon{width:15px; height:15px; margin-top:2px;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-text{font-size:14px; font-weight:500; line-height:1.5;}
    .cleaning-wrap .cleaning-sec4 .sec4-rec-text strong::after{height:17px; bottom:0px;}

}


/* ============================================
   cleaning-sec5: POINT 2 - 오염 상태별 맞춤 클리닝
   ============================================ */
.cleaning-wrap .cleaning-sec5{background:#131313;}

.cleaning-wrap .cleaning-sec5 .contain{
    display:flex; flex-direction:column; align-items:center;
    padding-top:58px; padding-bottom:163px;
}

/* 헤더 */
.cleaning-wrap .cleaning-sec5 .sec5-header{
    display:flex; flex-direction:column; align-items:center; gap:14px;
}
.cleaning-wrap .cleaning-sec5 .sec5-point-badge{
    display:inline-flex; align-items:center; justify-content:center;
    padding:4px 20px; border:2px solid #E61515; border-radius:38px;
    color:#E61515; font-size:32px; font-family:'Montserrat',sans-serif;
    font-weight:600; line-height:51px;
}
.cleaning-wrap .cleaning-sec5 .sec5-subtitle{color:#D0D0D0; font-size:30px; font-weight:400;}
.cleaning-wrap .cleaning-sec5 .sec5-title{color:#fff; font-size:60px; font-weight:600; line-height:1;}

/* 카드 영역 */
.cleaning-wrap .cleaning-sec5 .sec5-cards{
    display:flex; justify-content:center; gap:63px; margin-top:60px;
}
.cleaning-wrap .cleaning-sec5 .sec5-card{
    width:454px; border:10px solid #343434; overflow:hidden;
}
.cleaning-wrap .cleaning-sec5 .sec5-card-img{width:100%; height:523px; overflow:hidden;}
.cleaning-wrap .cleaning-sec5 .sec5-card-img img{width:100%; height:100%; object-fit:cover; display:block;}
.cleaning-wrap .cleaning-sec5 .sec5-card-caption{
    background:#343434; padding:10px 20px 0 20px; text-align:center;
}
.cleaning-wrap .cleaning-sec5 .sec5-card-caption p{
    color:#fff; font-size:32px; font-weight:400; line-height:51px;
}
.cleaning-wrap .cleaning-sec5 .caption-highlight{color:#FF6161;}

/* 질문 텍스트 */
.cleaning-wrap .cleaning-sec5 .sec5-question-block{margin-top:80px; text-align:center;}
.cleaning-wrap .cleaning-sec5 .sec5-question{font-size:53px; line-height:1.2;}
.cleaning-wrap .cleaning-sec5 .question-gray{color:#D0D0D0; font-weight:400;}
.cleaning-wrap .cleaning-sec5 .question-white{color:#fff; font-weight:600;}

/* 메인 이미지 */
.cleaning-wrap .cleaning-sec5 .sec5-main-img{width:100%; max-width:856px; margin-top:100px;}
.cleaning-wrap .cleaning-sec5 .sec5-main-img video{width:100%; height:auto; display:block;}

/* 마무리 텍스트 */
.cleaning-wrap .cleaning-sec5 .sec5-closing{margin-top:42px; text-align:center;}
.cleaning-wrap .cleaning-sec5 .sec5-closing-text{color:#fff; font-size:53px; font-weight:400; line-height:1.2;}

/* --- cleaning-sec5 반응형: 1400px --- */
@media (max-width:1400px){
    .cleaning-wrap .cleaning-sec5 .contain{padding-top:46px; padding-bottom:130px;}
    .cleaning-wrap .cleaning-sec5 .sec5-point-badge{font-size:26px; padding:4px 16px; line-height:41px;}
    .cleaning-wrap .cleaning-sec5 .sec5-subtitle{font-size:24px;}
    .cleaning-wrap .cleaning-sec5 .sec5-title{font-size:48px;}
    .cleaning-wrap .cleaning-sec5 .sec5-cards{gap:50px; margin-top:48px;}
    .cleaning-wrap .cleaning-sec5 .sec5-card{width:348px; border-width:8px;}
    .cleaning-wrap .cleaning-sec5 .sec5-card-img{height:418px;}
    .cleaning-wrap .cleaning-sec5 .sec5-card-caption{padding:8px 16px 0 16px;}
    .cleaning-wrap .cleaning-sec5 .sec5-card-caption p{font-size:26px; line-height:41px;}
    .cleaning-wrap .cleaning-sec5 .sec5-question-block{margin-top:64px;}
    .cleaning-wrap .cleaning-sec5 .sec5-question{font-size:43px;}
    .cleaning-wrap .cleaning-sec5 .sec5-main-img{max-width:685px; margin-top:80px;}
    .cleaning-wrap .cleaning-sec5 .sec5-closing{margin-top:34px;}
    .cleaning-wrap .cleaning-sec5 .sec5-closing-text{font-size:43px;}
}

/* --- cleaning-sec5 반응형: 1000px --- */
@media (max-width:1000px){
    .cleaning-wrap .cleaning-sec5 .contain{padding-top:38px; padding-bottom:106px;}
    .cleaning-wrap .cleaning-sec5 .sec5-point-badge{font-size:22px; padding:3px 14px; line-height:35px;}
    .cleaning-wrap .cleaning-sec5 .sec5-subtitle{font-size:20px;}
    .cleaning-wrap .cleaning-sec5 .sec5-title{font-size:39px;}
    .cleaning-wrap .cleaning-sec5 .sec5-cards{gap:41px; margin-top:38px;}
    .cleaning-wrap .cleaning-sec5 .sec5-card{width:280px; border-width:6px;}
    .cleaning-wrap .cleaning-sec5 .sec5-card-img{height:336px;}
    .cleaning-wrap .cleaning-sec5 .sec5-card-caption{padding:7px 13px 0 13px;}
    .cleaning-wrap .cleaning-sec5 .sec5-card-caption p{font-size:21px; line-height:33px;}
    .cleaning-wrap .cleaning-sec5 .sec5-question-block{margin-top:50px;}
    .cleaning-wrap .cleaning-sec5 .sec5-question{font-size:34px;}
    .cleaning-wrap .cleaning-sec5 .sec5-main-img{max-width:556px; margin-top:65px;}
    .cleaning-wrap .cleaning-sec5 .sec5-closing{margin-top:27px;}
    .cleaning-wrap .cleaning-sec5 .sec5-closing-text{font-size:34px;}
}

/* --- cleaning-sec5 반응형: 640px (모바일) --- */
@media (max-width:640px){
    .cleaning-wrap .cleaning-sec5{background:#1A1A1A;}
    .cleaning-wrap .cleaning-sec5 .contain{padding:24px 15px 26px;}

    /* 헤더 */
    .cleaning-wrap .cleaning-sec5 .sec5-header{gap:8px;}
    .cleaning-wrap .cleaning-sec5 .sec5-point-badge{
        font-size:12px; padding:2px 4px;
        border-width:0.69px; border-radius:13px; line-height:18px;
    }
    .cleaning-wrap .cleaning-sec5 .sec5-subtitle{font-size:14px; font-weight:500;}
    .cleaning-wrap .cleaning-sec5 .sec5-title{font-size:20px;}

    /* 카드 */
    .cleaning-wrap .cleaning-sec5 .sec5-cards{gap:20px; margin-top:20px;}
    .cleaning-wrap .cleaning-sec5 .sec5-card{width:150px; border-width:3.43px;}
    .cleaning-wrap .cleaning-sec5 .sec5-card-img{height:160px;}
    .cleaning-wrap .cleaning-sec5 .sec5-card-caption{padding:4px 8px 0 8px;}
    .cleaning-wrap .cleaning-sec5 .sec5-card-caption p{font-size:12px; line-height:18px;}

    /* 질문: 모바일에서 flex column, 각 행 다른 크기 */
    .cleaning-wrap .cleaning-sec5 .sec5-question-block{margin-top:30px;}
    .cleaning-wrap .cleaning-sec5 .sec5-question{
        font-size:14px; display:flex; flex-direction:column;
        align-items:center; gap:4px;
    }
    .cleaning-wrap .cleaning-sec5 .sec5-question br{display:none;}
    .cleaning-wrap .cleaning-sec5 .question-gray{font-size:14px; font-weight:500;}
    .cleaning-wrap .cleaning-sec5 .question-white{font-size:20px;}

    /* 메인 이미지 */
    .cleaning-wrap .cleaning-sec5 .sec5-main-img{max-width:295px; margin-top:20px;}

    /* 마무리 텍스트 */
    .cleaning-wrap .cleaning-sec5 .sec5-closing{margin-top:18px;}
    .cleaning-wrap .cleaning-sec5 .sec5-closing-text{font-size:16px; font-weight:500;}
}

/* ============================================
   cleaning-sec6: POINT 3 - 압도적 흡입력
   ============================================ */

/* --- 전체 섹션 --- */
.cleaning-wrap .cleaning-sec6{background:url("../images/sub/cleaning-sec6-bg-pc.webp") center top / cover no-repeat;}

/* --- Part 1: 흰색 배경 영역 --- */
.cleaning-wrap .cleaning-sec6 > .contain{
    display:flex; flex-direction:column; align-items:center;
    padding-top:120px; padding-bottom:80px;
}

/* 헤더 */
.cleaning-wrap .cleaning-sec6 .sec6-header{
    display:flex; flex-direction:column; align-items:center; gap:14px;
}
.cleaning-wrap .cleaning-sec6 .sec6-point-badge{
    display:inline-flex; align-items:center; justify-content:center;
    padding:4px 20px; border:2px solid #FF2E2E; border-radius:38px;
    color:#FF2E2E; font-size:32px; font-family:'Montserrat',sans-serif;
    font-weight:600; line-height:51px;
}
.cleaning-wrap .cleaning-sec6 .sec6-subtitle{
    color:#3A3A3A; font-size:30px; font-weight:400;
}
.cleaning-wrap .cleaning-sec6 .sec6-title{
    color:#000; font-size:60px; font-weight:500; line-height:79px;
}
.cleaning-wrap .cleaning-sec6 .sec6-title .accent{
    color:#FF2E2E; font-weight:700;
}

/* 2×2 비교 그리드 */
.cleaning-wrap .cleaning-sec6 .sec6-compare{
    display:flex; justify-content:center; gap:29px; margin-top:60px;
}
.cleaning-wrap .cleaning-sec6 .sec6-col{
    display:flex; flex-direction:column; gap:68px;
}
.cleaning-wrap .cleaning-sec6 .sec6-col-competitor{
    padding:24px; border:2px solid transparent; border-radius:21px;
}
.cleaning-wrap .cleaning-sec6 .sec6-col-savefrom{
    padding:24px; border:2px solid #FF2E2E; border-radius:21px;
}

/* 카드 */
.cleaning-wrap .cleaning-sec6 .sec6-card{overflow:hidden;}
.cleaning-wrap .cleaning-sec6 .sec6-card-label{
    height:59px; display:flex; align-items:center; justify-content:center;
    border-top-left-radius:10px; border-top-right-radius:10px;
    color:#F5F5F5; font-size:32px; font-weight:500;
}
.cleaning-wrap .cleaning-sec6 .sec6-col-competitor .sec6-card-label{background:#3A3A3A;line-height: 1;}
.cleaning-wrap .cleaning-sec6 .sec6-col-savefrom .sec6-card-label{background:#FF2E2E;line-height: 1;}

.cleaning-wrap .cleaning-sec6 .sec6-card-img{
    width:485px; height:323px; overflow:hidden;
}
.cleaning-wrap .cleaning-sec6 .sec6-card-img video{
    width:100%; height:100%; object-fit:cover; display:block;
}
.cleaning-wrap .cleaning-sec6 .sec6-col-competitor .sec6-card-img video{
    filter:grayscale(100%);
}

/* 설명 텍스트 */
.cleaning-wrap .cleaning-sec6 .sec6-desc{
    margin-top:60px; font-size:24px; font-weight:500; color:#3A3A3A; line-height:38px;
}
.cleaning-wrap .cleaning-sec6 .sec6-desc strong{
    color:#1E1E1E; font-weight:600;
}

/* 말풍선 */
.cleaning-wrap .cleaning-sec6 .sec6-bubbles{
    display:flex; flex-direction:column; align-items:center;
    gap:92px; margin-top:60px; width:100%;
}
.cleaning-wrap .cleaning-sec6 .sec6-bubble{
    position:relative; background:#3A3A3A; border-radius:30px;
    padding:30px 40px; max-width:745px; width:100%;
}
.cleaning-wrap .cleaning-sec6 .sec6-bubble p{
    color:#D0D0D0; font-size:32px; font-weight:400; line-height:51px;
}
.cleaning-wrap .cleaning-sec6 .sec6-bubble p strong{
    color:#fff; font-weight:700;
}
/* 말풍선 꼬리 - 우하단 */
.cleaning-wrap .cleaning-sec6 .sec6-bubble-right::after{
    content:''; position:absolute; bottom:-22px; right:40px;
    width:59px; height:36px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='36' viewBox='0 0 59 36' fill='none'%3E%3Cpath d='M58.9824 35.9101C58.9824 35.9101 30.9824 20.4102 37.9824 9.9088C26.8158 1.24213 -9.78435 -7.19108 2.48242 9.90881C14.7492 27.0087 31.9824 35.9101 58.9824 35.9101Z' fill='%233A3A3A'/%3E%3C/svg%3E");
    background-size:contain; background-repeat:no-repeat;
}
/* 말풍선 꼬리 - 좌하단 */
.cleaning-wrap .cleaning-sec6 .sec6-bubble-left::after{
    content:''; position:absolute; bottom:-22px; left:40px;
    width:59px; height:36px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='36' viewBox='0 0 59 36' fill='none'%3E%3Cpath d='M0 35.9101C0 35.9101 28 20.4102 21 9.9088C32.1667 1.24213 68.7668 -7.19108 56.5 9.90881C44.2332 27.0087 27 35.9101 0 35.9101Z' fill='%233A3A3A'/%3E%3C/svg%3E");
    background-size:contain; background-repeat:no-repeat;
}

/* --- Part 2: 다크 배경 - HEPA 필터 --- */
.cleaning-wrap .cleaning-sec6 .sec6-hepa{
    position:relative; overflow:hidden;
}
.cleaning-wrap .cleaning-sec6 .sec6-hepa .contain{
    display:flex; flex-direction:column; align-items:center;
}
.cleaning-wrap .cleaning-sec6 .sec6-hepa-img{width:100%;}
.cleaning-wrap .cleaning-sec6 .sec6-hepa-img img{width:100%; height:auto; display:block;}
.cleaning-wrap .cleaning-sec6 .sec6-hepa-text{
    margin-top:748px; padding-bottom:80px; font-size:24px; font-weight:500;
    color:#E8E7F4; line-height:38px; word-break:keep-all;
}
.cleaning-wrap .cleaning-sec6 .sec6-hepa-text strong{
    color:#fff; font-weight:700;
}

/* --- sec6 반응형: 1400px --- */
@media (max-width:1400px){
    .cleaning-wrap .cleaning-sec6 > .contain{padding-top:96px; padding-bottom:64px;}

    /* 헤더 */
    .cleaning-wrap .cleaning-sec6 .sec6-point-badge{font-size:26px; padding:3px 16px; line-height:42px;}
    .cleaning-wrap .cleaning-sec6 .sec6-subtitle{font-size:25px;}
    .cleaning-wrap .cleaning-sec6 .sec6-title{font-size:50px; line-height:66px;}

    /* 비교 그리드 */
    .cleaning-wrap .cleaning-sec6 .sec6-compare{gap:23px; margin-top:48px;}
    .cleaning-wrap .cleaning-sec6 .sec6-col{gap:54px;}
    .cleaning-wrap .cleaning-sec6 .sec6-col-competitor{padding:20px;}
    .cleaning-wrap .cleaning-sec6 .sec6-col-savefrom{padding:20px; border-radius:17px;}
    .cleaning-wrap .cleaning-sec6 .sec6-card-label{height:50px; font-size:27px; border-top-left-radius:8px; border-top-right-radius:8px;}
    .cleaning-wrap .cleaning-sec6 .sec6-card-img{width:400px; height:267px;}

    /* 설명 */
    .cleaning-wrap .cleaning-sec6 .sec6-desc{margin-top:48px; font-size:20px; line-height:32px;}

    /* 말풍선 */
    .cleaning-wrap .cleaning-sec6 .sec6-bubbles{gap:74px; margin-top:48px;}
    .cleaning-wrap .cleaning-sec6 .sec6-bubble{max-width:620px; border-radius:25px; padding:25px 32px;}
    .cleaning-wrap .cleaning-sec6 .sec6-bubble p{font-size:27px; line-height:43px;}
    .cleaning-wrap .cleaning-sec6 .sec6-bubble-right::after{bottom:-17px; right:35px; width:47px; height:29px;}
    .cleaning-wrap .cleaning-sec6 .sec6-bubble-left::after{bottom:-17px; left:35px; width:47px; height:29px;}

    /* HEPA */
    .cleaning-wrap .cleaning-sec6 .sec6-hepa-text{margin-top:598px; padding-bottom:64px; font-size:20px; line-height:32px;}
}

/* --- sec6 반응형: 1000px --- */
@media (max-width:1000px){
    .cleaning-wrap .cleaning-sec6 > .contain{padding-top:72px; padding-bottom:48px;}

    /* 헤더 */
    .cleaning-wrap .cleaning-sec6 .sec6-point-badge{font-size:22px; padding:3px 14px; line-height:36px;}
    .cleaning-wrap .cleaning-sec6 .sec6-subtitle{font-size:20px;}
    .cleaning-wrap .cleaning-sec6 .sec6-title{font-size:40px; line-height:53px;}

    /* 비교 그리드 */
    .cleaning-wrap .cleaning-sec6 .sec6-compare{gap:18px; margin-top:36px;}
    .cleaning-wrap .cleaning-sec6 .sec6-col{gap:44px;}
    .cleaning-wrap .cleaning-sec6 .sec6-col-competitor{padding:16px;}
    .cleaning-wrap .cleaning-sec6 .sec6-col-savefrom{padding:16px; border-radius:14px;}
    .cleaning-wrap .cleaning-sec6 .sec6-card-label{height:42px; font-size:22px; border-top-left-radius:7px; border-top-right-radius:7px;}
    .cleaning-wrap .cleaning-sec6 .sec6-card-img{width:320px; height:213px;}

    /* 설명 */
    .cleaning-wrap .cleaning-sec6 .sec6-desc{margin-top:36px; font-size:17px; line-height:27px;}

    /* 말풍선 */
    .cleaning-wrap .cleaning-sec6 .sec6-bubbles{gap:60px; margin-top:36px;}
    .cleaning-wrap .cleaning-sec6 .sec6-bubble{max-width:520px; border-radius:20px; padding:20px 26px;}
    .cleaning-wrap .cleaning-sec6 .sec6-bubble p{font-size:22px; line-height:35px;}
    .cleaning-wrap .cleaning-sec6 .sec6-bubble-right::after{bottom:-13px; right:28px; width:38px; height:23px;}
    .cleaning-wrap .cleaning-sec6 .sec6-bubble-left::after{bottom:-13px; left:28px; width:38px; height:23px;}

    /* HEPA */
    .cleaning-wrap .cleaning-sec6 .sec6-hepa-text{margin-top:449px; padding-bottom:48px; font-size:17px; line-height:27px;}
}

/* --- sec6 반응형: 640px (모바일) --- */
@media (max-width:640px){
    .cleaning-wrap .cleaning-sec6{background-image:url("../images/sub/cleaning-sec6-bg-mo.webp");}
    .cleaning-wrap .cleaning-sec6 > .contain{padding-top:40px; padding-bottom:30px;}

    /* 헤더 */
    .cleaning-wrap .cleaning-sec6 .sec6-header{gap:8px;}
    .cleaning-wrap .cleaning-sec6 .sec6-point-badge{
        font-size:12px; padding:2px 4px; border-width:0.69px;
        border-radius:13px; line-height:18px;
    }
    .cleaning-wrap .cleaning-sec6 .sec6-subtitle{font-size:14px; font-weight:500;}
    .cleaning-wrap .cleaning-sec6 .sec6-title{font-size:20px; font-weight:600; line-height:1.4;}
    .cleaning-wrap .cleaning-sec6 .sec6-title .accent{font-weight:600;}

    /* 비교 그리드 */
    .cleaning-wrap .cleaning-sec6 .sec6-compare{gap:6px; margin-top:20px;}
    .cleaning-wrap .cleaning-sec6 .sec6-col{gap:12px;}
    .cleaning-wrap .cleaning-sec6 .sec6-col-competitor{padding:6px; border-width:0.69px; border-radius:7px;}
    .cleaning-wrap .cleaning-sec6 .sec6-col-savefrom{padding:6px; border-width:0.69px; border-radius:7px; gap:12px;}
    .cleaning-wrap .cleaning-sec6 .sec6-card-label{
        height:20px; font-size:12px; font-weight:500;
        border-top-left-radius:3.5px; border-top-right-radius:3.5px;
    }
    .cleaning-wrap .cleaning-sec6 .sec6-col-savefrom .sec6-card-label{font-weight:600;}
    .cleaning-wrap .cleaning-sec6 .sec6-card-img{width:auto; height:auto; aspect-ratio:3/2;}

    /* 설명 */
    .cleaning-wrap .cleaning-sec6 .sec6-desc{
        margin-top:24px; font-size:14px; line-height:20px;
    }
    .cleaning-wrap .cleaning-sec6 .sec6-desc strong{font-weight:600;}

    /* 말풍선 */
    .cleaning-wrap .cleaning-sec6 .sec6-bubbles{gap:30px; margin-top:24px;}
    .cleaning-wrap .cleaning-sec6 .sec6-bubble{
        max-width:293px; border-radius:10px; padding:7px 15px;
    }
    .cleaning-wrap .cleaning-sec6 .sec6-bubble p{
        font-size:14px; font-weight:400; line-height:1.5;
    }
    .cleaning-wrap .cleaning-sec6 .sec6-bubble p strong{font-weight:600;}
    .cleaning-wrap .cleaning-sec6 .sec6-bubble-right::after{bottom:-8px; right:20px; width:25px; height:15px;}
    .cleaning-wrap .cleaning-sec6 .sec6-bubble-left::after{bottom:-8px; left:20px; width:25px; height:15px;}

    /* HEPA */
    .cleaning-wrap .cleaning-sec6 .sec6-hepa-text{
        margin-top:185px; padding-bottom:30px; font-size:14px; line-height:20px;
    }
}


/* ============================================
   cleaning-sec7: POINT 4 - 포기했던 오염도 확실하게
   ============================================ */

.cleaning-wrap .cleaning-sec7{
    position:relative;
    overflow:hidden;
    background:#fff;
}

/* 배경 레이어 */
.cleaning-wrap .cleaning-sec7 .sec7-bg-layers{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    z-index:0;
    pointer-events:none;
}
.cleaning-wrap .cleaning-sec7 .sec7-bg-white{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:#fff;
    mix-blend-mode:soft-light;
    z-index:1;
}
.cleaning-wrap .cleaning-sec7 .sec7-bg-image{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:url("../images/sub/cleaning-sec7-bg-pc.webp") center center / cover no-repeat;
    z-index:0;
}
.cleaning-wrap .cleaning-sec7 .sec7-bg-gradient{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:linear-gradient(to bottom, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.6) 30%, rgba(255,255,255,0.4) 100%);
    z-index:2;
}

/* 콘텐츠 컨테이너 */
.cleaning-wrap .cleaning-sec7 > .contain{
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:77px;
    padding-bottom:216px;
}

/* 헤더 영역 */
.cleaning-wrap .cleaning-sec7 .sec7-header{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:21px;
}
.cleaning-wrap .cleaning-sec7 .sec7-point-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 20px;
    border:2px solid #E61515;
    border-radius:38px;
    color:#E61515;
    font-size:32px;
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    line-height:51px;
}
.cleaning-wrap .cleaning-sec7 .sec7-subtitle{
    color:#3A3A3A;
    font-size:30px;
    font-weight:400;
}
.cleaning-wrap .cleaning-sec7 .sec7-title{
    color:#000;
    font-size:60px;
    font-weight:600;
    line-height:1;
}

/* Before/After 그리드 */
.cleaning-wrap .cleaning-sec7 .sec7-ba-grid{
    display:flex;
    flex-direction:column;
    gap:48px;
    margin-top:60px;
}

/* 각 행 */
.cleaning-wrap .cleaning-sec7 .sec7-ba-row{
    display:flex;
    align-items:center;
    justify-content:center;
}

/* BA 아이템 (이미지 + 라벨) */
.cleaning-wrap .cleaning-sec7 .sec7-ba-item{
    display:flex;
    flex-direction:column;
    align-items:stretch;
}

/* 이미지 래퍼 */
.cleaning-wrap .cleaning-sec7 .sec7-ba-img-wrap{
    width:358px;
    height:312px;
    overflow:hidden;
    position:relative;
}
.cleaning-wrap .cleaning-sec7 .sec7-ba-before .sec7-ba-img-wrap{
    outline:3px solid #7A7A7A;
    outline-offset:-3px;
}
.cleaning-wrap .cleaning-sec7 .sec7-ba-after .sec7-ba-img-wrap{
    outline:3px solid #FA0000;
    outline-offset:-3px;
}
.cleaning-wrap .cleaning-sec7 .sec7-ba-img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* 라벨 바 */
.cleaning-wrap .cleaning-sec7 .sec7-ba-label{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 22px;
    color:#fff;
    font-size:30px;
    font-weight:300;
}
.cleaning-wrap .cleaning-sec7 .sec7-ba-label.before{
    background:#5A5A5A;
}
.cleaning-wrap .cleaning-sec7 .sec7-ba-label.after{
    background:#FF2E2E;
}

/* 원형 디바이더 */
.cleaning-wrap .cleaning-sec7 .sec7-ba-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    width:103px;
    flex-shrink:0;
}
.cleaning-wrap .cleaning-sec7 .sec7-ba-circle{
    width:66px;
    height:66px;
    display:block;
    object-fit:contain;
}


/* ============================================
   cleaning-sec7 반응형: 1400px (~80% 축소)
   ============================================ */
@media (max-width:1400px){
    .cleaning-wrap .cleaning-sec7 > .contain{
        padding-top:62px;
        padding-bottom:173px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-header{gap:17px;}
    .cleaning-wrap .cleaning-sec7 .sec7-point-badge{
        font-size:26px;
        padding:4px 16px;
        line-height:41px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-subtitle{
        font-size:24px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-title{
        font-size:48px;
        line-height:1;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-ba-grid{
        gap:38px;
        margin-top:48px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-ba-img-wrap{
        width:286px;
        height:250px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-ba-label{
        padding:6px 18px;
        font-size:24px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-ba-divider{
        width:82px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-ba-circle{
        width:52px;
        height:52px;
    }
}


/* ============================================
   cleaning-sec7 반응형: 1000px (~65% 축소)
   ============================================ */
@media (max-width:1000px){
    .cleaning-wrap .cleaning-sec7 > .contain{
        padding-top:50px;
        padding-bottom:140px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-header{gap:14px;}
    .cleaning-wrap .cleaning-sec7 .sec7-point-badge{
        font-size:22px;
        padding:3px 14px;
        line-height:35px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-subtitle{
        font-size:20px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-title{
        font-size:39px;
        line-height:1;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-ba-grid{
        gap:30px;
        margin-top:38px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-ba-img-wrap{
        width:233px;
        height:203px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-ba-before .sec7-ba-img-wrap,
    .cleaning-wrap .cleaning-sec7 .sec7-ba-after .sec7-ba-img-wrap{
        outline-width:2px;
        outline-offset:-2px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-ba-label{
        padding:5px 14px;
        font-size:20px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-ba-divider{
        width:66px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-ba-circle{
        width:44px;
        height:44px;
    }
}


/* ============================================
   cleaning-sec7 반응형: 640px (모바일)
   ============================================ */
@media (max-width:640px){
    /* 배경 이미지 숨김 */
    .cleaning-wrap .cleaning-sec7 .sec7-bg-image{background-image:url("../images/sub/cleaning-sec7-bg-mo.webp");}
    .cleaning-wrap .cleaning-sec7 .sec7-bg-gradient{display:none;}
    .cleaning-wrap .cleaning-sec7 .sec7-bg-white{display:none;}

    .cleaning-wrap .cleaning-sec7 > .contain{
        padding:34px 15px 54px;
    }

    /* 헤더 */
    .cleaning-wrap .cleaning-sec7 .sec7-header{gap:8px;}
    .cleaning-wrap .cleaning-sec7 .sec7-point-badge{
        font-size:12px;
        padding:2px 4px;
        border-width:0.69px;
        border-radius:13px;
        line-height:18px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-subtitle{
        font-size:14px;
        font-weight:500;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-subtitle-prefix{display:none;}
    .cleaning-wrap .cleaning-sec7 .sec7-title{
        font-size:20px;
        line-height:1;
    }

    /* BA 그리드 */
    .cleaning-wrap .cleaning-sec7 .sec7-ba-grid{
        gap:16px;
        margin-top:20px;
    }

    /* BA 이미지 */
    .cleaning-wrap .cleaning-sec7 .sec7-ba-img-wrap{
        width:124px;
        height:108px;
    }
    .cleaning-wrap .cleaning-sec7 .sec7-ba-before .sec7-ba-img-wrap,
    .cleaning-wrap .cleaning-sec7 .sec7-ba-after .sec7-ba-img-wrap{
        outline-width:1px;
        outline-offset:-1px;
    }

    /* BA 라벨 */
    .cleaning-wrap .cleaning-sec7 .sec7-ba-label{
        padding:0 4px;
        font-size:12px;
    }

    /* 디바이더 */
    .cleaning-wrap .cleaning-sec7 .sec7-ba-divider{width:30px;}
    .cleaning-wrap .cleaning-sec7 .sec7-ba-circle{
        width:22px;
        height:22px;
    }
}


/* ============================================
   cleaning-sec8: POINT 5
   인증받은 전문 장비·약품 & 방제 교육받는 클리닝 전문가
   ============================================ */

.cleaning-wrap .cleaning-sec8{
    background:#F8F8F8;
}
.cleaning-wrap .cleaning-sec8 > .contain{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:93px;
    padding-bottom:120px;
}

/* 블록 공통 */
.cleaning-wrap .cleaning-sec8 .sec8-block{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
}
.cleaning-wrap .cleaning-sec8 .sec8-block2{
    margin-top:100px;
}

/* POINT 배지 */
.cleaning-wrap .cleaning-sec8 .sec8-point-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 20px;
    border:2px solid #FF2E2E;
    border-radius:38px;
    color:#FF2E2E;
    font-size:32px;
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    line-height:51px;
}

/* 서브타이틀 */
.cleaning-wrap .cleaning-sec8 .sec8-subtitle{
    margin-top:20px;
    color:#000;
    font-size:30px;
    font-weight:400;
    line-height:1.2;
    text-align:center;
}

/* 메인 타이틀 */
.cleaning-wrap .cleaning-sec8 .sec8-title{
    color:#000;
    font-size:60px;
    font-weight:600;
    line-height:79px;
    margin-top: 4px;
    text-align:center;
}

/* 타이틀 하이라이트 (빨간 배경 + 흰 텍스트) */
.cleaning-wrap .cleaning-sec8 .sec8-title-hl{
    display:inline;
    color:#fff;
    background:#FF2E2E;
    padding:0 8px;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
}

/* 카드 공통 */
.cleaning-wrap .cleaning-sec8 .sec8-card{
    background:#fff;
    border-radius:47px;
    margin-top:30px;
    position:relative;
}

/* === Block 1: 슬라이더 카드 === */
.cleaning-wrap .cleaning-sec8 .sec8-card-slider{
    max-width:982px;
    width:100%;
    padding:64px 120px 42px 120px;
    display:flex;
    flex-direction:column;
    align-items:center;
    overflow:visible;
}

/* Swiper 컨테이너 (슬라이드당 1개 이미지) */
.cleaning-wrap .cleaning-sec8 .sec8-swiper{
    width:100%;
    overflow:hidden;
}

/* 슬라이드 */
.cleaning-wrap .cleaning-sec8 .sec8-slide{
    display:flex;
    align-items:center;
    justify-content:center;
}
.cleaning-wrap .cleaning-sec8 .sec8-slide img{
    height:340px;
    width:auto;
    display:block;
}

/* 네비게이션 화살표 */
.cleaning-wrap .cleaning-sec8 .sec8-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:15px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    border:none;
    cursor:pointer;
    z-index:10;
    padding:0;
}
.cleaning-wrap .cleaning-sec8 .sec8-nav svg{
    display:block;
}
.cleaning-wrap .cleaning-sec8 .sec8-nav-prev{
    left:40px;
}
.cleaning-wrap .cleaning-sec8 .sec8-nav-next{
    right:40px;
}
.cleaning-wrap .cleaning-sec8 .sec8-nav.swiper-button-disabled{
    opacity:0.3;
    cursor:default;
}

/* 페이지네이션 */
.cleaning-wrap .cleaning-sec8 .sec8-pagination{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:30px;
}
.cleaning-wrap .cleaning-sec8 .sec8-pagination .swiper-pagination-bullet{
    width:11px;
    height:11px;
    border-radius:50%;
    background:#D9D9D9;
    opacity:1;
    margin:0;
}
.cleaning-wrap .cleaning-sec8 .sec8-pagination .swiper-pagination-bullet-active{
    background:#575757;
}

/* 캡션 */
.cleaning-wrap .cleaning-sec8 .sec8-caption{
    color:#000;
    font-size:30px;
    font-weight:400;
    text-align:center;
    margin-top:27px;
    min-height:38px;
    transition:opacity 0.3s;
}
.cleaning-wrap .cleaning-sec8 .sec8-caption.hidden{
    opacity:0;
    min-height:0;
    margin-bottom:0;
}

/* === Block 2: 전문가 카드 (카드-커넥터-카드) === */
.cleaning-wrap .cleaning-sec8 .sec8-card-expert{
    max-width:982px;
    width:100%;
    padding:40px 60px;
    overflow:hidden;
}
.cleaning-wrap .cleaning-sec8 .sec8-expert-compare{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:0;
}
.cleaning-wrap .cleaning-sec8 .sec8-expert-card{
    overflow:hidden;
    position:relative;
    z-index:1;
}
.cleaning-wrap .cleaning-sec8 .sec8-expert-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.cleaning-wrap .cleaning-sec8 .sec8-expert-card1 img{
    transform:scale(1.05);
}
.cleaning-wrap .cleaning-sec8 .sec8-expert-card1{
    width:238px;
    height:336px;
}
.cleaning-wrap .cleaning-sec8 .sec8-expert-card2{
    width:309px;
    height:357px;
    z-index:2;
}

/* 전문가 커넥터 */
.cleaning-wrap .cleaning-sec8 .sec8-expert-connector{
    position:relative;
    width:72px;
    z-index:0;
    pointer-events:none;
    margin:0 -26px 0 0;
    flex-shrink:0;
    height:357px;
}
.cleaning-wrap .cleaning-sec8 .sec8-expert-connector svg{
    width:100%;
    height:100%;
    display:block;
}


/* ============================================
   cleaning-sec8 반응형: 1400px
   ============================================ */
@media (max-width:1400px){
    .cleaning-wrap .cleaning-sec8 > .contain{
        padding-top:74px;
        padding-bottom:96px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-block2{
        margin-top:80px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-point-badge{
        font-size:26px;
        padding:4px 16px;
        line-height:41px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-subtitle{
        margin-top:16px;
        font-size:24px;
        line-height:1.2;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-title{
        font-size:48px;
        line-height:63px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-card{
        border-radius:38px; margin-top:24px;
        margin-top:32px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-card-slider{
        max-width:786px;
        padding:51px 96px 34px 96px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-slide img{
        height:272px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-nav svg{
        width:12px;
        height:24px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-nav-prev{ left:32px; }
    .cleaning-wrap .cleaning-sec8 .sec8-nav-next{ right:32px; }
    .cleaning-wrap .cleaning-sec8 .sec8-pagination{
        gap:8px;
        margin-top:24px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-pagination .swiper-pagination-bullet{
        width:9px;
        height:9px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-caption{
        font-size:24px;
        margin-top:22px;
        min-height:30px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-card-expert{
        max-width:786px;
        padding:32px 48px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-expert-card1{
        width:191px;
        height:269px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-expert-card2{
        width:247px;
        height:286px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-expert-connector{
        width:58px;
        height:286px;
        margin:0 -21px 0 0;
    }
}


/* ============================================
   cleaning-sec8 반응형: 1000px
   ============================================ */
@media (max-width:1000px){
    .cleaning-wrap .cleaning-sec8 > .contain{
        padding-top:60px;
        padding-bottom:78px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-block2{
        margin-top:60px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-point-badge{
        font-size:22px;
        padding:3px 14px;
        line-height:35px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-subtitle{
        margin-top:12px;
        font-size:20px;
        line-height:1.2;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-title{
        font-size:39px;
        line-height:51px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-card{
        border-radius:30px; margin-top:20px;
        margin-top:28px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-card-slider{
        max-width:638px;
        padding:42px 78px 27px 78px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-slide img{
        height:221px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-nav svg{
        width:10px;
        height:20px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-nav-prev{ left:24px; }
    .cleaning-wrap .cleaning-sec8 .sec8-nav-next{ right:24px; }
    .cleaning-wrap .cleaning-sec8 .sec8-pagination{
        gap:7px;
        margin-top:20px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-pagination .swiper-pagination-bullet{
        width:8px;
        height:8px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-caption{
        font-size:20px;
        margin-top:18px;
        min-height:26px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-card-expert{
        max-width:638px;
        padding:28px 40px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-expert-card1{
        width:155px;
        height:219px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-expert-card2{
        width:201px;
        height:232px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-expert-connector{
        width:46px;
        height:232px;
        margin:0 -17px 0 0;
    }
}


/* ============================================
   cleaning-sec8 반응형: 640px (모바일)
   ============================================ */
@media (max-width:640px){
    .cleaning-wrap .cleaning-sec8 > .contain{
        padding:28px 15px 26px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-block2{
        margin-top:30px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-point-badge{
        font-size:12px;
        padding:2px 4px;
        border-width:0.69px;
        border-radius:13px;
        line-height:18px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-subtitle{
        margin-top:8px;
        font-size:14px;
        font-weight:500;
        color:#3A3A3A;
        line-height:1.2;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-title{
        font-size:20px;
        font-weight:600;
        line-height:26px;
        margin-top:2px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-title-hl{
        padding:0 4px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-card{
        border-radius:16px; margin-top:24px;
        margin-top:14px;
    }

    /* 슬라이더 카드 */
    .cleaning-wrap .cleaning-sec8 .sec8-card-slider{
        max-width:266px;
        padding:22px 15px 15px 15px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-slide img{
        height:118px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-nav svg{
        width:5px;
        height:10px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-nav-prev{ left:8px; }
    .cleaning-wrap .cleaning-sec8 .sec8-nav-next{ right:8px; }
    .cleaning-wrap .cleaning-sec8 .sec8-pagination{
        gap:5px;
        margin-top:10px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-pagination .swiper-pagination-bullet{
        width:4px;
        height:4px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-caption{
        font-size:12px;
        margin-top:12px;
        min-height:16px;
    }

    /* 전문가 카드 */
    .cleaning-wrap .cleaning-sec8 .sec8-card-expert{
        max-width:266px;
        padding:14px 20px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-expert-card1{
        width:92px;
        height:130px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-expert-card2{
        width:121px;
        height:139px;
    }
    .cleaning-wrap .cleaning-sec8 .sec8-expert-connector{
        width:25px;
        height:139px;
        margin:0 -9px 0 0;
    }
}


/* ============================================
   cleaning-sec9: 고객 리뷰
   ============================================ */

/* --- 배너 --- */
.cleaning-wrap .cleaning-sec9 .sec9-banner{
    position:relative;
    overflow:hidden;
    height:423px;
    background:url("../images/sub/cleaning-sec9-banner-pc.webp") center/cover no-repeat;
}

/* 배너 텍스트 */
.cleaning-wrap .cleaning-sec9 .sec9-banner-content{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    z-index:2;
    text-align:center;
}
.cleaning-wrap .cleaning-sec9 .sec9-title{
    color:#fff;
    font-size:45px;
    font-weight:400;
    line-height:1.3;
}
.cleaning-wrap .cleaning-sec9 .sec9-highlight{
    position:relative;
    color:#C80000;
    font-size:53px;
    font-weight:600;
    display:inline-block;
}
.cleaning-wrap .cleaning-sec9 .sec9-highlight-mark{
    position:absolute;
    bottom:2px;
    left:-8px;
    right:-8px;
    height:62px;
    background:#FFF9CE;
    z-index:-1;
}
.cleaning-wrap .cleaning-sec9 .sec9-title-bold{
    color:#fff;
    font-size:53px;
    font-weight:600;
}
.cleaning-wrap .cleaning-sec9 .sec9-desc{
    color:#fff;
    font-size:32px;
    font-weight:500;
    line-height:1.2;
    margin-top:44px;
}
.cleaning-wrap .cleaning-sec9 .sec9-desc strong{
    font-weight:700;
}

/* --- 리뷰 본문 --- */
.cleaning-wrap .cleaning-sec9 .sec9-body{
    position:relative;
    overflow:hidden;
    background:url("../images/sub/cleaning-sec9-photo-bg.webp") center top /cover no-repeat;
}

/* 그래디언트 오버레이 */
.cleaning-wrap .cleaning-sec9 .sec9-gradient{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.75) 100%);
    pointer-events:none;
}

/* 리뷰 카드 컨테이너 */
.cleaning-wrap .cleaning-sec9 .sec9-cards{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding:60px 15%;
    gap:30px;
}

/* 리뷰 카드 */
.cleaning-wrap .cleaning-sec9 .sec9-card{
    background:#fff;
    border:2px solid #FF2E2E;
    border-radius:22px;
    box-shadow:4px 4px 6.7px rgba(0,0,0,0.25);
    padding:30px 44px;
}
.cleaning-wrap .cleaning-sec9 .sec9-card:nth-child(odd){
    align-self:flex-start;
}
.cleaning-wrap .cleaning-sec9 .sec9-card:nth-child(even){
    align-self:flex-end;
}
.cleaning-wrap .cleaning-sec9 .sec9-stars{
    color:#FF2E2E;
    font-size:34px;
    line-height:34px;
    letter-spacing:2px;
    text-align:left;
    margin-bottom:8px;
}
.cleaning-wrap .cleaning-sec9 .sec9-card p{
    color:#FF2E2E;
    font-size:36px;
    font-weight:400;
    line-height:1.4;
    text-align:left;
}

/* --- sec9 반응형: 1400px --- */
@media (max-width:1400px){
    .cleaning-wrap .cleaning-sec9 .sec9-banner{
        height:340px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-title{
        font-size:38px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-highlight,
    .cleaning-wrap .cleaning-sec9 .sec9-title-bold{
        font-size:44px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-highlight-mark{
        height:48px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-desc{
        font-size:26px;
        margin-top:36px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-cards{
        padding:50px 12%;
        gap:24px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-card{
        padding:24px 36px;
        border-radius:18px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-stars{
        font-size:27px;
        line-height:27px;
        margin-bottom:6px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-card p{
        font-size:28px;
        line-height:1.4;
    }
}

/* --- sec9 반응형: 1000px --- */
@media (max-width:1000px){
    .cleaning-wrap .cleaning-sec9 .sec9-banner{
        height:260px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-title{
        font-size:30px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-highlight,
    .cleaning-wrap .cleaning-sec9 .sec9-title-bold{
        font-size:36px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-highlight-mark{
        height:40px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-desc{
        font-size:22px;
        margin-top:28px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-cards{
        padding:40px 8%;
        gap:20px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-card{
        padding:20px 28px;
        border-radius:14px;
        border-width:1.5px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-card:nth-child(odd){
    }
    .cleaning-wrap .cleaning-sec9 .sec9-card:nth-child(even){
    }
    .cleaning-wrap .cleaning-sec9 .sec9-stars{
        font-size:19px;
        line-height:19px;
        margin-bottom:5px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-card p{
        font-size:22px;
        line-height:1.4;
    }
}

/* --- sec9 반응형: 640px (모바일) --- */
@media (max-width:640px){
    .cleaning-wrap .cleaning-sec9 .sec9-banner{
        height:130px;
        background-image:url("../images/sub/cleaning-sec9-banner-mo.webp");
    }
    .cleaning-wrap .cleaning-sec9 .sec9-title{
        font-size:16px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-highlight,
    .cleaning-wrap .cleaning-sec9 .sec9-title-bold{
        font-size:18px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-highlight-mark{
        height:22px;
        left:-4px;
        right:-4px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-desc{
        font-size:14px;
        font-weight:500;
        margin-top: 16px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-desc strong{
        font-weight:600;
    }

    /* 카드: absolute 해제, 세로 중앙 배치 */
    .cleaning-wrap .cleaning-sec9 .sec9-cards{
        padding:20px 15px;
        gap:16px;
        align-items:center;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-card{
        padding:8px 12px;
        border-radius:7px;
        border-width:0.62px;
        box-shadow:1.24px 1.24px 2.08px rgba(0,0,0,0.25);
    }
    .cleaning-wrap .cleaning-sec9 .sec9-card:nth-child(odd),
    .cleaning-wrap .cleaning-sec9 .sec9-card:nth-child(even){
        align-self:auto;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-stars{
        font-size:11px;
        line-height:11px;
        letter-spacing:1px;
        margin-bottom:3px;
    }
    .cleaning-wrap .cleaning-sec9 .sec9-card p{
        font-size:12px;
        line-height:1.4;
    }
}


/* ====================================================================
   cleaning-sec10: 단계별 클리닝 프로세스
   ==================================================================== */

.cleaning-wrap .cleaning-sec10{
    overflow:hidden;
}

/* --- 상단 빨간 배너 --- */
.cleaning-wrap .cleaning-sec10 .sec10-top-banner{
    background:#D94925;
    padding:28px 0;
    text-align:center;
}
.cleaning-wrap .cleaning-sec10 .sec10-question{
    color:#fff;
    font-size:60px;
    font-weight:700;
}

/* --- 다크 히어로 영역 --- */
.cleaning-wrap .cleaning-sec10 .sec10-hero{
    position:relative;
    height:362px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}
.cleaning-wrap .cleaning-sec10 .sec10-hero-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.cleaning-wrap .cleaning-sec10 .sec10-hero-overlay{
    position:absolute;
    inset:0;
}
.cleaning-wrap .cleaning-sec10 .sec10-hero-content{
    position:relative;
    z-index:1;
    text-align:center;
}
.cleaning-wrap .cleaning-sec10 .sec10-hero-title{
    color:#fff;
    font-size:53px;
    font-weight:700;
}
.cleaning-wrap .cleaning-sec10 .sec10-hero-accent{
    color:#FF2E2E;
}
.cleaning-wrap .cleaning-sec10 .sec10-hero-desc{
    color:#fff;
    font-size:32px;
    font-weight:400;
    line-height:51px;
    margin-top:21px;
}

/* --- 스텝 영역 --- */
.cleaning-wrap .cleaning-sec10 .sec10-steps{
    background:#fff;
    padding:100px 0 60px;
}
.cleaning-wrap .cleaning-sec10 .sec10-grid{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:66px;
}

/* 스텝 행 (2열) */
.cleaning-wrap .cleaning-sec10 .sec10-row{
    display:flex;
    justify-content:center;
    gap:161px;
    position:relative;
}

/* 행 내 수평 커넥터 - 화살표 선 */
.cleaning-wrap .cleaning-sec10 .sec10-row::before{
    content:'';
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:86px;
    width:100vw;
    height:2px;
    background:#FF2E2E;
}
/* 행 내 수평 커넥터 - 화살표 머리 */
.cleaning-wrap .cleaning-sec10 .sec10-row::after{
    content:'';
    position:absolute;
    left:calc(50%-6);
    top:81px;
    width:12px;
    height:12px;
    border-top:2px solid #FF2E2E;
    border-right:2px solid #FF2E2E;
    transform:rotate(45deg);
}
.cleaning-wrap .cleaning-sec10 .sec10-row-last::after{ display:none; }

/* --- 스텝 카드 --- */
.cleaning-wrap .cleaning-sec10 .sec10-step{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    width:407px;
}

/* 프리미엄 라벨 */
.cleaning-wrap .cleaning-sec10 .sec10-premium-label{
    font-size:14px;
    font-weight:700;
    color:#7A7A7A;
    margin-bottom:2px;
}

/* 스텝 번호 */
.cleaning-wrap .cleaning-sec10 .sec10-step-num{
    font-size:20px;
    font-weight:700;
    color:#252424;
}

/* 스텝 제목 */
.cleaning-wrap .cleaning-sec10 .sec10-step-title{
    color:#FF2E2E;
    font-size:30px;
    font-weight:600;
    margin-top:4px;
    line-height:1.3;
}

/* 빨간 점 인디케이터 */
.cleaning-wrap .cleaning-sec10 .sec10-dot{
    display:block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#FF2E2E;
    box-shadow:0 0 0 8px rgba(255,200,200,0.74);
    margin-top:14px;
}

/* 스텝 이미지 */
.cleaning-wrap .cleaning-sec10 .sec10-step-img{
    width:407px;
    height:248px;
    border-radius:26px;
    overflow:hidden;
    margin-top:20px;
}
.cleaning-wrap .cleaning-sec10 .sec10-step-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* 스텝 설명 */
.cleaning-wrap .cleaning-sec10 .sec10-step-desc{
    color:#3A3A3A;
    font-size:20px;
    font-weight:500;
    line-height:1.2;
    margin-top:16px;
}
.cleaning-wrap .cleaning-sec10 .sec10-step-desc strong{
    color:#FF2E2E;
    font-weight:600;
}

/* 하단 안내 */
.cleaning-wrap .cleaning-sec10 .sec10-footer-note{
    color:#D0D0D0;
    font-size:10px;
    font-weight:500;
    text-align:center;
    margin-top:50px;
}
.cleaning-wrap .cleaning-sec10 .br-mo{ display:none; }


/* ---- cleaning-sec10: 1400px ---- */
@media (max-width:1400px){
    .cleaning-wrap .cleaning-sec10 .sec10-top-banner{ padding:22px 0; }
    .cleaning-wrap .cleaning-sec10 .sec10-question{ font-size:48px; }
    .cleaning-wrap .cleaning-sec10 .sec10-hero{ height:290px; }
    .cleaning-wrap .cleaning-sec10 .sec10-hero-title{ font-size:42px; }
    .cleaning-wrap .cleaning-sec10 .sec10-hero-desc{ font-size:26px; line-height:42px; margin-top:18px; }
    .cleaning-wrap .cleaning-sec10 .sec10-steps{ padding:80px 0 50px; }
    .cleaning-wrap .cleaning-sec10 .sec10-grid{ gap:50px; }
    .cleaning-wrap .cleaning-sec10 .sec10-row{ gap:120px; }
    .cleaning-wrap .cleaning-sec10 .sec10-row::before{ top:69px; }
    .cleaning-wrap .cleaning-sec10 .sec10-row::after{ top:65px; left:calc(50%-5); width:10px; height:10px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step{ width:326px; }
    .cleaning-wrap .cleaning-sec10 .sec10-premium-label{ font-size:12px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step-num{ font-size:16px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step-title{ font-size:24px; margin-top:3px; }
    .cleaning-wrap .cleaning-sec10 .sec10-dot{ width:7px; height:7px; box-shadow:0 0 0 6px rgba(255,200,200,0.74); margin-top:12px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step-img{ width:326px; height:199px; border-radius:21px; margin-top:16px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step-desc{ font-size:16px; margin-top:14px; }
    .cleaning-wrap .cleaning-sec10 .sec10-footer-note{ margin-top:40px; }
}

/* ---- cleaning-sec10: 1000px ---- */
@media (max-width:1000px){
    .cleaning-wrap .cleaning-sec10 .sec10-top-banner{ padding:17px 0; }
    .cleaning-wrap .cleaning-sec10 .sec10-question{ font-size:38px; }
    .cleaning-wrap .cleaning-sec10 .sec10-hero{ height:230px; }
    .cleaning-wrap .cleaning-sec10 .sec10-hero-title{ font-size:34px; }
    .cleaning-wrap .cleaning-sec10 .sec10-hero-desc{ font-size:22px; line-height:36px; margin-top:14px; }
    .cleaning-wrap .cleaning-sec10 .sec10-steps{ padding:60px 0 40px; }
    .cleaning-wrap .cleaning-sec10 .sec10-grid{ gap:36px; }
    .cleaning-wrap .cleaning-sec10 .sec10-row{ gap:50px; }
    .cleaning-wrap .cleaning-sec10 .sec10-row::before{ top:59px; }
    .cleaning-wrap .cleaning-sec10 .sec10-row::after{ top:55px; left:calc(50%-4.5); width:9px; height:9px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step{ width:260px; }
    .cleaning-wrap .cleaning-sec10 .sec10-premium-label{ font-size:10px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step-num{ font-size:14px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step-title{ font-size:20px; margin-top:3px; }
    .cleaning-wrap .cleaning-sec10 .sec10-dot{ width:6px; height:6px; box-shadow:0 0 0 5px rgba(255,200,200,0.74); margin-top:10px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step-img{ width:260px; height:159px; border-radius:17px; margin-top:12px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step-desc{ font-size:14px; margin-top:10px; }
    .cleaning-wrap .cleaning-sec10 .sec10-footer-note{ margin-top:30px; }
}

/* ---- cleaning-sec10: 640px (모바일) ---- */
@media (max-width:640px){
    .cleaning-wrap .cleaning-sec10 .sec10-top-banner{ padding:12px 0; }
    .cleaning-wrap .cleaning-sec10 .sec10-question{ font-size:21px; }
    .cleaning-wrap .cleaning-sec10 .sec10-hero{ height:125px; }
    .cleaning-wrap .cleaning-sec10 .sec10-hero-title{ font-size:18px; }
    .cleaning-wrap .cleaning-sec10 .sec10-hero-desc{ font-size:11px; line-height:18px; margin-top:12px; }
    .cleaning-wrap .cleaning-sec10 .sec10-steps{ padding:24px 15px 20px; }
    .cleaning-wrap .cleaning-sec10 .sec10-grid{ gap:20px; }
    .cleaning-wrap .cleaning-sec10 .sec10-row{ gap:20px; }
    .cleaning-wrap .cleaning-sec10 .sec10-row::before{ top:42px; height:1px; }
    .cleaning-wrap .cleaning-sec10 .sec10-row::after{ top:39px; left:calc(50%-3.5); width:7px; height:7px; border-width:1px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step{ width:147px; }
    .cleaning-wrap .cleaning-sec10 .sec10-premium-label{ font-size:8px; margin-bottom:1px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step-num{ font-size:10px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step-title{ font-size:14px; margin-top:3px; }
    .cleaning-wrap .cleaning-sec10 .sec10-dot{ width:5px; height:5px; box-shadow:0 0 0 2.76px rgba(255,200,200,0.74); margin-top:6px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step-img{ width:147px; height:86px; border-radius:9px; margin-top:9px; }
    .cleaning-wrap .cleaning-sec10 .sec10-step-desc{ font-size:12px; line-height:16px; margin-top:9px; }
    .cleaning-wrap .cleaning-sec10 .sec10-footer-note{ font-size:10px; margin-top:20px; }
    .cleaning-wrap .cleaning-sec10 .br-pc{ display:none; }
    .cleaning-wrap .cleaning-sec10 .br-mo{ display:inline; }
}


/* ============================================
   cleaning-sec11: 추가 관리 옵션
   ============================================ */
.cleaning-wrap .cleaning-sec11{
    background:#F5F5F5;
}
.cleaning-wrap .cleaning-sec11 > .contain{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:55px 0 58px;
}

/* --- 헤더 --- */
.cleaning-wrap .cleaning-sec11 .sec11-header{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.cleaning-wrap .cleaning-sec11 .sec11-title{
    color:#3A3A3A;
    font-size:60px;
    font-weight:600;
    line-height:82px;
}
.cleaning-wrap .cleaning-sec11 .sec11-title-red{
    color:#FF2E2E;
}
.cleaning-wrap .cleaning-sec11 .sec11-subtitle{
    color:#3A3A3A;
    font-size:30px;
    font-weight:400;
    line-height:38px;
    margin-top:18px;
}

/* --- 카드 그리드 --- */
.cleaning-wrap .cleaning-sec11 .sec11-cards{
    display:flex;
    justify-content:center;
    gap:29px;
    margin-top:60px;
    width:100%;
}

/* --- 카드 공통 --- */
.cleaning-wrap .cleaning-sec11 .sec11-card{
    width:532px;
    min-height:540px;
    background:#fff;
    border-radius:40px;
    box-shadow:0 0 9.8px rgba(0,0,0,0.14);
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:40px 30px 36px;
    box-sizing:border-box;
    position:relative;
}

/* --- OPTION 배지 --- */
.cleaning-wrap .cleaning-sec11 .sec11-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 20px;
    background:#FF2E2E;
    border-radius:44px;
    color:#F5F5F5;
    font-size:20px;
    font-family:'Montserrat', Pretendard, sans-serif;
    font-weight:600;
    line-height:1;
}

/* --- 솔루션 제목 --- */
.cleaning-wrap .cleaning-sec11 .sec11-sol-title{
    color:#FF2E2E;
    font-size:43px;
    font-weight:600;
    margin-top:12px;
    line-height:1.2;
}

/* --- 솔루션 서브타이틀 --- */
.cleaning-wrap .cleaning-sec11 .sec11-sol-sub{
    color:#FF2E2E;
    font-size:32px;
    font-weight:400;
    line-height:1.5;
}

/* --- 이미지 영역 --- */
.cleaning-wrap .cleaning-sec11 .sec11-sol-img{
    margin-top:20px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.cleaning-wrap .cleaning-sec11 .sec11-sol-img img{
    display:block;
    object-fit:contain;
}
.cleaning-wrap .cleaning-sec11 .sec11-card1 .sec11-sol-img img{
    width:168px;
    height:176px;
}
.cleaning-wrap .cleaning-sec11 .sec11-card2 .sec11-sol-img img{
    width:141px;
    height:170px;
}
.cleaning-wrap .cleaning-sec11 .sec11-card3 .sec11-sol-img img{
    width:181px;
    height:165px;
}

/* --- 프로세스 텍스트 --- */
.cleaning-wrap .cleaning-sec11 .sec11-process{
    color:#3A3A3A;
    font-size:24px;
    font-weight:500;
    text-align:center;
    margin-top:16px;
}

/* --- 설명 텍스트 --- */
.cleaning-wrap .cleaning-sec11 .sec11-desc{
    color:#3A3A3A;
    font-size:24px;
    font-weight:500;
    text-align:center;
    line-height:1.3;
    margin-top:10px;
}
.cleaning-wrap .cleaning-sec11 .sec11-desc-hl{
    color:#FF2E2E;
    font-weight:600;
}

/* --- 주의사항 (OPTION 1 전용) --- */
.cleaning-wrap .cleaning-sec11 .sec11-note{
    color:#7A7A7A;
    font-size:20px;
    font-weight:400;
    text-align:center;
    margin-top:10px;
    position:absolute;
    top:100%;
    left:0;
    right:0;
}

.cleaning-wrap .cleaning-sec11 .br-mo{ display:none; }

/* --- 하단 안내문 --- */
.cleaning-wrap .cleaning-sec11 .sec11-disclaimer{
    color:#D0D0D0;
    font-size:24px;
    font-weight:700;
    text-align:center;
    margin-top:108px;
}


/* ============================================
   cleaning-sec11 반응형: 1400px
   ============================================ */
@media (max-width:1400px){
    .cleaning-wrap .cleaning-sec11 > .contain{
        padding:44px 0 46px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-title{
        font-size:48px;
        line-height:66px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-subtitle{
        font-size:24px;
        line-height:32px;
        margin-top:14px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-cards{
        gap:24px;
        margin-top:48px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-card{
        width:420px;
        min-height:432px;
        border-radius:32px;
        padding:32px 24px 30px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-badge{
        font-size:17px;
        padding:6px 16px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-sol-title{
        font-size:35px;
        margin-top:10px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-sol-sub{
        font-size:26px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-card1 .sec11-sol-img img{
        width:140px;
        height:147px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-card2 .sec11-sol-img img{
        width:118px;
        height:142px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-card3 .sec11-sol-img img{
        width:151px;
        height:138px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-process{
        font-size:20px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-desc{
        font-size:20px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-note{
        font-size:17px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-disclaimer{
        font-size:20px;
        margin-top:86px;
    }
}


/* ============================================
   cleaning-sec11 반응형: 1000px
   ============================================ */
@media (max-width:1000px){
    .cleaning-wrap .cleaning-sec11 > .contain{
        padding:36px 0 38px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-title{
        font-size:36px;
        line-height:50px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-subtitle{
        font-size:20px;
        line-height:26px;
        margin-top:12px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-cards{
        gap:20px;
        margin-top:40px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-card{
        flex:1;
        min-width:0;
        min-height:351px;
        border-radius:28px;
        padding:28px 24px 24px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-badge{
        font-size:15px;
        padding:5px 14px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-sol-title{
        font-size:30px;
        margin-top:8px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-sol-sub{
        font-size:22px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-card1 .sec11-sol-img img{
        width:120px;
        height:126px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-card2 .sec11-sol-img img{
        width:101px;
        height:122px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-card3 .sec11-sol-img img{
        width:130px;
        height:118px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-process{
        font-size:18px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-desc{
        font-size:18px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-note{
        font-size:15px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-disclaimer{
        font-size:18px;
        margin-top:70px;
    }
}


/* ============================================
   cleaning-sec11 반응형: 640px (모바일)
   ============================================ */
@media (max-width:640px){
    .cleaning-wrap .cleaning-sec11 > .contain{
        padding:26px 0 24px;
    }

    /* 헤더: 모바일에서 subtitle이 title 위로 */
    .cleaning-wrap .cleaning-sec11 .sec11-header{
        flex-direction:column-reverse;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-title{
        font-size:20px;
        font-weight:600;
        line-height:26px;
        margin-top:6px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-subtitle{
        font-size:12px;
        font-weight:400;
        line-height:18px;
        margin-top:0;
    }

    /* 카드 그리드: 세로 스택 */
    .cleaning-wrap .cleaning-sec11 .sec11-cards{
        flex-direction:column;
        align-items:center;
        gap:14px;
        margin-top:16px;
    }

    /* 카드: 컴팩트 가로형 */
    .cleaning-wrap .cleaning-sec11 .sec11-card{
        width:320px;
        min-height:148px;
        border-radius:7.48px;
        box-shadow:0 0 1.83px rgba(0,0,0,0.14);
        align-items:flex-start;
        padding:14px 16px;
        overflow:hidden;
    }

    /* 배지 */
    .cleaning-wrap .cleaning-sec11 .sec11-badge{
        font-size:12px;
        font-weight:400;
        padding:3.5px 3.74px 3px;
        border-radius:8.23px;
    }

    /* 솔루션 제목 */
    .cleaning-wrap .cleaning-sec11 .sec11-sol-title{
        font-size:16px;
        margin-top:6px;
    }

    /* 솔루션 서브타이틀 */
    .cleaning-wrap .cleaning-sec11 .sec11-sol-sub{
        font-size:12px;
    }

    /* 이미지: 우측 하단 반투명 */
    .cleaning-wrap .cleaning-sec11 .sec11-sol-img{
        position:absolute;
        right:16px;
        top:14px;
        margin-top:0;
        opacity:0.42;
        flex:none;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-card1 .sec11-sol-img img{
        width:55px;
        height:58px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-card2 .sec11-sol-img img{
        width:48px;
        height:58px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-card3 .sec11-sol-img img{
        width:53px;
        height:48px;
    }

    /* 프로세스 */
    .cleaning-wrap .cleaning-sec11 .sec11-process{
        font-size:12px;
        font-weight:600;
        text-align:left;
        margin-top:10px;
    }

    /* 설명 */
    .cleaning-wrap .cleaning-sec11 .sec11-desc{
        font-size:14px;
        text-align:left;
        margin-top:4px;
        line-height:1.4;
    }
    .cleaning-wrap .cleaning-sec11 .br-pc{ display:none; }
    .cleaning-wrap .cleaning-sec11 .br-mo{ display:inline; }

    /* 주의사항 */
    .cleaning-wrap .cleaning-sec11 .sec11-note{
        position:static;
        font-size:10px;
        text-align:left;
        margin-top:6px;
    }
    .cleaning-wrap .cleaning-sec11 .sec11-note br{
        display:none;
    }

    /* 하단 안내문 */
    .cleaning-wrap .cleaning-sec11 .sec11-disclaimer{
        font-size:12px;
        margin-top:16px;
    }
}


/* ============================================
   cleaning-sec12: FAQ 자주 묻는 질문
   ============================================ */
.cleaning-wrap .cleaning-sec12{
    background:#FFE0E0;
    padding:100px 0;
}
.cleaning-wrap .cleaning-sec12 > .contain{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:30px;
}

/* --- 카드 공통 --- */
.cleaning-wrap .cleaning-sec12 .sec12-card{
    width:100%;
    max-width:1096px;
    border-radius:20px;
    overflow:hidden;
}
.cleaning-wrap .cleaning-sec12 .sec12-card-header{
    background:#FF2E2E;
    padding:40px 0;
    text-align:center;
}
.cleaning-wrap .cleaning-sec12 .sec12-card-header h3{
    color:#fff;
    font-size:53px;
    font-weight:700;
    line-height:1.3;
}
.cleaning-wrap .cleaning-sec12 .sec12-card-body{
    background:#fff;
}

/* --- 설명 텍스트 --- */
.cleaning-wrap .cleaning-sec12 .sec12-desc{
    font-size:32px;
    font-weight:400;
    color:#3A3A3A;
    line-height:51px;
    text-align:center;
}
.cleaning-wrap .cleaning-sec12 .sec12-desc strong{
    font-weight:700;
    color:#1E1E1E;
}

/* --- Card 1: 사이즈 측정 이미지 --- */
.cleaning-wrap .cleaning-sec12 .sec12-measure-img{
    margin-top:24px;
    text-align:center;
}
.cleaning-wrap .cleaning-sec12 .sec12-measure-img img{
    max-width:559px;
    width:100%;
    height:auto;
    display:block;
    margin:0 auto;
}

/* --- 데스크톱/모바일 토글 --- */
.cleaning-wrap .cleaning-sec12 .sec12-desk{display:block;}
.cleaning-wrap .cleaning-sec12 .sec12-mob{display:none;}

/* --- 데스크톱 그리드 테이블 공통 --- */
.cleaning-wrap .cleaning-sec12 .sec12-tbl{
    display:grid;
}
.cleaning-wrap .cleaning-sec12 .sec12-sofa-tbl{
    grid-template-columns:181px repeat(3, 1fr);
}
.cleaning-wrap .cleaning-sec12 .sec12-mat-tbl{
    grid-template-columns:181px repeat(4, 1fr);
}

/* 헤더 셀 (회색 배경) */
.cleaning-wrap .cleaning-sec12 .sec12-tbl-th{
    background:#D9D9D9;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:600;
    color:#5A5A5A;
    border-bottom:1px solid #7A7A7A;
}

/* 데이터 셀 */
.cleaning-wrap .cleaning-sec12 .sec12-tbl-td{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:500;
    color:#1E1E1E;
    text-align:center;
    padding:16px;
    border-bottom:1px solid #7A7A7A;
    border-right:1px solid #7A7A7A;
    white-space:nowrap;
}

/* 소파: 마지막 열 right border 제거 (4n = 4,8,12) */
.cleaning-wrap .cleaning-sec12 .sec12-sofa-tbl > :nth-child(4n){border-right:none;}
/* 매트리스: 마지막 열 right border 제거 (5n = 5,10) */
.cleaning-wrap .cleaning-sec12 .sec12-mat-tbl > :nth-child(5n){border-right:none;}

/* 마지막 그룹의 마지막 행: bottom border 제거 */
.cleaning-wrap .cleaning-sec12 .sec12-desk .sec12-sofa-tbl:last-child > :nth-last-child(-n+4){border-bottom:none;}
.cleaning-wrap .cleaning-sec12 .sec12-mat-tbl > :nth-last-child(-n+5){border-bottom:none;}

/* TYPE 행 (이미지+이름) */
.cleaning-wrap .cleaning-sec12 .sec12-td-type{
    gap:8px;
    padding:20px 16px;
}
.cleaning-wrap .cleaning-sec12 .sec12-td-type img{
    max-height:120px;
    width:auto;
}
.cleaning-wrap .cleaning-sec12 .sec12-td-type span{
    font-weight:500;
}

/* 소요시간 행 */
.cleaning-wrap .cleaning-sec12 .sec12-td-time{
    line-height:40px;
}

/* --- 참고 문구 --- */
.cleaning-wrap .cleaning-sec12 .sec12-note{
    width:100%;
    max-width:1096px;
    text-align:right;
    font-size:24px;
    font-weight:500;
    color:#5A5A5A;
    line-height:35px;
    margin-bottom:30px;
}

/* --- 모바일 리스트 아이템 --- */
.cleaning-wrap .cleaning-sec12 .sec12-mob-item{
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px 0;
    border-bottom:1px solid #F5F5F5;
}
.cleaning-wrap .cleaning-sec12 .sec12-mob-item:last-child{border-bottom:none;}
.cleaning-wrap .cleaning-sec12 .sec12-card-mat .sec12-mob-item:first-child{margin-left:7px;}
.cleaning-wrap .cleaning-sec12 .sec12-card-mat .sec12-mob-item:first-child .sec12-mob-img{width:70px;}
.cleaning-wrap .cleaning-sec12 .sec12-mob-img{
    width:80px;
    flex-shrink:0;
}
.cleaning-wrap .cleaning-sec12 .sec12-mob-img img{
    width:100%;
    height:auto;
}
.cleaning-wrap .cleaning-sec12 .sec12-mob-info{
    text-align:left;
}
.cleaning-wrap .cleaning-sec12 .sec12-mob-name{
    font-size:18px;
    font-weight:600;
    color:#1E1E1E;
}
.cleaning-wrap .cleaning-sec12 .sec12-mob-time{
    font-size:14px;
    font-weight:400;
    color:#1E1E1E;
    margin-top:4px;
    line-height:1.5;
}


/* ============================================
   cleaning-sec12 반응형: 1400px
   ============================================ */
@media (max-width:1400px){
    .cleaning-wrap .cleaning-sec12{padding:80px 0;}
    .cleaning-wrap .cleaning-sec12 > .contain{gap:24px;}
    .cleaning-wrap .cleaning-sec12 .sec12-card{max-width:880px;}
    .cleaning-wrap .cleaning-sec12 .sec12-card-header{padding:32px 0;}
    .cleaning-wrap .cleaning-sec12 .sec12-card-header h3{font-size:42px;}
    .cleaning-wrap .cleaning-sec12 .sec12-desc{font-size:26px; line-height:42px;}
    .cleaning-wrap .cleaning-sec12 .sec12-measure-img img{max-width:448px;}

    /* 그리드 테이블 */
    .cleaning-wrap .cleaning-sec12 .sec12-sofa-tbl{grid-template-columns:145px repeat(3, 1fr);}
    .cleaning-wrap .cleaning-sec12 .sec12-mat-tbl{grid-template-columns:145px repeat(4, 1fr);}
    .cleaning-wrap .cleaning-sec12 .sec12-tbl-th{font-size:20px;}
    .cleaning-wrap .cleaning-sec12 .sec12-tbl-td{font-size:20px; padding:12px;}
    .cleaning-wrap .cleaning-sec12 .sec12-td-type{padding:16px 12px;}
    .cleaning-wrap .cleaning-sec12 .sec12-td-type img{max-height:96px;}
    .cleaning-wrap .cleaning-sec12 .sec12-td-time{line-height:34px;}

    /* 참고 문구 */
    .cleaning-wrap .cleaning-sec12 .sec12-note{max-width:880px; font-size:20px; line-height:30px; margin-bottom:24px;}
}


/* ============================================
   cleaning-sec12 반응형: 1000px
   ============================================ */
@media (max-width:1000px){
    .cleaning-wrap .cleaning-sec12{padding:60px 0;}
    .cleaning-wrap .cleaning-sec12 > .contain{gap:20px;}
    .cleaning-wrap .cleaning-sec12 .sec12-card{max-width:720px;}
    .cleaning-wrap .cleaning-sec12 .sec12-card-header{padding:26px 0;}
    .cleaning-wrap .cleaning-sec12 .sec12-card-header h3{font-size:34px;}
    .cleaning-wrap .cleaning-sec12 .sec12-desc{font-size:22px; line-height:36px;}
    .cleaning-wrap .cleaning-sec12 .sec12-measure-img img{max-width:360px;}

    /* 그리드 테이블 */
    .cleaning-wrap .cleaning-sec12 .sec12-sofa-tbl{grid-template-columns:110px repeat(3, 1fr);}
    .cleaning-wrap .cleaning-sec12 .sec12-mat-tbl{grid-template-columns:110px repeat(4, 1fr);}
    .cleaning-wrap .cleaning-sec12 .sec12-tbl-th{font-size:17px;}
    .cleaning-wrap .cleaning-sec12 .sec12-tbl-td{font-size:17px; padding:10px;}
    .cleaning-wrap .cleaning-sec12 .sec12-td-type{padding:12px 10px;}
    .cleaning-wrap .cleaning-sec12 .sec12-td-type img{max-height:76px;}
    .cleaning-wrap .cleaning-sec12 .sec12-td-time{line-height:28px;}

    /* 참고 문구 */
    .cleaning-wrap .cleaning-sec12 .sec12-note{max-width:720px; font-size:17px; line-height:26px; margin-bottom:20px;}
}


/* ============================================
   cleaning-sec12 반응형: 640px (모바일)
   ============================================ */
@media (max-width:640px){
    .cleaning-wrap .cleaning-sec12{padding:40px 0;}
    .cleaning-wrap .cleaning-sec12 > .contain{gap:16px;}

    /* 카드 */
    .cleaning-wrap .cleaning-sec12 .sec12-card{border-radius:12px;}
    .cleaning-wrap .cleaning-sec12 .sec12-card-header{padding:12px 16px;}
    .cleaning-wrap .cleaning-sec12 .sec12-card-header h3{font-size:16px; font-weight:600;}
    .cleaning-wrap .cleaning-sec12 .sec12-card-body{padding:16px;}

    /* 텍스트 */
    .cleaning-wrap .cleaning-sec12 .sec12-desc{font-size:14px; line-height:1.5; font-weight:400;}
    .cleaning-wrap .cleaning-sec12 .sec12-desc strong{font-weight:600;}

    /* Card 1: 측정 이미지 */
    .cleaning-wrap .cleaning-sec12 .sec12-measure-img{margin-top:12px;}
    .cleaning-wrap .cleaning-sec12 .sec12-measure-img img{max-width:155px;}

    /* 테이블 전환 */
    .cleaning-wrap .cleaning-sec12 .sec12-desk{display:none;}
    .cleaning-wrap .cleaning-sec12 .sec12-mob{display:block;}

    /* 참고 문구 */
    .cleaning-wrap .cleaning-sec12 .sec12-note{
        font-size:12px;
        font-weight:400;
        text-align:left;
        line-height:1.5;
        margin-bottom:14px;
    }
}