@charset "utf-8";
/* 새글 스킨 (latest) */
.lt {position: relative;}

#p_lt .latest-carousel .owl-dots {display:flex; justify-content:center; margin-top: 70px;}
#p_lt .latest-carousel .owl-dots .owl-dot {position:relative; width:100%; height:5px; background:#ddd; overflow:hidden;}
#p_lt .latest-carousel .owl-dots .owl-dot span {display:none;}
#p_lt .latest-carousel .owl-dots .owl-dot::after {content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#121212;}
#p_lt .latest-carousel .owl-dots .owl-dot.filled::after {width:100%;}
#p_lt .latest-carousel .owl-dots .owl-dot.current::after {animation:dotFill .4s ease forwards;}
#p_lt .latest-carousel .owl-dots .owl-dot.leave::after {width:100%; animation:dotLeave .4s ease forwards;}
@keyframes dotFill {from {width:0;} to {width:100%;}}
@keyframes dotLeave {from {width:100%;} to {width:0;}}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background-color: #121212 !important;}


#p_lt .a-item a {cursor:url('/new/theme/sample18/img/drag.png') 2 2, pointer;}


@media screen and (max-width:960px) {
    #p_lt .latest-carousel .owl-dots {margin-top: 50px;}
}

@media screen and (max-width:640px) {
    #p_lt .latest-carousel .owl-dots {margin-top: 30px;}
}