@charset "UTF-8";
/* root.css — 시안D · 토큰(퍼플·시안 그라디언트) + 리셋 */

:root {
  /* Base */
  --bg: #FFFFFF;
  --bg-soft: #F8FAFC;

  /* Lines */
  --line: #E5E7EB;
  --line-strong: #D1D5DB;

  /* Ink (grayscale text · KRDS/Tailwind 계열 10단계 · 숫자 클수록 어두움) */
  --ink-900: #222222; /* on #fff = 16.1:1  AAA · 본문 진한 텍스트 */
  --ink-800: #333333; /* 12.6:1  AAA · 강조 본문 */
  --ink-700: #444444; /* 9.7:1  AAA · 기본 본문 */
  --ink-600: #555555; /* 7.4:1  AAA · 세컨더리 본문 */
  --ink-500: #666666; /* 5.7:1  AA (large: AAA) · 서브 텍스트 */
  --ink-400: #6B7280; /* 4.83:1 AA 통과 · 캡션/힌트 */
  --ink-300: #9AA1AB; /* 2.7:1  · 비활성/placeholder (contrast 예외 대상) */
  --ink-200: #C1C5CB; /* 1.9:1  · 매우 흐린 텍스트/구분선 */

  /* 태극기 (Korean flag) — Point palette · 시안A 정합 */
  --kor-red:   #c90a0a;
  --kor-blue:  #003478;
  --kor-black: #0B0B0B;

  /* Point spectrum — kor-red 계열 */
  --kor-red-50:  #FBE7E7;
  --kor-red-100: #F7CFCF;
  --kor-red-300: #E88585;
  --kor-red-500: #D63333;
  /* 600 tier = --kor-red 그대로 사용 */

  /* Secondary spectrum — kor-blue 계열 */
  --kor-blue-50:  #E6EBF2;
  --kor-blue-300: #6688B0;
  /* 500 tier = --kor-blue 그대로 사용 */
  --kor-blue-600: #002A5F;

  /* Accents — 태극(kor-red/blue) 팔레트에 amber 하나만 accent로 사용 */
  --amber-700: #B45309; /* AA on white 5.65:1 · 창업/기회 카테고리 텍스트 */
  --amber-50:  #FEF3C7; /* amber-700 텍스트 대비용 배경 */
  --amber:     #F59E0B; /* 하이라이트용 (텍스트로는 사용 금지: 4.2:1) */

  /* Gradients — 같은 계열 내 톤 그라데이션 (빨강+파랑 혼합 금지) */
  /* [main] kor-red 계열 — 밝은 빨강 → 진한 빨강 */
  --grad-main: linear-gradient(135deg, #E24A4A 0%, #C90A0A 55%, #8E0707 100%);
  --grad-soft: linear-gradient(135deg, rgba(201,10,10,.10), rgba(201,10,10,.02));
  --grad-text: linear-gradient(135deg, #C90A0A 0%, #8E0707 100%);
  /* [blue] kor-blue 계열 — 밝은 파랑 → 진한 파랑 (필요 시 액센트) */
  --grad-blue: linear-gradient(135deg, #2A5DA0 0%, #003478 55%, #001F4A 100%);
  --grad-blue-text: linear-gradient(135deg, #003478 0%, #001F4A 100%);

  /* Typography — 세방고딕: 포인트/타이틀 전용 */
  --font-title: "SebangGothic", "Pretendard Variable", "Pretendard",
                -apple-system, BlinkMacSystemFont, "Segoe UI",
                "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;

  /* Layout */
  --container: 1440px;

  /* Radius */
  --r-sm:   8px;
  --r-md:  14px;
  --r-lg:  20px;
  --r-xl:  28px;
  --r-pill: 999px;

  /* Motion */
  --tr-fast: all .15s ease;
  --tr-base: all .25s ease;

  /* Shadow — kor-red / kor-blue 톤 */
  --shadow-card: 0 10px 30px -10px rgba(15,23,42,.10);
  --shadow-pop:  0 24px 48px -16px rgba(201,10,10,.28);
  --shadow-cyan: 0 24px 48px -16px rgba(0,52,120,.22);
  /* 카드 공통 그림자 (컨텐츠1 .role · 컨텐츠2 .tile 통일) */
  --shadow-card-rest:  0 16px 40px -18px rgba(15,15,38,.22);
  --shadow-card-hover: 0 24px 52px -18px rgba(15,15,38,.35);

  /* Header (플로팅 캡슐이므로 top offset 만 사용) */
  --floatnav-top: 18px;
}

/* Reset & Base */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
  scroll-behavior: smooth;
  max-width: 2560px; min-width: 340px;
  margin: 0 auto;
  overflow-x: hidden;
}
body {
  font-family: 'Pretendard Variable', Pretendard, -apple-system, 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  font-weight: 400;
  /* 접근성 기본 폰트 사이즈 (WCAG 권장 · 브라우저 확대에 반응하도록 절대치 명시) */
  font-size: 16px;
  color: var(--ink-900);
  background: var(--bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a  { color: inherit; text-decoration: none; cursor: pointer; }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
/* HTML5 hidden 속성 : 컴포넌트 CSS 의 display 값이 덮어쓰지 않도록 전역 우선순위 확보 */
[hidden] { display: none !important; }
/* iOS Safari 자동 확대 방지 — 폼 요소 최소 16px */
input, select, textarea { font-family: inherit; font-size: 16px; }
h1,h2,h3,h4,h5,h6 { font-weight: 700; line-height: 1.25; color: var(--ink-900); }

/* 한글 어절 wrap */
h1, h2, h3, h4, h5, h6, p,
.eyebrow, .section-title,
.partners__head h2,
.link-card__title, .link-card__desc,
.footer__addr, .footer__col h4 {
  word-break: keep-all;
  overflow-wrap: break-word;
}