@font-face { font-family:"Pretendard Variable"; src:url("/assets/fonts/license-ui.woff2") format("woff2"); font-style:normal; font-weight:400 700; font-display:swap; }
/* 자격증지도 독립 토큰. SEED 실측의 값 체계만 적용한다. */
:root {
 color-scheme: light dark;
 --font: -apple-system, system-ui, "Pretendard Variable", "Segoe UI", Roboto, sans-serif;
 --regular:400; --medium:500; --bold:700;
 --t12:12px; --l12:16px; --t13:13px; --l13:18px; --t14:14px; --l14:19px; --t16:16px; --l16:22px; --t18:18px; --l18:24px; --t20:20px; --l20:27px; --t24:24px; --l24:32px; --t28:28px; --l28:38px;
 --s2:2px; --s4:4px; --s6:6px; --s8:8px; --s12:12px; --s16:16px; --s20:20px; --s24:24px; --s32:32px; --s40:40px; --s48:48px;
 --hair:1px; --focus:1.5px; --pill:9999px; --r4:4px; --r8:8px; --r10:10px; --r12:12px;
 --shadow-s1:0 1px 4px rgba(0,0,0,.08); --shadow-s2:0 2px 10px rgba(0,0,0,.10); --shadow-s3:0 4px 16px rgba(0,0,0,.12);
 --gray-00:#fff; --gray-100:#f7f8f9; --gray-200:#f3f4f5; --gray-300:#eeeff1; --gray-400:#dcdee3; --gray-500:#d1d3d8; --gray-600:#b0b3ba; --gray-700:#868b94; --gray-800:#555d6d; --gray-900:#2a3038; --gray-1000:#1a1c20;
 --canvas:var(--gray-00); --surface:var(--gray-00); --ink:var(--gray-1000); --body:var(--gray-900); --muted:var(--gray-800); --line:rgba(0,0,0,.06); --control-line:var(--gray-400); --point:#0b5cad; --point-strong:#084785; --point-tint:#eef5fc; --on-point:#fff;
 --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23555d6d' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 --control-pad:14px; --select-pad:38px; --selection-line:var(--hair); --selection-indent:var(--s12); --disabled:.55; --icon-stroke:1.75;
 --header-h:56px; --search-h:40px; --search-type:var(--t14); --chip-h:36px; --input-h:44px; --badge-h:22px; --cta-h:52px; --floating-w:390px; --floating-head:52px;
 --logo-w:146px; --logo-h:32px; --search-w:480px; --search-min:64px; --select-max:166px; --page-max:1200px; --page-min:320px; --side-w:240px; --policy-w:120px; --content-w:140px; --chart-h:210px; --chart-unit:1%; --suggest-h:360px;
 --h1:var(--t24); --h1-line:var(--l24); --page-pad:var(--s24); --section-gap:var(--s32); --two-cols:repeat(2,minmax(0,1fr)); --home-cols:minmax(0,1fr) minmax(0,1fr); --shell-cols:minmax(0,1fr) var(--side-w); --desktop:flex; --mobile:none; --preview:block; --search-display:flex; --nav-display:flex; --header-gap:var(--s32); --header-pad:var(--s24); --main-span:auto;
 --table-display:table; --tbody-display:table-row-group; --tr-display:table-row; --cell-display:table-cell; --thead-display:table-header-group; --mobile-label:none; --cell-align:right; --cell-border:var(--hair) solid var(--line); --row-pad:0; --cell-pad:var(--s12) var(--control-pad); --table-space:nowrap; --dl-cols:var(--content-w) minmax(0,1fr); --detail-summary-display:grid; --detail-fact-display:block;
}
@media(max-width:900px) { :root { --shell-cols:minmax(0,1fr); --preview:none; --header-gap:var(--s16); } }
@media(max-width:720px) { :root {
 --selection-line:0px; --selection-indent:0px; --header-h:52px; --search-h:44px; --search-type:var(--t16); --h1:22px; --h1-line:var(--l24); --page-pad:var(--s16); --header-pad:var(--s16); --header-gap:var(--s8); --two-cols:minmax(0,1fr); --home-cols:minmax(0,1fr); --desktop:none; --mobile:flex; --search-display:none; --nav-display:none; --main-span:1 / -1;
 --table-display:block; --tbody-display:block; --tr-display:grid; --cell-display:flex; --thead-display:none; --mobile-label:inline; --cell-align:left; --cell-border:0; --row-pad:var(--s12) 0; --cell-pad:var(--s4) 0; --table-space:normal; --dl-cols:minmax(0,1fr); --chart-h:184px; --detail-summary-display:grid; --detail-fact-display:none;
} }
@media(prefers-color-scheme:dark) { :root {
 --gray-00:#1a1c20; --gray-100:#2a3038; --gray-200:#2a3038; --gray-300:#555d6d; --gray-400:#555d6d; --gray-500:#868b94; --gray-600:#b0b3ba; --gray-700:#b0b3ba; --gray-800:#d1d3d8; --gray-900:#eeeff1; --gray-1000:#f7f8f9;
 --line:rgba(255,255,255,.12); --point:#83b9f1; --point-strong:#b8d8f8; --point-tint:#2a3038; --on-point:#1a1c20;
 --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23d1d3d8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
} }