.wrap-visual { box-sizing:border-box; position:relative; z-index:1; } 
.wrap-visual .slider { position:relative; z-index:1; } 
.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:auto; height:750px; } 
@media all and (max-width:2000px) {
.wrap-visual .slider li:before { height:750px; } 
.wrap-visual .slider li img { position:relative; left:50%; transform:translate(-50%,0); width:auto; height:730px; } 
 }
@media all and (max-width:767px) {.wrap-visual .slider li:before { height:450px; } 
.wrap-visual .slider li img { height:480px!important; } 
 }
.edit .wrap-visual .slider li img { height: auto; } 
.visual-util { position: absolute; left: 0px; top: 20.5%; opacity: 1; text-align: center; width: 100% !important; /* border: 1px solid red; */
 z-index: 10; } 
.visual-util .visual-text { letter-spacing: -1px; color: #fff; width: 90%; margin: 0 auto; } 
.visual-util .visual-text .small { height: 65px; padding-top: 10px; font-size: 20px; letter-spacing: normal; font-family: "Dream Light"; line-height: 1.15; } 
.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;} 
.visual-control .button .prev { margin-left: 13px; background: url('../images/btn-visual-prev.png') no-repeat center; left: 5px; position: absolute; } 
.visual-control .button .next {margin-left: 8px;background: url('../images/btn-visual-next.png') no-repeat center;right: 15px;position: absolute;} 
.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-control {/* margin-top: 23px; */} 
.visual-util .visual-text .big { font-size: 38px; } 
 .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){
 .wrap-visual .slider li img { /* max-height: 500px; */ } 
.visual-util { /* top: 16%!important; */ } 
 .visual-util .visual-text .big { font-size: 30px; } 
 .visual-util .visual-text .small { padding-top: 5px; font-size: 18px; height: 60px; width: 95%; line-height: 1.25; margin: 0px auto; } 
 .visual-link-copy a { /* font-size: 11px; */ } 
.visual-control .button .prev,
.visual-control .button .next { top: 50%; } 
.visual-control {margin-top: 0px;font-size: 0;} 
}
@media all and (max-width: 660px){
 #mainContent #multipleDiv_guide_46 { height: 100vh !important; } 
.visual-util { /* transform: translate(0px, -58%); */
 padding: 0px; } 
 #menu11101_obj609,
 .wrap-visual,
 .wrap-visual .slick-slider,
 .wrap-visual .slick-list,
 .wrap-visual .slick-track,
 .wrap-visual .slick-slide,
 .wrap-visual .slick-slide div,
 .wrap-visual .slick-slide li { height: 100vh; } 
 .wrap-visual .slider li img { max-height: 100%; } 
}