first commit 2

theme/rd.dnssash/skin/latest/basic/style.css

@@ -0,0 +1,62 @@
+/* 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; }
+
+@media (max-width: 1024px) {
+    .basic-list-grid {
+        grid-template-columns: repeat(var(--mo-columns, 1), 1fr);
+    }
+}