/* CSS Document */

#banner{ width:1280px; height:280px; position:absolute; top:3px; z-index:1;}
.main_image {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 280px; OVERFLOW: hidden
}
.main_image UL {
	POSITION: absolute; WIDTH: 9999px; HEIGHT: 280px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.main_image LI {
	WIDTH: 100%; FLOAT: left; HEIGHT: 280px
}
.main_image LI SPAN {
	WIDTH: 100%; DISPLAY: block; HEIGHT: 280px
}
.main_image LI A {
	WIDTH: 100%; DISPLAY: block; HEIGHT: 280px
}
.main_image LI .img_1 {
	background:url(../images/7.jpg) no-repeat center top;
}
.main_image LI .img_2 {
	BACKGROUND: url(../images/01.jpg) no-repeat center top;

}

.main_image LI .img_3 {
	BACKGROUND: url(../images/03.jpg) no-repeat center top;

}
.main_image LI .img_4 {
	BACKGROUND: url(../images/02.jpg) no-repeat center top;
}
DIV.flicking_con {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 990px
}
DIV.flicking_con .flicking_inner {
	Z-INDEX: 999; POSITION: absolute; WIDTH: 280px; HEIGHT: 21px; TOP: 260px; LEFT: 50px
}
DIV.flicking_con A {
	TEXT-INDENT: -1000px; MARGIN: 0px; padding:0px; WIDTH: 21px;  DISPLAY: block; BACKGROUND: url(../images/btn_main_img.png) no-repeat 0px 0px; FLOAT: left; HEIGHT: 21px;
}
DIV.flicking_con A.on {
	BACKGROUND-POSITION: 0px -21px
}
#btn_prev {
	Z-INDEX: 11111; POSITION: absolute; WIDTH: 31px !important; DISPLAY: none; HEIGHT: 100px !important; TOP: 40%
}
#btn_next {
	Z-INDEX: 11111; POSITION: absolute; WIDTH: 31px !important; DISPLAY: none; HEIGHT: 100px !important; TOP: 40%
}
#btn_prev {
	BACKGROUND: url(../images/slide_arrow.png) no-repeat 0px 0px; LEFT: 50px
}
#btn_next {
	BACKGROUND: url(../images/slide_arrow.png) no-repeat 0px -100px; RIGHT: 50px
}