*{
	margin: 0;
	padding: 0;
}

.animation_canvas{
	position: relative;
	width: 600px;
	height: 400px;
	overflow: hidden; /* 슬라이드 배너 전체를 숨겼다, 보기 위해서는 overflow 지우거나 숨겨라 */
}



.slider_panel{
	width: 1800px;
	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: 360px;
	left: 270px;
	height: 30px;
	width: 45px;
	overflow: hidden;
}


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

.control_button:hover{
	background: url(../images/point_button.png) no-repeat 0 -15px;
}

.control_button.active{
	background:url(../images/point_button.png) no-repeat 0 -30px;}