@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{background:#FFF;}
.wrap_banner h2{display:none;}

.wrap_banner .container{display:flex;flex-direction:row-reverse;}

.wrap_banner .slider{width:calc(100% - 135px);padding:30px 0;}
.wrap_banner .slick-slide{text-align:center;}
.wrap_banner .item{display:inline-block;height:55px;display:flex;align-items:center;justify-content:center;}
.wrap_banner .item_1{display:none;}
.wrap_banner .text_1{font-size:22px;color:#333;line-height:1.2;font-family:'Noto DemiLight';border-bottom:1px solid transparent;text-align:center;transition:0.3s;padding:3px;position:relative;}
.wrap_banner .text_1::before{content:"";display:block;width:6px;height:6px;background:#0d575a;border-radius:100%;position:absolute;right:0;top:0;transform:scale(0);transition:0.3s;}
.wrap_banner .text_2{display:none;}

.wrap_banner .control{width:135px;display:flex;align-items:center;justify-content:flex-start;background:#f4f4f4;border-right:1px solid #CCC;}
.wrap_banner .control .numbering{display:none;}
.wrap_banner .playStop{transform:translateX(50px);}
.wrap_banner .playStop button{display:none;width:40px;height:22px;text-indent:-9999px;}
.wrap_banner .playStop button.on{display:block;}
.wrap_banner .playStop .play{background:url(../images/play_5.png) no-repeat center;}
.wrap_banner .playStop .stop{background:url(../images/stop_5.png) no-repeat center;}
.wrap_banner .prevNext{display:flex;align-items:center;}
.wrap_banner .prevNext button{width:40px;height:22px;text-indent:-9999px;display:block;}
.wrap_banner .prevNext .prev{background:url(../images/prev_15.png) no-repeat center;transform:translateX(-20px);}
.wrap_banner .prevNext .next{background:url(../images/next_15.png) no-repeat center;}

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

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