@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
@import url("//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css");
:root {
  --bs-primary: #0b70f4;
  --bs-primary-hover: #0764de;
  --bs-primary-dark: #0559c6;
  --bs-primary-light: #edf5ff;
  --bs-primary-light-hover: #cae0fc;
  --bs-dark: #222;
  --bs-gray-dark: #555;
  --bs-gray: #979797;
  --bs-gray-light: #dfdfdf;
  --bs-gray-lighter: #f3f3f3;
  --bs-secondary: #a5a5a5;
  --bs-success: #198754;
  --bs-success-light: #ddede6;
  --bs-danger: #dc3545;
  --bs-danger-light: #fdf2f3;
  --bs-th-bg: #eeeef1;
  --bs-tr-active: #deeaf8;
  --bs-tr-hover: #f4faff;
  --bs-tr-blue: #f0f8ff;
  --bs-tr-red: #fff1ec;
  --bs-tr-yellow: #fff8df;
  --bs-disabled: #f3f4f7;
  --bs-border-color: #ccc;
  --bs-body-color: #222;
  --bs-font-sans-serif: "NanumSquare", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-body-line-height: 1.5;
  --bs-body-font-weight: 400;
}

:root {
  --fs-10: 0.625rem;
  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-28: 1.75rem;
  --fs-32: 2rem;
  --fs-48: 3rem;
  --fs-64: 4rem;
}

[class*=" xi-"],
[class^="xi-"] {
  font-size: var(--fs-24);
}