@charset "utf-8";

/******** #contents ********/
#contents h2{
	margin-bottom: 55px;
}

#contents .sec-01{
	position: relative;
	width: 980px;
	height: 284px;
	margin-bottom: 30px;
	z-index: 1;
}
#contents .sec-01 .gameflow-nomal{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#contents .sec-01 .cara-01{
	position: absolute;
	top: -171px;
	right: 25px;
	transform:translate(0,171px);
	-webkit-transform:translate(0,171px);
	z-index: 1;
	transition: ease 0.7s;
	-webkit-transition: ease 0.7s;
}
#contents .sec-01 .cara-01.motion{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}

#contents .sec-02{
	position: relative;
	width: 892px;
	height: 340px;
	margin: 0 auto;
	z-index: 2;
}
#contents .sec-02 .arrow-coin{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#contents .sec-02 .cara-02{
	position: absolute;
	top: -100px;
	right: -104px;
	transform:translate(-156px,95px);
	-webkit-transform:translate(-156px,95px);
	z-index: 1;
	transition: ease 0.7s;
	-webkit-transition: ease 0.7s;
}
#contents .sec-02 .cara-02.motion{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}

#contents .sec-03{
	position: relative;
	width: 980px;
	height: 653px;
	top: -25px;
	left: 0;
	z-index: 1;
}

#contents .sec-04{
	position: relative;
	width: 940px;
	height: 398px;
	top: -50px;
	margin: 0 auto;
	z-index: 2;
}

#contents .sec-05{
	position: relative;
	width: 980px;
	height: 639px;
	top: -75px;
	z-index: 1;
}

#transition-area{
	margin-top: -75px;
}