._fnctWrap {line-height:1.5;}

.wrap-visual {position: relative; margin-bottom: 50px;}
.wrap-visual .container {position: relative;}
.wrap-visual .slider {position: relative;}
.wrap-visual .slick-slide {position: relative;}
.wrap-visual .slogan {position: absolute; top: 62%; left: 0; transform: translate(0,-50%); text-align: left;}
.wrap-visual .slogan strong {display: inline-block; font-size: 70px; font-family:'Montserrat-Regular'; color: #0d436b; margin-bottom: 15px; line-height: 1; letter-spacing: -1px;}
.wrap-visual .slogan p {font-size: 24px; color: #000; line-height: 1.3; margin-bottom: 40px;}
.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: inline-block; font-size: 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;}
.wrap-visual .control .paging li {display: inline-block;}
.wrap-visual .control .paging li button {display: block; width: 50px; height: 2px; text-indent: -99999px; background: rgba(255,255,255,.3);}
.wrap-visual .control .paging li.slick-active {background: rgba(255,255,255,1);}
.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: 35px; height: 13px;}
.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: 40px;}

@media all and (max-width: 1300px) {
    .wrap-visual .slogan strong {font-size: 50px;}
}

@media all and (max-width: 1080px) {
    .wrap-visual .slogan strong {font-size: 40px;}
}

@media all and (max-width: 1023px) {
    .wrap-visual .slider li img {position: relative; left: 50%; transform: translate(-50%,0); max-width: none; max-height: 640px;}
    .wrap-visual .slogan {top: 50%; left: 20px; background: rgba(255,255,255,0.4); padding: 30px; border-radius: 6px;}
}

@media all and (max-width: 767px) {
    .wrap-visual .slider li img { max-height: 450px;}
    .wrap-visual .slogan strong {font-size: 50px;}
}

@media all and (max-width: 560px) {
    .wrap-visual .slogan {width: 79%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
    .wrap-visual .slogan strong {font-size: 40px;}
    .wrap-visual .slogan strong br {display: none;}
    .wrap-visual .slider li img { max-height: 350px;} 
    .wrap-visual .slogan p {font-size: 17px;}
    .wrap-visual .control .count {display: none;}  
}

@media all and (max-width: 460px) {
    .wrap-visual .slogan strong {font-size: 30px;}
}