/* =========================================================
   해충방역 히어로 - 이미지에는 텍스트 없음
   모든 문구/버튼/하단 3개 항목은 webpage_pestcontrol_001.skin.php에서 출력
   이미지 위치: /theme/clean_pro/webpage/assets/pestcontrol_hero_full.png
========================================================= */
.nps-pest-hero{
    min-height:900px !important;
    height:900px !important;
    position:relative !important;
    display:block !important;
    overflow:hidden !important;
    background:url('./assets/pestcontrol_hero_full.png') center center/cover no-repeat !important;
}
.nps-pest-hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(90deg, rgba(0,49,55,.92) 0%, rgba(0,67,71,.80) 24%, rgba(0,50,56,.40) 43%, rgba(0,0,0,.08) 72%, rgba(0,0,0,.02) 100%),
        linear-gradient(180deg, rgba(0,0,0,.03) 0%, rgba(0,0,0,.16) 100%);
    pointer-events:none;
}
.nps-pest-hero-bg,
.nps-pest-visual{
    display:none !important;
}
.nps-pest-hero-inner{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:1440px !important;
    height:100% !important;
    min-height:900px !important;
    margin:0 auto !important;
    padding:0 70px !important;
    display:block !important;
}
.nps-pest-copy{
    position:absolute !important;
    left:70px !important;
    top:225px !important;
    width:620px !important;
    color:#fff !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    animation:npsPestTextIn .9s cubic-bezier(.22,1,.36,1) both !important;
}
.nps-pest-copy .nps-pest-eyebrow{
    display:block !important;
    margin:0 0 26px !important;
    color:#82f8d4 !important;
    font-size:17px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    letter-spacing:.13em !important;
    text-shadow:0 3px 15px rgba(0,0,0,.32) !important;
}
.nps-pest-copy h1{
    display:block !important;
    margin:0 0 28px !important;
    color:#fff !important;
    font-size:68px !important;
    line-height:1.08 !important;
    letter-spacing:-.065em !important;
    font-weight:950 !important;
    text-shadow:0 10px 28px rgba(0,0,0,.44) !important;
}
.nps-pest-copy h1 em{
    color:#effff9 !important;
    font-style:normal !important;
}
.nps-pest-copy .nps-pest-lead{
    display:block !important;
    max-width:640px !important;
    margin:0 0 40px !important;
    color:rgba(255,255,255,.94) !important;
    font-size:22px !important;
    line-height:1.75 !important;
    font-weight:700 !important;
    letter-spacing:-.045em !important;
    text-shadow:0 5px 18px rgba(0,0,0,.43) !important;
}
.nps-pest-actions{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    flex-wrap:wrap !important;
}
.nps-pest-actions a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:196px !important;
    height:70px !important;
    padding:0 34px !important;
    border-radius:999px !important;
    text-decoration:none !important;
    font-size:20px !important;
    font-weight:950 !important;
    letter-spacing:-.04em !important;
    box-shadow:0 18px 34px rgba(0,0,0,.20) !important;
}
.nps-pest-actions .primary{
    background:#ffe100 !important;
    color:#111 !important;
}
.nps-pest-actions .phone{
    background:#fff !important;
    color:#123047 !important;
}
.nps-pest-features{
    position:absolute !important;
    left:50% !important;
    bottom:76px !important;
    transform:translateX(-50%) !important;
    z-index:3 !important;
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:24px !important;
    width:min(1120px, calc(100% - 140px)) !important;
    animation:npsPestFeatureIn .85s .18s ease both !important;
}
.nps-pest-feature-item{
    height:128px !important;
    border-radius:22px !important;
    border:1px solid rgba(255,255,255,.34) !important;
    background:rgba(18,82,80,.56) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    box-shadow:0 18px 35px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.18) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:20px !important;
    color:#fff !important;
}
.nps-pest-feature-item strong{
    display:block !important;
    color:#fff !important;
    font-size:27px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    letter-spacing:-.055em !important;
    text-shadow:0 5px 15px rgba(0,0,0,.35) !important;
}
.nps-pest-feature-icon{
    width:58px !important;
    height:58px !important;
    flex:0 0 58px !important;
    display:block !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,.28)) !important;
}
.nps-icon-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Ccircle cx='34' cy='34' r='22' stroke='white' stroke-width='6'/%3E%3Cpath d='M50 50 L68 68' stroke='white' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") !important;}
.nps-icon-clipboard{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Crect x='20' y='16' width='42' height='52' rx='6' stroke='white' stroke-width='5'/%3E%3Cpath d='M32 16h18l-2-7H34l-2 7Z' stroke='white' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M30 34h5l4 4 10-12M30 51h5l4 4 10-12' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;}
.nps-icon-shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath d='M40 8 64 18v20c0 18-10 30-24 36-14-6-24-18-24-36V18L40 8Z' stroke='white' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M30 41l7 7 15-18' stroke='white' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;}
@keyframes npsPestTextIn{from{opacity:0;transform:translateX(-52px);filter:blur(4px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}
@keyframes npsPestFeatureIn{from{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:1280px){
    .nps-pest-hero,.nps-pest-hero-inner{height:760px !important;min-height:760px !important;}
    .nps-pest-hero-inner{padding:0 46px !important;}
    .nps-pest-copy{left:46px !important;top:170px !important;width:560px !important;}
    .nps-pest-copy h1{font-size:58px !important;}
    .nps-pest-copy .nps-pest-lead{font-size:20px !important;}
    .nps-pest-actions a{height:62px !important;min-width:176px !important;font-size:18px !important;}
    .nps-pest-features{bottom:54px !important;width:min(980px, calc(100% - 92px)) !important;gap:18px !important;}
    .nps-pest-feature-item{height:108px !important;}
    .nps-pest-feature-item strong{font-size:23px !important;}
}
@media(max-width:768px){
    .nps-pest-hero,.nps-pest-hero-inner{height:700px !important;min-height:700px !important;}
    .nps-pest-hero{background-position:63% center !important;}
    .nps-pest-hero:before{background:linear-gradient(90deg, rgba(0,49,55,.94) 0%, rgba(0,67,71,.76) 46%, rgba(0,0,0,.12) 100%) !important;}
    .nps-pest-hero-inner{padding:0 24px !important;}
    .nps-pest-copy{left:24px !important;right:24px !important;top:92px !important;width:auto !important;}
    .nps-pest-copy .nps-pest-eyebrow{font-size:13px !important;margin-bottom:18px !important;}
    .nps-pest-copy h1{font-size:40px !important;line-height:1.12 !important;margin-bottom:18px !important;}
    .nps-pest-copy .nps-pest-lead{font-size:16px !important;line-height:1.62 !important;margin-bottom:24px !important;max-width:360px !important;}
    .nps-pest-actions{gap:10px !important;}
    .nps-pest-actions a{height:50px !important;min-width:140px !important;padding:0 20px !important;font-size:15px !important;}
    .nps-pest-features{left:24px !important;right:24px !important;bottom:24px !important;transform:none !important;width:auto !important;grid-template-columns:1fr !important;gap:10px !important;animation:none !important;}
    .nps-pest-feature-item{height:62px !important;border-radius:16px !important;justify-content:flex-start !important;padding:0 20px !important;gap:12px !important;}
    .nps-pest-feature-icon{width:34px !important;height:34px !important;flex-basis:34px !important;}
    .nps-pest-feature-item strong{font-size:17px !important;}
}
@media(max-width:480px){
    .nps-pest-hero,.nps-pest-hero-inner{height:660px !important;min-height:660px !important;}
    .nps-pest-hero{background-position:67% center !important;}
    .nps-pest-copy h1{font-size:34px !important;}
    .nps-pest-copy .nps-pest-lead{font-size:15px !important;}
    .nps-pest-actions a{min-width:128px !important;height:46px !important;font-size:14px !important;}
}


.nps-pest-page{font-family:inherit;color:#15324b;background:#fff;overflow:hidden}.nps-pest-page *{box-sizing:border-box}.nps-pest-hero{position:relative;min-height:680px;display:flex;align-items:center;background:linear-gradient(118deg,#071c2b 0%,#0b3a44 46%,#107763 100%);overflow:hidden}.nps-pest-hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:210px 150px;opacity:.8}.nps-pest-hero-bg:before{content:"";position:absolute;inset:-20% -8% auto 52%;height:580px;border-radius:50%;background:rgba(108,255,209,.13);filter:blur(22px)}.nps-pest-hero-bg:after{content:"";position:absolute;left:-10%;bottom:-25%;width:520px;height:520px;border-radius:50%;background:rgba(255,225,0,.12);filter:blur(20px)}.nps-pest-hero .bubble{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035)}.nps-pest-hero .b1{right:12%;top:14%;width:138px;height:138px}.nps-pest-hero .b2{right:32%;bottom:13%;width:82px;height:82px}.nps-pest-hero .b3{left:48%;top:21%;width:48px;height:48px}.nps-pest-hero-inner{position:relative;z-index:2;width:100%;max-width:1220px;margin:0 auto;padding:90px 20px;display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}.nps-pest-copy{color:#fff;opacity:0;transform:translateX(-90px);filter:blur(6px);animation:npsPestSlide 1.25s cubic-bezier(.22,1,.36,1) forwards}.nps-pest-eyebrow,.nps-pest-intro span,.nps-pest-head span,.nps-pest-check-card>span{display:inline-block;margin:0 0 16px;color:#9ff8d8;font-size:13px;font-weight:900;letter-spacing:.16em}.nps-pest-copy h1{margin:0 0 22px;font-size:60px;line-height:1.08;letter-spacing:-.06em;font-weight:950;text-shadow:0 12px 34px rgba(0,0,0,.34)}.nps-pest-copy h1 em{font-style:normal;color:#eafff7}.nps-pest-lead{max-width:640px;margin:0 0 34px;color:rgba(255,255,255,.91);font-size:20px;line-height:1.72;font-weight:650;letter-spacing:-.035em}.nps-pest-actions{display:flex;gap:12px;flex-wrap:wrap}.nps-pest-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:168px;height:58px;padding:0 30px;border-radius:999px;text-decoration:none;font-weight:900;font-size:17px}.nps-pest-actions .primary{background:#ffe100;color:#111;box-shadow:0 16px 34px rgba(255,225,0,.22)}.nps-pest-actions .phone{background:#fff;color:#10283d}.nps-pest-visual{opacity:0;transform:translateX(60px);animation:npsPestVisual 1.25s .16s ease forwards}.nps-pest-visual .shield{width:min(420px,86vw);height:min(420px,86vw);margin:0 auto;border-radius:42px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 70px rgba(0,0,0,.27),inset 0 0 0 1px rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.nps-pest-visual svg{width:72%;height:72%;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}.nps-pest-visual .s{stroke-width:6}.nps-pest-visual .bug{stroke-width:5}.nps-pest-visual .slash{stroke:#ffe100;stroke-width:9}.nps-pest-visual ul{max-width:420px;margin:22px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none}.nps-pest-visual li{padding:14px 8px;border-radius:18px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:900;text-align:center;letter-spacing:-.04em}.nps-pest-intro{max-width:1180px;margin:88px auto 48px;padding:0 20px;display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:start}.nps-pest-intro span,.nps-pest-head span,.nps-pest-check-card>span{color:#15936f}.nps-pest-intro h2,.nps-pest-head h2,.nps-pest-check-card h2{margin:0;color:#10283d;font-size:40px;line-height:1.26;letter-spacing:-.055em;font-weight:950}.nps-pest-intro p{margin:4px 0 0;color:#4b6376;font-size:18px;line-height:1.86;letter-spacing:-.035em}.nps-pest-service{padding:76px 20px 92px;background:#f4faf8}.nps-pest-head{max-width:1180px;margin:0 auto 34px}.nps-pest-head p{margin:13px 0 0;color:#607384;font-size:17px;line-height:1.7}.nps-pest-cards{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.nps-pest-cards article{min-height:226px;padding:30px;border-radius:28px;background:#fff;box-shadow:0 18px 42px rgba(16,40,61,.08);border:1px solid rgba(16,40,61,.06);transition:.25s ease}.nps-pest-cards article:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(16,40,61,.13)}.nps-pest-cards i{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:#0f8b72;color:#fff;font-style:normal;font-weight:950}.nps-pest-cards h3{margin:22px 0 12px;color:#10283d;font-size:23px;letter-spacing:-.05em}.nps-pest-cards p{margin:0;color:#5d7282;font-size:16px;line-height:1.72;letter-spacing:-.035em}.nps-pest-process{max-width:1180px;margin:88px auto;padding:0 20px}.nps-pest-process ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.nps-pest-process li{position:relative;padding:28px 24px;border-radius:28px;background:#10283d;color:#fff;min-height:220px;overflow:hidden}.nps-pest-process li:after{content:"";position:absolute;right:-32px;bottom:-42px;width:118px;height:118px;border-radius:50%;background:rgba(255,225,0,.13)}.nps-pest-process b{display:block;margin-bottom:26px;color:#ffe100;font-size:18px}.nps-pest-process strong{display:block;margin-bottom:12px;font-size:22px;letter-spacing:-.05em}.nps-pest-process p{margin:0;color:rgba(255,255,255,.78);line-height:1.72;letter-spacing:-.035em}.nps-pest-check{padding:90px 20px;background:linear-gradient(135deg,#eefaf6,#f8fbff)}.nps-pest-check-card{max-width:1040px;margin:0 auto;padding:46px;border-radius:34px;background:#fff;box-shadow:0 22px 60px rgba(16,40,61,.11)}.nps-pest-check-card ul{margin:32px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.nps-pest-check-card li{padding:22px 24px;border-radius:22px;background:#f5faf8;border:1px solid #e4efea}.nps-pest-check-card strong{display:block;margin-bottom:8px;color:#10283d;font-size:19px;letter-spacing:-.04em}.nps-pest-check-card em{display:block;color:#5e7180;font-style:normal;line-height:1.68;letter-spacing:-.035em}.nps-pest-cta{margin:0;padding:86px 20px;text-align:center;background:#0e7563;color:#fff}.nps-pest-cta h2{margin:0 0 14px;font-size:42px;letter-spacing:-.055em}.nps-pest-cta p{margin:0 0 28px;color:rgba(255,255,255,.86);font-size:18px}.nps-pest-cta div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.nps-pest-cta a{display:inline-flex;align-items:center;justify-content:center;height:56px;min-width:170px;padding:0 28px;border-radius:999px;background:#fff;color:#0f5f52;text-decoration:none;font-weight:950}.nps-pest-cta a:first-child{background:#ffe100;color:#111}@keyframes npsPestSlide{to{opacity:1;transform:translateX(0);filter:blur(0)}}@keyframes npsPestVisual{to{opacity:1;transform:translateX(0)}}@media(max-width:1024px){.nps-pest-hero-inner{grid-template-columns:1fr;text-align:center}.nps-pest-lead{margin-left:auto;margin-right:auto}.nps-pest-actions{justify-content:center}.nps-pest-copy h1{font-size:52px}.nps-pest-intro{grid-template-columns:1fr;gap:22px}.nps-pest-cards{grid-template-columns:repeat(2,1fr)}.nps-pest-process ol{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.nps-pest-hero{min-height:auto}.nps-pest-hero-inner{padding:74px 18px}.nps-pest-copy{animation:none;opacity:1;transform:none;filter:none}.nps-pest-copy h1{font-size:38px}.nps-pest-lead{font-size:17px}.nps-pest-actions a{width:100%}.nps-pest-visual .shield{border-radius:30px}.nps-pest-visual ul{grid-template-columns:1fr}.nps-pest-intro{margin:62px auto 34px}.nps-pest-intro h2,.nps-pest-head h2,.nps-pest-check-card h2{font-size:31px}.nps-pest-service{padding:58px 18px 66px}.nps-pest-cards,.nps-pest-process ol,.nps-pest-check-card ul{grid-template-columns:1fr}.nps-pest-process{margin:62px auto}.nps-pest-check{padding:62px 18px}.nps-pest-check-card{padding:30px 22px}.nps-pest-cta h2{font-size:31px}}

/* =========================================================
   v6 오피스클리닝 동일 히어로 텍스트 애니메이션 적용
   - 오피스클리닝처럼 좌측에서 스르륵 등장
   - 이미지/본문/하단 3개 박스 구조는 변경하지 않음
   - 얼굴 잘림 방지용 배경 위치 유지
========================================================= */
.nps-pest-page .nps-pest-hero{
    background-position:center top !important;
}

.nps-pest-page .nps-pest-copy{
    opacity:0 !important;
    transform:translateX(-220px) !important;
    filter:blur(6px) !important;
    animation:pestHeroSlideLeft 2.2s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
}

@keyframes pestHeroSlideLeft{
    0%{
        opacity:0;
        transform:translateX(-220px);
        filter:blur(6px);
    }
    100%{
        opacity:1;
        transform:translateX(0);
        filter:blur(0);
    }
}

@media(max-width:1280px){
    .nps-pest-page .nps-pest-hero{
        background-position:58% top !important;
    }
}

@media(max-width:768px){
    .nps-pest-page .nps-pest-hero{
        background-position:63% top !important;
    }
    .nps-pest-page .nps-pest-copy{
        animation:none !important;
        opacity:1 !important;
        transform:none !important;
        filter:none !important;
    }
}

@media(max-width:480px){
    .nps-pest-page .nps-pest-hero{
        background-position:67% top !important;
    }
}

/* =========================================================
   v7 글씨 사라짐 복구 + 오피스클리닝식 왼쪽 등장 애니메이션 재적용
   원인: v6에서 .nps-pest-copy에 opacity/transform !important가 걸려
   keyframes가 적용되지 않아 글씨가 숨은 상태로 남을 수 있음.
========================================================= */
.nps-pest-page .nps-pest-copy{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:none !important;
    animation:none !important;
}

.nps-pest-page .nps-pest-copy > *{
    opacity:0;
    transform:translateX(-90px);
    filter:blur(4px);
    animation:npsOfficeLikeTextInV7 2.20s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.nps-pest-page .nps-pest-copy > *:nth-child(1){animation-delay:.05s;}
.nps-pest-page .nps-pest-copy > *:nth-child(2){animation-delay:.14s;}
.nps-pest-page .nps-pest-copy > *:nth-child(3){animation-delay:.24s;}
.nps-pest-page .nps-pest-copy > *:nth-child(4){animation-delay:.34s;}

@keyframes npsOfficeLikeTextInV7{
    0%{
        opacity:0;
        transform:translateX(-90px);
        filter:blur(4px);
    }
    100%{
        opacity:1;
        transform:translateX(0);
        filter:blur(0);
    }
}

/* 이미지 얼굴 잘림 보정 유지 */
.nps-pest-page .nps-pest-hero{
    background-position:center top !important;
}

@media(max-width:1280px){
    .nps-pest-page .nps-pest-hero{
        background-position:58% top !important;
    }
}

@media(max-width:768px){
    .nps-pest-page .nps-pest-hero{
        background-position:63% top !important;
    }
    .nps-pest-page .nps-pest-copy,
    .nps-pest-page .nps-pest-copy > *{
        opacity:1 !important;
        visibility:visible !important;
        transform:none !important;
        filter:none !important;
        animation:none !important;
    }
}

@media(max-width:480px){
    .nps-pest-page .nps-pest-hero{
        background-position:67% top !important;
    }
}

/* =========================================================
   v10 해충방역 서비스 범위 6개 카드형 통파일
   - 홈클리닝 서비스범위처럼 이미지 + 제목 + 체크리스트 카드 구성
   - 총 6개 분류 카드
========================================================= */
.nps-pest-service-home-style{
    padding:88px 20px 98px !important;
    background:#f7f9fb !important;
}

.nps-pest-service-home-style .nps-pest-head{
    max-width:1180px !important;
    margin:0 auto 34px !important;
}

.nps-pest-range-grid{
    max-width:1180px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:22px !important;
}

.nps-pest-range-card{
    background:#fff !important;
    border:1px solid #dfe8f2 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    box-shadow:0 14px 34px rgba(16,41,74,.06) !important;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.nps-pest-range-card:hover{
    transform:translateY(-5px) !important;
    border-color:#b7d6ff !important;
    box-shadow:0 22px 48px rgba(16,41,74,.11) !important;
}

.nps-pest-range-top{
    display:grid !important;
    grid-template-columns:1fr 230px !important;
    gap:24px !important;
    align-items:center !important;
    padding:26px 24px 24px !important;
}

.nps-pest-range-title{
    display:grid !important;
    grid-template-columns:86px 1fr !important;
    column-gap:22px !important;
    align-items:center !important;
}

.nps-pest-range-icon{
    width:70px !important;
    height:70px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#eef5ff !important;
    border:1px solid #d7e6fb !important;
    color:#1674e8 !important;
    font-size:20px !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
}

.nps-pest-range-title h3{
    grid-column:2 !important;
    margin:0 0 10px !important;
    color:#0e2945 !important;
    font-size:27px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    letter-spacing:-.07em !important;
}

.nps-pest-range-title p{
    grid-column:2 !important;
    margin:0 !important;
    color:#5d6d7d !important;
    font-size:15px !important;
    line-height:1.65 !important;
    word-break:keep-all !important;
    letter-spacing:-.04em !important;
}

.nps-pest-range-card figure{
    margin:0 !important;
    width:230px !important;
    height:148px !important;
    border-radius:12px !important;
    overflow:hidden !important;
    background:#e9eef4 !important;
}

.nps-pest-range-card figure img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    transition:transform .35s ease !important;
}

.nps-pest-range-card:hover figure img{
    transform:scale(1.045) !important;
}

.nps-pest-range-card ul{
    margin:0 !important;
    padding:24px 28px 28px !important;
    border-top:1px solid #edf1f5 !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:15px 24px !important;
    list-style:none !important;
}

.nps-pest-range-card li{
    position:relative !important;
    padding-left:24px !important;
    color:#26394f !important;
    font-size:15px !important;
    line-height:1.55 !important;
    font-weight:700 !important;
    letter-spacing:-.045em !important;
    word-break:keep-all !important;
}

.nps-pest-range-card li:before{
    content:"✓" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    color:#1e7ce8 !important;
    font-weight:950 !important;
}

@media(max-width:1180px){
    .nps-pest-range-grid{
        grid-template-columns:1fr !important;
        max-width:720px !important;
    }
}

@media(max-width:720px){
    .nps-pest-service-home-style{
        padding:62px 16px 72px !important;
    }
    .nps-pest-range-top{
        grid-template-columns:1fr !important;
        gap:18px !important;
        padding:22px 20px 20px !important;
    }
    .nps-pest-range-title{
        grid-template-columns:70px 1fr !important;
        column-gap:16px !important;
    }
    .nps-pest-range-icon{
        width:58px !important;
        height:58px !important;
        font-size:16px !important;
    }
    .nps-pest-range-title h3{
        font-size:23px !important;
    }
    .nps-pest-range-card figure{
        width:100% !important;
        height:210px !important;
    }
    .nps-pest-range-card ul{
        grid-template-columns:1fr !important;
        padding:22px 22px 26px !important;
        gap:13px !important;
    }
}

/* =========================================================
   v12 해충방역 서비스 범위 이미지 자연스러운 hover 팝업
   - 카드 이미지에 마우스 올리면 body 고정 팝업으로 크게 표시
   - 마우스가 이미지 밖으로 나가면 자연스럽게 사라짐
   - 서비스 범위 이미지 hover만 적용, 다른 부분 수정 없음
========================================================= */
.nps-pest-service-home-style .nps-pest-range-card figure img{
    cursor:zoom-in !important;
}

.nps-pest-service-img-float{
    position:fixed !important;
    z-index:999999 !important;
    top:50% !important;
    left:50% !important;
    width:560px;
    aspect-ratio:16/10;
    border-radius:20px !important;
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid rgba(255,255,255,.88) !important;
    box-shadow:0 26px 80px rgba(6,24,43,.35), 0 0 0 1px rgba(14,41,69,.08) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(-50%) scale(.94) !important;
    transition:opacity .24s ease, transform .24s ease, visibility .24s ease !important;
    pointer-events:none !important;
}

.nps-pest-service-img-float.is-show{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(-50%) scale(1) !important;
}

.nps-pest-service-img-float img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
}

@media(max-width:720px){
    .nps-pest-service-img-float{
        display:none !important;
    }
    .nps-pest-service-home-style .nps-pest-range-card figure img{
        cursor:default !important;
    }
}

/* =========================================================
   v13 서비스 범위 hover 팝업 이미지 크기 확대
   - 기존 팝업 동작은 유지
   - 팝업 이미지만 더 크게 표시
========================================================= */
.nps-pest-service-img-float{
    width:720px !important;
    max-width:54vw !important;
    border-radius:22px !important;
}

@media(max-width:1180px){
    .nps-pest-service-img-float{
        width:680px !important;
        max-width:84vw !important;
    }
}

@media(max-width:720px){
    .nps-pest-service-img-float{
        display:none !important;
    }
}