@-webkit-keyframes tada{
0%{-webkit-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes tada{
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
.tada{-webkit-animation-name:tada;animation:tada 1s linear forwards;}

@-webkit-keyframes tada3 {
0%{-webkit-transform:scale(1);transform:scale(1);opacity:0;left:18%;}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);opacity:1;left:18%;}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);opacity:1;left:18%;}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);opacity:1;left:18%;}
100%{-webkit-transform:scale(0.95) rotate(0);transform:scale(0.95) rotate(0);opacity:1;left:18%;}
}
@keyframes tada3 {
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0;left:18%;}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);opacity:1;left:18%;}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);opacity:1;left:18%;}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);opacity:1;left:18%;}
100%{-webkit-transform:scale(0.95) rotate(0);-ms-transform:scale(0.95) rotate(0);transform:scale(0.95) rotate(0);opacity:1;left:18%;}
}
.tada3{-webkit-animation-name:tada3;animation:tada3 1s linear forwards;}


@-webkit-keyframes bounceIn{
0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{opacity:1;-webkit-transform:scale(.8);transform:scale(.8)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{
0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
70%{opacity:1;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.bounceIn {-webkit-animation-name:bounceIn;animation:bounceIn 0.5s linear forwards;} /* 열린 보물상자 등장 */

@-webkit-keyframes bounceIn2 {
0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);left:10%; }
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);left:10%; }
70%{opacity:1;-webkit-transform:scale(.8);transform:scale(.8);left:10%; }
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);left:10%; }
}
@keyframes bounceIn2 {
0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);left:10%; }
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);left:10%; }
70%{opacity:1;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);left:10%; }
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);left:10%; }
}
.bounceIn2 {-webkit-animation-name:bounceIn2;animation:bounceIn2 0.5s linear forwards;} /* 열린 보물상자 등장 */

@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translateY(200px);-ms-transform:translateY(200px);transform:translateY(200px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp1 {-webkit-animation-name:fadeInUp;animation:fadeInUp 0.9s ease-in 0.9s infinite;width:45px;}
.fadeInUp2 {-webkit-animation-name:fadeInUp;animation:fadeInUp 1s ease-in 0.9s infinite;width:25px;}
.fadeInUp3 {-webkit-animation-name:fadeInUp;animation:fadeInUp 0.7s ease-in 0.9s infinite;width:45px;}
.fadeInUp4 {-webkit-animation-name:fadeInUp;animation:fadeInUp 1.2s ease-in 0.9s infinite;width:40px;}
.fadeInUp5 {-webkit-animation-name:fadeInUp;animation:fadeInUp 1.5s ease-in 0.9s infinite;width:30px;left:50%;position:absolute;margin-left:-30px;}
.fadeInUp6 {-webkit-animation-name:fadeInUp;animation:fadeInUp 0.9s ease-in 0.9s infinite;width:35px;left:50%;position:absolute;margin-left:15px;}
.fadeInUp7 {-webkit-animation-name:fadeInUp;animation:fadeInUp 0.8s ease-in 0.9s infinite;width:30px;left:50%;position:absolute;margin-left:22px;}
.fadeInUp8 {-webkit-animation-name:fadeInUp;animation:fadeInUp 1.5s ease-in 0.9s infinite;width:30px;left:50%;position:absolute;margin-left:18px;}
.fadeInUp9 {-webkit-animation-name:fadeInUp;animation:fadeInUp 0.8s ease-in 0.9s infinite;width:26px;left:50%;position:absolute;margin-left:-105px;}
.fadeInUp10 {-webkit-animation-name:fadeInUp;animation:fadeInUp 0.5s ease-in 0.9s infinite;width:30px;}

@-webkit-keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.quiz_fadeInDown1 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 0.7s forwards;}
.nft_fadeInDown {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.6s linear forwards;}

@-webkit-keyframes fadeInDown2{
0%{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown2{
0%{opacity:0;-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@keyframes fadeInRight{
0%{opacity:0;left:-15px;}
100%{opacity:1;left:0px;}
}

@keyframes fadeInLeft{
0%{opacity:0;left:15px;}
100%{opacity:1;left:0px;}
}

.fadeIn_time {-webkit-animation-name:fadeIn;animation:fadeIn 0.3s linear forwards;} /* 퀴즈 제한시간*/
.yscale2 { -webkit-animation-name:xscale2;animation:xscale2 0.3s linear 0.2s forwards; } /* 퀴즈 이미지 */
.quiz_fadeInDown2 {-webkit-animation-name:fadeIn;animation:fadeIn 0.3s linear 0.4s forwards;} /* 퀴즈 4지선다 문제내용 */
.quiz_fadeInRight1 {animation:fadeInRight 0.3s linear 0.7s forwards;} /* 4지선다 1번 문제 */
.quiz_fadeInLeft1 {animation:fadeInLeft 0.3s linear 0.7s forwards;} /* 4지선다 2번 문제 */
.quiz_fadeInRight2 {animation:fadeInRight 0.3s linear 1s forwards;} /* 4지선다 3번 문제 */
.quiz_fadeInLeft2 {animation:fadeInLeft 0.3s linear 1s forwards;} /* 4지선다 4번 문제 */
.quiz_fadeInDown3 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 1.2s forwards;} /* 퀴즈 보유아이템 1 */
.quiz_fadeInDown4 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 1.3s forwards;} /* 퀴즈 보유아이템 2 */
.quiz_fadeInDown5 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 1.4s forwards;} /* 퀴즈 보유아이템 3 */
.quiz_fadeInDown6 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 0.7s forwards;} /* 초성 */
.quiz_fadeInDown7 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 0.9s forwards;} /* 초성입력 */

