._fnctWrap {line-height:1.5;}


/* 비주얼 */
#multipleDiv_guide_46 {opacity: 0; z-index: auto !important; transition: opacity .5s;}
.loaded #multipleDiv_guide_46 {opacity: 1;}
#menu11101_obj587 ._fnctAdmin {top: auto !important; bottom: 100px !important;}

.wrap-visual {font-size: 0; text-align: center;}
.wrap-visual img {margin : 0 auto;}
.wrap-visual .slider li img {position: relative; left: 50%; display:block; max-width:none; height: 115%; margin: 0; transform: translate(-50%, 0);}
.edit .wrap-visual .slider li img {height: auto;}

.visual-util {position: absolute;left: 5%;top: 23%;width: 36% !important;opacity: 1;background: linear-gradient(179deg, #041f6d, transparent);padding: 39px;border-radius: 10px;letter-spacing: -1px;}
.visual-util .visual-text {/* letter-spacing: -2px; */color: #fff;text-shadow: 0 0 5px black;}
.visual-util .visual-text .small {height: 68px;padding-top: 5px;font-family: 'Dream light';font-size: 26px;letter-spacing: normal;vertical-align: middle;line-height: 1;}
.visual-util .visual-text .big {font-family: hufs;line-height: 1.25;font-size: 30px;}
.visual-util .visual-text .big span {color:gold; padding-right:8px;}

.visual-control {margin-top: 40px; 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: 0; height: 2px; background: #fff; transition: width 0s;}
.visual-control .state .progress.on::after {width: 100%; transition: width 3s;}
.visual-control .button {font-size: 0;}
.visual-control .button button {display: inline-block; text-indent: -99999px; vertical-align: middle;}
.visual-control .button .prev,
.visual-control .button .next {width: 7px; height: 9px;}
.visual-control .button .prev {margin-left: 13px; background: url('../images/btn-visual-prev.png') no-repeat center;}
.visual-control .button .next {margin-left: 8px; background: url('../images/btn-visual-next.png') no-repeat center;}
.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: 42px; transition: opacity .35s;}
.visual-link-copy.on {opacity: 1;}
.visual-link-copy a {display: inline-block;height: 60px;padding: 0 30px;border: 1px solid #10101078;font-family: 'Noto Medium';font-size: 16px;line-height: 58px;color: #fefefe !important;background: #00000087;}
.visual-link-copy a:hover {background: #dd9b1d;border: 1px solid rgb(115 81 18 / 73%);}
.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-height: 860px) {
  .wrap-visual .slider li img {height: auto;}
}



@media all and (max-width: 1450px) {
  .visual-control {margin-top: 0px;display: none;}

 .visual-util{
    position: absolute;
    left: 0%;
    top: 135px;
    width: 100% !important;
    opacity: 1;
    background: #08c0c7b3;
    padding: 20px 0px 10px 30px;
    border-radius: 0px;
    letter-spacing: -1px;

    animation: bgColorChange 5s infinite alternate;
}

@keyframes bgColorChange {
    0%   { background: #08c0c7b3; }
    25%  { background: #7fd1b9b3; }
    50%  { background: #ffb347; }
    75%  { background: #eb473e; }
    100% { background: #08c0c7b3; }
}.visual-util .visual-text {/* letter-spacing: -2px; */color: #fff;}
.visual-util .visual-text .small {height: 65px;padding-top: 5px;font-family: 'Dream light';font-size: 26px;letter-spacing: normal;vertical-align: middle;}
.visual-util .visual-text .big {font-family: hufs_m;line-height: 1.25;font-size: 24px;width: auto;/* display: inline-block; *//* text-shadow: none; */}
.visual-util .visual-text .big span {color:gold; padding-right:8px;}

  .visual-util .visual-text .small {height: 40px;padding-top: 5px;font-size: 17px;width: auto;/* display: inline-block; */}

  .visual-link-copy {margin-top: 25px;top: 0px;position: absolute;right: 2%;}
  .visual-link-copy a {/* height: 35px; */padding: 13px;font-size: 13px;line-height: 32px;/* border-radius: 10px; */}
}

@media all and (max-width: 1024px) {
  .wrap-visual .slider li img {max-height: 500px;}
  .visual-util {/* padding-left: 45px; */top: 130px;}
  .visual-util .visual-text .big {/* font-size: 30px; */}
  .visual-util .visual-text .small {padding-top: 5px;font-size: 16px;}
  .visual-link-copy a {font-size: 11px;padding: 0 13px;height: auto;top: 5px;position: relative;}
}

@media all and (max-width: 768px) {
  .visual-util {top: 110px;padding:15px 0px 5px 30px;}
.visual-util .visual-text .big{line-height: 1;font-size: 22px;}
}


@media all and (max-width: 660px) {
  #mainContent #multipleDiv_guide_46 {height: 100vh !important;}
  #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%;}

  .visual-util {/*top: 50%; transform: translate(0, -60%); *//* padding-left: 0; */}
}