@charset "utf-8";
/* 새글 스킨 (latest) */
.lat_title {display:block;padding:10px 0 8px;font-size:1.167em}
.lat_more {position:absolute;top:10px;right:0;}


.lat {position:relative;margin:0;background:#fff;position:relative;height: 100%;border-bottom:1px solid #d9d9d9;}
.lat h2{font-size:1.50em;font-weight:600; line-height:1.2;border-bottom:1px solid #d9d9d9;text-align:left; display: flex; justify-content: space-between; align-items: center;}
.lat h2 a{position: relative;padding-bottom:20px;}
.lat h2 a::before{content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 4px; background: var(--color);} 
.lat .more_btn {line-height:25px;padding:0;border-radius:3px;color:#000;}
.lat ul {padding:30px 20px;list-style:none}
.lat li{text-align:left;margin:0;padding: 5px 0 10px 0; color: #575757; font-weight: 400;position: relative; display: flex; justify-content: space-between; align-items: center; gap: 15px;}
.lat li:first-child{padding-top: 0;}
.lat li:last-child{padding-bottom: 0;}
.lat li a{display: block;font-size: 0.90em; font-weight: 400; color: #575757; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.lat li p{font-size: 16px; color: #575757; font-weight:400; min-width: 80px;}
.lat li:first-child{border-top:0}
.lat li i{color:#9da4bc}
.lat li .fa-heart{color:#ff0000}
.lat li .new_icon{display:inline-block;padding: 0 3px;line-height:15px ;font-size:0.92em;color:#fff;background:#c56bed}
.lat li .cnt_cmt{color:#48a3d5}
.lat .empty_li {text-align:center;padding:50px 0;color:#555}
@media all and (max-width:1200px){
    .lat h2{font-size: 1.30em;}
}
@media all and (max-width:1024px){
    .lat ul{padding: 20px;}
}
@media all and (max-width:768px){
    .lat ul{padding: 20px 15px;}
    .lat h2 a{padding-bottom: 15px;}
}