@keyframes fadeOutLeft{
0%{opacity:1;left:0px;}
100%{opacity:0;left:-15px;}
}

@keyframes fadeOutRight{
0%{opacity:1;left:0px;}
100%{opacity:0;left:15px;}
}

.quiz_fadeOutLeft1 {animation:fadeOutLeft 0.5s linear forwards;}
.quiz_fadeOutRight1 {animation:fadeOutRight 0.5s linear forwards;}

@-webkit-keyframes rotateIn{
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg) scale(1.5);transform:rotate(-200deg) scale(1.5);opacity:0;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1;}
}
@keyframes rotateIn{
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg) scale(1.5);transform:rotate(-200deg) scale(1.5);opacity:0;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1;}
}
.rotateIn_1 {-webkit-animation-name:rotateIn;animation:rotateIn  0.4s ease-in 3s forwards;}  /* 보상 1 */
.rotateIn_2 {-webkit-animation-name:rotateIn;animation:rotateIn  0.4s ease-in 3.2s forwards;}  /* 보상 2 */
.rotateIn_3 {-webkit-animation-name:rotateIn;animation:rotateIn  0.4s ease-in 3.4s forwards;}  /* 보상 3 */
.rotateIn_4 {-webkit-animation-name:rotateIn;animation:rotateIn  0.4s ease-in 3.6s forwards;}  /* 보상 4 */
.rotateIn_5 {-webkit-animation-name:rotateIn;animation:rotateIn  0.4s ease-in 1s forwards;}  /* 보상 1 */
.rotateIn_6 {-webkit-animation-name:rotateIn;animation:rotateIn  0.4s ease-in 1.2s forwards;}  /* 보상 2 */

@-webkit-keyframes rotateBack{
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-360deg);}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);}
}
@keyframes rotateBack{
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-360deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0);transform:rotate(0);}
}
.rotateBack {-webkit-animation-name:rotateIn;animation:rotateBack 5s linear infinite;}

@keyframes shake_giftbox {
	0% {transform: translate(0);}
	20% {transform: translate(-3px, 3px);}
	40% {transform: translate(-3px, -3px);}
	60% {transform: translate(3px, 3px);}
	80% {transform: translate(3px, -3px);}
	90% {transform: translate(3px, 3px);}
	95% {transform: translate(3px, -3px);}
	100% {transform: translate(0);}
}
.shake_giftbox {-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation-name:shake_giftbox;animation:shake_giftbox 0.3s ease-in infinite;} /* 흔들리는 보물상자 */

@keyframes shakeswing_giftbox {
	0% {transform: translate(0) rotate(0deg);}
	20% {transform: translate(-2px, 2px) rotate(5deg);}
	40% {transform: translate(-2px, -2px) rotate(-5deg);}
	60% {transform: translate(2px, 2px) rotate(2deg);}
	80% {transform: translate(2px, -2px) rotate(-2deg);}
	100% {transform: translate(0) rotate(0deg);}
}
.shakeswing_giftbox {-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation-name:shake_giftbox;animation:shakeswing_giftbox 0.2s linear infinite;}

@-webkit-keyframes xscale2{
0%{opacity:1;-webkit-transform:scaleX(0);transform:scaleX(0)}
100%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
}

@keyframes fadeInOut{
0% { opacity:0;margin-left:400px; }
5% { opacity:1;margin-left:25px; }
95% { opacity:1;margin-left:-25px; }
100% { opacity:0;margin-left:-800px; }
}

@keyframes shake_double {
	0% {transform: translate(0);}
	20% {transform: translate(-1px, 1px);}
	40% {transform: translate(-1px, -1px);}
	60% {transform: translate(1px, 1px);}
	80% {transform: translate(1px, -1px);}
	100% {transform: translate(0);}
}

@keyframes fadeInDown_quiz {
0%{opacity:1;bottom:-150px;}
100%{opacity:1;bottom:0px;}
}

@keyframes fadeInUp_quiz {
0%{opacity:1;bottom:0px;}
100%{opacity:1;bottom:-150px;}
}

