@charset "utf-8";

/* wrap-visual Slider Controls */
.wrap-visual{position: relative; max-width:1640px; margin:0 auto;}
.wrap-visual .slick-list{overflow: visible;}
.wrap-visual .slick-slide{height: 700px;margin:0 20px;position: relative;}

.wrap-visual .item_1{height:100%;}
.wrap-visual .item_2{position: absolute;top: 0;z-index: 10;text-align: center;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.wrap-visual .item_2 .item_in{color: #fff; line-height: 1.4;}
.wrap-visual .text_1{font-size: 30px;font-family: 'Dream Regular';}
.wrap-visual .text_2{font-size: 80px;font-family: 'Dream Bold'; margin-top:20px; display:inline-block;position: relative;padding: 0 15px;left: 0;}
.wrap-visual .text_2:before{content:'';width: 100%;display: block;height: 40%;background: #1fb25a;position: absolute;bottom: 0;z-index: -1;left: 0;opacity: .8;}
.wrap-visual .text_3{max-width: 50%;margin: 30px auto 0;font-size: 20px;}
.wrap-visual .slick-slide .v_slogan{position: absolute;top: 0;z-index: 10;text-align: center;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.wrap-visual .slick-slide img{height: 100%; object-fit: cover; width:100%;}

.wrap-visual .controls {position: absolute;bottom: 60px;left: 50%;display: flex;align-items: center;border-radius: 25px;transform: translate(-50%, 0);}
.wrap-visual .controls button{text-indent: -99999px; vertical-align: top; display: inline-block; width: 20px;}
.wrap-visual .slick-dots {display:inline-block;}
.wrap-visual .slick-dots::after {content:''; display: block; clear:both;}
.wrap-visual .slick-dots ul{}
.wrap-visual .slick-dots li{float:left; width:10px; height:10px; border:2px solid #fff; margin-right:10px; border-radius:50px; text-indent: -9999px; transition:all .3s; cursor:pointer;}
.wrap-visual .slick-dots li.slick-active {background:#1fb25a; width:30px; border:none;}
.wrap-visual .controls .playstop{display:flex;}
.wrap-visual .controls .playstop .play{background: url(../images/ic-wrap-visual-play.png) no-repeat center; display: none;}
.wrap-visual .controls .playstop .play.on{display: inline-block;}
.wrap-visual .controls .playstop .stop{background: url(../images/stop-ic.png) no-repeat center;width: 20px;display: none;}
.wrap-visual .controls .playstop .stop.on{display: inline-block;}
.wrap-visual .prevnext{position: absolute; top:50%; margin-top: -40px; width: 100%;}
.wrap-visual .prevnext button{display: inline-block; position:absolute; vertical-align: top;text-indent: -999999px;border: 3px solid #fff;width: 85px;height: 85px;border-radius: 50%;}
.wrap-visual .prev{left: 50px;background: url(../images/prev.png) no-repeat center center;}
.wrap-visual .next{right: 50px;background: url(../images/next.png) no-repeat center center;}
.wrap-visual button:hover{background-color:rgba(0,0,0,0.5);}

.wrap-visual .type1-visual-txt{display:none;}
.wrap-visual .main-visual-count{display:none;}

@media all and (max-width:1600px){
	.wrap-visual .slick-slide{margin:0;}
}

@media all and (max-width:1200px){
	.wrap-visual .slick-slide{height: 460px;}
	.wrap-visual .prevnext{margin-top: -30px;}
	.wrap-visual .prevnext button{width:60px; height:60px; background-size:30px;}
	.wrap-visual .prev{left:20px;}
	.wrap-visual .next{right:20px;}
	.wrap-visual .controls{bottom:30px;}

	.wrap-visual .item_2{}
	.wrap-visual .item_2 .item_in{}
	.wrap-visual .text_1{font-size: 24px;}
	.wrap-visual .text_2{font-size:50px;}
	.wrap-visual .text_3{font-size:20px;}

}

@media all and (max-width:850px){
	.wrap-visual .slick-slide{height: 450px;}
	.wrap-visual .controls{display:none;}
	.wrap-visual .slick-slide .v_slogan{top:0}
	.wrap-visual .text_1{font-size: 22px;}
	.wrap-visual .text_2{font-size:32px;}
	.wrap-visual .text_3{font-size:18px;}
}

@media all and (max-width:600px){
	.wrap-visual .slick-slide {height: 400px;}
	.wrap-visual .prevnext{margin-top: -20px;}
	.wrap-visual .prevnext button{width:44px; height:44px; background-size:25px;}
	.wrap-visual .slick-slide .item_1{height:100%;}
}
