/* fonts */


._fnctWrap {line-height:1.5;}


.wrap-visual {position:relative;}
.wrap-visual .slider {position:relative; z-index:1;}
.wrap-visual .slider li {position:relative; text-align:center; height: 520px; background-position: top center;}
.wrap-visual .slider li img {display:inline-block; max-width:none; position: relative;}

.wrap-visual .control {text-align:center; position:absolute; bottom:16%; left:0px; width:100%; height:0px; z-index:1;}
.wrap-visual .control .paging {display:inline-block;background: rgba(0,0,0,0.5);padding: 10px 0 4px 10px;border-radius: 100px 0 0 100px}
.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/slide-dot-on.png') no-repeat center center; position:relative;}
.wrap-visual .control .paging li button {width:26px; height:26px; background:url('../images/slide-dot.png') no-repeat center center; text-indent:-9999px;}
.wrap-visual .control .playstop {display: inline-block;position: relative;top: -7px;left: -3px;background: rgba(0,0,0,0.5);padding: 10px 10px 8px 8px;border-radius: 0 100px 100px 0;}
.wrap-visual .control .playstop button {display:none; text-indent:-9999px;}
.wrap-visual .control .playstop button.on {display:inline-block;}
.wrap-visual .control .play {width:26px; height:26px; background:url('../images/slide-play.png') no-repeat center center;}
.wrap-visual .control .stop {width:26px; height:26px; background:url('../images/slide-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: 1024px) {
	.wrap-visual .slider li{height: 400px; background-size: cover;}
}

@media all and (max-width: 768px) {
	.wrap-visual .slider li{height: 270px;}
	.wrap-visual .control{bottom:30%;}
	.wrap-visual .control .playstop{padding:11px 10px 9px 8px;}
}