@charset "UTF-8";

.wrap-popup {position:relative;}
.wrap-popup .slider {}
.wrap-popup .slider li img {width:100%;}
.wrap-popup .control {text-align:center;position:absolute;bottom:20px;left:0;text-align:right;width:100%;padding-right: 20px;}
.wrap-popup .control .paging {display:inline-block;}
.wrap-popup .control .paging ul {display:inline-block;}
.wrap-popup .control .paging li {float:left; margin:0 5px;}
.wrap-popup .control .paging li button {width:8px; height:8px; background:#fff; border-radius:100%; text-indent:-9999px; vertical-align:middle;}
.wrap-popup .control .paging li.slick-active button {width:14px; height:14px; background:#0054a7;}
.wrap-popup .control .playstop {display:inline-block;position:relative;top: -3px;}
.wrap-popup .control .playstop button {display:none; text-indent:-9999px;}
.wrap-popup .control .playstop button.on {display:inline-block;}
.wrap-popup .control .play {width:22px; height:22px; background:url('../images/pop-play.png') no-repeat center center;}
.wrap-popup .control .stop {width:22px; height:22px; background:url('../images/pop-stop.png') no-repeat center center;}
.wrap-popup .prevnext {position: absolute; left: 0; top: 50%; width: 100%; z-index: 100;}
.wrap-popup .prevnext .container {position: relative;}
.wrap-popup .prevnext button {position: absolute; width:70px; height:70px; text-indent: -9999px; background: rgba(0, 0, 0, 0.6) url('../images/arrow-control.png') no-repeat center center; transform: translate(0px, -50%);}
.wrap-popup .prevnext .prev {left: 0; background-position: left center;}
.wrap-popup .prevnext .next {right: 0; background-position: right center;}

@media all and (max-width:1023px) {
}

@media all and (max-width:767px) {
}