:root{--p:#0066ff;--p-dark:#0054d1;--p-weak:#e8f1ff;--ink:#0f172a;--sub:#5b6677;--line:#e2e8f0;--band:#f1f5f9;--urgent:#c2410c;--navy:#0f1d35;--radius:16px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:var(--ink);background:#e8edf3;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.wrap{max-width:480px;margin:0 auto;min-height:100vh;background:#fff;display:flex;flex-direction:column}.content{flex:1 1}.notice{background:var(--navy);color:#c9d6ea;font-size:12px;text-align:center;padding:8px 12px;letter-spacing:-.1px}.notice strong{color:#fff;font-weight:700}.header{display:flex;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px)}.header,.wordmark{align-items:center}.wordmark{font-size:19px;font-weight:800;letter-spacing:-.6px;display:inline-flex;gap:8px}.brand-mark{border-radius:7px;flex-shrink:0;display:block}.header-nav a{font-size:14px;font-weight:700;color:var(--ink);padding:6px 2px;letter-spacing:-.2px}.header-nav a:active{color:var(--p)}.hero{padding:44px 20px 26px}.hero h1{font-size:34px;line-height:1.18;font-weight:800;letter-spacing:-1.2px;margin:0 0 14px}.hero h1 .em{color:var(--p)}.hero .sub{font-size:15px;color:var(--sub);margin:0;line-height:1.65;letter-spacing:-.2px}.hero .sub .em-strong{color:var(--ink);font-weight:700}.region-chip{display:inline-block;margin-bottom:14px;background:var(--p-weak);color:var(--p);font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:100px;letter-spacing:-.2px}.hero-visual{position:relative;overflow:hidden;padding:52px 20px 46px;background:var(--navy) url(/img/brand/drain/hero.jpg?v=2) 76% 50% /cover no-repeat}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,24,44,.78),rgba(13,24,44,.38) 52%,rgba(13,24,44,.04))}.hero-visual>*{position:relative;z-index:1}.hero-visual h1{color:#fff}.hero-visual .sub{color:#b9c6da}.hero-visual .sub .em-strong{color:#fff}.hero-visual .region-chip{background:rgba(0,102,255,.22);color:#9cc2ff}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:0 20px 6px}.photo-strip img{width:100%;height:92px;object-fit:cover;border-radius:12px;display:block;border:1px solid var(--line)}.seo-photo{margin:2px 0 14px}.seo-photo img{width:100%;height:190px;object-fit:cover;display:block;border-radius:14px;border:1px solid var(--line)}.assure{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--band)}.assure div{flex:1 1;text-align:center;padding:13px 4px;font-size:11.5px;color:var(--sub);letter-spacing:-.2px}.assure div strong{display:block;font-size:13px;color:var(--ink);margin-bottom:2px;font-weight:700}.assure div+div{border-left:1px solid var(--line)}.section{padding:28px 20px}.section-title{font-size:18px;font-weight:800;letter-spacing:-.6px;margin:0 0 6px}.section-desc{font-size:13px;color:var(--sub);margin:0 0 16px;letter-spacing:-.2px}.opt-list{display:flex;flex-direction:column;gap:10px}.opt{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.4px;text-align:left;min-height:56px;transition:border-color .12s,background .12s,transform .06s}.opt:active{background:var(--p-weak);transform:scale(.99)}.opt-label{display:flex;align-items:center;gap:12px}.opt-icon{display:inline-flex;color:var(--p);flex-shrink:0}.opt .arrow{color:#8a93a0;font-size:18px;font-weight:400}.opt.selected{border-color:var(--p);background:var(--p-weak);color:var(--p-dark)}.opt.selected .arrow{color:var(--p)}.opt .mini-badge{font-size:10.5px;font-weight:700;color:var(--urgent);border:1px solid;border-radius:100px;padding:2px 7px;margin-left:8px;letter-spacing:0}.progress-track{height:3px;background:var(--band)}.progress-fill{height:3px;background:var(--p);transition:width .25s}.step-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.step-no{font-size:12.5px;font-weight:800;color:var(--p)}.step-link,.step-no{letter-spacing:-.2px}.step-link{background:none;border:none;font-size:13px;color:var(--sub);text-decoration:underline;padding:4px}.question-title{font-size:23px;font-weight:800;letter-spacing:-.8px;line-height:1.3;padding:10px 20px 20px;margin:0}.processing{padding:90px 24px;text-align:center}.spinner{width:36px;height:36px;margin:0 auto 26px;border-radius:50%;border:3px solid var(--p-weak);border-top-color:var(--p);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.processing .msg{font-size:17px;font-weight:800;margin:0 0 8px;letter-spacing:-.5px}.processing .note{font-size:13px;color:var(--sub);margin:0}.result-head{padding:30px 20px 8px}.result-head h2{font-size:21px;font-weight:800;letter-spacing:-.7px;margin:0 0 10px;line-height:1.3}.ctx-chips{display:flex;gap:6px;flex-wrap:wrap}.ctx-chip{background:var(--band);border:1px solid var(--line);color:var(--sub);font-size:12px;font-weight:600;padding:4px 11px;border-radius:100px;letter-spacing:-.2px}.adv-card{border:1px solid var(--line);border-radius:var(--radius);margin:14px 20px;overflow:hidden;box-shadow:0 1px 2px rgba(17,20,24,.03)}.adv-body{padding:18px 18px 15px}.adv-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.adv-name{font-size:18px;font-weight:800;letter-spacing:-.5px}.chip{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:100px;letter-spacing:0}.chip.h24{background:#e8f1ff;color:#0066ff}.chip.emergency{background:#fff7ed;color:#c2410c}.adv-short{font-size:14px;color:var(--ink);margin:0 0 12px;letter-spacing:-.2px}.adv-info{border-top:1px solid var(--line);padding-top:12px;font-size:13px}.adv-info .row{display:flex;margin-bottom:5px}.adv-info .k{width:78px;color:var(--sub);flex-shrink:0}.adv-info .v{color:var(--ink);font-weight:600;letter-spacing:-.2px}.adv-info .v.region-ok{display:inline-flex;align-items:center;gap:5px;color:#067647;font-weight:800}.adv-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.adv-tag{background:var(--band);color:var(--sub);font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:100px}.adv-cta{display:block;text-align:center;background:var(--p);color:#fff;font-size:16px;font-weight:800;padding:16px;letter-spacing:-.4px}.adv-cta:active{background:var(--p-dark)}.empty-box{margin:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--band);padding:34px 20px;text-align:center}.empty-box p{margin:0 0 4px;font-size:15.5px;font-weight:700;letter-spacing:-.3px}.empty-box .sub{font-size:13px;color:var(--sub);font-weight:400;margin-bottom:18px}.btn-line{display:inline-block;border:1px solid var(--p);color:var(--p);background:#fff;font-size:14px;font-weight:700;padding:12px 22px;border-radius:100px;letter-spacing:-.3px}.restart-row{text-align:center;padding:8px 0 30px}.info-band{background:var(--band);border-top:1px solid var(--line);padding:26px 20px}.info-band h3{font-size:15px;font-weight:800;margin:0 0 12px;letter-spacing:-.4px}.info-band ol{margin:0;padding-left:18px;font-size:13.5px;color:var(--sub)}.info-band li{margin-bottom:6px}.info-band li strong{color:var(--ink)}.footer{border-top:1px solid var(--line);padding:26px 20px 34px;font-size:12px;color:#667080;line-height:1.8}.footer .brand-line{font-weight:800;color:var(--ink);font-size:14px;letter-spacing:-.4px;margin-bottom:2px}.footer-nav{display:flex;gap:14px;margin:6px 0 10px}.footer-nav a{color:var(--sub);font-weight:600;font-size:12.5px}.seo-hero h1{font-size:30px}.seo-p{font-size:16px;line-height:1.625;color:var(--ink);margin:0;letter-spacing:-.2px}.seo-band{background:var(--band);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.seo-list{margin:0;padding:0;list-style:none}.seo-list li{position:relative;padding:10px 0 10px 22px;font-size:14.5px;border-bottom:1px solid var(--line);letter-spacing:-.2px}.seo-list li:last-child{border-bottom:none}.seo-list li:before{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;border-radius:2px;background:var(--p)}.seo-list.check li:before{border-radius:50%;background:var(--urgent)}.seo-steps{margin:0;padding:0;list-style:none}.seo-steps li{display:flex;gap:14px;padding:11px 0;align-items:flex-start}.seo-steps .no{flex-shrink:0;width:27px;height:27px;border-radius:50%;background:var(--p);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}.seo-steps strong{display:block;font-size:15px;letter-spacing:-.3px}.seo-steps span:not(.no){font-size:13.5px;color:var(--sub)}.seo-cta-wrap{padding-top:8px}.seo-cta{border-radius:var(--radius)}.seo-cta-note{text-align:center;font-size:12.5px;color:var(--sub);margin:10px 0 0}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.svc-tile{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:center;background:#fff}.svc-tile img{width:100%;height:auto;display:block}.svc-tile span{display:block;font-size:12.5px;font-weight:700;padding:9px 2px 2px;letter-spacing:-.3px}.svc-tile-desc{display:block;font-size:10.5px;font-style:normal;color:var(--sub);padding:0 4px 9px;letter-spacing:-.2px;line-height:1.35}.link-chips{display:flex;flex-wrap:wrap;gap:8px}.link-chip{border:1px solid var(--line);background:#fff;border-radius:100px;font-size:13px;font-weight:600;padding:10px 15px;color:var(--ink);letter-spacing:-.2px}.link-chip:active{background:var(--p-weak)}.art-hero{padding-bottom:18px}.art-hero h1{font-size:27px;letter-spacing:-.9px}.crumb-line{font-size:13px;color:var(--sub);margin-bottom:12px}.crumb-line a{color:var(--p);font-weight:700}.art-date{font-size:12.5px;color:var(--sub);margin:10px 0 0}.art-list{display:flex;flex-direction:column;gap:12px}.art-item{display:block;border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:#fff;transition:border-color .12s}.art-item:active{border-color:var(--p)}.art-cat{display:inline-block;font-size:11px;font-weight:800;color:var(--p);background:var(--p-weak);border-radius:100px;padding:3px 9px;margin-bottom:8px}.art-title{display:block;font-size:16.5px;font-weight:800;letter-spacing:-.5px;line-height:1.35}.art-summary{font-size:13.5px;color:var(--sub);margin:7px 0 10px;line-height:1.6;letter-spacing:-.2px}.art-more{font-size:12.5px;font-weight:700;color:var(--p)}.art-list.compact .art-item{padding:15px 18px}.art-list.compact .art-title{font-size:15px}.art-list.compact .art-more{display:inline-block;margin-top:6px}.art-summary-box{background:var(--band);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.art-summary-box .label{display:block;font-size:11.5px;font-weight:800;color:var(--p);margin-bottom:6px;letter-spacing:0}.art-summary-box p{margin:0;font-size:14.5px;line-height:1.7;letter-spacing:-.2px}.art-body{padding-top:6px;font-size:15px;line-height:1.85;letter-spacing:-.2px}.art-body h2{font-size:19px;font-weight:800;letter-spacing:-.6px;margin:30px 0 10px}.art-body h3{font-size:16px;font-weight:800;letter-spacing:-.4px;margin:24px 0 8px}.art-body p{margin:0 0 14px}.art-body ol,.art-body ul{margin:0 0 14px;padding-left:20px}.art-body li{margin-bottom:6px}.art-body strong{font-weight:800}.art-body blockquote{margin:0 0 14px;padding:12px 16px;border-left:3px solid var(--p);background:var(--band);border-radius:0 10px 10px 0;color:var(--sub)}.art-faq{margin:0}.art-faq div{border-bottom:1px solid var(--line);padding:13px 0}.art-faq div:last-child{border-bottom:none}.art-faq dt{font-size:14.5px;font-weight:800;letter-spacing:-.3px;margin-bottom:5px}.art-faq dt:before{content:"Q. ";color:var(--p)}.art-faq dd{margin:0;font-size:14px;color:var(--sub);line-height:1.7;letter-spacing:-.2px}.svc-menu{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px 4px;gap:6px 4px;padding:4px 0 2px}.svc-item{display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:none;padding:12px 2px 10px;border-radius:14px;font-family:inherit;cursor:pointer;transition:transform .08s}.svc-item:active{transform:scale(.96)}.svc-chip{width:58px;height:58px;border-radius:19px;background:var(--p-weak);color:var(--p);display:flex;align-items:center;justify-content:center}.svc-item.hl .svc-chip{background:var(--p);color:#fff}.svc-label{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.3px}.svc-item.hl .svc-label{color:var(--p);font-weight:800}.svc-hint{font-size:10.5px;font-weight:700;color:var(--urgent);margin-top:-4px}body[data-theme=clean-a]{--p:#0ea5a4;--p-dark:#0b8583;--p-weak:#e6f7f6;--navy:#0f2e2e;--urgent:#b45309;background:#e9f0ef}body[data-theme=clean-a] .clean-hero{position:relative;overflow:hidden;padding:46px 20px 40px;background:#f2faf9 url(/img/brand/clean/hero.jpg?v=1) 74% 50%/cover no-repeat;border-bottom:1px solid #d9ecea}body[data-theme=clean-a] .clean-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,253,252,.92),rgba(250,253,252,.55) 52%,rgba(250,253,252,.05))}body[data-theme=clean-a] .clean-hero>*{position:relative;z-index:1}body[data-theme=clean-a] .clean-slogan{display:block;font-size:12.5px;font-weight:800;color:var(--p-dark);letter-spacing:-.2px;margin-bottom:12px}body[data-theme=clean-a] .clean-hero h1{color:#0b1f1e}body[data-theme=clean-a] .clean-hero .sub{color:#4d6360}body[data-theme=clean-a] .clean-hero .sub .em-strong{color:#0b1f1e}body[data-theme=clean-a] .clean-svc-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}body[data-theme=clean-a] .clean-svc{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 12px;font-family:inherit;cursor:pointer;font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-.4px;transition:border-color .12s,background .12s,transform .06s;text-align:left}body[data-theme=clean-a] .clean-svc:active{background:var(--p-weak);transform:scale(.98)}body[data-theme=clean-a] .clean-svc.hl{border-color:var(--p);background:var(--p-weak)}body[data-theme=clean-a] .clean-svc-icon{width:40px;height:40px;border-radius:12px;background:var(--p-weak);color:var(--p-dark);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}body[data-theme=clean-a] .clean-svc.hl .clean-svc-icon{background:var(--p);color:#fff}body[data-theme=clean-a] .clean-svc-label{flex:1 1}body[data-theme=clean-a] .clean-svc .arrow{color:#93a5a2;font-size:17px;font-weight:400}body[data-theme=clean-a] .clean-svc .svc-hint{font-size:10px;font-weight:700;color:var(--urgent);white-space:nowrap;margin:0}body[data-theme=clean-a] .chip.h24{background:var(--p-weak);color:var(--p-dark)}body[data-theme=clean-a] .notice{background:var(--navy);color:#bfe0dd}body[data-theme=clean-a] .notice strong{color:#fff}