@font-face {
  font-family: "Pretendard";
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/PretendardVariable.woff2") format("woff2-variations");
}
:root {
  --main-color:#705CFF;
  --black-color:#373739;
  --error-color: #FF383C;
  --text-gray-color: #69696B;
  --bs-danger-rgb:255, 56, 60;
  --bs-primary-rgb:112, 92, 255;
}

html {
  font-size: 16px;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

body {
  font-family: "Pretendard", "sans-serif";
  line-height: 1;
  letter-spacing: -0.0125em;
  color: var(--black-color);
}

.container {
  max-width: calc(1440px + var(--bs-gutter-x));
  --bs-gutter-x: 32px;
}

.text-primary {
  color: var(--main-color) !important;
}

.text-black {
  color: var(--black-color) !important;
}

.text-gray {
  color: #69696B !important;
}

.text-dark {
  color: black !important;
}

.fs-10 {
  font-size: 10px !important;
  line-height: 16px !important;
}

.fs-12 {
  font-size: 12px !important;
  line-height: 18px !important;
}

.fs-13 {
  font-size: 13px !important;
  line-height: 20px !important;
}

.fs-14 {
  font-size: 14px !important;
  line-height: 20px !important;
}

.fs-18 {
  font-size: 18px !important;
  line-height: 24px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.gap-10 {
  gap: 10px !important;
}

.gap-12 {
  gap: 12px !important;
}

.btn-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
}

.btn {
  --bs-btn-disabled-opacity:0.4;
}
.btn.btn-primary {
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
}
.btn.btn-dark {
  background-color: var(--black-color) !important;
  border-color: var(--black-color) !important;
}
.btn.btn-outline-light {
  color: var(--black-color) !important;
  border-color: #DFE5EF !important;
  background-color: white !important;
}
.btn.btn-outline-dark {
  color: var(--black-color) !important;
  border-color: var(--black-color) !important;
  background-color: white !important;
}
.btn.btn-outline-primary {
  color: var(--main-color) !important;
  border-color: var(--main-color) !important;
  background-color: white !important;
}
.btn.btn-outline-danger {
  color: #FF383C !important;
  border-color: #FF383C !important;
  background-color: white !important;
}
.btn.btn-lg {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  height: 48px;
  padding: 11px 15px;
}

.max-content {
  width: -moz-max-content !important;
  width: max-content !important;
}

.form-control {
  font-size: 14px;
  line-height: 20px;
}
.form-control::-moz-placeholder {
  color: #D5D5D7;
}
.form-control::placeholder {
  color: #D5D5D7;
}

.form-check:not(.form-switch) {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-left: 0;
  margin: 0;
  min-height: inherit;
}
.form-check:not(.form-switch) .form-check-input {
  float: none;
  margin: 0;
  box-shadow: none;
  opacity: 1;
  height: 20px;
  width: 20px;
}
.form-check:not(.form-switch) .form-check-input:checked {
  background-color: var(--main-color);
}
.form-check:not(.form-switch) .form-check-input[type=checkbox] {
  border: 1px solid #DFE5EF;
  border-radius: 4px;
}
.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked {
  background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.44801 6.77468L1.13468 4.46135C1.01003 4.3367 0.840965 4.26667 0.66468 4.26667C0.488396 4.26667 0.319332 4.3367 0.19468 4.46135C0.0700286 4.586 0 4.75506 0 4.93135C0 5.01863 0.0171926 5.10507 0.0505959 5.18571C0.0839992 5.26635 0.132959 5.33963 0.19468 5.40135L2.98135 8.18801C3.24135 8.44802 3.66135 8.44802 3.92135 8.18801L10.9747 1.13468C11.0993 1.01003 11.1694 0.840965 11.1694 0.664681C11.1694 0.488396 11.0993 0.319332 10.9747 0.194681C10.85 0.0700288 10.681 0 10.5047 0C10.3284 0 10.1593 0.0700288 10.0347 0.194681L3.44801 6.77468Z" fill="white"/></svg>');
  background-size: 12px;
}
.form-check:not(.form-switch) .form-check-input[type=radio] {
  border: 2px solid #DFE5EF;
  background-color: white;
}
.form-check:not(.form-switch) .form-check-input[type=radio]:checked {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="18" height="18" rx="9" stroke="%234C33FF" stroke-width="2"/><circle cx="10" cy="10" r="6" fill="%234C33FF"/></svg>');
  border: none;
}
.form-check:not(.form-switch) .form-check-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  cursor: pointer !important;
  opacity: 1 !important;
}

