@charset "UTF-8";

/* 롤링배너 */
.wrap-rolling {padding: 27px 0;}
.wrap-rolling .container {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.wrap-rolling .wrap-control {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.wrap-rolling h2 {width: 110px; font-family: 'Noto Bold',sans-serif; font-size: 18px;}
.wrap-rolling .control {width: 83px; font-size: 0;}
.wrap-rolling .control button {display: inline-block; text-indent: -99999px; vertical-align: middle;}
.wrap-rolling .control .prev,
.wrap-rolling .control .next {width: 9px; height: 20px;}
.wrap-rolling .control .prev {background: url('../images/ic-rolling-prev.png') no-repeat center;}
.wrap-rolling .control .next {background: url('../images/ic-rolling-next.png') no-repeat center;}
.wrap-rolling .control .stop,
.wrap-rolling .control .play {display: none; width: 20px; height: 20px; margin: 0 10px;}
.wrap-rolling .control .stop {background: url('../images/ic-rolling-stop.png') no-repeat center;}
.wrap-rolling .control .play {background: url('../images/ic-rolling-play.png') no-repeat center;}
.wrap-rolling .control .stop.on,
.wrap-rolling .control .play.on {display: inline-block;}
.wrap-rolling .slider {display: table-cell; vertical-align: middle; width: calc(100% - 193px);}
.wrap-rolling .slider li {float: left;}
.wrap-rolling .slider li .slider-container {border: 1px solid #e1e1e1; box-sizing: border-box;}
.wrap-rolling .slider a {display: block;}
.wrap-rolling .slider img {width: 100%; margin: auto;}
.wrap-rolling .slider .slick-slide {margin: 0 10px;}
.wrap-rolling .slider .slick-list {margin: 0 -10px;}

@media all and (max-width: 768px) {
    .wrap-rolling .container {display: block;}
    .wrap-rolling h2 {width: auto; font-size: 24px;}
    .wrap-rolling .wrap-control {margin-bottom: 10px;}
    .wrap-rolling .control {width: auto;}
    .wrap-rolling .slider {display: block; width: 100%;}
}