@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 {position: relative; display: flex; flex-direction: row-reverse; justify-content: space-between; max-width: 1600px; margin: 0 auto;}

.wrap_banner .slider {width: calc(100% - 218px); padding: 30px 0;}
.wrap_banner .slick-slide {text-align: center;}
.wrap_banner .item {display: inline-block; height: 65px; 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: 5px 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: 218px; display: flex; align-items: center; justify-content: space-between;}
.wrap_banner .control h4 {font-size: 24px; color: #333333; font-family: 'S-CoreDream-6Bold';}
.wrap_banner .button {display: flex; align-items: center;}
.wrap_banner .button button {width: 30px; height: 30px; text-indent: -9999px; margin-right: 2px;}
.wrap_banner .button button:last-child {margin-right: 0;}
.wrap_banner .button .prev {background: #EFEFE7 url('../images/slide-arrow-prev.png') no-repeat center;}
.wrap_banner .button .next {background: #EFEFE7 url('../images/slide-arrow-next.png') no-repeat center;}
.wrap_banner .button .play {display: none; background: #EFEFE7 url('../images/play-icon.png') no-repeat center;}
.wrap_banner .button .stop {display: none; background: #EFEFE7 url('../images/stop-icon.png') no-repeat center;}
.wrap_banner .button .play.on,
.wrap_banner .button .stop.on {display: block;}

.wrap_banner .control .numbering {display: none;}

@media (max-width:1640px) {
	.wrap_banner .container {max-width: 100%; padding: 0 20px;}
}
@media all and (max-width:1023px){
	.wrap_banner .slider {width: 100%; padding: 34px 30px;}

	.wrap_banner .control {width: 100%;}
	.wrap_banner .control h4 {display: none;}
	.wrap_banner .button button {position: absolute; top: 50%; transform: translateY(-50%);}
	.wrap_banner .button .prev {left: 20px;}
	.wrap_banner .button .next {right: 20px;}
	.wrap_banner .button .play.on,
	.wrap_banner .button .stop.on {display: none;}
}
@media all and (max-width:767px){}

/*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);}
}