/* SANION — 조용한 카탈로그. 토큰 → 기본 → 내비 → 히어로 → 라인업 → 회사 → 검증 → 자료실 → 문의 → 제품 상세 → 반응형 */
:root{
  --bg:#f6f6f3; --surface:#ffffff; --ink:#1b1b1f; --ink-2:#5a5a62; --ink-3:#6b6b74;
  --line:#e3e3de; --line-2:#cfcfc8;
  --navy:#1a3787; --navy-deep:#122a6b; --navy-tint:#eef1f9; --navy-ink:#3a4f8f;
  --latin:"Barlow","Pretendard Variable",Pretendard,sans-serif;
  --kr:"Pretendard Variable",Pretendard,"Barlow",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --wrap:1280px; --gut:clamp(20px,4vw,48px);
  --ease:cubic-bezier(.16,1,.3,1); --shadow:0 18px 40px -24px rgba(20,28,60,.35), 0 2px 6px -2px rgba(20,28,60,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--kr);font-size:17px;line-height:1.65;font-weight:400;letter-spacing:-.005em;word-break:keep-all;overflow-wrap:break-word;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--navy)}
::selection{background:var(--navy);color:#fff}
:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:2px}
html{scrollbar-color:var(--line-2) transparent;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px;border:3px solid var(--bg)}
.wrap{width:min(var(--wrap),100% - 2*var(--gut));margin-inline:auto}
.center{text-align:center}
.muted{color:var(--ink-2)}
h1,h2,h3{font-weight:400;margin:0;text-wrap:balance}

/* 라틴 라벨: 자간 넓은 대문자 */
.lab,.nav a,.cut__model,.crumb,.strip figcaption,.cover__m,.foot__copy,.quals time{font-family:var(--latin);letter-spacing:.14em;text-transform:uppercase}

/* 버튼·링크 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:46px;padding:0 1.6em;font-family:var(--kr);font-size:.9375rem;font-weight:500;letter-spacing:.02em;border:1px solid var(--navy);border-radius:2px;
  transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.btn--line{color:var(--navy);background:transparent}
.btn--line:hover{background:var(--navy);color:#fff}
.btn--fill{color:#fff;background:var(--navy)}
.btn--fill:hover{background:var(--navy-deep);color:#fff}
.btn:active{transform:translateY(1px)}
.link-arrow{color:var(--navy);font-weight:500;font-size:.9375rem;display:inline-flex;align-items:center;gap:.5em;text-underline-offset:.35em}
.link-arrow::after{content:"";width:22px;height:1px;background:currentColor;transform-origin:left;transition:transform .3s var(--ease)}
.link-arrow:hover::after{transform:scaleX(1.5)}
.link-arrow:hover{color:var(--navy-deep);text-decoration:underline}

/* ── 내비 ─────────────────────────────────────────────── */
.nav{position:sticky;top:0;z-index:50;background:rgba(246,246,243,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.nav--scrolled{border-color:var(--line);box-shadow:0 6px 24px -20px rgba(20,28,60,.25)}
.nav__in{width:min(var(--wrap),100% - 2*var(--gut));margin-inline:auto;height:108px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nav__side{display:flex;gap:clamp(20px,3.2vw,52px);font-size:1rem;font-weight:600;color:var(--ink)}
.nav__side--l{justify-content:flex-end;padding-right:clamp(24px,4vw,64px)}
.nav__side--r{justify-content:flex-start;padding-left:clamp(24px,4vw,64px)}
.nav a{padding:.5em 0;position:relative}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:.15em;height:1px;background:var(--navy);transition:right .3s var(--ease)}
.nav a:hover::after,.nav a[aria-current]::after{right:0}
.nav__logo img{height:48px;width:auto}
.nav__lang{margin-left:auto;color:var(--ink-3);font-size:.875rem}
.nav__burger{display:none;width:44px;height:44px;border:0;background:none;padding:0;position:relative;cursor:pointer;justify-self:end}
.nav__burger span{position:absolute;left:10px;right:10px;height:1.5px;background:var(--ink);top:19px;transition:transform .3s var(--ease),top .3s var(--ease)}
.nav__burger span+span{top:26px}
.nav__burger[aria-expanded=true] span{top:22px;transform:rotate(45deg)}
.nav__burger[aria-expanded=true] span+span{transform:rotate(-45deg)}
.menu[hidden]{display:none}
@media (min-width:821px){.menu{display:none}}
.menu{display:grid;gap:4px;padding:8px var(--gut) 28px;border-top:1px solid var(--line);font-size:1.375rem;font-weight:600}
.menu a{padding:.55em 0;border-bottom:1px solid var(--line)}
.menu a:last-child{font-family:var(--latin);letter-spacing:.14em;font-size:.875rem;color:var(--ink-3);border:0;padding-top:1em}

/* ── 히어로 ───────────────────────────────────────────── */
.hero{position:relative;min-height:clamp(520px,72vh,760px);display:grid;overflow:hidden;background:#c9c9c4}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% 50%;filter:saturate(.45) contrast(.95) brightness(.94)}
.hero__grid{position:relative;display:grid;grid-template-columns:1fr minmax(0,520px);align-items:center;padding-block:56px}
.hero__panel{grid-column:2;background:rgba(246,246,243,.84);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:clamp(28px,4vw,48px);
  animation:rise .9s var(--ease) both}
.hero__panel h1{font-size:clamp(1.85rem,2.8vw,2.6rem);line-height:1.25;font-weight:700;letter-spacing:-.02em}
.hero__panel p{margin:1.1em 0 1.6em;color:var(--ink-2);font-size:1.0625rem;line-height:1.75}
.hero__acts{display:flex;align-items:center;gap:1.6em;flex-wrap:wrap}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ── 섹션 공통 ───────────────────────────────────────── */
.sec{padding-block:clamp(72px,9vw,120px)}
.sec__t{font-size:clamp(1.75rem,2.4vw,2.25rem);font-weight:400;letter-spacing:-.01em;text-align:center;color:var(--ink)}
.sec__t--left{text-align:left}
.sec__lede{text-wrap:pretty;max-width:62ch;margin:1em auto 0;text-align:center;color:var(--ink-2);line-height:1.8;font-size:1.0625rem}
.sec__lede--left{margin-left:0;text-align:left}

/* ── 라인업 ───────────────────────────────────────────── */
.lineup{padding-top:clamp(56px,7vw,96px)}
.row{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(28px,4vw,72px);padding-block:clamp(48px,6vw,84px);border-bottom:1px solid var(--line)}
.row:first-of-type{margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--line)}
.row__lead h3{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.35}
.row__models{margin:.55em 0 1em;font-family:var(--latin);font-size:.9375rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);line-height:1.9;font-weight:500}
.row__models span{color:var(--line-2)}
.row__models a:hover{text-decoration:underline;text-underline-offset:.3em}
.row__desc{margin:0;color:var(--ink-2);font-size:1.0625rem;line-height:1.75}
.row__items{list-style:none;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(20px,2.4vw,36px) clamp(16px,2vw,28px);align-content:start}
.row__items--center{justify-content:center;grid-template-columns:repeat(auto-fit,minmax(210px,260px));margin-top:40px}
.row__items li,.cut{min-width:0}
.cut{display:grid;gap:14px;text-align:center;color:var(--ink)}
.cut__img{display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:3/2;background:transparent;padding:0;transition:transform .45s var(--ease)}
.cut__img img{width:100%;height:100%;object-fit:contain}
.cut--photo .cut__img img{object-fit:cover;width:92%;height:92%}
.cut:hover .cut__img{transform:translateY(-6px)}
.cut__model{font-size:.9375rem;font-weight:600;color:var(--ink);transition:color .3s}
.cut__name{font-size:.9375rem;color:var(--ink-3);margin-top:-8px;font-weight:400}
.cut:hover .cut__model{color:var(--navy)}
.reveal .cut{opacity:0;transform:translateY(12px)}
.reveal.is-in .cut{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.is-in li:nth-child(2) .cut{transition-delay:.08s}.reveal.is-in li:nth-child(3) .cut{transition-delay:.16s}
.reveal.is-in li:nth-child(4) .cut{transition-delay:.24s}.reveal.is-in li:nth-child(5) .cut{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){.reveal .cut{opacity:1;transform:none;transition:none}.hero__panel{animation:none}}

/* ── 회사 사진 띠 ─────────────────────────────────────── */
.gallery{padding-bottom:0}
.strip{margin-top:clamp(40px,5vw,64px);display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--gut);padding-bottom:6px;scrollbar-width:none}
.strip::-webkit-scrollbar{display:none}
.strip__item{flex:0 0 min(70vw,640px);margin:0;scroll-snap-align:start;position:relative}
.strip__item img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.7)}
.strip figcaption{position:absolute;left:14px;bottom:12px;font-size:.6875rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5);letter-spacing:.12em}

