/* ─────────────────────────────────────────────────────────────
   히즈하이드로 CI 레이어 — c.ci 가 있는 회사(히즈하이드로) dist 에만 복사·로드된다(site.css 뒤).
   근거: 「HIS HYDRO CI Design Guidelines」(BRANDIO, 2026.10)
   브랜드 컬러 DARK NAVY #1A2939 · BLUE #0073AB / 지정서체 KoPub 돋움체·Noto Sans → 웹은 Noto Sans KR
   천정수 과장 #0663~#0665 (2026-10-12)
   ───────────────────────────────────────────────────────────── */
body[data-brand="his"]{
  --c1:#1A2939; --c2:#0073AB; --c3:#0073AB; --tint:#E6F1F7; --tint-2:#CCE3EE; --bg-2:#F4F7FA; --bg-3:#EAF0F5;
  --font:'Noto Sans KR','Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;
}
/* 사진 없는 히어로(예비) */
body[data-brand="his"] .hero{ background:linear-gradient(180deg,#F2F7FB 0%,#ffffff 70%) }
body[data-brand="his"] .hero::before{
  background:
    radial-gradient(900px 420px at 88% 0%,rgba(0,115,171,.14),transparent 62%),
    radial-gradient(600px 360px at 6% 100%,rgba(26,41,57,.10),transparent 60%);
}
body[data-brand="his"] .hero-stats .it{ border-left-color:rgba(26,41,57,.14) }
@media (max-width:900px){ body[data-brand="his"] .hero-stats .it{ border-top-color:rgba(26,41,57,.14) } }

/* 사진 히어로 — 네이비 오버레이 + 블루 버튼 (로고는 사진 위에 두지 않음: 가이드 사용금지 「복잡한 사진 위」) */
body[data-brand="his"] .hero.has-photo::before{
  background:linear-gradient(180deg,rgba(26,41,57,.55) 0%,rgba(26,41,57,.82) 62%,rgba(26,41,57,.94) 100%);
}
body[data-brand="his"] .hero.has-photo .btn.on-dark{ background:var(--c2); border-color:var(--c2); color:#fff }
body[data-brand="his"] .hero.has-photo .btn.on-dark:hover{ background:#fff; border-color:#fff; color:var(--c1) }
body[data-brand="his"] .hero.has-photo .btn.on-dark+.btn.on-dark{ background:rgba(255,255,255,.14); color:#fff; border-color:rgba(255,255,255,.4) }
body[data-brand="his"] .hero.has-photo .btn.on-dark+.btn.on-dark:hover{ background:#fff; color:var(--c1) }
body[data-brand="his"] .hero.has-photo .hero-stats{ background:rgba(17,28,40,.82) }
body[data-brand="his"] .hero.has-photo .hero-stats .it{ border-left-color:rgba(255,255,255,.16); border-top-color:rgba(255,255,255,.16) }

/* 띠·푸터 */
body[data-brand="his"] .page-head{ background:linear-gradient(120deg,var(--c1) 0%,var(--c1) 35%,var(--c2) 100%) }
body[data-brand="his"] .cta{ background:var(--c2) }
body[data-brand="his"] .site-foot{ background:var(--c1); color:#AEB8C4 }
body[data-brand="his"] .site-foot .co-info b{ color:#E3E8EE }

/* CI 로고 — 헤더(기본 시그니쳐) · 푸터(슬로건 조합 · 반전) */
body[data-brand="his"] .brand.ci-brand{ display:flex; align-items:center; padding:6px 0 }
body[data-brand="his"] .brand.ci-brand .ci-logo{ height:22px; width:auto }
body[data-brand="his"] .site-foot .brand.ci-brand .ci-foot{ height:46px; width:auto }
body[data-brand="his"] .site-foot .ci-legal{ margin-top:16px; color:#fff; font-weight:700; font-size:15px }

/* 회사소개 — CI 소개 */
body[data-brand="his"] .ci-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px }
body[data-brand="his"] .ci-box{ margin:0; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:34px 28px 18px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:22px; min-height:190px }
body[data-brand="his"] .ci-box img{ width:100%; max-width:260px; height:auto; margin:auto 0 }
body[data-brand="his"] .ci-box figcaption{ font-size:13px; font-weight:600; color:var(--ink-3) }
body[data-brand="his"] .ci-box.ci-sym{ grid-row:span 2 }
body[data-brand="his"] .ci-box.ci-sym img{ max-width:150px }
body[data-brand="his"] .ci-box.ci-main{ grid-column:span 3 }
body[data-brand="his"] .ci-box.ci-main img{ max-width:440px }
body[data-brand="his"] .ci-box.ci-dark{ background:var(--c1); border-color:var(--c1) }
body[data-brand="his"] .ci-box.ci-dark figcaption{ color:#AEB8C4 }
body[data-brand="his"] .ci-colors{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px }
body[data-brand="his"] .ci-sw{ display:flex; align-items:center; gap:16px; border:1px solid var(--line); border-radius:var(--radius); padding:16px 18px; background:#fff }
body[data-brand="his"] .ci-sw .chipc{ width:64px; height:64px; border-radius:12px; flex:0 0 auto }
body[data-brand="his"] .ci-sw b{ display:block; font-size:15px; letter-spacing:.02em }
body[data-brand="his"] .ci-sw span{ display:block; font-size:13px; color:var(--ink-3); font-variant-numeric:tabular-nums }
@media (max-width:900px){
  body[data-brand="his"] .ci-grid{ grid-template-columns:1fr 1fr }
  body[data-brand="his"] .ci-box.ci-sym{ grid-row:auto }
  body[data-brand="his"] .ci-box.ci-main{ grid-column:span 1 }
  body[data-brand="his"] .ci-colors{ grid-template-columns:1fr }
}
@media (max-width:560px){
  body[data-brand="his"] .brand.ci-brand .ci-logo{ height:18px }
  body[data-brand="his"] .ci-grid{ grid-template-columns:1fr }
  body[data-brand="his"] .ci-box{ min-height:150px }
}