@charset "utf-8";


/* ==============================
  Font Import
============================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');


/* ==============================
  Pretendard
============================== */
@font-face { font-family: 'Pretendard'; font-weight: 100; font-display: swap; src: url('font/pretendard/Pretendard-Thin.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-weight: 200; font-display: swap; src: url('font/pretendard/Pretendard-ExtraLight.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-weight: 300; font-display: swap; src: url('font/pretendard/Pretendard-Light.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: url('font/pretendard/Pretendard-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: url('font/pretendard/Pretendard-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: url('font/pretendard/Pretendard-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: url('font/pretendard/Pretendard-Bold.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: url('font/pretendard/Pretendard-ExtraBold.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-weight: 900; font-display: swap; src: url('font/pretendard/Pretendard-Black.woff2') format('woff2'); }


/* ==============================
  Paperlogy
============================== */
@font-face { font-family: 'Paperlogy'; font-weight: 100; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2'); }
@font-face { font-family: 'Paperlogy'; font-weight: 200; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2'); }
@font-face { font-family: 'Paperlogy'; font-weight: 300; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2'); }
@font-face { font-family: 'Paperlogy'; font-weight: 400; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2'); }
@font-face { font-family: 'Paperlogy'; font-weight: 500; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2'); }
@font-face { font-family: 'Paperlogy'; font-weight: 600; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'Paperlogy'; font-weight: 700; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2'); }
@font-face { font-family: 'Paperlogy'; font-weight: 800; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2'); }
@font-face { font-family: 'Paperlogy'; font-weight: 900; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2'); }


/* ==============================
  Root
============================== */
:root { --font-base: 'Paperlogy', 'Pretendard', 'Noto Color Emoji', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', Dotum, sans-serif; }


/* ==============================
  Reset
============================== */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
html { font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body { color: #666; font-size: 14px; line-height: 1.5; font-family: var(--font-base); word-break: keep-all; }


/* ==============================
  Typography Fix
============================== */
body, input, textarea, select, button, table, th, td, pre, code, kbd, samp { font-family: var(--font-base); }
h1, h2, h3, h4, h5, h6, p, span, a, strong, em, label, li, dt, dd { font-family: inherit; }


/* ==============================
  Form
============================== */
input, textarea, select, button { font: inherit; color: inherit; }
button, input[type='button'], input[type='submit'], input[type='reset'] { cursor: pointer; border: 0; background: none; }
textarea { resize: vertical; }


/* ==============================
  Table
============================== */
table { width: 100%; border-collapse: collapse; border-spacing: 0; }


/* ==============================
  Media
============================== */
img, svg, video { max-width: 100%; vertical-align: top; border: 0; }


/* ==============================
  List
============================== */
ul, ol, li { list-style: none; }


/* ==============================
  Link
============================== */
a { color: inherit; text-decoration: none; }


/* ==============================
  Accessibility
============================== */
caption, legend { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0, 0, 0, 0); }


/* ==============================
  Emoji
============================== */
.emoji { font-family: 'Noto Color Emoji', sans-serif !important; font-weight: 400 !important; font-style: normal !important; }