/* ── 검증 ─────────────────────────────────────────────── */
.proof__grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.4fr);gap:clamp(40px,6vw,96px);align-items:start}
.certs{list-style:none;margin:2em 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.certs li{border:1px solid var(--line-2);border-radius:999px;padding:.35em .95em;font-size:.9375rem;color:var(--ink-2);background:var(--surface)}
.quals{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.quals li{display:grid;grid-template-columns:104px 1fr;gap:20px;padding:.95em 0;border-bottom:1px solid var(--line);font-size:1.0625rem;align-items:baseline}
.quals time{font-size:.9375rem;color:var(--navy);font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums}

/* ── 자료실 ───────────────────────────────────────────── */
.downloads{background:var(--surface);border-block:1px solid var(--line)}
.covers{list-style:none;margin:clamp(40px,5vw,64px) auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,300px));gap:clamp(20px,3vw,40px);justify-content:center}
.cover{display:grid;gap:10px;color:var(--ink)}
.cover img{width:100%;aspect-ratio:476/674;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .45s var(--ease)}
.cover:hover img{transform:translateY(-4px)}
.cover__t{font-size:1.0625rem;font-weight:500;margin-top:6px}
.cover__m{font-size:.6875rem;color:var(--ink-3);letter-spacing:.1em}
.downloads .center{margin-top:48px}

/* ── 채용 ─────────────────────────────────────────────── */
.careers{border-top:1px solid var(--line)}
.careers__grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.4fr);gap:clamp(40px,6vw,96px);align-items:start}
.careers .btn{margin-top:2em}
.careers__cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.careers__cols h3{font-size:.8125rem;font-weight:500;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-family:var(--latin);margin-bottom:.6em}
.careers__cols ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.careers__cols li{padding:.75em 0;border-bottom:1px solid var(--line);font-size:1rem;color:var(--ink-2);line-height:1.6}
.careers__cols strong{display:block;color:var(--ink);font-weight:600}
/* ── 자료실 목록 페이지 ──────────────────────────────── */
.dl__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);margin-top:3em}
.dl__grid h2{font-size:1rem;font-weight:600;margin-bottom:.8em}
.dl__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.dl__list li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:.8em 0;border-bottom:1px solid var(--line);font-size:.9375rem}
.dl__list a{color:var(--navy)}.dl__list a:hover{text-decoration:underline;text-underline-offset:.3em}
.dl__m{font-family:var(--latin);font-size:.6875rem;letter-spacing:.1em;color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.legal__body{max-width:72ch;margin-top:2em;color:var(--ink-2);font-size:.9375rem;line-height:1.8}
.legal__body h2{font-size:1.125rem;font-weight:600;color:var(--ink);margin:2em 0 .6em}
.legal__body h3{font-size:1rem;font-weight:600;color:var(--ink);margin:1.6em 0 .4em}
.legal__body ul{padding-left:1.2em}
/* ── 문의·파트너 ─────────────────────────────────────── */
.contact .btn{margin-top:1.8em}
.contact__co{margin-top:2.4em;font-size:.875rem;color:var(--ink-2)}
.partners{margin-top:clamp(72px,9vw,120px);text-align:center}
.partners h3{font-size:.8125rem;font-weight:500;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-family:var(--latin)}
.partners ul{list-style:none;margin:1.6em 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 40px}
.partners img{height:var(--h,34px);width:auto;opacity:.6;filter:grayscale(1);transition:opacity .3s}
.partners li:hover img{opacity:.9}

/* ── 푸터 ─────────────────────────────────────────────── */
.foot{border-top:1px solid var(--line);padding-block:48px 40px;font-size:.8125rem;color:var(--ink-2)}
.foot__in{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}
.foot__co img{height:28px;width:auto;opacity:.9}
.foot__co p{margin:1.2em 0 0;line-height:1.8}
.foot__links{display:flex;flex-wrap:wrap;gap:.5em 1.8em;justify-content:flex-start;padding-top:22px;border-top:1px solid var(--line)}
.foot__copy{margin:0;font-size:.6875rem;color:var(--ink-3);letter-spacing:.12em}

/* ── 제품 상세 ────────────────────────────────────────── */
.crumb{display:flex;gap:.9em;padding-top:28px;font-size:.6875rem;color:var(--ink-3)}
.crumb a:hover{color:var(--navy)}
.phero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;padding-block:clamp(32px,4vw,56px) clamp(56px,7vw,96px)}
.phero__img{background:transparent;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6%;min-width:0}
.phero__img img{width:100%;height:100%;object-fit:contain}
.phero__img--photo img{object-fit:cover}
.phero__img{padding:0}
.phero h1{font-family:var(--latin);font-size:clamp(1.9rem,3vw,2.6rem);font-weight:500;letter-spacing:.06em;line-height:1.15;color:var(--navy)}
.phero__name{margin:.35em 0 0;font-size:1.125rem;color:var(--ink)}
.phero__note{margin:1.2em 0 0;font-size:.8125rem;color:var(--ink-3)}
.phero__intro{color:var(--ink-2);margin:1.2em 0 0;line-height:1.8}
.facts{display:grid;grid-template-columns:1fr;gap:8px 24px;margin:1.8em 0 0;padding:1.2em 0;border-block:1px solid var(--line)}
.facts div{display:grid;grid-template-columns:5.5em 1fr;gap:12px;font-size:1rem}
.facts dt{color:var(--ink-3)}.facts dd{margin:0;font-variant-numeric:tabular-nums}
.phero__acts{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-top:2em}
.feats{padding-top:0}
.feats__list{list-style:none;margin:1.6em 0 0;padding:0;columns:2;column-gap:48px;color:var(--ink-2);font-size:1.0625rem}
.feats__list li{break-inside:avoid;padding:.55em 0 .55em 1.2em;border-bottom:1px solid var(--line);position:relative}
.feats__list li::before{content:"";position:absolute;left:0;top:1.2em;width:6px;height:1px;background:var(--navy)}
.specs{padding-top:0}
.spec{margin-top:2.4em}
.spec h3{font-size:1rem;font-weight:600;margin-bottom:.8em}
.spec table{width:100%;border-collapse:collapse;font-size:1rem;font-variant-numeric:tabular-nums;background:var(--surface);border:1px solid var(--line)}
.spec th,.spec td{padding:.7em .9em;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.spec thead th{font-weight:500;font-size:.75rem;letter-spacing:.06em;color:var(--ink-3);background:var(--bg);border-bottom:1px solid var(--line-2)}
.spec .spec__g{font-weight:500;color:var(--ink);background:var(--bg);border-right:1px solid var(--line);white-space:nowrap}
.spec td:nth-child(2 of td){color:var(--ink-2)}
.spec--note td:nth-child(2 of td){color:var(--ink-3);font-size:.85rem}
.related{border-top:1px solid var(--line)}

/* ── 반응형 ───────────────────────────────────────────── */
@media (max-width:1024px){
  .row{grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:32px}
  .proof__grid{grid-template-columns:1fr;gap:40px}
  .phero{grid-template-columns:1fr;gap:32px}
}
@media (max-width:820px){
  .nav__in{height:76px;grid-template-columns:auto 1fr auto}
  .nav__side{display:none}
  .nav__logo{grid-column:1;justify-self:start}
  .nav__logo img{height:36px}
  .nav__burger{display:block;grid-column:3}
  body.menu-open{overflow:hidden}
  .hero{min-height:0}
  .hero__grid{grid-template-columns:1fr;padding-block:min(38vh,300px) 28px;align-items:end}
  .hero__panel{grid-column:1;padding:24px 22px}
  .hero__img{object-position:50% 30%}
  .row{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:44px}
  .row__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .row__items--center{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cut__img{padding:4%}
  .row__items li:last-child:nth-child(odd){grid-column:1/-1}
  .row__items li:last-child:nth-child(odd) .cut{width:calc(50% - 6px);margin-inline:auto}
  .careers__grid,.careers__cols,.dl__grid{grid-template-columns:1fr;gap:28px}
  .partners img{height:calc(var(--h,34px)*.78)}
  .covers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .covers li:nth-child(3){display:none}
  .quals li{grid-template-columns:80px 1fr;gap:14px;font-size:.875rem}
  .feats__list{columns:1}
  .facts{grid-template-columns:1fr}
  .foot__in{grid-template-columns:1fr}
  .foot__links{justify-content:flex-start}
  /* 사양표: 그룹은 한 줄 남색 라벨, 그 아래 항목|사양 두 칸 */
  .spec thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .spec table{font-size:.875rem}
  .spec tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);border-bottom:1px solid var(--line)}
  .spec tr:last-child{border-bottom:0}
  .spec .spec__g{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line);padding:.6em .9em .4em;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);background:var(--bg);white-space:normal}
  .spec td{border-bottom:0;padding:.55em .9em}
  .spec td:first-of-type{color:var(--ink)}
  .spec td:nth-child(2 of td){color:var(--ink-2)}
