@font-face {
  font-family: "IBM Plex Sans KR";
  src: url("/assets/fonts/ibm-plex-sans-kr/IBMPlexSansKR-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans KR";
  src: url("/assets/fonts/ibm-plex-sans-kr/IBMPlexSansKR-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans KR";
  src: url("/assets/fonts/ibm-plex-sans-kr/IBMPlexSansKR-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans KR";
  src: url("/assets/fonts/ibm-plex-sans-kr/IBMPlexSansKR-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --ds-ui-font: "IBM Plex Sans KR", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --bs-font-sans-serif: var(--ds-ui-font);
  --bs-body-font-family: var(--ds-ui-font);
}

body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body button,
body input,
body optgroup,
body select,
body textarea,
body .btn,
body .page-link,
body .form-control,
body .form-select,
body .badge,
body .metric-badge,
body .universe-pill,
body .rank-badge,
body .side-pill,
body .data-mini-pill,
body .data-stage-pill,
body .stock-panel-count {
  font-family: var(--ds-ui-font) !important;
}