/* 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:#f1f1f1; padding:20px 0; }
#scroller {position:relative;width:1030px; height:200px; margin:0 auto; clear:both;overflow:hidden; }

/*좌우버튼*/
#btn1 {position:absolute;top:42%;right:10px;z-index:10;cursor:pointer;}
#btn2 {position:absolute;top:42%;left:10px;z-index:10;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 */