:root { 
  --font-black: #1e1e1e;
  --font-white: #ffffff;
  --font-orange: #dd5e1e;
  --font-gray: #767676;

  --bg-btn-black: #0e0207;
  --btn-box-bg-orange: #dd5e1e;
  --box-bg-whiteorange: #fff7f2;
  --box-bg-gray:#fafafa;

  --activated-btn-orange: #dd5e1e;
  --nonactivated-btn-gray: #e9e8e8;
  --nonactivated-btn-txt-gray: #4e4e4e;

  --input-border-color: #e0e0e0;
  --input-bg: #ffffff;
  --blog-bg: #fffcf8;

  --text-hovering: color 0.3s ease;
  --btn-box-bg-orange-hover: #FF8D54;
  --bg-btn-black-hover: #5c5c5c;

  --blog-card-shadow: 4px 4px 25px 1px rgba(0, 0, 0, 0.1);
  --box-shadow: 4px 4px 15px 2px rgba(0, 0, 0, 0.15);
  --drop-shadow: 3px 3px 4px rgba(0,0,0,0.25);
}

.bold-45 {
  font-family: Pretendard;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.bold-40 {
  font-family: Pretendard;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.bold-34 {
  font-family: Pretendard;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.bold-24 {
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.bold-20 {
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.bold-16 {
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.medi-30 {
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.medi-26 {
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.medi-24 {
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.medi-20 {
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.medi-18 {
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.medi-16 {
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.medi-14 {
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.regu-12 {
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.regu-10 {
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.light-12 {
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
}