/* =================================================================
   힐링쉴드 회사소개 — 통합 스타일시트 (nav_A)
   페이지: about / vision / product / partnership / people / contact
   ─────────────────────────────────────────────────────────────────
   목차
   0. WEBFONT IMPORTS (Pretendard / Inter / Material Symbols)
   1. RESET & VARIABLES
   2. TYPOGRAPHY UTILITY (Bootstrap-style)
   3. COMMON COMPONENTS (Nav / Hero / Chapter-divider / Footer / Reveal)
   4. ABOUT PAGE
   5. VISION PAGE
   6. PRODUCT PAGE
   7. PARTNERSHIP PAGE
   8. PEOPLE PAGE
   9. CONTACT PAGE
   ================================================================= */

/* ===== 0. WEBFONT IMPORTS ===== */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

/* =================================================================
   힐링쉴드 회사소개 — 공통 스타일 (nav_A)
   6개 페이지 (about / vision / product / partnership / people / contact)
   ================================================================= */

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }

:root {
  /* Brand Colors */
  --green:#92c41d;
  --green-on-dark:#b8e05a;
  --sky:#6f9ac9;
  --indigo:#060047;
  --black:#1d1d1d;
  --white:#fff;

  /* Grays */
  --gray-50:#f8f8f8;
  --gray-100:#f0f0f0;
  --gray-200:#e5e5e5;
  --gray-400:#999;
  --gray-600:#666;
  --gray-800:#333;

  /* Layout */
  --max-w:1440px;
  --nav-h:64px;

  /* ===== Typography Tokens (Bootstrap-style 2-tier) ===== */
  /* Labels */
  --label-lg: 18px;        /* 섹션 헤더 + 카드 코너 라벨 */
  --label-sm: 13px;        /* 인덱스 + 인포 행 라벨 */
  --label-spacing-lg: .24em;
  --label-spacing-sm: .22em;
  /* Body */
  --body-size: 16px;       /* 모든 본문 default */
  --body-line: 1.7;
  --small-size: 13px;      /* 칩 / 미니 메타 */
  --small-line: 1.55;

  /* Legacy aliases (호환용 — 점차 제거) */
  --eyebrow-t1: var(--label-lg);
  --eyebrow-t2: var(--label-lg);
  --eyebrow-t3: var(--label-sm);
  --eyebrow-t4: var(--label-sm);
  --eyebrow-spacing-t1: var(--label-spacing-lg);
  --eyebrow-spacing-t2: var(--label-spacing-lg);
  --eyebrow-spacing-t3: var(--label-spacing-sm);
  --eyebrow-spacing-t4: var(--label-spacing-sm);
}

html { scroll-behavior:smooth; scrollbar-width:none; }
html::-webkit-scrollbar { display:none; }

