@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Noto Sans KR',Arial,sans-serif;color:#101820;background:#f3f6f8}a{text-decoration:none;color:inherit}.wrap{width:min(calc(100% - 48px),1220px);margin:auto}.section{padding:120px 0}
header{height:70px;position:fixed;z-index:50;inset:0 0 auto;background:#040a10ed;color:#fff;border-bottom:1px solid #fff2}.nav{height:70px;width:min(calc(100% - 48px),1220px);margin:auto;display:flex;align-items:center;gap:45px}.brand img{width:175px;height:auto;display:block;filter:brightness(0) invert(1)}nav{display:flex;justify-content:center;gap:44px;flex:1;font-size:13px;font-weight:600}nav a:hover{color:#42a0e8}.cta{border:1px solid #fff8;border-radius:18px;padding:5px 21px;font-size:11px}.menu{display:none}
.hero{height:100vh;min-height:650px;position:relative;display:flex;align-items:center;background:#07111b;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#02070de8,#02070d40),url('../img/hero.svg') center/cover}.hero-in{position:relative;z-index:2;width:min(calc(100% - 48px),1220px);margin:auto}.kicker{color:#42a0e8;font-size:12px;letter-spacing:.15em;font-weight:700}.hero h1{font-size:clamp(45px,6vw,78px);line-height:1.1;margin:12px 0}.hero h1 strong{font-weight:800}.hero p:not(.kicker){color:#c5d0da;font-size:14px}.btn{display:inline-block;border:1px solid #fff8;padding:10px 20px;font-size:12px;margin-top:18px}.scroll{position:absolute;z-index:2;bottom:25px;left:50%;transform:translateX(-50%);text-align:center;font-size:9px;letter-spacing:.2em;color:#aab7c2}
.white{background:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section h2,.board h2{font-size:clamp(38px,4.5vw,60px);line-height:1.2;letter-spacing:-.055em;margin:0}.copy{padding-top:45px}.copy h3{font-size:22px;line-height:1.55}.copy p,.title>p:last-child{color:#6d7882}.equip{background:#f1f4f7}.title{margin-bottom:55px}.equip-grid,.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.card,.product{background:#fff;border:1px solid #dce2e7;box-shadow:0 8px 25px #1020300b;overflow:hidden}.card img,.product img{aspect-ratio:1.2;object-fit:cover}.card div,.product div{padding:14px}.card small,.product small{color:#1976d2;font-size:9px;font-weight:800;letter-spacing:.12em}.card h3,.product h3{font-size:16px;margin:3px 0}.card p,.product p{font-size:11px;color:#6d7882;margin:0}.products{background:#07131f;color:#fff}.products .title>p:last-child{color:#8da0b1}.product{background:#0d1d2c;border-color:#ffffff22}.product:hover{transform:translateY(-5px);border-color:#1976d2}
.board{padding:95px 0;background:#0d1b28;color:#fff}.board-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:center}.board p{color:#99a9b7;font-size:13px}.mini{border-top:1px solid #fff5}.mh,.mini a{display:grid;grid-template-columns:70px 1fr 105px;gap:15px;padding:13px 8px;border-bottom:1px solid #fff2;font-size:12px}.mh{color:#81909d;font-size:9px}.mini a:hover{background:#fff1}.mini time{color:#7f8c98}.info{padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.info small{color:#1976d2;font-size:9px;letter-spacing:.15em;font-weight:800}.info p{font-size:13px}footer{background:#050a10;color:#7f8a94;padding:30px 0}.foot{display:flex;justify-content:space-between;align-items:center}.foot img{width:180px;filter:brightness(0) invert(1)}.foot p{font-size:10px}.reveal{opacity:0;transform:translateY(24px);transition:.75s}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){nav{gap:18px}.equip-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.board-grid{grid-template-columns:1fr;gap:40px}}@media(max-width:700px){.nav{height:62px}.menu{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:23px}nav{display:none;position:absolute;top:62px;left:0;right:0;background:#07111b;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:14px 24px;border-bottom:1px solid #fff1}.cta{display:none}.section{padding:85px 0}.split{grid-template-columns:1fr;gap:25px}.copy,.info{padding-top:0}.equip-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.foot{display:block}.foot p{margin-top:20px}}@media(max-width:430px){.wrap,.nav,.hero-in{width:calc(100% - 32px)}.brand img{width:150px}.equip-grid,.product-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.mini a,.mh{grid-template-columns:45px 1fr 75px;font-size:10px}}