html {
  font-size: 62.5%;
}
body{
  overflow: hidden;
}
.text-focus-in {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    -webkit-animation: text-focus-in 1.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: text-focus-in 1.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    padding-bottom: 20px;
  }
.text-focus-in img{
    width:75%;
    max-width:425px;
}
.main_img{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
  }
.main_img img{
    position:absolute;
    width:100%;
    height:auto;
}
.coming-soon{
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: 2rem;
  color: #917D41;
}
@supports(-webkit-touch-callout: none){
  .sample{
    height: -webkit-fill-available;
    }
  }
@media screen and (max-width:580px) {
  .coming-soon{
    font-size: 1.4rem;
    margin-top: 1.4rem;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2023-3-17 13:38:24
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
 @keyframes text-focus-in {
    0% {
      -webkit-filter: blur(30px);
      filter: blur(30px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(px);
      filter: blur(px);
      opacity: 1;
    }
  }
  @keyframes text-blur-out {
    0% {
      -webkit-filter: blur(0.01);
      filter: blur(0.01);
    }
    100% {
      -webkit-filter: blur(12px) opacity(0%);
      filter: blur(12px) opacity(0%);
    }
  }
