@charset "utf-8";

/* 새글 갤러리 스킨 (latest)
   메인화면에서는 900px 콘텐츠 영역의 절반(약 440px)인 좁은 카드 안에 들어가므로,
   썸네일을 고정폭(170px)이 아니라 항상 카드 폭에 맞춰 흐르는 반응형 그리드로 표시 */
.lt_gal {position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;row-gap:16px}
.lt_gal:after {display:block;visibility:hidden;clear:both;content:""}
.lt_gal .lt_title {grid-column:1;grid-row:1;flex:0 0 auto;display:flex;align-items:center;gap:8px;margin-bottom:0;font-size:16px;font-weight:700;letter-spacing:-0.01em}
.lt_gal .lt_title:before {content:"";width:8px;height:8px;border-radius:50%;background:var(--c-accent)}
.lt_gal .lt_title a {color:var(--c-text)}

.lt_gal_box {grid-column:1 / -1;grid-row:2;flex:1 1 auto;border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:22px 22px 8px;background:var(--c-surface);box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,transform .25s ease}
.lt_gal_box:hover {box-shadow:var(--shadow-md);transform:translateY(-3px)}
.lt_gal_box:after {display:block;visibility:hidden;clear:both;content:""}
.lt_gal_box ul {display:flex;flex-wrap:wrap;gap:16px 12px}
.lt_gal_box ul li {list-style:none;float:none;width:calc(50% - 6px);margin:0 0 16px;box-sizing:border-box}
.lt_gal_box ul li.empty_li {width:100%;text-align:center;line-height:100px}
.lt_gal_box ul li .lt_image {display:block;width:100%;height:130px;max-height:130px;margin-bottom:10px;text-decoration:none;border-radius:var(--radius-sm);overflow:hidden}
.lt_gal_box ul li .lt_image img {display:block;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:cover;transition:transform .3s ease}
.lt_gal_box ul li .lt_image:hover img {transform:scale(1.05)}
.lt_gal_box ul li .no_img {text-align:center;display:block;width:100% !important;height:100% !important;line-height:130px;vertical-align:middle;text-transform:uppercase;font-weight:bold;color:#bbb;background:#eee;border-radius:var(--radius-sm)}
.lt_gal_box ul li .lt_tit {display:block;width:100%;font-size:0.95em;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:22px;vertical-align:middle;color:var(--c-text)}
.lt_gal_box ul li .lt_detail {display:block;width:100%;color:var(--c-text-3);padding:2px 0;height:30px;overflow:hidden;line-height:16px}
.lt_gal_more {grid-column:2;grid-row:1;align-self:center;margin-top:0}
.lt_gal_more a {background:none;height:auto;position:static;display:inline-flex;align-items:center;gap:4px;padding-right:0;color:var(--c-accent);font-weight:600;font-size:0.85em;white-space:nowrap}
.lt_gal_more a:after {content:"\2192"}

/* ============================================================
   480px 미만: 아주 좁은 화면에서는 한 줄에 한 장씩
   ============================================================ */
@media (max-width: 480px) {
    .lt_gal_box ul li {width:100%}
}