.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: 100%;z-index:2;background: #0327633d;} 
.wrap-visual .slider li img {display:inline-block;max-width:none;width:auto;height: 610px;} 
@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: 100%;} 
 }
@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: 15.5%;
 opacity: 1;
 text-align: center;
 width: 100% !important;
 /* border: 1px solid red; */
 z-index: 10;
 /* opacity: 0; */
 } 
.visual-util .visual-text {letter-spacing: -1px;color: #011e3d;width: 90%;margin: 0 auto;/* opacity: 0; */} 
.visual-util .visual-text .small {max-height: 60px;padding-top: 5px;font-size: 20px;letter-spacing: normal;font-family: "Dream Light";line-height: 1.15;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;      /* 보여줄 최대 줄 수 */overflow: hidden;/* background: #333; *//* display: flow; *//* background: #3babc54d; *//* width: fit-content; *//* text-align: center; *//* margin: 0 auto; */text-decoration: underline #146e7a 1px;} 
.visual-util .visual-text .big {/* font-family: hufs; */line-height: 1.1;font-size: 40px;letter-spacing: -1px;text-shadow: 0 0 10px #ffffffa6;font-weight: 900;} 
.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;z-index: 999;} 
.visual-control .button .next {margin-left: 8px;background: url('../images/btn-visual-next.png') no-repeat center;right: 15px;position: absolute;z-index: 999;} 
.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: 50px; */} 
 .visual-util .visual-text .small {padding-top: 5px;/* font-size: 18px; */height: 60px;width: 95%;line-height: 1.5;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%; } 
}