/* Korea Beauty Lab - Opening */
#kbl-opening {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  background: #fff;
  opacity: 1;
  visibility: visible;
}

#kbl-opening .kbl-opening-logo {
  width: min(34vw, 360px);
  opacity: 0;
  transform: translateY(4px) scale(.985);
  animation: kblLogoIn .70s ease-out .10s forwards;
}

#kbl-opening .kbl-opening-logo img {
  display: block;
  width: 100%;
  height: auto;
}

#kbl-opening.kbl-opening-leave {
  animation: kblOpeningOut .45s ease-in forwards;
}

@keyframes kblLogoIn {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes kblOpeningOut {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

@media screen and (max-width: 700px) {
  #kbl-opening .kbl-opening-logo {
    width: 80vw;
    max-width: 360px;
  }
}