.invalid-feedback {
  color: #FF383C;
  font-size: 10px;
  margin-top: 2px;
  position: relative;
  padding-left: 13px;
  background: url("../images/icons/error.svg") no-repeat left center;
}

.form-floating-custom {
  border: 1px solid #DFE5EF;
  border-radius: 8px;
  padding: 4px 12px 5px;
}
.form-floating-custom input {
  border: none;
  box-shadow: none !important;
  padding: 0;
}
.form-floating-custom .form-label {
  color: #69696B;
  font-size: 10px;
  line-height: 16px;
  margin-bottom: 0;
  position: relative;
}
.form-floating-custom .form-label.required:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: var(--main-color);
  border-radius: 100%;
  position: absolute;
  top: 2px;
  right: -8px;
}

.form-check.form-switch {
  margin-top: 0;
  margin-bottom: 0;
}
.form-check.form-switch .form-check-input {
  width: 45px;
  height: 24px;
  box-shadow: none;
  background-color: #D5D5D7;
  border-color: #D5D5D7;
  margin-top: 0;
  margin-bottom: 0;
  background-image: url('data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_666_6009)"><circle cx="11.2" cy="13.2" r="9.2" fill="white"/></g><defs><filter id="filter0_d_666_6009" x="0" y="0" width="26.3999" height="26.3999" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="2"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_666_6009"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_666_6009" result="shape"/></filter></defs></svg>');
  background-size: 27px;
}
.form-check.form-switch .form-check-input:checked {
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
  background-position: right -5px center;
}

@media only screen and (min-width: 993px) {
  .form-floating-custom {
    width: 343px;
  }
}
@media only screen and (max-width: 992px) {
  .w-mb-100 {
    width: 100%;
  }
}
#page_load {
  transition: 0.2s linear;
  background: rgba(255, 255, 255, 0.702);
  width: 100vw;
  height: 100vh;
  padding: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ccc;
  cursor: wait;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#page_load .loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  border-top: 3px solid var(--main-color);
  border-right: 3px solid transparent;
  animation: rotation 0.6s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.pv-modal {
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.pv-modal .modal-dialog {
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}
.pv-modal .modal-dialog .modal-content {
  border-radius: 16px;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1019607843);
  border: 0;
}
.pv-modal .modal-dialog .modal-content .modal-body {
  padding: 32px 16px;
}
.pv-modal .modal-dialog .modal-content .modal-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.225px;
  text-align: center;
  color: var(--error-color);
  margin: 0;
}
.pv-modal .modal-dialog .modal-content .modal-title::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../../assets/images/icons/error.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
}
.pv-modal .modal-dialog .modal-content .modal-message {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.175px;
  text-align: center;
  color: var(--text-gray-color);
  margin-top: 32px;
  margin-bottom: 32px;
}
.pv-modal .modal-dialog .modal-content .btn-close-modal {
  width: auto;
  min-width: 100px;
  max-width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color);
  border-radius: 8px;
  padding: 0 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.15px;
  color: #FFFFFF;
  border: 0;
  box-shadow: none;
  outline: none;
  margin: 0 auto;
}
.pv-modal .modal-dialog .modal-content .modal-group-btn .btn {
  width: auto;
  min-width: 100px;
  max-width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #FFFFFF;
  border: 0;
  box-shadow: none;
  outline: none;
}
.pv-modal.fullscreen {
  z-index: 100000;
}
.pv-modal.fullscreen .modal-dialog {
  margin: 0;
}
.pv-modal.fullscreen .modal-dialog .modal-content {
  border-radius: 0;
}
.pv-modal.fullscreen .modal-footer {
  border: none;
  box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.08);
  padding: 8px 16px;
}
.pv-modal.fullscreen .modal-footer > * {
  margin: 0;
}

