:root { 
  --black: #000000;
  --black-2: #000000b2;
  --cod-gray: #0c0c0c;
  --concord: #7b7b7b;
  --lilac: #db99ff;
  --log-cabin: #212121;
  --log-cabin-2: #222222;
  --mercury: #e4e4e4;
  --mercury-2: #e6e6e6;
  --mountain-mist: #999999;
  --onyx: #383838;
  --onyx-2: #3a3a3a;
  --pink-swan: #b9b9b9;
  --white: #ffffff;
 
  --font-size-l: 25px;
  --font-size-m: 20px;
  --font-size-s: 18.1px;
  --font-size-xl: 27.1px;
  --font-size-xs: 10.9px;
  --font-size-xxl: 41.3px;
  --font-size-xxxl: 64.6px;
 
  --font-family-allison: "Allison", Helvetica;
  --font-family-helvetica-bold: "Helvetica-Bold", Helvetica;
  --font-family-helvetica-regular: "Helvetica-Regular", Helvetica;
  --font-family-imperial_script: "Imperial Script", Helvetica;
  --font-family-milligram_trial-medium: "Milligram Trial-Medium", Helvetica;
  --font-family-milligram_trial-regular: "Milligram Trial-Regular", Helvetica;
  --font-family-pretendard-bold: "Pretendard-Bold", Helvetica;
  --font-family-pretendard-extralight: "Pretendard-ExtraLight", Helvetica;
  --font-family-pretendard-light: "Pretendard-Light", Helvetica;
  --font-family-pretendard-medium: "Pretendard-Medium", Helvetica;
  --font-family-pretendard-regular: "Pretendard-Regular", Helvetica;
  --font-family-pretendard-semibold: "Pretendard-SemiBold", Helvetica;
  --font-family-suite-extrabold: "SUITE-ExtraBold", Helvetica;
}
.pretendard-medium-black-20px {
  color: var(--black);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.helvetica-bold-white-27-1px {
  color: var(--white);
  font-family: var(--font-family-helvetica-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

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

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

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

.pretendard-light-white-25px {
  color: var(--white);
  font-family: var(--font-family-pretendard-light);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

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

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

.pretendard-light-white-20px {
  color: var(--white);
  font-family: var(--font-family-pretendard-light);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

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

.pretendard-regular-normal-concord-29-1px {
  color: var(--concord);
  font-family: var(--font-family-pretendard-regular);
  font-size: 29.1px;
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

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

.pretendard-regular-normal-concord-27-2px {
  color: var(--concord);
  font-family: var(--font-family-pretendard-regular);
  font-size: 27.2px;
  font-style: normal;
  font-weight: 400;
}

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

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

.pretendard-bold-lilac-49-5px {
  color: var(--lilac);
  font-family: var(--font-family-pretendard-bold);
  font-size: 49.5px;
  font-style: normal;
  font-weight: 700;
}

.helvetica-regular-normal-white-153-1px {
  color: var(--white);
  font-family: var(--font-family-helvetica-regular);
  font-size: 153.1px;
  font-style: normal;
  font-weight: 400;
}

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

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

.pretendard-light-white-10-9px {
  color: var(--white);
  font-family: var(--font-family-pretendard-light);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}