._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: -100px; top: 29.6%; width: 100% !important; opacity: 0;}
.visual-util .visual-text {letter-spacing: -1px; color: #fff;}
.visual-util .visual-text .small {height: 65px; padding-top: 5px; font-family: 'Noto Medium'; font-size: 20px; letter-spacing: normal;}
.visual-util .visual-text .big {font-family: 'H Bold'; line-height: 1.35; font-size: 60px;}

.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 #fff; font-family: 'Noto Medium'; 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-height: 860px) {
  .wrap-visual .slider li img {height: auto;}
}

@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: 50px;}
  .visual-util .visual-text .small {height: 45px; padding-top: 5px; font-size: 14px;}

  .visual-link-copy {margin-top: 25px;}
  .visual-link-copy a {height: 35px; padding: 0 13px; font-size: 13px; line-height: 32px;}
}

@media all and (max-width: 1000px) {
  .wrap-visual .slider li img {max-height: 500px;}

  .visual-util {padding-left: 45px; top: 26%;}
  .visual-util .visual-text .big {font-size: 30px;}
  .visual-util .visual-text .small {padding-top: 5px; font-size: 13px;}

  .visual-link-copy a {font-size: 11px;}
}

@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;}
}