/**<input type="button" id="recentBbsArtclTab_${recentBbsSetup.recentBbsSetupSeq}_${recentBbsArtcl.recentBbsArtclSeq}" value="${recentBbsArtcl.tabNm}" class="recentBbsTab">
**/
@charset "UTF-8";

._fnctWrap {line-height:1.5;}

.wrap-popup {position:relative;z-index:90;}

.wrap-popup .title > strong {font-family: 'Noto Bold';font-size: 34px;color:#000;background: url('../images/fnct_title_bg.png') no-repeat left top;padding-top:9px;display: inline-block;}

.wrap-popup .title{position: relative;margin-bottom:20px;}
.wrap-popup .slider {border-top:none;}
.wrap-popup .slider li img {width:100%;}
.wrap-popup .title .slick-counter_popup{position: absolute;top: 9px;right: 95px;width:65px;height: 44px;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:#000;}
.wrap-popup .title .total_popup{color:#9299a6;}
.wrap-popup .control {text-align:center;position:absolute;top: 0;right: 27px;}
.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 .paging li.slick-active button {width:22px;position:relative;}
.wrap-popup .control .paging li button {width:12px; height:22px;text-indent:-9999px;}
.wrap-popup .control .playstop {display:inline-block;position:relative;top: 9px;}
.wrap-popup .control .playstop button {display:none; text-indent:-9999px;}
.wrap-popup .control .playstop button.on {display:inline-block;}
.wrap-popup .control .play {width:40px;height: 44px;background:url('../images/play.png') no-repeat center center;background-size: 20%;}
.wrap-popup .control .stop {width: 40px;height: 44px;background:url('../images/pause.png') no-repeat center center;}
.wrap-popup .prevnext {position: absolute; left: 0; top: 50%; width: 100%; z-index: 100;}
.wrap-popup .prevnext .container {position: relative;}
.wrap-popup .prevnext button {position: absolute;width:40px;height: 44px;text-indent: -9999px;top: -21px;}
.wrap-popup .prevnext .prev {right: 55px;background: url('../images/banner_arrow_prev.png') center center no-repeat;}
.wrap-popup .prevnext .next {right: 0;background: url('../images/banner_arrow_next.png') center center no-repeat;}

@media all and (max-width:1023px) {
  .wrap-popup .title{margin-bottom:35px;}
.wrap-popup .slick-list{margin:0 80px;}
}

@media all and (max-width:767px) {
.wrap-popup .title > strong{font-size:28px;}
.wrap-popup {padding:0px;margin: 10px auto;}
.wrap-popup .slick-list{margin:0;}
.wrap-popup .prevnext button{top:-18px;}
}