/* 함께한 브랜드 — 레퍼런스 로고 월 (2026-09-04) */
#brands .brandwall{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
#brands .brandwall li{display:flex;align-items:center;justify-content:center;min-height:112px;padding:20px 22px;
  border-radius:16px;background:rgba(255,255,255,.5);
  -webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%);
  box-shadow:0 0 0 1px rgba(255,255,255,.75),inset 0 0 0 1px rgba(255,255,255,.35),
    0 24px 48px -24px rgba(16,20,28,.32),0 8px 20px -14px rgba(77,141,255,.25)}
#brands .brandwall img{display:block;width:auto;max-width:100%;opacity:.72}
@media (hover:hover){#brands .brandwall li:hover img{opacity:1}}
#brands .bw-note{margin-top:28px;max-width:78ch;font-size:13px;line-height:1.7;color:#57606E}
@media (max-width:1024px){#brands .brandwall{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
  #brands .brandwall li{min-height:100px;padding:18px}}
@media (max-width:640px){#brands .brandwall{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}
  #brands .brandwall li{min-height:88px;padding:16px}
  #brands .brandwall img{transform:scale(.86)}}

/* ── /ja/ · /zh/ 한 장짜리 소개 (build_intl.py) ─────────────────────
   CJK 는 자간을 조이면 글자가 붙어 보인다. 국문/영문보다 느슨하게 둔다. */
.intl :is(h1,h2,h3,p,li,span,a,div){word-break:normal;overflow-wrap:anywhere;line-break:strict}
.intl h1,.intl h2{letter-spacing:-.01em;line-height:1.34}
.intl .lead,.intl .body,.intl p,.intl li{line-height:1.85;letter-spacing:.005em}
.intl .hero h1{max-width:24ch}
.intl .label{letter-spacing:.14em}
/* 한 장짜리라 섹션 사이 여백을 조금 줄인다 */
.intl section{padding:96px 0}
@media (max-width:900px){.intl section{padding:68px 0}}
@media (max-width:640px){.intl section{padding:52px 0}}
.intl .hero{padding-top:120px}
/* 카드 격자 */
.encards{margin-top:52px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap,24px)}
.encards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.encards article{min-width:0}
.encards h3{font-size:22px;font-weight:700;line-height:1.4;color:var(--ink)}
.dark .encards h3{color:#fff}
.encards p{margin-top:14px;font-size:15px;color:var(--slate-light)}
.dark .encards p{color:#D6DCE6}
.encards .k{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--mint-800);margin-bottom:15px}
.dark .encards .k{color:#ADCCFF}
@media (max-width:900px){.encards,.encards.c3{grid-template-columns:minmax(0,1fr)}
  .encards article{grid-column:auto!important}}
/* 연락처 */
.ic{margin-top:44px;border-top:1px solid var(--divider)}
.dark .ic{border-top-color:var(--border-dark)}
.ic .r{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:18px 0;
  border-bottom:1px solid var(--divider)}
.dark .ic .r{border-bottom-color:var(--border-dark)}
.ic .k{font-size:13px;font-weight:700;color:var(--slate-light)}
.dark .ic .k{color:var(--slate-dark)}
.ic .v{font-size:15.5px;line-height:1.65;color:var(--ink)}
.dark .ic .v{color:#fff}
.ic .v a{color:var(--mint-800);text-decoration:none;font-weight:600}
.dark .ic .v a{color:var(--mint)}
.ic .v a:hover{text-decoration:underline}
.ic-note{margin-top:26px;font-size:14px;line-height:1.8;color:var(--slate-light);max-width:60ch}
.dark .ic-note{color:var(--slate-dark)}
@media (max-width:640px){.ic .r{grid-template-columns:1fr;gap:6px}}
/* 상단 — 로고와 한국어 사이트로 돌아가는 링크만. 메뉴는 국문 전용이라 뺀다 */
.ihead{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.80);
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur);
  border-bottom:1px solid rgba(16,20,28,.08);
  box-shadow:0 10px 30px -22px rgba(16,20,28,.35)}
.ihead .wrap{display:flex;align-items:center;gap:20px;padding-top:17px;padding-bottom:17px}
.ihead .logo{display:block;color:var(--ink)}
.ihead .logo svg{height:19px;width:auto;display:block}
.ihead .sp{flex:1}
.ihead a.bk{font-size:13px;font-weight:700;color:#3F4757;text-decoration:none;white-space:nowrap}
.ihead a.bk:hover{color:var(--ink)}
/* 하단 — 마지막 섹션(`light cta`)에 이어지는 **밝은** 바닥이다.
   ⚠️ 어두운 면 색(--slate-dark #A5AEBE)을 쓰면 크림 위에서 2.07:1 로 미달한다.
   밝은 바탕의 작은 글자는 #57606E, 강조·링크는 딥코발트 #12459E 다 (브랜드 규칙). */
.iftr{padding:52px 0 60px;background:var(--cream);border-top:1px solid var(--divider)}
.iftr .wrap{display:flex;flex-wrap:wrap;gap:18px 34px;align-items:center}
.iftr .sp{flex:1}
.iftr .c{font-size:13px;color:#57606E}
.iftr a{font-size:13px;color:var(--mint-800);text-decoration:none;font-weight:600}
.iftr a:hover{text-decoration:underline}
@font-face{font-family:'NotoJP';font-style:normal;font-weight:400;font-display:block;src:url(/fonts/notojp-400-8d9d532f.woff2) format('woff2');}
@font-face{font-family:'NotoJP';font-style:normal;font-weight:700;font-display:block;src:url(/fonts/notojp-700-1c6004f3.woff2) format('woff2');}
@font-face{font-family:'NotoJP';font-style:normal;font-weight:800;font-display:block;src:url(/fonts/notojp-800-00caf3e4.woff2) format('woff2');}
body.intl,body.intl h1,body.intl h2,body.intl h3,body.intl p,body.intl span,body.intl a,body.intl div,body.intl li{font-family:'NotoJP','Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic','Noto Sans JP','PretendardSub',-apple-system,sans-serif;}