/* Latest Basic Skin Style - Final Layout Fix */ .latest-basic-skin { width: 100%; box-sizing: border-box; position: relative; overflow: hidden; background: #fff; padding: 15px; /* ๐Ÿ’ก [ํ•ต์‹ฌ ์ˆ˜์ •] Flexbox ์ปฌ๋Ÿผ ๋ฐฉํ–ฅ์œผ๋กœ ์„ค์ •ํ•˜์—ฌ ์„ธ๋กœ ๋ฐฐ์น˜ ๊ฐ•์ œ */ display: flex; flex-direction: column; } .latest-basic-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-basic-skin .bbs_main_wrap_tit_l { min-width: 0; } .latest-basic-skin .bbs_main_wrap_tit_l h2 { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .latest-basic-skin .bbs_main_wrap_tit_r { flex-shrink: 0; margin-left: 15px; } .latest-basic-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-basic-skin .cb { display: none; } .basic-list-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(var(--pc-columns, 1), 1fr); gap: 10px; } .latest-basic-skin li { padding: 8px 0; border-bottom: 1px solid #f5f5f5; } .latest-basic-skin li:last-child { border-bottom: 1px solid #f5f5f5; } .latest-basic-skin li a { display: flex; align-items: center; text-decoration: none; color: #555; transition: color 0.2s; } .latest-basic-skin li a:hover { color: #0056b3; } .latest-basic-skin li img { width: 40px; height: 40px; object-fit: cover; border-radius: 4px; margin-right: 10px; flex-shrink: 0; } .latest-basic-skin li .no-img { display: none; } .latest-basic-skin .subject { flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; } .latest-basic-skin .date { font-size: 12px; color: #999; margin-left: 10px; flex-shrink: 0; } .empty_li { grid-column: 1 / -1; text-align: center; padding: 50px 0; color: #999; }