/* 영문 회사 소개(초안 v1, 2026-10-11). 브랜드: Paper 바탕, Navy 글자, Deep Gold는 포인트만. 사진과 아이콘을 쓰지 않는다 */
:root { --paper:#F6F4EF; --ivory:#EDEAE0; --navy:#101B31; --ink:#070C17; --dim:#4A5468; --gold:#A98F5D; --line:#D9D4C6; --card:#FFFFFF; }
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:var(--paper); color:var(--navy); font-family:"Pretendard","Jost","Segoe UI",system-ui,sans-serif; font-size:18px; line-height:1.75; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.wrap { max-width:1080px; margin:0 auto; padding:0 28px; }
header.top { position:sticky; top:0; z-index:5; background:var(--paper); border-bottom:1px solid var(--line); }
.top .wrap { display:flex; align-items:center; justify-content:space-between; height:68px; }
.logo { font-family:"Jost","Segoe UI",sans-serif; font-size:23px; font-weight:400; text-decoration:none; color:var(--navy); }
.logo b { font-weight:700; }
nav { display:flex; align-items:center; gap:22px; font-size:15.5px; }
nav a { text-decoration:none; color:var(--dim); } nav a:hover { color:var(--navy); }
.lang { display:inline-flex; border:1px solid var(--navy); border-radius:3px; overflow:hidden; font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:13.5px; }
.lang a, .lang span { padding:5px 11px; text-decoration:none; color:var(--navy); }
.lang span { background:var(--navy); color:var(--paper); }
section { padding:84px 0; border-bottom:1px solid var(--line); }
.eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:18px; font-family:"Jost","Segoe UI",sans-serif; font-size:13px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); }
.eyebrow::before { content:""; width:32px; height:2px; background:var(--gold); }
h1 { font-size:clamp(32px,4.2vw,50px); line-height:1.22; font-weight:650; letter-spacing:-.02em; max-width:880px; }
h2 { font-size:clamp(26px,3vw,36px); line-height:1.28; font-weight:650; letter-spacing:-.015em; margin-bottom:22px; max-width:820px; }
h3 { font-size:20px; font-weight:650; margin-bottom:8px; }
p { max-width:760px; color:var(--dim); } p + p { margin-top:14px; }
.lead { margin-top:22px; font-size:20px; color:var(--navy); }
.facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:44px; border-top:2px solid var(--navy); }
.facts div { padding:18px 18px 4px 0; }
.facts dt { font-size:13.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--dim); }
.facts dd { margin-top:4px; font-size:19px; font-weight:600; color:var(--navy); }
.num { font-family:"IBM Plex Mono",ui-monospace,monospace; font-weight:500; }
.spot { margin-top:44px; padding:30px 32px; background:var(--card); border:1px solid var(--line); border-top:3px solid var(--gold); border-radius:6px; }
.spot p { max-width:none; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:30px; }
.grid3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.card { padding:26px 26px 24px; background:var(--card); border:1px solid var(--line); border-radius:6px; }
.card p { font-size:17px; }
.tag { display:block; margin-bottom:10px; font-family:"Jost","Segoe UI",sans-serif; font-size:14px; font-weight:600; letter-spacing:.14em; color:var(--gold); }
.note { margin-top:22px; font-size:16px; }
ol.time { list-style:none; margin-top:30px; border-left:2px solid var(--navy); }
ol.time li { position:relative; display:grid; grid-template-columns:130px minmax(0,1fr); gap:18px; padding:0 0 26px 26px; }
ol.time li::before { content:""; position:absolute; left:-6px; top:11px; width:10px; height:10px; border-radius:50%; background:var(--paper); border:2px solid var(--navy); }
ol.time time { font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:16px; font-weight:500; color:var(--navy); }
ol.time p { color:var(--navy); }
footer { padding:40px 0 56px; font-size:15.5px; color:var(--dim); }
footer .wrap { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; }
@media (max-width:760px) {
  body { font-size:17px; } section { padding:60px 0; } nav a.hide { display:none; }
  .facts { grid-template-columns:repeat(2,minmax(0,1fr)); } .grid, .grid3 { grid-template-columns:1fr; }
  ol.time li { grid-template-columns:1fr; gap:2px; }
}
@media print { header.top { position:static; } section { padding:36px 0; } }