@charset "uft-8";

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
a {
  color: #000;
  text-decoration: none;
}
html,
body {
  overflow-x: hidden;
  font-family: "Pretendard Variable", Pretendard, -apple-system,
    BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI",
    "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 16px;
}

/* body {
  width: 1400px;
  height: 100%;
  margin: 0 auto;
  border: 1px solid #000;
} */

.weight-100 {
  font-weight: 100 !important;
}
.weight-200 {
  font-weight: 200 !important;
}
.weight-300 {
  font-weight: 300 !important;
}
.weight-400 {
  font-weight: 400 !important;
}
.weight-500 {
  font-weight: 500 !important;
}
.weight-600 {
  font-weight: 600 !important;
}
.weight-700 {
  font-weight: 700 !important;
}
.weight-800 {
  font-weight: 800 !important;
}
.weight-900 {
  font-weight: 900 !important;
}

.font-150 {
  font-size: 150px !important;
  line-height: 140%;
}
.font-140 {
  font-size: 140px !important;
  line-height: 140%;
}
.font-120 {
  font-size: 120px !important;
  line-height: 140%;
}
.font-100 {
  font-size: 100px !important;
  line-height: 140%;
}
.font-80 {
  font-size: 80px !important;
  line-height: 120%;
}
.font-70 {
  font-size: 70px !important;
  line-height: 140%;
}
.font-65 {
  font-size: 65px !important;
  line-height: 140%;
}
.font-60 {
  font-size: 60px !important;
  line-height: 140%;
}
.font-55 {
  font-size: 55px !important;
  line-height: 140%;
}
.font-50 {
  font-size: 50px !important;
  line-height: 140%;
}
.font-45 {
  font-size: 45px !important;
  line-height: 140%;
}
.font-44 {
  font-size: 44px !important;
  line-height: 140%;
}
.font-42 {
  font-size: 42px !important;
  line-height: 140%;
}
.font-40 {
  font-size: 40px !important;
  line-height: 140%;
  word-break: keep-all;
}
.font-38 {
  font-size: 38px !important;
  line-height: 140%;
  word-break: keep-all;
}
.font-35 {
  font-size: 35px !important;
  line-height: 140%;
  word-break: keep-all;
}
.font-32 {
  font-size: 32px !important;
  line-height: 140%;
  word-break: keep-all;
}
.font-30 {
  font-size: 30px !important;
  line-height: 140%;
  word-break: keep-all;
}
.font-28 {
  font-size: 28px !important;
  line-height: 140%;
  word-break: keep-all;
}
.font-25 {
  font-size: 25px !important;
  line-height: 150%;
  word-break: keep-all;
}
.font-24 {
  font-size: 24px !important;
  line-height: 150%;
  word-break: keep-all;
}
.font-22 {
  font-size: 22px !important;
  line-height: 150%;
  word-break: keep-all;
}
.font-20 {
  font-size: 20px !important;
  line-height: 150%;
  word-break: keep-all;
}
.font-18 {
  font-size: 18px !important;
  line-height: 150%;
  word-break: keep-all;
}
.font-17 {
  font-size: 17px !important;
  line-height: 150%;
  word-break: keep-all;
}
.font-16 {
  font-size: 16px !important;
  line-height: 140%;
  word-break: keep-all;
}
.font-15 {
  font-size: 15px !important;
  line-height: 130%;
  word-break: keep-all;
}
.font-14 {
  font-size: 14px !important;
  line-height: 130%;
  word-break: keep-all;
}
.font-12 {
  font-size: 12px !important;
  line-height: 120%;
  word-break: keep-all;
}
@media screen and (max-width: 1400px) {
  .font-150 {
    font-size: 85px !important;
    line-height: 120%;
  }
  .font-140 {
    font-size: 80px !important;
    line-height: 120%;
  }
  .font-120 {
    font-size: 75px !important;
    line-height: 120%;
  }
  .font-100 {
    font-size: 70px !important;
    line-height: 120%;
  }
  .font-80 {
    font-size: 60px !important;
    line-height: 120%;
  }
  .font-70 {
    font-size: 55px !important;
    line-height: 120%;
  }
  .font-65 {
    font-size: 55px !important;
    line-height: 120%;
  }
  .font-60 {
    font-size: 50px !important;
    line-height: 120%;
  }
  .font-55 {
    font-size: 45px !important;
    line-height: 120%;
  }
  .font-50 {
    font-size: 42px !important;
    line-height: 120%;
  }
  .font-40 {
    font-size: 32px !important;
  }
}
@media screen and (max-width: 1200px) {
  .font-150 {
    font-size: 80px !important;
  }
  .font-140 {
    font-size: 70px !important;
  }
  .font-120 {
    font-size: 65px !important;
  }
  .font-100 {
    font-size: 60px !important;
  }
  .font-80 {
    font-size: 55px !important;
  }
  .font-70 {
    font-size: 50px !important;
  }
  .font-65 {
    font-size: 48px !important;
  }
  .font-60 {
    font-size: 45px !important;
  }
  .font-55 {
    font-size: 42px !important;
  }
  .font-50 {
    font-size: 40px !important;
  }
  .font-45 {
    font-size: 38px !important;
  }
  .font-44 {
    font-size: 35px !important;
  }
  .font-42 {
    font-size: 32px !important;
  }
  .font-40 {
    font-size: 30px !important;
  }
  .font-38 {
    font-size: 29px !important;
  }
  .font-35 {
    font-size: 28px !important;
  }
  .font-32 {
    font-size: 27px !important;
  }
  .font-30 {
    font-size: 26px !important;
  }
  .font-28 {
    font-size: 25px !important;
  }
  .font-25 {
    font-size: 24px !important;
  }
  .font-24 {
    font-size: 20px !important;
  }
  .font-22 {
    font-size: 19px !important;
  }
  .font-20 {
    font-size: 19px !important;
  }
  .font-18 {
    font-size: 17px !important;
  }
  .font-17 {
    font-size: 16px !important;
  }
  .font-16 {
    font-size: 15px !important;
  }
  .font-15 {
    font-size: 14px !important;
  }
  .font-14 {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 768px) {
  .font-150 {
    font-size: 60px !important;
  }
  .font-140 {
    font-size: 50px !important;
  }
  .font-120 {
    font-size: 45px !important;
  }
  .font-100 {
    font-size: 40px !important;
  }
  .font-80 {
    font-size: 38px !important;
  }
  .font-70 {
    font-size: 35px !important;
  }
  .font-65 {
    font-size: 34px !important;
  }
  .font-60 {
    font-size: 32px !important;
  }
  .font-55 {
    font-size: 30px !important;
  }
  .font-50 {
    font-size: 28px !important;
  }
  .font-45 {
    font-size: 27px !important;
  }
  .font-44 {
    font-size: 26px !important;
  }
  .font-42 {
    font-size: 26px !important;
  }
  .font-40 {
    font-size: 25px !important;
  }
  .font-38 {
    font-size: 24px !important;
  }
  .font-35 {
    font-size: 23px !important;
  }

  .font-30 {
    font-size: 22px !important;
  }
  .font-28 {
    font-size: 20px !important;
  }
  .font-25 {
    font-size: 19px !important;
  }
  .font-24 {
    font-size: 18px !important;
  }
  .font-22 {
    font-size: 17px !important;
  }
  .font-20 {
    font-size: 16px !important;
  }
  .font-18 {
    font-size: 15px !important;
  }
  .font-17 {
    font-size: 15px !important;
  }
  .font-16 {
    font-size: 14px !important;
  }
  .font-15 {
    font-size: 13px !important;
  }
  .font-14 {
    font-size: 12px !important;
  }

  .hd_login li {
    padding-left: 0px;
  }
}
@media screen and (max-width: 400px) {
  .font-150 {
    font-size: 50px !important;
  }
  .font-140 {
    font-size: 45px !important;
  }
  .font-120 {
    font-size: 40px !important;
  }
  .font-100 {
    font-size: 35px !important;
  }
  .font-80 {
    font-size: 32px !important;
  }
  .font-70 {
    font-size: 30px !important;
  }
  .font-65 {
    font-size: 30px !important;
  }
  .font-60 {
    font-size: 29px !important;
  }
  .font-55 {
    font-size: 28px !important;
  }
  .font-50 {
    font-size: 27px !important;
  }
  .font-45 {
    font-size: 26px !important;
  }
  .font-44 {
    font-size: 25px !important;
  }
  .font-42 {
    font-size: 24px !important;
  }
  .font-40 {
    font-size: 23px !important;
  }
  .font-38 {
    font-size: 22px !important;
  }
  .font-35 {
    font-size: 21px !important;
  }
  .font-30 {
    font-size: 20px !important;
  }
  .font-28 {
    font-size: 19px !important;
  }
  .font-25 {
    font-size: 18px !important;
  }
  .font-24 {
    font-size: 17px !important;
  }
  .font-22 {
    font-size: 16px !important;
  }
  .font-20 {
    font-size: 15px !important;
  }
  .font-18 {
    font-size: 13px !important;
  }
  .font-17 {
    font-size: 13px !important;
  }
  .font-16 {
    font-size: 12px !important;
  }
  .font-15 {
    font-size: 12px !important;
  }
  .font-14 {
    font-size: 11px !important;
  }
}

@media (max-width: 479px) {
  html,
  body {
    font-size: 12px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  html,
  body {
    font-size: 14px;
  }
}

@media (min-width: 1440px) {
  html,
  body {
    font-size: 16px;
  }
}