
    .JS_flipTxt { position:relative; width:100%; height:76px; margin:0 0 30px; background:url('/sy/theme/sypanel/_wg/img/_bg/bg_slash_w_10.png') #333/*배경색*/; overflow:hidden; }
    .JS_flipTxt .img { position:relative; top:0/*배너위치*/; width:100%; height:100%; }
    .JS_flipTxt .img li { position:absolute; width:100%; height:100%; left:100%; text-align:center; }
    .JS_flipTxt .img li:first-child { z-index:1; left:0; }

    .JS_flipTxt .img li a { line-height:70px; font-size:22px; color:#fff; font-family:'FontNSR'; }
    .JS_flipTxt .img li a:hover { color:#ddd; text-decoration:none; }
    .JS_flipTxt .img li a img { height:100%; }
    
    /* 페이지 버튼 */
    .JS_flipTxt .btn { position:absolute; z-index:3; width:100%; left:10px; bottom:10px; text-align:left; letter-spacing:-4px; font-size:0; line-height:0; opacity:0; -webkit-opacity:0; transition:opacity .3s 6s ease; -webkit-transition:opacity .3s 6s ease; }
    .JS_flipTxt:hover .btn { opacity:1.0; -webkit-opacity:1.0; transition-delay:0s; -webkit-transition-delay:0s; }
    .JS_flipTxt .btn li { position:relative; display:inline-block; *display:inline; *zoom:1; width:10px; height:2px; margin:0 2px; background:#ccc; cursor:pointer; font-size:0; transition:all .3s ease; -webkit-transition:all .3s ease; }
    .JS_flipTxt .btn li span { position:absolute; left:0; display:block; width:0; height:100%; background:#111; text-indent:-9999px; }
    .JS_flipTxt .btn li.on { width:18px; background:#999; }

    /* 화살표 */
    .JS_flipTxt .DB_dir { position:absolute; z-index:10; top:0; right:0; width:30px; height:0; cursor:pointer; opacity:0; -webkit-opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; }
    .JS_flipTxt:hover .DB_dir { opacity:1; -webkit-opacity:1; }
    .JS_flipTxt .arrow { position:absolute; width:30px; height:30px; transition:all .3s ease; -webkit-transition:all .3s ease; }
    .JS_flipTxt .prev { top:-5px; background:url('/sy/theme/sypanel/_wg/img/_arrow/arrowVLW_21.gif') no-repeat 50% 50% rgba(0,0,0,.2); }
    .JS_flipTxt:hover .prev { top:0px; }
    .JS_flipTxt .prev:hover { background:url('/sy/theme/sypanel/_wg/img/_arrow/arrowVLW_21.gif') no-repeat 50% 50% rgba(0,0,0,.4); }
    .JS_flipTxt .next { top:45px; background:url('/sy/theme/sypanel/_wg/img/_arrow/arrowVRW_21.gif') no-repeat 50% 50% rgba(0,0,0,.2); }
    .JS_flipTxt:hover .next { top:40px; }
    .JS_flipTxt .next:hover { background:url('/sy/theme/sypanel/_wg/img/_arrow/arrowVRW_21.gif') no-repeat 50% 50% rgba(0,0,0,.4); }

    /* 1260px 이하 */
    @media all and (max-width:1260px){
        .JS_flipTxt { height:59px;}
        .JS_flipTxt .img li a { font-size:18px; }
    }