body, html {
  font-family:'Inter','Pretendard',-apple-system,sans-serif !important;
}
body {
  color:var(--black); background:#fff;
  font-size:15px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
  word-break:keep-all;
}
/* MakeShop common.css overrides */
h1, h2, h3, h4, h5, h6, p, div, span, a, li, td, th, button, input, textarea {
  font-family:inherit !important;
}
/* Material Symbols 아이콘은 전용 폰트 유지 */
.material-symbols-outlined {
  font-family:'Material Symbols Outlined' !important;
}
/* MakeShop의 a{font-size:12px} 룰 무력화 — 링크가 부모 사이즈 상속 */
a, button { font-size:inherit; }
/* 헤딩 — Pretendard 우선 + MakeShop의 color:#777 회색 강제 룰 무력화 */
h1, h2, h3, h4, h5, h6 {
  font-family:'Pretendard Variable','Pretendard','Inter',sans-serif !important;
  color:var(--black) !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
/* 다크 섹션 헤딩은 흰색 유지 */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3 { color:#fff !important; }
/* MakeShop의 'button span { visibility:hidden }' 룰 무력화 — 햄버거 X 라인 보이게 */
.nav-toggle span {
  visibility:visible !important;
}

img { max-width:100%; display:block; }
a { text-decoration:none; color:inherit; }

::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:var(--gray-200); border-radius:10px; }
::-webkit-scrollbar-thumb:hover { background:var(--green); }

/* =================================================================
   TOP NAVIGATION (6-page flat menu)
   ================================================================= */
.top-nav {
  position:fixed; top:0; left:0; right:0; z-index:1000; height:var(--nav-h);
  background:rgba(255,255,255,.85); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  box-shadow:0 1px 0 rgba(29,29,29,.06);
  display:flex; align-items:center; justify-content:center;
  transition:background .4s cubic-bezier(.2,0,0,1), box-shadow .4s cubic-bezier(.2,0,0,1);
}
body.is-dark-section .top-nav { background:rgba(0,0,0,.25); box-shadow:none; }
body.is-dark-section .top-nav .nav-item a { color:rgba(255,255,255,.75) !important; }
body.is-dark-section .top-nav .nav-item a:hover { color:#fff !important; background:rgba(255,255,255,.1); }
body.is-dark-section .top-nav .nav-item a.active { color:#fff !important; background:rgba(255,255,255,.18); }
body.is-dark-section .top-nav .nav-divider { background:rgba(255,255,255,.22); }
body.is-dark-section .nav-brand .logo-color { opacity:0; }
body.is-dark-section .nav-brand .logo-white { opacity:1; }

.nav-inner { max-width:1440px; width:100%; margin:0 auto; display:flex; align-items:center; padding:0 40px; }
.nav-brand { display:flex; align-items:center; margin-right:36px; flex-shrink:0; height:36px; position:relative; }
.nav-brand .logo { width:103px; height:36px; display:block; transition:opacity .35s; }
.nav-brand .logo-white { position:absolute; left:0; top:0; opacity:0; }
.nav-divider { width:1px; height:28px; background:rgba(29,29,29,.12); margin-right:28px; flex-shrink:0; }
.nav-list { list-style:none; display:flex; align-items:center; justify-content:flex-end; gap:4px; flex:0 0 auto; margin-left:auto; }
.nav-list::-webkit-scrollbar { display:none; }
.nav-item a {
  display:flex; align-items:center; gap:6px;
  padding:8px 18px; font-size:13px; font-weight:500;
  color:var(--gray-600); border-radius:20px; white-space:nowrap;
  transition:all .2s;
}
.nav-item a:hover { color:var(--black); background:rgba(29,29,29,.05); }
.nav-item a.active { color:#fff !important; font-weight:700; background:#1D1D1D !important; }
.nav-item a.active .nav-num { color:var(--green) !important; }
.nav-item a .nav-num { font-size:11px; color:var(--green); font-weight:700; }

/* 모바일 드로어 홈 항목 — 데스크탑에선 숨김 */
.nav-mobile-home { display:none; }

/* 홈으로 버튼 (그린 채움 + 흰 글자) */
.nav-home-btn {
  display:inline-flex; align-items:center; gap:4px;
  padding:8px 18px; margin-left:12px;
  font-size:13px; font-weight:600; color:#fff !important;
  background:var(--green) !important; border:1px solid var(--green); border-radius:20px;
  white-space:nowrap; transition:all .2s;
}
.nav-home-btn:hover { background:#1D1D1D !important; border-color:#1D1D1D; }
.nav-home-btn .material-symbols-outlined { font-size:15px; color:#fff; }

/* Hamburger Toggle (모바일 전용) */
.nav-toggle { display:none; background:transparent; border:none; cursor:pointer; padding:8px; width:40px; height:40px; flex-direction:column; justify-content:center; align-items:center; gap:5px; margin-left:auto; position:relative; z-index:1002; }
.nav-toggle span { display:block; width:22px; height:2px; background:var(--black); border-radius:2px; transition:transform .35s cubic-bezier(.22,1,.36,1), opacity .25s, background .25s; }
body.is-dark-section .nav-toggle span { background:#fff; }
body.nav-open .nav-toggle span { background:var(--black); }
body.nav-open .nav-toggle span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
body.nav-open .nav-toggle span:nth-child(2) { opacity:0; }
body.nav-open .nav-toggle span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

@media (max-width:900px) {
  .nav-toggle { display:flex; }
  .nav-divider { display:none; }
  .nav-home-btn { display:none; }
  /* backdrop-filter 제거 (fixed 자식 위치 문제) + 적당한 톤의 반투명 배경 */
  .top-nav { backdrop-filter:none; -webkit-backdrop-filter:none; background:rgba(255,255,255,.92); }
  body.is-dark-section .top-nav { background:rgba(0,0,0,.4); }
  /* 배경 딤 오버레이 */
  body::after {
    content:''; position:fixed; inset:0; z-index:998;
    background:rgba(0,0,0,.45); opacity:0; visibility:hidden;
    transition:opacity .35s, visibility .35s;
  }
  body.nav-open::after { opacity:1; visibility:visible; }
  .nav-list {
    position:fixed; top:0; left:auto; right:0; bottom:0;
    width:50%; min-width:280px; max-width:400px;
    background:#fff; flex-direction:column; align-items:stretch;
    justify-content:flex-start; gap:0; padding:calc(var(--nav-h) + 24px) 32px 40px;
    transform:translateX(100%); transition:transform .4s cubic-bezier(.22,1,.36,1), box-shadow .3s;
    overflow-y:auto; box-shadow:none;
    z-index:999;
  }
  body.nav-open { overflow:hidden; }
  body.nav-open .nav-list { transform:translateX(0); box-shadow:-12px 0 32px rgba(0,0,0,.15); }
  /* 햄버거 항상 최상위 — nav-open 상태에서도 헤더 톤 유지, X 색상은 섹션 따라 자동 */
  .nav-toggle { z-index:1010; }
  /* 다크 섹션 위에서 햄버거 눌러도 메뉴는 흰 배경 유지 */
  body.is-dark-section .nav-list { background:#fff; }
  .nav-item { width:100%; }
  .nav-item a {
    padding:20px 4px; font-size:20px; font-weight:600; border-radius:0;
    border-bottom:1px solid var(--gray-100); color:var(--black);
    justify-content:flex-start; gap:14px;
  }
  .nav-item a .nav-num { font-size:13px; color:var(--green); font-weight:700; min-width:22px; }
  .nav-item a:hover { background:transparent; color:var(--green); }
  .nav-list .nav-item a.active { background:transparent !important; color:var(--green) !important; font-weight:700; }
  .nav-list .nav-item a.active .nav-num { color:var(--green) !important; }
  body.is-dark-section .nav-list .nav-item:not(.nav-mobile-home) a { color:var(--black) !important; }
  body.is-dark-section .nav-list .nav-item a.active { color:var(--green) !important; }
  /* 홈으로 버튼은 다크 섹션에서도 흰 텍스트 유지 */
  body.is-dark-section .nav-list .nav-mobile-home a { color:#fff !important; }

  /* 모바일 드로어 홈 버튼 — Contact 바로 아래에 배치 */
  .nav-mobile-home { display:block !important; margin-top:20px; }
  .nav-mobile-home a {
    background:var(--green) !important; color:#fff !important;
    padding:16px 20px !important;
    border-radius:10px !important; border-bottom:none !important;
    justify-content:center !important; gap:8px !important;
    font-size:18px !important; font-weight:700 !important;
  }
  .nav-mobile-home a:hover { background:#1D1D1D !important; }
  .nav-mobile-home .material-symbols-outlined { color:#fff; font-size:18px; }
}

/* =================================================================
   COMMON UTILITIES
   ================================================================= */
.inner { max-width:var(--max-w); width:100%; margin:0 auto; padding:0 40px; }

.material-symbols-outlined { font-variation-settings:'FILL' 0, 'wght' 500; vertical-align:middle; }

/* =================================================================
   TYPOGRAPHY UTILITY CLASSES (Bootstrap-style)
   ================================================================= */

/* ─── Labels ─── */
.label-lg,
.eyebrow {
  font-family:'Inter',sans-serif;
  font-size:var(--label-lg); font-weight:700;
  letter-spacing:var(--label-spacing-lg);
  color:var(--green); text-transform:uppercase;
  line-height:1.4;
}
.label-sm {
  font-family:'Inter',sans-serif;
  font-size:var(--label-sm); font-weight:800;
  letter-spacing:var(--label-spacing-sm);
  color:var(--green); text-transform:uppercase;
  line-height:1.4;
}

/* ─── Body Text ─── */
.body {
  font-family:'Inter','Pretendard',-apple-system,sans-serif;
  font-size:var(--body-size); line-height:var(--body-line);
  font-weight:400; color:var(--black);
  word-break:keep-all;
}
.small {
  font-family:'Inter','Pretendard',-apple-system,sans-serif;
  font-size:var(--small-size); line-height:var(--small-line);
  font-weight:500; color:var(--gray-800);
  word-break:keep-all;
}

/* ─── Modifiers (조합용) ─── */
.muted { color:var(--gray-600); }
.label-lg.muted, .label-sm.muted { color:var(--gray-400); }
.strong { font-weight:700; color:var(--black); }
.on-dark { color:var(--green-on-dark); }
.label-lg.on-dark, .label-sm.on-dark { color:var(--green-on-dark); }
.body.on-dark { color:rgba(255,255,255,.88); }
.body.muted.on-dark, .small.on-dark { color:rgba(255,255,255,.7); }
.eyebrow.on-dark { color:var(--green-on-dark); }

/* Legacy eyebrow tiers (단계별 deprecation) */
.eyebrow-1 { font-size:var(--label-lg); letter-spacing:var(--label-spacing-lg); font-weight:700; font-family:'Inter',sans-serif; color:var(--green); text-transform:uppercase; line-height:1.4; }
.eyebrow-2 { font-size:var(--label-lg); letter-spacing:var(--label-spacing-lg); font-weight:700; font-family:'Inter',sans-serif; color:var(--green); text-transform:uppercase; line-height:1.4; }
.eyebrow-3 { font-size:var(--label-sm); letter-spacing:var(--label-spacing-sm); font-weight:800; font-family:'Inter',sans-serif; color:var(--green); line-height:1.4; }
.eyebrow-4 { font-size:var(--label-sm); letter-spacing:var(--label-spacing-sm); font-weight:800; font-family:'Inter',sans-serif; color:var(--gray-400); text-transform:uppercase; line-height:1.4; }
.eyebrow-1.on-dark, .eyebrow-2.on-dark, .eyebrow-3.on-dark { color:var(--green-on-dark); }
.eyebrow-4.on-dark { color:rgba(255,255,255,.5); }
.eyebrow-2.gray { color:var(--gray-600); }
.eyebrow-4.green { color:var(--green); }

/* =================================================================
   REVEAL ANIMATION (scroll-triggered)
   ================================================================= */
.reveal {
  opacity:0; transform:translateY(40px);
  transition:opacity 1s cubic-bezier(.22,1,.36,1), transform 1s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}
.reveal.is-visible { opacity:1; transform:translateY(0); }
.reveal.delay-1 { transition-delay:.1s; }
.reveal.delay-2 { transition-delay:.2s; }
.reveal.delay-3 { transition-delay:.3s; }
.reveal.delay-4 { transition-delay:.4s; }
.reveal.delay-5 { transition-delay:.5s; }

/* =================================================================
   HERO (공통) — 페이지별 배경은 --hero-bg 변수로 지정
   ================================================================= */
.hero {
  position:relative; min-height:100vh;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden; color:#fff; padding-top:var(--nav-h);
}
.hero::before {
  content:''; position:absolute; inset:0;
  background-position:center; background-size:cover;
  transform:scale(1.05); z-index:0;
}
.hero::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.3), rgba(0,0,0,.55) 60%, rgba(0,0,0,.75));
  z-index:1;
}
.hero .inner { position:relative; z-index:2; text-align:center; }
.hero .eyebrow { color:var(--green-on-dark); margin-bottom:28px; }
.hero h1 { font-size:clamp(36px,4.5vw,52px); font-weight:700; line-height:1.2; letter-spacing:-.025em; color:#fff; }
.hero .lead {
  margin-top:32px; font-size:20px; line-height:1.5;
  color:rgba(255,255,255,.88); max-width:640px;
  margin-left:auto; margin-right:auto;
}

/* Scroll Cue — 히어로 하단 드립 애니메이션 */
.hero .scroll-cue {
  position:absolute; bottom:40px; left:50%; transform:translateX(-50%); z-index:2;
  display:flex; flex-direction:column; align-items:center; gap:10px;
  color:rgba(255,255,255,.7); font-size:11px; font-weight:700; letter-spacing:.3em;
}
.hero .scroll-cue .line {
  position:relative; width:1px; height:36px;
  background:rgba(255,255,255,0.2); overflow:hidden;
}
.hero .scroll-cue .line::after {
  content:""; position:absolute; left:0; top:0; width:100%; height:14px;
  background:var(--green); transform:translateY(-14px);
  animation:scrollDrip 1.8s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
@keyframes scrollDrip {
  0% { transform:translateY(-14px); }
  100% { transform:translateY(50px); }
}

/* =================================================================
   CHAPTER DIVIDER (PART 01 / PART 02 / PART 03 ...)
   ================================================================= */
.chapter-divider {
  padding:120px 0; background:var(--gray-50); text-align:center;
  border-top:1px solid var(--gray-100); border-bottom:1px solid var(--gray-100);
}
.chapter-divider .divider-num {
  font-family:'Inter',sans-serif;
  font-size:var(--eyebrow-t1); font-weight:700;
  letter-spacing:var(--eyebrow-spacing-t1);
  color:var(--green); text-transform:uppercase;
  display:inline-flex; align-items:center; gap:14px;
}
.chapter-divider .divider-num::before,
.chapter-divider .divider-num::after {
  content:''; display:inline-block;
  width:32px; height:2px; background:var(--green);
}
.chapter-divider h2 {
  margin-top:16px; font-size:clamp(32px,3.6vw,44px);
  font-weight:700; letter-spacing:-.02em; line-height:1.3;
}
.chapter-divider .sub {
  margin-top:14px; font-size:15px; color:var(--gray-600);
  max-width:640px; margin-left:auto; margin-right:auto;
}

/* =================================================================
   FOOTER HINT
   ================================================================= */
.footer-hint {
  padding:40px 0 80px; background:var(--gray-50); text-align:center;
  font-size:12px; letter-spacing:.3em; color:var(--gray-400); text-transform:uppercase;
}


/* ═══════════════════════════════════════════════════════════════ */
/*                    4. ABOUT PAGE                                  */
/* ═══════════════════════════════════════════════════════════════ */

    /* Page-specific: hero 배경 + lead 너비 */
    .page-about .hero::before { background-image:url('/design/crom3692/About/about_hero.jpg'); }
    .hero .lead { max-width:560px; }

    /* ===== 인사말 영역 ===== */
    .chapter-opening { padding:160px 0; text-align:center; }
    .chapter-opening .quote { font-size:clamp(28px,3.8vw,46px); font-weight:700; line-height:1.4; letter-spacing:-.02em; color:var(--black); max-width:900px; margin:28px auto 0; }
    .chapter-opening .quote em { font-style:normal; background:linear-gradient(180deg, transparent 62%, rgba(146,196,29,.35) 62%); padding:0 4px; }

    .chapter-focus { padding:140px 0; background:var(--gray-50); }
    .chapter-focus .grid { display:grid; grid-template-columns:1fr 1.1fr; gap:80px; align-items:center; }
    .page-about .chapter-focus .visual { position:relative; aspect-ratio:4/5; border-radius:4px; overflow:hidden; background:url('/design/crom3692/About/about_hero.jpg') center/cover; }
    .chapter-focus .visual::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(6,0,71,0) 40%, rgba(6,0,71,.6) 100%); }
    .chapter-focus .visual .tag { position:absolute; left:32px; bottom:32px; color:#fff; font-weight:700; font-size:13px; letter-spacing:.15em; z-index:1; }
    .chapter-focus h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .chapter-focus .body { margin-top:32px; font-size:16px; line-height:1.85; color:var(--gray-800); }
    .chapter-focus .body p + p { margin-top:20px; }

    /* Our Standard 메시지 (focus → sign 사이 브릿지) */
    /* CEO 인사말 — 3단락 스토리 */
    .chapter-story { background:#fff; }
    .chapter-story .story-row { position:relative; padding:200px 0; border-top:1px solid var(--gray-100); overflow:hidden; }
    .chapter-story .story-row:nth-child(even) { background:var(--gray-50); }
    .chapter-story .story-row .watermark { position:absolute; right:-40px; bottom:-60px; font-family:'Inter',sans-serif; font-size:clamp(180px,22vw,320px); font-weight:900; letter-spacing:-.06em; line-height:.8; color:rgba(146,196,29,0.06); pointer-events:none; user-select:none; z-index:0; white-space:nowrap; }
    .chapter-story .story-row:nth-child(even) .watermark { color:rgba(29,29,29,0.04); }
    .chapter-story .story-row .inner { position:relative; z-index:1; }
    .chapter-story .story-row .grid { display:grid; grid-template-columns:240px 1fr; gap:80px; align-items:start; max-width:1180px; margin:0 auto; }
    .chapter-story .left-col { position:relative; padding-bottom:80px; }
    .chapter-story .left-col::after { content:''; position:absolute; left:8px; top:140px; bottom:0; width:1px; background:linear-gradient(180deg, var(--green), transparent); }
    .chapter-story .num { font-family:'Inter',sans-serif; font-size:clamp(56px,7vw,88px); font-weight:800; line-height:1; letter-spacing:-.04em; color:var(--green); }
    .chapter-story .label { margin-top:16px; }
    .chapter-story .timestamp { margin-top:36px; padding-left:24px; font-family:'Inter',sans-serif; font-size:13px; font-weight:700; letter-spacing:.18em; color:var(--gray-600); }
    .chapter-story .timestamp .yr { display:block; font-size:24px; font-weight:800; letter-spacing:-.01em; color:var(--black); margin-top:4px; }

    .chapter-story .domain-strip { margin-top:36px; display:flex; flex-wrap:wrap; gap:10px; }
    .chapter-story .domain-strip .chip { display:inline-flex; align-items:center; gap:8px; padding:10px 18px; background:#fff; border:1px solid var(--gray-200); border-radius:999px; font-size:13px; font-weight:600; color:var(--gray-800); letter-spacing:-.005em; }
    .chapter-story .domain-strip .chip .material-symbols-outlined { font-size:16px; color:var(--green); }
    .chapter-story h3 { font-size:clamp(26px,3vw,36px); font-weight:700; line-height:1.5; letter-spacing:-.02em; color:var(--black); }
    .chapter-story .body { margin-top:36px; font-size:16px; line-height:1.85 !important; color:var(--gray-800); word-break:keep-all; }
    .chapter-story .body + .body { margin-top:28px; }
    .chapter-story .body strong { color:var(--black); background:linear-gradient(180deg, transparent 62%, rgba(146,196,29,.3) 62%); font-weight:700; }
    .chapter-story .story-points { margin-top:36px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .chapter-story .story-points .pt { padding:24px 24px; background:#fff; border:1px solid var(--gray-100); border-radius:14px; }
    .chapter-story .story-row:nth-child(even) .story-points .pt { background:#fff; }
    .chapter-story .story-points .pt .v { margin-top:10px; font-size:15px; font-weight:600; line-height:1.55; color:var(--black); letter-spacing:-.01em; word-break:keep-all; }
    .chapter-story .story-stats { margin-top:36px; display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--gray-200); border-bottom:1px solid var(--gray-200); }
    .chapter-story .story-stats .st { padding:28px 24px; border-right:1px solid var(--gray-200); }
    .chapter-story .story-stats .st:last-child { border-right:none; }
    .chapter-story .story-stats .st .num-big { font-family:'Inter',sans-serif; font-size:clamp(30px,3.4vw,42px); font-weight:800; letter-spacing:-.03em; color:var(--black); line-height:1; }
    .chapter-story .story-stats .st .num-big .unit { font-size:.55em; font-weight:700; margin-left:4px; color:var(--gray-600); }
    .chapter-story .story-stats .st .lbl { margin-top:10px; font-size:13px; color:var(--gray-600); line-height:1.55; }
    .chapter-story .story-pull { margin-top:32px; padding:24px 28px; border-left:3px solid var(--green); background:rgba(146,196,29,.06); border-radius:0 10px 10px 0; }
    .chapter-story .story-pull p { font-size:16px; line-height:1.85; color:var(--gray-800); font-style:italic; }
    @media (max-width:900px) {
      .chapter-story .story-row .grid { grid-template-columns:1fr; gap:32px; }
      .chapter-story .story-points { grid-template-columns:1fr; }
      .chapter-story .story-stats { grid-template-columns:1fr; }
      .chapter-story .story-stats .st { border-right:none; border-bottom:1px solid var(--gray-200); }
      .chapter-story .story-stats .st:last-child { border-bottom:none; }
    }

    .chapter-message { padding:160px 0; background:#fff; text-align:center; }
    .chapter-message .text-big { font-size:clamp(26px,3vw,38px); font-weight:600; line-height:1.55; letter-spacing:-.02em; color:var(--black); max-width:960px; margin:40px auto 0; }
    .chapter-message .text-big .em { color:var(--green); font-weight:700; }
    .chapter-message .sub { margin-top:48px; max-width:640px; text-align:center; font-size:15px; color:var(--gray-600); line-height:1.8; margin-left:auto; margin-right:auto; }

    .chapter-sign { padding:140px 0; background:var(--gray-50); text-align:center; }
    .chapter-sign .thanks { font-size:clamp(36px,4.5vw,56px); font-weight:700; letter-spacing:-.02em; color:var(--black); }
    .chapter-sign .sign-card { margin:72px auto 0; max-width:440px; padding:48px 40px; background:var(--gray-50); border-radius:8px; text-align:center; }
    .chapter-sign .sign-card .role { font-size:13px; color:var(--gray-400); letter-spacing:.1em; }
    .chapter-sign .sign-card .name { margin-top:10px; font-size:26px; font-weight:700; letter-spacing:0.4em; padding-left:0.4em; }
    .chapter-sign .sign-card .sign-img { display:block; margin:28px auto 0; height:auto; max-height:80px; width:auto; max-width:200px; }

    /* ===== 소개 영역: 제품 카테고리 ===== */
    .chapter-category { padding:160px 0; background:#fff; }
    .chapter-category .head { text-align:center; margin-bottom:80px; }
    .chapter-category h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .chapter-category .subtitle { margin-top:18px; color:var(--gray-600); font-size:16px; max-width:720px; margin-left:auto; margin-right:auto; }
    .chapter-category .cat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
    .chapter-category .cat-card { background:var(--gray-50); padding:40px 32px 36px; border-radius:8px; border:1px solid transparent; transition:all .3s cubic-bezier(.22,1,.36,1); }
    .chapter-category .cat-card:hover { transform:translateY(-6px); box-shadow:0 20px 40px rgba(29,29,29,.08); border-color:var(--green); background:#fff; }
    .chapter-category .cat-card .icon { width:48px; height:48px; border-radius:12px; background:rgba(146,196,29,.12); display:flex; align-items:center; justify-content:center; color:var(--green); margin-bottom:24px; }
    .chapter-category .cat-card .icon .material-symbols-outlined { font-size:28px; }
    .chapter-category .cat-card .cat-title { font-size:22px; font-weight:700; margin-top:8px; }
    .chapter-category .cat-card .cat-desc { margin-top:16px; font-size:13px; line-height:1.7; color:var(--gray-600); }

    /* Stats (소개) */
    .chapter-stats { position:relative; padding:160px 0; background:#111; color:#fff; overflow:hidden; }
    .chapter-stats::before { content:''; position:absolute; width:800px; height:800px; border-radius:50%; top:-300px; right:-200px; background:radial-gradient(circle, rgba(146,196,29,.2), transparent 60%); filter:blur(60px); }
    .chapter-stats::after { content:''; position:absolute; width:600px; height:600px; border-radius:50%; bottom:-200px; left:-100px; background:radial-gradient(circle, rgba(111,154,201,.18), transparent 60%); filter:blur(60px); }
    .chapter-stats .inner { position:relative; z-index:1; }
    .chapter-stats h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; max-width:780px; }
    .chapter-stats .stats-grid { margin-top:90px; display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid rgba(255,255,255,.15); }
    .chapter-stats .stat { padding:44px 32px 44px 0; border-bottom:1px solid rgba(255,255,255,.12); }
    .chapter-stats .stat .num { font-size:clamp(36px,4vw,54px); font-weight:800; line-height:1; letter-spacing:-.03em; }
    .chapter-stats .stat .num .unit { font-size:.5em; font-weight:700; margin-left:4px; color:rgba(255,255,255,.7); }
    .chapter-stats .stat .label { margin-top:18px; font-size:14px; line-height:1.6; color:rgba(255,255,255,.7); }
    .chapter-stats .stat .tag { display:inline-block; margin-top:8px; }

    /* 협력사 marquee */
    .chapter-partners { padding:160px 0; background:#fff; }
    .chapter-partners .head { text-align:center; margin-bottom:80px; }
    .chapter-partners h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .partner-group { margin-bottom:88px; }
    .partner-group:last-child { margin-bottom:0; }
    .marquee { position:relative; overflow:hidden;
      -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
              mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); }
    .marquee-track { display:flex; gap:16px; width:max-content; animation: marquee-l 40s linear infinite; }
    .marquee.reverse .marquee-track { animation-name: marquee-r; }
    .marquee:hover .marquee-track { animation-play-state: paused; }
    @keyframes marquee-l { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    @keyframes marquee-r { from { transform: translateX(-50%); } to { transform: translateX(0); } }
    .chip { flex-shrink:0; display:flex; align-items:center; justify-content:center; padding:0 36px; white-space:nowrap; }
    .chip img { width:auto; height:auto; display:block; filter:grayscale(1); opacity:.7; transition:filter .25s ease, opacity .25s ease, transform .25s ease; }
    .chip:hover img { filter:grayscale(0); opacity:1; transform:scale(1.05); }
    @media (min-width:768px) { .chip { padding:0 48px; } }

    /* Tech 풀블리드 */
    .chapter-tech { position:relative; padding:240px 0; min-height:780px; display:flex; align-items:center; color:#fff; overflow:hidden; background:#111; }
    .chapter-tech::before { content:''; position:absolute; inset:0; background:url('/design/crom3692/About/MADE%20IN%20KOREA.png') center/cover no-repeat; z-index:0; transform:scale(1.05); }
    .chapter-tech::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.7) 40%, rgba(0,0,0,.35) 100%); z-index:1; }
    .chapter-tech .inner { position:relative; z-index:2; }
    .chapter-tech .tech-content { max-width:640px; }
    .chapter-tech .eyebrow { color:#b8e05a; }
    .chapter-tech h2 { font-size:clamp(32px,3.8vw,48px); font-weight:700; line-height:1.25; letter-spacing:-.02em; margin-top:20px; color:#fff; }
    .chapter-tech .body { margin-top:32px; font-size:16px; line-height:1.85; color:rgba(255,255,255,.85); }
    .chapter-tech .body p + p { margin-top:20px; }
    .chapter-tech .body strong { color:#fff; font-weight:700; background:linear-gradient(180deg, transparent 62%, rgba(146,196,29,.4) 62%); }


    @media (max-width:900px) {
      .chapter-focus .grid { grid-template-columns:1fr; gap:48px; }
      .chapter-category .cat-grid { grid-template-columns:repeat(2,1fr); }
      .chapter-stats .stats-grid { grid-template-columns:repeat(2,1fr); }
    }
    @media (max-width:600px) {
      .chapter-category .cat-grid { grid-template-columns:1fr; }
      .chapter-stats .stats-grid { grid-template-columns:1fr; }
      .chapter-stats .stat { border-right:none; }
    }


/* ═══════════════════════════════════════════════════════════════ */
/*                    5. VISION PAGE                                 */
/* ═══════════════════════════════════════════════════════════════ */

    /* Page-specific: hero 배경 이미지 */
    .page-vision .hero::before { background-image:url('/design/crom3692/About/vision_hero.jpg'); }

    /* 핵심 가치 */
    .chapter-values { padding:180px 0; background:#fff; }
    .chapter-values .head { text-align:center; margin-bottom:80px; }
    .chapter-values h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .chapter-values .subtitle { margin-top:18px; color:var(--gray-600); font-size:15px; }
    .chapter-values .vgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
    .vcard { padding:56px 40px; background:var(--gray-50); border-radius:20px; transition:all .35s cubic-bezier(.22,1,.36,1); border:1px solid transparent; }
    .vcard:hover { background:#fff; border-color:var(--gray-100); transform:translateY(-6px); box-shadow:0 24px 48px rgba(29,29,29,.08); }
    .vcard .num { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t3); font-weight:800; letter-spacing:var(--eyebrow-spacing-t3); color:var(--green); }
    .vcard .ko { margin-top:32px; font-size:32px; font-weight:800; letter-spacing:-.02em; color:var(--black); }
    .vcard .en { margin-top:6px; font-family:'Inter',sans-serif; font-size:13px; font-weight:600; letter-spacing:.15em; color:var(--gray-400); text-transform:uppercase; }
    .vcard .headline { margin-top:36px; padding-top:28px; border-top:1px solid var(--gray-200); font-size:18px; font-weight:700; line-height:1.5; color:var(--black); letter-spacing:-.01em; }
    .vcard .desc { margin-top:14px; font-size:14px; line-height:1.75; color:var(--gray-600); }

    /* 글로벌 비전 */
    .chapter-global { padding:200px 0; background:#0a0a0a; color:#fff; position:relative; overflow:hidden; }
    .chapter-global::before { content:''; position:absolute; width:1000px; height:1000px; border-radius:50%; top:-300px; right:-300px; background:radial-gradient(circle, rgba(146,196,29,.18), transparent 60%); filter:blur(80px); }
    .chapter-global .inner { position:relative; z-index:1; }
    .chapter-global h2 { margin-top:24px; font-size:clamp(36px,4.6vw,56px); font-weight:700; line-height:1.25; letter-spacing:-.025em; color:#fff; max-width:1000px; }
    .chapter-global .body { margin-top:56px; max-width:780px; }
    .chapter-global .body p { font-size:16px; line-height:1.9; color:rgba(255,255,255,.8); }
    .chapter-global .body p + p { margin-top:20px; }
    .chapter-global .countries { margin-top:64px; display:flex; flex-wrap:wrap; gap:10px; }
    .chapter-global .countries .country { padding:10px 20px; background:rgba(255,255,255,.08); border-radius:999px;
      font-size:13px; font-weight:500; color:rgba(255,255,255,.9); }

    /* 연혁 타임라인 */
    .chapter-history { padding:180px 0; background:var(--gray-50); }
    .chapter-history .head { text-align:center; margin-bottom:100px; }
    .chapter-history h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .chapter-history .subtitle { margin-top:18px; color:var(--gray-600); }
    .timeline { position:relative; max-width:960px; margin:0 auto; padding-left:0; }
    .timeline::before {
      content:''; position:absolute; left:140px; top:0; bottom:0; width:2px; background:var(--gray-200);
    }
    .t-item { position:relative; padding:0 0 56px 200px; }
    .t-item:last-child { padding-bottom:0; }
    .t-item .year {
      position:absolute; left:0; top:-4px; width:110px; text-align:right;
      font-family:'Inter',sans-serif; font-size:24px; font-weight:800; letter-spacing:-.01em; color:var(--black);
    }
    .t-item .dot {
      position:absolute; left:134px; top:8px; width:14px; height:14px; border-radius:50%;
      background:#fff; border:3px solid var(--green); z-index:1;
      box-shadow:0 0 0 6px rgba(146,196,29,.1);
    }
    .t-item.highlight .dot { background:var(--green); }
    .t-item .content { padding:4px 0 0 0; }
    .t-item .events { list-style:none; display:flex; flex-direction:column; gap:8px; }
    .t-item .events li {
      font-size:15px; line-height:1.6; color:var(--gray-800); position:relative; padding-left:16px;
    }
    .t-item .events li::before {
      content:''; position:absolute; left:0; top:10px; width:6px; height:1px; background:var(--gray-400);
    }
    .t-item .events li strong { color:var(--black); font-weight:700; }
    .t-item .badge { display:inline-block; margin-left:8px; padding:2px 8px; border-radius:4px;
      background:rgba(146,196,29,.15); color:#6ea310; font-size:10px; font-weight:800; letter-spacing:.1em; }

    .material-symbols-outlined { font-variation-settings:'FILL' 0, 'wght' 500; vertical-align:middle; }

    /* ═══════ B.I / C.I ═══════ */
    .chapter-name { padding:180px 0; background:#fff; text-align:center; }
    .chapter-name .formula { margin-top:48px; display:flex; align-items:center; justify-content:center; gap:28px; flex-wrap:wrap; }
    .chapter-name .word { display:flex; flex-direction:column; align-items:center; gap:12px; padding:40px 56px; border:2px solid var(--gray-100); border-radius:16px; min-width:220px; }
    .chapter-name .word .en { font-size:42px; font-weight:800; letter-spacing:-.02em; color:var(--black); }
    .chapter-name .word .ko { font-size:13px; letter-spacing:.2em; color:var(--gray-600); font-weight:700; }
    .chapter-name .word.healing { background:rgba(111,154,201,.08); border-color:rgba(111,154,201,.3); }
    .chapter-name .word.healing .en { color:var(--sky); }
    .chapter-name .word.shield { background:rgba(146,196,29,.08); border-color:rgba(146,196,29,.35); }
    .chapter-name .word.shield .en { color:var(--green); }
    .chapter-name .plus { font-size:36px; font-weight:300; color:var(--gray-400); }
    .chapter-name .desc { margin:72px auto 0; max-width:780px; font-size:17px; line-height:1.9; color:var(--gray-800); }
    .chapter-name .desc p + p { margin-top:20px; }
    .chapter-name .desc strong { color:var(--black); background:linear-gradient(180deg, transparent 62%, rgba(146,196,29,.3) 62%); font-weight:700; }

    .chapter-slogan { position:relative; padding:180px 0; background:#111; color:#fff; overflow:hidden; }
    .chapter-slogan::before { content:''; position:absolute; width:900px; height:900px; border-radius:50%; top:-400px; left:-200px; background:radial-gradient(circle, rgba(146,196,29,.2), transparent 60%); filter:blur(80px); }
    .chapter-slogan .inner { position:relative; z-index:1; text-align:center; }
    .chapter-slogan .mark { font-size:80px; color:rgba(184,224,90,.3); font-family:Georgia,serif; line-height:1; }
    .chapter-slogan .slogan { font-size:clamp(36px,5.5vw,64px); font-weight:700; line-height:1.2; letter-spacing:-.02em; margin-top:20px; }
    .chapter-slogan .slogan .accent { color:#b8e05a; }
    .chapter-slogan .desc { margin:56px auto 0; max-width:720px; font-size:16px; line-height:1.85; color:rgba(255,255,255,.8); }

    .chapter-color { padding:160px 0; background:#fff; }
    .chapter-color .head { text-align:center; margin-bottom:80px; }
    .chapter-color h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .chapter-color .grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
    .color-card { border-radius:12px; overflow:hidden; border:1px solid var(--gray-100); }
    .color-card .swatch { aspect-ratio:16/10; position:relative; display:flex; align-items:flex-end; padding:32px; color:#fff; }
    .color-card .swatch .name-en { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t2); font-weight:700; letter-spacing:var(--eyebrow-spacing-t2); text-transform:uppercase; }
    .color-card .body { padding:32px 32px 36px; background:#fff; }
    .color-card .hex { font-family:'Inter',monospace; font-size:13px; font-weight:700; color:var(--gray-400); letter-spacing:.1em; }
    .color-card .title { margin-top:10px; font-size:22px; font-weight:700; }
    .color-card .desc { margin-top:14px; font-size:14px; line-height:1.7; color:var(--gray-600); }
    .color-card.sky .swatch { background:#6f9ac9; }
    .color-card.indigo .swatch { background:#060047; }
    .color-card.green .swatch { background:#92c41d; }

    .chapter-cta { padding:140px 0; background:var(--gray-50); text-align:center; }
    .chapter-cta h3 { font-size:clamp(26px,3vw,36px); font-weight:700; letter-spacing:-.02em; margin-top:16px; }
    .chapter-cta .btn-row { margin-top:48px; display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }
    .chapter-cta .btn { display:inline-flex; align-items:center; gap:10px; padding:16px 36px; background:#fff; border:1px solid var(--gray-200); border-radius:999px; font-size:14px; font-weight:600; color:var(--gray-800); transition:all .25s cubic-bezier(.22,1,.36,1); }
    .chapter-cta .btn:hover { background:var(--black); color:#fff; border-color:var(--black); transform:translateY(-2px); box-shadow:0 10px 24px rgba(29,29,29,.15); }
    .chapter-cta .btn .material-symbols-outlined { font-size:18px; }

    /* ═══════ 기업 사회공헌 ═══════ */
    .chapter-opening { padding:160px 0 120px; background:#fff; text-align:center; }
    .chapter-opening .quote { margin-top:32px; font-size:clamp(28px,3.6vw,44px); font-weight:600; line-height:1.4; letter-spacing:-.02em; color:var(--black); max-width:900px; margin-left:auto; margin-right:auto; word-break:keep-all; }
    .chapter-opening .quote em { color:var(--green); font-style:normal; font-weight:700; }
    .chapter-opening .sub { margin-top:36px; max-width:680px; margin-left:auto; margin-right:auto; font-size:15px; color:var(--gray-600); line-height:1.8; word-break:keep-all; }

    .chapter-green { padding:160px 0; background:#fff; }
    .chapter-green .grid { display:grid; grid-template-columns:1fr 1.1fr; gap:80px; align-items:center; }
    .chapter-green .visual { position:relative; aspect-ratio:4/5; border-radius:8px; overflow:hidden; background:var(--gray-50); border:1px solid var(--gray-100); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px; gap:28px; }
    .chapter-green .visual .logo-img { max-width:75%; max-height:55%; width:auto; height:auto; display:block; filter:drop-shadow(0 6px 16px rgba(0,0,0,.08)); }
    .chapter-green .visual .caption { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t2); font-weight:700; letter-spacing:var(--eyebrow-spacing-t2); color:var(--gray-600); text-transform:uppercase; line-height:1.6; }
    .chapter-green .visual .caption .sub { display:block; margin-top:6px; font-size:11px; font-weight:600; letter-spacing:.16em; color:var(--gray-400); }
    .chapter-green h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .chapter-green .body { margin-top:32px; font-size:16px; line-height:1.85; color:var(--gray-800); }
    .chapter-green .body p + p { margin-top:20px; }
    .chapter-green .body strong { color:var(--black); background:linear-gradient(180deg, transparent 62%, rgba(146,196,29,.3) 62%); font-weight:700; }

    .chapter-philo { position:relative; padding:180px 0; background:#111; color:#fff; overflow:hidden; }
    .chapter-philo::before { content:''; position:absolute; width:900px; height:900px; border-radius:50%; top:-400px; left:-250px; background:radial-gradient(circle, rgba(146,196,29,.2), transparent 60%); filter:blur(80px); }
    .chapter-philo::after { content:''; position:absolute; width:700px; height:700px; border-radius:50%; bottom:-300px; right:-100px; background:radial-gradient(circle, rgba(111,154,201,.22), transparent 60%); filter:blur(80px); }
    .chapter-philo .inner { position:relative; z-index:1; }
    .chapter-philo .head { text-align:center; margin-bottom:80px; }
    .chapter-philo h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; color:#fff; }
    .chapter-philo .sub { margin-top:18px; color:rgba(255,255,255,.75); max-width:720px; margin-left:auto; margin-right:auto; }
    .chapter-philo .grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
    .pcard { padding:48px 36px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:20px; transition:all .35s cubic-bezier(.22,1,.36,1); }
    .pcard:hover { background:rgba(255,255,255,.08); border-color:rgba(184,224,90,.3); transform:translateY(-4px); }
    .pcard .num { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t3); font-weight:800; letter-spacing:var(--eyebrow-spacing-t3); color:var(--green-on-dark); }
    .pcard .ko { margin-top:24px; font-size:24px; font-weight:700; letter-spacing:-.01em; color:#fff; }
    .pcard .desc { margin-top:18px; font-size:14.5px; line-height:1.8; color:rgba(255,255,255,.75); word-break:keep-all; }


    @media (max-width:900px) {
      .chapter-values .vgrid { grid-template-columns:1fr; }
      .timeline::before { left:60px; }
      .t-item { padding-left:100px; }
      .t-item .year { width:50px; font-size:18px; }
      .t-item .dot { left:54px; }
    }


/* ═══════════════════════════════════════════════════════════════ */
/*                    6. PRODUCT PAGE                                */
/* ═══════════════════════════════════════════════════════════════ */

    /* Page-specific: hero 배경 + lead 너비 + nav test-tag */
    .page-product .hero::before { background-image:url('/design/crom3692/About/product_hero.jpg'); }
    .hero .lead { max-width:680px; }
    .reveal.delay-5 { transition-delay:.5s; }
    .nav-item.test-tag a { background:rgba(146,196,29,.12); color:var(--green); border:1px dashed var(--green); }

    /* OPENING */
    .chapter-opening { padding:160px 0 120px; background:#fff; text-align:center; }
    .chapter-opening .eyebrow { display:inline-block; }
    .chapter-opening .quote { margin-top:32px; font-size:clamp(28px,3.6vw,44px); font-weight:600; line-height:1.4; letter-spacing:-.02em; color:var(--black); max-width:900px; margin-left:auto; margin-right:auto; }
    .chapter-opening .quote em { color:var(--green); font-style:normal; font-weight:700; }
    .chapter-opening .sub { margin-top:36px; max-width:680px; margin-left:auto; margin-right:auto; font-size:15px; color:var(--gray-600); line-height:1.8; }

    /* MATERIAL LINEUP */
    .chapter-materials { padding:140px 0 180px; background:var(--gray-50); }
    .chapter-materials .head { text-align:center; margin-bottom:80px; }
    .chapter-materials h2 { margin-top:20px; font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; }
    .chapter-materials .subtitle {
      margin-top:18px; color:var(--gray-600); font-size:16px; line-height:1.75;
      max-width:720px; margin-left:auto; margin-right:auto;
    }

    /* 필터 pill 탭 (센터) */
    .mat-filter {
      display:inline-flex; align-items:center;
      padding:6px; background:#fff;
      border:1px solid var(--gray-200); border-radius:999px;
      margin-top:44px;
      max-width:100%; overflow-x:auto; scrollbar-width:none;
    }
    .mat-filter::-webkit-scrollbar { display:none; }
    .mat-filter button {
      flex-shrink:0;
      padding:10px 22px; background:transparent; border:none; border-radius:999px;
      font-size:14px; font-weight:600; color:var(--gray-600); letter-spacing:-.01em;
      cursor:pointer; white-space:nowrap;
      transition:all .25s cubic-bezier(.22,1,.36,1);
    }
    .mat-filter button:hover { color:var(--black); }
    .mat-filter button.active { background:var(--black); color:#fff; }

    /* 캐러셀 wrap */
    .lineup-wrap { position:relative; }
    .lineup-track {
      display:flex; gap:16px;
      overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
      scrollbar-width:none;
      padding-bottom:12px;
      cursor:grab;
      user-select:none; -webkit-user-select:none;
    }
    .lineup-track::-webkit-scrollbar { display:none; }
    .lineup-track.dragging {
      cursor:grabbing;
      scroll-behavior:auto;
      scroll-snap-type:none;
    }
    .lineup-track img, .lineup-track .icon-wrap { -webkit-user-drag:none; user-drag:none; }

    .prod-card {
      flex:0 0 auto;
      width:360px;
      background:#fff;
      border-radius:24px;
      scroll-snap-align:start;
      display:flex; flex-direction:column;
      padding:32px 28px 28px;
      transition:opacity .35s ease, transform .35s ease;
      position:relative;
    }
    .prod-card.hidden { display:none; }

    .prod-visual {
      width:100%; aspect-ratio:4/3;
      background:var(--gray-50);
      border-radius:16px;
      display:flex; align-items:center; justify-content:center;
      position:relative; overflow:hidden;
      margin-bottom:20px;
    }
    .prod-visual::after {
      content:''; position:absolute; inset:0;
      background:var(--card-grad, linear-gradient(135deg, #e8ecf3 0%, #c8d3e3 100%));
      z-index:0;
    }
    .prod-visual .icon-wrap {
      position:relative; z-index:1;
      width:170px; height:170px; border-radius:50%;
      background:#fff;
      display:flex; align-items:center; justify-content:center;
      color:var(--black);
    }
    .prod-visual .icon-wrap .material-symbols-outlined { font-size:48px; }

    /* 카테고리별 배경 그라데이션 */
    .prod-card[data-mat="pet"] .prod-visual::after { background:linear-gradient(135deg, #dde8f5 0%, #a8c3e0 100%); }
    .prod-card[data-mat="tpu"] .prod-visual::after { background:linear-gradient(135deg, #e4f0c9 0%, #b8d670 100%); }
    .prod-card[data-mat="glass"] .prod-visual::after { background:linear-gradient(135deg, #d5d8e8 0%, #7a85b5 100%); }
    .prod-card[data-mat="pvc"] .prod-visual::after { background:linear-gradient(135deg, #fbe2c5 0%, #f0a02e 100%); }
    .prod-card[data-mat="acrylic"] .prod-visual::after { background:linear-gradient(135deg, #e5dcee 0%, #b89ad3 100%); }
    .prod-card[data-mat="ppf"] .prod-visual::after { background:linear-gradient(135deg, #d4d8de 0%, #5a6470 100%); }

    /* 상단 닷 인디케이터 (계열 색) */
    .prod-dots { display:none; }
    .prod-dots.legacy { position:absolute; top:16px; left:50%; transform:translateX(-50%); z-index:2; display:flex; gap:6px; }
    .prod-dots .dot { width:6px; height:6px; border-radius:50%; background:rgba(29,29,29,.15); }
    .prod-dots .dot.active { background:var(--black); }
    .prod-card[data-mat="pet"] .prod-dots .dot.active { background:#6f9ac9; }
    .prod-card[data-mat="tpu"] .prod-dots .dot.active { background:#6ea310; }
    .prod-card[data-mat="glass"] .prod-dots .dot.active { background:#060047; }
    .prod-card[data-mat="pvc"] .prod-dots .dot.active { background:#c06020; }
    .prod-card[data-mat="acrylic"] .prod-dots .dot.active { background:#8a4fb0; }

    .prod-info { text-align:center; padding-top:8px; display:flex; flex-direction:column; flex:1; }
    .prod-tag {
      position:absolute; top:24px; right:24px; z-index:3;
      width:54px; height:54px; border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      font-family:'Inter',sans-serif;
      font-size:10px; font-weight:800; letter-spacing:.06em;
      text-transform:uppercase;
      background:var(--gray-100); color:var(--gray-600);
      box-shadow:0 6px 16px rgba(29,29,29,.18);
    }
    .prod-tag.premium { font-size:8.5px; letter-spacing:.04em; }
    .prod-tag.new { background:#ff8c00; color:#fff; }
    .prod-tag.best { background:#1a5276; color:#fff; }
    .prod-tag.hit { background:var(--green); color:#fff; }
    .prod-tag.premium { background:#7b2fbe; color:#fff; }
    .prod-tag.none { display:none; }
    /* 원단 이미지: icon-wrap 원형 안에 작게 표시 */
    .icon-wrap img { width:100%; height:100%; object-fit:contain; padding:18%; box-sizing:border-box; }
    .prod-name { font-size:22px; font-weight:700; letter-spacing:-.01em; line-height:1.3; }
    .prod-name .en-name { display:block; margin-top:4px; font-size:18px; font-weight:600; color:var(--gray-800); letter-spacing:-.005em; }
    .prod-desc { margin-top:10px; margin-bottom:24px; font-size:13px; color:var(--gray-600); line-height:1.55; min-height:38px; }
    .prod-meta { margin-top:20px; font-size:13px; font-weight:600; color:var(--gray-800); }
    .prod-meta .label { color:var(--gray-400); font-weight:500; }

    /* 특성 테이블 */
    .prod-spec-table {
      margin-top:auto;
      width:100%;
      background:var(--gray-50);
      border-radius:10px;
      overflow:hidden;
      font-size:13px;
    }
    .prod-spec-table .row {
      display:grid; grid-template-columns:40% 60%;
      align-items:center;
      padding:9px 16px;
      border-bottom:1px solid rgba(29,29,29,.05);
      text-align:left;
    }
    .prod-spec-table .row:last-child { border-bottom:none; }
    .prod-spec-table .row .k {
      font-weight:600; color:var(--gray-600); font-size:12.5px;
    }
    .prod-spec-table .row .v {
      font-weight:700; color:var(--black); text-align:right;
      font-family:'Inter',sans-serif; letter-spacing:-.01em;
    }
    .prod-spec-table .row .v.stars { color:#d97706; letter-spacing:.08em; }
    .prod-spec-table .row .v.none { color:var(--gray-400); font-weight:500; }

    /* 진행바 */
    .lineup-wrap { position:relative; }
    .lineup-progress {
      margin:40px auto 0;
      max-width:360px;
      height:2px;
      background:var(--gray-200);
      border-radius:2px;
      position:relative;
      overflow:hidden;
    }
    .lineup-progress .bar {
      position:absolute;
      top:0; bottom:0; left:0;
      background:var(--black);
      border-radius:2px;
      width:25%;
      transition:left .4s cubic-bezier(.22,1,.36,1), width .3s ease;
    }
    .lineup-progress .count {
      position:absolute;
      top:16px; right:0;
      font-family:'Inter',sans-serif;
      font-size:11px; font-weight:700; letter-spacing:.1em;
      color:var(--gray-400);
    }

    /* SUMMARY STATS */
    .chapter-summary { position:relative; padding:160px 0; background:#111; color:#fff; overflow:hidden; }
    .chapter-summary::before { content:''; position:absolute; width:800px; height:800px; border-radius:50%;
      top:-300px; right:-200px; background:radial-gradient(circle, rgba(146,196,29,.18), transparent 60%); filter:blur(60px); }
    .chapter-summary::after { content:''; position:absolute; width:600px; height:600px; border-radius:50%;
      bottom:-200px; left:-100px; background:radial-gradient(circle, rgba(111,154,201,.18), transparent 60%); filter:blur(60px); }
    .chapter-summary .inner { position:relative; z-index:1; }
    .chapter-summary h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .chapter-summary .stats-grid { margin-top:72px; display:grid; grid-template-columns:repeat(4,1fr); gap:0;
      border-top:1px solid rgba(255,255,255,.15); border-left:1px solid rgba(255,255,255,.12); }
    .chapter-summary .stat { padding:40px 28px; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); }
    .chapter-summary .stat .num { font-family:'Inter',sans-serif; font-size:clamp(36px,4vw,56px); font-weight:800; line-height:1; letter-spacing:-.03em; }
    .chapter-summary .stat .num .unit { font-size:.5em; font-weight:700; margin-left:4px; color:rgba(255,255,255,.7); }
    .chapter-summary .stat .label { margin-top:16px; font-size:13px; color:rgba(255,255,255,.7); line-height:1.6; }
    .chapter-summary .stat .tag { display:inline-block; margin-top:6px; font-family:'Inter',sans-serif; font-size:var(--eyebrow-t2); font-weight:700; letter-spacing:var(--eyebrow-spacing-t2); color:var(--green-on-dark); text-transform:uppercase; }

    /* CTA (product 페이지 다크) — page-product 스코프 */
    .page-product .chapter-cta {
      position:relative; padding:160px 0; background:#111; color:#fff;
      text-align:center; overflow:hidden;
    }
    .page-product .chapter-cta::before {
      content:''; position:absolute; width:700px; height:700px; border-radius:50%;
      top:-280px; right:-160px;
      background:radial-gradient(circle, rgba(146,196,29,.18), transparent 60%);
      filter:blur(60px);
    }
    .page-product .chapter-cta::after {
      content:''; position:absolute; width:500px; height:500px; border-radius:50%;
      bottom:-220px; left:-120px;
      background:radial-gradient(circle, rgba(111,154,201,.14), transparent 60%);
      filter:blur(60px);
    }
    .page-product .chapter-cta .inner { position:relative; z-index:1; }
    .page-product .chapter-cta .eyebrow { color:#b8e05a; }
    .page-product .chapter-cta h3 { font-size:clamp(28px,3.2vw,40px); font-weight:700; letter-spacing:-.02em; color:#fff; }
    .page-product .chapter-cta p { margin-top:18px; color:rgba(255,255,255,.7); font-size:16px; }
    .page-product .chapter-cta .btn-row { margin-top:48px; display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }
    .page-product .chapter-cta .btn {
      display:inline-flex; align-items:center; gap:10px;
      padding:16px 36px; background:var(--green); color:#fff;
      border-radius:999px; font-size:14px; font-weight:700; letter-spacing:-.01em;
      transition:all .25s cubic-bezier(.22,1,.36,1);
    }
    .page-product .chapter-cta .btn:hover { background:#a5d634; transform:translateY(-2px); box-shadow:0 10px 28px rgba(146,196,29,.4); }
    .page-product .chapter-cta .btn.ghost { background:transparent; color:#fff; border:1px solid rgba(255,255,255,.25); }
    .page-product .chapter-cta .btn.ghost:hover { background:#fff; color:var(--black); border-color:#fff; }

    @media (max-width:1100px) {
      .chapter-summary .stats-grid { grid-template-columns:repeat(2,1fr); }
    }
    @media (max-width:640px) {
      .chapter-summary .stats-grid { grid-template-columns:1fr; }
      .prod-card { width:300px; padding:24px 20px 20px; }
      .prod-visual .icon-wrap { width:140px; height:140px; }
      .prod-visual .icon-wrap .material-symbols-outlined { font-size:40px; }
    }


/* ═══════════════════════════════════════════════════════════════ */
/*                    7. PARTNERSHIP PAGE                            */
/* ═══════════════════════════════════════════════════════════════ */

    /* Page-specific: hero 배경 이미지 */
    .page-partnership .hero::before { background-image:url('/design/crom3692/About/partnership_hero.jpg'); }

    /* OPENING */
    .chapter-opening { padding:160px 0 120px; background:#fff; text-align:center; }
    .chapter-opening .quote { margin-top:32px; font-size:clamp(28px,3.6vw,44px); font-weight:600; line-height:1.4; letter-spacing:-.02em; color:var(--black); max-width:900px; margin-left:auto; margin-right:auto; word-break:keep-all; }
    .chapter-opening .quote em { color:var(--green); font-style:normal; font-weight:700; }
    .chapter-opening .sub { margin-top:36px; max-width:680px; margin-left:auto; margin-right:auto; font-size:15px; color:var(--gray-600); line-height:1.8; word-break:keep-all; }
    .chapter-opening .sub strong { color:var(--black); font-weight:700; }

    /* 파트너 혜택 */
    .chapter-benefit { padding:160px 0; background:var(--gray-50); }
    .chapter-benefit .head { text-align:center; margin-bottom:80px; }
    .chapter-benefit h2 { margin-top:20px; font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; }
    .chapter-benefit .grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
    .bcard { padding:40px 28px; background:#fff; border-radius:20px; border:1px solid var(--gray-100); transition:all .35s cubic-bezier(.22,1,.36,1); }
    .bcard:hover { transform:translateY(-6px); box-shadow:0 24px 48px rgba(29,29,29,.08); border-color:rgba(146,196,29,.3); }
    .bcard .icon { width:56px; height:56px; border-radius:14px; background:rgba(146,196,29,.12); display:flex; align-items:center; justify-content:center; color:#6ea310; }
    .bcard .icon .material-symbols-outlined { font-size:28px; }
    .bcard .label { margin-top:24px; font-family:'Inter',sans-serif; font-size:var(--eyebrow-t2); font-weight:700; letter-spacing:var(--eyebrow-spacing-t2); color:var(--green); text-transform:uppercase; }
    .bcard .title { margin-top:8px; font-size:20px; font-weight:700; letter-spacing:-.01em; color:var(--black); }
    .bcard .desc { margin-top:14px; font-size:14px; line-height:1.7; color:var(--gray-600); word-break:keep-all; }

    /* 모집 대리점 유형 (다크) */
    .chapter-type { padding:180px 0; background:#0a0a0a; color:#fff; position:relative; overflow:hidden; }
    .chapter-type::before { content:''; position:absolute; width:900px; height:900px; border-radius:50%; top:-300px; left:-200px; background:radial-gradient(circle, rgba(146,196,29,.15), transparent 60%); filter:blur(80px); }
    .chapter-type .inner { position:relative; z-index:1; }
    .chapter-type .head { text-align:center; margin-bottom:80px; }
    .chapter-type h2 { margin-top:20px; font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; color:#fff; }
    .chapter-type .grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
    .tcard { padding:48px 40px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:20px; transition:all .35s cubic-bezier(.22,1,.36,1); }
    .tcard:hover { background:rgba(255,255,255,.08); border-color:rgba(184,224,90,.3); transform:translateY(-4px); }
    .tcard .label { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t2); font-weight:700; letter-spacing:var(--eyebrow-spacing-t2); color:var(--green-on-dark); text-transform:uppercase; }
    .tcard .title { margin-top:14px; font-size:24px; font-weight:700; letter-spacing:-.01em; color:#fff; }
    .tcard .desc { margin-top:20px; font-size:14.5px; line-height:1.8; color:rgba(255,255,255,.75); word-break:keep-all; }
    .tcard .tags { margin-top:24px; display:flex; flex-wrap:wrap; gap:8px; }
    .tcard .tags .tag { padding:6px 14px; background:rgba(255,255,255,.08); border-radius:999px; font-size:12px; font-weight:600; color:rgba(255,255,255,.85); }

    /* 파트너 네트워크 */
    .chapter-network { padding:180px 0; background:#fff; }
    .chapter-network .head { text-align:center; margin-bottom:80px; }
    .chapter-network h2 { margin-top:20px; font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; }
    .chapter-network .head .desc { margin-top:18px; color:var(--gray-600); font-size:15px; max-width:680px; margin-left:auto; margin-right:auto; }
    .region { padding:36px 0; border-top:1px solid var(--gray-100); display:grid; grid-template-columns:200px 1fr; gap:40px; align-items:start; }
    .region:last-child { border-bottom:1px solid var(--gray-100); }
    .region .label { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t2); font-weight:700; letter-spacing:var(--eyebrow-spacing-t2); color:var(--green); text-transform:uppercase; }
    .region .title { margin-top:8px; font-size:22px; font-weight:700; letter-spacing:-.01em; }
    .region .cities { display:flex; flex-wrap:wrap; gap:8px; padding-top:6px; }
    .region .cities .chip { padding:8px 16px; background:var(--gray-50); border:1px solid var(--gray-100); border-radius:999px; font-size:13px; font-weight:500; color:var(--gray-800); }
    .region .cities .chip.intl { background:rgba(111,154,201,.08); border-color:rgba(111,154,201,.25); color:var(--indigo); font-weight:600; }

    /* 가맹점 지도 — 좌측 리스트 + 우측 지도 인터랙티브 */
    .partner-locator { margin:0 auto 80px; max-width:1280px; border:1px solid var(--gray-200); border-radius:20px; overflow:hidden; box-shadow:0 16px 40px rgba(29,29,29,.06); background:#fff; }
    .partner-locator .locator-grid { display:block; min-height:600px; }
    .partner-locator .loc-list { background:#fff; border-right:1px solid var(--gray-100); overflow-y:auto; max-height:600px; }
    .partner-locator .loc-list::-webkit-scrollbar { width:6px; }
    .partner-locator .loc-list::-webkit-scrollbar-thumb { background:var(--gray-200); border-radius:3px; }
    .partner-locator .loc-search { position:sticky; top:0; background:#fff; padding:18px 20px; border-bottom:1px solid var(--gray-100); z-index:2; }
    .partner-locator .loc-search input { width:100%; padding:12px 16px 12px 40px; border:1px solid var(--gray-200); border-radius:999px; font-size:13.5px; font-family:inherit; color:var(--black); background:var(--gray-50) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") 14px center no-repeat; outline:none; transition:all .2s; }
    .partner-locator .loc-search input:focus { background-color:#fff; border-color:var(--green); box-shadow:0 0 0 3px rgba(146,196,29,.15); }
    .partner-locator .loc-group { padding:18px 20px 8px; }
    .partner-locator .loc-group .g-label { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t4); font-weight:800; letter-spacing:var(--eyebrow-spacing-t4); color:var(--green); text-transform:uppercase; padding:0 4px; }
    .partner-locator .loc-group .g-title { margin-top:4px; padding:0 4px 10px; font-size:14px; font-weight:700; color:var(--gray-400); letter-spacing:-.01em; border-bottom:1px solid var(--gray-100); }
    .partner-locator .loc-item { display:flex; align-items:center; gap:10px; padding:11px 12px; border-radius:10px; cursor:pointer; transition:all .18s; font-size:13.5px; font-weight:500; color:var(--gray-800); letter-spacing:-.005em; }
    .partner-locator .loc-item:hover { background:var(--gray-50); color:var(--black); }
    .partner-locator .loc-item.active { background:rgba(146,196,29,.1); color:var(--black); font-weight:700; }
    .partner-locator .loc-item .pin { flex-shrink:0; width:8px; height:8px; border-radius:50%; background:var(--gray-200); transition:all .18s; }
    .partner-locator .loc-item:hover .pin { background:var(--gray-400); }
    .partner-locator .loc-item.active .pin { background:var(--green); box-shadow:0 0 0 4px rgba(146,196,29,.25); }
    .partner-locator .loc-item.intl .pin { background:rgba(111,154,201,.4); }
    .partner-locator .loc-item.intl.active .pin { background:var(--indigo); box-shadow:0 0 0 4px rgba(6,0,71,.18); }

    .partner-locator .loc-map { position:relative; background:var(--gray-50); }
    .partner-locator .loc-map iframe { display:block; width:100%; height:100%; min-height:600px; border:0; }
    .partner-locator .loc-map .map-tag { position:absolute; left:20px; bottom:20px; z-index:1; padding:10px 18px; background:#fff; border-radius:999px; box-shadow:0 4px 16px rgba(29,29,29,.1); font-size:13px; font-weight:700; color:var(--black); display:inline-flex; align-items:center; gap:8px; max-width:calc(100% - 40px); }
    .partner-locator .loc-map .map-tag .pin { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(146,196,29,.25); flex-shrink:0; }
    .partner-locator .loc-map .reset-btn { position:absolute; right:20px; bottom:20px; z-index:1; padding:10px 18px; background:#fff; border:1px solid var(--gray-200); border-radius:999px; font-size:12.5px; font-weight:600; color:var(--gray-800); cursor:pointer; box-shadow:0 4px 16px rgba(29,29,29,.08); transition:all .2s; display:inline-flex; align-items:center; gap:6px; font-family:inherit; }
    .partner-locator .loc-map .reset-btn:hover { background:var(--black); color:#fff; border-color:var(--black); }
    .partner-locator .loc-map .reset-btn .material-symbols-outlined { font-size:15px; }

    /* 매장 디테일 카드 (지도 위 오버레이) */
    .partner-locator .loc-map .loc-detail { position:absolute; left:20px; top:90px; z-index:2; width:320px; max-width:calc(100% - 40px); background:#fff; border-radius:16px; box-shadow:0 12px 32px rgba(29,29,29,.18); padding:22px 22px 24px; opacity:0; visibility:hidden; transform:translateX(-12px); transition:all .35s cubic-bezier(.22,1,.36,1); }
    .partner-locator .loc-map .loc-detail.show { opacity:1; visibility:visible; transform:translateX(0); }
    .partner-locator .loc-map .loc-detail .close { position:absolute; right:14px; top:14px; width:26px; height:26px; border-radius:50%; background:var(--gray-100); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--gray-600); transition:all .2s; }
    .partner-locator .loc-map .loc-detail .close:hover { background:var(--black); color:#fff; }
    .partner-locator .loc-map .loc-detail .close .material-symbols-outlined { font-size:15px; }
    .partner-locator .loc-map .loc-detail .d-label { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t4); font-weight:800; letter-spacing:var(--eyebrow-spacing-t4); color:var(--green); text-transform:uppercase; }
    .partner-locator .loc-map .loc-detail .d-name { margin-top:8px; font-size:19px; font-weight:700; letter-spacing:-.01em; color:var(--black); padding-right:30px; line-height:1.35; }
    .partner-locator .loc-map .loc-detail .d-rows { margin-top:16px; padding-top:16px; border-top:1px solid var(--gray-100); display:flex; flex-direction:column; gap:10px; }
    .partner-locator .loc-map .loc-detail .d-row { display:grid; grid-template-columns:54px 1fr; gap:12px; align-items:start; font-size:13px; line-height:1.55; }
    .partner-locator .loc-map .loc-detail .d-row .k { font-weight:700; color:var(--gray-400); letter-spacing:-.005em; padding-top:1px; }
    .partner-locator .loc-map .loc-detail .d-row .v { color:var(--black); font-weight:500; word-break:keep-all; }

    @media (max-width:900px) {
      .partner-locator .locator-grid { grid-template-columns:1fr; }
      .partner-locator .loc-list { max-height:340px; border-right:none; border-bottom:1px solid var(--gray-100); }
      .partner-locator .loc-map iframe { min-height:420px; }
    }

    /* 해외 매장 — 좌측 리스트 + 우측 지도 + 하단 정보 */
    .intl-stores { margin:160px auto 0; max-width:1280px; }
    .intl-stores .intl-head { text-align:center; margin-bottom:48px; }
    .intl-stores .intl-head .label { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t2); font-weight:700; letter-spacing:var(--eyebrow-spacing-t2); color:var(--green); text-transform:uppercase; }
    .intl-stores .intl-head h3 { margin-top:14px; font-size:clamp(24px,2.6vw,32px); font-weight:700; letter-spacing:-.02em; }
    .intl-stores .intl-head .sub { margin-top:14px; font-size:14px; color:var(--gray-600); }
    .intl-locator { background:#fff; border:1px solid var(--gray-200); border-radius:20px; overflow:hidden; box-shadow:0 16px 40px rgba(29,29,29,.06); }
    .intl-locator .il-grid { display:grid; grid-template-columns:380px 1fr; min-height:480px; }
    .intl-locator .il-list { padding:20px; border-right:1px solid var(--gray-100); display:flex; flex-direction:column; gap:14px; }
    .intl-locator .il-item { display:flex; align-items:flex-start; gap:14px; padding:18px 18px; border:1px solid var(--gray-100); border-radius:14px; cursor:pointer; transition:all .2s; background:#fff; text-align:left; font-family:inherit; }
    .intl-locator .il-item:hover { background:var(--gray-50); border-color:var(--gray-200); }
    .intl-locator .il-item.active { background:rgba(146,196,29,.08); border-color:var(--green); }
    .intl-locator .il-item .flag { font-size:22px; line-height:1.1; flex-shrink:0; }
    .intl-locator .il-item .meta { flex:1; min-width:0; }
    .intl-locator .il-item .name { font-size:15px; font-weight:700; letter-spacing:-.01em; color:var(--black); }
    .intl-locator .il-item .area { margin-top:4px; font-size:12.5px; color:var(--gray-600); font-weight:500; }
    .intl-locator .il-item .pin { width:8px; height:8px; border-radius:50%; background:var(--gray-200); margin-top:8px; flex-shrink:0; transition:all .2s; }
    .intl-locator .il-item.active .pin { background:var(--green); box-shadow:0 0 0 4px rgba(146,196,29,.25); }
    .intl-locator .il-map { position:relative; background:var(--gray-50); }
    .intl-locator .il-map iframe { width:100%; height:100%; min-height:480px; border:0; display:block; }
    .intl-locator .il-info { padding:28px 32px; background:var(--gray-50); border-top:1px solid var(--gray-100); display:grid; grid-template-columns:repeat(3,1fr); gap:0; }
    .intl-locator .il-info .info-row { padding:0 24px; border-right:1px solid var(--gray-200); }
    .intl-locator .il-info .info-row:first-child { padding-left:0; }
    .intl-locator .il-info .info-row:last-child { border-right:none; padding-right:0; }
    .intl-locator .il-info .info-row .k { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t4); font-weight:800; letter-spacing:var(--eyebrow-spacing-t4); color:var(--gray-400); text-transform:uppercase; }
    .intl-locator .il-info .info-row .v { margin-top:10px; font-size:14px; line-height:1.7; color:var(--black); font-weight:500; word-break:keep-all; }
    .intl-locator .il-info .info-row .v .en { display:block; margin-top:4px; font-family:'Inter',sans-serif; font-size:12.5px; color:var(--gray-600); font-weight:500; letter-spacing:-.005em; }
    .intl-locator .il-info .info-row .v a { color:inherit; transition:color .2s; }
    .intl-locator .il-info .info-row .v a:hover { color:var(--green); }

    @media (max-width:900px) {
      .intl-locator .il-grid { grid-template-columns:1fr; }
      .intl-locator .il-list { border-right:none; border-bottom:1px solid var(--gray-100); flex-direction:row; overflow-x:auto; }
      .intl-locator .il-item { min-width:240px; }
      .intl-locator .il-map iframe { min-height:340px; }
      .intl-locator .il-info { grid-template-columns:1fr; gap:20px; }
      .intl-locator .il-info .info-row { padding:0 0 20px; border-right:none; border-bottom:1px solid var(--gray-200); }
      .intl-locator .il-info .info-row:last-child { border-bottom:none; padding-bottom:0; }
    }

    /* 대리점 문의 */
    .chapter-contact { padding:160px 0; background:var(--gray-50); }
    .chapter-contact .head { text-align:center; margin-bottom:60px; }
    .chapter-contact h2 { margin-top:20px; font-size:clamp(32px,3.6vw,44px); font-weight:700; letter-spacing:-.02em; }
    .chapter-contact .card { max-width:760px; margin:0 auto; padding:60px 40px; background:#fff; border-radius:20px; border:1px solid var(--gray-100); }
    .chapter-contact .card a { color:inherit; transition:color .2s; }
    .chapter-contact .card a:hover { color:var(--green); }
    .chapter-contact .row { display:flex; justify-content:center; gap:56px; flex-wrap:wrap; }
    .chapter-contact .row .item .label { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t2); font-weight:700; letter-spacing:var(--eyebrow-spacing-t2); color:var(--green); text-transform:uppercase; }
    .chapter-contact .row .item .value { margin-top:10px; font-size:22px; font-weight:700; letter-spacing:-.01em; }


    @media (max-width:900px) {
      .chapter-benefit .grid { grid-template-columns:repeat(2,1fr); }
      .chapter-type .grid { grid-template-columns:1fr; }
    }
    @media (max-width:600px) { .chapter-benefit .grid { grid-template-columns:1fr; } }


/* ═══════════════════════════════════════════════════════════════ */
/*                    8. PEOPLE PAGE                                 */
/* ═══════════════════════════════════════════════════════════════ */

    /* Page-specific: hero 배경 이미지 */
    .page-people .hero::before { background-image:url('/design/crom3692/About/people_hero.jpg'); }

    .chapter-opening { padding:160px 0; text-align:center; }
    .chapter-opening .quote { font-size:clamp(28px,3.8vw,46px); font-weight:700; line-height:1.4; letter-spacing:-.02em; color:var(--black); max-width:960px; margin:28px auto 0; }
    .chapter-opening .quote em { font-style:normal; background:linear-gradient(180deg, transparent 62%, rgba(146,196,29,.35) 62%); padding:0 4px; }
    .chapter-opening .sub { margin:40px auto 0; max-width:720px; color:var(--gray-600); font-size:16px; }

    .chapter-who { padding:160px 0; background:var(--gray-50); }
    .chapter-who .head { text-align:center; margin-bottom:80px; }
    .chapter-who h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .chapter-who .grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
    .who-card { background:#fff; padding:40px 36px; border-radius:12px; border:1px solid var(--gray-100); display:flex; gap:20px; align-items:flex-start; transition:all .3s; }
    .who-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(29,29,29,.08); border-color:var(--green); }
    .who-card .num { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t3); font-weight:800; letter-spacing:var(--eyebrow-spacing-t3); color:var(--green); flex-shrink:0; width:36px; padding-top:4px; }
    .who-card .body { flex:1; }
    .who-card .title { font-size:19px; font-weight:700; line-height:1.4; }
    .who-card .desc { margin-top:10px; font-size:14px; color:var(--gray-600); }

    .page-people .chapter-benefit { position:relative; padding:160px 0; background:#111; color:#fff; overflow:hidden; }
    .page-people .chapter-benefit::before { content:''; position:absolute; width:800px; height:800px; border-radius:50%; top:-300px; right:-200px; background:radial-gradient(circle, rgba(146,196,29,.2), transparent 60%); filter:blur(60px); }
    .page-people .chapter-benefit .inner { position:relative; z-index:1; }
    .chapter-benefit .head { text-align:center; margin-bottom:80px; }
    .chapter-benefit h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .chapter-benefit .benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
    .benefit-card { padding:36px 32px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:12px; transition:all .3s; }
    .benefit-card:hover { background:rgba(255,255,255,.07); border-color:rgba(146,196,29,.4); transform:translateY(-4px); }
    .benefit-card .b-icon { width:44px; height:44px; border-radius:10px; background:rgba(146,196,29,.14); display:flex; align-items:center; justify-content:center; color:#b8e05a; margin-bottom:20px; }
    .benefit-card .b-icon .material-symbols-outlined { font-size:24px; }
    .benefit-card .b-title { font-size:17px; font-weight:700; color:#fff; letter-spacing:-.01em; }
    .benefit-card ul { margin-top:16px; padding-top:16px; border-top:1px solid rgba(255,255,255,.1); list-style:none; display:flex; flex-direction:column; gap:7px; }
    .benefit-card ul li { font-size:13.5px; line-height:1.6; color:rgba(255,255,255,.75); padding-left:14px; position:relative; }
    .benefit-card ul li::before { content:''; position:absolute; left:0; top:10px; width:5px; height:1px; background:#b8e05a; }

    .chapter-process { padding:160px 0; background:#fff; }
    .chapter-process .head { text-align:center; margin-bottom:72px; }
    .chapter-process h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .process-flow { max-width:960px; margin:0 auto; display:flex; justify-content:center; align-items:center; gap:20px; flex-wrap:wrap; }
    .process-step { flex:1; min-width:200px; max-width:280px; text-align:center; padding:40px 24px; background:var(--gray-50); border-radius:16px; transition:all .3s; }
    .process-step:hover { background:#fff; box-shadow:0 16px 40px rgba(29,29,29,.08); transform:translateY(-4px); }
    .process-step .p-icon { width:64px; height:64px; margin:0 auto; border-radius:50%; background:var(--green); display:flex; align-items:center; justify-content:center; color:#fff; }
    .process-step .p-icon .material-symbols-outlined { font-size:32px; }
    .process-step .p-num { margin-top:20px; font-family:'Inter',sans-serif; font-size:var(--eyebrow-t3); font-weight:800; letter-spacing:var(--eyebrow-spacing-t3); color:var(--green); }
    .process-step .p-title { margin-top:8px; font-size:20px; font-weight:700; letter-spacing:-.01em; }
    .process-arrow { color:var(--gray-400); flex-shrink:0; }
    .process-arrow .material-symbols-outlined { font-size:28px; }
    .process-notice { max-width:960px; margin:64px auto 0; padding:28px 32px; background:var(--gray-50); border-left:3px solid var(--green); border-radius:4px; }
    .process-notice .label { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t2); font-weight:700; letter-spacing:var(--eyebrow-spacing-t2); color:var(--green); text-transform:uppercase; margin-bottom:12px; }
    .process-notice ul { list-style:none; display:flex; flex-direction:column; gap:8px; }
    .process-notice ul li { font-size:14px; line-height:1.7; color:var(--gray-800); padding-left:18px; position:relative; }
    .process-notice ul li::before { content:''; position:absolute; left:4px; top:10px; width:5px; height:5px; border-radius:50%; background:var(--green); }
    .process-tagline { margin-top:48px; text-align:center; font-family:'Inter',sans-serif; font-size:clamp(20px,2.4vw,32px); font-weight:800; letter-spacing:.04em; color:var(--black); }
    .process-tagline .accent { color:var(--green); }

    .chapter-conditions { padding:160px 0; background:var(--gray-50); }
    .chapter-conditions .head { text-align:center; margin-bottom:72px; }
    .chapter-conditions h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .condition-card { max-width:780px; margin:0 auto; background:#fff; padding:48px 48px; border-radius:16px; display:flex; flex-direction:column; gap:24px; }
    .condition-row { display:grid; grid-template-columns:140px 1fr; gap:24px; align-items:flex-start; padding-bottom:24px; border-bottom:1px solid var(--gray-100); }
    .condition-row:last-child { border-bottom:none; padding-bottom:0; }
    .condition-row .c-label { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t2); font-weight:700; letter-spacing:var(--eyebrow-spacing-t2); color:var(--green); text-transform:uppercase; padding-top:4px; }
    .condition-row .c-value { font-size:16px; font-weight:600; line-height:1.6; color:var(--black); }

    .chapter-green { padding:160px 0; background:#fff; }
    .chapter-green .grid { display:grid; grid-template-columns:1fr 1.1fr; gap:80px; align-items:center; }
    .chapter-green .visual { position:relative; aspect-ratio:4/5; border-radius:8px; overflow:hidden; background:var(--gray-50); border:1px solid var(--gray-100); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px; gap:28px; }
    .chapter-green .visual .logo-img { max-width:75%; max-height:55%; width:auto; height:auto; display:block; filter:drop-shadow(0 6px 16px rgba(0,0,0,.08)); }
    .chapter-green .visual .caption { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t2); font-weight:700; letter-spacing:var(--eyebrow-spacing-t2); color:var(--gray-600); text-transform:uppercase; line-height:1.6; }
    .chapter-green .visual .caption .sub { display:block; margin-top:6px; font-size:11px; font-weight:600; letter-spacing:.16em; color:var(--gray-400); }
    .chapter-green h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .chapter-green .body { margin-top:32px; font-size:16px; line-height:1.85; color:var(--gray-800); }
    .chapter-green .body p + p { margin-top:20px; }
    .chapter-green .body strong { color:var(--black); background:linear-gradient(180deg, transparent 62%, rgba(146,196,29,.3) 62%); font-weight:700; }

    .chapter-philo { position:relative; padding:180px 0; background:#111; color:#fff; overflow:hidden; }
    .chapter-philo::before { content:''; position:absolute; width:900px; height:900px; border-radius:50%; top:-400px; left:-250px; background:radial-gradient(circle, rgba(146,196,29,.2), transparent 60%); filter:blur(80px); }
    .chapter-philo::after { content:''; position:absolute; width:700px; height:700px; border-radius:50%; bottom:-300px; right:-100px; background:radial-gradient(circle, rgba(111,154,201,.22), transparent 60%); filter:blur(80px); }
    .chapter-philo .inner { position:relative; z-index:1; }
    .chapter-philo .head { text-align:center; margin-bottom:80px; }
    .chapter-philo h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; margin-top:20px; }
    .chapter-philo .sub { margin-top:18px; color:rgba(255,255,255,.75); max-width:720px; margin-left:auto; margin-right:auto; }
    .chapter-philo .grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
    .pcard { padding:48px 36px 44px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:16px; transition:all .4s cubic-bezier(.22,1,.36,1); position:relative; overflow:hidden; }
    .pcard::before { content:''; position:absolute; left:0; top:0; width:100%; height:3px; background:var(--green); transform:scaleX(0); transform-origin:left; transition:transform .5s; }
    .pcard:hover { background:rgba(255,255,255,.08); border-color:rgba(146,196,29,.4); transform:translateY(-4px); }
    .pcard:hover::before { transform:scaleX(1); }
    .pcard .num { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t3); font-weight:800; letter-spacing:var(--eyebrow-spacing-t3); color:var(--green-on-dark); }
    .pcard .ko { margin-top:16px; font-size:28px; font-weight:700; letter-spacing:-.02em; color:#fff; }
    .pcard .desc { margin-top:24px; padding-top:24px; border-top:1px solid rgba(255,255,255,.15); font-size:15px; line-height:1.7; color:rgba(255,255,255,.7); }

    .chapter-contact { padding:160px 0; background:#fff; }
    .chapter-contact .head { text-align:center; margin-bottom:60px; }
    .chapter-contact h2 { font-size:clamp(32px,3.6vw,44px); font-weight:700; letter-spacing:-.02em; margin-top:20px; }
    .chapter-contact .subtitle { margin-top:18px; color:var(--gray-600); font-size:16px; }
    .apply-grid { max-width:880px; margin:0 auto; display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
    .apply-card { position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:40px 36px 36px; min-height:220px; background:#fff; border:1px solid var(--gray-100); border-radius:16px; transition:all .35s cubic-bezier(.22,1,.36,1); }
    .apply-card::after { content:''; position:absolute; inset:0; border-radius:16px; pointer-events:none; border:2px solid transparent; transition:border-color .35s; }
    .apply-card:hover { transform:translateY(-6px); box-shadow:0 20px 48px rgba(29,29,29,.1); }
    .apply-card.saramin:hover::after { border-color:#00a3ea; }
    .apply-card.jobkorea:hover::after { border-color:#1c4d94; }
    .apply-card .brand { display:flex; align-items:center; gap:12px; }
    .apply-card .brand .dot { width:10px; height:10px; border-radius:50%; }
    .apply-card.saramin .brand .dot { background:#00a3ea; }
    .apply-card.jobkorea .brand .dot { background:#1c4d94; }
    .apply-card .brand .name { font-family:'Inter',sans-serif; font-size:13px; font-weight:800; letter-spacing:.06em; color:var(--gray-600); text-transform:uppercase; }
    .apply-card .title { margin-top:20px; font-size:26px; font-weight:700; letter-spacing:-.02em; line-height:1.3; color:var(--black); }
    .apply-card .desc { margin-top:10px; font-size:14px; color:var(--gray-600); line-height:1.6; }
    .apply-card .cta { margin-top:32px; display:flex; align-items:center; justify-content:space-between; font-size:14px; font-weight:700; color:var(--black); letter-spacing:-.01em; }
    .apply-card .cta .arrow { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:var(--gray-50); transition:all .3s; }
    .apply-card.saramin:hover .cta .arrow { background:#00a3ea; color:#fff; transform:translateX(4px); }
    .apply-card.jobkorea:hover .cta .arrow { background:#1c4d94; color:#fff; transform:translateX(4px); }
    .apply-card .cta .arrow .material-symbols-outlined { font-size:20px; }


    @media (max-width:900px) {
      .chapter-who .grid { grid-template-columns:1fr; }
      .chapter-benefit .benefit-grid { grid-template-columns:1fr; }
      .chapter-philo .grid { grid-template-columns:1fr; }
      .condition-row { grid-template-columns:1fr; gap:6px; }
      .chapter-green .grid { grid-template-columns:1fr; gap:48px; }
      .apply-grid { grid-template-columns:1fr; }
      /* 1. Brand Name — Healing + Shield 세로 중앙배열 */
      .chapter-name .formula { flex-direction:column; gap:20px; }
      .chapter-name .word { min-width:auto; width:100%; max-width:280px; padding:32px 24px; }
      .chapter-name .word .en { font-size:36px; }
      /* 2. Brand Color — 3가지 컬러 세로 배열 */
      .chapter-color .grid { grid-template-columns:1fr; }
      /* 4. Process Flow — 세로 배열 + 화살표 아래 향함 */
      .process-flow { flex-direction:column; gap:0; }
      .process-step { width:100%; max-width:340px; min-width:auto; }
      .process-arrow { margin:8px 0; }
      .process-arrow .material-symbols-outlined { transform:rotate(90deg); display:inline-block; }
      /* 5. 대리점 문의 — 모바일에서 좌측 정렬 */
      .chapter-contact .row { justify-content:flex-start; gap:24px; }
      .chapter-contact .row .item { text-align:left; }
    }


/* ═══════════════════════════════════════════════════════════════ */
/*                    9. CONTACT PAGE                                */
/* ═══════════════════════════════════════════════════════════════ */

    /* Page-specific: hero 배경 이미지 */
    .page-contact .hero::before { background-image:url('/design/crom3692/About/contact_hero.jpg'); }
    .hero .lead { max-width:680px; }

    /* 문의 그리드 */
    .chapter-contact { padding:160px 0; background:#fff; }
    .chapter-contact .head { text-align:center; margin-bottom:80px; }
    .chapter-contact h2 { margin-top:20px; font-size:clamp(32px,3.6vw,44px); font-weight:700; line-height:1.3; letter-spacing:-.02em; }
    .chapter-contact .sub { margin-top:18px; color:var(--gray-600); font-size:15px; max-width:680px; margin-left:auto; margin-right:auto; word-break:keep-all; }
    .contact-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
    .ccard { padding:60px 48px; border-radius:24px; transition:all .35s cubic-bezier(.22,1,.36,1); }
    .ccard.domestic { background:var(--gray-50); border:1px solid var(--gray-100); }
    .ccard.domestic:hover { background:#fff; border-color:rgba(146,196,29,.3); transform:translateY(-4px); box-shadow:0 24px 48px rgba(29,29,29,.08); }
    .ccard.overseas { background:#0a0a0a; color:#fff; position:relative; overflow:hidden; }
    .ccard.overseas::before { content:''; position:absolute; width:500px; height:500px; border-radius:50%; top:-200px; right:-200px; background:radial-gradient(circle, rgba(146,196,29,.15), transparent 60%); filter:blur(60px); }
    .ccard.overseas .inner-body { position:relative; z-index:1; }
    .ccard .badge { display:inline-block; padding:6px 14px; border-radius:999px; font-family:'Inter',sans-serif; font-size:var(--eyebrow-t2); font-weight:700; letter-spacing:var(--eyebrow-spacing-t2); text-transform:uppercase; background:rgba(146,196,29,.15); color:#6ea310; }
    .ccard.overseas .badge { background:rgba(184,224,90,.15); color:#b8e05a; }
    .ccard .title { margin-top:20px; font-size:28px; font-weight:700; letter-spacing:-.02em; color:var(--black); }
    .ccard.overseas .title { color:#fff; }
    .ccard .desc { margin-top:10px; font-size:14px; color:var(--gray-600); }
    .ccard.overseas .desc { color:rgba(255,255,255,.7); }
    .field-list { margin-top:40px; padding-top:32px; border-top:1px solid var(--gray-200); display:flex; flex-direction:column; gap:20px; }
    .ccard.overseas .field-list { border-top-color:rgba(255,255,255,.15); }
    .field { display:grid; grid-template-columns:80px 1fr; gap:20px; align-items:start; }
    .field .label { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t4); font-weight:800; letter-spacing:var(--eyebrow-spacing-t4); color:var(--gray-400); text-transform:uppercase; padding-top:4px; }
    .ccard.overseas .field .label { color:rgba(255,255,255,.5); }
    .field .value { font-size:16px; font-weight:600; color:var(--black); letter-spacing:-.01em; }
    .ccard.overseas .field .value { color:#fff; }
    .field .value a { color:inherit; transition:color .2s; }
    .field .value a:hover { color:var(--green); }
    .ccard.overseas .field .value a:hover { color:#b8e05a; }
    .field .value .sub { display:block; margin-top:4px; font-size:13.5px; font-weight:500; color:var(--gray-600); }
    .ccard.overseas .field .value .sub { color:rgba(255,255,255,.6); }

    /* 회사 위치 */
    .chapter-info { padding:160px 0; background:var(--gray-50); text-align:center; }
    .chapter-info h3 { margin-top:20px; font-size:clamp(28px,3vw,38px); font-weight:700; letter-spacing:-.02em; }
    .chapter-info .address { margin-top:18px; font-size:16px; font-weight:600; color:var(--black); }
    .chapter-info .address-en { margin-top:6px; font-size:13.5px; color:var(--gray-600); font-family:'Inter',sans-serif; letter-spacing:-.005em; }
    .chapter-info .map-wrap { margin-top:48px; max-width:1080px; margin-left:auto; margin-right:auto; border-radius:20px; overflow:hidden; border:1px solid var(--gray-200); box-shadow:0 16px 40px rgba(29,29,29,.08); }
    .chapter-info .map-wrap iframe { display:block; width:100%; height:420px; border:0; }
    .chapter-info .map-link {
      margin-top:16px; display:inline-flex; align-items:center; gap:6px;
      font-size:13px; font-weight:600; color:var(--gray-600); letter-spacing:-.01em;
      transition:color .2s;
    }
    .chapter-info .map-link:hover { color:var(--green); }
    .chapter-info .map-link .material-symbols-outlined { font-size:16px; }
    @media (max-width:640px) {
      .chapter-info .map-wrap iframe { height:320px; }
    }

    .chapter-info .meta { margin-top:48px; display:flex; justify-content:center; gap:48px; flex-wrap:wrap; padding-top:40px; border-top:1px solid var(--gray-200); }
    .chapter-info .meta-item .k { font-family:'Inter',sans-serif; font-size:var(--eyebrow-t4); font-weight:800; letter-spacing:var(--eyebrow-spacing-t4); color:var(--gray-400); text-transform:uppercase; }
    .chapter-info .meta-item .v { margin-top:6px; font-size:15px; font-weight:700; }

    @media (max-width:900px) {
      .contact-grid { grid-template-columns:1fr; }
      .ccard { padding:40px 32px; }
    }