._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: .5;}
.wrap-visual .slider img {margin: 0 auto;}
.wrap-visual .control {position: absolute; top: 66%; left: 50%; transform: translate(-50%,-50%); text-align: center; z-index: 110; font-size: 0;}
.wrap-visual .control .num {position: relative; display: inline-block; font-family: 'Mont Medium'; font-size: 16px; vertical-align: middle; color: #fff; padding: 0 10px 0 0;}
.wrap-visual .control .num .now {margin: 0 5px 0 0;}
.wrap-visual .control .paging {display: inline-block; vertical-align: middle;}
.wrap-visual .control .paging li {display: inline-block;}
.wrap-visual .control .paging li button {display: block; width: 50px; height: 2px; text-indent: -99999px; background: rgba(255,255,255,.3); font-size: 0;}
.wrap-visual .control .paging li.slick-active {background: rgba(255,255,255,1);}
.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;}

@media all and (max-width:1380px) {
    .wrap-visual .slider li img { position: relative; left: 50%; transform: translate(-50%,0); max-width: none; max-height: 420px;}
}

@media all and (max-width:400px) {
    .wrap-visual .slider li img {max-height: 340px;}
}
