#main {
  animation: kr-page-in 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes kr-page-in {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.995);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
#main.kr-page-leave {
  opacity: 0;
  transform: translateY(-12px) scale(0.995);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
#main.kr-page-enter {
  opacity: 0;
  transform: translateY(18px) scale(0.995);
}
#main.kr-page-enter-active {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1), transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}