@font-face {
  font-family: 'Pretendard';
  src: url('/fonts/PretendardVariable.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('/fonts/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url('/fonts/Pretendard-SemiBold.woff') format('woff');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cafe24Ohsquare';
  src: url('/fonts/Cafe24Ohsquare.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.cursor-default {
  cursor: default;
}

.btn-custom {
  color: #43bd6a;
  border-color: #43bd6a;
  background-color: white;
}
.btn-custom:hover {
  color: #fff;
  background-color: #43bd6a;
  border-color: #43bd6a;
  box-shadow: 0 0px 0 3px rgba(40, 167, 69, 0.2);
  transform: translateY(-1px);
}
.btn-custom-blue {
  color: #12B3E6 !important;
  border-color: #12B3E6 !important;
  background: transparent;
  box-shadow: none !important;
}
.btn-custom-blue:hover {
  color: #fff !important;
  background-color: #12B3E6 !important;
  border-color: #12B3E6 !important;
  box-shadow: 0 0px 0 3px #c8f2ff !important;
  transform: translateY(-1px) !important;
}

*{
  padding:0;
  margin: 0;
  box-sizing: border-box;
}
body{
  font-family: 'Pretendard' !important;
}
.w-960 {
  max-width: 960px;
  margin: auto;
}
.w-400 {
  max-width: 400px;
  margin: auto;
}
.h-logo{
  width: 10%;
}
.h-logo-full{
  height: 50px;
}
.navbar > .container-fluid{
  margin-top: 3%;
}
.navbar-expand-lg .navbar-nav .nav-link{
  padding: 0;
}
video {
  width: 100%;
}

.title-design {
  background-color: #43BD6A;
  border-radius: 0 40px 40px 0;
  padding:  8px 32px;
  /* background: linear-gradient(45deg, #38B761, #75E398); */
  /* 009844 */
  /* 43BD6A */
}

.error-message {
  color: red;
  font-size: 0.9rem;
  margin-top: 5px;
}
.custom-bg-red{
  background-color: #ff5656 !important;
}
.custom-bg-gray{
  background-color: #8995A0 !important;
}
.custom-bg-blue{
  background-color: #12B3E6 !important;
}
.custom-bg-green{
  background-color: #43bd6a !important;
}
.red-color{
  color: #ff5656;
}
.blue-color{
  color: #12B3E6;
}
.green-color{
  color: #43bd6a;
}
.d-none {
  display: none;
}

body {
  display: none;
}