/* ======================================================= */
/* =============== 자유게시판 테이블 스타일 (밝은 테마) =================== */
/* ======================================================= */

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

  .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: #000000; /* [변경] 캡션 제목 검은색으로 강조 */
  }

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

  .table_free col #albumcol {
    border: none;
  }

  .table_free thead {
    /* 게시판 테이블 제목 */
    border-top: 2px solid #aaaaaa;  /* [변경] 라인 색상을 중간 회색으로 변경 */
    border-bottom: 1px solid #aaaaaa; /* [변경] 라인 색상을 중간 회색으로 변경 */
  }

  .table_free th {
    font-weight: bold;
    text-align : center;
    color: #333333; /* [변경] 헤더 글자 어두운 회색 */
    background-color: #eeeeee; /* [변경] 헤더 배경을 본문보다 살짝 밝게 하여 구분 */
  }

  /* 게시물 목록 tr 색1 */
  .table_free .c_odd1 {
    border-bottom: 1px dotted #bbbbbb; /* [변경] 점선 색상을 밝은 회색으로 변경 */
  }

  /* 게시물 목록 tr 색2 */
  .table_free .c_odd2 {
    border-bottom: 1px dotted #bbbbbb; /* [변경] 점선 색상을 밝은 회색으로 변경 */
  }

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

  /* [중요] Hover 효과 */
  .table_free tr:hover {
    background-color: #e0e0e0; /* [변경] #FAF0E6 배경 위에서 티가 나도록 살짝 어두운 회색 */
    color : #000; /* [변경] 호버 시 텍스트를 검은색으로 강조 */
    transition: background-color 0.2s; /* 부드러운 전환 효과 추가 */
  }

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

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

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

  .table_free tfoot {
    border-top: 1px solid #aaaaaa; /* [변경] 라인 색상 조정 */
    color: #666666; /* [변경] 푸터 텍스트 어둡게 */
  }

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

  .table_free tfoot tr:hover a {
    color : #3A5A81; /* [변경] 밝은 배경에서 잘 보이는 강조색 (파란색 계열) */
  }
 
  /* 페이지네이션 등 하단 링크 기본 색상 */
  .table_free tfoot a {
    color: #666666; /* [변경] 어두운 회색으로 변경 */
  }