/* 결과페이지 배경 */
@-webkit-keyframes tada2 {
10%,20%{-webkit-transform:rotate(-0.7deg);transform:rotate(-0.7deg)}
30%,50%,70%,90%{-webkit-transform:rotate(0.7deg);transform:rotate(0.7deg)}
40%,60%,80%{-webkit-transform:rotate(-0.7deg);transform:rotate(-0.7deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes tada2 {
10%,20%{-webkit-transform:rotate(-0.7deg);-ms-transform:rotate(-0.7deg);transform:rotate(-0.7deg)}
30%,50%,70%,90%{-webkit-transform:rotate(0.7deg);-ms-transform:rotate(0.7deg);transform:rotate(0.7deg)}
40%,60%,80%{-webkit-transform:rotate(-0.7deg);-ms-transform:rotate(-0.7deg);transform:rotate(-0.7deg)}
100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
}
.tada2 {-webkit-animation-name:tada;animation:tada2 3s linear infinite;}

/* 결과페이지 - 업그레이드 */
@-webkit-keyframes flash_upgrade{
0%{opacity:0.8;-webkit-transform:scale(1.02);transform:scale(1.02)}
100%{opacity:0.5;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes flash_upgrade{
0%{opacity:0.8;-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}
100%{opacity:0.5;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.flash_upgrade {-webkit-animation-name:flash_upgrade;animation:flash_upgrade 0.5s linear infinite;}

/* 결과페이지 - 업그레이드 */
@-webkit-keyframes flash_upgradeN{
0%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes flash_upgradeN{
0%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.flash_upgradeN {
	filter: drop-shadow(-3px -3px 2px rgba(237,124,240,0.4)) drop-shadow(5px 5px 5px rgba(237,124,240,0.4));
	-webkit-animation-name:flash_upgradeN;animation:flash_upgradeN 0.4s linear infinite;
}


@-webkit-keyframes rotateConut{
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-360deg) scale(0);transform:rotate(-360deg) scale(0);}
10%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-360deg) scale(1);transform:rotate(-360deg) scale(1);}
30%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-360deg) scale(1);transform:rotate(-360deg) scale(1);}
80%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);}
90%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(0);transform:rotate(0) scale(0);}
}
@keyframes rotateConut{
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-360deg) scale(0);-ms-transform:rotate(-360deg) scale(0);transform:rotate(-360deg) scale(0);}
10%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-360deg) scale(1);-ms-transform:rotate(-360deg) scale(0);transform:rotate(-360deg) scale(1);}
30%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-360deg) scale(1);-ms-transform:rotate(-360deg) scale(0);transform:rotate(-360deg) scale(1);}
80%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0)  scale(1);transform:rotate(0)  scale(1);}
90%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0)  scale(1);transform:rotate(0)  scale(1);}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(0);-ms-transform:rotate(0)  scale(0);transform:rotate(0)  scale(0);}
}

@-webkit-keyframes appearConut2{
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-360deg) scale(0);transform:rotate(-360deg) scale(0);opacity:0;}
10%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-360deg) scale(1);transform:rotate(-360deg) scale(1);opacity:1;}
30%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-360deg) scale(1);transform:rotate(-360deg) scale(1);opacity:1;}
80%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1;}
90%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(0);transform:rotate(0) scale(0);opacity:0;}
}
@keyframes appearConut2{
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0);-ms-transform:rotate(-360deg) scale(0);transform:rotate(-360deg) scale(0);opacity:0;}
10%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);-ms-transform:rotate(-360deg) scale(0);transform:rotate(-360deg) scale(1);opacity:1;}
30%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-360deg) scale(1);-ms-transform:rotate(-360deg) scale(0);transform:rotate(-360deg) scale(1);opacity:1;}
80%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0)  scale(1);transform:rotate(0)  scale(1);opacity:1;}
90%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0)  scale(1);transform:rotate(0)  scale(1);opacity:1;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(0);-ms-transform:rotate(0)  scale(0);transform:rotate(0)  scale(0);opacity:0;}
}
@-webkit-keyframes appearConut{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}
10%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
40%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
50%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}
100%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}
}
@keyframes appearConut{
0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}
10%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
40%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
50%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}
100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}
}
@-webkit-keyframes appearVs{
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0);transform:scale(2);opacity:0;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}
@keyframes appearVs{
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0);-ms-transform:scale(2);transform:scale(2);opacity:0;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
}

@-webkit-keyframes smallBig{
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.7);transform:scale(0.7);opacity:1;}
15%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.7);transform:scale(0.7);opacity:1;}
30%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);transform:scale(1);opacity:1;}
80%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);transform:scale(1);opacity:1;}
90%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.7);transform:scale(0.7);opacity:1;}
}
@keyframes smallBig{
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:1;}
15%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:1;}
30%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
80%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
90%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:1;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:1;}
}

@-webkit-keyframes smallBig2 { /* 인트로화면의 오른쪽 화살표 */
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.9);transform:scale(0.9);opacity:1;}
50%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);transform:scale(1);opacity:1;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.9);transform:scale(0.9);opacity:1;}
}
@keyframes smallBig2 {
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);opacity:1;}
50%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);opacity:1;}
}

.smallBig2 {-webkit-animation-name:smallBig2;animation:smallBig2 0.7s linear infinite;}

