/* ======================================================= */
/* =============== 자유게시판 테이블 스타일 =================== */
/* ======================================================= */

  
    .table_free {
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #0000; /* 투명 */
        font-size : 1em;
        color : #dddddd; /* [변경] 글자색을 밝은 회색으로 변경 */
    }

    .table_free .txt_left {
        padding: 0.3em 0.8em;
        text-align : left;
    }

    .table_free th, .table_free td {
        padding: 0.8em 0.8em; /* 여백 살짝 조정 */
        text-align : center;
    }

    .table_free caption {
        font-size: 1.2em;
        font-weight: bold;
        margin: 1em 0;
        color: #ffffff; /* [변경] 캡션 제목 흰색으로 강조 */
    }

    .table_free col {
        border-right: 0px solid #111;
    }

    .table_free col #albumcol {
        border: none;
    }

    .table_free thead {
        /* 게시판 테이블 제목 */
        border-top: 2px solid #888888;    /* [변경] 라인 색상을 조금 더 밝게 */
        border-bottom: 1px solid #888888; /* [변경] 라인 색상을 조금 더 밝게 */
    }

    .table_free th {
        font-weight: bold; /* 가독성을 위해 제목 볼드 처리 추천 */
        text-align : center;
        color: #ffffff; /* [변경] 헤더 글자 흰색 */
        background-color: #2a2a2a; /* [추가] 헤더 배경을 본문보다 살짝 어둡게 하여 구분 */
    }

    /* 게시물 목록 tr 색1 */
    .table_free .c_odd1 {
        border-bottom: 1px dotted #555555; /* [변경] 점선 색상을 배경에 맞춰 어둡게 */
    }

    /* 게시물 목록 tr 색2 */
    .table_free .c_odd2 {
        border-bottom: 1px dotted #555555; /* [변경] 점선 색상을 배경에 맞춰 어둡게 */
    }

    .table_free .c_txt_left {
        text-align : left;
    }

    /* [중요] Hover 효과 */
    .table_free tr:hover {
        background-color: #505050; /* [변경] #333 배경 위에서 티가 나도록 밝은 회색 */
        color : #fff;
        transition: background-color 0.2s; /* 부드러운 전환 효과 추가 */
    }

    /* [중요] 링크 색상 */
    .table_free tr a { 
        color : #cccccc; /* [변경] 어두운 배경에서 잘 보이도록 밝은 회색 */
        text-decoration: none;
        display: block; /* 클릭 영역 확보 */
    }

    .table_free tr:hover a { 
        color : #ffffff; /* 호버 시 완전 흰색 */
        font-weight: bold; /* 호버 시 살짝 강조 */
    }

    /* thead 호버 방지 */
    .table_free thead tr:hover {
        background-color: #2a2a2a; /* 헤더 배경색 유지 */
        color : #ffffff;
    }

    .table_free tfoot {
        border-top: 1px solid #888888; /* [변경] 라인 색상 조정 */
        color: #aaaaaa;
    }

    /* tfoot 호버 방지 */
    .table_free tfoot tr:hover {
        background-color: transparent;
        color : inherit;
    }

    .table_free tfoot tr:hover a { 
        color : #ff9999; /* [변경] 어두운 배경에서 잘 보이는 파스텔톤 포인트 컬러 */
    }
    
    /* 페이지네이션 등 하단 링크 기본 색상 */
    .table_free tfoot a {
        color: #dddddd;
    }