._fnctWrap {line-height:1.5;}

.wrap-visual {position:relative;}
.wrap-visual .slider {position:relative; height: 100%;}
.wrap-visual .slider li {position:relative; text-align:center; height: 100%;}
.wrap-visual .slider li:before {content:''; position:absolute; left:0px; top:0px; z-index: 1; width:100%; height:99%; background:rgba(0,0,0,.4) url('../images/pattern.png') repeat;}
.wrap-visual .slider li img {position: relative; left: 50%; transform: translate(-50%,0); max-width:none; max-height: 700px;}

.wrap-visual .slider .slick-list, .wrap-visual .slider .slick-track {height: 100%;}

.wrap-visual .control {text-align:center; position:absolute; bottom:19%; left:0px; width:100%; height:0px; z-index:101;}
.wrap-visual .control .paging {display:inline-block;}
.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;}

.main-visual-bx .playstop {display:block; position:relative; margin:10px 0;}
.main-visual-bx .playstop button {display:none; text-indent:-9999px;}
.main-visual-bx .playstop button.on {display:inline-block;}
.main-visual-bx .play {width:10px; height:10px; background:url('../images/btn_visual_play.png') no-repeat center center;}
.main-visual-bx .stop {width:10px; height:10px; background:url('../images/btn_visual_puase.png') no-repeat center center;}

.main-visual-bx {position: absolute; right: 0; top: 31%; width: 100%;}
.main-visual-bx .container {position: relative; text-align: center;}
.visual-bx-inner {position: absolute; min-width: 25px; right: 0; z-index: 101; top: 0;}

.main-visual-bx .visual-bx-inner > button {display: block; width:25px; height:15px; text-indent: -9999px; z-index: 101; margin: 0 auto;}
.main-visual-bx .prev {background: url("../images/btn_visual_prev.png") no-repeat center;}
.main-visual-bx .next {background: url("../images/btn_visual_next.png") no-repeat center;}

.main-visual-progress {display: inline-block; position: relative; width: 1px; height: 155px; background: rgba(255, 255, 255, 0.3); margin-top: 20px;}
.main-visual-progress span {display: block; position: absolute; top: 0; left: 0; width: 1px; height:0; background: #fff;}
.main-visual-progress.on span {animation: proBar 3.1s 1;}

.main-visual-count {font-family:'Mont Regular'; font-size: 14px; line-height: 30px; color: #fff; margin-bottom: 15px;}
.main-visual-count span {display: inline-block; vertical-align: middle;}
.main-visual-count span.slash {margin: 0 5px;}

@keyframes proBar{
  0%{height:0;}
  100%{height:100%;}
}

@media all and (max-width: 1420px) {
  .main-visual-bx {right: 30px; top: 29%}
}

@media all and (max-width: 768px) {
    .wrap-visual .slider li img {max-height: 600px;}
}