@-webkit-keyframes smallBig3 { /* 인트로화면의 선택버튼 */
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.95);transform:scale(0.95);opacity:1;}
50%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);transform:scale(1);opacity:1;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.95);transform:scale(0.95);opacity:1;}
}
@keyframes smallBig3 {
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);opacity:1;}
50%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);opacity:1;}
}

.smallBig3 {-webkit-animation-name:smallBig3;animation:smallBig3 0.7s linear infinite;}

@keyframes smallBig5 {
0%{width:50%;opacity:1;}
50%{width:60%;opacity:1;}
100%{width:50%;opacity:1;}
}

.smallBig5 {animation:smallBig5 1s linear infinite;}

@-webkit-keyframes fadeOutBig{
0%{opacity:1;-webkit-transform:scale(.85);transform:scale(.85)}
100%{opacity:0.3;-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@keyframes fadeOutBig{
0%{opacity:1;-webkit-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85)}
100%{opacity:0.3;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
}

@-webkit-keyframes flash_item{
0%,50%,100%{opacity:1}
25%,75%{opacity:0.5;}
}
@keyframes flash_item{
0%,50%,100%{opacity:1}
25%,75%{opacity:0.5;}
}

@keyframes OutLeft_intro{
0%{opacity:1;left:0px;}
100%{opacity:1;left:-100%;}
}

@keyframes OutRight_intro{
0%{opacity:1;left:0px;}
100%{opacity:1;left:100%;}
}

@keyframes InLeft_intro{
0%{opacity:1;left:100%;}
100%{opacity:1;left:0px;}
}

@keyframes InRight_intro{
0%{opacity:1;left:-100%;}
100%{opacity:1;left:0px;}
}

.In_to_Left {-webkit-animation-name:InLeft_intro;animation:InLeft_intro 0.6s linear forwards;}
.In_to_Right {-webkit-animation-name:InRight_intro;animation:InRight_intro 0.6s linear forwards;}

.Out_to_Left {-webkit-animation-name:OutLeft_intro;animation:OutLeft_intro 0.6s linear forwards;} 
.Out_to_Right {-webkit-animation-name:OutRight_intro;animation:OutRight_intro 0.6s linear forwards;} 

@-webkit-keyframes swing_intro1{
20%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
40%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
60%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}
80%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes swing_intro1{
20%{-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg)}
40%{-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}
60%{-webkit-transform:rotate(1deg);-ms-transform:rotate(1deg);transform:rotate(1deg)}
80%{-webkit-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
}
.swing_intro1 {-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation-name:swing_intro1;animation:swing_intro1 0.7s linear infinite;}

.fadeInDown_news5 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 0.8s forwards;}
.fadeInDown_news6 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 0.9s forwards;}
.fadeInDown_news7 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 1.0s forwards;}
.fadeInDown_news8 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 1.1s forwards;}
.fadeInDown_news1 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 1.2s forwards;}
.fadeInDown_news2 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 1.3s forwards;}
.fadeInDown_news3 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 1.4s forwards;}
.fadeInDown_news4 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 1.5s forwards;}

@-webkit-keyframes swing_beta1{
20%{-webkit-transform:rotate(1deg);transform:rotate(1deg) scale(1)}
40%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg) scale(1)}
60%{-webkit-transform:rotate(1deg);transform:rotate(1deg) scale(1)}
80%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg) scale(1)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg) scale(1.01)}
}
@keyframes swing_beta1{
20%{-webkit-transform:rotate(0.5deg);-ms-transform:rotate(0.5deg);transform:rotate(0.5deg) scale(1)}
40%{-webkit-transform:rotate(-0.5deg);-ms-transform:rotate(-0.5deg);transform:rotate(-0.5deg) scale(1)}
60%{-webkit-transform:rotate(0.5deg);-ms-transform:rotate(0.5deg);transform:rotate(0.5deg) scale(1)}
80%{-webkit-transform:rotate(-0.5deg);-ms-transform:rotate(-0.5deg);transform:rotate(-0.5deg) scale(1)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg) scale(1.01)}
}
.swing_beta1 {-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation-name:swing_beta1;animation:swing_beta1 1.5s linear infinite;}
.swing_beta2 {-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation-name:swing_beta1;animation:swing_beta1 2s linear infinite;}

