/* 추가 탭(인증·특허 / ESG / 회사소식) 전용 스타일 — c.tabs 가 있는 회사 dist 에만 복사된다.
   메뉴가 9개로 늘어 데스크톱 폭이 좁을 때 넘치지 않도록 햄버거 전환 폭을 넓힌다. */

/* ── 메뉴 폭 대응 ───────────────────────────────────────── */
@media (min-width:1181px){
  .gnb a[href="/contact"]{ display:none } /* 우측 「문의하기」 버튼과 중복 */
  body[data-brand] .gnb a{ padding:9px 12px; font-size:14.5px }
  .site-head .wrap{ gap:20px }
}
@media (min-width:1181px) and (max-width:1320px){ .head-tel{ display:none } }
@media (min-width:901px) and (max-width:1180px){
  .burger{ display:block }
  .gnb{
    position:fixed; inset:var(--head-h) 0 auto; margin:0; flex-direction:column; gap:0;
    background:#fff; border-bottom:1px solid var(--line); padding:10px 16px 20px;
    box-shadow:var(--shadow-lg); display:none; max-height:calc(100vh - var(--head-h)); overflow-y:auto;
  }
  .gnb.open{ display:flex }
  .gnb a, body[data-brand] .gnb a{ padding:14px 10px; font-size:16px; border-radius:10px }
  .gnb a.on::after{ display:none }
  .gnb a.on{ background:var(--tint) }
  .head-cta{ margin-left:auto }
}

/* ── 인증·특허: 대표 인증 카드 ─────────────────────────── */
.cert-feat{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px }
.cert-feat .cf{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:28px 24px 24px; display:flex; flex-direction:column;
}
.cert-feat .cf-mk{
  width:64px; height:64px; border-radius:50%; display:grid; place-items:center;
  background:radial-gradient(circle at 30% 30%,var(--c3),var(--c1)); color:#fff;
  font-weight:800; font-size:17px; letter-spacing:-.02em; margin-bottom:20px;
  box-shadow:0 0 0 6px var(--tint);
}
.cert-feat h3{ font-size:17.5px; font-weight:750; line-height:1.4 }
.cert-feat p{ margin-top:8px; color:var(--ink-3); font-size:14.5px; line-height:1.6 }
.cert-feat .cf-meta{ margin-top:auto; padding-top:16px; font-size:13px; font-weight:700; color:var(--c2); font-variant-numeric:tabular-nums }

/* ── 인증·특허: 분야별 목록 ─────────────────────────────── */
.cert-tabs{ margin-bottom:26px }
.cert-tabs button span{ margin-left:4px; font-size:12px; opacity:.7; font-variant-numeric:tabular-nums }
.cert-group{ margin-top:30px }
.cert-group[hidden]{ display:none }
.cg-head{ display:flex; align-items:baseline; gap:12px; padding-bottom:12px; border-bottom:2px solid var(--ink); margin-bottom:4px }
.cg-head h3{ font-size:19px; font-weight:800 }
.cg-head .en{ font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--c3) }
.cg-head .n{ margin-left:auto; font-size:13px; font-weight:700; color:var(--ink-4) }
.cert-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:0 28px }
.ci{ display:grid; grid-template-columns:auto 1fr; gap:6px 14px; padding:18px 2px; border-bottom:1px solid var(--line); align-items:start }
.ci .tag{ margin-top:2px }
.ci-bd h4{ font-size:15.5px; font-weight:750; line-height:1.45; color:var(--ink) }
.ci-bd p{ margin-top:4px; font-size:14px; color:var(--ink-3); line-height:1.55 }
.ci-meta{ grid-column:2; display:flex; flex-wrap:wrap; gap:4px 16px; margin:2px 0 0; font-size:13px }
.ci-meta div{ display:flex; gap:6px }
.ci-meta dt{ color:var(--ink-4); font-weight:600 }
.ci-meta dd{ margin:0; color:var(--ink-2); font-weight:650; font-variant-numeric:tabular-nums }

/* ── ESG ───────────────────────────────────────────────── */
.esg-p{ padding-top:30px }
.esg-k{
  width:58px; height:58px; border-radius:16px; display:grid; place-items:center;
  font-size:26px; font-weight:850; color:#fff; margin-bottom:18px;
  background:linear-gradient(135deg,var(--c1),var(--c3));
}
.esg-l{ list-style:none; margin:20px 0 0; padding:0; display:block }
.card ul.esg-l{ display:block }
.esg-l li, .card .esg-l li{
  display:block; position:relative; padding:12px 0 12px 22px; border-top:1px solid var(--line);
  background:none; border-radius:0; font-size:14.5px; font-weight:600; color:var(--ink-2); line-height:1.6;
}
.esg-l li::before{ content:'✓'; position:absolute; left:0; top:12px; color:var(--c3); font-weight:800 }

/* ── 회사소식 ──────────────────────────────────────────── */
.news{ border-top:2px solid var(--ink) }
.nw{ display:grid; grid-template-columns:120px 1fr; gap:24px; padding:26px 4px; border-bottom:1px solid var(--line) }
.nw-d{ font-size:16px; font-weight:800; color:var(--c2); font-variant-numeric:tabular-nums; padding-top:2px }
.nw-bd h3{ margin-top:10px; font-size:18px; font-weight:750; line-height:1.45 }
.nw-bd p{ margin-top:8px; color:var(--ink-3); font-size:15px; line-height:1.7 }

@media (max-width:1080px){ .cert-feat{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:900px){ .esg.g3{ grid-template-columns:1fr } .cert-list{ grid-template-columns:1fr } }
@media (max-width:560px){
  .cert-feat{ grid-template-columns:1fr }
  .nw{ grid-template-columns:1fr; gap:6px; padding:22px 2px }
}