.swal2-container {
    z-index: 10000 !important;
}
.d-none {
    display: none;
}
<!-- input -->
.omks--input.is-valid,.was-validated .omks--input:valid {
    border-color: #93c54b;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2393c54b' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.omks--input.is-valid:focus,.was-validated .omks--input:valid:focus {
    border-color: #93c54b;
    box-shadow: 0 0 0 .2rem rgba(147,197,75,.25)
}

.omks--input.is-valid~.valid-feedback,.omks--input.is-valid~.valid-tooltip,.was-validated .omks--input:valid~.valid-feedback,.was-validated .omks--input:valid~.valid-tooltip {
    display: block
}

.omks--input.is-invalid,.was-validated .omks--input:invalid {
    border-color: #d9534f;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.omks--input.is-invalid:focus,.was-validated .omks--input:invalid:focus {
    border-color: #d9534f;
    box-shadow: 0 0 0 .2rem rgba(217,83,79,.25)
}

.omks--input.is-invalid~.invalid-feedback,.omks--input.is-invalid~.invalid-tooltip,.was-validated .omks--input:invalid~.invalid-feedback,.was-validated .omks--input:invalid~.invalid-tooltip {
    display: block
}
<!-- input -->

<!-- select -->
.omks--select.is-valid,.was-validated .omks--select:valid {
    border-color: #93c54b;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2393c54b' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.omks--select.is-valid:focus,.was-validated .omks--select:valid:focus {
    border-color: #93c54b;
    box-shadow: 0 0 0 .2rem rgba(147,197,75,.25)
}

.omks--select.is-valid~.valid-feedback,.omks--select.is-valid~.valid-tooltip,.was-validated .omks--select:valid~.valid-feedback,.was-validated .omks--select:valid~.valid-tooltip {
    display: block
}

.omks--select.is-invalid,.was-validated .omks--select:invalid {
    border-color: #d9534f;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.omks--select.is-invalid:focus,.was-validated .omks--select:invalid:focus {
    border-color: #d9534f;
    box-shadow: 0 0 0 .2rem rgba(217,83,79,.25)
}

.omks--select.is-invalid~.invalid-feedback,.omks--select.is-invalid~.invalid-tooltip,.was-validated .omks--select:invalid~.invalid-feedback,.was-validated .omks--select:invalid~.invalid-tooltip {
    display: block
}
<!-- select -->

<!-- textarea -->
.omks--textarea.is-valid,.was-validated .omks--textarea:valid {
    border-color: #93c54b;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2393c54b' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.omks--textarea.is-valid:focus,.was-validated .omks--textarea:valid:focus {
    border-color: #93c54b;
    box-shadow: 0 0 0 .2rem rgba(147,197,75,.25)
}

.omks--textarea.is-valid~.valid-feedback,.omks--textarea.is-valid~.valid-tooltip,.was-validated .omks--textarea:valid~.valid-feedback,.was-validated .omks--textarea:valid~.valid-tooltip {
    display: block
}

.omks--textarea.is-invalid,.was-validated .omks--textarea:invalid {
    border-color: #d9534f;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.omks--textarea.is-invalid:focus,.was-validated .omks--textarea:invalid:focus {
    border-color: #d9534f;
    box-shadow: 0 0 0 .2rem rgba(217,83,79,.25)
}

.omks--textarea.is-invalid~.invalid-feedback,.omks--textarea.is-invalid~.invalid-tooltip,.was-validated .omks--textarea:invalid~.invalid-feedback,.was-validated .omks--textarea:invalid~.invalid-tooltip {
    display: block
}
<!-- textarea -->

/** 파일 로딩 바 **/
.upload-loading {
  text-align: center;
}
.upload-loading img {
  width: 5.2083333333vw;
  -webkit-animation: loading infinite 1.3s;
          animation: loading infinite 1.3s;
}
.upload-loading strong {
  display: block;
  margin-top: 1.0416666667vw;
  font-size: 1.4583333333vw;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
  word-break: keep-all;
  text-align: center;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.file-upload-div {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}
/** 파일 로딩 바 **/