@charset "UTF-8";

/* =========================
 * Pretendard
 * ========================= */
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src:
    url("fonts/Pretendard-Thin.woff2") format('woff2'),
    url("fonts/Pretendard-Thin.woff") format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src:
    url("fonts/Pretendard-ExtraLight.woff2") format('woff2'),
    url("fonts/Pretendard-ExtraLight.woff") format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:
    url("fonts/Pretendard-Light.woff2") format('woff2'),
    url("fonts/Pretendard-Light.woff") format('woff');
}

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

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    url("fonts/Pretendard-Medium.woff2") format('woff2'),
    url("fonts/Pretendard-Medium.woff") format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    url("fonts/Pretendard-SemiBold.woff2") format('woff2'),
    url("fonts/Pretendard-SemiBold.woff") format('woff');
}

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

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src:
    url("fonts/Pretendard-ExtraBold.woff2") format('woff2'),
    url("fonts/Pretendard-ExtraBold.woff") format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src:
    url("fonts/Pretendard-Black.woff2") format('woff2'),
    url("fonts/Pretendard-Black.woff") format('woff');
}


/* =========================
 * esamanru
 * ========================= */
@font-face {
  font-family: 'esamanru';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:
    url("fonts/esamanruLight.woff2") format('woff2'),
    url("fonts/esamanruLight.woff") format('woff');
}

@font-face {
  font-family: 'esamanru';
  font-weight: 500;
  font-display: swap;
  src:
    url("fonts/esamanruMedium.woff2") format('woff2'),
    url("fonts/esamanruMedium.woff") format('woff');
}

@font-face {
  font-family: 'esamanru';
  font-weight: 700;
  font-display: swap;
  src:
    url("fonts/esamanruBold.woff2") format('woff2'),
    url("fonts/esamanruBold.woff") format('woff');
}



/* =========================
 * Ria Sans
 * ========================= */
@font-face {
  font-family: 'RiaSans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    url("fonts/RiaSans-Regular.woff2") format('woff2'),
    url("fonts/RiaSans-Regular.woff") format('woff');
}

@font-face {
  font-family: 'RiaSans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    url("fonts/RiaSans-Medium.woff2") format('woff2'),
    url("fonts/RiaSans-Medium.woff") format('woff');
}

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

/* =========================
 * Giants
 * ========================= */
@font-face {
  font-family: 'Giants';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Giants-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Giants';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Giants-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

/* =========================
 * Pretendard
 * ========================= */
@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src:
    url("fonts/Paperlogy-1Thin.woff2") format('woff2'),
    url("fonts/Paperlogy-1Thin.woff") format('woff');
}

@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src:
    url("fonts/Paperlogy-2ExtraLight.woff2") format('woff2'),
    url("fonts/Paperlogy-2ExtraLight.woff") format('woff');
}

@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:
    url("fonts/Paperlogy-3Light.woff2") format('woff2'),
    url("fonts/Paperlogy-3Light.woff") format('woff');
}

@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    url("fonts/Paperlogy-4Regular.woff2") format('woff2'),
    url("fonts/Paperlogy-4Regular.woff") format('woff');
}

@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    url("fonts/Paperlogy-5Medium.woff2") format('woff2'),
    url("fonts/Paperlogy-5Medium.woff") format('woff');
}

@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    url("fonts/Paperlogy-6SemiBold.woff2") format('woff2'),
    url("fonts/Paperlogy-6SemiBold.woff") format('woff');
}

@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    url("fonts/Paperlogy-7Bold.woff2") format('woff2'),
    url("fonts/Paperlogy-7Bold.woff") format('woff');
}

@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src:
    url("fonts/Paperlogy-8ExtraBold.woff2") format('woff2'),
    url("fonts/Paperlogy-8ExtraBold.woff") format('woff');
}

@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src:
    url("fonts/Paperlogy-9Black.woff2") format('woff2'),
    url("fonts/Paperlogy-9Black.woff") format('woff');
}

@font-face {
  font-family: 'Paperlogy';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src:
    url("fonts/Pretendard-Black.woff2") format('woff2'),
    url("fonts/Pretendard-Black.woff") format('woff');
}



/* =========================
 * Font Variables
 * ========================= */
:root {
  --font-kr: 'Pretendard', 'Noto Sans KR', sans-serif;
  --font-en: 'Montserrat Alternates', sans-serif;
  --font-ria: 'RiaSans', 'Noto Sans KR', sans-serif;
  --font-esamanru: 'esamanru', sans-serif;
  --font-giants: 'Giants', sans-serif;
  --font-paperlogy: 'Paperlogy', 'Noto Sans KR', sans-serif;
}


/* =========================
 * Base
 * ========================= */
body {
  font-family: var(--font-kr);
  font-weight: 400;
  color: #111;
}


/* =========================
 * Utility
 * ========================= */
.font-en {
  font-family: var(--font-en);
}

.font-ria {
  font-family: var(--font-ria);
}

.font-esamanru {
  font-family: var(--font-esamanru);
}

.font-giants {
  font-family: var(--font-giants);
}
.font-paperlogy {
  font-family: var(--font-paperlogy);
}