@media screen and (max-width: 992px) {
  .pv-modal .modal-dialog {
    max-width: inherit;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.field-group {
  position: relative;
  width: 100%;
  border: 1px solid #DFE5EF;
  border-radius: 8px;
  padding: 5px 12px 4px;
}
.field-group.is-error {
  border-color: var(--error-color);
}
.field-group .field-label {
  position: relative;
  display: inline-block;
  color: #69696B;
  font-size: 10px;
  line-height: 16px;
  margin-bottom: 0;
  letter-spacing: -0.125px;
}
.field-group .field-label.required.red:after {
  content: "*";
  color: #FF383C;
  font-size: 10px;
  border-radius: 0;
  background-color: transparent;
  top: -3px;
}
.field-group .field-label.required::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: var(--main-color);
  border-radius: 100%;
  position: absolute;
  top: 2px;
  right: -8px;
}
.field-group .field-control,
.field-group .field-select {
  position: relative;
  width: 100%;
  border: none;
  box-shadow: none !important;
  outline: none;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.175px;
  color: var(--black-color);
  background-color: #ffffff;
}
.field-group .field-control::-moz-placeholder, .field-group .field-select::-moz-placeholder {
  color: #D5D5D7;
}
.field-group .field-control::placeholder,
.field-group .field-select::placeholder {
  color: #D5D5D7;
}
.field-group .field-select {
  width: calc(100% + 4px);
  margin-left: -4px;
}
.field-group .form-select {
  font-size: 14px;
  line-height: 20px;
  height: auto;
  background-position: right center;
}
.field-group .btn-icon-input {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  outline: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.field-group .btn-icon-input.btn-show-password .icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.field-group .btn-icon-input.btn-show-password .icon.hide-password {
  background-image: url("../../assets/images/icons/eye-open.svg");
}
.field-group .btn-icon-input.btn-show-password .icon.show-password {
  background-image: url("../../assets/images/icons/eye-closed.svg");
}

.field-datepicker {
  cursor: pointer;
}
.field-datepicker input {
  pointer-events: none;
}

.field-check {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-left: 0;
  margin: 0;
  min-height: inherit;
}
.field-check .field-check-input {
  float: none;
  margin: 0;
  box-shadow: none;
  opacity: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  flex-shrink: 0;
}
.field-check .field-check-input[type=checkbox] {
  height: 20px;
  width: 20px;
  border: 1px solid #DFE5EF;
  border-radius: 4px;
}
.field-check .field-check-input[type=checkbox]:checked {
  background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.44801 6.77468L1.13468 4.46135C1.01003 4.3367 0.840965 4.26667 0.66468 4.26667C0.488396 4.26667 0.319332 4.3367 0.19468 4.46135C0.0700286 4.586 0 4.75506 0 4.93135C0 5.01863 0.0171926 5.10507 0.0505959 5.18571C0.0839992 5.26635 0.132959 5.33963 0.19468 5.40135L2.98135 8.18801C3.24135 8.44802 3.66135 8.44802 3.92135 8.18801L10.9747 1.13468C11.0993 1.01003 11.1694 0.840965 11.1694 0.664681C11.1694 0.488396 11.0993 0.319332 10.9747 0.194681C10.85 0.0700288 10.681 0 10.5047 0C10.3284 0 10.1593 0.0700288 10.0347 0.194681L3.44801 6.77468Z" fill="white"/></svg>');
  background-size: 13px;
}
.field-check .field-check-input:checked {
  background-color: var(--main-color);
}
.field-check .field-check-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  cursor: pointer;
  opacity: 1;
  flex-grow: 1;
  letter-spacing: -0.15px;
}
.field-check .field-check-link {
  border: 0;
  background: transparent;
  padding: 0;
  height: 100%;
}

.error-feedback {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  color: var(--error-color);
  margin-top: 2px;
}
.error-feedback::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url("../../assets/images/icons/error.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  margin-bottom: 1px;
}/*# sourceMappingURL=global-css.css.map */