
:root{--ink:#10151d;--blue:#145cff;--blue2:#09369d;--paper:#f5f7fb;--line:#dce2ea;--muted:#5e6978;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,"Noto Sans KR",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--ink);color:#fff;font-size:18px}nav{display:flex;gap:30px;font-size:14px;font-weight:700;color:#3f4855}.header-call{padding:10px 15px;border-radius:999px;background:#eaf0ff;color:var(--blue2);font-weight:800;font-size:14px}.hero{max-width:1280px;min-height:650px;margin:auto;padding:58px 50px 54px;display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.13em}.hero h1{margin:0;font-size:clamp(42px,5.1vw,74px);line-height:1.08;letter-spacing:-.065em}.hero h1 em{color:var(--blue);font-style:normal}.lead{max-width:560px;margin:25px 0 0;color:var(--muted);font-size:18px;word-break:keep-all}.hero-actions{display:flex;gap:10px;margin-top:31px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:51px;padding:0 22px;border-radius:12px;font-weight:900}.button.primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(20,92,255,.25)}.button.ghost{border:1px solid var(--line);background:#fff}.microcopy{color:#7b8490;font-size:13px}.hero-visual{margin:0;position:relative;border-radius:28px;overflow:hidden;background:var(--paper);box-shadow:0 24px 65px rgba(26,38,61,.15)}.hero-visual img{display:block;width:100%;aspect-ratio:1.28;object-fit:cover}.hero-visual figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:13px 16px;border-radius:13px;background:rgba(13,20,31,.79);color:#fff;font-size:13px;backdrop-filter:blur(8px)}.proof-strip{max-width:1180px;margin:0 auto 70px;padding:24px 30px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:19px;background:var(--paper)}.proof-strip div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.proof-strip div:last-child{border:0}.proof-strip strong{font-size:25px;letter-spacing:-.04em}.proof-strip span{color:var(--muted);font-size:13px}.section{max-width:1180px;margin:auto;padding:90px 0}.section-heading{max-width:670px}.section-heading h2,.answer-band h2,.contact h2{margin:0;font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-.055em}.section-heading>p:last-child{color:var(--muted);font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:40px}.service-card{min-height:280px;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.2s}.service-card:hover{transform:translateY(-4px);border-color:#9cb7ff;box-shadow:0 15px 40px rgba(30,51,82,.09)}.service-card>span{color:var(--blue);font-weight:900;font-size:12px}.service-card h3{margin:49px 0 10px;font-size:23px;letter-spacing:-.04em}.service-card p{color:var(--muted);font-size:15px}.service-card a{display:block;margin-top:25px;font-weight:800;font-size:14px}.service-card b{color:var(--blue)}.answer-band{background:var(--ink);color:#fff;padding:95px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.eyebrow.light{color:#7da5ff}.qa-list{border-top:1px solid #3b4553}details{padding:20px 0;border-bottom:1px solid #3b4553}summary{cursor:pointer;font-size:18px;font-weight:800}details p{color:#bfc7d2;margin:12px 0 0}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:38px}.archive-card{padding:24px;border-radius:17px;background:var(--paper)}.archive-card span{color:var(--muted);font-size:12px}.archive-card h3{min-height:50px;margin:12px 0 30px;font-size:18px}.archive-card strong{font-size:35px;color:var(--blue)}.archive-card small{color:var(--muted);font-size:13px;margin-left:4px}.archive-note{margin-top:18px;color:var(--muted);font-size:14px}.contact{margin:40px auto 0;max-width:1180px;padding:62px;border-radius:26px;background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:28px 70px}.contact ol{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none}.contact li{display:flex;align-items:center;gap:9px}.contact li span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);font-size:12px;font-weight:900}.button.white{width:max-content;background:#fff;color:var(--blue2)}footer{max-width:1180px;margin:75px auto 0;padding:35px 0 55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;color:var(--muted);font-size:13px}footer strong{color:var(--ink);font-size:17px}.footer-meta{text-align:right}.footer-meta p,footer p{margin:3px 0}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding:55px 24px 34px}.hero-visual{order:-1}.hero-visual img{aspect-ratio:1.55}.proof-strip{margin:20px 24px 45px;grid-template-columns:1fr 1fr;gap:22px 0}.proof-strip div:nth-child(2){border:0}.section{padding:70px 24px}.service-grid,.archive-grid{grid-template-columns:1fr 1fr}.answer-band{grid-template-columns:1fr;gap:38px}.contact{margin:25px 24px 0;grid-template-columns:1fr;padding:37px 25px}footer{margin:55px 24px 0}}
@media(max-width:560px){.site-header{padding:0 15px;height:66px}.brand span:last-child{font-size:15px}.header-call{font-size:0;width:42px;height:42px;padding:0}.header-call:after{content:"전화";font-size:12px}.hero{padding-top:28px;gap:31px}.hero-visual img{aspect-ratio:1.3}.hero h1{font-size:42px}.lead{font-size:16px}.hero-actions{flex-direction:column}.proof-strip{padding:22px 8px}.proof-strip strong{font-size:21px}.proof-strip span{font-size:11px}.service-grid,.archive-grid{grid-template-columns:1fr}.service-card{min-height:auto}.service-card h3{margin-top:28px}.answer-band{padding:70px 24px}.contact ol{grid-template-columns:1fr}footer{flex-direction:column}.footer-meta{text-align:left}}
.detail-page{min-height:100vh;background:#fff}.detail-hero{max-width:980px;margin:auto;padding:100px 24px 70px}.detail-hero.compact{padding-bottom:40px}.breadcrumb{display:inline-block;margin-bottom:50px;color:var(--muted);font-size:14px;font-weight:800}.detail-hero h1{margin:0;font-size:clamp(46px,7vw,82px);line-height:1;letter-spacing:-.07em}.detail-hero>p:last-of-type{max-width:730px;margin:25px 0 32px;color:var(--muted);font-size:19px}.answer-box{max-width:980px;margin:0 auto;padding:34px 40px;border-radius:22px;background:var(--ink);color:#fff}.answer-box span{color:#7da5ff;font-size:12px;font-weight:900;letter-spacing:.12em}.answer-box p{margin:12px 0 0;font-size:21px;line-height:1.7;word-break:keep-all}.detail-grid{max-width:980px;margin:80px auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.detail-grid h2{font-size:31px;letter-spacing:-.04em}.check-list{list-style:none;padding:0;margin:30px 0}.check-list li{display:flex;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.check-list b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eaf0ff;color:var(--blue);font-size:12px}.detail-grid details{border-color:var(--line)}.detail-grid details p{color:var(--muted)}.mini-contact{max-width:980px;margin:40px auto 80px;padding:48px;border-radius:24px;background:var(--blue);color:#fff}.mini-contact h2{margin:0;font-size:34px;letter-spacing:-.04em}.mini-contact p{margin:7px 0 23px;color:#dce6ff}.answer-library{max-width:980px;margin:0 auto 90px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.answer-library article{padding:30px;border:1px solid var(--line);border-radius:19px}.answer-library article>p{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.12em}.answer-library h2{margin:5px 0 25px;font-size:27px}.answer-library strong,.answer-library span{display:block}.answer-library span{margin:9px 0 24px;color:var(--muted);font-size:14px}.answer-library a{font-weight:900;color:var(--blue)}
@media(max-width:760px){.detail-hero{padding-top:65px}.breadcrumb{margin-bottom:32px}.answer-box{margin:0 24px;padding:28px 24px}.answer-box p{font-size:17px}.detail-grid,.answer-library{grid-template-columns:1fr;gap:35px}.mini-contact{margin:25px 24px 60px;padding:32px 24px}}
.featured-case{padding-top:45px}.featured-case-card{margin-top:38px;display:grid;grid-template-columns:1.15fr .85fr;min-height:460px;border-radius:24px;overflow:hidden;background:var(--ink);color:#fff}.featured-case-card img{width:100%;height:100%;object-fit:cover}.featured-case-card>div{padding:52px 44px;display:flex;flex-direction:column;justify-content:center}.featured-case-card span{color:#7da5ff;font-size:12px;font-weight:900}.featured-case-card h3{margin:17px 0;font-size:34px;line-height:1.18;letter-spacing:-.05em}.featured-case-card p{color:#c5ccd6}.featured-case-card strong{margin-top:24px}.case-page{background:#fff}.case-hero{max-width:1080px;margin:auto;padding:90px 24px 50px}.case-hero h1{margin:0;font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-.065em}.case-lead{max-width:760px;color:var(--muted);font-size:19px}.case-summary{margin-top:42px;padding:22px 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-summary div{padding:0 20px;border-right:1px solid var(--line)}.case-summary div:first-child{padding-left:0}.case-summary div:last-child{border:0}.case-summary span,.case-summary strong{display:block}.case-summary span{color:var(--muted);font-size:12px}.case-summary strong{margin-top:5px;font-size:17px}.case-cover{max-width:1180px;margin:0 auto 95px}.case-cover img{display:block;width:100%;max-height:760px;object-fit:cover;border-radius:28px}.case-cover figcaption,.case-photo-pair figcaption{margin-top:8px;color:var(--muted);font-size:13px}.case-content{max-width:980px;margin:auto;padding:0 24px}.case-intro{margin-bottom:110px;padding:48px;border-left:5px solid var(--blue);background:var(--paper)}.case-intro h2,.case-step h2,.included-box h2,.case-faq h2{margin:0;font-size:clamp(29px,4vw,44px);line-height:1.2;letter-spacing:-.05em}.case-intro>p:last-child,.case-step>div:first-child>p:last-child{color:var(--muted);font-size:17px}.case-step{margin:0 0 120px;display:grid;grid-template-columns:.68fr 1.32fr;gap:55px;align-items:center}.case-step.reverse>div:first-child{order:2}.case-step>div:first-child>span{display:block;margin-bottom:45px;color:#c9d2df;font-size:48px;font-weight:900}.case-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.case-photo-pair figure{margin:0}.case-photo-pair img{display:block;width:100%;aspect-ratio:.75;object-fit:cover;border-radius:18px}.included-box{margin:0 0 100px;padding:48px;border-radius:25px;background:var(--ink);color:#fff}.included-box ul{margin:30px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;list-style:none}.included-box li:before{content:"✓";margin-right:9px;color:#7da5ff;font-weight:900}.included-box>p{margin:32px 0 0;padding-top:25px;border-top:1px solid #384352}.included-box>p strong{margin-left:8px;font-size:25px}.included-box small{display:block;color:#b8c0cb}.case-faq{margin-bottom:100px}.case-faq details{border-color:var(--line)}.case-faq details p{color:var(--muted)}
@media(max-width:760px){.featured-case-card{grid-template-columns:1fr}.featured-case-card img{height:310px}.featured-case-card>div{padding:32px 25px}.featured-case-card h3{font-size:28px}.case-hero{padding-top:55px}.case-summary{grid-template-columns:1fr 1fr;gap:20px 0}.case-summary div:nth-child(2){border:0}.case-cover{margin:0 16px 70px}.case-cover img{border-radius:18px}.case-intro{margin-bottom:75px;padding:30px 24px}.case-step{grid-template-columns:1fr;gap:28px;margin-bottom:80px}.case-step.reverse>div:first-child{order:0}.case-step>div:first-child>span{margin-bottom:20px;font-size:36px}.case-photo-pair{gap:8px}.included-box{padding:34px 24px}.included-box ul{grid-template-columns:1fr}}
.featured-case-list{display:grid;gap:20px}.featured-case-list .featured-case-card{margin-top:38px}.featured-case-list .featured-case-card+.featured-case-card{margin-top:0}

/* Static article content */
.case-markdown{max-width:980px;margin:0 auto;padding:0 24px 70px}.case-markdown h2{margin:70px 0 14px;font-size:clamp(27px,4vw,40px);line-height:1.2;letter-spacing:-.05em}.case-markdown p{color:#45505f;font-size:17px;line-height:1.85}.case-markdown figure{margin:24px 0 45px}.case-markdown figure img{display:block;width:100%;max-height:680px;object-fit:cover;border-radius:18px}.case-markdown figcaption{margin-top:8px;color:#5e6978;font-size:13px}.case-markdown ul{color:#45505f;line-height:1.9}.case-markdown h2+p{margin-top:0}.case-page footer{padding:30px 24px}
/* Expanded navigation and content */
body{padding-bottom:90px}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e78420;outline-offset:4px}.fixed-contact{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:center;gap:12px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line)}.fixed-contact>a,.fixed-contact>span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:310px;border-radius:10px;background:var(--blue);color:white;font-weight:800}.fixed-contact .kakao{background:#fee500;color:#302919}.pending small{font-weight:400}.page-content{max-width:1180px;margin:0 auto;padding:20px 24px 70px}.page-content>h2{margin-top:65px}.page-content .service-grid{grid-template-columns:repeat(3,1fr);margin-top:0}.starting-price{font-weight:800;color:var(--blue)!important}.region-links{display:flex;gap:12px;flex-wrap:wrap}.region-links a{border:1px solid var(--line);padding:12px 18px;border-radius:10px}.project-grid,.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card,.guide-card{display:block;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper)}.project-card img{display:block;width:100%;height:300px;object-fit:cover}.project-card>div,.guide-card{padding:28px}.project-card h2,.guide-card h2{font-size:24px;line-height:1.4;letter-spacing:-.04em}.project-card p,.guide-card p{color:var(--muted)}.project-card span,.guide-card span{color:var(--blue);font-weight:700}[hidden]{display:none!important}.case-filters{display:flex;align-items:end;gap:18px;flex-wrap:wrap;background:var(--paper);padding:22px;border-radius:16px}.case-filters label{display:grid;gap:8px;flex:1;min-width:180px;font-weight:700}select,button{font:inherit;min-height:46px;border:1px solid var(--line);border-radius:8px;background:white;padding:8px 12px}button{cursor:pointer}.faq-list,.guide-body{max-width:820px}.faq-list details{border-color:var(--line)}.faq-list details p{color:var(--muted)}.guide-body h2{margin-top:42px}.contact-panel{background:var(--paper);padding:32px;border-radius:20px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.trust-grid article{border-top:3px solid var(--blue);padding:12px}.trust-grid h2{font-size:23px}
@media(max-width:1100px){.site-header{padding:12px 20px;height:auto;flex-wrap:wrap;gap:12px}.site-header nav{display:flex;order:3;width:100%;overflow-x:auto;gap:24px;padding-bottom:4px;white-space:nowrap}.page-content .service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.project-grid,.guide-grid,.page-content .service-grid,.trust-grid{grid-template-columns:1fr}.detail-hero h1{font-size:40px;line-height:1.2;overflow-wrap:anywhere}.fixed-contact{gap:8px;padding-left:10px;padding-right:10px}.fixed-contact>a,.fixed-contact>span{font-size:13px;gap:3px}.fixed-contact .pending{flex-direction:column;gap:0}.project-card img{height:245px}.contact-panel{padding:22px}.site-header nav{gap:21px;font-size:13px}.page-content{padding-left:20px;padding-right:20px}}
.hero h1{font-size:clamp(38px,4vw,58px);word-break:keep-all}.section-heading h2,.contact h2,.answer-band h2{word-break:keep-all}.services .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.hero h1{font-size:38px}.services .service-grid{grid-template-columns:1fr}}
