/* SelectStage 타이틀 애니*/
.selectstage_title {
	animation-name: selectstage_title;
	animation-duration	: 0.3s;  /* 본래 15.0s  테스트를 위해 좀 멀리 함. --> 20초로 변경함(LG요청)*/
	animation-iteration-count : 1;
	animation-timing-function:ease-in-out; /* ease-in  ease-out linear ease-in-out*/
	animation-direction : normal;
	animation-fill-mode : forwards;
	animation-play-state	: running;		
}
@keyframes selectstage_title
{
	0%		{left : -500px;}
    100%	{left : 0px;}
}

/* Selectstage에서 왼쪽 행성 image */
.selectstage_left {
	animation-name: selectstage_left;
	animation-duration	: 0.5s;  /* 본래 15.0s  테스트를 위해 좀 멀리 함. --> 20초로 변경함(LG요청)*/
	animation-iteration-count : 1;
	animation-timing-function:ease-in-out; /* ease-in  ease-out linear ease-in-out*/
	animation-direction : normal;
	animation-fill-mode : forwards;
	animation-play-state	: running;		
}
@keyframes selectstage_left
{
	0%		{left : -200px;}
    100%	{left : 126px;}
}

/* Selectstage에서 오늘쪽 stage */
.selectstage_right {
	animation-name: selectstage_right;
	animation-duration	: 0.5s;  /* 본래 15.0s  테스트를 위해 좀 멀리 함. --> 20초로 변경함(LG요청)*/
	animation-iteration-count : 1;
	animation-timing-function:ease-in-out; /* ease-in  ease-out linear ease-in-out*/
	animation-direction : normal;
	animation-fill-mode : forwards;
	animation-play-state	: running;		
}
@keyframes selectstage_right
{
	0%		{left : 1620px;}
    100%	{left : 958px;}
}

/* Selectstage에서 아래 버턴 */
.selectstage_btn {
	animation-name: selectstage_btn;
	animation-duration	: 0.6s;  /* 본래 15.0s  테스트를 위해 좀 멀리 함. --> 20초로 변경함(LG요청)*/
	animation-iteration-count : 1;
	animation-timing-function:ease-in-out; /* ease-in  ease-out linear ease-in-out*/
	animation-direction : normal;
	animation-fill-mode : forwards;
	animation-play-state	: running;		
}
@keyframes selectstage_btn
{
	0%		{top : 1080px;}
    100%	{top : 944px;}
}
/* Selectstage에서 아래 page표시 */
.selectstage_page {
	animation-name: selectstage_page;
	animation-duration	: 0.6s;  /* 본래 15.0s  테스트를 위해 좀 멀리 함. --> 20초로 변경함(LG요청)*/
	animation-iteration-count : 1;
	animation-timing-function:ease-in-out; /* ease-in  ease-out linear ease-in-out*/
	animation-direction : normal;
	animation-fill-mode : forwards;
	animation-play-state	: running;		
}
@keyframes selectstage_page
{
	0%		{top : 1080px;}
    100%	{top : 940px;}
}


/*selectstage_info에서 left */
.selectstage_info_left {
	animation-name: selectstage_info_left;
	animation-duration	: 0.8s;  /* 본래 15.0s  테스트를 위해 좀 멀리 함. --> 20초로 변경함(LG요청)*/
	animation-iteration-count : 1;
	animation-timing-function:ease-in-out; /* ease-in  ease-out linear ease-in-out*/
	animation-direction : normal;
	animation-fill-mode : forwards;
	animation-play-state	: running;		
}
@keyframes selectstage_info_left
{
	0%		{left : -696px;}
	60%		{left : -696px;}
    100%	{left : 350px;}
}

.selectstage_info_center {
	animation-name: selectstage_info_center;
	animation-duration	: 0.6s;  /* 본래 15.0s  테스트를 위해 좀 멀리 함. --> 20초로 변경함(LG요청)*/
	animation-iteration-count : 1;
	animation-timing-function:ease-in-out; /* ease-in  ease-out linear ease-in-out*/
	animation-direction : normal;
	animation-fill-mode : forwards;
	animation-play-state	: running;		
}
@keyframes selectstage_info_center
{
	0%		{left : -644px;}
	50%		{left : -644px;}
    100%	{left : 851px;}
}

.selectstage_info_right{
	animation-name: selectstage_info_right;
	animation-duration	: 0.4s;  /* 본래 15.0s  테스트를 위해 좀 멀리 함. --> 20초로 변경함(LG요청)*/
	animation-iteration-count : 1;
	animation-timing-function:ease-in-out; /* ease-in  ease-out linear ease-in-out*/
	animation-direction : normal;
	animation-fill-mode : forwards;
	animation-play-state	: running;		
}
@keyframes selectstage_info_right
{
	0%		{left : -675px;}
    100%	{left : 1205px;}
}

.selectstage_info_start {
	animation-name: selectstage_info_start;
	animation-duration	: 0.6s;  /* 본래 15.0s  테스트를 위해 좀 멀리 함. --> 20초로 변경함(LG요청)*/
	animation-iteration-count : 1;
	animation-timing-function:ease-in-out; /* ease-in  ease-out linear ease-in-out*/
	animation-direction : normal;
	animation-fill-mode : forwards;
	animation-play-state	: running;		
}
@keyframes selectstage_info_start
{
	0%		{top : 1080px;}
    100%	{top : 918px;}
}

/* 번개 애니메이션 */
.move_thunder1 
{
        position: absolute;

        /*left: 1079px;*/ /* 시작 위치 */
        /*top: 31px;*/ /* 시작 위치 */
        animation: move_thunder 0.5s ease-in-out forwards; /* 애니메이션 적용 */
}

@keyframes move_thunder 
{
		 0%		{transform: translate(0, 0);}
		 100%	{left:938px; top:956px}
}

.move_thunder_gameresult
{
        position: absolute;

        /*left: 1079px;*/ /* 시작 위치 */
        /*top: 31px;*/ /* 시작 위치 */
        animation: move_thunder_gameresult 0.5s ease-in-out forwards; /* 애니메이션 적용 */
}
@keyframes move_thunder_gameresult 
{
		 0%		{transform: translate(0, 0);}
		 100%	{left:921px; top:920px}
}