/* ================================================
   TOTAL_BBS8 - 단독 게시판 최근게시물 (심플 텍스트형)
   제목(좌) + 날짜(우, 진하게)
   텍스트 기본 24px / CSS 변수로 조절 (bbs8 prefix)
   ================================================ */

.TOTAL_BBS8 {
    width: 100%;
}

.TOTAL_BBS8 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.TOTAL_BBS8 li {
    border-bottom: 1px solid var(--bbs8-line-color, #e2e8f0);
}

.TOTAL_BBS8 li:last-child {
    border-bottom: none;
}

.TOTAL_BBS8 li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bbs8-gap, 24px);
    padding: var(--bbs8-row-padding, 22px 4px);
    text-decoration: none;
    transition: background 0.2s, padding 0.2s;
}

.TOTAL_BBS8 li a:hover {
    background: var(--bbs8-hover-bg, #f8fafc);
}

/* 텍스트(제목+본문) 영역 */
.TOTAL_BBS8 .text-box {
    flex: 1 1 auto;
    min-width: 0;
}

.TOTAL_BBS8 .subject {
    font-size: var(--bbs8-title-size, 24px);
    font-weight: var(--bbs8-title-weight, 500);
    color: var(--bbs8-title-color, #222);
    line-height: var(--bbs8-title-lh, 1.4);
    letter-spacing: var(--bbs8-title-spacing);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: keep-all;
}

.TOTAL_BBS8 li a:hover .subject {
    color: var(--bbs8-hover-title-color, var(--primary, #dc2626));
}

.TOTAL_BBS8 .content {
    font-size: var(--bbs8-content-size, 15px);
    color: var(--bbs8-content-color, #888);
    line-height: 1.6;
    margin: 6px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 날짜 (우측, 진하게) */
.TOTAL_BBS8 .date {
    flex: 0 0 auto;
    font-size: var(--bbs8-date-size, 18px);
    font-weight: var(--bbs8-date-weight, 700);
    color: var(--bbs8-date-color, #1e293b);
    white-space: nowrap;
    line-height: 1;
}

/* NEW 아이콘 */
.TOTAL_BBS8 .bbs8_new {
    display: inline-block;
    background: #22c55e;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 3px;
    margin: 0 4px;
    vertical-align: middle;
    line-height: 1.3;
}

/* 빈 리스트 */
.TOTAL_BBS8 .empty_li {
    padding: 60px 20px;
    text-align: center;
    color: #94a3b8;
    font-size: 15px;
}

/* ================================================
   반응형 - 모바일
   ================================================ */
@media only all and (max-width: 767px) {
    .TOTAL_BBS8 li a {
        gap: 14px;
        padding: var(--bbs8-row-padding, 16px 2px);
    }

    .TOTAL_BBS8 .subject {
        /* 기본 24px → 모바일은 살짝 축소(변수 지정 시 변수 우선) */
        font-size: var(--bbs8-title-size, 16px);
    }

    .TOTAL_BBS8 .content {
        font-size: var(--bbs8-content-size, 13px);
    }

    .TOTAL_BBS8 .date {
        font-size: var(--bbs8-date-size, 14px);
    }
}