/*모션*/

.pulsate-bck-1 {animation: pulsate-bck 0.7s ease-in-out infinite both; }/*바운스*/
.pulsate-bck {animation: pulsate-bck 2s ease-in-out infinite both; }/*바운스*/
.motion_rotate_20{animation: rotate_image 30s linear infinite;}
.motion_rotate{animation: rotate_image 10s linear infinite;}
.blink-2{animation:blink-2 1.5s infinite;}
.blink-2_sml{animation:blink-2 5s infinite;}
.blink-2_sml_1{animation:blink-2 3s infinite;}
.flicker-2{animation:flicker-2 2s linear infinite both}
.bounce-in-bck {animation: bounce-in-bck 1.1s  3s both;}/*바운스 백 */
.slide-in-right {	animation: slide-in-right 0.7s 2.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}/*슬라이드 오른쪽*/
.space_icon	{animation-name: rectupdown;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transition: all 0ms cubic-bezier(0.49, -0.02, 0.18, 1.27);}
	
.ping{animation:ping .8s ease-in-out 3 both}	/*핑*/
	
@keyframes rectupdown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(10px);
    }
}
@keyframes rotate_image{
	100% {
    	transform: rotate(360deg); }
}					

@keyframes blink-1 {
  0%,
    100% {
    opacity: 0;
  }
50% {
    opacity: 1;
  }
}
			
@keyframes hand{
	from {transform:rotate(0);}
	from {transform:rotate(-15deg);}
}			

@keyframes flicker-3 {
  0%,
  100% {
    opacity: 1;
  }
    32.98% {
    opacity: 0;
  }
}

@keyframes pulsate-bck {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
	
@keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

@keyframes flicker-2 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  45.99% {
    opacity: 1;
  }
  46% {
    opacity: 0;
  }
  46.9% {
    opacity: 0;
  }
  46.91% {
    opacity: 1;
  }
  51.99% {
    opacity: 1;
  }
  52% {
    opacity: 0;
  }
  52.8% {
    opacity: 0;
  }
  52.81% {
    opacity: 1;
  }
}

@keyframes bounce-in-bck {
  0% {
    transform: scale(7);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: scale(1);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: scale(1.5);
    animation-timing-function: ease-in;
  }
  72% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
  81% {
    transform: scale(1.24);
    animation-timing-function: ease-in;
  }
  89% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
  95% {
    transform: scale(1.04);
    animation-timing-function: ease-in;
  }
  100% {
    transform: scale(1);
	transform: rotate(
-15deg);
    animation-timing-function: ease-out;
  }
}

@keyframes slide-in-right {
  0% {
    transform: translateX(200px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);	
    transform: rotate(-10deg);
    opacity: 1;
  }
}
 
@keyframes ping {
  0% {
    transform: scale(2.2);
    opacity: 0.4;
  }
  80% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0.4;
  }
}
.pluse_1 { animation: pluse_an     2s 0s       ease-in-out  2}
.pluse_2 { animation: pluse_an_2  2s 4s   ease-in-out  1}
.pluse_3 { animation: pluse_an_3  2s 6s     ease-in-out  1}
.pluse_4 { animation: pluse_an_4  2s 8s   ease-in-out  1}
.pluse_5 { animation: pluse_an_5  2s 10s     ease-in-out  1}

	
 @keyframes pluse_an {
	  0% {
		box-shadow: 0 0 0 0 rgba(0, 131, 255, 4),  0 0 0 0 rgba(0, 131, 255, 4)
	  }
	  40% {
		box-shadow: 0 0 0 45px rgba(0, 131, 255, 0), 0 0 0 0 rgba(0, 131, 255, 4)
	  }

	  80% {
		box-shadow: 0 0 0 70px rgba(0, 131, 255, 0), 0 0 0 65px rgba(0, 131, 255, 0)
	  }
	  100% {
		box-shadow: 0 0 0 0 rgba(0, 131, 255, 0), 0 0 0 65px rgba(0, 131, 255, 0)
	  }
	}	

 @keyframes pluse_an_2 {
	  0% {
		box-shadow: 0 0 0 0 rgba(246, 186,15, 4),  0 0 0 0 rgba(246, 186,15, 4)
	  }
	  40% {
		box-shadow: 0 0 0 100px rgba(246, 186,15, 0), 0 0 0 0 rgba(246, 186,15, 4)
	  }

	  80% {
		box-shadow: 0 0 0 200px rgba(246, 186,15, 0), 0 0 0 140px rgba(246, 186,15, 0)
	  }
	  100% {
		box-shadow: 0 0 0 0 rgba(246, 186,15, 0), 0 0 0 140px rgba(246, 186,15, 0)
	  }
	}	
	
	 @keyframes pluse_an_3 {
	  0% {
		box-shadow: 0 0 0 0 rgba(235, 59, 66, 4),  0 0 0 0 rgba(235, 59, 66, 4)
	  }
	  40% {
		box-shadow: 0 0 0 45px rgba(235, 59, 66, 0), 0 0 0 0 rgba(235, 59, 66, 4)
	  }

	  80% {
		box-shadow: 0 0 0 70px rgba(235, 59, 66, 0), 0 0 0 65px rgba(235, 59, 66, 0)
	  }
	  100% {
		box-shadow: 0 0 0 0 rgba(235, 59, 66, 0), 0 0 0 65px rgba(235, 59, 66, 0)
	  }
	}
	
	 @keyframes pluse_an_4 {
	  0% {
		box-shadow: 0 0 0 0 rgba(175, 23, 231, 4),  0 0 0 0 rgba(175, 23, 231, 4)
	  }
	  40% {
		box-shadow: 0 0 0 100px rgba(175, 23, 231, 0), 0 0 0 0 rgba(175, 23, 231, 4)
	  }

	  80% {
		box-shadow: 0 0 0 200px rgba(175, 23, 231, 0), 0 0 0 140px rgba(175, 23, 231, 0)
	  }
	  100% {
		box-shadow: 0 0 0 0 rgba(175, 23, 231, 0), 0 0 0 140px rgba(175, 23, 231, 0)
	  }
	}	
	
	 @keyframes pluse_an_5 {
	  0% {
		box-shadow: 0 0 0 0 rgba(26, 168, 11, 4),  0 0 0 0 rgba(26, 168, 11, 4);
	  }
	  40% {
		box-shadow: 0 0 0 45px rgba(26, 168, 11, 0), 0 0 0 0 rgba(26, 168, 11, 4);
	  }

	  80% {
		box-shadow: 0 0 0 70px rgba(26, 168, 11, 0), 0 0 0 65px rgba(26, 168, 11, 0);
	  }
	  100% {
		box-shadow: 0 0 0 0 rgba(26, 168, 11, 0), 0 0 0 65px rgba(26, 168, 11, 0);
	  }
	}	
	
.vibrate-1 {	animation: vibrate-1 0.3s linear 2 both;}/*떨림*/
@keyframes vibrate-1 {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-2px, 2px);
  }
  40% {
    transform: translate(-2px, -2px);
  }
  60% {
    transform: translate(2px, 2px);
  }
  80% {
    transform: translate(2px, -2px);
  }
  100% {
    transform: translate(0);
  }
}