/* BASIC css start */
/*스크롤러 스타일*/

/*scroller width가 550px인 이유는?
- 현재 이미지 가로 사이즈는 130
- 이미지와 이미지 여백은 10
- 현재 보이는 이미지 갯수는 4개(중간 여백 갯수는 3개)
계산식 = (130(이미지가로크기)*4(이미지출력갯수)=520)+(3(여백갯수)*10(여백마진값)) = 550
*/


.main_p_slide_bg {position:relative;margin:0 auto;width:1100px; background:#e8e8e8;padding:20px 0 20px 0}
#scroller {position:relative;width:1050px; height:200px; padding:0px 35px;;clear:both;overflow:hidden; }

/*좌우버튼*/
div.slide_button { position:absolute;width:1080px;top:100px;padding:0 0 0 10px;z-index:10;}
#btn1, #btn2 {cursor:pointer;}

ul#scrollerFrame {width:1200px; padding:0 ;margin:0px;list-style:none;}
ul#scrollerFrame li {position:relative;float:left; margin-right:5px;width:200px;height:200px;}
/* BASIC css end */