.JS_topBnr { position:relative; width:100%; z-index:100; }
    .JS_topBnr .DB_closeBtn { position:absolute; z-index:5; bottom:0; right:10px; cursor:pointer; opacity:0; -webkit-opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; }
    .JS_topBnr:hover .DB_closeBtn { bottom:5px; opacity:1; -webkit-opacity:1; }
    .JS_topBnr .DB_closeBtn i { font-size:31px; }
    .JS_topBnr .DB_checkBox { position:absolute; z-index:5; bottom:0; right:40px; font-size:12px; color:#000; opacity:0; -webkit-opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; }
    .JS_topBnr:hover .DB_checkBox { bottom:5px; opacity:1; -webkit-opacity:1; }

    /* 롤링 배너 */
    .JS_topBnr_roll { position:relative; }
    .JS_topBnr_roll .img { position:relative; overflow:hidden; }
    .JS_topBnr_roll .img li { position:absolute; left:0; top:0; width:100%; }
    .JS_topBnr_roll .img li img { width:100%; }

    /* 버튼 */
    .JS_topBnr_roll .btn { position:absolute; z-index:3; bottom:15px; width:100%; height:0; margin:0 0 0 5px; text-align:left; opacity:0; transition:opacity .3s ease; -webkit-transition:opacity .3s ease; }
    .JS_topBnr_roll:hover .btn { opacity:1.0; -webkit-opacity:1.0; }
    .JS_topBnr_roll .btn li { display:inline-block; width:10px; height:2px; line-height:0; margin:0 2px; background:#ccc; transition:all .3s ease; -webkit-transition:all .3s ease; text-indent:-9999px/*번호생략*/; }
    .JS_topBnr_roll .btn li.on { width:15px; background:#111; }

    /* 화살표 */
    .JS_topBnr_roll .arrow { display:none; position:absolute; top:50%; margin-top:-35px; cursor:pointer; transition:all .5s ease; -webkit-transition:all .5s ease; }
    .JS_topBnr_roll .arrow.prev { left:-20px; width:70px; height:70px; background:url('/design/joylife/m/_wg/img/btn_arrow_left_27_w.gif') no-repeat 50% 50%; background-color:rgba(0,0,0,.2); opacity:0; -webkit-opacity:0; }
    .JS_topBnr_roll:hover .arrow.prev { left:0; opacity:1.0; -webkit-opacity:1.0; }
    .JS_topBnr_roll .arrow.next { right:-20px; width:70px; height:70px; background:url('/design/joylife/m/_wg/img/btn_arrow_right_27_w.gif') no-repeat 50% 50%; background-color:rgba(0,0,0,.2); opacity:0; -webkit-opacity:0; }
    .JS_topBnr_roll:hover .arrow.next { right:0; opacity:1.0; -webkit-opacity:1.0; }