/* font-face */
@font-face{font-family:'Pretendard';font-weight:300;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/Pretendard-300.woff2') format('woff2');}
@font-face{font-family:'Pretendard';font-weight:400;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/Pretendard-400.woff2') format('woff2');}
@font-face{font-family:'Pretendard';font-weight:500;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/Pretendard-500.woff2') format('woff2');}
@font-face{font-family:'Pretendard';font-weight:600;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/Pretendard-600.woff2') format('woff2');}
@font-face{font-family:'Pretendard';font-weight:700;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/Pretendard-700.woff2') format('woff2');}
@font-face{font-family:'Pretendard';font-weight:800;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/Pretendard-800.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/Inter-400.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:500;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/Inter-500.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:600;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/Inter-600.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:700;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/Inter-700.woff2') format('woff2');}
@font-face{font-family:'Sofia Sans Extra Condensed';font-weight:900;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/SofiaSansExtraCondensed-900.woff2') format('woff2');}
@font-face{font-family:'Zalando Sans Expanded';font-weight:800;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/ZalandoSansExpanded-800.ttf') format('truetype');}
@font-face{font-family:'Zalando Sans Expanded';font-weight:900;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/syworks/ZalandoSansExpanded-900.ttf') format('truetype');}
@font-face{font-family:'Inter Display';font-weight:700;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/InterDisplay-700.woff2') format('woff2');}
@font-face{font-family:'Inter Display';font-weight:900;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/InterDisplay-900.woff2') format('woff2');}
@font-face{font-family:'Inter Display';font-weight:800;font-style:normal;font-display:swap;src:url('/uploads/_comm/fonts/InterDisplay-800.woff') format('woff');}



/* design tokens */
:root{
  --color-bg:#F3F3EF;
  --color-bg-dark:#000000;
  --color-bg-alt:#111111;
  --color-surface:#222222;
  --color-border:#D7D7D7;
  --color-text-primary:#ffffff;
  --color-text-dark:#222222;
  --color-text-secondary:#666666;
  --color-text-muted:#999999;
  --color-accent:#AC0000;
  --color-white:#ffffff;
  --color-text-faint:#E0DED9;
  --color-accent-red:#B71C1C;
  --color-image-border-outer:#E5E1E0;
  --color-image-border-inner:#CAC7C6;
  --color-border-strong:#333333;
  --color-axis-line:#999999;
  --color-difference-sub:#666666;
  --color-connector-gray:#D7D7D7;
  --color-service-desc:#67635F;
  
  
  --font-body:'Pretendard','Inter',sans-serif;

  --transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);
  --transition-base:0.3s cubic-bezier(0.4,0,0.2,1);
  --transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);
}