.index_area {
	height: 630px;
}

.main_area h1{
	display: block;
}

.login_bonus_detail_inner {
	width: 100%;
	height: auto;
}

#login_bonus_detail_container {
	display: none;
	position: absolute;
	left: 50%;
	top: 10px;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	transform: translate(-50%,0);
	z-index: 200;
	width: 30%;
	height: 610px;
	overflow-y: auto;
}

#event_popup_detail_container {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 200;
	width: 40%;
	height: 630px;
	overflow-y: auto;
}

.gate_area ul li {
	width: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.gate_area ul li:nth-of-type(1) {
	top: 47%;
}
.gate_area ul li:nth-of-type(2){
	top: 81%;
}