
:root{--deep:#0d2a66;--ink:#0f172a;--brand:#0f5bd6;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans KR','Malgun Gothic',Arial,sans-serif;color:var(--ink);line-height:1.55;background:#fff}

/* Topbar + Navbar */
.topbar{background:var(--deep);color:#fff;font-size:14px;padding:6px 40px;display:flex;justify-content:flex-end;gap:18px}
.topbar a{color:#cfe6ff;text-decoration:none}
.navbar{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:12px 48px;border-bottom:2px solid #e9edf5;position:sticky;top:0;z-index:999}
.logo img{height:52px;width:auto;display:block}
.menu ul{list-style:none;display:flex;gap:36px}
.menu a{text-decoration:none;color:var(--ink);font-weight:700;font-size:17px}
.menu a:hover{color:var(--brand)}
.lang select{font-size:15px;padding:4px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff}

/* Hero */
.hero{position:relative;min-height:78vh;overflow:hidden;border-bottom:1px solid #e9edf5}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 16%}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.03) 35%,rgba(0,0,0,0) 60%)}
.card{position:absolute;right:10vw;top:46%;transform:translateY(-50%);background:rgba(255,255,255,.92);border-radius:16px;padding:clamp(18px,2.4vw,28px) clamp(22px,3vw,34px);max-width:min(560px,44vw);box-shadow:0 12px 36px rgba(0,0,0,.14)}
.card h1{margin:0 0 10px 0;font-weight:800;letter-spacing:-.015em;color:#17324d;font-size:clamp(28px,4.3vw,56px);line-height:1.12}
.card p{margin:0;color:#1d2b3a;font-size:clamp(14px,1.6vw,18px)}

/* Mobile */
@media(max-width:900px){
  .navbar{flex-direction:column;gap:10px;padding:10px 16px}
  .menu ul{flex-wrap:wrap;gap:18px;justify-content:center}
  .logo img{height:44px}
  .hero{min-height:64vh}
  .hero .bg{object-position:center 22%}
  .card{right:6vw;left:6vw;top:auto;bottom:8vh;transform:none}
}
