*{
	margin: 0;
	padding: 0;
}

.animation_canvas{
	position: relative;
	width: 600px;
	height: 400px;
	overflow: hidden;
}

.slider_panel{
	width: 3000px;
	position: relative;
}

.slider_image{
	float: left;
	width: 600px;
	height: 400px;
}

.slider_text_panel{
	position: absolute; /* .animation_canvas 기준점이다. */
	top: 200px;
	left: 50px;
	/* .animation_canvas 기준점에서 top: 200px;, 좌left: 50px; 떨어트린다 */
}

.slider_text{
	position: absolute; 
	width: 250px;
	height: 150px;
}

.control_panel{
	position: absolute;
	top: 380px;
	left: 270px;
	height: 15px;
	overflow: hidden;
}

.control_button{
	width: 15px;
	height: 45px;
	position: relative;
	cursor: pointer;
	background: url(../images/point_button.png);
	float: left;
	/* .control_panel height: 15px; 주면서 히든해서 가려 놨다. */
	/* float: left; 버튼을 가로 정렬로 나타나게 한다. */
}

.control_button:hover{
	top: -15px;
	/* 마우스 올리면 위로 -15만큼 올라가라 */
}

.control_button.active{
	top: -30px;
}