._fnctWrap {line-height:1.5;}

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

.wrap-visual .control {position:absolute; max-width:1400px; left:50%; top:300px; z-index:999; margin-left:-700px; }
.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 {opacity:1; position:relative;}
.wrap-visual .control .paging li button {width:10px; height:10px; background-color:#fff; text-indent:-9999px; opacity:.5; border-radius:100%;}
.wrap-visual .control .playstop {display:inline-block; position:relative; top:-5px; margin:0 0 0 0px;}
.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; left: 0; top: 50%; width: 100%; z-index: 100;}
.wrap-visual .prevnext .container {position: relative;}
.wrap-visual .prevnext button {position: absolute; width:70px; height:70px; text-indent: -9999px; background: rgba(0, 0, 0, 0.6) url('../images/arrow-control.png') no-repeat center center; transform: translate(0px, -50%);}
.wrap-visual .prevnext .prev {left: 0; background-position: left center;}
.wrap-visual .prevnext .next {right: 0; background-position: right center;}

@media all and (max-width:1400px) {
	.wrap-visual .control{margin-left:0; left:50px;}
}
@media all and (max-width:1023px) {
	.wrap-visual .control{top:200px;}
	.wrap-visual .slider li img{width:1400px; margin-left:-300px;}
}
@media all and (max-width:767px) {
	.wrap-visual .control{margin-left:0; left:50px; top:180px}
}