@charset "utf-8";

/*-------------------------------------------------------------------------------------*
 *     야마토게임장 전용                                                                 *
 *-------------------------------------------------------------------------------------*/
.landing_item1 img{
	-webkit-animation: scale-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
	        animation: scale-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}
@keyframes scale-in-bottom {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0.5;
  }
  60% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }  
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
}
.landing_item3 img{
	-webkit-animation: scale-in-bottom111 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
	        animation: scale-in-bottom111 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}
@keyframes scale-in-bottom111 {
  0% {
    -webkit-transform: translateX(800px);
            transform: translateX(800px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.landing_item2 img,.landing_item4 img{
	-webkit-animation: scale-in-bottom222 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
	        animation: scale-in-bottom222 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}
@keyframes scale-in-bottom222 {
  0% {
    -webkit-transform: translateX(-800px);
            transform: translateX(-800px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.landing_item2,.landing_item3,.landing_item4 {
	-webkit-animation:vibrate-1 3.9s linear infinite 1.5s both;
	        animation:vibrate-1 3.9s linear infinite 1.5s both;
}
@keyframes vibrate-1 {
  0% {
   filter:brightness(100%);
  }
  50% {
    filter:brightness(120%);
  }
  100% {
	filter:brightness(100%);
  }
}
.landing_item1 {
	-webkit-animation:landing_item1 3.9s linear infinite 1.5s both;
	        animation:landing_item1 3.9s linear infinite 1.5s both;
}
@keyframes landing_item1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-10px, 10px);
            transform: translate(-10px, 10px);
  }
  40% {
    -webkit-transform: translate(-10px, -15px);
            transform: translate(-10px, -15px);
  }
  60% {
    -webkit-transform: translate(12px, 12px);
            transform: translate(12px, 12px);
  }
  80% {
    -webkit-transform: translate(12px, -12px);
            transform: translate(12px, -12px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
.landing_item3 {
	-webkit-animation:landing_item3 3.9s linear infinite 1.5s both;
	        animation:landing_item3 3.9s linear infinite 1.5s both;
}
@keyframes landing_item3 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.landing_item4 {
	-webkit-animation:landing_item4 3.9s linear infinite 1.5s both;
	        animation:landing_item4 3.9s linear infinite 1.5s both;
}
@keyframes landing_item4 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.landing_logo{
	-webkit-animation: fade-in-fwd 2.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-fwd 2.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: perspective(0px) translateY(-80px);
            transform: perspective(0px) translateY(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.landing_logo a{
	-webkit-animation: landing_logo 2.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2.2s infinite both;
	        animation: landing_logo 2.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2.2s infinite both;
}
@keyframes landing_logo {
  0% {
    filter:brightness(100%);
  }
  50% {
    filter:brightness(170%);
  }
}


.landing_copy ,.landing_text2 span{
	-webkit-animation: landing_copy 1.9s linear infinite both;
	        animation: landing_copy 1.9s linear infinite both;
}
@keyframes landing_copy {
  0% {
    filter:brightness(100%);
  }
  50% {
    filter:brightness(150%);
  }
}

.landing_browser li {
	-webkit-animation: shake-tl 1.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-tl 1.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}
@keyframes shake-tl {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
			filter:brightness(100%);
  }
  5% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  10%,
  20%,
  30% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  15%,
  25%,
  35% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  40% {
    -webkit-transform: rotate(-0deg);
            transform: rotate(-0deg);
			filter:brightness(130%);
  }
  90% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

.landing_browser li:hover {
	-webkit-animation: landing_browser 2.9s linear infinite both;
	        animation: landing_browser 2.9s linear infinite both;
}
@keyframes landing_browser {
  0% {
    filter:brightness(100%) hue-rotate(0deg);
  }
  50% {
    filter:brightness(120%) hue-rotate(360deg);
  }
}

.landing_item3 span {
	-webkit-animation: landing_item31 2.9s linear infinite both;
	        animation: landing_item31 2.9s linear infinite both;
}
@keyframes landing_item31 {
  0% {
    filter:brightness(80%);
  }
  50% {
    filter:brightness(150%);
  }
  100% {
    filter:brightness(80%);
  }
}
@keyframes marquee {0% { left: -100%; }100% { left: 0%; }}

.landing_text1,.landing_text2,.landing_text3 {
	-webkit-animation: landing_text123 1.3s linear infinite both;
	        animation: landing_text123 1.3s linear infinite both;
}
@keyframes landing_text123 {
  0% {
    filter:brightness(100%) hue-rotate(0deg);
  }
  50% {
    filter:brightness(120%) hue-rotate(360deg);
  }
}

@keyframes waviy {
  0%,40%,100% {
	transform: skew(0deg, 0deg) translateY(0px);
  }
  20% {
	transform: skew(-5deg, 5deg) translateY(-10px); 
  }
}