:root { 
  --bay-of-many: #223c88;
  --black: #000000;
  --blue: #2b7fff;
  --catskill-white: #f1f5f9;
  --catskill-white-2: #f0f4f9;
  --ebony-clay: #1c283c;
  --fiord: #45556c;
  --fiord-2: #45556c33;
  --gunsmoke: #7e8589;
  --mercury: #e6e6e6;
  --midnight-blue: #183e78;
  --mine-shaft: #333333;
  --mirage: #0e162b;
  --mirage-2: #0f172b;
  --mystic: #e2e8f0;
  --mystic-2: #e1e8f0;
  --periwinkle: #c4d5de;
  --periwinkle-2: #cad5e2;
  --pewter-blue: #90a1b8;
  --pickled-bluewood: #314157;
  --storm-gray: #61738d;
  --white: #ffffff;
  --white-2: #ffffffe6;
  --white-lilac: #f8fafc;
 
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 36px;
  --font-size-xxxxl: 44px;
 
  --font-family-alumni_sans_sc: "Alumni Sans SC", Helvetica;
  --font-family-noto_sans_kr: "Noto Sans KR", Helvetica;
  --font-family-noto_serif_kr: "Noto Serif KR", Helvetica;
}
.notosanskr-normal-fiord-16px {
  color: var(--fiord);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-mirage-24px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-fiord-18px {
  color: var(--fiord);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-normal-fiord-14px {
  color: var(--fiord);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-fiord-16px {
  color: var(--fiord);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-mirage-20px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-mirage-44px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-mirage-30px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-blue-16px {
  color: var(--blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-mystic-20px {
  color: var(--mystic-2);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-semi-bold-mirage-18px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.notosanskr-extra-bold-mirage-36px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-mirage-14px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-mirage-16px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 800;
}

.alumnisanssc-normal-white-24px {
  color: var(--white);
  font-family: var(--font-family-alumni_sans_sc);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-normal-bay-of-many-16px {
  color: var(--bay-of-many);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-normal-mirage-18px {
  color: var(--mirage-2);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-storm-gray-14px {
  color: var(--storm-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-storm-gray-20px {
  color: var(--storm-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-normal-mirage-24px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-mirage-18px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-fiord-10px {
  color: var(--fiord);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

.alumnisanssc-normal-periwinkle-40px {
  color: var(--periwinkle-2);
  font-family: var(--font-family-alumni_sans_sc);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-fiord-20px {
  color: var(--fiord);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-pewter-blue-14px {
  color: var(--pewter-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-semi-bold-fiord-16px {
  color: var(--fiord);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.notosanskr-extra-bold-midnight-blue-24px {
  color: var(--midnight-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-fiord-20px {
  color: var(--fiord);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-white-14px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-mine-shaft-18px {
  color: var(--mine-shaft);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-white-24px {
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-mirage-20px-2 {
  color: var(--mirage-2);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-mirage-32px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-fiord-24px {
  color: var(--fiord);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-normal-mirage-36px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-normal-mirage-24px-2 {
  color: var(--mirage-2);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-white-18px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-storm-gray-18px {
  color: var(--storm-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-normal-mirage-20px {
  color: var(--mirage-2);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-fiord-18px {
  color: var(--fiord);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-white-24px-2 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-pickled-bluewood-18px {
  color: var(--pickled-bluewood);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-midnight-blue-44px {
  color: var(--midnight-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-white-44px {
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-mirage-18px-2 {
  color: var(--mirage-2);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-ebony-clay-14px {
  color: var(--ebony-clay);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-mirage-28px {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-storm-gray-16px {
  color: var(--storm-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-white-22px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-pickled-bluewood-16px {
  color: var(--pickled-bluewood);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-normal-mine-shaft-12px {
  color: var(--mine-shaft);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-midnight-blue-18px {
  color: var(--midnight-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-white-30px {
  font-family: var(--font-family-noto_sans_kr);
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
}

.notosanskr-extra-bold-midnight-blue-30px {
  color: var(--midnight-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-ebony-clay-16px {
  color: var(--ebony-clay);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}