css 슬라이드 배너 속도 맞추고싶은데 어디서 맞춰야하나요??ㅜㅜ

2018.08.13 09:25:24 4657 (222.♡.♡.227)

본문

.JS_rollingItem { position:relative; left:50%; width:1030px; margin:0 0 20px -400px; font-size:0; border-bottom:1px solid #eee; overflow:hidden; }
.JS_rollingItem h2 { position:relative; height:22px; margin:0 0 10px; font-size:13px; color:#111; font-weight:400; color:#888; }
.JS_rollingItem h2 span { margin:0 5px 0 0; text-align:center; font-size:18px; color:#333; }

.JS_rollingItem .DB_mask { position:relative; display:block; width:100%/*이미지전체*/; margin:0 auto; padding:10px 0; height:303px; overflow:hidden; }
.JS_rollingItem .DB_imgSet { position:absolute; }
.JS_rollingItem .DB_imgSet > li { display:inline-block; *display:inline; *zoom:1; width:206px; margin:0 0 100px; vertical-align:top; }

.JS_rollingItem .DB_imgSet .thumbnail { display:block; position:relative; width:91%; margin:0 auto 10px; font-size:0; line-height:0; outline:1px solid #eee; }
.JS_rollingItem .DB_imgSet .thumbnail img { width:100%; max-width:100%; }
.JS_rollingItem .DB_imgSet .thumbnail .on { position:absolute; z-index:2; top:0; left:0; filter:alpha(opacity=0); opacity:0; -webkit-opacity:0; }
.JS_rollingItem .DB_imgSet .thumbnail:hover .on { filter:alpha(opacity=100); opacity:1.0; -webkit-opacity:1.0; }
.JS_rollingItem .DB_imgSet .thumbnail .prdIcon { position:absolute; z-index:5; top:5px; left:-8px; width:100%; height:100%; background-repeat:no-repeat; } /* 꾸미기 아이콘 */

.JS_rollingItem .DB_imgSet .description { width:90%; margin:0 auto; text-align:center; }
.JS_rollingItem .DB_imgSet .description .name span { display:block; margin:0 0 5px; word-break:break-all; line-height:17px; font-weight:normal !important; }
.JS_rollingItem .DB_imgSet .description .name a:hover { text-decoration:none; }

/* module="product_ListItem" */
.JS_rollingItem .spec { margin:0; }
.JS_rollingItem .spec li { margin:0 0; text-align:center; line-height:16px; }
.JS_rollingItem .spec li .title { font-weight:normal; vertical-align:top; }
.JS_rollingItem .spec li .title span { vertical-align:top; margin:0 5px 0 0; }
.JS_rollingItem .spec li span img { position:relative; top:3px; }
.JS_rollingItem .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; }
.JS_rollingItem .spec li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }

.JS_rollingItem .DB_imgSet .description .status { position:relative; z-index:10; display:block; line-height:0; *zoom:1; }
.JS_rollingItem .DB_imgSet .description .status:after { content:""; display:block; clear:both; }
.JS_rollingItem .DB_imgSet .description .icon { margin:5px 0 15px; }
.JS_rollingItem .DB_imgSet .description .icon img { margin:0 4px; }
.JS_rollingItem .DB_imgSet .description .button { position:relative; display:block; *zoom:1; filter:alpha(opacity=0); opacity:0; -webkit-opacity:0; }
.JS_rollingItem .DB_imgSet li:hover .button { filter:alpha(opacity=100); opacity:1.0; -webkit-opacity:1.0; }
.JS_rollingItem .DB_imgSet .description .button span { margin:0 1px; cursor:pointer; }
.JS_rollingItem .DB_imgSet .description .button .wishIcon img { width:25px; }
.JS_rollingItem .DB_imgSet .description .button img:hover { filter:alpha(opacity=50); opacity:0.5; -webkit-opacity:0.5; }
.JS_rollingItem .DB_imgSet .description .button .option { position:relative; *zoom:1; }
.JS_rollingItem .DB_imgSet .description .mileage { display:block; }

/* 화살표 */
.JS_rollingItem .arrow_wrap { position:absolute; z-index:10; top:0; right:-2px; width:0; height:0; cursor:pointer; opacity:0; -webkit-opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; }
.JS_rollingItem:hover .arrow_wrap { right:3px; opacity:1; -webkit-opacity:1; }

.JS_rollingItem .arrow { position:absolute; width:30px; height:30px; border:1px solid #eee; transition:all .3s ease; -webkit-transition:all .3s ease; }

.JS_rollingItem .DB_prevBtn { right:31px; background:url('/_wg/img/_arrow/arrowL_21.gif') no-repeat 50% 50%; }
.JS_rollingItem .DB_prevBtn:hover { background:url('/_wg/img/_arrow/arrowL_21.gif') no-repeat 50% 50% rgba(0,0,0,.05); }

.JS_rollingItem .DB_nextBtn { right:0; background:url('/_wg/img/_arrow/arrowR_21.gif') no-repeat 50% 50%; }
.JS_rollingItem .DB_nextBtn:hover { background:url('/_wg/img/_arrow/arrowR_21.gif') no-repeat 50% 50% rgba(0,0,0,.05); }

/* 1265px 이하 */
@media all and (max-width:1265px){
.JS_rollingItem { width:750px; margin:0 0 20px -260px; }
.JS_rollingItem .DB_imgSet > li { width:188px; }
}