/* =========================================================================
   Pocket Design System v1.4 — web tokens (2026-09)
   Source: 포켓컴퍼니_디자인시스템_v1_3_비주얼가이드 · 포켓 아이콘 v1.3 (1123종)
   Loaded AFTER the bound DS so these values win. Every legacy name the pages
   use (--brand-*, --text-*, --surface-*, --slate-*, --shadow-* …) is mapped
   onto the v1.3 primitives below, so one file drives the whole site.
   ========================================================================= */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap");

:root {
  /* v1.4 · 포켓 큐레이션 제품 토큰 (라이트) */
  --pk-bg-panel:var(--pk-gray-0,#FFFFFF); --pk-bg-bubble-bot:var(--pk-gray-100); --pk-bg-bubble-user:var(--pk-gray-900); --pk-text-on-bubble-user:#FFFFFF;
  --pk-bg-table-head:var(--pk-gray-50); --pk-bg-row-hover:var(--pk-gray-25,#F9FAFB); --pk-bg-selected:var(--pk-blue-50); --pk-border-selected:var(--pk-blue-600);
  --pk-risk-high-fg:var(--pk-red-600); --pk-risk-high-bg:var(--pk-red-50); --pk-risk-mid-fg:var(--pk-orange-700); --pk-risk-mid-bg:var(--pk-orange-50); --pk-risk-low-fg:var(--pk-green-800); --pk-risk-low-bg:var(--pk-green-50);
  --pk-file-pdf-fg:var(--pk-red-600); --pk-file-pdf-bg:var(--pk-red-50); --pk-file-pptx-fg:var(--pk-orange-700); --pk-file-pptx-bg:var(--pk-orange-50); --pk-file-csv-fg:var(--pk-green-800); --pk-file-csv-bg:var(--pk-green-50); --pk-file-docx-fg:var(--pk-blue-600); --pk-file-docx-bg:var(--pk-blue-50); --pk-file-md-fg:var(--pk-gray-700); --pk-file-md-bg:var(--pk-gray-100);
  --pk-app-sidenav-w:252px; --pk-app-sidenav-w-collapsed:72px; --pk-app-topbar-h:56px; --pk-app-panel-w:416px; --pk-app-content-pad:24px; --pk-app-modal-xl:1000px; --pk-table-row-h:36px; --pk-table-row-h-compact:32px; --pk-control-xxs:24px;

  /* ---- Primitives · brand blue --------------------------------------- */
  --pk-blue-25:#F6F9FF; --pk-blue-50:#F2F6FF; --pk-blue-100:#E8EFFF; --pk-blue-200:#CEDDFC;
  --pk-blue-300:#99BCFF; --pk-blue-400:#6599FF; --pk-blue-500:#3776FC; --pk-blue-600:#0955F9;
  --pk-blue-700:#0747D6; --pk-blue-800:#0A38A8; --pk-blue-900:#0E2A6E; --pk-blue-950:#0B1A42;
  /* ---- Primitives · cool gray ---------------------------------------- */
  --pk-gray-0:#FFFFFF; --pk-gray-25:#F8F9FC; --pk-gray-50:#F4F6FA; --pk-gray-100:#EEF2F7;
  --pk-gray-150:#E6EBF2; --pk-gray-200:#DFE5ED; --pk-gray-300:#C8CFD8; --pk-gray-400:#B2B9C3;
  --pk-gray-500:#89929E; --pk-gray-600:#626D7B; --pk-gray-700:#4C5465; --pk-gray-800:#2F343F;
  --pk-gray-900:#15171C; --pk-gray-950:#0B0C10;
  /* ---- Primitives · status & support --------------------------------- */
  --pk-green-25:#F6FCF7; --pk-green-50:#EEFAF0; --pk-green-100:#DDF0E0; --pk-green-500:#36C21D; --pk-green-600:#00A619; --pk-green-700:#008922; --pk-green-800:#007808;
  --pk-yellow-50:#FFFBE7; --pk-yellow-100:#F5EDCF; --pk-yellow-400:#FFD145; --pk-yellow-500:#F2B600; --pk-yellow-700:#946800;
  --pk-orange-50:#FFF1E5; --pk-orange-100:#FBE9DA; --pk-orange-400:#FFB272; --pk-orange-500:#FF7300; --pk-orange-700:#B84900;
  --pk-red-50:#FFF4F4; --pk-red-100:#FBE4E4; --pk-red-400:#FF6868; --pk-red-500:#F04B4F; --pk-red-600:#CD3138; --pk-red-700:#BF202C;
  --pk-purple-50:#F8F6FC; --pk-purple-600:#690BE4;

  /* ---- Semantic (v1.3) ------------------------------------------------ */
  --pk-bg-page:var(--pk-gray-50); --pk-bg-surface:var(--pk-gray-0); --pk-bg-surface-alt:var(--pk-gray-25);
  --pk-bg-field:var(--pk-gray-50); --pk-bg-muted:var(--pk-gray-100); --pk-bg-secondary:var(--pk-gray-200);
  --pk-bg-inverse:var(--pk-gray-900); --pk-bg-brand:var(--pk-blue-600); --pk-bg-brand-hover:var(--pk-blue-700);
  --pk-bg-brand-active:var(--pk-blue-800); --pk-bg-brand-soft:var(--pk-blue-50); --pk-bg-brand-subtle:var(--pk-blue-25);
  --pk-text-primary:var(--pk-gray-900); --pk-text-secondary:var(--pk-gray-700); --pk-text-tertiary:var(--pk-gray-600);
  --pk-text-placeholder:var(--pk-gray-500); --pk-text-disabled:var(--pk-gray-400); --pk-text-brand:var(--pk-blue-600);
  --pk-text-inverse-link:var(--pk-blue-300);
  --pk-border-subtle:var(--pk-gray-100); --pk-border-default:var(--pk-gray-150); --pk-border-strong:var(--pk-gray-300);
  --pk-border-brand:var(--pk-blue-600); --pk-border-brand-soft:var(--pk-blue-200);
  --pk-success-fg:var(--pk-green-800); --pk-success-bg:var(--pk-green-50); --pk-success-icon:var(--pk-green-500);
  --pk-warning-fg:var(--pk-yellow-700); --pk-warning-bg:var(--pk-yellow-50); --pk-warning-icon:var(--pk-yellow-500);
  --pk-danger-fg:var(--pk-red-600); --pk-danger-bg:var(--pk-red-50); --pk-danger-border:var(--pk-red-100); --pk-danger-icon:var(--pk-red-500);
  /* 빌드업 4영역 — 포켓 블루 단일 톤 (구분은 아이콘 · 라벨로) */
  --pk-area-grant-fg:var(--pk-blue-600);  --pk-area-grant-bg:var(--pk-blue-50);
  --pk-area-invest-fg:var(--pk-blue-600); --pk-area-invest-bg:var(--pk-blue-50);
  --pk-area-brand-fg:var(--pk-blue-600); --pk-area-brand-bg:var(--pk-blue-50);
  --pk-area-dev-fg:var(--pk-blue-600);  --pk-area-dev-bg:var(--pk-blue-50);

  /* ---- Type (v1.3 roles) ---------------------------------------------- */
  --pk-font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  --pk-font-latin:"Poppins","Pretendard Variable",Pretendard,system-ui,sans-serif;
  --pk-tracking-display:-0.04em; --pk-tracking-title:-0.03em; --pk-tracking-body:-0.02em;
  --pk-fs-mk-display:clamp(32px,4.4vw,56px); --pk-fs-mk-display-sm:clamp(28px,3.2vw,40px);
  --pk-fs-mk-headline:clamp(24px,2.9vw,36px); --pk-fs-mk-title:clamp(22px,2.6vw,32px);
  --pk-fs-mk-lead:clamp(17px,2vw,26px); --pk-fs-mk-lead-sm:clamp(16px,1.9vw,24px);
  --pk-fs-mk-card-title:clamp(19px,1.9vw,24px); --pk-fs-mk-eyebrow:clamp(14px,1.6vw,20px);
  --pk-fs-mk-body:clamp(16px,1.4vw,18px);

  /* ---- Space · shape · depth ----------------------------------------- */
  --pk-radius-xs:4px; --pk-radius-sm:6px; --pk-radius-md:8px; --pk-radius-lg:12px;
  --pk-radius-xl:16px; --pk-radius-2xl:20px; --pk-radius-3xl:32px; --pk-radius-full:9999px;
  --pk-shadow-1:0 6px 12px rgba(21,23,28,.07);
  --pk-shadow-2:0 6px 14px -3px rgba(21,23,28,.08);
  --pk-shadow-3:0 24px 40px rgba(21,23,28,.08);
  --pk-shadow-brand:0 8px 14px rgba(9,85,249,.27);
  --pk-shadow-brand-sm:0 4px 7px rgba(9,85,249,.25);
  --pk-shadow-ambient:0 14px 54px -10px rgba(0,78,174,.16);
  --pk-shadow-focus:0 0 0 2px #FFFFFF,0 0 0 4px var(--pk-blue-600);
  --pk-container:1200px; --pk-container-wide:1440px; --pk-container-text:720px;
  --pk-gutter:clamp(20px,5vw,40px);
  --pk-section-y:clamp(80px,7.5vw,96px);
  --pk-duration-fast:120ms; --pk-duration-base:200ms; --pk-duration-slow:320ms; --pk-duration-reveal:600ms;
  --pk-ease-standard:cubic-bezier(.2,0,0,1); --pk-ease-emphasized:cubic-bezier(.16,1,.3,1); --pk-ease-exit:cubic-bezier(.4,0,1,1);
  --pk-gradient-night:linear-gradient(160deg,#0B1A42 0%,#0E2A6E 45%,#0955F9 100%);
  --pk-gradient-cta-surface:linear-gradient(180deg,#EEF3FF 0%,#E0E8F7 100%);
  --pk-gradient-logo:linear-gradient(180deg,#6599FF 0%,#1F6BFF 100%);
  --pk-gradient-logo-tile:linear-gradient(180deg,#E9F0FF 0%,#E0E9FF 100%);

  /* ---- Legacy names used by every page → v1.3 ------------------------- */
  --brand-primary:var(--pk-blue-600); --brand-primary-hover:var(--pk-blue-700); --brand-primary-active:var(--pk-blue-800);
  --brand-surface:var(--pk-blue-50); --brand-surface-hover:var(--pk-blue-100); --brand-on-surface:var(--pk-blue-600);
  --text-primary:var(--pk-gray-900); --text-secondary:var(--pk-gray-700); --text-tertiary:var(--pk-gray-600);
  --text-disabled:var(--pk-gray-400); --text-link:var(--pk-blue-600); --text-on-brand:#FFFFFF; --text-band:var(--pk-gray-700);
  --color-bg:#FFFFFF; --color-bg-subtle:var(--pk-gray-50);
  --surface-card:#FFFFFF; --surface-sunken:var(--pk-gray-50); --surface-band:var(--pk-blue-50);
  --surface-brand:var(--pk-blue-600); --surface-brand-subtle:var(--pk-blue-50);
  --surface-chip:var(--pk-gray-100); --surface-field:var(--pk-gray-50); --surface-table-head:var(--pk-gray-100);
  --surface-strong:var(--pk-gray-900); --surface-inverse:var(--pk-gray-900);
  --border-subtle:var(--pk-gray-100); --border-default:var(--pk-gray-150); --border-strong:var(--pk-gray-300);
  --border-brand:var(--pk-blue-200); --border-chip:var(--pk-blue-200); --divider:var(--pk-gray-150);
  --focus-ring:var(--pk-shadow-focus); --focus-ring-color:var(--pk-blue-600);
  --success:var(--pk-green-800); --danger:var(--pk-red-600); --danger-muted:var(--pk-red-400);
  --danger-surface:var(--pk-red-50); --danger-border:var(--pk-red-100); --info:var(--pk-blue-600); --info-surface:var(--pk-blue-50);
  --pocket-blue-50:var(--pk-blue-50); --pocket-blue-100:var(--pk-blue-100); --pocket-blue-150:var(--pk-blue-100);
  --pocket-blue-200:var(--pk-blue-200); --pocket-blue-300:var(--pk-blue-300); --pocket-blue-400:var(--pk-blue-400);
  --pocket-blue-500:var(--pk-blue-500); --pocket-blue-600:var(--pk-blue-600); --pocket-blue-650:var(--pk-blue-600);
  --pocket-blue-700:var(--pk-blue-700); --pocket-blue-800:var(--pk-blue-800); --pocket-blue-900:var(--pk-blue-900);
  --pocket-blue-950:var(--pk-blue-950); --indigo-muted:var(--pk-gray-700);
  --slate-25:var(--pk-gray-25); --slate-50:var(--pk-gray-50); --slate-100:var(--pk-gray-100); --slate-150:var(--pk-gray-150);
  --slate-200:var(--pk-gray-200); --slate-250:var(--pk-gray-150); --slate-300:var(--pk-gray-300); --slate-400:var(--pk-gray-400);
  --slate-500:var(--pk-gray-500); --slate-600:var(--pk-gray-600); --slate-700:var(--pk-gray-700); --slate-800:var(--pk-gray-800);
  --slate-900:var(--pk-gray-900); --slate-950:var(--pk-gray-900);
  --green-500:var(--pk-green-500); --green-600:var(--pk-green-800); --red-50:var(--pk-red-50); --red-300:var(--pk-red-400);
  --red-500:var(--pk-red-500); --red-600:var(--pk-red-600); --amber-500:var(--pk-yellow-500); --amber-600:var(--pk-yellow-700);
  --viz-1:var(--pk-blue-600); --viz-2:var(--pk-orange-700); --viz-3:var(--pk-blue-900); --viz-4:var(--pk-green-800);
  --gradient-brand:var(--pk-blue-600); --gradient-brand-soft:var(--pk-gradient-logo); --gradient-tile:var(--pk-gradient-logo-tile);
  --gradient-ink:var(--pk-gradient-night); --gradient-mesh:none; --gradient-sky:var(--pk-gradient-cta-surface);
  --gradient-glass:var(--pk-gradient-logo);
  --glass-a:#50B9FF; --glass-b:#70B5FF; --glass-core:#46A2FF; --glass-front:rgba(150,202,255,.35);
  --shadow-xs:none; --shadow-sm:none; --shadow-card:none;
  --shadow-md:var(--pk-shadow-2); --shadow-lg:var(--pk-shadow-3); --shadow-xl:var(--pk-shadow-2); --shadow-2xl:var(--pk-shadow-3);
  --shadow-brand:var(--pk-shadow-brand); --shadow-brand-sm:var(--pk-shadow-brand-sm); --shadow-brand-lg:var(--pk-shadow-brand);
  --radius-btn:var(--pk-radius-sm); --radius-tile:var(--pk-radius-lg); --radius-card:var(--pk-radius-lg);
  --radius-panel:var(--pk-radius-xl); --radius-pill:var(--pk-radius-full);
  --font-sans:var(--pk-font-sans); --font-latin:var(--pk-font-latin); --font-mono:var(--pk-font-latin);
  --ease-out:var(--pk-ease-emphasized);
  --tracking-base:var(--pk-tracking-body); --tracking-display:var(--pk-tracking-display);
  --fs-display:56px; --fs-h1:48px; --fs-eyebrow:20px; --fs-sub:22px; --fs-card-title:24px;
}

html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{font-family:var(--pk-font-sans);color:var(--pk-text-primary);background:#FFFFFF;letter-spacing:-.02em;
  word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
::selection{background:var(--pk-blue-100);color:var(--pk-blue-900)}
:focus-visible{outline:none;box-shadow:var(--pk-shadow-focus)}
a{color:var(--pk-text-brand);text-decoration:none}
a:hover{color:var(--pk-blue-700)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* 상단 내비 — 좁아지면 보조 버튼 → 메뉴 순으로 접는다 */
@media (max-width:1180px){[data-pk="nav-ext"]{display:none!important}}
@media (max-width:860px){[data-pk="nav-menu"]{display:none!important}}