@charset "UTF-8";

.wrap_banner,
.wrap_banner .container,
.wrap_banner .slider,
.wrap_banner .slick-list,
.wrap_banner .slick-track,
.wrap_banner .slick-slide{height:100%;}

.wrap_banner{padding: 20px;}
.wrap_banner h2{display:none;}

.wrap_banner .container{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;border: 1px solid #e1e1e1;padding: 15px;}

.wrap_banner .slider{width:calc(100% - 100px);}

.wrap_banner .item{margin:0 10px;display:block;}
.wrap_banner .item_1{text-align:center;border: 1px solid #e1e1e1;margin: 0 10px;}
.wrap_banner .item_1 img{display:inline;}
.wrap_banner .item_2{display:none;}

.wrap_banner .control{width:100px;display:flex;align-items: center;justify-content:flex-start;padding-top: 35px;}
.wrap_banner .control .numbering{display:none;}
.wrap_banner .playStop{transform:translateX(-25px);}
.wrap_banner .playStop button{display:none;width:25px;height:25px;border:1px solid #DDD;text-indent:-9999px;}
.wrap_banner .playStop button.on{display:block;}
.wrap_banner .playStop .play{background:url(../images/play_2.png) no-repeat center;}
.wrap_banner .playStop .stop{background:url(../images/stop_2.png) no-repeat center;}
.wrap_banner .prevNext{display:flex;align-items:center;}
.wrap_banner .prevNext button{width:25px;height:25px;border:1px solid #DDD;text-indent:-9999px;display:block;}
.wrap_banner .prevNext .prev{background:url(../images/prev_10.png) no-repeat center;border-right:0;}
.wrap_banner .prevNext .next{background:url(../images/next_10.png) no-repeat center;border-left:0;transform:translateX(25px);}

@media all and (max-width:1023px){
.wrap_banner{border:0;padding:0 25px;}
.wrap_banner .container{border:0;}
	.wrap_banner .slider{width:100%;}
	.wrap_banner .control{width:unset;}
	.wrap_banner .playStop{display:none;}
	.wrap_banner .prevNext button{position:absolute;top:calc(50% - 12.5px);border:1px solid #DDD;}
	.wrap_banner .prevNext .prev{left:0;border-right:1px solid #DDD;}
	.wrap_banner .prevNext .next{right:0;transform:unset;border-left:1px solid #DDD;}
}
/*HOVER*/
@media all and (min-width:1024px) {
	.wrap_banner .item:hover .text_1{color:#0d575a;font-family:'Noto Medium';}
}