/* --- 카테고리 탭 --- */
.db-center-container {
    margin: 0 auto 40px;
    padding: 0 20px;
}

.db-nav{
    display:flex;            /* 수평 정렬 */
    justify-content:center;  /* 가운데 정렬 */
    gap:40px;                /* 탭 간격 */
    font:500 15px/1 "Pretendard",sans-serif;
    background: #eee;
    margin: 0 -20px 20px;
    padding: 25px 0 20px;
}
.db-nav a{
    position:relative;
    color:#7b7b7b;           /* 흐린 글자색 */
    text-decoration:none;
    padding-bottom:10px;      /* 밑줄 자리 */
}
.db-nav a:hover{color:#000;}
.db-nav a.active{
    color:#000;              /* 활성 탭 글자색 */
}
.db-nav a.active::after{     /* 파란 밑줄 */
    content:"";
    position:absolute;
    left:0; bottom:0;
    width:100%; height:2px;
    background:#007bff;
}

/* 검색 박스 */
.db-search-flex {
    display: flex;
    justify-content: space-between;
    width: 85%;
    margin: 0 auto;
}
.db-search-box{position:relative; display:inline-block;}
.db-search-icon{
    position:absolute; left:12px; top:50%; transform:translateY(-50%);
    pointer-events:none;
}
.db-search-input{
    width:240px; height:40px;
    padding:0 14px 0 40px;
    border:0; border-radius:6px;
    background:#f3f5f7; font-size:14px; box-sizing:border-box;
}
.db-search-input::placeholder{color:#9aa1ab;}

/* ■ 2. 스타일  */
.cate-dropdown{position:relative;display:inline-block;font-size:14px;}

.cate-btn{
    width: 100px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #dcdfe5;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    color: #111;
}

.cate-arrow{transition:.2s;}

.cate-list{
    position:absolute;top:54px;left:0; /* btn 높이+간격 */
    width:122px;
    border:1px solid #dcdfe5;border-radius:6px;
    background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.05);
    list-style:none;margin:0;padding:6px 0;display:none;z-index:10;
}

.cate-list li{
    padding:10px 18px;cursor:pointer;
    white-space:nowrap;
}

.cate-list li:hover{background:#f5f7fa;color:#0061ff;}
.cate-list li.active{font-weight:600;color:#0061ff;}

.cate-dropdown.open .cate-list{display:block;}
.cate-dropdown.open .cate-arrow{transform:rotate(180deg);}



/* --- 리스트 테이블 --- */
.db-table{
    position:relative;
    width:85%;               /* 좌우 여백 확보 */
    margin:0 auto;
    border-collapse:collapse;
    font:13px/1.6 "Pretendard",sans-serif;
    table-layout: fixed;
}
.db-table th,
.db-table td{
    text-align: left;
    padding:12px 6px;
}
.db-table tbody tr{border-bottom:1px solid #eaeaea;}
.db-table tbody tr:last-child{border-bottom:none;}

/* 번호 · 날짜 정렬 */
.db-table td:nth-child(1),
.db-table th:nth-child(1){text-align:left;width:200px;color:#666;}
.db-table td:nth-child(3),
.db-table th:nth-child(3){text-align:right;width:120px;color:#999;}

/* 추가 스타일 */
.empty-row td{
    padding:60px 0;          /* 위·아래 넉넉히 */
    text-align:center !important;
    font-size:16px;
    color:#888;
}


.title-ellipsis {
    max-width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.news-detail { padding: 16px 6px;     width: 900px; line-height: 1.6; font-size: 15px; }
.news-detail h2 { margin: 0 0 8px; font-size: 20px; font-weight: 600; }
.news-detail .news-date { font-size: 13px; color: #888; text-align: right; margin-bottom: 18px; }
.news-detail .news-body { word-break: break-all; }
.news-detail .news-body img { width: 100%; }
.news-detail .news-link { margin-top: 24px; text-align: right; }
.news-detail .news-link a { color: #007bff; text-decoration: underline; }

.db-policy-content {
    width: 1000px;
}
@media screen and (max-width: 1032px) {

    .db-search-flex {
        width: 100%;
        gap: 10px;
        padding-bottom: 20px;
    }

    .db-search-input {
        width: 100%;
    }


    .cate-btn{

    }

    .cate-list {

    }


    .db-table {
        width: 100%;
    }
    .db-table td {
        padding: 5px 5px;
    }

    /* 헤더 숨김 */
    .db-table thead{display:none;}

    /* 행을 flex 컨테이너로 전환 */
    .db-table tbody tr{
        display:flex;
        flex-wrap:wrap;
        padding:5px 0;
        border-bottom:1px solid #eaeaea;
    }

    /* ── 제목 ───────────────────────── */
    .db-table tbody td:nth-child(2){ /* 제목 셀 */
        order:-1;                   /* ★ 제일 먼저 나오게 */
        flex:1 1 100%;              /* 한 줄 전체 */
        font-weight:600;
        margin-bottom:4px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    /* ── 지역(좌) / 날짜(우) ────────── */
    .db-table tbody td:nth-child(1){ /* 지역 */
        order:1;
        flex:1;
        text-align:left;
        font-size:13px;
        color:#6d6d6d;
    }
    .db-table tbody td:nth-child(3){ /* 날짜 */
        order:2;
        flex:1;
        text-align:right;
        font-size:13px;
        color:#9a9a9a;
    }

    .empty-row td{
        padding: 60px 0 !important;
    }
    .news-detail {
        width: 100%;
    }

    .db-policy-content {
        width: 100%;
    }
}