@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#07080b;--panel:#101218;--panel2:#151820;--text:#f8f8fa;--muted:#aeb2bd;--gold:#e7b96b;--gold2:#fff0ca;--line:rgba(255,255,255,.09);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans KR",sans-serif;line-height:1.75}a{text-decoration:none;color:inherit}img{display:block;width:100%;height:auto}.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.header{position:sticky;top:0;z-index:1000;background:rgba(7,8,11,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:21px;font-weight:900;letter-spacing:-1px}.logo b{color:var(--gold)}.nav{display:flex;gap:4px}.nav a{font-size:13px;color:#c9ccd4;padding:9px 11px;border-radius:8px}.nav a:hover,.nav a.active{color:var(--gold);background:rgba(231,185,107,.09)}.call{background:var(--gold);color:#17120a;padding:10px 16px;border-radius:9px;font-weight:900;white-space:nowrap}
.hero{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 30%,rgba(231,185,107,.18),transparent 32%),linear-gradient(90deg,#07080b 0%,rgba(7,8,11,.86) 46%,rgba(7,8,11,.25) 100%),var(--hero-bg);background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-content{position:relative;z-index:1;max-width:760px;padding:100px 0}.eyebrow{font-size:12px;letter-spacing:2.2px;color:var(--gold);font-weight:900;margin-bottom:16px}.hero h1{font-size:clamp(43px,6.5vw,76px);line-height:1.08;letter-spacing:-4px;margin:0 0 24px}.hero h1 span{color:var(--gold)}.hero p{max-width:670px;color:#d3d5db;font-size:17px;line-height:1.9;margin:0}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 23px;border-radius:9px;font-weight:900}.btn-primary{background:var(--gold);color:#17120a}.btn-ghost{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05)}
.section{padding:100px 0}.section.dark{background:#0b0d12}.kicker{font-size:12px;color:var(--gold);font-weight:900;letter-spacing:1.8px}.title{max-width:760px;margin-bottom:44px}.title h2{font-size:clamp(30px,4vw,45px);line-height:1.25;letter-spacing:-2.4px;margin:9px 0 13px}.title p{margin:0;color:var(--muted)}
.breadcrumb{padding:18px 0;color:#8e929c;font-size:13px}.breadcrumb span{color:var(--gold);margin-left:8px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.thumb{aspect-ratio:16/10;overflow:hidden}.thumb img{height:100%;object-fit:cover;transition:.5s}.card:hover img{transform:scale(1.04)}.card-body{padding:26px}.card h3{margin:0 0 9px;font-size:20px}.card p{margin:0;color:var(--muted);font-size:14px}
.copy{color:#c9ccd4;font-size:16px}.copy p{margin:0 0 19px}.copy strong{color:#fff}.feature{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.feature img{aspect-ratio:16/10;object-fit:cover}
.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.info{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--panel)}.info div{padding:27px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.info div:nth-child(2n){border-right:0}.info div:nth-last-child(-n+2){border-bottom:0}.info b{display:block;color:var(--gold);font-size:12px;letter-spacing:1px;margin-bottom:5px}.info span{color:#d2d4da}
.faq{display:grid;gap:10px}.faq details{padding:20px 22px;border:1px solid var(--line);background:var(--panel);border-radius:10px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);margin:15px 0 0}
.cta{padding:70px 30px;text-align:center;border:1px solid rgba(231,185,107,.22);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(231,185,107,.16),transparent 45%),var(--panel)}.cta h2{font-size:34px;margin:0 0 10px;letter-spacing:-1.5px}.cta p{color:var(--muted);margin:0 0 25px}
.footer{padding:55px 0 105px;border-top:1px solid var(--line);background:#06070a}.footer .logo{margin-bottom:12px}.footer p{font-size:13px;color:#777c87}.footer-nav{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0;color:#aeb2bd;font-size:13px}.mobile-call{display:none}
@media(max-width:900px){.nav{display:none}.hero{min-height:610px}.grid3,.grid2,.split{grid-template-columns:1fr}.info{grid-template-columns:1fr}.info div,.info div:nth-child(2n),.info div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.info div:last-child{border-bottom:0}.section{padding:72px 0}.mobile-call{display:flex;position:fixed;z-index:2000;bottom:0;left:0;right:0;min-height:61px;align-items:center;justify-content:center;background:var(--gold);color:#17120a;font-weight:900}.footer{padding-bottom:90px}}
@media(max-width:600px){.container{width:min(calc(100% - 28px),var(--max))}.header-inner{height:64px}.call{padding:8px 11px;font-size:12px}.hero{min-height:570px}.hero-content{padding:75px 0}.hero h1{font-size:42px;letter-spacing:-2.5px}.hero p{font-size:15px}.actions{flex-direction:column}.btn{width:100%}.section{padding:62px 0}}
