/* @font-face {
  font-family: "SUIT-Light";
  src: url("/static/fonts/SUIT/SUIT-Light.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "SUIT-Medium";
  src: url("/static/fonts/SUIT/SUIT-Medium.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "SUIT-Bold";
  src: url("/static/fonts/SUIT/SUIT-Bold.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "HakgyoansimDoldam-Light";
  src: url("/static/fonts/HakgyoansimDoldam-main/HakgyoansimDoldam-Light.otf")
    format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "HakgyoansimDoldam-Medium";
  src: url("/static/fonts/HakgyoansimDoldam-main/HakgyoansimDoldam-Medium.otf")
    format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "HakgyoansimDoldam-Bold";
  src: url("/static/fonts/HakgyoansimDoldam-main/HakgyoansimDoldam-Bold.otf")
    format("opentype");
  font-display: swap;
} */
/* 라틴 계열 */
@font-face {
  font-family: "Noto_Sans_en-Light";    
    src: url("/static/fonts/NotoSans/NotoSans-Light.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_en-Medium";    
    src: url("/static/fonts/NotoSans/NotoSans-Medium.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_en-Bold";    
    src: url("/static/fonts/NotoSans/NotoSans-Bold.ttf") format("truetype");
    font-display: swap;
}

/* 한국어 */
@font-face {
  font-family: "Noto_Sans_ko-Light";    
    src: url("/static/fonts/NotoSans/NotoSansKR-Light.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_ko-Medium";    
    src: url("/static/fonts/NotoSans/NotoSansKR-Medium.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_ko-Bold";    
    src: url("/static/fonts/NotoSans/NotoSansKR-Bold.ttf") format("truetype");
    font-display: swap;
}

/* 일본어 */
@font-face {
  font-family: "Noto_Sans_ja-Light";    
    src: url("/static/fonts/NotoSans/NotoSansJP-Light.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_ja-Medium";    
    src: url("/static/fonts/NotoSans/NotoSansJP-Medium.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_ja-Bold";    
    src: url("/static/fonts/NotoSans/NotoSansJP-Bold.ttf") format("truetype");
    font-display: swap;
}

/* 중국어 간체 */
@font-face {
  font-family: "Noto_Sans_zh-Light";    
    src: url("/static/fonts/NotoSans/NotoSansSC-Light.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_zh-Medium";    
    src: url("/static/fonts/NotoSans/NotoSansSC-Medium.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_zh-Bold";    
    src: url("/static/fonts/NotoSans/NotoSansSC-Bold.ttf") format("truetype");
    font-display: swap;
}

/* 아랍어 */
@font-face {
  font-family: "Noto_Sans_ar-Light";    
    src: url("/static/fonts/NotoSans/NotoSansArabic-Light.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_ar-Medium";    
    src: url("/static/fonts/NotoSans/NotoSansArabic-Medium.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_ar-Bold";    
    src: url("/static/fonts/NotoSans/NotoSansArabic-Bold.ttf") format("truetype");
    font-display: swap;
}

/* 힌디어 */
@font-face {
  font-family: "Noto_Sans_hi-Light";    
    src: url("/static/fonts/NotoSans/NotoSansDevanagari-Light.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_hi-Medium";    
    src: url("/static/fonts/NotoSans/NotoSansDevanagari-Medium.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_hi-Bold";    
    src: url("/static/fonts/NotoSans/NotoSansDevanagari-Bold.ttf") format("truetype");
    font-display: swap;
}

/* 태국어 */
@font-face {
  font-family: "Noto_Sans_th-Light";    
    src: url("/static/fonts/NotoSans/NotoSansThai-Light.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_th-Medium";    
    src: url("/static/fonts/NotoSans/NotoSansThai-Medium.ttf") format("truetype");
    font-display: swap;
}
@font-face {
  font-family: "Noto_Sans_th-Bold";    
    src: url("/static/fonts/NotoSans/NotoSansThai-Bold.ttf") format("truetype");
    font-display: swap;
}

:root {
    /* 폰트 */
  --font--01-light: "Noto_Sans_en-Light", sans-serif;
  --font--01-medium: "Noto_Sans_en-Medium", sans-serif;
  --font--01-bold: "Noto_Sans_en-Bold", sans-serif;

  /* 컬러 */
  --white: #ffffff;
  --white-33: #ffffff33;
  --white-66: #ffffff66;
  --white-80: #ffffff80;
  --white-99: #ffffff99;

  --black: #000000;
  --black-33: #00000033;
  --black-66: #00000066;
  --black-99: #00000099;

  --gray-shadow: rgb(92 75 94 / 27%);
  --gray: #979797;
  --gray-light: #dbdbdb;
  --gray-lightest: #f0efef;

  --black-haze: #f7f7f7;
  --shark: #21252933;
  --shark-2: #212529;
  --brilliant-rose: #e44ead;
  --froly: #e7727d;
  --goldenrod: #ffde7def;
  --mine-shaft: #333333;
  --yellow: #fddb69;
  --red: #f18a95;
  --blue: #7ab8e2;
  --green: #5fac88;
  --pink: #896fd1;
  --violet: #a36fd8;
  --rose-white: #fcf6f5;
  --picton-blue: #4e9fe4;
  --shark0: #3f3f3f;
  --white-2: #ffffffb2;
  --sweet-pink: #f9a3a3;
  --gallery: #f0f0f0;
  --cornflower: #a3cff9;
  --slate-gray: #708090;
  --stack: #999999;
  --violet-blue: #3f51b5;

  /* --font--01-light: "HakgyoansimDoldam-Light", Helvetica;
  --font--01-medium: "HakgyoansimDoldam-Medium", Helvetica;
  --font--01-bold: "HakgyoansimDoldam-Bold", Helvetica; */

  /* --font--01-light: "SUIT-Light", Helvetica;
  --font--01-medium: "SUIT-Medium", Helvetica;
  --font--01-bold: "SUIT-Bold", Helvetica; */
}

/* .font--01-light {
  font-family: var(--font--01-light);
}
.font--01-medium {
  font-family: var(--font--01-medium);
}
.font--01-bold {
  font-family: var(--font--01-bold);
} */

/* 영어 */
body.lang-en {
  --font--01-light: "Noto_Sans_en-Light", sans-serif;
  --font--01-medium: "Noto_Sans_en-Medium", sans-serif;
  --font--01-bold: "Noto_Sans_en-Bold", sans-serif;
}

/* 한국어 */
body.lang-ko {
  --font--01-light: "Noto_Sans_ko-Light", sans-serif;
  --font--01-medium: "Noto_Sans_ko-Medium", sans-serif;
  --font--01-bold: "Noto_Sans_ko-Bold", sans-serif;
}

/* 일본어 */
body.lang-ja {
  --font--01-light: "Noto_Sans_ja-Light", sans-serif;
  --font--01-medium: "Noto_Sans_ja-Medium", sans-serif;
  --font--01-bold: "Noto_Sans_ja-Bold", sans-serif;
}

/* 중국어 간체 */
body.lang-zh {
  --font--01-light: "Noto_Sans_zh-Light", sans-serif;
  --font--01-medium: "Noto_Sans_zh-Medium", sans-serif;
  --font--01-bold: "Noto_Sans_zh-Bold", sans-serif;
}

/* 아랍어 */
body.lang-ar {
  --font--01-light: "Noto_Sans_ar-Light", sans-serif;
  --font--01-medium: "Noto_Sans_ar-Medium", sans-serif;
  --font--01-bold: "Noto_Sans_ar-Bold", sans-serif;
}

/* 힌디어 */
body.lang-hi {
  --font--01-light: "Noto_Sans_hi-Light", sans-serif;
  --font--01-medium: "Noto_Sans_hi-Medium", sans-serif;
  --font--01-bold: "Noto_Sans_hi-Bold", sans-serif;
}

/* 태국어 */
body.lang-th {
  --font--01-light: "Noto_Sans_th-Light", sans-serif;
  --font--01-medium: "Noto_Sans_th-Medium", sans-serif;
  --font--01-bold: "Noto_Sans_th-Bold", sans-serif;
}

.font--01-light {
  font-family: var(--font--01-light);
}
.font--01-medium {
  font-family: var(--font--01-medium);
}
.font--01-bold {
  font-family: var(--font--01-bold);
}
.font--16 {
  font-size: 1rem;
}
.font--20 {
  font-size: 1.25rem;
}
.font--24 {
  font-size: 1.5rem;
}
.font--black {
  color: var(--mine-shaft);
}
.font--blue {
  color: var(--blue);
}