.wrap-visual { box-sizing:border-box; position:relative; z-index:1; height: 100%;} 
.wrap-visual .slider { position:relative; z-index:1; height: 100%;} 
.wrap-visual .slick-list, .wrap-visual .slick-track, .wrap-visual .slick-list li, .wrap-visual .slider li:before {height: 100% !important;}
.wrap-visual .slider li { position:relative; text-align:center; } 
.wrap-visual .slider li:before { content:""; position:absolute; top:0; left:0px; width:100%; height:750px; z-index:2; background: #03276352; } 
.wrap-visual .slider li img { display:inline-block; max-width:none; width:100%; height:100%; object-fit: cover;} 
.edit .wrap-visual .slider li img { height: auto; } 
.visual-util {position: absolute;left: 0px;top: 35.5%;opacity: 1;text-align: center;width: 100% !important;z-index: 10;} 
.visual-util .visual-text {letter-spacing: -1px;color: #fff;width: 90%;margin: 30px auto 0;} 

.visual-util .visual-text .small {
    min-height: 65px;
    padding-top: 10px;
    font-size: 20px;
    letter-spacing: normal;
    font-family: "Dream Light";
    line-height: 1.15;
    width: 60%;
    margin: 0 auto;
    height: auto;
}
.visual-util .visual-text .big {/* font-family: hufs; */line-height: 1.1;font-size: 40px;letter-spacing: -1px;text-shadow: 0 0 8px #0b2a4a;} 
.visual-control {margin-top: 30px;font-size: 0;} 
.visual-control .state,
.visual-control .button { display: inline-block; vertical-align: middle; } 
.visual-control .state .now,
.visual-control .state .total { position: relative; display: inline-block; width: 18px; font-family: 'Play Bold'; font-size: 14px; color: #fff; vertical-align: middle; } 
.visual-control .state .now::before,
.visual-control .state .total::before { content: '0'; } 
.visual-control .state .progress { position: relative; display: inline-block; width: 100px; height: 2px; background: rgba(255, 255, 255, .5); vertical-align: middle; } 
.visual-control .state .progress::after { content: ""; position: absolute; width: 0px; height: 2px; left: 0px; background: rgb(255, 255, 255); transition: width; } 
.visual-control .state .progress.on::after { width: 100%; transition: width 3s; } 
.visual-control .button {font-size: 0;top: 50px;} 
.visual-control .button button { display: inline-block; text-indent: -99999px; vertical-align: middle; } 
.visual-control .button .prev,
.visual-control .button .next {transition: all .5s;width:35px;height: 35px;margin-top: 30px;z-index: 99;} 
.visual-control .button .prev {margin-left: 13px;background: url('../images/btn-visual-prev.png') no-repeat center;left: 5px;position: absolute;margin-top: -30px;} 
.visual-control .button .next {margin-left: 8px;background: url('../images/btn-visual-next.png') no-repeat center;right: 15px;position: absolute;margin-top: -30px;} 
.visual-control .button .prev:hover { background: url('../images/btn-visual-prevon.png') no-repeat center; left:0px; } 
.visual-control .button .next:hover { background: url('../images/btn-visual-nexton.png') no-repeat center; right:10px; } 
.visual-control .button .stop,
.visual-control .button .play { display: none; width: 7px; height: 9px; margin-left: 8px; } 
.visual-control .button .stop.on,
.visual-control .button .play.on { display: inline-block } 
.visual-control .button .stop { background: url('../images/btn-visual-stop.png') no-repeat center; } 
.visual-control .button .play { background: url('../images/btn-visual-play.png') no-repeat center; } 
.visual-link { display: none; } 
.visual-link-copy {opacity: 0;margin-top: 65px;transition: opacity .35s;} 
.visual-link-copy.on { opacity: 1; } 
.visual-link-copy a { display: inline-block; height: 60px; padding: 0 30px; border: 1px solid #fff; font-family: 'Dream light'; font-size: 16px; line-height: 58px; color: #fefefe !important; } 
.visual-link-copy a:hover { background: #002c55; border: 1px solid rgb(0, 17, 32); } 
.visual-link-copy span::after { content: ''; position: relative; top: -2px; display: inline-block; width: 10px; height: 10px; margin-left: 15px; background: url('../images/btn-visual-more.png') no-repeat center; vertical-align: middle; } 
@media all and (max-width: 1400px){
 .visual-util { left: 0; opacity: 1; } 
 }
@media all and (max-width: 1450px){
.visual-util .visual-text .big {font-size: 33px;} 
 .visual-util .visual-text .small { height: 45px; padding-top: 5px; font-size: 18px; } 
 .visual-link-copy { margin-top: 25px; } 
.visual-link-copy a { font-size: 15px; font-weight: 200; } 
 }
@media all and (max-width: 1000px){
 .visual-util .visual-text .big {/* font-size: 40px; */} 
 .visual-util .visual-text .small {padding-top: 5px;font-size: 20px;height: 80px;width: 75%;line-height: 1.925;margin: 0px auto;} 
.visual-control .button .prev,
.visual-control .button .next { top: 50%; } 
.visual-control {margin-top: 10px;font-size: 0;} 
}
@media all and (max-width: 660px){
.visual-util {padding: 0px; } 
 .wrap-visual .slider li img { max-height: 100%; } 
}