:root{--navy:#071a2f;--blue:#0757d8;--red:#ef2b25;--ink:#102033;--muted:#5e6b7b;--line:#dbe3ec;--soft:#f3f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;line-height:1.7;background:#fff}a{color:inherit;text-decoration:none}header{height:76px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:10}.brand{font-size:26px;font-weight:900;color:var(--navy);white-space:nowrap}.brand span{color:var(--red)}nav{display:flex;gap:24px;margin-left:auto;font-weight:700}nav a:hover{color:var(--blue)}.head-call{background:var(--red);color:white;border-radius:8px;padding:10px 16px;font-weight:900}.hero{padding:82px max(24px,calc((100% - 1180px)/2)) 68px;background:linear-gradient(125deg,#06182c 0%,#0a376f 70%,#0757d8 100%);color:#fff}.eyebrow{font-weight:800;color:#8ec2ff;margin-bottom:16px}.hero h1{font-size:clamp(39px,6vw,72px);line-height:1.16;letter-spacing:-.055em;margin:0 0 22px}.hero h1 em{font-style:normal;color:#ff4a42}.hero>p{font-size:19px;max-width:720px;color:#d9e7f7}.hero-actions,.cta{display:flex;gap:10px;flex-wrap:wrap}.hero-actions a,.primary{padding:15px 22px;border:1px solid #fff;border-radius:9px;font-weight:900}.hero-actions .primary{background:var(--red);border-color:var(--red)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.chips span{background:#ffffff14;border:1px solid #ffffff30;border-radius:99px;padding:5px 12px}.promise{max-width:1180px;margin:-28px auto 56px;position:relative;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 18px 45px #0b244120}.promise>div{padding:28px 32px;background:#fff;border:1px solid var(--line)}.promise>div:first-child{border-radius:12px 0 0 12px}.promise>div:last-child{border-radius:0 12px 12px 0}.promise b{color:var(--blue);display:block}.promise strong{font-size:24px;display:block;line-height:1.3}.promise span{font-size:13px;color:var(--muted)}.services,.faq,.article,.local-services{max-width:1180px;margin:72px auto;padding:0 24px}.services h2,.faq h2,.article h2,.local-services h2{font-size:32px;line-height:1.3;letter-spacing:-.03em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);padding:28px;border-radius:14px;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #112b4b18;border-color:var(--blue)}.service-card i{font-style:normal;font-size:38px;color:var(--blue)}.service-card h3{font-size:25px;margin:12px 0 6px}.service-card p{color:var(--muted)}.service-card b{color:var(--blue)}.info{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.info>div{padding:48px max(24px,calc((100vw - 1180px)/6));background:#0c2848;color:white}.info span{color:#54a0ff;font-weight:900}.info h2{font-size:25px}.info p{color:#c9d8e8}.region-promo{padding:80px 24px;background:var(--soft)}.region-promo>div{max-width:1180px;margin:auto}.region-promo h2{font-size:38px;margin:8px 0}.region-promo a{display:inline-block;margin-top:12px;color:var(--blue);font-weight:900}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{font-size:18px;font-weight:800;cursor:pointer}.faq p{color:var(--muted)}.cta{background:var(--red);color:#fff;padding:30px max(24px,calc((100% - 1180px)/2));align-items:center}.cta p{font-size:21px;font-weight:900;margin-right:auto}.cta a{border:1px solid #ffffff77;border-radius:8px;padding:10px 15px;font-weight:900}.subhero{padding:65px max(24px,calc((100% - 1180px)/2));background:var(--navy);color:#fff}.subhero>p{color:#77b7ff;font-weight:800}.subhero h1{font-size:clamp(36px,5vw,58px);line-height:1.2;margin:8px 0 16px;letter-spacing:-.05em}.subhero>strong{font-size:19px;color:#d4e3f4}.subhero .cta{padding:24px 0 0;background:transparent}.cause-grid,.local-services>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cause-grid>div,.local-services a{border:1px solid var(--line);padding:24px;border-radius:10px}.cause-grid b{color:var(--red)}.article{max-width:880px}.article p,.article li{font-size:17px;color:#445468}.local-services a{display:flex;flex-direction:column}.local-services a b{font-size:21px;color:var(--blue)}.local-services a span{color:var(--muted)}.all-regions{max-width:1180px;margin:60px auto;padding:0 24px}.all-regions section{margin-bottom:45px}.all-regions h2{font-size:27px}.region-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.region-grid a{padding:11px 12px;background:var(--soft);border-radius:6px;font-weight:700}.region-grid a:hover{background:#e1edff;color:var(--blue)}footer{padding:50px max(24px,calc((100% - 1180px)/2));background:#06182c;color:#fff}footer strong{font-size:24px}footer a{display:block;font-size:26px;font-weight:900;color:#ff4a42}footer small{display:block;color:#9aacc0;margin-top:16px}.mobile-bar{display:none}@media(max-width:800px){header{height:64px;padding:0 16px}.brand{font-size:21px}header nav,.head-call{display:none}.hero{padding:55px 20px 48px}.hero h1{font-size:41px}.hero>p{font-size:17px}.promise{grid-template-columns:1fr;margin:0 16px 45px}.promise>div:first-child,.promise>div:last-child{border-radius:0}.grid,.info,.cause-grid,.local-services>div{grid-template-columns:1fr}.info>div{padding:32px 22px}.region-promo h2{font-size:30px}.region-grid{grid-template-columns:repeat(2,1fr)}.subhero{padding:45px 20px}.subhero h1{font-size:38px}.cta{padding:25px 20px}.cta p{width:100%;margin:0 0 6px}.mobile-bar{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:20;box-shadow:0 -5px 25px #0002}.mobile-bar a{background:var(--navy);color:white;text-align:center;padding:14px;font-weight:900}.mobile-bar .call{background:var(--red)}body{padding-bottom:54px}}

.province-group{border:1px solid #dbe3ec;border-radius:12px;margin:12px 0;background:#fff;overflow:hidden}.province-group>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:19px 22px;font-size:20px;font-weight:900;cursor:pointer;background:#f3f7fb}.province-group>summary::-webkit-details-marker{display:none}.province-group>summary:after{content:'+';font-size:26px;color:#0757d8}.province-group[open]>summary:after{content:'−'}.province-group>summary span{margin-left:auto;margin-right:16px;color:#5e6b7b;font-size:14px}.province-group>.region-grid,.province-body{padding:18px}.town-group{border:1px solid #dbe3ec;border-radius:8px;padding:14px 16px;margin:10px 0}.town-group summary{font-weight:900;cursor:pointer;margin-bottom:10px}.all-regions hr{border:0;border-top:3px solid #071a2f;margin:70px 0}.nearby a{padding:10px 12px;background:#f3f7fb;border-radius:6px;color:#0757d8;font-weight:800}.long-copy{max-width:940px}.long-copy .kicker{color:#0757d8;font-weight:900}.long-copy h2{margin-top:42px}.long-copy p{font-size:18px;line-height:1.9}

.service-card{padding:0!important;overflow:hidden}.service-card img{display:block;width:100%;height:220px;object-fit:cover}.service-card .service-content{padding:22px 25px 26px}.service-card .service-content h3{margin-top:0}.center{text-align:center}.region-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 28px}.region-tab{border:1px solid #d5dde6;background:#fff;border-radius:7px;padding:11px 18px;min-width:82px;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 2px 6px #10203315}.region-tab.active{background:#0757d8;color:#fff;border-color:#0757d8}.region-panel{display:none}.region-panel.active{display:block}.region-panel>h2{text-align:center;font-size:27px;margin:28px 0}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promo-card{min-height:225px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #d1d8e0;box-shadow:0 3px 10px #10203316}.promo-card strong{font-size:30px;line-height:1.1;text-shadow:2px 2px 0 #102033,-1px -1px 0 #102033}.promo-card strong em{font-style:normal;color:#ffe61a}.promo-card b{font-size:27px;text-shadow:2px 2px 0 #102033}.promo-card mark{background:transparent;color:#eaff00;font-size:37px}.promo-card span{background:#07111e;border-radius:99px;padding:5px 26px;margin:9px 0;font-weight:900}.promo-card small{background:#fff;color:#273446;width:100%;padding:10px;margin-top:auto;font-weight:800}.tone-0{background:#ff6b20}.tone-1{background:#238ded}.tone-2{background:#55d900}.tone-3{background:#ffca21}.tone-4{background:#4324ed}.all-town-directory{margin-top:60px;border-top:3px solid #071a2f;padding-top:24px}.all-town-directory>summary{font-size:22px;font-weight:900;cursor:pointer;text-align:center}.all-town-directory>.province-group{margin-top:16px}@media(max-width:800px){.service-card img{height:190px}.region-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.region-tab{white-space:nowrap}.promo-grid{grid-template-columns:1fr 1fr;gap:9px}.promo-card{min-height:175px}.promo-card strong{font-size:23px}.promo-card b{font-size:20px}.promo-card mark{font-size:29px}.promo-card span{font-size:13px;padding:4px 14px}.promo-card small{font-size:12px}.province-group>summary{font-size:17px;padding:15px}}

.guide-hub{background:#06172c;color:#fff;padding:72px max(7vw,28px);border-top:7px solid #ef2b31}.guide-heading{text-align:center;margin-bottom:34px}.guide-heading span{color:#ff3b42;font-size:13px;font-weight:900;letter-spacing:.18em}.guide-heading h2{font-size:34px;margin:10px 0}.guide-heading p{color:#b7c4d4;margin:0}.guide-columns{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-columns article{background:#12243a;border:1px solid #33465c;border-radius:16px;padding:20px}.guide-columns article:first-child{border-color:#6d3d48}.guide-columns h3{display:flex;align-items:center;gap:10px;font-size:19px;margin:0 0 18px}.guide-columns h3 b{width:34px;height:34px;border-radius:50%;background:#ef3039;display:grid;place-items:center;font-size:12px}.guide-columns a{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#d9e1eb;padding:17px 0;border-top:1px solid #314258;font-size:15px;font-weight:700}.guide-columns a i{color:#ff3b42;font-style:normal;font-size:24px}.guide-all{display:block;width:max-content;margin:28px auto 0;color:#fff;border:1px solid #56697f;border-radius:8px;padding:12px 20px;font-weight:800}.floating-contact{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:50;width:174px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 14px 36px #071a2f33;border:1px solid #d8e0e9;text-align:center}.floating-contact strong,.floating-contact a{display:block;padding:17px 10px}.floating-contact strong{background:#071a2f;color:#fff}.floating-contact a{background:#0d315d;color:#fff;font-weight:900;border-top:1px solid #ffffff22}.floating-contact .float-call{background:#ef3039}.floating-contact .float-phone{background:#fff;color:#ef3039;font-size:17px}.guide-article{max-width:900px;margin:54px auto;padding:0 24px}.guide-article .breadcrumb{display:flex;gap:9px;color:#657284;font-size:14px;margin-bottom:25px}.guide-article>header{background:#071a2f;color:#fff;border-radius:18px;padding:44px}.guide-article>header p{color:#64a3ff;font-weight:900}.guide-article>header h1{font-size:38px;margin:9px 0 18px}.guide-article>header strong{font-size:19px;line-height:1.7;color:#d7e1ed}.guide-article>section{margin:42px 0}.guide-article>section h2{font-size:27px;color:#071a2f}.guide-article>section p,.guide-article>section li{font-size:17px;line-height:1.85;color:#354253}.answer-box{background:#edf5ff;border-left:5px solid #0757d8;padding:24px!important;border-radius:4px 12px 12px 4px}.answer-box p{margin-bottom:0}.step{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ef3039;color:#fff;font-weight:900}@media(max-width:1100px){.floating-contact{display:none}}@media(max-width:800px){.guide-hub{padding:52px 18px}.guide-columns{grid-template-columns:1fr}.guide-heading h2{font-size:28px}.guide-article{margin:30px auto;padding:0 17px}.guide-article>header{padding:28px 22px}.guide-article>header h1{font-size:29px}.guide-article>header strong{font-size:16px}}
.guide-title{background:#071a2f;color:#fff;border-radius:18px;padding:44px}.guide-title p{color:#64a3ff;font-weight:900}.guide-title h1{font-size:38px;margin:9px 0 18px}.guide-title strong{font-size:19px;line-height:1.7;color:#d7e1ed}@media(max-width:800px){.guide-title{padding:28px 22px}.guide-title h1{font-size:29px}.guide-title strong{font-size:16px}}
/* 지역별 실제 시공사례 */
.case-section{max-width:1180px;margin:54px auto;padding:0 22px}.case-head{margin-bottom:20px}.case-head>p{margin:0 0 6px;color:#0757d8;font-size:13px;font-weight:900;letter-spacing:.08em}.case-head h2{margin:0 0 10px;font-size:clamp(25px,3vw,38px);color:#071a2f}.case-head span{display:block;color:#5f6f80;line-height:1.7}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-card{overflow:hidden;border:1px solid #dbe3ec;border-radius:16px;background:#fff;box-shadow:0 8px 26px #0b315b12;transition:.2s}.case-card:hover{transform:translateY(-3px);border-color:#0757d8;box-shadow:0 15px 32px #0b315b20}.case-card>img{display:block;width:100%;height:220px;object-fit:cover;background:#eef3f8}.case-card>div{padding:18px}.case-card small{display:block;margin-bottom:8px;color:#0757d8;font-weight:800}.case-card h3{margin:0 0 10px;color:#071a2f;font-size:20px;line-height:1.42}.case-card p{margin:0 0 14px;color:#5f6f80;line-height:1.65}.case-card b{color:#ef2b25}.case-detail{max-width:980px;margin:42px auto;padding:0 22px}.case-detail>.kicker{color:#0757d8;font-weight:900}.case-detail>h1{font-size:clamp(30px,5vw,52px);line-height:1.22;color:#071a2f}.case-summary{font-size:19px;line-height:1.75;color:#536579}.case-detail figure{margin:30px 0}.case-detail figure img{display:block;width:100%;max-height:680px;object-fit:contain;border-radius:18px;background:#eef3f8}.case-detail figcaption{margin-top:8px;color:#69798a}.case-detail>section{margin:42px 0}.case-detail dl{display:grid;gap:12px}.case-detail dl div{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:18px;border-radius:12px;background:#f3f7fb}.case-detail dt{font-weight:900;color:#0757d8}.case-detail dd{margin:0;color:#24364a}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.case-gallery img{display:block;width:100%;height:300px;object-fit:cover;border-radius:14px;background:#eef3f8}
@media(max-width:800px){.case-section{margin:38px auto;padding:0 16px}.case-grid{grid-template-columns:1fr}.case-card>img{height:210px}.case-detail{padding:0 16px}.case-detail dl div{grid-template-columns:1fr;gap:6px}.case-gallery{grid-template-columns:1fr}.case-gallery img{height:auto;max-height:420px;object-fit:contain}}

.hero{
  min-height:590px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background-image:linear-gradient(90deg,#06182c 0%,#082a52f2 42%,#093f7aaa 67%,#0757d833 100%),url('/assets/hero-drain-service.webp');
  background-color:#06182c;
  background-size:cover,auto 84%;
  background-position:center,right center;
  background-repeat:no-repeat;
}
.hero h1,.hero>p,.hero .eyebrow,.hero .hero-actions,.hero .chips{position:relative;z-index:1}
.hero h1{max-width:1050px;font-size:clamp(39px,5vw,68px)}
.hero>p{max-width:700px}
@media(max-width:800px){
  .hero{
    min-height:560px;
    background-image:linear-gradient(90deg,#06182cf7 0%,#082a52e8 100%),url('/assets/hero-drain-service.webp');
    background-size:cover,auto 68%;
    background-position:center,right center;
  }
}