._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: 715px;}
.wrap-visual .main-slogan {position:absolute; left:50%; top:50%; z-index:1; width:100%; transform: translate(-50%,-50%); text-align:left; color:#fff; line-height:1.3;}
.wrap-visual .main-slogan .container{padding-left: 5.2%;}
.wrap-visual .main-slogan p{font-size: 22px; color: white; font-family:'S-CoreDream-1Thin';}
.wrap-visual .main-slogan strong{font-size: 50px; font-family:'S-CoreDream-6Bold'; color: white; display: block; padding: 20px 0 25px 0;}
.wrap-visual .main-slogan span{font-size: 18px; color: white; font-family:'S-CoreDream-1Thin'; display: block;}

.wrap-visual .control {position:absolute; bottom:28%; left:0; width:100%; height:0px; z-index:1;}
.wrap-visual .control .container{text-align:center;}
.wrap-visual .control .paging {display:inline-block;}
.wrap-visual .control .paging ul {display:inline-block;}
.wrap-visual .control .paging li {float:left; margin:0 5px; width: 27px; height: 2px; position: relative;}
.wrap-visual .control .paging li.slick-active{height: 4px; bottom: 2px;}
.wrap-visual .control .paging li.slick-active button {background-color: #f6ac1d; position: relative; height: 100%;}
.wrap-visual .control .paging li button {width:27px; height: 100%; background: rgba(255,255,255,.4); text-indent:-9999px; display: block;}
.wrap-visual .control .playstop {display:inline-block; position:relative; top:4px; margin:0 0 0 4px;}
.wrap-visual .control .playstop button {display:none; text-indent:-9999px;}
.wrap-visual .control .playstop button.on {display:inline-block;}
.wrap-visual .control .play {width:16px; height:16px; background:url('../images/visual-play.png') no-repeat center center;}
.wrap-visual .control .stop {width:16px; height:16px; 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: 1023px) {
	.wrap-visual .slider li{height: 500px;}
	.wrap-visual .main-slogan .container, .wrap-visual .control .container{padding-left: 20px;}
	.wrap-visual .main-slogan p{font-size: 20px;}
	.wrap-visual .main-slogan strong{font-size: 45px;}
	.wrap-visual .main-slogan span{font-size: 16px;}
}

@media all and (max-width: 768px){
	.wrap-visual .slider li{height: 350px;}
	.wrap-visual .main-slogan p{font-size: 16px;}
	.wrap-visual .main-slogan strong{font-size: 35px;}
	.wrap-visual .main-slogan span{font-size: 14px;}
}

@media all and (max-width: 420px) {
	.wrap-visual .main-slogan{text-align: center;}
	.wrap-visual .control{bottom: 15%; text-align: center}
}