:root { 
  --athens-gray: #eeeff2;
  --black: #000000;
  --black-2: #020202ba;
  --black-3: #00000094;
  --black-4: #00000069;
  --black-5: #00000070;
  --boulder: #797979;
  --chicago: #5f5f5f;
  --chicago-2: #5d5d5d;
  --chicago-3: #595959;
  --concord: #7c7c7c;
  --dove-gray: #6d6d6d;
  --dove-gray-2: #707070;
  --eerie-black: #1a1a1a;
  --eerie-black-2: #1f1f1f;
  --fuscous-gray: #504f4f;
  --fuscous-gray-2: #505050;
  --fuscous-gray-3: #525252;
  --gallery: #f0f0f0;
  --gallery-2: #f0f0f099;
  --gray: #7f7f7f;
  --gray-2: #7e7e7e;
  --harlequin: #4ac200;
  --heavy-metal: #2c2c2c;
  --iron: #d8d8d8;
  --masala: #3d3d3d;
  --mountain-mist: #959595;
  --nobel: #b1b1b1;
  --nobel-2: #b4b4b4;
  --quick-silver: #a4a4a4;
  --quill-gray: #d6d6d6;
  --quill-gray-2: #d2d2d2;
  --shady-lady: #aaaaaa;
  --shark: #292929;
  --silver: #bebebe;
  --silver-chalice: #ababab;
  --silver-sand: #c2c2c2;
  --stack: #8f8f8f;
  --star-dust: #9b9b9b;
  --star-dust-2: #9f9f9f;
  --storm-dust: #656565;
  --suva-gray: #888888;
  --tuatara: #343434;
  --white: #ffffff;
  --white-2: #ffffff47;
  --white-3: #ffffff26;
 
  --font-size-l: 16px;
  --font-size-m: 15px;
  --font-size-s: 14px;
  --font-size-xl: 18px;
  --font-size-xs: 12px;
  --font-size-xxl: 20px;
  --font-size-xxxl: 36px;
 
  --font-family-helvetica-regular: "Helvetica-Regular", Helvetica;
  --font-family-helvetica_neue-bold: "Helvetica Neue-Bold", Helvetica;
  --font-family-helvetica_neue-medium: "Helvetica Neue-Medium", Helvetica;
  --font-family-helvetica_neue-regular: "Helvetica Neue-Regular", Helvetica;
  --font-family-pretendard-bold: "Pretendard-Bold", Helvetica;
  --font-family-pretendard-medium: "Pretendard-Medium", Helvetica;
  --font-family-pretendard-regular: "Pretendard-Regular", Helvetica;
  --font-family-pretendard-semibold: "Pretendard-SemiBold", Helvetica;
  --font-family-telegraf-regular: "Telegraf-Regular", Helvetica;
}
.pretendard-regular-normal-black-15px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.helveticaneue-regular-normal-chicago-16px {
  color: var(--chicago);
  font-family: var(--font-family-helvetica_neue-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-fuscous-gray-15px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-fuscous-gray-15px-2 {
  color: var(--fuscous-gray-2);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.pretendard-bold-black-36px {
  color: var(--black);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.pretendard-regular-normal-black-20px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-dove-gray-20px {
  color: var(--dove-gray);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-white-14px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.pretendard-medium-heavy-metal-12px {
  color: var(--heavy-metal);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.pretendard-medium-fuscous-gray-40px {
  color: var(--fuscous-gray-3);
  font-family: var(--font-family-pretendard-medium);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-medium-fuscous-gray-16px {
  color: var(--fuscous-gray-3);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.pretendard-regular-normal-black-18px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.helvetica-regular-normal-black-54px {
  color: var(--black);
  font-family: var(--font-family-helvetica-regular);
  font-size: 54px;
  font-style: normal;
  font-weight: 400;
}

.helveticaneue-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-helvetica_neue-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.pretendard-semi-bold-black-15px {
  color: var(--black);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.helveticaneue-regular-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-helvetica_neue-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.helveticaneue-regular-normal-silver-sand-18px {
  color: var(--silver-sand);
  font-family: var(--font-family-helvetica_neue-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-heavy-metal-12px {
  color: var(--heavy-metal);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-white-20px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.pretendard-semi-bold-silver-chalice-22px {
  color: var(--silver-chalice);
  font-family: var(--font-family-pretendard-semibold);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
}

.pretendard-semi-bold-black-36px {
  color: var(--black);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
}

.pretendard-regular-normal-chicago-14px {
  color: var(--chicago-2);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.pretendard-bold-heavy-metal-19-4px {
  color: var(--heavy-metal);
  font-family: var(--font-family-pretendard-bold);
  font-size: 19.4px;
  font-style: normal;
  font-weight: 700;
}

.pretendard-regular-normal-suva-gray-12px {
  color: var(--suva-gray);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-black-13-2px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: 13.2px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-black-36px {
  color: var(--black);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.pretendard-medium-white-70px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: 70px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-regular-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.pretendard-semi-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.helveticaneue-regular-normal-black-20px {
  color: var(--black);
  font-family: var(--font-family-helvetica_neue-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.pretendard-semi-bold-black-24px {
  color: var(--black);
  font-family: var(--font-family-pretendard-semibold);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}

.pretendard-semi-bold-suva-gray-14px {
  color: var(--suva-gray);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.pretendard-regular-normal-heavy-metal-7px {
  color: var(--heavy-metal);
  font-family: var(--font-family-pretendard-regular);
  font-size: 7px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.pretendard-bold-heavy-metal-20px {
  color: var(--heavy-metal);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.pretendard-regular-normal-harlequin-20px {
  color: var(--harlequin);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.pretendard-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-pretendard-bold);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}

.pretendard-bold-black-28px {
  color: var(--black);
  font-family: var(--font-family-pretendard-bold);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
}

.pretendard-bold-black-52px {
  color: var(--black);
  font-family: var(--font-family-pretendard-bold);
  font-size: 52px;
  font-style: normal;
  font-weight: 700;
}

.pretendard-medium-white-26px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-bold-masala-14px {
  color: var(--masala);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.helveticaneue-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-helvetica_neue-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.helveticaneue-medium-silver-sand-16px {
  color: var(--silver-sand);
  font-family: var(--font-family-helvetica_neue-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.helveticaneue-regular-normal-star-dust-16px {
  color: var(--star-dust);
  font-family: var(--font-family-helvetica_neue-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.pretendard-semi-bold-black-18px {
  color: var(--black);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.pretendard-regular-normal-black-27-5px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: 27.5px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-bold-chicago-14px {
  color: var(--chicago-2);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.pretendard-regular-normal-black-17px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-semi-bold-shady-lady-20px {
  color: var(--shady-lady);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.pretendard-semi-bold-black-30-9px {
  color: var(--black);
  font-family: var(--font-family-pretendard-semibold);
  font-size: 30.9px;
  font-style: normal;
  font-weight: 600;
}

.pretendard-semi-bold-white-60px {
  color: var(--white);
  font-family: var(--font-family-pretendard-semibold);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
}

.pretendard-medium-white-30px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-medium-black-26px {
  color: var(--black);
  font-family: var(--font-family-pretendard-medium);
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-regular-normal-white-12px {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.pretendard-semi-bold-black-50px {
  color: var(--black);
  font-family: var(--font-family-pretendard-semibold);
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
}

.pretendard-bold-white-36px {
  color: var(--white);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.pretendard-medium-chicago-18px {
  color: var(--chicago-3);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.pretendard-bold-black-22-1px {
  color: var(--black);
  font-family: var(--font-family-pretendard-bold);
  font-size: 22.1px;
  font-style: normal;
  font-weight: 700;
}

.pretendard-bold-black-19-8px {
  color: var(--black);
  font-family: var(--font-family-pretendard-bold);
  font-size: 19.8px;
  font-style: normal;
  font-weight: 700;
}

.pretendard-regular-normal-black-19-8px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: 19.8px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-black-28px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-bold-mountain-mist-36px {
  color: var(--mountain-mist);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.pretendard-regular-normal-black-26px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-quick-silver-40px {
  color: var(--quick-silver);
  font-family: var(--font-family-pretendard-medium);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-semi-bold-white-62px {
  color: var(--white);
  font-family: var(--font-family-pretendard-semibold);
  font-size: 62px;
  font-style: normal;
  font-weight: 600;
}

.pretendard-regular-normal-white-20px-2 {
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-white-40px {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-black-30px {
  color: var(--black);
  font-family: var(--font-family-pretendard-medium);
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
}

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

.helvetica-regular-normal-black-40px {
  color: var(--black);
  font-family: var(--font-family-helvetica-regular);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-white-44px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: 44px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-medium-white-35px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-medium-stack-14px {
  color: var(--stack);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.pretendard-semi-bold-white-14px {
  color: var(--white);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.pretendard-bold-silver-36px {
  color: var(--silver);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.pretendard-regular-normal-silver-20px {
  color: var(--silver);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-black-30px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-star-dust-12px {
  color: var(--star-dust);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.pretendard-semi-bold-white-60px-2 {
  color: var(--white);
  font-family: var(--font-family-pretendard-semibold);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
}

.pretendard-regular-normal-chicago-18px {
  color: var(--chicago-3);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.helveticaneue-bold-tuatara-20px {
  color: var(--tuatara);
  font-family: var(--font-family-helvetica_neue-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.helveticaneue-medium-boulder-16px {
  color: var(--boulder);
  font-family: var(--font-family-helvetica_neue-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.pretendard-regular-normal-white-26px {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-bold-concord-20px {
  color: var(--concord);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.pretendard-regular-normal-black-50px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-bold-black-50px {
  color: var(--black);
  font-family: var(--font-family-pretendard-bold);
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
}

.pretendard-regular-normal-dove-gray-18px {
  color: var(--dove-gray);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-white-18px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.pretendard-regular-normal-chicago-16px {
  color: var(--chicago-3);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.pretendard-semi-bold-white-18px {
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.pretendard-semi-bold-quick-silver-18px {
  color: var(--quick-silver);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}