@charset "utf-8";

/* 새글 스킨 (latest) - 갤러리, 좌상단 질문답변 카드와 동일한 톤. 사이트 기본 폰트(맑은 고딕)로 통일 */
.pic_lt, .pic_lt * {font-family:'Pretendard Variable','Malgun Gothic', dotum, sans-serif}
.pic_lt.pic_hit_card {position:relative;margin-bottom:20px;background:#F7F8FD;border:0;border-radius:8px;padding:20px 22px;box-shadow:rgba(0,0,0,0.15) 10px 10px 10px, #ffffff -10px -10px 10px;font-size:0.875rem;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

.pic_lt .lat_head {display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding-bottom:8px;border-bottom:1px solid #f0f1f3}
.pic_lt .lat_head .lat_title {font-size:1.15em;font-weight:700;margin:0;line-height:1.4}
.pic_lt .lat_head .lat_title::before {content:"";display:inline-block;width:6px;height:6px;margin-right:8px;margin-bottom:1px;border-radius:50%;background:#0080EA;vertical-align:middle}
.pic_lt .lat_head .lat_title a {color:#222222}
.pic_lt .lat_head .lat_title a:hover {color:#0080EA}
.pic_lt .lat_head .lt_more {font-size:0.85em;color:#8B8B8B;font-weight:500}
.pic_lt .lat_head .lt_more:hover {color:#0080EA}
.pic_lt .lat_head .lt_more:after {content:"›";display:inline-block;margin-left:2px;font-weight:700}

/* 최신상품(#idx_latest)과 동일한 반응형 그리드 - 화면 폭에 따라 5열→4열→3열→2열 단계적으로 감소(칸 너비는 1fr로 유동) */
.pic_lt ul {display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:10px 5px;margin:0;}
.pic_lt li {width:auto;margin:0;padding:0;float:none;}
/* 게시물 15개가 4열/2열로는 나누어떨어지지 않아 마지막 줄에 빈칸이 생기므로,
   해당 구간에서만 나머지 개수를 숨겨 항상 꽉 찬 줄로 표시 (5열·3열은 15로 나누어떨어져 그대로 표시) */
@media (max-width:1200px) and (min-width:993px) {
    .pic_lt ul {grid-template-columns:repeat(4, minmax(0, 1fr));}
    .pic_lt li:nth-child(n+13) {display:none}
}
@media (max-width:992px) and (min-width:769px) {
    .pic_lt ul {grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media (max-width:768px) {
    .pic_lt ul {grid-template-columns:repeat(2, minmax(0, 1fr));}
    .pic_lt li:nth-child(15) {display:none}
}
.pic_lt li .lt_img {margin:0 0 3px;display:block;border-radius:6px;overflow:hidden}
.pic_lt li .lt_img img, .pic_lt li .lt_img video{max-width:100%;width:100%;height:auto;display:block;transition:transform .2s ease}
.pic_lt li .lt_img:hover img {transform:scale(1.04)}
.pic_lt li a {color:#333333}
.pic_lt li a:hover {color:#0080EA}
.pic_lt li .fa-heart {color:#ff5a5a}
.pic_lt li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.75em;color:#4f818c;background:#e3f3f6;text-align:center;border-radius:3px;border:0;vertical-align:middle;margin-right:4px}
.pic_lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.75em;color:#1fbf6a;background:#e4fbef;text-align:center;border-radius:4px;margin-left:5px;font-weight:700;vertical-align:middle}
.pic_lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.75em;color:#ff5a5a;background:#ffe9e9;text-align:center;border-radius:4px;vertical-align:middle}
.pic_lt li .fa-caret-right {color:#bbb}
.pic_lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.75em;color:#daae37;background:#fff3d1;text-align:center;border-radius:4px;vertical-align:middle}
.pic_lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.75em;color:#b451fd;background:#f2e3ff;text-align:center;border-radius:4px;vertical-align:middle}

.pic_lt .profile_img img{border-radius:50%}

.pic_lt li > a:not(.lt_img) {display:block;font-size:1em;font-weight:500;color:#333333;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.pic_lt li > a:not(.lt_img):hover {color:#0080EA}

.lt_info {padding:4px 0 0}
.lt_info .lt_nick {color:#666;font-size:0.85em}
.lt_info .lt_date {color:#a1a5ad;font-size:0.85em}

.pic_lt .empty_li {line-height:145px;color:#8B8B8B;text-align:center;padding:0}
.pic_lt .empty_li:before {background:none;padding:0}

.pic_lt .lt_cmt {display:inline-block;min-width:22px;background:#f0f4ff;color:#0080EA;font-size:0.78em;font-weight:600;height:18px;line-height:18px;padding:0 8px;border-radius:20px;text-align:center;vertical-align:middle}

/* idx_gallery 섹션의 접근성용 숨김 제목(h2.sound_only)이 .sct_wrap h2 규칙에 덮여 다시 보이는 것 방지 */
#idx_gallery > header {padding:0}
#idx_gallery > header h2.sound_only {font-size:0 !important;line-height:0 !important;width:0 !important;height:0 !important;float:none !important;margin:0 !important;display:inline-block !important}

@media (max-width:600px) {
    /* 갤러리 카드 - 모바일에서 좌우 여백/라운딩 제거 */
    .pic_lt.pic_hit_card {padding-left:10px;padding-right:10px;border-radius:0;box-shadow:rgba(0,0,0,0.15) 0 10px 10px, #ffffff 0 -10px 10px}
}