@charset "utf-8";

.wrap_popup{background:rgba(0,0,0,0.6);width:100%;text-align: center;padding:20px 0;}
.wrap_popup .container{max-width:1350px;display:inline-block;vertical-align: top;}
.wrap_popup .container > ul{overflow: hidden;white-space: nowrap;}
.wrap_popup .container ul li{float:left;}

.wrap_popup .item_1{margin-right:10px;}
.wrap_popup .item_2{display:none;}
.wrap_popup .paging{display:none;}

.wrap_popup .title-area{position:relative;width:310px;display:inline-block;vertical-align: top;text-align: left;}
.wrap_popup .title-area h2{font-size:38px;color:#fff;font-family:'Dream Bold';padding-top:25px;text-align: left;line-height: 1.25;display:block;margin-bottom:15px;}

.wrap_popup .numbering{color:#f3f5f7;display:inline-block;}
.wrap_popup .numbering1{margin-left:30px;}
.wrap_popup .numbering1:after{content:'';background:#fff;border-radius:50%;display:inline-block;vertical-align: middle;width:3px;height:3px;margin: -4px 5px 0 10px;}
.wrap_popup .numbering2{margin-right:30px;}
.wrap_popup .playStop{display:inline-block;vertical-align:middle;text-align:left;margin-left:12px;}
.wrap_popup .playStop button{width:10px;height:13px;text-indent:-9999px;}
.wrap_popup .playStop button.on{display:inline-block;}
.wrap_popup .playStop .play{display:none;background:url('../images/banner-play.png') no-repeat center;}
.wrap_popup .playStop .stop{display:none;background:url('../images/banner-pause.png') no-repeat center;}

.wrap_popup .slick-arrow{display:inline-block;width:13px;height:10px;position:absolute;}
.wrap_popup .prev{background:url('../images/banner-left.png') no-repeat center;left:0;top:93px;}
.wrap_popup .next{background:url('../images/banner-right.png') no-repeat center;left:100px;;top:93px;}

@media all and (max-width:1700px){
.wrap_popup .container{width:calc(100% - 320px);}
}

@media all and (max-width:1600px){
.wrap_popup{padding:20px;}
}

@media all and (max-width:767px){
.wrap_popup .title-area{display:block;width:100%;}
.wrap_popup .title-area h2{display:inline-block;font-size:32px;padding-top:0;}
.wrap_popup .control{display:inline-block;vertical-align: middle;margin-top: -5px;}
.wrap_popup .container{width:100%;}
.wrap_popup .item_1{margin-left:10px;text-align:center;}
.wrap_popup .item_1 img{margin:0 auto;}
.wrap_popup .prev{top: 19px;left:220px;}
.wrap_popup .next{top: 19px;left:270px;}
}