@charset "utf-8";

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

#contents .sec-01{
	position: relative;
	width: 980px;
	height: 750px;
	z-index: 1;
}
#contents .sec-01 .play-coin-aim{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#contents .sec-01 .cara-01{
	position: absolute;
	top: -184px;
	right: 106px;
	opacity: 0;
	z-index: 1;
	transform:translate(100px,0);
	-webkit-transform:translate(100px,0);
	-webkit-filter: blur(20px);
	transition: ease 0.7s;
	-webkit-transition: ease 0.7s;
}
#contents .sec-01 .cara-01.motion{
	opacity: 1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-webkit-filter: blur(0);
}
#contents .sec-01 .cara-02{
	position: absolute;
	bottom: 17px;
	right: -59px;
	z-index: 3;
	opacity: 0;
	transform:translate(200px,-100px);
	-webkit-transform:translate(200px,-100px);
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
}
#contents .sec-01 .cara-02.motion{
	opacity: 1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}

#contents .sec-04{
	position: relative;
	width: 980px;
	height: 790px;
	z-index: 1;
}
#contents .sec-04 .play_suggestion{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
#contents .sec-04 .cara-03{
	position: absolute;
	bottom: 260px;
	right: -40px;
	z-index: 1;
	opacity: 0;
	transform:translate(200px,-100px);
	-webkit-transform:translate(200px,-100px);
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
}
#contents .sec-04 .cara-03.motion{
	opacity: 1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}