/* s24-scene-v13: v12 위에 덧씌우는 자연광·파스텔 판 (사장님 10-26 홈 피드백 1~7, 지역 8) */
:root{--p13-bg:#FFF1F6;--p13-bg2:#FFF7FA;--p13-line:#F5C6DA;--p13-pink:#D1006F;--p13-bar:#E6007E;--p13-ink:#1A1A1F;--p13-kakao:#FEE500;--p13-kink:#191600}

/* 1. 히어로: 분홍 그늘 → 중립 짙은 회색, 카톡 노랑, 검색 핑크 */
:root:root:root:root body .hero.sc-hero{background:#15181E!important}
:root:root:root:root body .sc-hero::after{background:linear-gradient(90deg,rgba(15,18,24,.86) 0%,rgba(15,18,24,.62) 34%,rgba(15,18,24,0) 60%),linear-gradient(0deg,rgba(15,18,24,.75) 0%,rgba(15,18,24,0) 22%)}
@media (max-width:767px){:root:root:root:root body .sc-hero::after{background:linear-gradient(0deg,#15181E 0%,rgba(21,24,30,0) 30%)}}
@media (min-width:768px) and (max-width:1199px){:root:root:root:root body .sc-hero::after{background:linear-gradient(90deg,rgba(15,18,24,.92) 0%,rgba(15,18,24,.8) 45%,rgba(15,18,24,.15) 80%,rgba(15,18,24,0) 100%),linear-gradient(0deg,rgba(15,18,24,.75) 0%,rgba(15,18,24,0) 22%)}}
@media (min-width:768px){:root:root:root:root body .sc-hero__img{object-position:50% 50%!important}}
:root:root:root:root body .sc-btn--kakao,:root:root:root:root body .sc-btn--kakao:hover{background:var(--p13-kakao)!important;color:var(--p13-kink)!important;border:0!important}
:root:root:root:root body .sc-hero .sc-btn--kakao *{color:var(--p13-kink)!important}
:root:root:root:root body .sc-btn--kakao .sc-btn__k{color:var(--p13-kink)!important}
:root:root:root:root body .sc-btn--kakao:hover{background:#F5DC00!important}
:root:root:root:root body .sc-hero .v8-search__btn{background:var(--p13-pink)!important;color:#fff!important}
:root:root:root:root body .sc-hero .v8-search__btn:hover{background:#B8005F!important}

/* 2. 우리 동네 서비스 찾기: 진한 자홍 띠 → 옅은 분홍 파스텔 */
:root:root:root:root:root body:has(.sc-hero) main .v8-area{background:var(--p13-bg)!important;background-image:none!important}
:root:root:root:root:root body:has(.sc-hero) main .v8-area :is(.v8-area__title,.v8-area__head .section__subtitle,.v8-area__desc,.v8-area__desc *,summary){color:var(--p13-ink)!important}
:root:root:root:root:root body:has(.sc-hero) main .v8-area .section__subtitle{color:var(--p13-pink)!important}
:root:root:root:root:root body:has(.sc-hero) main .v8-area .v8-area__desc{color:#4A4A55!important}
:root:root:root:root:root body:has(.sc-hero) main .v8-area .v8-chip{background:#fff!important;color:var(--p13-ink)!important;border:1.5px solid var(--p13-line)!important}
:root:root:root:root:root body:has(.sc-hero) main .v8-area .v8-chip:hover{border-color:var(--p13-pink)!important;color:var(--p13-pink)!important}
:root:root:root:root:root body:has(.sc-hero) main .v8-area .v8-chip--all{background:var(--p13-pink)!important;border-color:var(--p13-pink)!important;color:#fff!important}
:root:root:root:root:root body:has(.sc-hero) main .v8-area .v8-area__more>summary{background:#fff!important;border:1.5px solid var(--p13-line)!important;color:var(--p13-ink)!important}

/* 3. 장비·후기·상담 전 안내: 연분홍 파스텔, 카드는 흰색 */
:root:root:root:root body:has(.sc-hero) main :is(.v8-equip,.v8-reviews,.v8-guides){background:var(--p13-bg2)!important;background-image:none!important}
:root:root:root:root body:has(.sc-hero) main :is(.v8-equip,.v8-reviews,.v8-guides) :is(.v8-eq,.v8-rv,.v8-guide){border-color:var(--p13-line)!important}

/* 4. 사진 상담·상담 상자 카톡: 노랑 */
:root:root:root:root:root body:has(.sc-hero) main .v8-cta .v8-kakao,:root:root:root:root:root body:has(.sc-hero) main :is(.s24-consult,.v9-band) :is(.v9-kakao,.btn--kakao){background:var(--p13-kakao)!important;color:var(--p13-kink)!important;border:0!important}
:root:root:root:root:root body:has(.sc-hero) main :is(.v8-cta,.s24-consult,.v9-band) :is(.v8-kakao__txt,.v9-kakao__txt){color:var(--p13-kink)!important}
:root:root:root:root:root body:has(.sc-hero) main :is(.v8-cta .v8-kakao__ico,.v9-kakao__ico){background-color:var(--p13-kink)!important}

/* 5. 겨울 배너: 그림이 카드 높이를 꽉 채움 */
:root:root:root:root body:has(.sc-hero) main .event-banner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch!important;overflow:hidden;padding:0!important;gap:0!important}
:root:root:root:root body:has(.sc-hero) main .event-banner__media{position:relative;align-self:stretch;min-height:240px;height:auto!important;margin:0!important;border-radius:0!important;overflow:hidden;background:none!important}
:root:root:root:root body:has(.sc-hero) main .event-banner__media img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;display:block;max-width:none}
:root:root:root:root body:has(.sc-hero) main .event-banner__body{padding:28px 32px!important;align-self:center}
@media (max-width:767px){:root:root:root:root body:has(.sc-hero) main .event-banner{grid-template-columns:1fr}:root:root:root:root body:has(.sc-hero) main .event-banner__media{min-height:0;aspect-ratio:16/10}:root:root:root:root body:has(.sc-hero) main .event-banner__body{padding:20px!important}}

/* 7. 막힘 증상 구분: 넓은 장면 배너 (왼쪽 글·버튼, 오른쪽 장면) */
:root:root:root:root:root body:has(.sc-hero) main .observers-related-guide{position:relative;padding:0!important;background:#fff!important}
:root:root:root:root:root body:has(.sc-hero) main .observers-related-guide__inner{position:relative;display:block!important;min-height:420px;padding:0!important;max-width:none!important;width:100%!important;background:linear-gradient(90deg,#fff 0%,#fff 36%,rgba(255,255,255,.9) 46%,rgba(255,255,255,0) 64%),url(/_static/scene/guide-band-d13-1440.webp) right center/cover no-repeat!important}
:root:root:root:root:root body:has(.sc-hero) main .observers-related-guide__inner>div{box-sizing:content-box;max-width:min(600px,40vw);padding:64px 0 24px clamp(16px,calc((100vw - 1200px)/2),360px)}
:root:root:root:root:root body:has(.sc-hero) main .observers-related-guide__link{display:inline-flex!important;width:auto;min-height:56px;margin:0 0 64px clamp(16px,calc((100vw - 1200px)/2),360px);background:var(--p13-pink)!important;border:0!important;color:#fff!important;border-radius:14px;padding:0 24px!important}
:root:root:root:root:root body:has(.sc-hero) main .observers-related-guide__link span{color:#fff!important}
@media (max-width:767px){
:root:root:root:root:root body:has(.sc-hero) main .observers-related-guide__inner{min-height:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 52vw,#fff 56vw),url(/_static/scene/guide-band-d13-m-800.webp) center top/100% auto no-repeat!important;padding-top:58vw!important}
:root:root:root:root:root body:has(.sc-hero) main .observers-related-guide__inner>div{max-width:none;padding:0 16px 16px}
:root:root:root:root:root body:has(.sc-hero) main .observers-related-guide__link{display:flex!important;margin:0 16px 40px}}

/* 8. 지역 허브 장면 히어로: 제목 줄바꿈 고르게 */
:root:root:root:root body .sc-hero--area .s24-hero__title{text-wrap:balance;word-break:keep-all}
:root:root:root:root body .sc-hero--area .sc-hero__text{max-width:600px}

/* 9. 서비스·분류·지역 쪽 공통: 남은 자홍 그늘을 중립 짙은 회색으로, 상담 상자 그라데이션도 중립 */
:root{--sc-wine:#15181E;--sc-plum:#1B1E24}
:root:root:root:root body:has(.sc-hero) main .s24-consult::before{background:linear-gradient(90deg,rgba(15,18,24,.86) 0%,rgba(15,18,24,.66) 34%,rgba(15,18,24,0) 58%)}
@media (max-width:767px){:root:root:root:root body:has(.sc-hero) main .s24-consult::before{display:none}}

/* 10. 장면 히어로가 없는 v9 쪽(매거진 글·목록): 머리 파스텔, 전화 핑크·카톡 노랑 56px, 상담 띠 파스텔 + 실사 */
:root:root:root:root body:not(:has(.sc-hero)) :is(.v9-mhero,.v9-listhead,.v9-band){background:var(--p13-bg)!important;background-image:none!important;box-shadow:none!important;border:0!important}
:root:root:root:root body:not(:has(.sc-hero)) :is(.v9-mhero,.v9-listhead) :is(h1,.section__title){color:var(--p13-ink)!important}
:root:root:root:root body:not(:has(.sc-hero)) :is(.v9-mhero,.v9-listhead) :is(.badge,.section__subtitle){background:#fff!important;color:var(--p13-pink)!important;border:1px solid var(--p13-line)!important}
:root:root:root:root body:not(:has(.sc-hero)) :is(.v9-mhero,.v9-listhead) :is(p,.section__desc,.dd-mag-intro){color:#4A4A55!important}
:root:root:root:root body:not(:has(.sc-hero)) .v9-band :is(.v9-band__title){color:var(--p13-ink)!important}
:root:root:root:root body:not(:has(.sc-hero)) .v9-band :is(.v9-band__desc){color:#4A4A55!important}
:root:root:root:root body:not(:has(.sc-hero)) .v9-cta .s24-callbtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:56px!important;min-height:56px!important;min-width:220px;padding:0 24px!important;border-radius:14px!important;background:var(--p13-pink)!important;border:0!important;box-shadow:none!important;animation:none!important}
:root:root:root:root body:not(:has(.sc-hero)) .v9-cta .s24-callbtn__ico{display:none!important}
:root:root:root:root body:not(:has(.sc-hero)) .v9-cta .s24-callbtn__txt{display:flex!important;flex-direction:column;align-items:center!important;gap:2px}
:root:root:root:root body:not(:has(.sc-hero)) .v9-cta .s24-callbtn__verb{color:#fff!important;font-size:17px!important;font-weight:800!important;line-height:1.15}
:root:root:root:root body:not(:has(.sc-hero)) .v9-cta .s24-callbtn__num{color:#fff!important;font-size:12.5px!important;font-weight:600!important;opacity:.9}
:root:root:root:root body:not(:has(.sc-hero)) .v9-cta .v9-kakao{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:56px!important;min-height:56px!important;min-width:220px;padding:0 24px!important;border-radius:14px!important;background:var(--p13-kakao)!important;border:0!important;box-shadow:none!important;animation:none!important}
:root:root:root:root body:not(:has(.sc-hero)) .v9-cta .v9-kakao__txt{color:var(--p13-kink)!important;font-size:17px!important;font-weight:800!important}
:root:root:root:root body:not(:has(.sc-hero)) .v9-cta .v9-kakao__ico{width:22px!important;height:22px!important;box-shadow:none!important;background:var(--p13-kink)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.477 3 2 6.463 2 10.691c0 2.72 1.809 5.104 4.528 6.449-.174.63-.632 2.282-.724 2.636-.112.436.16.43.337.313.139-.092 2.208-1.502 3.103-2.11.574.082 1.162.125 1.756.125 5.523 0 10-3.463 10-7.413C22 6.463 17.523 3 12 3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.477 3 2 6.463 2 10.691c0 2.72 1.809 5.104 4.528 6.449-.174.63-.632 2.282-.724 2.636-.112.436.16.43.337.313.139-.092 2.208-1.502 3.103-2.11.574.082 1.162.125 1.756.125 5.523 0 10-3.463 10-7.413C22 6.463 17.523 3 12 3z'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:767px){:root:root:root:root body:not(:has(.sc-hero)) .v9-cta :is(.s24-callbtn,.v9-kakao){width:100%!important;min-width:0}}
:root:root:root:root body:not(:has(.sc-hero)) .v9-cta .s24-callbtn__txt{width:auto!important;text-align:center!important}
:root:root:root:root body .page-numbers.current{background:var(--p13-pink)!important;color:#fff!important;border-color:var(--p13-pink)!important}

/* 11. 하수구 4사 공통 기준(10-26 사장님): 카톡 노랑, 전화 아이콘 없음, 칩·전체보기 밑줄 없음·본문 링크 얇은 밑줄, 짙은 상자 번호 흰 글자, 짙은 구간 카드 불투명 */
:root:root:root:root:root body a[href*="open.kakao.com"]:is([class*="kakao"],[class*="btn"]){background:var(--p13-kakao)!important;background-image:none!important;color:var(--p13-kink)!important;border-color:var(--p13-kakao)!important;box-shadow:none!important}
:root:root:root:root:root body a[href*="open.kakao.com"]:is([class*="kakao"],[class*="btn"]) :is(span,strong,b,em){color:var(--p13-kink)!important}
:root:root:root:root:root body a[href*="open.kakao.com"]:is([class*="kakao"],[class*="btn"]) svg{color:var(--p13-kink)!important;fill:currentColor}
:root:root:root:root:root body .s24-callbtn__ico{display:none!important}
:root:root:root:root:root body .s24-callbtn{justify-content:center!important}
:root:root:root:root:root body :is(.v8-chip,.observers-area-chip,.area-link-tag,.category-hub__link,.v8-sido-all,.v8-more-link a,.v8-eq__more,.v8-rv__src,.s24-equip-more a,[class*="chip"],[class*="__more"],[class*="--all"]){text-decoration:none!important}
:root:root:root:root:root body main :is(p,li,td,dd) a:not([class]){text-decoration-line:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important;text-decoration-color:rgba(200,0,106,.35)!important}
:root:root:root:root:root body main :is(p,li,td,dd) a:not([class]):hover{text-decoration-color:currentColor!important}
:root:root:root:root:root body :is(.s24-consult__call,.sc-btn--call,.s24-callbtn) :is(span,strong){color:#fff!important;font-weight:800}
:root:root:root:root:root body .s24-consult a[href^="tel:"]:not(.s24-consult__call){color:#fff!important;font-weight:800!important}
:root:root:root:root:root body .sc-cause .v8-steps li{background:#262A33!important;border:1px solid rgba(255,255,255,.18)!important}
:root:root:root:root:root body .sc-cause .v8-steps li :is(h3,strong,b){color:#fff!important}
:root:root:root:root:root body .sc-cause .v8-steps li :is(p,span:not(.v8-steps__n)){color:#E4E6EB!important}

/* 12. 하단 상담 배너(v9-band, 지역·매거진·하수구뚫음): 실사 장면 배경 + 왼쪽 짙은 그라데이션 위 흰 글자 2줄 이하, 폭은 본문 칸, 전화 핑크·카톡 노랑 */
:root:root:root:root:root:root:root:root body .v9-band{position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;min-height:300px;padding:40px 44px!important;border:0!important;border-radius:20px!important;box-shadow:none!important;background:#15181E url(/_static/scene/consult-wide2-d13-1440.webp) 75% center/cover no-repeat!important}
:root:root:root:root:root:root:root:root body .v9-band::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,18,24,.92) 0%,rgba(15,18,24,.78) 42%,rgba(15,18,24,0) 72%)}
:root:root:root:root:root:root:root:root body .v9-band__copy{position:relative;z-index:1;max-width:520px;padding:0!important;text-align:left!important}
:root:root:root:root:root:root:root:root body .v9-band__art{display:none!important}
:root:root:root:root:root:root:root:root body .v9-band .v9-band__title{margin:0 0 8px!important;color:#fff!important;font-size:clamp(24px,2.4vw,32px)!important;line-height:1.3!important;text-wrap:balance;word-break:keep-all}
:root:root:root:root:root:root:root:root body .v9-band .v9-band__desc{margin:0 0 20px!important;color:#E4E6EB!important;font-size:17px!important}
:root:root:root:root:root:root:root:root body .v9-band .v9-cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start!important;margin:0!important}
:root:root:root:root:root:root:root:root body .v9-band .v9-kakao{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;height:56px!important;min-height:56px!important;min-width:220px;padding:0 24px!important;border-radius:14px!important}
@media (max-width:767px){
:root:root:root:root:root:root:root:root body .v9-band{min-height:440px;align-items:flex-end!important;padding:24px 20px!important;background:#15181E url(/_static/scene/consult-wide2-d13-m-800.webp) center top/100% auto no-repeat!important}
:root:root:root:root:root:root:root:root body .v9-band::before{background:linear-gradient(0deg,#15181E 0%,#15181E 52%,rgba(21,24,30,0) 78%)}
:root:root:root:root:root:root:root:root body .v9-band .v9-cta{flex-direction:column}}

/* 13. 버튼 1종(사이트 전체): 전화 = 핑크 56px 2줄 가운데·아이콘 없음, 선택된 칩 = 핑크 바탕 흰 글자 */
:root:root:root:root:root:root body :is(.s24-callbtn,.btn--phone,.s24-consult__call,.sc-btn--call):not(.cta-float__btn){display:inline-flex;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;height:56px!important;min-height:56px!important;min-width:220px;padding:0 24px!important;border:0!important;border-radius:14px!important;background:var(--p13-pink)!important;background-image:none!important;box-shadow:none!important;animation:none!important;color:#fff!important;text-decoration:none!important}
:root:root:root:root:root:root body :is(.s24-callbtn__verb,.s24-cta__main){color:#fff!important;font-size:17px!important;font-weight:800!important;line-height:1.15!important}
:root:root:root:root:root:root body :is(.s24-callbtn__num,.s24-cta__sub){color:#fff!important;font-size:12.5px!important;font-weight:600!important;opacity:.9}
:root:root:root:root:root:root body :is(.v8-chip,.observers-area-chip,.area-link-tag,.category-hub__link):is(.is-active,.active,.is-current,[aria-current]){background:var(--p13-pink)!important;border-color:var(--p13-pink)!important;color:#fff!important}
