._fnctWrap {line-height:1.5;}

.wrap-visual {position:relative;}
.wrap-visual .slider {position:relative; z-index:1; margin: 0 auto;}
.wrap-visual .slider li {position:relative; text-align:center;}
.wrap-visual .slider li:before {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('../images/pattern.png') repeat;}
.wrap-visual .slider li img {display:inline-block; max-width:none; max-height:850px;}

.wrap-visual .control {position: absolute; bottom: 11%; left: 50%; z-index:1; padding: 8px 10px; border-radius: 100px; font-size: 0; text-align:center; transform: translate(-50%, 0);}
.wrap-visual .control .paging {display:inline-block; vertical-align: middle;}
.wrap-visual .control .paging ul {display:inline-block;}
.wrap-visual .control .paging li {float:left; margin:0 2px;}
.wrap-visual .control .paging li.slick-active button {background:url('../images/visual-dot-on.png') no-repeat center center; position:relative;}
.wrap-visual .control .paging li button {width:22px; height:22px; background:url('../images/visual-dot-off.png') no-repeat center center; text-indent:-9999px;}
.wrap-visual .control .playstop {display:inline-block; margin:0 0 0 4px; vertical-align: middle;}
.wrap-visual .control .playstop button {display:none; text-indent:-9999px;}
.wrap-visual .control .playstop button.on {display:inline-block;}
.wrap-visual .control .play {width:22px; height:22px; background:url('../images/visual-play.png') no-repeat center center;}
.wrap-visual .control .stop {width:22px; height:22px; background:url('../images/visual-stop.png') no-repeat center center;}
.wrap-visual .prevnext {position: absolute; right: 5.7%; top: 50%; z-index: 110; text-align: right; transform: translate(0, -50%);}
.wrap-visual .prevnext button {position: relative; display: inline-block; width: 80px; height: 80px; text-indent: -9999px; transition: .4s;}
.wrap-visual .prevnext .next {right: 0; background: #00529c url('../images/btn-next.png') no-repeat center center; border-bottom: 1px solid rgba(255,255,255,.4);}
.wrap-visual .prevnext .next::after {content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff url('../images/btn-next-on.png') no-repeat 70% center; transition: .4s;}
.wrap-visual .prevnext .next:hover::after {width: 130px;}
.wrap-visual .prevnext .prev {right: 0; background: #00529c url('../images/btn-prev.png') no-repeat center center;}
.wrap-visual .prevnext .prev::after {content: ''; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: #fff url('../images/btn-prev-on.png') no-repeat 30% center; transition: .4s;}
.wrap-visual .prevnext .prev:hover::after {width: 130px;}

@media all and (max-width: 1023px) {
    .wrap-visual .slider li img {max-height:600px;}
    .wrap-visual .prevnext {right: 20px; top: auto; bottom: 20px; transform: translate(0,0);}
    .wrap-visual .prevnext button {display: block; transition: 0s;}
    .wrap-visual .prevnext button::after {display: none;}
    .wrap-visual .prevnext .next {float: right; border-bottom: 0;}
    .wrap-visual .prevnext .prev {float: left; border-bottom: 0; border-right: 1px solid rgba(255,255,255,.4); }
    .wrap-visual .prevnext .next:hover::after,
    .wrap-visual .prevnext .prev:hover::after {display: block; width: 100%; background-position: center center;}
    .wrap-visual .prevnext br {display: none;}
}

@media all and (max-width: 768px) {
    .wrap-visual .slider li img {max-height:450px;}
    .wrap-visual .prevnext  {right: 0; bottom: 0;}
}