/**<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;}

.wrap-popup .title{width: 100%;text-align: left;position: relative;}
.wrap-popup .title > strong {font-family: 'Noto Regular';font-size: 18px;color:#fff;display: none;}
.wrap-popup .slider {border-top:none;}
.wrap-popup .slider li img {width:100%;/* max-width: 384px; */}
.wrap-popup .title .slick-counter_popup{position: absolute;bottom: 16px;right: 105px;font-size:14px;text-align: center;vertical-align: top;font-family: 'Noto Regular';letter-spacing: 1px;}
.wrap-popup .title .current_popup{color: #e3c040;}
.wrap-popup .title .slash_popup{color: #999;margin: 0 3px;}
.wrap-popup .title .total_popup{color: #fff;}
.wrap-popup .control {text-align:center;position:absolute;right: 15px;bottom: 10px;}
.wrap-popup .control .paging {display:inline-block;position: relative;top: 7px;}
.wrap-popup .control .paging ul {display:inline-block;}
.wrap-popup .control .paging li {float:left; margin:0 5px;width:15px;height:15px;background: #9198a9;border-radius: 50%;text-indent: -9999px;}
.wrap-popup .control .paging li.slick-active{background: #0aa0dc;}
.wrap-popup .control .paging li button{text-indent: -9999px;}
.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;left: 0;bottom: 27px;width: 100%;z-index: 100;}
.wrap-popup .prevnext .container {position: relative;}
.wrap-popup .prevnext button {position: absolute;width: 20px;height: 44px;text-indent: -9999px;top: -21px;}
.wrap-popup .prevnext .prev {right: 75px;background: url('../images/left_arrow_w.png') center center no-repeat;}
.wrap-popup .prevnext .next {right: 30px;background: url('../images/right_arrow_w.png') center center no-repeat;}

@media all and (max-width:1023px) {
  .wrap-popup .slider li img{max-width: 100%;}
}

@media all and (max-width:768px) {
  .wrap-popup{padding:0;}
  .wrap-popup .title{width: 100%;left: 0;}
}