@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v39-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-v39-latin-500.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-v39-latin-600.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-serif-v28-latin-300.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-v28-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('../fonts/subset-NotoSansKR-Regular.woff2') format('woff2'),
    url('../fonts/subset-NotoSansKR-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('../fonts/subset-NotoSansKR-Bold.woff2') format('woff2'),
    url('../fonts/subset-NotoSansKR-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


:root {
  --theme-header1-color: #cb9543;
  --theme-header2-color: #54332a;
  --theme-text-color: #48484a;
  --theme-separator-color: #c6c6c7;
  --theme-header1-size: 42rem;
  --theme-header1-weight: 600;
  --theme-header2-size: 34rem;
  --theme-header2-weight: 500;
  --theme-text-size: 28rem;
  /* --theme-text-size: 29rem; */
}

html {
  font-size: 0.0625em;
}

body {
  font-size: 16rem;
  background-color: white;
}

* {
  font-family: 'Noto Sans', sans-serif;
}

.kr_font {
  font-family: 'Noto Sans KR', sans-serif;
}