@charset "UTF-8";

._fnctWrap {line-height:1.5;}

/* Popup */
#multipleContentsDiv_suhyup_4 > div:nth-child(3) {position: absolute; left: 0; bottom: 0; width: 100%;}
.wrap-popup .container { padding: 0 190px;}
.wrap-popup .slider {padding: 0 20px;}
.wrap-popup .slider li {padding: 0 25px; text-align: center;}
.wrap-popup .slider li img {display: inline-block; vertical-align: middle;}
.pop-control {margin-top: 30px; margin-bottom: 30px; text-align: center; font-size: 0;}
.pop-control .paging {display: inline-block; vertical-align: middle; font-size: 0;}
.pop-control .paging button {display: inline-block; width: 10px; height: 10px; background: #bbb; border-radius: 100%; vertical-align: middle; text-indent: -99999px;}
.pop-control .paging li {display: inline-block; margin-right: 10px; vertical-align: middle;}
.pop-control .paging .slick-active button {background: #02d1f8;}
.pop-control > button {display: none; vertical-align: middle; text-indent: -99999px;}
.pop-control > button.on {display: inline-block; width: 8px; height: 10px;}
.pop-control .stop {background: url('../images/btn-pop-stop.png') no-repeat center center;}
.pop-control .play {background: url('../images/btn-pop-play.png') no-repeat center center;}
.wrap-popup .prev,
.wrap-popup .next {position: absolute; top: 31%; z-index: 70; display: inline-block; width: 23px; height: 37px; vertical-align: middle; font-size: 0;}
.wrap-popup .prev {left: 10%; background: url('../images/btn-pop-prev.png') no-repeat left center; transition: 1s;}
.wrap-popup .prev:hover {background-position: right center;}
.wrap-popup .next {right: 10%; background: url('../images/btn-pop-next.png') no-repeat right center; transition: 1s;}
.wrap-popup .next:hover {background-position: left center;}

.wrap-popup .slider .ani {bottom: -100px}
.ani-on .wrap-popup .slider .ani {bottom: 0;}
.ani-on .wrap-popup .slider .ani1 {transition-delay: 0s;}
.ani-on .wrap-popup .slider .ani2 {transition-delay: .3s;}
.ani-on .wrap-popup .slider .ani3 {transition-delay: .9s;}

@media all and (max-width: 1800px) {
    .wrap-popup .slider li {transition: 0s;}
}

@media all and (max-width: 1550px) {
    .wrap-popup .container {padding: 0 30px;}
    .wrap-popup .prev {left: 30px;}
    .wrap-popup .next {right: 30px;}
}

@media all and (max-width: 920px) {
    .wrap-popup .container {padding: 0 20px;}
    .wrap-popup .slider {padding: 0;}
    .wrap-popup .slider li {padding: 0 10px;}
    .wrap-popup .prev {left: 20px;}
    .wrap-popup .next {right: 20px;}
    .pop-control {margin-bottom: 70px;}
}

@media all and (max-width: 500px) {
    .wrap-popup .slider li {padding: 0 16px;}
    .wrap-popup .next {right: 4px;}
    .wrap-popup .prev {left: 10px;}
    .pop-control {margin-top: 24px; margin-bottom: 30px;}
}