:root { 
  --alabaster: #fafaf9;
  --bay-of-many: #223c88;
  --black: #000000;
  --blue: #2b7fff;
  --catskill-white: #f1f5f9;
  --catskill-white-2: #f0f4f9;
  --cloud: #c4c4c4;
  --ebb: #e7e4e3;
  --fiord: #45556c;
  --fuscous-gray: #57524d;
  --gray-nurse: #eaeaea;
  --gunsmoke: #7e8589;
  --mercury: #e7e5e4;
  --mercury-2: #e6e6e6;
  --midnight-blue: #183e78;
  --mine-shaft: #333333;
  --mirage: #0e162b;
  --mirage-2: #0f172b;
  --mystic: #e1e8f0;
  --mystic-2: #e2e8f0;
  --periwinkle: #c4d5de;
  --pickled-bluewood: #314157;
  --storm-gray: #61738d;
  --white: #ffffff;
  --white-2: #ffffffe6;
 
  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-xl: 18px;
  --font-size-xxl: 20px;
  --font-size-xxxl: 24px;
  --font-size-xxxxl: 36px;
  --font-size-xxxxxl: 44px;
 
  --font-family-noto_sans_kr: "Noto Sans KR", Helvetica;
  --font-family-noto_serif_kr: "Noto Serif KR", Helvetica;
}
.notosanskr-normal-ebb-14px {
  color: var(--ebb);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

.notosanskr-normal-fiord-16px {
  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-mine-shaft-20px {
  color: var(--mine-shaft);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  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-normal-mine-shaft-14px {
  color: var(--mine-shaft);
  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-xxxl);
  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-xl);
  font-style: normal;
  font-weight: 400;
}

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

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

.notoserifkr-normal-bay-of-many-24px {
  color: var(--bay-of-many);
  font-family: var(--font-family-noto_serif_kr);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

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

.notosanskr-extra-bold-ebb-14px {
  color: var(--ebb);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  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-xl);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-normal-mystic-20px {
  color: var(--mystic);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  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-xl);
  font-style: normal;
  font-weight: 600;
}

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

.notosanskr-semi-bold-midnight-blue-17px {
  color: var(--midnight-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
}

.notosanskr-extra-bold-mine-shaft-44px {
  color: var(--mine-shaft);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxxxl);
  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-xxxxxl);
  font-style: normal;
  font-weight: 800;
}

.notosanskr-normal-mirage-24px {
  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-fiord-24px {
  color: var(--fiord);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxl);
  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-l);
  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-xl);
  font-style: normal;
  font-weight: 800;
}

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

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

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

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

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

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

.notosanskr-extra-bold-white-20px {
  color: var(--white);
  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 {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
}

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

.notoserifkr-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-noto_serif_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-xxxxxl);
  font-style: normal;
  font-weight: 800;
}

.notoserifkr-normal-fuscous-gray-24px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-noto_serif_kr);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

.notoserifkr-extra-bold-white-44px {
  color: var(--white);
  font-family: var(--font-family-noto_serif_kr);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 800;
}

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

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

.notosanskr-extra-bold-white-16px {
  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-fuscous-gray-18px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.notosanskr-extra-bold-midnight-blue-36px {
  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-normal-alabaster-24px {
  color: var(--alabaster);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

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

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

.notosanskr-extra-bold-mirage-18px {
  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-mine-shaft-24px {
  color: var(--mine-shaft);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 800;
}

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

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

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

.notoserifkr-normal-mercury-18px {
  color: var(--mercury);
  font-family: var(--font-family-noto_serif_kr);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

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

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

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

.notoserifkr-normal-mercury-26px {
  color: var(--mercury);
  font-family: var(--font-family-noto_serif_kr);
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
}