:root{--navy:#071a35;--navy2:#0b2547;--cyan:#06d5ee;--blue:#0a5e9c;--ink:#142941;--muted:#66788d;--line:#dfe7ef;--bg:#f5f8fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans KR",sans-serif;color:var(--ink);background:#fff}
header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #e7edf3;background:#fff;position:sticky;top:0;z-index:30}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.06em;color:#0a4c82}.logo img{width:48px;height:48px;object-fit:contain}.logo span{font-size:22px}
nav{display:flex;gap:26px}nav a{font-size:13px;font-weight:700;color:#24384e}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr;background:var(--navy);overflow:hidden}
.hero-copy{display:flex;align-items:center;padding:8vw;color:#fff}.hero-copy>div{max-width:600px}
.kicker{font-size:12px;letter-spacing:.2em;font-weight:800;color:var(--cyan)}
h1{font-size:clamp(54px,6.5vw,92px);line-height:.93;margin:18px 0}h1 em{font-style:normal;color:var(--cyan)}
.hero h2{font-size:30px;margin:0 0 18px}.hero p{font-size:17px;line-height:1.8;color:#cbd8e5}
.buttons{margin-top:28px}.btn{display:inline-block;padding:15px 25px;background:var(--cyan);color:#031a31;font-weight:800;margin-right:10px}.btn.alt{background:transparent;color:#fff;border:1px solid #7390aa}
.hero-image{position:relative;min-height:600px;background:#0b2a4d}.hero-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.section{padding:95px 7vw}.light{background:var(--bg)}.dark{background:var(--navy);color:#fff}
.center{text-align:center;max-width:820px;margin:0 auto 48px}.center h2{font-size:42px;margin:10px 0}.center p{line-height:1.8;color:var(--muted)}.dark .center p{color:#c1cfde}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.card{padding:32px;background:#fff;border:1px solid var(--line);min-height:185px}.card h3{margin:0 0 13px;font-size:19px}.card p{margin:0;line-height:1.7;color:var(--muted);font-size:14px}
.dark .card{background:#0c294b;border-color:#1c4268}.dark .card p{color:#c2d0de}
.image-panel{overflow:hidden;background:#fff}.image-panel img{width:100%;height:330px;display:block;object-fit:cover}.image-panel .copy{padding:25px}.image-panel h3{margin:0 0 9px}.image-panel p{margin:0;color:var(--muted);line-height:1.7}
.feature{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.feature img{width:100%;display:block;max-height:520px;object-fit:cover}.feature h2{font-size:43px;margin:12px 0 18px}.feature p{color:var(--muted);line-height:1.9}
footer{background:#06162c;color:#aebfd1;padding:30px 7vw;font-size:12px}
@media(max-width:900px){header{height:auto;flex-wrap:wrap;padding:13px 5vw}nav{width:100%;overflow:auto;gap:18px;padding-top:10px}nav a{white-space:nowrap}.hero{grid-template-columns:1fr}.hero-image{min-height:430px}.grid4,.grid2,.feature{grid-template-columns:1fr}.section{padding:65px 5vw}.center h2{font-size:34px}.feature h2{font-size:35px}}