영카트 메인배너 슬라이드js 질문입니다 채택완료

/skin/shop/basic/style.css

/* 메인배너 */
#main_bn {border:1px solid #cdcdcd;position:relative;margin-bottom:20px}
/* #main_bn .slide-wrap{display:none} */
#main_bn .bx-prev{position:absolute;top:50%;left:0;margin-top:-35px;z-index:99;background:url(img/btn_prev.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_bn .bx-prev:hover{opacity:1}
#main_bn .bx-next{position:absolute;top:50%;right:0;margin-top:-35px;z-index:99;background:url(img/btn_next.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_bn .bx-next:hover{opacity:1}
#main_bn #bx_pager {border-top:1px solid #cdcdcd}
#main_bn #bx_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn #bx_pager li{float:left;border-left:1px solid #cdcdcd;width:20%;text-align:center;line-height:35px}
#main_bn #bx_pager li:first-child{border-left:0}
#main_bn #bx_pager li a{display:block}
#main_bn #bx_pager li a.active{background:#56d2ca;color:#fff}