:root { 
  --bg: #f9f9f9;
  --black: #000000;
  --border: #e2e2e2;
  --chicago: #5e5e5e;
  --gray: #808080;
  --tit: #202020;
  --txt: #555555;
  --white: #ffffff;
 
  --font-size-l: 32px;
  --font-size-m: 20px;
  --font-size-s: 18px;
  --font-size-xs: 16px;
  --font-size-xxs: 14px;
  --font-size-xxxs: 12px;
  --font-size-xxxxs: 11px;
 
  --font-family-kimm_bold-b: "KIMM_Bold-B", 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;
}
.pretendard-semi-bold-gray-16px {
  color: var(--gray);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

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

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

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

.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;
}

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

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