._fnctWrap {line-height:1.5;}

.wrap-visual {position: relative;}
.wrap-visual img{height: 100vh;width:100%;object-fit:cover;}
.wrap-visual .container {position: relative;max-width:100%;}
.wrap-visual .slider {position: relative;}
.wrap-visual .slick-slide {position: relative;}
.wrap-visual .slogan {position: absolute;top: 50%;left: 0;transform: translate(0,-50%);}
.wrap-visual .slogan strong {display: inline-block;font-size: 70px;font-family: 'Noto Regular';color: #222;margin-bottom: 25px;line-height: 1.2;letter-spacing: -1px;}
.wrap-visual .slogan p {font-size: 24px;color: #000;line-height: 1.3;margin-bottom: 70px;letter-spacing: -.5px;}
.wrap-visual .slogan a {display: inline-block; font-family: 'Noto Regular'; font-size: 18px; color: #fff; background: url('../images/main/btn-visual.png') repeat-y; border-radius: 100px; padding: 16px 67px; margin-bottom: 40px; box-shadow: 8px 8px 19px 0px rgba(0,0,0,0.2);}
.wrap-visual .control {display: block;font-size: 0;position: absolute;bottom: 10%;left:50%;transform: translate(-50% , 0);}
.wrap-visual .control .num {display: inline-block; font-size: 16px; vertical-align: middle; color: #fff; padding: 0 10px 0 0;}
.wrap-visual .control .paging {display: inline-block;font-size: 0;vertical-align: middle;padding: 0 40px;}
.wrap-visual .control .paging li {display: inline-block;vertical-align: top;margin: 0 10px;}
.wrap-visual .control .paging li button {display: block;color: #fff;font-size: 16px;border: 1px solid rgba(255,255,255,0);width: 34px;height: 34px;text-align: center;padding-top: 3px;font-family: 'Gmarket-Medium';}
.wrap-visual .control .paging li.slick-active{}
.wrap-visual .control .paging li.slick-active button {border: 1px solid rgba(255,255,255,0.4);border-radius: 50%;}
.wrap-visual .control .playstop {display: inline-block; font-size: 0;}
.wrap-visual .control .playstop .play,
.wrap-visual .control .playstop .stop {display: none; width: 45px; height: 45px; text-indent: -99999px; margin: 0 20px;}
.wrap-visual .control .playstop .play.on,
.wrap-visual .control .playstop .stop.on {display: inline-block;}
.wrap-visual .control .playstop .play {background: url('../images/btn-visual-play.png') no-repeat center center;}
.wrap-visual .control .playstop .stop {background: url('../images/btn-visual-stop.png') no-repeat center center;}
.wrap-visual .control .playstop .prev,
.wrap-visual .control .playstop .next {display: inline-block;width: 80px;vertical-align: middle;height: 21px;text-indent: -9999px;}
.wrap-visual .control .playstop .prev {background: url('../images/btn-visual-prev.png') no-repeat center center;}
.wrap-visual .control .playstop .next {background: url('../images/btn-visual-next.png') no-repeat center center;}
.wrap-visual .control .count {position: relative; top: -2px; display: inline-block; font-family: 'Noto Regular'; font-size: 17px; vertical-align: middle; margin-left: 15px;color: #c0c0c0;}
.wrap-visual .control .count span{padding:0 5px;}
.wrap-visual .control .count .now{color:#fff;}

.wrap-visual .slider li.slick-current img{animation-name: visual-ani;animation-duration: 7s;animation-iteration-count: infinite;}
@keyframes visual-ani {
  from {
      transform:scale(1.15);
    }

    to {
      transform:scale(1.0);
    }
}


@media all and (max-width: 1200px){
.wrap-visual img{height:767px;}
.wrap-visual .control{transform:none;left:0;width:100%;text-align:center;}
}
@media all and (max-width: 767px){

  .wrap-visual img{height:500px;}
  .wrap-visual .control .playstop .prev, .wrap-visual .control .playstop .next{display:none !important;}
  .wrap-visual .control .paging li{margin:0 5px;}
  .wrap-visual .control .paging li button{font-size:14px;width:30px;height:30px;}
}