/**<input type="button" id="recentBbsArtclTab_${recentBbsSetup.recentBbsSetupSeq}_${recentBbsArtcl.recentBbsArtclSeq}" value="${recentBbsArtcl.tabNm}" class="recentBbsTab">
**/
@charset "UTF-8";

._fnctWrap {line-height:1.5;}
._fnctAdmin{text-align: left;}
.wrap-popup {position:relative;z-index:90;border-radius: 20px;overflow: hidden;aspect-ratio: 8/5;}

.wrap-popup .title{position: absolute;bottom:0;z-index: 1;width: 100%;text-align: left;background: rgba(0,0,0,0.5);padding:15px 20px;}
.wrap-popup .title > strong {font-family: 'Noto Regular';font-size: 18px;color:#fff;}
.wrap-popup .slider {height: 100%;}
.wrap-popup .slider * {height: 100%;}
.wrap-popup .slider li {height:100%}
.wrap-popup .slider li img {object-fit: cover;width: 100%;height: 100%;}
.wrap-popup .title .slick-counter_popup{position: absolute;top: 7px;right: 95px;font-size:14px;text-align: center;vertical-align: top;padding-top: 11px;font-family: 'Noto Bold';letter-spacing: 0.5px;}
.wrap-popup .title .current_popup{color:#f9a628;}
.wrap-popup .title .slash_popup{color:#9299a6;margin:0 5px;}
.wrap-popup .title .total_popup{color:#9299a6;}
.wrap-popup .control {text-align:center;position:absolute;top: 1px;right: 35px;}
.wrap-popup .control .paging {display:inline-block;}
.wrap-popup .control .paging ul {display:inline-block;}
.wrap-popup .control .paging li {float:left; margin:0 2px;}
.wrap-popup .control .playstop {display:inline-block;position:relative;top: 6px;}
.wrap-popup .control .playstop button {display:none; text-indent:-9999px;}
.wrap-popup .control .playstop button.on {display:inline-block;}
.wrap-popup .control .play {width: 20px;height: 44px;background:url('../images/play.png') no-repeat center center;}
.wrap-popup .control .stop {width: 20px;height: 44px;background:url('../images/pause.png') no-repeat center center;}
.wrap-popup .prevnext {position: absolute; right:10px; top: 8px;  z-index: 100; width:75px;}
.wrap-popup .prevnext .container {position: relative; vertical-align:middle;}
.wrap-popup .prevnext .slick-arrow {width: 20px;height: 44px;text-indent: -9999px; position: initial;}
.wrap-popup .prevnext .playstop{display:inline-block;}
.wrap-popup .prevnext .playstop button{width: 20px; height: 44px; text-indent:-9999px; display:none;}
.wrap-popup .prevnext .playstop button.play{background: url(../images/play.png) no-repeat center center;}
.wrap-popup .prevnext .playstop button.stop{background: url(../images/pause.png) no-repeat center center;}
.wrap-popup .prevnext .playstop button.on{display:inline-block}
.wrap-popup .prevnext .prev {background: url('../images/left_arrow_w.png') center center no-repeat;}
.wrap-popup .prevnext .next {background: url('../images/right_arrow_w.png') center center no-repeat;}

@media all and (max-width:1023px) {
}

@media all and (max-width:580px) {
.wrap-popup{height: auto;}
}