@-webkit-keyframes updownSwing{
0%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes updownSwing{
0%{opacity:1;margin-top:50px;}
50%{opacity:1;top:0px;}
70%{opacity:1;top:0px;}
}
.updownSwing{-webkit-animation-name:updownSwing;animation:updownSwing 1s linear infinite;}

@keyframes shake_conut2 {
	0% {transform: translate(0);}
	20% {transform: translate(-1px, 1px);}
	40% {transform: translate(-1px, -1px);}
	60% {transform: translate(1px, 1px);}
	80% {transform: translate(1, -1px);}
	90% {transform: translate(1px, 1px);}
	95% {transform: translate(1px, -1px);}
	100% {transform: translate(0);}
}
.shake_conut2 {-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation-name:shake_conut2;animation:shake_conut2 0.6s ease-in infinite;} /* 흔들리는 보물상자 */

@keyframes shake_invite {
	0%{margin:0 0 0 -2px;}
	20% {margin:0 0 0 -1px;}
	40% {margin:0 0 0 1px;}
	60%{margin:0 0 0 -1px;}
	80%{margin:0 0 0 1px;}
	100%{margin:0 0 0 -1px;}
}
.shake_invite {animation:shake_invite 1.4s ease-in infinite;} /* 흔들리는 보물상자 */

@-webkit-keyframes fadeIn_300{
0%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}
20%{opacity:0.7;-webkit-transform:scale(1);transform:scale(1)}
30%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes fadeIn_300{
0%{opacity:0;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}
20%{opacity:0.7;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
30%{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

@-webkit-keyframes bounceIn_300{
0%{opacity:1;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
}
@keyframes bounceIn_300{
0%{opacity:1;-webkit-transform:scale(.1);-ms-transform:scale(.1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
}
.fadeIn_300 {-webkit-animation-name:fadeIn_300;animation:fadeIn_300 1.0s linear forwards;}
.fadeIn_300_2 {-webkit-animation-name:fadeIn_300;animation:fadeIn_300 1.0s linear 0.2s forwards;}
.bounceIn_300 {-webkit-animation-name:bounceIn_300;animation:bounceIn_300 0.5s linear 0.6s infinite;}

@-webkit-keyframes fadeInDown1 {
0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown1 {
0%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes fadeInDown2 {
0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
15%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown2 {
0%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
15%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes fadeInDown3 {
0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
30%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown3 {
0%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
30%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes fadeInDown4 {
0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
45%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown4 {
0%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
45%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes fadeInDown5 {
0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown5 {
0%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
60%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes fadeInDown6 {
0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown6 {
0%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes fadeInDown7 {
0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
20%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown7 {
0%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
20%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

.beta_fadeInDown1 {-webkit-animation-name:fadeInDown1;animation:fadeInDown1 0.3s linear 0.2s forwards;} 
.beta_fadeInDown2 {-webkit-animation-name:fadeInDown;animation:fadeInDown 0.3s linear 0.4s forwards;} 

@-webkit-keyframes flash_scale{
0%,50%,100%{opacity:1;-webkit-transform:scale(.8);transform:scale(.8);}
25%,75%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);}
}
@keyframes flash_scale{
0%,50%,100%{opacity:1;-webkit-transform:scale(.8);-ms-transform:scale(.1);transform:scale(.8);}
25%,75%{opacity:0;-webkit-transform:scale(1.2);-ms-transform:scale(1.5);transform:scale(1.2);}
}

.flash_scale {-webkit-animation-name:flash_scale;animation:flash_scale 1s linear infinite;} 

@-webkit-keyframes fadeIn_give1 {
0%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes fadeIn_give1 {
0%{opacity:0;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

@-webkit-keyframes fadeIn_give2 {
0%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}
25%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes fadeIn_give2 {
0%{opacity:0;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}
25%{opacity:0;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

@-webkit-keyframes fadeIn_badge1 {
0%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes fadeIn_badge1 {
0%{opacity:0;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

@-webkit-keyframes fadeIn_badge10 {
0%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}
30%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes fadeIn_badge10 {
0%{opacity:0;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}
30%{opacity:0;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

@-webkit-keyframes fadeIn_badge33 {
0%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}
50%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes fadeIn_badge33 {
0%{opacity:0;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}
50%{opacity:0;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

@-webkit-keyframes fadeIn_nft{
0%{opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes fadeIn_nft{
0%{opacity:0;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

.fadeIn_nft {-webkit-animation-name:fadeIn_nft;animation:fadeIn_nft 0.15s linear 0.8s forwards;} 

/* 룰렛 배경 */
@-webkit-keyframes roulette_back {
0%{opacity:1;-webkit-transform:scale(0.9);transform:scale(0.9)}
90%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100%{opacity:1;-webkit-transform:scale(0.9);transform:scale(0.9)}
}
@keyframes roulette_back {
0%{opacity:1;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
90%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
100%{opacity:1;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
}
.roulette_back {-webkit-animation-name:roulette_back;animation:roulette_back 0.7s linear infinite;} 

/* 룰렛 불꽃놀이 */
@-webkit-keyframes fireworks {
0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
10%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes fireworks {
0%{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
10%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
}
.fireworks_ani_1 {-webkit-animation-name:fireworks;animation:fireworks 1.5s linear infinite;} 
.fireworks_ani_2 {-webkit-animation-name:fireworks;animation:fireworks 1.0s linear infinite;} 
.fireworks_ani_3 {-webkit-animation-name:fireworks;animation:fireworks 1.2s linear 0.5s infinite;} 
.fireworks_ani_4 {-webkit-animation-name:fireworks;animation:fireworks 0.8s linear 0.2s infinite;} 
.fireworks_ani_5 {-webkit-animation-name:fireworks;animation:fireworks 0.7s linear 0.1s infinite;} 

/* 룰렛 코넛 점프 */
@-webkit-keyframes conut_jump {
0%{opacity:1;top:0px;}
20%{opacity:1;top:-20px;}
40%{opacity:1;top:-20px;}
60%{opacity:1;top:-18px;}
100%{opacity:1;top:0px;}
}
@keyframes conut_jump {
0%{opacity:1;top:0px;}
20%{opacity:1;top:-20px;}
40%{opacity:1;top:-20px;}
60%{opacity:1;top:-18px;}
100%{opacity:1;top:0px;}
}
.conut_jump {position:absolute;-webkit-animation-name:conut_jump;animation:conut_jump 0.6s linear infinite;} 

@-webkit-keyframes conut_jump2 {
0%{opacity:1;top:0px;}
20%{opacity:1;top:-200px;}
40%{opacity:1;top:-190px;}
60%{opacity:1;top:-150px;}
100%{opacity:1;top:0px;}
}
@keyframes conut_jump2 {
0%{opacity:1;top:0px;}
20%{opacity:1;top:-200px;}
40%{opacity:1;top:-190px;}
60%{opacity:1;top:-150px;}
100%{opacity:1;top:0px;}
}
.conut_jump2 {position:absolute;-webkit-animation-name:conut_jump2;animation:conut_jump2 0.7s linear infinite;} 

/* 유튜브 광고 흔들리는 아이콘 */
@-webkit-keyframes swing_vod{
10%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
20%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
30{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
40%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes swing_vod{
10%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
20%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
30%{-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg)}
40%{-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}
50%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
}
.swing_vod{-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation-name:swing_vod;animation:swing_vod 1s linear infinite;}

/* 룰렛 회전 아이콘 */
@-webkit-keyframes rl_rotate{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rl_rotate{
0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
.rl_rotate{-webkit-animation-name:rl_rotate;animation:rl_rotate 6s linear infinite;}
.rl_rotate_on {-webkit-animation-name:rl_rotate;animation:rl_rotate 2s linear infinite;}

@-webkit-keyframes nft_fadeInDown{
0%{opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes nft_fadeInDown{
0%{opacity:0;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

.nftBack_fadeIn{-webkit-animation-name:fadeIn;animation:fadeIn 0.2s linear forwards;} /* NFT 배경 등장 */
.nftBody_bounceIn {-webkit-animation-name:bounceIn;animation:bounceIn 0.3s linear 0.2s forwards;} /* NFT 바디 등장 */
.nft_fadeInUp1 {-webkit-animation-name:nft_fadeInDown;animation:nft_fadeInDown 0.3s linear 0.5s forwards;}
.nft_fadeInUp2 {-webkit-animation-name:nft_fadeInDown;animation:nft_fadeInDown 0.3s linear 0.7s forwards;}
.nft_fadeInUp3 {-webkit-animation-name:nft_fadeInDown;animation:nft_fadeInDown 0.3s linear 0.9s forwards;}
.nft_fadeInUp4 {-webkit-animation-name:nft_fadeInDown;animation:nft_fadeInDown 0.3s linear 1.1s forwards;}
.nftBody_change {-webkit-animation-name:bounceIn;animation:bounceIn 0.3s linear forwards;} /* NFT 바디 변경 */
.nft_change {-webkit-animation-name:nft_fadeInDown;animation:nft_fadeInDown 0.3s linear forwards;} /* NFT 나머지 변경 */
.nftOutline_bounceIn {-webkit-animation-name:bounceIn;animation:bounceIn 0.7s linear 1.5s forwards;} /* NFT 바디 등장 */

/* 메뉴하단 양쪽 아이콘 효과 */
@-webkit-keyframes tada_bottom {
0%{-webkit-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(0.2) rotate(-10deg);transform:scale(0.2) rotate(-10deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.5) rotate(10deg);transform:scale(1.5) rotate(10deg)}
40%,60%,80%{-webkit-transform:scale(1.5) rotate(-10deg);transform:scale(1.5) rotate(-10deg)}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes tada_bottom {
0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(027) rotate(-10deg);-ms-transform:scale(027) rotate(-10deg);transform:scale(0.2) rotate(-10deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.5) rotate(10deg);-ms-transform:scale(1.5) rotate(10deg);transform:scale(1.5) rotate(10deg)}
40%,60%,80%{-webkit-transform:scale(1.5) rotate(-10deg);-ms-transform:scale(1.5) rotate(-10deg);transform:scale(1.5) rotate(-10deg)}
100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
/* 하단 메뉴 오버했을때, 회색 배경 나타남 */
@-webkit-keyframes appearNavi {
		0%{opacity:0;}
		100%{opacity:1;}
}
@keyframes appearNavi {
		0%{opacity:0;}
		100%{opacity:1;}
}
/* 하단 메뉴 오버 후, 페이지이동시에 회색 배경 사라짐 */
@-webkit-keyframes disappearNavi {
		0%{opacity:1;}
		100%{opacity:0;}
}
@keyframes disappearNavi {
		0%{opacity:1;}
		100%{opacity:0;}
}
/* 하단 메뉴 오버했을때, 아이콘 작아짐 */
@-webkit-keyframes moveIcon {
		0%{ opacity:1;-webkit-transform:scale(1);transform:scale(1); }
		100%{ opacity:1;-webkit-transform:scale(.8);transform:scale(.8); }
}
@keyframes moveIcon {
		0%{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
		100%{ opacity:1;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8); }
}

@-webkit-keyframes moveIcon2 {
		0%{ opacity:1;-webkit-transform:scale(1);transform:scale(1); }
		100%{ opacity:1;-webkit-transform:scale(.8);transform:scale(.8);}
}
@keyframes moveIcon2 {
		0%{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
		100%{ opacity:1;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8); }
}

/* 하단 메뉴 오버 후, 페이지이동시에 아이콘 움직임 1 */
@-webkit-keyframes overIcon {
		0%{ opacity:1;-webkit-transform:scale(.8);transform:scale(.8); }
		30%{ opacity:1;-webkit-transform:scale(1);transform:scale(1); }
		60%{ opacity:1;-webkit-transform:scale(.9);transform:scale(.9); }
		80%{ opacity:1;-webkit-transform:scale(1);transform:scale(1); }
		100%{ opacity:1;-webkit-transform:scale(1);transform:scale(1); }
}
@keyframes overIcon {
		0%{ opacity:1;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8); }
		30%{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
		60%{ opacity:1;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9); }
		80%{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
		100%{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
}
/* 하단 메뉴 오버 후, 페이지이동시에 아이콘 움직임 2 */
@-webkit-keyframes overIcon2 {
		0%{ opacity:1;-webkit-transform:scale(1);transform:scale(1); }
		60%{ opacity:1;-webkit-transform:scale(1.1,0.95);transform:scale(1.1,0.95); }
		100%{ opacity:1;-webkit-transform:scale(1);transform:scale(1); }
}
@keyframes overIcon2 {
		0%{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
		60%{ opacity:1;-webkit-transform:scale(1.1,0.95);-ms-transform:scale(1.1,0.95);transform:scale(1.1,0.95); }
		100%{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
}

/* 시즌 베너 애니 효과 */
@-webkit-keyframes ss_banner {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes ss_banner {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes ss_banner {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes ss_banner {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
/* touchstart 작아짐 */
@-webkit-keyframes smaller {
		0%{ opacity:1;-webkit-transform:scale(1);transform:scale(1); }
		100%{ opacity:1;-webkit-transform:scale(.95);transform:scale(.95); }
}
@keyframes smaller {
		0%{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
		100%{ opacity:1;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95); }
}
/* touchend 커짐 */
@-webkit-keyframes bigger {
		0%{ opacity:1;-webkit-transform:scale(.95);transform:scale(.95); }
		100%{ opacity:1;-webkit-transform:scale(1);transform:scale(1); }
}
@keyframes bigger {
		0%{ opacity:1;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95); }
		100%{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
}
.smaller { -webkit-animation-name:smaller;animation:smaller 0.05s linear forwards; }
.bigger { -webkit-animation-name:bigger;animation:bigger 0.05s linear forwards; }

/* touchstart 작아짐 */
@-webkit-keyframes smaller_v1 {
		0%{ opacity:1;top-webkit-transform:scale(1) translate(0%,-50%);transform:scale(1) translate(0%,-50%); }
		100%{ opacity:1;-webkit-transform:scale(.95) translate(0%,-50%);transform:scale(.95) translate(0%,-50%); }
}
@keyframes smaller_v1 {
		0%{ opacity:1;-webkit-transform:scale(1) translate(0%,-50%);-ms-transform:scale(1) translate(0%,-50%);transform:scale(1) translate(0%,-50%); }
		100%{ opacity:1;-webkit-transform:scale(.95) translate(0%,-50%);-ms-transform:scale(.95) translate(0%,-50%);transform:scale(.95) translate(0%,-50%); }
}
/* touchstart 커짐 */
@-webkit-keyframes bigger_v1 {
		0%{ opacity:1;-webkit-transform:scale(.95) translate(0%,-50%);transform:scale(.95) translate(0%,-50%); }
		100%{ opacity:1;-webkit-transform:scale(1) translate(0%,-50%);transform:scale(1) translate(0%,-50%); }
}
@keyframes bigger_v1 {
		0%{ opacity:1;-webkit-transform:scale(.95) translate(0%,-50%);-ms-transform:scale(.95) translate(0%,-50%);transform:scale(.95) translate(0%,-50%); }
		100%{ opacity:1;-webkit-transform:scale(1) translate(0%,-50%);-ms-transform:scale(1) translate(0%,-50%);transform:scale(1) translate(0%,-50%); }
}
.smaller_v1 { -webkit-animation-name:smaller_v1;animation:smaller_v1 0.05s linear forwards; }
.bigger_v1 { -webkit-animation-name:bigger_v1;animation:bigger_v1 0.05s linear forwards; }

@-webkit-keyframes run_conut {
10%,30%,50%,70%,90% {-webkit-transform:scale(1) rotate(3deg);transform:scale(1) rotate(3deg)}
20%,40%,60%,80%,100% {-webkit-transform:scale(1) rotate(-3deg);transform:scale(1) rotate(-3deg)}
}
@keyframes run_conut {
10%,30%,50%,70%,90% {-webkit-transform:scale(1) rotate(3deg);-ms-transform:scale(1) rotate(3deg);transform:scale(1) rotate(3deg)}
20%,40%,60%,80%,100% {-webkit-transform:scale(1) rotate(-3deg);-ms-transform:scale(1) rotate(-3deg);transform:scale(1) rotate(-3deg)}
}
.run_conut {-webkit-animation-name:run_conut;animation:run_conut 2s linear infinite;}

/* 퀴즈 n번째 문제 배경효과 */
@-webkit-keyframes goBack_move {
		0%{ opacity:1;-webkit-transform:scale(1);transform:scale(1); }
		60%{ opacity:1;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1); }
		100%{ opacity:1;-webkit-transform:scale(1);transform:scale(1); }
}
@keyframes goBack_move {
		0%{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
		60%{ opacity:1;-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1); }
		100%{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
}

/* 퀴즈 아이템 효과 */
@-webkit-keyframes qz_item {
    0% { margin-top:0px; }
    50% {margin-top:-1px;}
    100% { margin-top:0px; }
}
@-moz-keyframes qz_item {
    0% { margin-top:0px; }
    50% {margin-top:-2px;}
    100% { margin-top:0px; }
}
@-o-keyframes qz_item {
    0% { margin-top:0px; }
    50% {margin-top:-2px;}
    100% { margin-top:0px; }
}
@keyframes qz_item {
    0% { margin-top:0px; }
    50% {margin-top:-2px;}
    100% { margin-top:0px; }
}
.qz_item_1 {-webkit-animation-name:qz_item;animation:qz_item 0.3s linear 0.2s infinite;}
.qz_item_2 {-webkit-animation-name:qz_item;animation:qz_item 0.3s linear 0.3s infinite;}
.qz_item_3 {-webkit-animation-name:qz_item;animation:qz_item 0.3s linear 0.4s infinite;}

/* 오픈페이지 */
@-webkit-keyframes fadeInDown_open_1 {
0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown_open_1 {
0%{opacity:0;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes fadeInDown_open_2 {
0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
80%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown_open_2 {
0%{opacity:0;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}
80%{opacity:0;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes fadeInDown_open_3 {
0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
70%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown_open_3 {
0%{opacity:0;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}
70%{opacity:0;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
/* 알림 아이콘 */
@-webkit-keyframes alert_ef{
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
50%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes alert_ef{
0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
50%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.05);transform:scale(1.2);}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}

@-webkit-keyframes bounceIn_giftbox{
0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{opacity:1;-webkit-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn_giftbox{
0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
70%{opacity:1;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.bounceIn_giftbox {-webkit-animation-name:bounceIn_giftbox;animation:bounceIn_giftbox 0.35s linear 6s forwards;}

@-webkit-keyframes scale_updown{
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.03);transform:scale(1.03)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale_updown{
0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.03);-ms-transform:scale(1.05);transform:scale(1.03)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.scale_updown {
	-webkit-animation-name:scale_updown;animation:scale_updown 0.4s linear infinite;
}
/* ad_invite 코넛 점프 */
@-webkit-keyframes conut_jump3 {
0%{opacity:1;bottom:70px;}
60%{opacity:1;bottom:160px;}
100%{opacity:1;bottom:70px;}
}
@keyframes conut_jump3 {
0%{opacity:1;bottom:70px;}
60%{opacity:1;bottom:160px;}
100%{opacity:1;bottom:70px;}
}
@-webkit-keyframes bounceIn_1000{
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes bounceIn_1000{
0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
50%{opacity:0;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
100%{opacity:0;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
}
.bounceIn_1000 {-webkit-animation-name:bounceIn_1000;animation:bounceIn_1000 1.2s linear infinite;}

@-webkit-keyframes bounceIn_capture{
0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}
50%{opacity:1;-webkit-transform:scale(1.005);transform:scale(1.005)}
}
@keyframes bounceIn_capture{
0%{opacity:1;-webkit-transform:scale(.1);-ms-transform:scale(.1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.005);-ms-transform:scale(1.005);transform:scale(1.005)}
}
.bounceIn_capture {-webkit-animation-name:bounceIn_capture;animation:bounceIn_capture 1s linear infinite;}

@-webkit-keyframes smallBig4 { /* 로비화면 케이뱅크 파이 */
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.7);transform:scale(0.7);opacity:1;}
50%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.7);transform:scale(0.7);opacity:1;}
}
@keyframes smallBig4 {
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:1;}
50%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:1;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:1;}
}