@charset "utf-8";
/* 새글 스킨 (latest) */

.content04 .lat {position:relative;}
.content04 .lat .lat_title {display:none;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#333; }
.content04 .lat .lat_title a{color:#333;display:inline-block;position:relative; font-size:1.313em; height:auto}
.content04 .lat .lat_title a:after{position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#333;content:''}
.content04 .lat ul{padding:0}
.content04 .lat li {position:relative;line-height:18px;padding:3px 0;padding-right:50px;padding-left:10px;position:relative; font-size:16px; font-weight:500; color:#555; text-align:left; line-height:2.1; width:100%}
.content04 .lat li a { height:auto}
.content04 .lat li:before{position: absolute;top: 16px;left: 0px;width: 4px;height: 4px;background: #aaa;content: '';border-radius: 50%;}
.content04 .lat li a:hover{color:#a22121}
.content04 .lat li .fa-heart{color:#ff0000;}
.content04 .lat li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.content04 .lat li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.833em;color:#ffff00;background:#3a4281;text-align:center;border-radius: 2px; float:left; margin-top:8px; margin-right:10px}
.content04 .lat li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.content04 .lat li .fa-caret-right{color:#bbb}
.content04 .lat .lt_date{position:absolute;top:0px;right:0;color:#888; font-size:14px; padding-top:0}
.content04 .lat  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.content04 .lat  .empty_li:before{background:none;padding:0}

.content04 .lat .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.content04 .lat .lt_more {position:absolute;top:11px;right:20px;display:block;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.content04 .lat .lt_more:hover{color:#777}


/* .content04 .lat.lat_thumb {margin-bottom:20px;} */
.content04 .lat.lat_thumb ul {display:grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; gap:30px; padding:0; list-style:none; }
.content04 .lat.lat_thumb ul li {position:relative; padding:0; margin:0; width:auto; line-height:0; }
.content04 .lat.lat_thumb ul li:before {display:none; }
.content04 .lat.lat_thumb ul li a {display:flex; align-items:center; justify-content:center; position:relative; width:100%; overflow:hidden; border-radius:15px; background:#fff; box-sizing:border-box; }
.content04 .lat.lat_thumb ul li a img {width:100%; }
.content04 .lat.lat_thumb .empty_li { grid-column: 1 / -1; line-height:145px; color:#666; text-align:center; padding:0; }
.content04 .lat.lat_thumb .empty_li:before { display:none; }

/* 1200px 이하부터는 7번째, 8번째 아이템을 숨겨서 6개만 노출 (2줄 유지) */
@media (max-width:1200px) {
    /* .content04 .lat.lat_thumb ul { grid-template-columns: repeat(3, 1fr); }
    .content04 .lat.lat_thumb ul li:nth-child(n+7) { display:none; } */
}

@media (max-width:960px) {
    .content04 .lat.lat_thumb ul { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width:640px) {
    .content04 .lat.lat_thumb ul { grid-template-columns: repeat(1, 1fr); }
}