@charset "UTF-8";

._fnctWrap {line-height:1.5;}

/* Popup */
.wrap-pop {padding: 70px 0;}
.wrap-pop .box-pop {display: table; width: 100%; padding-left: 50px; table-layout: fixed;}
.wrap-pop .slider {display: table-cell; width: 652px; vertical-align: top;}
.wrap-pop .slider .round {overflow: hidden; border-radius: 30px; border: 1px solid #dcdcdc;}
.wrap-pop .slider .round a {display: block;}
.wrap-pop .slider .round a img {width: 100%;}
.wrap-pop .slider.ani {transition-delay: 1.4s;}
.ani-on .wrap-pop .slider.ani {right: 0;}
.wrap-pop .control {display: table-cell; padding-left: 30px; vertical-align: bottom;}
.wrap-pop .control .title {display: none; margin-bottom: 17px; font-family: 'Dream Medium'; font-size: 30px; color: #383838;}
.wrap-pop .control .state,
.wrap-pop .control .button {display: inline-block; vertical-align: middle; font-size: 0;}
.wrap-pop .control .state .now {font-family: 'Dream Regular'; font-size: 14px; color: #004bb1;}
/* 웹접근성으로 인해 수정 */
/* .wrap-pop .control .state .slash {font-family: 'Dream ExtraLight'; font-size: 10px; color: #6f6f6f;}
.wrap-pop .control .state .total {font-family: 'Dream ExtraLight'; font-size: 10px; color: #6f6f6f;} */
.wrap-pop .control .state .slash,
.wrap-pop .control .state .total {font-family: 'Dream Regular'; font-size: 10px; color: #6f6f6f;}
.wrap-pop .control .button {margin-left: 23px;}
.wrap-pop .control .button button {display: inline-block; height: 21px; vertical-align: middle; text-indent: -99999px;}
.wrap-pop .control .button .prev {width: 23px; background: url('../images/btn-popup-prev.png') no-repeat center center;}
.wrap-pop .control .button .next {width: 23px; background: url('../images/btn-popup-next.png') no-repeat center center;}
.wrap-pop .control .button .stop {display: none; width: 13px; background: url('../images/btn-popup-stop.png') no-repeat center center;}
.wrap-pop .control .button .play {display: none; width: 13px; background: url('../images/btn-popup-play.png') no-repeat center center;}
.wrap-pop .control .button .stop.on,
.wrap-pop .control .button .play.on {display: inline-block; margin: 0 27px;}

@media all and (max-width: 1400px) {
    .wrap-pop .box-pop {padding-left: 14px;}
}

@media all and (max-width: 1300px) {
    .wrap-pop {padding: 40px 0 60px  0;}
}

@media all and (max-width: 1000px) {
    .wrap-pop .slider {width: 72%;}
}

@media all and (max-width: 900px) {
    .wrap-pop {padding: 55px 0 65px 0;}
    .wrap-pop .box-pop {padding-left: 0;}
}

@media all and (max-width: 730px) {
    .wrap-pop .slider {width: 69%;}
}

@media all and (max-width: 670px) {
    .wrap-pop {padding: 39px 0;}
    .wrap-pop .box-pop {position: relative; padding-top: 46px;}
    .wrap-pop .slider {display: block; width: 100%;}
    .wrap-pop .control {position: absolute; top: 0; left: 0; width: 100%; display: block; padding-left: 0; text-align: right;}
    .wrap-pop .control .title {position: absolute; left: 0; top: -5px; font-size: 25px;}
}