.spec--note td:nth-child(2 of td){color:var(--ink-3);font-size:.85rem}
  .spec--note tr{grid-template-columns:minmax(0,1fr)}
  .spec--note td:nth-child(2 of td){padding-top:0;color:var(--ink-3);font-size:.8125rem}
}
@media (max-width:420px){
  .row__items{grid-template-columns:1fr 1fr}
  .cut__model{font-size:.75rem;letter-spacing:.1em}
  .hero__panel h1{font-size:1.4rem}
}

/* ── 문장 단위 줄바꿈(데스크톱) ─────────────────────────── */
@media (min-width:821px){.sec__lede .ln{display:block}.sec__lede{max-width:96ch}}
.row__more{margin:1.2em 0 0}
.row__lead h3 a{color:inherit}.row__lead h3 a:hover{color:var(--navy)}
.cut--wide .cut__img{aspect-ratio:3/2}

/* ── 사업 분야 타일 ────────────────────────────────────── */
.areas--home{padding-top:clamp(64px,8vw,104px);padding-bottom:0}
.areas__grid{list-style:none;margin:clamp(36px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.area{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#2a2f3a;color:#fff;isolation:isolate}
.area img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.82);transition:transform .8s var(--ease),filter .5s var(--ease)}
.area::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,24,48,.88) 0%,rgba(18,24,48,.35) 45%,rgba(18,24,48,0) 75%)}
.area__body{position:absolute;left:0;right:0;bottom:0;padding:24px;z-index:1;display:grid;gap:8px}
.area__t{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;text-wrap:balance}
.area__t::after{content:"";display:block;width:28px;height:1px;background:#fff;margin-top:12px;transform-origin:left;transition:transform .4s var(--ease)}
.area__d{font-size:.9375rem;color:rgba(255,255,255,.78);line-height:1.55;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s var(--ease)}
.area:hover img,.area:focus-visible img{transform:scale(1.04);filter:saturate(.8) brightness(.9)}
.area:hover .area__t::after{transform:scaleX(1.6)}
.area:hover .area__d,.area:focus-visible .area__d{max-height:6em;opacity:1}
.area:hover{color:#fff}

/* ── 회사 페이지 ───────────────────────────────────────── */
.co-hero{position:relative;min-height:clamp(320px,42vh,460px);display:grid;align-items:end;overflow:hidden;background:#c9c9c4}
.co-hero .hero__img{filter:saturate(.5) brightness(.6)}
.co-hero__in{position:relative;color:#fff;padding-block:48px}
.co-hero__in h1{font-size:clamp(2rem,3.4vw,3rem);font-weight:700;letter-spacing:-.02em}
.co-hero__in p{margin:.8em 0 0;max-width:70ch;font-size:1.0625rem;color:rgba(255,255,255,.85);line-height:1.75}
@media (min-width:821px){.co-hero__in p .ln{display:block}}
.co-ceo{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.co-ceo__pic{margin:0}.co-ceo__pic img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.8)}
.co-ceo__body .ct__p{margin:1.1em 0 0;font-size:1.0625rem;line-height:1.85;color:var(--ink-2)}
.co-ceo__body .ct__p:first-of-type{margin-top:1.6em;font-size:1.25rem;color:var(--ink);font-weight:500}
.co-ceo__sign{display:flex;align-items:center;gap:20px;margin:2em 0 0;font-weight:600}
.co-ceo__sign img{height:44px;width:auto;mix-blend-mode:multiply}
.co-overview{border-top:1px solid var(--line)}
.co-overview__grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.5fr);gap:clamp(40px,6vw,96px);align-items:start}
.co-facts{margin:0;border-top:1px solid var(--line)}
.co-facts div{display:grid;grid-template-columns:7em 1fr;gap:20px;padding:.9em 0;border-bottom:1px solid var(--line);font-size:1.0625rem}
.co-facts dt{color:var(--ink-3)}.co-facts dd{margin:0}
.co-facts--tight{margin-top:2em}.co-facts--tight div{grid-template-columns:5em 1fr}
.co-vision{background:var(--navy);color:#fff}
.co-vision .sec__t{color:rgba(255,255,255,.7);font-size:1rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-family:var(--latin)}
.co-vision__t{margin:1em auto 0;max-width:24ch;font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:700;line-height:1.35;letter-spacing:-.02em;text-wrap:balance}
.co-vision .sec__lede{color:rgba(255,255,255,.8);max-width:66ch}
.co-history__grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:clamp(40px,6vw,96px);align-items:start}
.timeline{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.timeline__y{display:grid;grid-template-columns:96px 1fr;gap:24px;padding:1.2em 0;border-bottom:1px solid var(--line)}
.timeline__year{font-family:var(--latin);font-size:1.5rem;font-weight:600;color:var(--navy);letter-spacing:.02em;line-height:1.2}
.timeline__y ul{list-style:none;margin:0;padding:0;display:grid;gap:.5em}
.timeline__y li{display:grid;grid-template-columns:2.4em 1fr;gap:12px;font-size:1.0625rem;line-height:1.6}
.timeline__y time{font-family:var(--latin);color:var(--ink-3);font-size:.9375rem;letter-spacing:.06em;padding-top:.15em}
.certs-grid{list-style:none;margin:clamp(36px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 20px}
.certs-grid a{display:grid;gap:8px;color:var(--ink);text-align:center}
.certs-grid img{width:100%;aspect-ratio:629/890;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .45s var(--ease)}
.certs-grid a:hover img{transform:translateY(-4px)}
.certs-grid .cover__t{font-size:.9375rem}
.cover__m--kr{font-family:var(--kr);letter-spacing:0;text-transform:none;font-size:.8125rem}
.quals--compact{margin-top:clamp(48px,6vw,72px);max-width:880px;margin-inline:auto}
.co-partners{padding-top:0}.partners--page{margin-top:0}
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:clamp(36px,4vw,56px)}
.loc h3{font-size:1.25rem;font-weight:700;margin-top:1em}
.loc__map{aspect-ratio:16/10;background:var(--line);border:1px solid var(--line)}
.loc__map iframe{width:100%;height:100%;border:0;filter:saturate(.5) contrast(1.02)}
.loc__addr{margin:.4em 0 0;color:var(--ink-2)}
.loc__transit{margin:1em 0 0;border-top:1px solid var(--line)}
.loc__transit div{display:grid;grid-template-columns:5em 1fr;gap:12px;padding:.6em 0;border-bottom:1px solid var(--line);font-size:.9375rem}
.loc__transit dt{color:var(--ink-3)}.loc__transit dd{margin:0}

/* ── 복원 콘텍츠(카테고리·시스템) ─────────────────────── */
.ct{padding-top:0;max-width:960px}
.ct__h{font-weight:700;letter-spacing:-.015em;margin-top:2.6em}
.ct__h2{font-size:1.6rem}.ct__h3{font-size:1.25rem}.ct__h4{font-size:1.0625rem;color:var(--navy);margin-top:1.8em}
.ct__p{margin:1em 0 0;color:var(--ink-2);line-height:1.85;font-size:1.0625rem}
.ct__list{list-style:none;margin:1.2em 0 0;padding:0;color:var(--ink-2);font-size:1.0625rem}
.ct__list li{padding:.6em 0 .6em 1.2em;border-bottom:1px solid var(--line);position:relative;line-height:1.6}
.ct__list li::before{content:"";position:absolute;left:0;top:1.35em;width:6px;height:1px;background:var(--navy)}
.ct__figs{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;justify-content:center;margin:1.8em 0 0}
.ct__figs figure{margin:0;flex:1 1 200px;max-width:320px}
.ct__figs--one figure{flex-basis:100%;max-width:100%}
.ct__figs--single figure{flex-basis:100%;max-width:440px}
.ct__figs img{width:100%;height:auto;object-fit:contain}
.ct .spec{margin-top:1.6em}
.phero__h1--kr{font-family:var(--kr)!important;letter-spacing:-.02em!important;font-weight:700!important;color:var(--ink)!important}
.phero .row__models{margin-top:1.4em}
.featcards{list-style:none;margin:1.6em 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 24px}
.featcards li{display:grid;gap:12px}
.featcards img{width:100%;aspect-ratio:26/14.2;object-fit:cover;border:1px solid var(--line)}
.featcards p{margin:0;font-size:.9375rem;color:var(--ink-2);line-height:1.6}

/* ── 문의 폼 ─────────────────────────────────────────── */
.contact-page__grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);gap:clamp(40px,6vw,96px);align-items:start}
.form{display:grid;gap:18px}
.form label{display:grid;gap:8px;font-size:.9375rem;font-weight:500}
.form label em{color:var(--navy);font-style:normal}
.form input,.form textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:2px;padding:.75em .9em;transition:border-color .2s}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-tint)}
.form input:user-invalid,.form textarea:user-invalid{border-color:#b3261e}
.form__row--2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form__file input{padding:.55em .6em;background:none;border-style:dashed}
.form__file small{color:var(--ink-3);font-weight:400}
.consent summary{list-style:none;display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:.9em 0;border-block:1px solid var(--line);font-size:.9375rem}
.consent summary::-webkit-details-marker{display:none}
.consent__check{display:inline-flex!important;align-items:center;gap:10px;font-weight:500}
.consent__check input{width:18px;height:18px;accent-color:var(--navy)}
.consent__more{color:var(--navy);font-size:.875rem;white-space:nowrap}
.consent__body{margin:.4em 0 0;background:var(--surface);border:1px solid var(--line);padding:.6em 1em}
.consent__body div{display:grid;grid-template-columns:8em 1fr;gap:12px;padding:.5em 0;font-size:.875rem;color:var(--ink-2)}
.consent__body dt{color:var(--ink-3)}.consent__body dd{margin:0}
.form__acts{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:6px}
.form__hint{font-size:.8125rem;color:var(--ink-3)}
.form__err{color:#b3261e;font-size:.9375rem;margin:0}
.form__ok{color:var(--navy);font-weight:500;margin:0}
.btn[disabled]{opacity:.5;pointer-events:none}

@media (max-width:1024px){.areas__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area{aspect-ratio:4/3}.co-history__grid,.co-overview__grid{grid-template-columns:1fr;gap:32px}}
@media (max-width:820px){
  .areas__grid{gap:8px}.area{aspect-ratio:1}.area__body{padding:16px}.area__t{font-size:1.0625rem}.area__d{display:none}
  .co-ceo{grid-template-columns:1fr}.co-ceo__pic{max-width:260px}
  .co-facts div{grid-template-columns:1fr;gap:2px}
  .timeline__y{grid-template-columns:1fr;gap:8px}
  .loc-grid,.contact-page__grid,.form__row--2{grid-template-columns:1fr}
  .certs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}
  .featcards{grid-template-columns:1fr 1fr;gap:20px 12px}
  .ct__figs figure{flex-basis:140px}
}

/* ═══ 무게 패스: 전면 히어로·편집형 섹션 머리·어두운 띠·풀블리드 타일 ═══ */
.page-home .nav{position:fixed;left:0;right:0;top:0}
.nav--over{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:transparent;box-shadow:none}
.nav--over .nav__side,.nav--over .nav__side a,.nav--over .nav__lang{color:#fff}
.nav--over .nav a::after{background:#fff}
.nav--over .nav__logo img{filter:brightness(0) invert(1)}
.nav--over .nav__burger span{background:#fff}
.nav--over .menu{background:var(--bg)}

.hero--full{min-height:100vh;min-height:100svh;align-items:end;background:#1b2030}
.hero--full .hero__img{filter:saturate(.8) brightness(.72);animation:kenburns 24s var(--ease) both}
@keyframes kenburns{from{transform:scale(1.06)}to{transform:scale(1)}}
.hero--full::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,18,36,.86) 0%,rgba(14,18,36,.45) 40%,rgba(14,18,36,.15) 70%,rgba(14,18,36,.35) 100%)}
.hero__in{position:relative;z-index:1;color:#fff;padding-block:clamp(120px,16vh,180px) clamp(48px,9vh,110px);animation:rise 1s var(--ease) both}
.hero__in h1{font-size:clamp(2.4rem,5vw,4.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;max-width:24ch;text-wrap:balance}
.hero__in p{margin:1.2em 0 2em;max-width:62ch;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.7;color:rgba(255,255,255,.82)}
@media (min-width:821px){.hero__in p .ln{display:block}}
.btn--white{background:#fff;color:var(--navy);border-color:#fff;font-weight:600;min-height:52px;padding:0 1.9em}
.btn--white:hover{background:var(--bg);color:var(--navy-deep)}
.link-arrow--white{color:#fff}.link-arrow--white:hover{color:#fff;text-decoration:underline}
@media (prefers-reduced-motion:reduce){.hero--full .hero__img{animation:none}}

/* 섹션 머리: 제목 왼쪽 크게, 리드 오른콽 */
.areas .wrap,.lineup .wrap,.gallery .wrap,.downloads .wrap,.co-certs .wrap,.co-loc .wrap,.co-vision .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);column-gap:clamp(32px,5vw,96px);align-items:start}
.areas .wrap>.sec__t,.lineup .wrap>.sec__t,.gallery .wrap>.sec__t,.downloads .wrap>.sec__t,.co-certs .wrap>.sec__t,.co-loc .wrap>.sec__t{grid-column:1;text-align:left;font-size:clamp(2rem,3.2vw,2.9rem);font-weight:700;letter-spacing:-.025em;line-height:1.1}
.areas .wrap>.sec__lede,.lineup .wrap>.sec__lede,.gallery .wrap>.sec__lede,.downloads .wrap>.sec__lede,.co-certs .wrap>.sec__lede{grid-column:2;margin:0;text-align:left;max-width:none}
.areas .wrap>*:not(.sec__t):not(.sec__lede),.lineup .wrap>*:not(.sec__t):not(.sec__lede),.gallery .wrap>*:not(.sec__t):not(.sec__lede),.downloads .wrap>*:not(.sec__t):not(.sec__lede),.co-certs .wrap>*:not(.sec__t):not(.sec__lede),.co-loc .wrap>*:not(.sec__t):not(.sec__lede){grid-column:1/-1}
.co-loc .wrap>.sec__t{grid-column:1/-1}
.co-vision .wrap{display:block}
.gallery .wrap>.center{text-align:left}

/* 사업 분야: 화면 폭 전체 */
.areas--home{padding-top:0;margin-top:clamp(64px,8vw,104px)}
.areas--home .areas__grid{width:100vw;margin-inline:calc(50% - 50vw);gap:4px;margin-top:clamp(36px,4vw,56px)}
.areas--home .area{aspect-ratio:3/4}
.area__t{font-size:clamp(1.25rem,1.6vw,1.6rem)}
.area__body{padding:clamp(20px,2.4vw,36px)}

/* 라인업 */
.row__lead h3{font-size:1.75rem;font-weight:700}
.cut__img{aspect-ratio:4/3}
.cut__model{font-size:1rem}

/* 회사 사진 띠: 가장자리까지, 더 크게 */
.strip{padding-inline:0;gap:4px}
.strip__item{flex:0 0 min(60vw,760px)}
.strip__item img{aspect-ratio:3/2;filter:saturate(.85)}
.strip figcaption{font-size:.8125rem;left:20px;bottom:18px}

/* 검증: 남색 띠 */
.proof{background:var(--navy);color:#fff}
.proof .sec__t{color:#fff;text-align:left;font-size:clamp(2rem,3.2vw,2.9rem);font-weight:700;letter-spacing:-.025em}
.proof .sec__lede{color:rgba(255,255,255,.78)}
.proof .certs li{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.proof .quals{border-top-color:rgba(255,255,255,.25)}
.proof .quals li{border-bottom-color:rgba(255,255,255,.18);color:#fff}
.proof .quals time{color:rgba(255,255,255,.7)}
.downloads{border-block:0}

/* 자료실 표지 크게 */
.covers{grid-template-columns:repeat(3,minmax(0,340px))}

/* 채용·문의 */
.careers .sec__t,.contact .sec__t{font-size:clamp(2rem,3.2vw,2.9rem);font-weight:700;letter-spacing:-.025em}

/* 어두운 푸터 */
.foot{background:#10162b;color:rgba(255,255,255,.7);border-top:0;padding-block:64px 40px}
.foot__co img{filter:brightness(0) invert(1);opacity:.95}
.foot__links{border-top-color:rgba(255,255,255,.12)}.foot__links a{color:rgba(255,255,255,.85)}.foot__links a:hover{color:#fff}
.foot__copy{color:rgba(255,255,255,.4)}
.foot a:hover{color:#fff}

@media (max-width:1024px){.areas .wrap,.lineup .wrap,.gallery .wrap,.downloads .wrap,.co-certs .wrap,.co-loc .wrap{grid-template-columns:1fr;row-gap:12px}
  .areas .wrap>.sec__lede,.lineup .wrap>.sec__lede,.gallery .wrap>.sec__lede,.downloads .wrap>.sec__lede,.co-certs .wrap>.sec__lede{grid-column:1}
  .areas--home .areas__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.areas--home .area{aspect-ratio:4/3}
  .covers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){
  .hero--full{min-height:100vh;min-height:100svh}
  .hero__in{padding-block:110px 40px}
  .hero__in h1{font-size:clamp(1.9rem,8vw,2.6rem)}
  .areas--home .areas__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.areas--home .area{aspect-ratio:1}
  .strip__item{flex-basis:78vw}
  .covers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subnav{top:76px}
  .co-ceo,.co-overview,.co-vision,.co-history,.co-certs,.co-loc,.areas{scroll-margin-top:140px}
}

/* 회사소개 소메뉴 */
.subnav{position:sticky;top:108px;z-index:40;background:rgba(246,246,243,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.subnav__in{display:flex;gap:clamp(18px,2.4vw,40px);overflow-x:auto;scrollbar-width:none;font-size:.9375rem;font-weight:600;color:var(--ink-2)}
.subnav__in::-webkit-scrollbar{display:none}
.subnav__in a{padding:16px 0;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.subnav__in a:hover,.subnav__in a.is-on{color:var(--navy);border-bottom-color:var(--navy)}
.co-ceo,.co-overview,.co-vision,.co-history,.co-certs,.co-loc,.areas{scroll-margin-top:180px}
.page-company .nav{position:sticky}
.page-company .co-hero{margin-top:0}

/* ── 모바일 점검 반영 ─────────────────────────────────── */
.link-arrow{min-height:44px}
.foot__copy,.cover__m,.dl__m{font-size:.75rem}
@media (max-width:820px){
  /* 열린 메뉴: 화면 전체 덮기 */
  .menu{position:fixed;left:0;right:0;top:76px;bottom:0;background:var(--bg);overflow-y:auto;padding:12px var(--gut) 40px;z-index:60;font-size:1.5rem}
  .menu a{padding:.7em 0}
  .nav--over .menu a{color:var(--ink)}
  body.menu-open .nav{background:var(--bg);backdrop-filter:none}
  body.menu-open .nav--over .nav__logo img{filter:none}
  body.menu-open .nav--over .nav__burger span{background:var(--ink)}
  /* 비교 사양표: 가로 스크롤 유지(세로 쌓기 해제) */
  .spec--wide{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .spec--wide table{min-width:640px;font-size:.875rem}
  .spec--wide thead{position:static;width:auto;height:auto;overflow:visible;clip:auto}
  .spec--wide tr{display:table-row}
  .spec--wide th,.spec--wide td{display:table-cell;border-bottom:1px solid var(--line);padding:.6em .8em}
  .spec--wide .spec__g{grid-column:auto;background:var(--bg);color:var(--ink);text-transform:none;letter-spacing:0;font-size:.875rem;border-right:1px solid var(--line)}
  .spec .spec__g{font-size:.75rem}
  /* 자료실 목록: 제목 위, 날짜 아래 */
  .dl__list li{flex-direction:column;align-items:flex-start;gap:4px}
  .dl__m{white-space:normal}
}
@media (max-width:820px){
  .spec--wide .spec__g,.spec--wide thead th{white-space:nowrap}
  .menu a{padding:.5em 0}
}

/* ── 다국어 ───────────────────────────────────────────── */
.langs{position:relative;margin-left:auto}
.langs summary{list-style:none;cursor:pointer;font-family:var(--latin);letter-spacing:.14em;text-transform:uppercase;font-size:.875rem;color:var(--ink-3);padding:.5em 0;display:flex;align-items:center;gap:6px}
.langs summary::-webkit-details-marker{display:none}
.langs summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.langs ul{list-style:none;margin:0;padding:8px 0;position:absolute;right:0;top:100%;min-width:160px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:70}
.langs li a{display:block;padding:.55em 1.1em;font-size:.9375rem;font-weight:500;color:var(--ink);white-space:nowrap}
.langs li a:hover{background:var(--bg);color:var(--navy)}
.langs li a[aria-current]{color:var(--navy);font-weight:600}
.nav--over .langs summary{color:#fff}
.nav__lang{display:none}
.menu__langs{display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:1.2em;font-size:1rem}
.menu__langs a{border:0!important;padding:.3em 0!important;color:var(--ink-2)}
.menu__langs a[aria-current]{color:var(--navy);font-weight:700}
body.lang-zh{--kr:"Noto Sans SC","Pretendard Variable",Pretendard,"PingFang SC","Microsoft YaHei",sans-serif}
body.lang-ja{--kr:"Noto Sans JP","Pretendard Variable",Pretendard,"Hiragino Sans","Yu Gothic",sans-serif}
body.lang-ar{--kr:"Noto Sans Arabic","Pretendard Variable",Pretendard,"Segoe UI",Tahoma,sans-serif;letter-spacing:0}
body.lang-ar .lab,body.lang-ar .nav a,body.lang-ar .cut__model{letter-spacing:.02em}
.fallback{margin:0 auto 1.5em;font-size:.9375rem;color:var(--ink-3);padding:.7em 1em;border:1px solid var(--line);background:var(--surface)}
/* RTL */
/* RTL: 메뉴는 거울상으로 뒤집되, 언어 선택 단추는 유틸리티 컨트롤이라 화면 오른쪽 위 제자리에 고정(사용자 지적 2026-09-10) */
[dir=rtl] .nav__in{position:relative}
[dir=rtl] .nav__side--l{justify-content:flex-start;padding-right:88px;padding-left:clamp(24px,4vw,64px)}
[dir=rtl] .nav__side--r{justify-content:flex-end;padding-left:0;padding-right:clamp(24px,4vw,64px)}
[dir=rtl] .langs{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0}
[dir=rtl] .langs ul{right:0;left:auto;text-align:right}
[dir=rtl] .sec__t--left,[dir=rtl] .sec__lede--left,[dir=rtl] .gallery .wrap>.center,[dir=rtl] .areas .wrap>.sec__t,[dir=rtl] .lineup .wrap>.sec__t,[dir=rtl] .gallery .wrap>.sec__t,[dir=rtl] .downloads .wrap>.sec__t,[dir=rtl] .co-certs .wrap>.sec__t,[dir=rtl] .proof .sec__t,[dir=rtl] .areas .wrap>.sec__lede,[dir=rtl] .lineup .wrap>.sec__lede,[dir=rtl] .gallery .wrap>.sec__lede,[dir=rtl] .downloads .wrap>.sec__lede,[dir=rtl] .co-certs .wrap>.sec__lede{text-align:right}
[dir=rtl] .sec__lede--left{margin-right:0;margin-left:auto}
[dir=rtl] .link-arrow::after{transform-origin:right}
[dir=rtl] .link-arrow:hover::after{transform:scaleX(1.5)}
[dir=rtl] .feats__list li,[dir=rtl] .ct__list li{padding:.55em 1.2em .55em 0}
[dir=rtl] .feats__list li::before,[dir=rtl] .ct__list li::before{left:auto;right:0}
[dir=rtl] .spec th,[dir=rtl] .spec td{text-align:right}
[dir=rtl] .spec .spec__g{border-right:0;border-left:1px solid var(--line)}
[dir=rtl] .hero__img{object-position:62% 50%}
[dir=rtl] .timeline__y,[dir=rtl] .quals li,[dir=rtl] .co-facts div,[dir=rtl] .facts div,[dir=rtl] .loc__transit div{direction:rtl}
[dir=rtl] .foot__links{justify-content:flex-start}
[dir=rtl] .strip figcaption{left:auto;right:20px}
[dir=rtl] .cut__name{margin-top:-8px}

/* CJK: 글자 단위 줄바꿈 허용, 라틴 라벨 스택에도 해당 언어 서체 포함 */
body.lang-zh,body.lang-ja{word-break:normal;overflow-wrap:break-word}
body.lang-zh{--latin:"Barlow","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
body.lang-ja{--latin:"Barlow","Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif}
body.lang-ar{--latin:"Barlow","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif}
body.lang-zh .nav__side,body.lang-ja .nav__side{letter-spacing:.06em}
/* 언어 목록: 히어로 위 흰 글자 규칙에서 제외 */
.nav .langs li a,.nav--over .langs li a{color:var(--ink);padding:.55em 1.1em}
.nav .langs li a::after{display:none}
.nav .langs li a:hover{color:var(--navy);background:var(--bg)}
.nav .langs li a[aria-current]{color:var(--navy);font-weight:600}

/* 메뉴·라벨은 절대 줄바꿈하지 않음, 긴 언어는 자간·크기 축소 */
.nav a,.langs summary,.cut__model,.row__models a{white-space:nowrap}
.langs summary span{white-space:nowrap}
body.lang-de .nav__side,body.lang-fr .nav__side,body.lang-es .nav__side,body.lang-en .nav__side{font-size:.875rem;letter-spacing:.08em;gap:clamp(14px,2.2vw,36px)}
body.lang-de .nav__side--l,body.lang-fr .nav__side--l,body.lang-es .nav__side--l,body.lang-en .nav__side--l{padding-right:clamp(16px,2.6vw,40px)}
body.lang-de .nav__side--r,body.lang-fr .nav__side--r,body.lang-es .nav__side--r,body.lang-en .nav__side--r{padding-left:clamp(16px,2.6vw,40px)}
@media (max-width:1180px){body.lang-de .nav__side,body.lang-fr .nav__side,body.lang-es .nav__side{font-size:.8125rem;letter-spacing:.05em}}

.quals__more{margin:1.4em 0 0}

/* 404 */
.nf{min-height:60vh;display:grid;align-content:center;justify-items:start;gap:14px}
.nf__code{font-family:var(--latin);font-size:clamp(4rem,10vw,7rem);font-weight:600;color:var(--navy);letter-spacing:.04em;line-height:1;margin:0}
.nf__t{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;letter-spacing:-.02em}
.nf__p{max-width:56ch;color:var(--ink-2);margin:0}
.nf__acts{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:10px}

/* ── 추가 페이지 공통 ─────────────────────────────────── */
.pagehead{padding-bottom:0}
.steps{list-style:none;margin:2.4em 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:st}
.steps li{counter-increment:st;display:grid;gap:8px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);position:relative}
.steps li::before{content:counter(st);font-family:var(--latin);font-size:.875rem;letter-spacing:.14em;color:var(--navy);font-weight:600}
.steps strong{font-size:1.125rem;font-weight:700;letter-spacing:-.01em}
.steps span{color:var(--ink-2);font-size:.9375rem;line-height:1.65}
.steps--num{grid-template-columns:repeat(5,minmax(0,1fr))}
.steps--inline{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1em}
.steps--inline li{padding:14px 16px}
.q-steps{background:var(--surface);border-block:1px solid var(--line)}
.q-steps .wrap{display:block}.q-steps .sec__t{text-align:left;font-size:clamp(2rem,3.2vw,2.9rem);font-weight:700;letter-spacing:-.025em}
.q-lab__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:center}
.q-lab__pic{margin:0}.q-lab__pic img{width:100%;aspect-ratio:3/2;object-fit:cover}
.co-hero--q .hero__img{filter:saturate(.6) brightness(.55)}
.certs-grid--wide{grid-template-columns:repeat(5,minmax(0,1fr))}
.quality .proof .sec__t{text-align:left}
/* 비교표 */
.cmp{padding-top:0}
.cmp__t{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1em;padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line)}
.cmp__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp__table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:640px;background:var(--surface);border:1px solid var(--line)}
.cmp__table th,.cmp__table td{padding:.9em 1em;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);border-left:1px solid var(--line)}
.cmp__table th:first-child,.cmp__table td:first-child{border-left:0}
.cmp__table thead th{background:var(--bg);border-bottom:1px solid var(--line-2);vertical-align:bottom}
.cmp__table thead th a{display:grid;gap:6px;color:var(--ink);justify-items:start}
.cmp__table thead img{width:100%;max-width:220px;aspect-ratio:4/3;object-fit:contain}
.cmp__model{font-family:var(--latin);font-size:1.125rem;font-weight:600;letter-spacing:.06em;color:var(--navy)}
.cmp__name{font-size:.875rem;color:var(--ink-2)}
.cmp__table tbody th{width:14%;font-weight:600;color:var(--ink-3);font-size:.8125rem;letter-spacing:.04em;background:var(--bg)}
.cmp__table td{color:var(--ink-2);font-variant-numeric:tabular-nums}
.cmp__guide td{color:var(--ink);font-weight:500;background:var(--navy-tint)}
.cmp__feat ul{margin:0;padding:0 0 0 1em;font-size:.875rem;line-height:1.6}
.cmp__acts td{white-space:nowrap}
.cmp__acts .btn{margin-right:14px}
.btn--sm{min-height:38px;padding:0 1.1em;font-size:.875rem}
/* 뉴스 */
.newsband{padding-block:clamp(56px,7vw,88px);border-top:1px solid var(--line)}
.newsband .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);column-gap:clamp(32px,5vw,96px);align-items:start}
.newsband .sec__t{text-align:left;font-size:clamp(2rem,3.2vw,2.9rem);font-weight:700;letter-spacing:-.025em}
.newsband__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.newsband__list li{display:grid;grid-template-columns:7.5em 6em 1fr;gap:16px;padding:.9em 0;border-bottom:1px solid var(--line);align-items:baseline;font-size:1.0625rem}
.newsband__list time,.news__item time{font-family:var(--latin);color:var(--ink-3);font-size:.9375rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.news__kind{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--latin);color:var(--navy);border:1px solid var(--line-2);border-radius:999px;padding:.15em .7em;white-space:nowrap;justify-self:start}
.newsband__list a{color:var(--ink)}.newsband__list a:hover{color:var(--navy)}
.newsband .wrap>p{grid-column:2;margin:1.4em 0 0}
.news__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.news__item{display:grid;grid-template-columns:8em 7em minmax(0,1fr);gap:20px;padding:1.6em 0;border-bottom:1px solid var(--line);align-items:start}
.news__item h2{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}
.news__item h2 a:hover{color:var(--navy);text-decoration:underline;text-underline-offset:.3em}
.news__item p{margin:.6em 0 0;color:var(--ink-2);line-height:1.75}
.news__cover{display:inline-block;margin-top:1em;width:120px}.news__cover img{width:100%;aspect-ratio:476/674;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow)}
/* 채용 */
.jobs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.job{background:var(--surface);border:1px solid var(--line);padding:28px 30px;display:grid;gap:10px;align-content:start}
.job h2{font-size:1.375rem;font-weight:700;letter-spacing:-.015em}
.job__sum{margin:0;color:var(--ink-2);line-height:1.7}
.job h3{font-size:.8125rem;font-weight:500;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-family:var(--latin);margin-top:.8em}
.job .ct__list{margin:.2em 0 0;font-size:.9375rem}.job .ct__list li{padding:.4em 0 .4em 1.1em}
.job__loc{margin:.6em 0 0;font-size:.9375rem;color:var(--ink-2)}.job__loc span{color:var(--ink-3);margin-right:.6em;font-size:.8125rem;letter-spacing:.06em}
.job .btn{justify-self:start;margin-top:.6em}
.jobs-meta{padding-top:0}
.jobs-meta h3{font-size:.8125rem;font-weight:500;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-family:var(--latin);margin-bottom:.6em}
.form select{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:2px;padding:.75em .9em}
/* FAQ */
.faq{padding-top:0}
.faq__list{border-top:1px solid var(--line);max-width:920px}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:1.2em 0;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"";flex:0 0 12px;height:12px;border-right:1.5px solid var(--navy);border-bottom:1.5px solid var(--navy);transform:rotate(45deg) translateY(-4px);transition:transform .3s var(--ease);margin-top:.5em}
.faq__item[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.faq__item p{margin:0 0 1.4em;color:var(--ink-2);line-height:1.8;max-width:70ch}
@media (max-width:1024px){.steps{grid-template-columns:1fr}.steps--num{grid-template-columns:repeat(2,minmax(0,1fr))}.steps--inline{grid-template-columns:repeat(2,minmax(0,1fr))}.q-lab__grid{grid-template-columns:1fr}.certs-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.newsband .wrap{grid-template-columns:1fr}.newsband .wrap>p{grid-column:1}.jobs__grid{grid-template-columns:1fr}}
@media (max-width:820px){.newsband__list li{grid-template-columns:1fr;gap:4px}.news__item{grid-template-columns:1fr;gap:6px}.cmp__table tbody th{width:auto}}
[dir=rtl] .cmp__table th,[dir=rtl] .cmp__table td{text-align:right;border-left:0;border-right:1px solid var(--line)}
[dir=rtl] .cmp__table th:first-child,[dir=rtl] .cmp__table td:first-child{border-right:0}
[dir=rtl] .cmp__feat ul{padding:0 1em 0 0}

/* 비교 도구 */
.cmptool{padding-top:0;display:grid;gap:28px}
.picker__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:1.6em 0 1.2em}
.picker__tab{font:inherit;font-size:.875rem;font-weight:600;padding:.45em 1em;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);color:var(--ink-2);cursor:pointer}
.picker__tab[aria-selected=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.picker__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.pick{background:var(--surface);border:1px solid var(--line);padding:12px;display:grid;gap:6px;cursor:grab;text-align:center;transition:border-color .2s,transform .3s var(--ease)}
.pick:hover{border-color:var(--line-2);transform:translateY(-2px)}
.pick.dragging{opacity:.5}
.pick.is-on{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.pick img{width:100%;aspect-ratio:4/3;object-fit:contain}
.pick__model{font-family:var(--latin);font-weight:600;letter-spacing:.06em;font-size:.9375rem;color:var(--navy)}
.pick__name{font-size:.75rem;color:var(--ink-3);line-height:1.4;min-height:2.6em}
.pick__add{font:inherit;font-size:.8125rem;font-weight:600;padding:.5em .6em;border:1px solid var(--navy);border-radius:2px;background:transparent;color:var(--navy);cursor:pointer}
.pick.is-on .pick__add{background:var(--navy);color:#fff}
.tray{border:2px dashed var(--line-2);background:var(--surface);padding:20px 24px;display:grid;gap:14px;transition:border-color .2s,background .2s}
.tray.is-over{border-color:var(--navy);background:var(--navy-tint)}
.tray__head{display:flex;justify-content:space-between;align-items:baseline}
.tray__head h3{font-size:1.125rem;font-weight:700}
.tray__count{font-family:var(--latin);letter-spacing:.1em;color:var(--ink-3);font-size:.875rem}
.tray__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);background:var(--bg);min-height:56px;font-family:var(--latin);font-weight:600;letter-spacing:.05em;color:var(--navy)}
.chip img{width:56px;height:40px;object-fit:contain}
.chip span{flex:1;font-size:.9375rem}
.chip button{font:inherit;font-size:1.25rem;line-height:1;border:0;background:none;color:var(--ink-3);cursor:pointer;padding:4px 6px}
.chip button:hover{color:var(--navy)}
.chip--slot{justify-content:center;color:var(--ink-3);font-weight:400;letter-spacing:0;font-family:var(--kr);font-size:.875rem;border-style:dashed}
.tray__empty{margin:0;color:var(--ink-3);font-size:.9375rem}
.tray__note{margin:0;color:var(--navy);font-size:.9375rem;font-weight:500}
.tray__acts{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.switch{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:500;cursor:pointer}
.switch input{width:18px;height:18px;accent-color:var(--navy)}
#cmp-clear{font:inherit;background:none;border:0;cursor:pointer}
.cmpx .cmp__grp th{background:var(--navy-tint);color:var(--navy);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-family:var(--latin);padding:.6em 1em}
.cmpx tr.is-diff td{background:#fff7e6}
.cmpx td.yes{color:var(--navy);font-weight:700;text-align:center}.cmpx td.no{color:var(--line-2);text-align:center}
.cmpx .cmp__frow th{font-weight:400;color:var(--ink-2);text-transform:none;letter-spacing:0;font-size:.875rem}
.cmp__cat{font-size:.75rem;color:var(--ink-3)}
#cmp-static-head{padding-bottom:0}
@media (max-width:820px){.tray__list{grid-template-columns:repeat(2,minmax(0,1fr))}.picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pick{cursor:default}}
[dir=rtl] .cmpx .cmp__grp th{text-align:right}

/* 회사 사진 격자(가로 스크롤 띠 대체) */
.gal{list-style:none;margin:clamp(36px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;grid-column:1/-1}
.gal__item{margin:0;position:relative;overflow:hidden;background:var(--line)}
.gal__item img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;filter:saturate(.85);transition:transform .8s var(--ease)}
.gal__item:hover img{transform:scale(1.03)}
.gal figcaption{position:absolute;left:14px;right:14px;bottom:12px;font-size:.8125rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6);letter-spacing:.06em;font-family:var(--kr)}
.gallery{padding-bottom:clamp(72px,9vw,120px)}
.gallery .wrap+.wrap{display:block}
@media (max-width:1024px){.gal{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.gal{grid-template-columns:1fr}}
[dir=rtl] .gal figcaption{text-align:right}
.gal__item::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,rgba(14,18,36,.7),rgba(14,18,36,0));pointer-events:none}
.gal figcaption{z-index:1}

.co-quality{border-top:1px solid var(--line)}
.co-quality__grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.5fr);gap:clamp(40px,6vw,96px);align-items:start}
.steps--list{grid-template-columns:1fr;gap:0;margin-top:0;counter-reset:st}
.steps--list li{grid-template-columns:2.2em 1fr;grid-template-areas:"n t" "n d";gap:4px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:16px 0}
.steps--list li::before{grid-area:n;font-size:1.25rem}
.steps--list strong{grid-area:t}.steps--list span{grid-area:d}
.co-quality,.co-ceo,.co-overview,.co-vision,.co-history,.co-certs,.co-loc,.areas{scroll-margin-top:180px}
@media (max-width:1024px){.co-quality__grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:820px){.co-quality{scroll-margin-top:140px}}

/* 히어로 배경 영상 */
.hero--video .hero__img{animation:none;filter:saturate(.85) brightness(.7)}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.9) brightness(.72);opacity:0;transition:opacity 1.2s var(--ease)}
.hero__video.is-ready{opacity:1}
@media (prefers-reduced-motion:reduce){.hero__video{display:none}}

/* 편집형 머리: 제목 첫 줄과 리드 첫 줄의 윗선을 맞춘다 */
.areas .wrap>.sec__t,.lineup .wrap>.sec__t,.gallery .wrap>.sec__t,.downloads .wrap>.sec__t,.co-certs .wrap>.sec__t,.newsband .sec__t{margin-top:-.08em}
.areas .wrap>.sec__lede,.lineup .wrap>.sec__lede,.gallery .wrap>.sec__lede,.downloads .wrap>.sec__lede,.co-certs .wrap>.sec__lede{margin-top:.15em}
.lineup .wrap>.sec__lede .link-arrow{display:inline-flex;margin-top:.6em}
/* 앵커 이동 시 고정 메뉴에 가리지 않도록 */
.sec[id],.row[id],#products,#areas,#company,#proof,#news,#downloads,#careers,#contact{scroll-margin-top:108px}
@media (max-width:820px){.sec[id],.row[id],#products,#areas,#company,#proof,#news,#downloads,#careers,#contact{scroll-margin-top:76px}}

/* ── 채용: 입사지원 안내 표(얇은 선 + 라벨 열) ── */
.guide .sec__t{margin-bottom:1.4em}
.guide__list{margin:0;border-top:1px solid var(--ink)}
.guide__list>div{display:grid;grid-template-columns:11em 1fr;gap:32px;padding:1.6em 0;border-bottom:1px solid var(--line);align-items:start}
.guide__list dt{font-weight:700;color:var(--navy);font-size:1.125rem;letter-spacing:-.01em}
.guide__list dd{margin:0;color:var(--ink-2);font-size:1.0625rem;line-height:1.75}
.guide__list dd p{margin:0}.guide__list dd p+p{margin-top:.25em}
.guide__team{display:block;color:var(--ink);font-weight:600}
.guide__c{display:flex;flex-wrap:wrap;gap:.4em 1.6em}.guide__c a{color:var(--ink-2)}.guide__c a:hover{color:var(--navy)}
.guide__ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2em 2em}
.guide__ul li{padding-left:1em;position:relative}.guide__ul li::before{content:"";position:absolute;left:0;top:.8em;width:.4em;height:1px;background:var(--navy)}
.flow{list-style:none;margin:.2em 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:720px}
.flow li{position:relative;display:grid;justify-items:center;text-align:center;gap:6px;padding:0 12px}
.flow li+li::before{content:"";position:absolute;top:44px;left:calc(-50% + 44px);width:calc(100% - 88px);height:1px;background:var(--line-2,var(--line))}
.flow li+li::after{content:"";position:absolute;top:40px;left:calc(0% - 6px);width:7px;height:7px;border-top:1px solid var(--ink-3);border-right:1px solid var(--ink-3);transform:rotate(45deg)}
.flow__ring{width:88px;height:88px;border-radius:50%;border:1px solid var(--navy);display:grid;place-items:center;background:var(--bg);position:relative;z-index:1}
.flow li:last-child .flow__ring{background:var(--navy)}
.flow__ring svg{width:38px;height:38px;fill:none;stroke:var(--navy);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.flow li:last-child .flow__ring svg{stroke:#fff}
.flow__n{font-family:var(--latin);font-size:.75rem;letter-spacing:.16em;color:var(--ink-3);margin-top:8px}
.flow strong{font-size:1.0625rem;color:var(--ink);font-weight:700;letter-spacing:-.01em}
[dir=rtl] .flow li+li::after{transform:rotate(-135deg);left:auto;right:-6px}
[dir=rtl] .flow li+li::before{left:auto;right:calc(-50% + 44px)}
@media (max-width:820px){
  .guide__list>div{grid-template-columns:1fr;gap:10px;padding:1.3em 0}
  .guide__ul{grid-template-columns:1fr}
  .flow{max-width:none}.flow li{padding:0 4px}.flow__ring{width:68px;height:68px}.flow__ring svg{width:30px;height:30px}
  .flow li+li::before{top:34px;left:calc(-50% + 34px);width:calc(100% - 68px)}.flow li+li::after{top:30px}
}

/* ── 채용: 이메일 지원 CTA ── */
.sec.apply{padding-top:0}
.apply__box{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding:0}
.apply__box .sec__t{margin-bottom:.5em}
.apply__act{display:grid;justify-items:start;gap:14px}
.apply__mail{font-family:var(--latin);font-size:1.125rem;color:var(--navy);letter-spacing:.01em}
[dir=rtl] .apply__act{justify-items:end}
@media (max-width:820px){.apply__box{grid-template-columns:1fr;gap:20px}}

.careers__acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.careers__acts .link-arrow{font-family:var(--latin);letter-spacing:.01em}

@media (max-width:820px){.br-d{display:none}}

/* ── 채용: 직무 소개(번호 + 제목 열 / 소개·유관 전공·필요 역량 열) ── */
.roles__head{margin-bottom:2.4em}
.roles__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.role{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,2fr);gap:32px clamp(32px,5vw,80px);padding:2.4em 0;border-bottom:1px solid var(--line)}
.role__n{display:block;font-family:var(--latin);font-size:.8125rem;letter-spacing:.16em;color:var(--navy);font-weight:600;margin-bottom:.9em}
.role__head h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}
.role__sub{margin:.5em 0 0;color:var(--ink-3);font-size:.9375rem;letter-spacing:.02em}
.role__intro{margin:0 0 1.6em;font-size:1.0625rem;line-height:1.8;color:var(--ink-2);max-width:62ch}
.role__facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.role__facts>div{border-top:1px solid var(--line);padding-top:.9em}
.role__facts dt{font-size:.8125rem;font-weight:500;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-family:var(--latin);margin-bottom:.6em}
.role__facts dd{margin:0;font-size:.9375rem;line-height:1.7;color:var(--ink-2)}
.role__facts ul{list-style:none;margin:0;padding:0}
.role__facts li{padding-left:1em;position:relative}.role__facts li::before{content:"";position:absolute;left:0;top:.8em;width:.4em;height:1px;background:var(--navy)}
.role__facts li+li{margin-top:.35em}
[dir=rtl] .role__facts li{padding-left:0;padding-right:1em}[dir=rtl] .role__facts li::before{left:auto;right:0}
.benefits__grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);gap:32px clamp(40px,6vw,96px);align-items:start}
.benefits__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--line)}
.benefits__list li{padding:.9em 0;border-bottom:1px solid var(--line);font-size:1.0625rem;line-height:1.6;color:var(--ink-2)}
@media (max-width:1024px){.role__facts{grid-template-columns:1fr}}
@media (max-width:820px){
  .role{grid-template-columns:1fr;gap:18px;padding:1.8em 0}.role__head h3{font-size:1.3rem}
  .benefits__grid{grid-template-columns:1fr;gap:20px}.benefits__list{grid-template-columns:1fr}
  .subnav{top:76px}
}

/* 인증서 그리드: 좁은 화면은 2열(3열이면 썸네일 109px·설명 3줄로 들쭉날쭉, 2026-09-10 모바일 점검) */
@media (max-width:520px){.certs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.certs-grid .cover__t{font-size:.9375rem}}