.wrap-visual .slider li a {display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

._fnctWrap {line-height:1.5;}

.wrap-visual {position:relative; min-height: 650px;}
.wrap-visual .slick-list, .wrap-visual .slick-track {height: 100%;}

.wrap-visual .slider {position:relative; z-index:1; height: 100%;}
.wrap-visual .slider div {height: 100%;}
.wrap-visual .slider li {position:relative; text-align:center; height: 100%;}
.wrap-visual .slider li img {display:inline-block; max-width:100%;}

.wrap-visual .control {text-align:center; position:absolute; bottom:40px; left:0px; width:100%;}
.wrap-visual .control .control-container {position: relative; max-width: 1320px; margin: 0 auto; overflow: hidden; padding: 0 20px; text-align: right;}

.wrap-visual .control .paging {display:inline-block; vertical-align: middle; margin: 0 15px; position: relative; z-index:1;}
.wrap-visual .control .paging ul {display:inline-block; vertical-align: middle;}
.wrap-visual .control .paging li {float:left; margin:0 6px;}
.wrap-visual .control .paging li.slick-active button {width: 35px;}
.wrap-visual .control .paging li button {width:12px; height:12px; background:#fff; border-radius: 8px; text-indent:-9999px; transition: width 0.3s;}

.wrap-visual .control .playstop {display:inline-block; position:relative; vertical-align: middle; margin: 0 10px; position: relative; z-index:1;}
.wrap-visual .control .playstop button {display:none; text-indent:-9999px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5);}
.wrap-visual .control .playstop button.on {display:inline-block;}
.wrap-visual .control .play {background:url('../images/btn_visual_play.png') no-repeat center center;}
.wrap-visual .control .stop {background:url('../images/btn_visual_pause.png') no-repeat center center;}

.wrap-visual .prevnext {display: inline-block; vertical-align: middle;}
.wrap-visual .prevnext button {display: inline-block; vertical-align: middle; text-indent: -999999px; width: 50px; height: 50px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; margin: 0 5px; position: relative; z-index:3;}
.wrap-visual .prevnext .prev {background: url("../images/visual_prev.png") no-repeat center;}
.wrap-visual .prevnext .next {background: url("../images/visual_next.png") no-repeat center;}

.main-visual-scroll {position: absolute; width: 100%; left: 0; bottom: 20px; z-index: 1; text-align: center;}
.main-visual-scroll img {position:relative; display: inline-block; animation: upDown 1.5s ease-in-out infinite;}

@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	100% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
}

.main-visual-video {position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.main-visual-video .visual-video-inner {position: relative;}
.main-visual-video .visual-video {width: 100%; height: 100%;}
.main-visual-video .visual-video-inner object, .main-visual-video .visual-video-inner video {position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.main-visual-video .visual-video-inner .ytplayer {pointer-events: none;}
.control-container {}

.video-btn {display: none; vertical-align: middle; margin-right: 5px;}
.video-btn button {position: relative; z-index: 3; display: inline-block; vertical-align: middle; width: 50px;    height: 51px;  cursor: pointer; background: url("../images/visual_stop.png") no-repeat center;}
.video-btn.on button {background: url("../images/visual_play.png") no-repeat center;}
.video-btn.first {display: inline-block;}

.pc-visual {}
.m-visual {display: none;}

@media all and (min-width:1921px) {

}

@media all and (max-width: 1640px){
	.wrap-visual .control .control-container {padding: 0 30px;}
}

@media all and (max-width: 1055px){
	/* .wrap-visual {height: 700px;} */
	/* .main-visual-video, .video-btn {display: none;}
	.video-btn.first {display: none;} */
	.pc-visual {display: none;}
.m-visual {display: block;}
}

@media all and (max-width:768px) {
.wrap-visual {min-height: auto;}
	/* .wrap-visual {height: 370px;} */

	.wrap-visual .prevnext button {width: 20px; height: 14px; border: none; border-radius: 0;}
	.wrap-visual .control {bottom: 20px;}
	.wrap-visual .control .playstop {margin-top: 4px;}
	.wrap-visual .control .playstop button {width: 14px; height: 14px; border: 0; border-radius: 0;}

	.main-visual-scroll {display: none;}
  .main-visual-scroll img {width: 33px;}
  .main-visual-video .visual-video-inner object, .main-visual-video .visual-video-inner video {height: 120%;}

	.video-btn {margin-top: 2px;}
	.video-btn button {width: 14px; height: 14px; background: url("../images/visual_stop_m.png") no-repeat center;}
	.video-btn.on button {background: url("../images/visual_play_m.png") no-repeat center;}
}
