/* wrap-visual Slider Controls */
.wrap-visual{position: relative;}
.wrap-visual .slick-slide{height: 520px;}
.wrap-visual .slick-slide img{height: 100%; object-fit: cover;}
.wrap-visual .controls {font-size: 0;text-align: center;position: absolute;bottom: 15px;left: 50%;display: flex;align-items: center;background: rgba(0,0,0,0.3);height: 30px;border-radius: 25px;transform: translate(-50%, 0);}
.wrap-visual .controls button{text-indent: -99999px; vertical-align: top; display: inline-block;}
.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:12px; height:12px; background:#fff; margin-right:10px; border-radius:50px; text-indent: -9999px; transition:all .3s; cursor:pointer;}
.wrap-visual .slick-dots li.slick-active {background:#FF6000;}
.wrap-visual .controls .playstop .play{background: url(../images/ic-wrap-visual-play.png) no-repeat center; width: 40px; 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: 40px; display: none;}
.wrap-visual .controls .playstop .stop.on{display: inline-block;}
.wrap-visual .prevnext{position: absolute; top:50%; margin-top: -45px; width: 100%;}
.wrap-visual .prevnext button{display: inline-block; vertical-align: top; text-indent: -999999px;}
.wrap-visual .prev{position:absolute;left: calc(calc(100% - 1400px) / 2);top: 50%;background: #fff url(../images/prev.png) no-repeat center center;width: 65px;height: 65px;border-radius: 50%;}
.wrap-visual .next{position:absolute;right: calc(calc(100% - 1400px) / 2);top: 50%;background: #fff url(../images/next.png) no-repeat center center;width: 65px;height: 65px;border-radius: 50%;}
.wrap-visual .prev:hover{background: rgba(0,0,0,0.3) url(../images/prev-ho.png) no-repeat center center;}
.wrap-visual .next:hover{background: rgba(0,0,0,0.3) url(../images/next-ho.png) no-repeat center center;}

.wrap-visual .type1-visual-txt{display:none;}
.wrap-visual .main-visual-count{display:none;}

@media all and (max-width:1200px){
  .wrap-visual .slick-slide{height: 420px;}
}

@media all and (max-width:850px){
  .wrap-visual .slick-slide{height: 320px;}
}

@media all and (max-width:600px){
  .wrap-visual .slick-slide {height: 250px;}
}
