._fnctWrap {line-height:1.5;}

.wrap-visual {position: relative;}
.wrap-visual .slick-slide {position: relative;}
.wrap-visual .slick-slide::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/pattern.png'); opacity: 1;}
.wrap-visual .slider li{width: 100%; height: 100vh;}
/* .wrap-visual .slider li img { position: relative; left: 50%; transform: translate(-50%,0); max-width: none; max-height: 1037px;} */
.wrap-visual .control {position: absolute; left: 0; bottom: 7.6%; z-index: 110; width: 100%; font-size: 0;}
.wrap-visual .control .area {width: 100%; }
.wrap-visual .control .area-box{display: inline-block; position: relative; padding: 0 50px;}
.wrap-visual .control .num {position: relative; display: inline-block; margin: 0 0 0 20px; font-family:'TitilliumWeb-SemiBold'; font-size: 16px; vertical-align: middle; color: #fff; padding: 0 10px 0 0;}
.wrap-visual .control .num .slash,
.wrap-visual .control .num .total {color: #c0c0c0;}
.wrap-visual .control .paging {display: inline-block; vertical-align: middle;}
.wrap-visual .control .paging li {display: inline-block; margin: 0 10px;}
.wrap-visual .control .paging li button {display: block; width: 6px; height: 6px; text-indent: -99999px; background: rgba(255,255,255,1); font-size: 0; border-radius: 50%;}
.wrap-visual .control .paging li.slick-active button {box-sizing: content-box; border: 3px solid white; border-radius: 50%; background-color: transparent;}
.wrap-visual .control .playstop {position: relative; display: inline-block; font-size: 0; padding-left: 10px; vertical-align: middle;}
.wrap-visual .control .playstop button {display: none; width: 8px; height: 10px; text-indent: -99999px; font-size: 0;}
.wrap-visual .control .playstop button.on {display: inline-block;}
.wrap-visual .control .playstop button.play {background: url('../images/btn-visual-play.png') no-repeat center center;}
.wrap-visual .control .playstop button.stop {background: url('../images/btn-visual-stop.png') no-repeat center center;}
.wrap-visual .control .prevnext button{width: 11px; height: 20px; display: inline-block; text-indent: -9999px; font-size: 0;}
.wrap-visual .control .prevnext button.prev{background: url('../images/slider_prev.png') no-repeat center center; position: absolute; left: 0; top: -5px;}
.wrap-visual .control .prevnext button.next{background: url('../images/slider_next.png') no-repeat center center; position: absolute; right: 0; top: -5px;}

@media all and (max-width:1600px) {
    .wrap-visual .control .area {padding: 0 20px;}
}

@media all and (max-width: 1023px) {
    .wrap-visual .control {display: none;}
    .wrap-visual .slider li{height: 700px;}
}

@media all and (max-width:768px) {
    .wrap-visual .slider li img {max-height: 800px;}
}