@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#152b35;--sub:#506776;--teal:#007e83;--mint:#ddf5f0;--pale:#f3f8fa;--line:#e0e8e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans KR',system-ui,-apple-system,sans-serif;line-height:1.75;font-size:16px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.narrow{max-width:1000px}.top{background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.nav{height:70px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-weight:900;font-size:19px;display:flex;align-items:center;gap:10px}.brandicon{display:inline-grid;place-items:center;border-radius:12px;width:34px;height:34px;background:var(--teal);color:white;font-size:22px}.navlink{font-size:14px;color:var(--sub)}.hero{background:linear-gradient(125deg,#ecfaf5,#e9f2fa 70%,#d8ebe8);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.35fr .65fr;min-height:520px;align-items:center;gap:50px;padding:75px 0}.eyebrow,.kicker{font-weight:900;color:#007e83;letter-spacing:.07em;font-size:13px}.hero h1{font-size:clamp(38px,5.2vw,64px);line-height:1.24;letter-spacing:-.055em;margin:12px 0 20px;font-weight:900}.lead{font-size:19px;line-height:1.85;max-width:630px;margin:0 0 15px}.disclaimer{font-size:13px;color:#496674;max-width:615px}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.btn{display:inline-block;padding:13px 21px;border-radius:12px;font-weight:800;text-align:center;border:1px solid transparent;box-shadow:0 4px 13px #194f4c0b}.btn.primary{background:var(--teal);color:#fff}.btn.secondary{background:white;color:#00686b;border-color:#a4d6ce}.btn.light{background:#f0f7f6;color:#166b6c}.subactions{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;font-size:14px;color:#11616b;text-decoration:underline;text-underline-offset:4px}.hero-art{min-height:385px;display:flex;align-items:center;justify-content:center;position:relative}.phone{width:232px;height:402px;background:#fff;border:9px solid #1e444e;border-radius:37px;box-shadow:20px 25px 55px #1463742c;transform:rotate(7deg);padding:15px}.speaker{width:48px;height:5px;background:#bbcdce;border-radius:10px;margin:0 auto 22px}.screen{background:linear-gradient(#edf9f4,#fff);height:326px;border-radius:18px;padding:19px 15px}.screenmark{font-weight:900;color:var(--teal);font-size:14px}.screen-title{font-size:18px;font-weight:900;line-height:1.5;margin:21px 0}.screen-chip{border-radius:10px;background:white;border:1px solid #d6eae4;padding:9px;margin:8px 0;color:#26717a;font-size:13px;font-weight:700}.floatbadge{position:absolute;bottom:35px;right:0;background:#fff;border-radius:14px;padding:13px 16px;box-shadow:0 12px 35px #19556124;font-size:13px;font-weight:800}.section{padding:74px 0}.quick{padding:55px 0 15px}.section h2,.quick h2,.bottom h2{font-size:clamp(25px,3vw,36px);line-height:1.35;letter-spacing:-.04em;margin:8px 0 24px}.intro{color:var(--sub);max-width:820px;margin-bottom:25px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{display:flex;flex-direction:column;gap:10px;border:1px solid #dce9e9;border-radius:18px;padding:24px;background:white;box-shadow:0 7px 25px #184a4907}.tile strong{font-size:19px}.tile span:last-child{color:#0d777b;font-size:14px}.glyph{background:#dcf4ee;color:#047980;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.steps article{padding:24px;border:1px solid var(--line);border-radius:18px;display:flex;gap:18px}.steps article>b{display:grid;place-items:center;background:var(--teal);color:white;border-radius:12px;min-width:38px;height:38px}.steps h3,.panel h3,.tips h3{font-size:18px;margin:0 0 7px}.steps p,.panel p,.tips p{margin:0;color:var(--sub);font-size:15px}.band{background:var(--pale)}.two{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:28px}.textlink{display:inline-block;color:var(--teal);font-weight:800;font-size:14px;margin-top:16px}.tips{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 35px}.tips>div{border-top:3px solid #cce9e5;padding-top:18px}.faq-section{background:#f5f8f7}details{border-bottom:1px solid #d5e3e1;padding:17px 0}details summary{font-weight:800;cursor:pointer}details p{color:var(--sub);margin:12px 0 0}.bottom{text-align:center;padding:70px 0 80px}.bottom p{color:var(--sub)}.buttons.center{justify-content:center}footer{background:#142f37;color:#d1e1e3}.foot{padding:28px 0;display:flex;justify-content:space-between;gap:30px;font-size:13px}.foot strong{color:white}.foot p{margin:6px 0;color:#b1cbd0}@media(max-width:800px){.hero-inner{grid-template-columns:1fr;padding:50px 0 60px}.hero-art{min-height:255px}.phone{transform:rotate(4deg) scale(.74);margin:-50px auto}.floatbadge{right:15%;bottom:5px}.cards,.steps,.two,.tips{grid-template-columns:1fr}.foot{flex-direction:column}.hero h1{font-size:42px}}@media(max-width:480px){.wrap{width:min(100% - 30px,1120px)}.btn{width:100%}.navlink{display:none}.hero h1{font-size:36px}.lead{font-size:17px}.section{padding:55px 0}.hero-inner{gap:15px}}