/* BASIC css start */
.roulette_wrap{float:left;width:100%;background-color:#ffebf4;overflow:hidden}
#footer{margin-top:0 !important}
#roulette{position:relative;width:100%;max-width:1080px;margin:0 auto;text-align:center}
#roulette > img{display:inline-block}
#roulette > span.leaf{position:absolute;top:-300px;left:0;height:100%}
#roulette > span.leaf.no1{top:-125px;left:auto;right:-50px}
#roulette > span.leaf.no1{
	-webkit-animation-duration:10.00s;
	animation-duration:10.00s;
}
#roulette > span.leaf.no2{top:-90px;left:auto;right:20px}
#roulette > span.leaf.no2{
	-webkit-animation-duration:25.00s;
	animation-duration:25.00s;
}
#roulette > span.leaf.no3{top:130px;left:-150px}
#roulette > span.leaf.no3{
	-webkit-animation-duration:30.00s;
	animation-duration:30.00s;
}
#roulette > span.leaf.no4{top:450px;left:-100px}
#roulette > span.leaf.no4{
	-webkit-animation-duration:15.00s;
	animation-duration:15.00s;
}
#roulette > span.leaf.no5{top:1170px;left:50px}
#roulette > span.leaf.no5{
	-webkit-animation-duration:20.00s;
	animation-duration:20.00s;
}
#roulette > span.leaf.no6{top:1580px;left:auto;right:-150px}
#roulette > span.leaf.no6{
	-webkit-animation-duration:15.00s;
	animation-duration:15.00s;
}
#roulette > span.leaf > span{position:relative;top:0;left:0}
#roulette > span.leaf > span{
	-webkit-animation-duration:3.00s;
	animation-duration:3.00s;
}
#roulette > span.leaf > span > img{
	-webkit-animation-duration:5.00s;
	animation-duration:5.00s;
}
#roulette > span.leaf.no1 > span > img{
	-webkit-transform-origin:top right;
	-ms-transform-origin:top right;
	transform-origin:top right;
}
#roulette > span.leaf.no2 > span > img{
	-webkit-transform-origin:bottom right;
	-ms-transform-origin:bottom right;
	transform-origin:bottom right;
}
#roulette > span.leaf.no3 > span > img{
	-webkit-transform-origin:top left;
	-ms-transform-origin:top left;
	transform-origin:top left;
}
#roulette > span.leaf.no4 > span > img{
	-webkit-transform-origin:bottom left;
	-ms-transform-origin:bottom left;
	transform-origin:bottom left;
}
#roulette > span.leaf.no5 > span > img{
	-webkit-transform-origin:top left;
	-ms-transform-origin:top left;
	transform-origin:top left;
}
#roulette > span.leaf.no6 > span > img{
	-webkit-transform-origin:top right;
	-ms-transform-origin:top right;
	transform-origin:top right;
}
#roulette > div.roulette{position:absolute;top:532px;left:213px;float:left;width:655px;height:653px}
#roulette > div.roulette > img{position:absolute;top:0;left:0}
#roulette > div.roulette > img.roulette{top:17px;left:16px}
#roulette > div.roulette > button{position:absolute;top:94%;left:35.3%;float:left;width:210px;height:210px;border:0;border-radius:110px;background-color:transparent}
#roulette > div.rouletteResult{display:none}
#roulette > div.rouletteResult{position:fixed;top:0;left:0;float:left;width:100%;height:100%;z-index:1}
#roulette > div.rouletteResult > span.bg{position:absolute;top:0;left:0;float:left;width:100%;height:100%;background-color:#000;opacity:0.75}
#roulette > div.rouletteResult > table.result{float:left;width:100%;height:100%;position:relative}
#roulette > div.rouletteResult > table.result td{text-align:center;vertical-align:middle}
#roulette > div.rouletteResult > table.result td > span{position:relative;display:inline-block;max-width:850px}
#roulette > div.rouletteResult > table.result td > span > span.close{position:absolute;top:-39px;right:-40px;float:left;width:40px;height:39px;background:url(//pinkagewig.img18.kr/board/press/roulette3/roulette_close.png) no-repeat center center / 40px 39px;cursor:pointer}
#roulette > div.rouletteResult > table.result td > span > img{width:100%;max-width:500px;cursor:pointer}

@-webkit-keyframes falling-down{
	0%{top:-300px}
	100%{top:2000px}
}
@keyframes falling-down{
	0%{top:-300px}
	100%{top:2000px}
}
.falling-down{
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:falling-down;
	animation-name:falling-down;
}

@-webkit-keyframes leaf-slide1{
	0%{left:0}
	50%{left:30px}
	100%{left:0}
}
@keyframes leaf-slide1{
	0%{left:0}
	50%{left:30px}
	100%{left:0}
}
.leaf-slide1{
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:leaf-slide1;
	animation-name:leaf-slide1;
}

@-webkit-keyframes leaf-slide2{
	0%{right:0}
	50%{right:40px}
	100%{right:0}
}
@keyframes leaf-slide2{
	0%{right:0}
	50%{right:40px}
	100%{right:0}
}
.leaf-slide2{
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:leaf-slide2;
	animation-name:leaf-slide2;
}

@-webkit-keyframes leaf-swing{
	25%{
		-webkit-transform:rotate3d(0, 0, 1, 4deg);
		transform:rotate3d(0, 0, 1, 4deg);
	}
	50%{
		-webkit-transform:rotate3d(0, 0, 1, -2deg);
		transform:rotate3d(0, 0, 1, -2deg);
	}
	75%{
		-webkit-transform:rotate3d(0, 0, 1, 2deg);
		transform:rotate3d(0, 0, 1, 2deg);
	}
	100%{
		-webkit-transform:rotate3d(0, 0, 1, 0deg);
		transform:rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes leaf-swing{
	25%{
		-webkit-transform:rotate3d(0, 0, 1, 4deg);
		transform:rotate3d(0, 0, 1, 4deg);
	}
	50%{
		-webkit-transform:rotate3d(0, 0, 1, -2deg);
		transform:rotate3d(0, 0, 1, -2deg);
	}
	75%{
		-webkit-transform:rotate3d(0, 0, 1, 2deg);
		transform:rotate3d(0, 0, 1, 2deg);
	}
	100%{
		-webkit-transform:rotate3d(0, 0, 1, 0deg);
		transform:rotate3d(0, 0, 1, 0deg);
	}
}
.leaf-swing{
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:leaf-swing;
	animation-name:leaf-swing;
}

/* BASIC css end */