/* Latest Pic List Skin Style - Final Layout Fix */ .latest-pic-list-skin { width: 100%; box-sizing: border-box; position: relative; overflow: hidden; background: #fff; padding: 15px; /* 💡 [핵심 수정] Flexbox 컬럼 방향으로 설정하여 세로 배치 강제 */ display: flex; flex-direction: column; } .latest-pic-list-skin .bbs_main_wrap_tit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #333; flex-shrink: 0; } .latest-pic-list-skin .bbs_main_wrap_tit_l { min-width: 0; } .latest-pic-list-skin .bbs_main_wrap_tit_l h2 { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .latest-pic-list-skin .bbs_main_wrap_tit_r { flex-shrink: 0; margin-left: 15px; } .latest-pic-list-skin .more_btn { position: relative; /* 💡 [핵심 수정] absolute 속성 덮어쓰기 */ background: none; border: 1px solid #ddd; padding: 5px 10px; font-size: 12px; color: #666; cursor: pointer; border-radius: 3px;} .latest-pic-list-skin .cb { display: none; } .pic-list-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(var(--pc-columns, 1), 1fr); gap: 15px; } .latest-pic-list-skin li { display: flex; align-items: flex-start; padding: 15px 0; border-bottom: 1px solid #f0f0f0; } .latest-pic-list-skin li:last-child { border-bottom: 1px solid #f0f0f0; } .latest-pic-list-skin .lt_img { display: block; width: 100px; height: 75px; flex-shrink: 0; margin-right: 15px; border-radius: 4px; overflow: hidden; background: #f8f8f8; } .latest-pic-list-skin .lt_img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; } .latest-pic-list-skin li:hover .lt_img img { transform: scale(1.05); } .latest-pic-list-skin .lt_txt_wrap { flex-grow: 1; min-width: 0; } .latest-pic-list-skin .lt_tit { display: block; font-size: 15px; font-weight: 600; color: #333; text-decoration: none; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .latest-pic-list-skin .lt_date { font-size: 12px; color: #999; display: block; } .empty_li { grid-column: 1 / -1; text-align: center; padding: 50px 0; color: #999; }