@charset "utf-8";

.pic_lt { position: relative; margin-bottom: 40px; background: #fff; border: none; }

/* 상단 헤더 (제목 & 더보기) */
.pic_lt .lat_title { margin: 0; padding-bottom: 15px; border-bottom: 2px solid #333; font-size: 22px; font-weight: 700; }
.pic_lt .lat_title a { color: #000; text-decoration: none; }
.pic_lt .lat_title a::after { display: none; } 

.pic_lt .lt_more { position: absolute; top: 5px; right: 0; font-size: 13px; color: #888; text-decoration: none; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.pic_lt .lt_more:hover { color: #333; }
.pic_lt .lt_more i { display: none; }

/* 4열 갤러리 리스트 */
.pic_lt ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 25px 0 0 0; margin: 0; list-style: none; }
.pic_lt ul::after { display: none; } 
.pic_lt li { float: none; width: 100%; padding: 0; }

/* 썸네일 이미지 영역 */
.pic_lt li .lt_img { display: block; overflow: hidden; border-radius: 8px; margin-bottom: 15px; }
.pic_lt li .lt_img img { width: 100%; height: 160px; object-fit: cover; transition: transform 0.3s ease; display: block; }
.pic_lt li .lt_img:hover img { transform: scale(1.05); }

/* 제목 텍스트 */
.pic_lt li > a { display: block; font-size: 16px; font-weight: 600; color: #333; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px; }
.pic_lt li > a:hover { color: var(--point_blue, #1E5BB8); }

/* 날짜 */
.pic_lt .lt_date { display: block; font-size: 13px; color: #999; }
.pic_lt .lt_date::before { content: '🕒 '; opacity: 0.6; }

/* 불필요한 옛날 아이콘 숨김 처리 (깔끔하게 유지) */
.pic_lt li .new_icon, 
.pic_lt li .hot_icon, 
.pic_lt li .fa-lock,
.pic_lt .lt_cmt { display: none !important; }


@media (max-width: 1024px) {
    .pic_lt ul { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .pic_lt li .lt_img img { height: 130px; }
    .board_hd h3 { flex-direction: column; align-items: flex-start; font-size: 20px; }
    .board_hd h3 span.sub_txt { margin-left: 0; margin-top: 6px; font-size: 13px; word-break: keep-all; }
}

@media (max-width: 480px) {
    .pic_lt li .lt_img img { height: 110px; }
}