:root { 
	--alto: #d9d9d9;
	--bg: #f9f9f9;
	--black: #000000;
	--border: #e2e2e2;
	--gray: #818181;
	--chicago: #5e5e5e;
	--point: #35c2d5;
	--point1: #5d5aa7;
	--sonic-silver: #777777;
	--tit: #202020;
	--tuatara: #363636;
	--txt: #555555;
	--white: #ffffff;
	 
	--font-size-l: 19px;
	--font-size-m: 18px;
	--font-size-s: 16px;
	--font-size-xl: 20px;
	--font-size-xs: 12px;
	--font-size-xxl: 32px;
	--font-size-xxs: 11px;
 
  --font-family-kimm_bold-b: "KIMM_Bold-B", Helvetica;
    --font-family-pretendard-black: "Pretendard-Black", 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-medium-fuscous-gray-18px {
  color: var(--txt);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}
.pretendard-medium-sonic-silver-16px {
  color: var(--sonic-silver);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

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

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

.pretendard-semi-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xl);
  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-l);
  font-style: normal;
  font-weight: 600;
}

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

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

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

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

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

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

.pretendard-medium-fuscous-gray-18px {
  color: var(--txt);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-m);
  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-xl);
  font-style: normal;
  font-weight: 500;
}

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

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