html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, button, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, a:link, a:visited, a:hover {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  list-style-type: none;
  text-decoration: none;
  line-height: 1;
  user-select: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}

html {
  font-size: 16px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  font-size: 16px;
  line-height: 1;
}
body.menu-open {
  overflow: hidden;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, label, select, button, textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  outline: none;
  /* Browsers have different default form fonts */
  font-size: 13px;
  font-family: Arial;
}

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

:root {
  --ff-pretendard: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --ff-paperlogy: "Paperlogy", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --ff-nanumMJ: "NanumMyeongjo", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --ff-nanumPS: "Nanum Pen Script", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --color-neutral-900: #03031b;
  --color-neutral-800: #2a2a3f;
  --color-neutral-700: #48485b;
  --color-neutral-600: #5b5b6b;
  --color-neutral-500: #76767f;
  --color-neutral-400: #a8a8ae;
  --color-neutral-300: #c0c0c4;
  --color-neutral-200: #dcdcdf;
  --color-neutral-100: #efeff0;
  --color-neutral-050: #fafafa;
  --color-neutral-000: #ffffff;
  --color-main-900: #03143c;
  --color-main-800: #07256b;
  --color-main-700: #0e46b5;
  --color-main-600: #0e51d5;
  --color-main-500: #0d85e1;
  --color-main-400: #38aaf1;
  --color-main-300: #38d5f1;
  --color-main-200: #7aebeb;
  --color-main-100: #d8fbf4;
  --color-sub-500: #eb4e0a;
  --color-sub-400: #fa5a1b;
  --color-sub-300: #fda15f;
  --color-sub-200: #f7cc1f;
  --color-sub-100: #fcf69d;
  --color-system-success: #28a745;
  --color-system-danger: #dc3545;
  --color-system-warning: #ffc107;
  --color-system-info: #17a2b8;
  --fs-60: 60px;
  --fs-40: 40px;
  --fs-32: 32px;
  --fs-24: 24px;
  --fs-20: 20px;
  --fs-18: 18px;
  --fs-17: 17px;
  --fs-15: 15px;
  --fs-13: 13px;
  --fw-black: 900;
  --fw-ebld: 800;
  --fw-bld: 700;
  --fw-sbld: 600;
  --fw-med: 500;
  --fw-reg: 400;
  --lh-100: 100%;
  --lh-115: 115%;
  --lh-125: 125%;
  --lh-135: 135%;
  --lh-145: 145%;
  --lh-155: 155%;
  --lh-165: 165%;
  --ls-wide: 0.025em;
  --ls-semi-wide: 0.015em;
  --ls-normal: 0;
  --ls-semi-tight: -0.015em;
  --ls-tight: -0.025em;
  --sz-144: 144px;
  --sz-96: 96px;
  --sz-72: 72px;
  --sz-48: 48px;
  --sz-40: 40px;
  --sz-32: 32px;
  --sz-24: 24px;
  --sz-16: 16px;
  --sz-12: 12px;
  --sz-8: 8px;
  --sz-4: 4px;
  --sz-2: 2px;
}

@media (max-width: 480px) {
  :root {
    --fs-60: 48px;
    --fs-40: 28px;
    --fs-32: 24px;
    --fs-24: 22px;
    --fs-20: 18px;
    --fs-18: 18px;
    --fs-17: 17px;
    --fs-15: 15px;
    --fs-13: 14px;
    --sz-144: 96px;
    --sz-96: 72px;
    --sz-72: 48px;
    --sz-48: 36px;
    --sz-40: 32px;
    --sz-32: 24px;
    --sz-24: 18px;
    --sz-16: 12px;
    --sz-12: 8px;
    --sz-8: 6px;
    --sz-4: 3px;
    --sz-2: 1px;
  }
}
.menu-icon {
  display: none;
}
@media (max-width: 480px) {
  .menu-icon {
    display: flex;
  }
}

.menu-box {
  display: flex;
}
@media (max-width: 480px) {
  .menu-box {
    display: none;
  }
}

.menu-container-m {
  display: none;
}
@media (max-width: 480px) {
  .menu-container-m {
    display: flex;
  }
}

.title-lg {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-60);
  font-weight: var(--fw-bld);
  line-height: var(--lh-135);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.title-md {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-40);
  font-weight: var(--fw-bld);
  line-height: var(--lh-135);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.title-sm {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-32);
  font-weight: var(--fw-bld);
  line-height: var(--lh-135);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.subtitle-lg {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-24);
  font-weight: var(--fw-bld);
  line-height: var(--lh-155);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.subtitle-md {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-20);
  font-weight: var(--fw-bld);
  line-height: var(--lh-155);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.subtitle-sm {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-18);
  font-weight: var(--fw-bld);
  line-height: var(--lh-155);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.subtitle-md--nanum {
  font-family: var(--ff-nanummyeongjo);
  font-size: var(--fs-20);
  font-weight: var(--fw-bld);
  line-height: var(--lh-155);
  letter-spacing: var(--ls-normal);
  color: var(--color-neutral-900);
}

.body-lg {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-20);
  font-weight: var(--fw-reg);
  line-height: var(--lh-165);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.body-md {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-18);
  font-weight: var(--fw-reg);
  line-height: var(--lh-165);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.body-sm {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-17);
  font-weight: var(--fw-reg);
  line-height: var(--lh-165);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.label-xxl {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-20);
  font-weight: var(--fw-bld);
  line-height: var(--lh-125);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.label-xl {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-18);
  font-weight: var(--fw-med);
  line-height: var(--lh-125);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.label-lg {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-17);
  font-weight: var(--fw-reg);
  line-height: var(--lh-125);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.label-md {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
  line-height: var(--lh-125);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

.label-sm {
  font-family: var(--ff-pretendard);
  font-size: var(--fs-13);
  font-weight: var(--fw-reg);
  line-height: var(--lh-125);
  letter-spacing: var(--ls-tight);
  color: var(--color-neutral-900);
}

@media (max-width: 480px) {
  .subtitle-lg {
    line-height: var(--lh-135);
  }
  .subtitle-md {
    line-height: var(--lh-135);
  }
  .subtitle-sm {
    line-height: var(--lh-135);
  }
}
/*# sourceMappingURL=common.css.map */