:root { 
  --alto: #dadada;
  --black: #000000;
  --bon-jour: #e1e1e1;
  --celeste: #d1d1d1;
  --gunsmoke: #848484;
  --cultured-pearl: #f5f5f5;
  --dove-gray: #6d6e6e;
  --n00: #ffffff;
  --pink-swan: #bbbbbb;
  --sonic-silver: #767676;
  --x01: #3a7956;
  --x02: #111111;
  --x03: #dddddd;
  --x04: #1a4895;
  --x05: #4A996C;
  --x06: #4a4a4a;
  --x22222: #222222;
 
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 20px;
  --font-size-xs: 13px;
  --font-size-xxl: 25px;
  --font-size-xxs: 10px;
 

  --white: #fff;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --extrabold: 800;

  --font-family-poppins-medium: "Poppins-Medium", Helvetica;
  --font-family-poppins-regular: "Poppins-Regular", Helvetica;
  --font-family-poppins-semibold: "Poppins-SemiBold", 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-wanted_sans-medium: "Wanted Sans-Medium", Helvetica;
  --font-family-wanted_sans-regular: "Wanted Sans-Regular", Helvetica;
  --font-family-wanted_sans-semibold: "Wanted Sans-SemiBold", Helvetica;  
}
.pretendard-regular-normal-pink-swan-18px {
  color: var(--pink-swan);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

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

.poppins-normal-sonic-silver-13px {
  color: var(--sonic-silver);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

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

.ws-m-18-lic {
  color: var(--x02);
  font-family: var(--font-family-wanted_sans-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

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

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

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

.pretendard-bold-licorice-18px {
  color: var(--x02);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

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

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

.pretendard-medium-licorice-13px {
  color: var(--x02);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

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

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