@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap");
@import url("./tool-footer.css");
@import url("./tool-design.css");
:root{--v2-navy:#0d1f3c;--v2-gold:#d4a73a;--v2-blue:#1565c0;--v2-ink:#111111;--v2-muted:#667085;--v2-line:#d7dce3;--v2-white:#fff;--v2-bg:#f5f7fa}
html{scroll-behavior:smooth;scroll-padding-top:72px}body.v2-tool-page{margin:0;overflow-x:hidden;color:var(--v2-ink);font-family:"Noto Sans KR",sans-serif!important;font-weight:400;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body.v2-tool-page :where(button,input,select,textarea){font-family:inherit!important;letter-spacing:inherit}body.v2-tool-page :where(h1,h2,h3,h4,strong,b,label,button){font-weight:700!important}body.v2-tool-page :where(h1,h2,h3,h4){letter-spacing:-.035em}
.v2-toolbar,.v2-toolbar *{box-sizing:border-box}.v2-toolbar{position:sticky;top:0;z-index:1000;width:100%;height:64px;border-bottom:1px solid rgba(215,220,227,.92);background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(13,31,60,.05);backdrop-filter:blur(14px);color:var(--v2-ink)}.v2-toolbar__inner{width:calc(100% - 48px);max-width:1280px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.v2-toolbar a{color:inherit;text-decoration:none}.v2-toolbar__home{display:flex;align-items:center;gap:9px;font-size:15px;white-space:nowrap}.v2-toolbar__mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--v2-gold);color:var(--v2-navy)}.v2-toolbar__mark svg{width:20px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.v2-toolbar__tools{min-height:44px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--v2-line);border-radius:9px;color:var(--v2-navy)!important;background:#fff;font-size:14px;font-weight:700}.v2-toolbar__tools span{color:var(--v2-blue)}
body.v2-tool-page :where(.hero,.chero,.hd,.container>header) h1{font-size:clamp(22px,3vw,28px)!important;line-height:1.35!important}body.v2-tool-page :where(.hero,.chero,.hd,.container>header) :where(p,.sub,.subtitle){font-size:14px!important;line-height:1.65!important}body.v2-tool-page :where(input,select,textarea){font-size:16px}body[data-tool-id="youth-score"]{padding-top:0!important}body[data-tool-id="youth-score"]>.v2-toolbar{width:100%;margin-left:0}body[data-tool-id="youth-score"]>.brandbar{display:none!important}body[data-tool-id="youth-score"]>.wrap{padding-top:16px}body[data-tool-id="apartment"] .crumbbar{top:64px}
.v2-tool-disclaimer{margin:12px auto 0!important;color:var(--v2-muted)!important;font-size:13px!important;line-height:1.65!important}.v2-result-next{display:none;margin:12px 0 0;align-items:center;gap:7px;color:var(--v2-muted);font-size:13px}.v2-result-next.is-visible{display:flex}.v2-result-next a{color:var(--v2-blue);font-weight:700;text-decoration:none}
@media(max-width:768px){html{scroll-padding-top:70px}.v2-toolbar{height:62px}.v2-toolbar__inner{width:calc(100% - 24px)}.v2-toolbar__home{font-size:14px}.v2-toolbar__tools{min-height:44px;padding:0 10px;font-size:14px}body[data-tool-id="apartment"] .crumbbar{top:62px}.v2-tool-disclaimer{font-size:13px!important}.v2-result-next{font-size:13px}}
@media(max-width:390px){.v2-toolbar__tools{font-size:13px;padding-inline:9px}}

/* Shared tool-page lock: keep every calculator visually consistent even when legacy inline CSS differs. */
body.v2-tool-page :where(main.page,main.v2-tool-main,.wrap,.container){width:min(calc(100% - 32px),760px)!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
body.v2-tool-page .v2-normalized-hero{box-sizing:border-box!important;min-height:172px!important;margin:0 0 16px!important;padding:24px 30px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;overflow:hidden!important;border:0!important;border-radius:18px!important;background:linear-gradient(135deg,#0d1f3c 0%,#16385f 100%)!important;box-shadow:0 18px 45px rgba(13,31,60,.16)!important;color:#fff!important;text-align:left!important}
body.v2-tool-page .v2-normalized-hero .v2-hero-brand{position:relative!important;z-index:2!important;margin:0 0 8px!important;color:var(--v2-gold)!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:.01em!important}
body.v2-tool-page .v2-normalized-hero>.v2-legacy-hero-label{display:none!important}
body.v2-tool-page .v2-normalized-hero h1{position:relative!important;z-index:2!important;margin:0!important;color:#fff!important;font-size:28px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:-.035em!important}
body.v2-tool-page .v2-normalized-hero :where(p,.sub,.subtitle){position:relative!important;z-index:2!important;max-width:620px!important;margin:8px 0 0!important;color:#d6dde6!important;font-size:14px!important;line-height:1.7!important}
body.v2-tool-page .v2-normalized-hero :where(p,.sub,.subtitle) :where(strong,b){color:var(--v2-gold)!important}
body.v2-tool-page :where(.card,.basis,.body,.det,.rcard){color:var(--v2-ink)}
body.v2-tool-page :where(.card,.basis,.body,.det) :where(h2,h3,h4){color:var(--v2-navy)!important}
body.v2-tool-page :where(.field label,.step-t,.step-label,.sub-label){color:#52606e!important}
body.v2-tool-page :where(.note,.hint,.unit,.basis p,.meta,.mi,.cd,.rd){color:var(--v2-muted)!important}
body.v2-tool-page a:not(.v2-toolbar a):not(.v2-tool-footer a):not(.btn-primary):not(.calculate):not(.calc-btn){text-decoration:none}
body.v2-tool-page footer:not(.v2-tool-footer),body.v2-tool-page .foot{display:none!important}
body.v2-tool-page>.v2-tool-footer{display:block!important}

/* Public tool hero: exactly Rent Check / title / one-line description. */
body[data-tool-id="redevelopment"] .v2-normalized-hero>.badge,
body[data-tool-id="youth-score"] .v2-normalized-hero>.badge,
body[data-tool-id="youth-score"] .v2-normalized-hero>.trust,
body[data-tool-id="rent-check"] .v2-normalized-hero>.owner-info{display:none!important}
body[data-tool-id="redevelopment"] .v2-normalized-hero h1,
body[data-tool-id="youth-score"] .v2-normalized-hero h1,
body[data-tool-id="rent-check"] .v2-normalized-hero h1,
body[data-tool-id="apartment"] .v2-normalized-hero h1,
body[data-tool-id="jeonse-ratio"] .v2-normalized-hero h1,
body[data-tool-id="rent-vs-monthly"] .v2-normalized-hero h1,
body[data-tool-id="rent-conversion"] .v2-normalized-hero h1,
body[data-tool-id="brokerage-fee"] .v2-normalized-hero h1{font-size:0!important}
body[data-tool-id="redevelopment"] .v2-normalized-hero h1::after{content:"재개발 자금 30초 계산기"}
body[data-tool-id="youth-score"] .v2-normalized-hero h1::after{content:"청년주택 점수 계산기"}
body[data-tool-id="rent-check"] .v2-normalized-hero h1::after{content:"내 월세·전세, 적정한가요?"}
body[data-tool-id="apartment"] .v2-normalized-hero h1::after{content:"강서구 아파트 실거래"}
body[data-tool-id="jeonse-ratio"] .v2-normalized-hero h1::after{content:"전세가율 계산기"}
body[data-tool-id="rent-vs-monthly"] .v2-normalized-hero h1::after{content:"전세 vs 월세 비교"}
body[data-tool-id="rent-conversion"] .v2-normalized-hero h1::after{content:"전월세 전환 계산기"}
body[data-tool-id="brokerage-fee"] .v2-normalized-hero h1::after{content:"중개보수 계산기"}
body.v2-tool-page .v2-normalized-hero h1::after{display:block;color:#fff;font-size:28px;font-weight:700;line-height:1.35;letter-spacing:-.035em}
body[data-tool-id="redevelopment"] .v2-normalized-hero>p,
body[data-tool-id="youth-score"] .v2-normalized-hero>.sub,
body[data-tool-id="rent-check"] .v2-normalized-hero>.subtitle,
body[data-tool-id="apartment"] .v2-normalized-hero>.sub,
body[data-tool-id="jeonse-ratio"] .v2-normalized-hero>p:not(.eyebrow),
body[data-tool-id="rent-vs-monthly"] .v2-normalized-hero>p:not(.eyebrow),
body[data-tool-id="rent-conversion"] .v2-normalized-hero>p:not(.eyebrow),
body[data-tool-id="brokerage-fee"] .v2-normalized-hero>p:not(.eyebrow){font-size:0!important}
body[data-tool-id="redevelopment"] .v2-normalized-hero>p::after{content:"소유주는 분담금, 매수자는 총투입금을 계산합니다."}
body[data-tool-id="youth-score"] .v2-normalized-hero>.sub::after{content:"LH·SH 매입임대·청년안심주택 순위와 가점을 확인합니다."}
body[data-tool-id="rent-check"] .v2-normalized-hero>.subtitle::after{content:"강서구 화곡동 실거래 기준으로 내 계약 조건을 비교합니다."}
body[data-tool-id="apartment"] .v2-normalized-hero>.sub::after{content:"동과 단지를 골라 매매·전세·월세 실거래를 확인합니다."}
body[data-tool-id="jeonse-ratio"] .v2-normalized-hero>p:not(.eyebrow)::after{content:"매매가에서 전세보증금이 차지하는 비율을 확인합니다."}
body[data-tool-id="rent-vs-monthly"] .v2-normalized-hero>p:not(.eyebrow)::after{content:"두 계약의 월 부담을 같은 기준으로 비교합니다."}
body[data-tool-id="rent-conversion"] .v2-normalized-hero>p:not(.eyebrow)::after{content:"보증금을 바꿀 때 월세가 얼마나 달라지는지 계산합니다."}
body[data-tool-id="brokerage-fee"] .v2-normalized-hero>p:not(.eyebrow)::after{content:"매매·전세·월세의 최대 중개보수를 계산합니다."}
body.v2-tool-page .v2-normalized-hero :is(p,.sub,.subtitle)::after{display:block;color:#d6dde6;font-size:14px;font-weight:400;line-height:1.7;letter-spacing:-.02em}

@media(max-width:560px){body.v2-tool-page :where(main.page,main.v2-tool-main,.wrap,.container){width:min(calc(100% - 20px),760px)!important}body.v2-tool-page .v2-normalized-hero{min-height:154px!important;padding:22px 18px!important;border-radius:16px!important}body.v2-tool-page .v2-normalized-hero h1{font-size:0!important}body.v2-tool-page .v2-normalized-hero h1::after{font-size:23px!important}body.v2-tool-page .v2-normalized-hero :where(p,.sub,.subtitle){font-size:0!important}body.v2-tool-page .v2-normalized-hero :is(p,.sub,.subtitle)::after{font-size:13px!important;line-height:1.65!important}}