.nps-office-photo-page{font-family:inherit;color:#102f52;background:#fff;overflow:hidden}.nps-office-photo-page *{box-sizing:border-box}.nps-office-admin{text-align:right;max-width:1180px;margin:18px auto 0;padding:0 20px}.nps-office-admin a{display:inline-block;padding:8px 14px;border-radius:8px;background:#0b4f8f;color:#fff;text-decoration:none;font-size:13px}.nps-office-hero-photo{position:relative;min-height:640px;display:flex;align-items:center;background:#082846;overflow:hidden}.nps-office-hero-bg{position:absolute;inset:0}.nps-office-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,57,.92) 0%,rgba(5,31,57,.74) 38%,rgba(5,31,57,.24) 72%,rgba(5,31,57,.04) 100%)}.nps-office-hero-bg img{width:100%;height:100%;object-fit:cover}.nps-office-hero-inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;padding:90px 20px}.nps-office-copy{max-width:650px;color:#fff}.nps-office-copy>span,.nps-office-intro-photo span,.nps-section-head span,.nps-check-copy>span{display:inline-block;margin-bottom:16px;color:#73e0c2;font-weight:900;letter-spacing:.12em;font-size:13px}.nps-office-copy h1{margin:0 0 24px;font-size:60px;line-height:1.08;letter-spacing:-.055em;font-weight:900}.nps-office-copy h1 em{font-style:normal;color:#dffaf3}.nps-office-copy p{margin:0 0 28px;color:rgba(255,255,255,.86);font-size:21px;line-height:1.65;font-weight:500}.nps-office-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}.nps-office-badges b{display:inline-flex;height:38px;padding:0 16px;align-items:center;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:14px}.nps-office-actions{display:flex;gap:12px;flex-wrap:wrap}.nps-office-actions a{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 30px;border-radius:999px;text-decoration:none;font-weight:900}.nps-office-actions .primary{background:#ffe100;color:#111;box-shadow:0 16px 34px rgba(255,225,0,.22)}.nps-office-actions .phone{background:#fff;color:#07315f}.nps-office-intro-photo{max-width:1180px;margin:86px auto 46px;padding:0 20px;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}.nps-office-intro-photo span,.nps-section-head span,.nps-check-copy>span{color:#13906e}.nps-office-intro-photo h2{margin:0;font-size:40px;line-height:1.25;letter-spacing:-.045em;color:#07315f}.nps-office-intro-photo p{margin:0;color:#5d6f82;font-size:17px;line-height:1.9}.nps-office-image-grid{max-width:1180px;margin:0 auto 82px;padding:0 20px;display:grid;grid-template-columns:1.25fr .9fr;gap:22px}.nps-office-image-grid article{position:relative;min-height:320px;border-radius:28px;overflow:hidden;background:#0a335d;box-shadow:0 18px 50px rgba(9,50,94,.12)}.nps-office-image-grid article.large{grid-row:span 2;min-height:662px}.nps-office-image-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.nps-office-image-grid article:hover img{transform:scale(1.045)}.nps-office-image-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,27,50,.02) 0%,rgba(4,27,50,.78) 100%)}.nps-office-image-grid div{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:32px;color:#fff}.nps-office-image-grid b{display:block;color:#7fe4ca;margin-bottom:10px}.nps-office-image-grid h3{margin:0 0 12px;font-size:27px;letter-spacing:-.035em}.nps-office-image-grid p{margin:0;color:rgba(255,255,255,.82);font-size:16px;line-height:1.65}.nps-office-service-photo{padding:74px 20px;background:#f5f9fc}.nps-section-head{text-align:center;max-width:820px;margin:0 auto 34px}.nps-section-head h2{margin:0 0 12px;font-size:40px;line-height:1.22;letter-spacing:-.045em;color:#07315f}.nps-section-head p{margin:0;color:#64768a;font-size:16px}.nps-service-cards{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.nps-service-cards article{padding:30px 28px;border-radius:24px;background:#fff;border:1px solid #e0eaf2;box-shadow:0 12px 35px rgba(8,49,95,.05);transition:.25s ease}.nps-service-cards article:hover{transform:translateY(-5px);box-shadow:0 18px 48px rgba(8,49,95,.1)}.nps-service-cards i{font-style:normal;display:inline-flex;margin-bottom:18px;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;background:#e7f7f2;color:#13906e;font-weight:900}.nps-service-cards h3{margin:0 0 12px;color:#07315f;font-size:22px;letter-spacing:-.03em}.nps-service-cards p{margin:0;color:#607487;line-height:1.7}
.nps-office-floorwax{position:relative;margin:0;padding:86px 20px;background:#fff;overflow:hidden}
.nps-office-floorwax:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,49,95,.06),rgba(19,144,110,.06));pointer-events:none}
.nps-floorwax-texture{position:absolute;right:max(0px,calc((100vw - 1180px)/2));top:42px;width:44%;height:72%;border-radius:36px;background:url('../img/officecleaning/floor-wax-texture.png') center/cover no-repeat;opacity:.23;filter:saturate(.85);box-shadow:0 28px 80px rgba(8,49,95,.08);transform:rotate(-1.5deg)}
.nps-floorwax-inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.nps-floorwax-photo{position:relative;border-radius:32px;overflow:hidden;min-height:500px;background:#092f58;box-shadow:0 28px 80px rgba(8,49,95,.16)}
.nps-floorwax-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,28,52,.02) 35%,rgba(4,28,52,.64) 100%)}
.nps-floorwax-photo img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover;transition:transform .5s ease}
.nps-floorwax-photo:hover img{transform:scale(1.035)}
.nps-floorwax-photo span{position:absolute;left:28px;bottom:26px;z-index:2;display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.92);color:#07315f;font-weight:900;font-size:12px;letter-spacing:.09em;box-shadow:0 12px 28px rgba(0,0,0,.15)}
.nps-floorwax-copy{position:relative;padding:34px 34px 34px 10px}
.nps-floorwax-copy>span{display:inline-block;margin-bottom:16px;color:#13906e;font-weight:900;letter-spacing:.12em;font-size:13px}
.nps-floorwax-copy h2{margin:0 0 20px;font-size:40px;line-height:1.25;letter-spacing:-.045em;color:#07315f}
.nps-floorwax-copy p{margin:0 0 24px;color:#5d6f82;font-size:17px;line-height:1.88}
.nps-floorwax-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.nps-floorwax-copy li{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.88);border:1px solid #dfeaf1;box-shadow:0 12px 30px rgba(8,49,95,.055);backdrop-filter:blur(4px)}
.nps-floorwax-copy b{display:block;margin-bottom:5px;color:#07315f;font-size:17px}
.nps-floorwax-copy li span{color:#617487;line-height:1.58}
.nps-office-checklist{max-width:1180px;margin:84px auto;padding:0 20px;display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:center}.nps-check-visual{border-radius:30px;overflow:hidden;box-shadow:0 24px 70px rgba(8,49,95,.13)}.nps-check-visual img{display:block;width:100%;height:480px;object-fit:cover}.nps-check-copy h2{margin:0 0 26px;font-size:40px;line-height:1.25;letter-spacing:-.045em;color:#07315f}.nps-check-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}.nps-check-copy li{padding:20px 22px;border-radius:18px;border:1px solid #e2ebf2;background:#fff;box-shadow:0 10px 28px rgba(8,49,95,.045)}.nps-check-copy strong{display:block;margin-bottom:6px;color:#07315f;font-size:18px}.nps-check-copy span{color:#617487;line-height:1.6}.nps-office-process-photo{padding:72px 20px;background:linear-gradient(135deg,#eef8f5,#f7fbff)}.nps-office-process-photo ol{max-width:1180px;margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.nps-office-process-photo li{padding:28px 24px;border-radius:24px;background:#fff;border:1px solid #dfeaf1}.nps-office-process-photo b{display:block;color:#13906e;margin-bottom:16px}.nps-office-process-photo strong{display:block;font-size:21px;color:#07315f;margin-bottom:8px}.nps-office-process-photo p{margin:0;color:#65778a;line-height:1.6}.nps-office-cta-photo{max-width:1180px;margin:82px auto;padding:62px 30px;border-radius:34px;text-align:center;background:linear-gradient(135deg,#07315f,#0b5f91);color:#fff}.nps-office-cta-photo h2{margin:0 0 12px;font-size:38px;letter-spacing:-.04em}.nps-office-cta-photo p{margin:0 0 28px;color:rgba(255,255,255,.82);font-size:17px}.nps-office-cta-photo div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.nps-office-cta-photo a{display:inline-flex;height:52px;padding:0 28px;border-radius:999px;align-items:center;justify-content:center;text-decoration:none;font-weight:900;background:#fff;color:#07315f}.nps-office-cta-photo a:first-child{background:#ffe100;color:#111}@media (max-width:900px){.nps-floorwax-inner{grid-template-columns:1fr;gap:28px}.nps-floorwax-texture{width:80%;height:46%;top:auto;bottom:24px;right:20px}.nps-floorwax-copy{padding:12px 0 0}.nps-floorwax-copy h2{font-size:34px}.nps-floorwax-photo,.nps-floorwax-photo img{min-height:420px}.nps-office-hero-photo{min-height:560px}.nps-office-copy h1{font-size:44px}.nps-office-copy p{font-size:18px}.nps-office-intro-photo,.nps-office-checklist{grid-template-columns:1fr;gap:30px}.nps-office-image-grid{grid-template-columns:1fr}.nps-office-image-grid article.large{grid-row:auto;min-height:420px}.nps-service-cards{grid-template-columns:1fr 1fr}.nps-office-process-photo ol{grid-template-columns:1fr 1fr}}@media (max-width:600px){.nps-office-floorwax{padding:58px 18px}.nps-floorwax-texture{width:92%;height:300px;opacity:.18}.nps-floorwax-photo,.nps-floorwax-photo img{min-height:330px}.nps-floorwax-photo{border-radius:24px}.nps-floorwax-copy h2{font-size:29px}.nps-floorwax-copy p{font-size:16px}.nps-office-hero-photo{min-height:620px}.nps-office-hero-bg:after{background:linear-gradient(180deg,rgba(5,31,57,.78),rgba(5,31,57,.92))}.nps-office-hero-inner{padding:70px 18px}.nps-office-copy h1{font-size:36px}.nps-office-actions a{width:100%}.nps-office-intro-photo{margin-top:54px}.nps-office-intro-photo h2,.nps-section-head h2,.nps-check-copy h2{font-size:30px}.nps-office-image-grid article,.nps-office-image-grid article.large{min-height:360px}.nps-service-cards,.nps-office-process-photo ol{grid-template-columns:1fr}.nps-check-visual img{height:330px}.nps-office-cta-photo{margin:54px 18px;padding:42px 20px}.nps-office-cta-photo h2{font-size:29px}.nps-office-cta-photo a{width:100%}}


/* === OFFICE 히어로 텍스트 애니메이션 - 왼쪽에서 스르륵 등장 === */
.nps-office-photo-page .nps-office-copy{
    position:relative;
    opacity:0;
    left:-220px;
    filter:blur(6px);
    animation:officeHeroSlideLeft 2.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes officeHeroSlideLeft{
    0%{
        opacity:0;
        left:-220px;
        filter:blur(6px);
    }
    100%{
        opacity:1;
        left:0;
        filter:blur(0);
    }
}

@media(max-width:768px){
    .nps-office-photo-page .nps-office-copy{
        animation:none;
        opacity:1;
        left:0;
        filter:none;
    }
}

/* =========================================================
   AIRCON 동일 카드 이미지 hover 애니메이션 이식
   - 에어컨 웹페이퍼 카드형 이미지 hover 기준
   - 오피스클리닝 이미지 카드에만 적용
   - 레이아웃, 문구, 여백 수정 없음
   ========================================================= */
.nps-office-photo-page .nps-office-image-grid article,
.nps-office-photo-page .nps-floorwax-photo,
.nps-office-photo-page .nps-check-visual{
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
                border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: transform;
}
.nps-office-photo-page .nps-office-image-grid article:hover,
.nps-office-photo-page .nps-floorwax-photo:hover,
.nps-office-photo-page .nps-check-visual:hover{
    transform: translateY(-12px) !important;
    border-color: #bcd8ff !important;
    box-shadow: 0 22px 50px rgba(0,0,0,0.15) !important;
}
.nps-office-photo-page .nps-office-image-grid article img,
.nps-office-photo-page .nps-floorwax-photo img,
.nps-office-photo-page .nps-check-visual img{
    transition: transform 0.45s ease !important;
    will-change: transform;
}
.nps-office-photo-page .nps-office-image-grid article:hover img,
.nps-office-photo-page .nps-floorwax-photo:hover img,
.nps-office-photo-page .nps-check-visual:hover img{
    transform: scale(1.06) !important;
}
@media(max-width:640px){
    .nps-office-photo-page .nps-office-image-grid article:hover,
    .nps-office-photo-page .nps-floorwax-photo:hover,
    .nps-office-photo-page .nps-check-visual:hover{
        transform:none !important;
    }
}