/* Bootstrap 스타일 베이스 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

/* 전체 box-sizing */
* {
    box-sizing: border-box;
}

/* Container */
table[width="890"] {
    width: 100% !important;
    max-width: 890px;
    margin: 0 auto !important;
    padding: 0 15px;
    box-sizing: border-box;
}

/* Card Style - 카테고리 선택 */
table[width="890"] td[style*="border-top"] {
    background: #fff;
    border: 1px solid #dee2e6;
    padding: 12px 16px !important;
    margin-bottom: 15px;
    color: #495057 !important;
}

/* Table Card */
table[bgcolor="#FFFFFF"] {
    background: #fff !important;
    overflow: hidden;
}

/* Table Header */
table[bgcolor="#f8f9fa"] tr:first-child td[height="2"] {
    background: #384978 !important;
    height: 4px !important;
}

table[bgcolor="#FFFFFF"] tr:first-child td[height="2"][bgcolor="#757575"] {
    background: #384978 !important;
    height: 4px !important;
}

table[bgcolor="#FFFFFF"] tr td[height="2"][bgcolor="#E6E6E6"],
table[bgcolor="#FFFFFF"] tr td[height="4"][bgcolor="#EAEAEA"],
table[bgcolor="#FFFFFF"] tr td[height="1"][bgcolor="808080"],
table[bgcolor="#FFFFFF"] tr td[height="2"][bgcolor="#B6B6B6"] {
    display: none;
}

/* 테이블 헤더 */
table[bgcolor="#FFFFFF"] tr td[bgcolor="f8f9fa"][height="26"] {
    background: #f8f9fa !important;
    border-bottom: 2px solid #dee2e6 !important;
    color: #212529 !important;
    padding: 15px 10px !important;
    font-weight: 600 !important;
    font-size: 15px;
    text-align: center;
}

table[bgcolor="#FFFFFF"] tr td[bgcolor="ffffff"][height="26"] font {
    color: #212529 !important;
}

/* 구분선 숨김 */
table[bgcolor="#FFFFFF"] tr td img[src*="icon_01.gif"] {
    display: none;
}

/* Table Body - Striped */
table[cellspacing="1"][width="890"] {
    border-spacing: 0 !important;
    background: #fff;
    overflow: hidden;
}

table[cellspacing="1"][width="890"] tr {
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s ease;
}

table[cellspacing="1"][width="890"] tr:nth-child(odd) {
    background: #fff !important;
}

table[cellspacing="1"][width="890"] tr:nth-child(even) {
    background: #fafafa !important;
}

table[cellspacing="1"][width="890"] tr:hover {
    background: #f0f4ff !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* 공지사항 */
table[cellspacing="1"][width="890"] tr[bgcolor="#FFFFC8"] {
    background: #fff9e6 !important;
    border-left: 4px solid #384978;
    font-weight: 600;
}

table[cellspacing="1"][width="890"] tr[bgcolor="#FFFFC8"]:hover {
    background: #fff3d4 !important;
}

/* Table Cell */
table[cellspacing="1"][width="890"] td {
    padding: 16px 12px !important;
    border: none !important;
    vertical-align: middle !important;
    color: #333;
    font-size: 15px;
}

table[cellspacing="1"][width="890"] td[width="50"],
table[cellspacing="1"][width="890"] td[width="40"] {
    color: #666;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
}

/* Links */
table[cellspacing="1"][width="890"] td a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 500;
}

table[cellspacing="1"][width="890"] td a:hover {
    color: #384978;
}

/* Badge - Comment Count */
table[cellspacing="1"][width="890"] td font[color="#FF3300"] {
    background: #384978 !important;
    color: #fff !important;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 600;
    margin-left: 6px;
}

/* Text Muted */
table[cellspacing="1"][width="890"] td font.thm7 {
    color: #999 !important;
    font-size: 14px;
}

/* Empty State */
table[width="100%"] td[height="100"] {
    background: #f8f9fa !important;
    border: 1px solid #dee2e6;
    color: #666 !important;
    padding: 60px 20px !important;
    font-size: 15px;
    text-align: center;
}

/* Pagination */
table[width="890"] td[style*="padding-top:15px"] {
    padding: 25px 0 !important;
    text-align: center;
}

table[width="890"] td[style*="padding-top:15px"] a,
table[width="890"] td[style*="padding-top:15px"] font {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 3px;
    border: 1px solid #dee2e6;
    background: #fff;
    color: #384978;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 14px;
    font-weight: 500;
}

table[width="890"] td[style*="padding-top:15px"] a:hover {
    background: #384978;
    border-color: #384978;
    color: #fff;
}

table[width="890"] td[style*="padding-top:15px"] font b {
    background: #384978;
    color: #fff;
    border: 1px solid #384978;
    padding: 8px 14px;
    font-weight: 600;
}

/* Buttons */
.bd_btn {
    display: inline-block;
    border-radius: 6px;
    text-decoration: none !important;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 1.5;
    transition: all 0.2s ease;
    padding: 10px 20px !important;
}

.td_txt p {
    font-size: 16px !important;
    padding: 10px;
    /*margin-left: 25px;*/
    line-height: 1.8;
}

.bd_btn.small {
    padding: 8px 10px !important;
    font-size: 13px;
    height:40px !important;
    line-height: 16px !important;
}
.bd_btn.big {
    padding: 8px 10px !important;
    font-size: 13px;
    height:40px !important;
    line-height: 6px !important;
}

.bd_btn.gray {
    background: #6c757d;
    color: #fff !important;
    border-color: #6c757d;
}

.bd_btn.gray:hover {
    background: #5a6268;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.bd_btn.blue {
    background: #384978;
    color: #fff !important;
    border-color: #384978;
}

.bd_btn.blue:hover {
    background: #2d3a5f;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Button Container */
table[width="890"][bgcolor="#FFFFFF"] {
    background: #fff;
    padding: 20px;
    margin-top: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* Form Controls */
table[width="890"][bgcolor="#FFFFFF"] input[type="radio"] {
    margin: 0 8px 0 15px;
    accent-color: #384978;
    cursor: pointer;
}

table[width="890"][bgcolor="#FFFFFF"] input[type="text"] {
    padding: 10px 14px;
    border: 1px solid #dee2e6;
    transition: all 0.2s ease;
    font-size: 14px;
    line-height: 1.5;
}

table[width="890"][bgcolor="#FFFFFF"] input[type="text"]:focus {
    outline: none;
    border-color: #384978;
    box-shadow: 0 0 0 3px rgba(56, 73, 120, 0.1);
}

select {
    padding: 10px 14px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

select:focus {
    outline: none;
    border-color: #384978;
    box-shadow: 0 0 0 3px rgba(56, 73, 120, 0.1);
}

/* 내부 중첩 테이블 */
table[cellspacing="1"][width="890"] td table[cellspacing="1"] {
    background: transparent !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

table[cellspacing="1"][width="890"] td table[cellspacing="1"] tr {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

table[cellspacing="1"][width="890"] td table[cellspacing="1"] td {
    background: transparent !important;
    padding: 0 5px !important;
    vertical-align: middle !important;
    border: none !important;
}

table[cellspacing="1"][width="890"] td table[cellspacing="1"] tr:hover {
    background: transparent !important;
    transform: none !important;
    box-shadow: none !important;
}

.ln9 {
    line-height: 9px !important;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #384978;
    cursor: pointer;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

/* ============================================
   모바일 게시판 리스트형
   ============================================ */
   /* ============================================
      모바일 게시판 리스트형
      ============================================ */

   @media screen and (max-width: 768px) {
       body {
           overflow-x: hidden !important;
       }
       .dpn {display: none;}


       table[width="890"] {
           width: 100% !important;
           padding: 0 10px !important;
           margin: 0 auto !important;
           max-width: 100% !important;
       }

       /* 테이블 헤더 숨김 */
       table[bgcolor="#FFFFFF"] tr td[bgcolor="f8f9fa"][height="26"] {
           display: none !important;
       }

       /* 게시글 목록 */
       table[cellspacing="1"][width="890"] {
           width: 100% !important;
           padding: 0 !important;
           background: #fff !important;
           overflow: hidden !important;
       }

       table[cellspacing="1"][width="890"] tbody {
           display: block !important;
           width: 100% !important;
       }

       /* tr을 flex로 변경 */
       table[cellspacing="1"][width="890"] tr {
           display: flex !important;
           width: 100% !important;
           align-items: center !important;
       }

       table[cellspacing="1"][width="890"] tr:hover {
           background: #f8f9fa !important;
           transform: none !important;
           box-shadow: none !important;
       }

       /* 공지사항 */
       table[cellspacing="1"][width="890"] tr[bgcolor="#FFFFC8"] {
           background: #fff9e6 !important;
           border-left: 3px solid #384978 !important;
       }

       /* 번호 컬럼 - 고정 너비 */
       table[cellspacing="1"][width="890"] td[width="50"]:first-child {
           display: block !important;
           width: 45px !important;
           min-width: 45px !important;
           flex-shrink: 0 !important;
           padding: 10px 5px !important;
           text-align: center !important;
           font-size: 12px !important;
           color: #999 !important;
       }

       /* 제목 컬럼 - 남은 공간 차지 */
       table[cellspacing="1"][width="890"] td:nth-child(2) {
           display: block !important;
           flex: 1 !important;
           min-width: 0 !important;
           padding: 10px 8px !important;
           font-size: 14px !important;
           font-weight: 500 !important;
           text-align: left !important;
           overflow: hidden !important;
       }

       table[cellspacing="1"][width="890"] td:nth-child(2) a {
           color: #333 !important;
           text-decoration: none !important;
           display: block !important;
           line-height: 1.4 !important;
           overflow: hidden !important;
           text-overflow: ellipsis !important;
           white-space: nowrap !important;
           font-size: 16px;
       }

       /* 제목 내부 테이블 정리 */
       table[cellspacing="1"][width="890"] td:nth-child(2) table {
           display: inline !important;
           width: auto !important;
       }

       table[cellspacing="1"][width="890"] td:nth-child(2) table tbody,
       table[cellspacing="1"][width="890"] td:nth-child(2) table tr {
           display: inline !important;
       }

       table[cellspacing="1"][width="890"] td:nth-child(2) table td {
           display: inline !important;
           padding: 0 2px !important;
           text-align: left !important;
       }

       /* 들여쓰기 숨김 */
       table[cellspacing="1"][width="890"] td:nth-child(2) table td[style*="padding-left"] {
           padding-left: 0 !important;
       }

       /* 댓글 수 */
       table[cellspacing="1"][width="890"] td:nth-child(2) font[color="#FF3300"] {
           background: #384978 !important;
           color: #fff !important;
           padding: 2px 6px !important;
           font-size: 11px !important;
           margin-left: 4px !important;
           display: inline-block !important;
           white-space: nowrap !important;
       }

       /* 작성자 숨김 */
       table[cellspacing="1"][width="890"] td:nth-child(3) {
           display: none !important;
       }

       /* 날짜 컬럼 - 고정 너비 */
       table[cellspacing="1"][width="890"] td:nth-child(4) {
           display: block !important;
           width: 75px !important;
           min-width: 75px !important;
           flex-shrink: 0 !important;
           padding: 10px 8px 10px 5px !important;
           text-align: right !important;
           font-size: 11px !important;
           color: #999 !important;
       }

       table[cellspacing="1"][width="890"] td:nth-child(4) font {
           font-size: 11px !important;
           color: #999 !important;
       }

       /* 조회수 숨김 */
       table[cellspacing="1"][width="890"] td:nth-child(5) {
           display: none !important;
       }

       /* Empty State */
       table[width="100%"] td[height="100"] {
           padding: 40px 20px !important;
           font-size: 14px !important;
       }

       /* Pagination */
       table[width="890"] td[style*="padding-top:15px"] {
           padding: 15px 5px !important;
       }

       table[width="890"] td[style*="padding-top:15px"] a,
       table[width="890"] td[style*="padding-top:15px"] font {
           padding: 6px 10px !important;
           margin: 0 2px !important;
           font-size: 13px !important;
       }

       /* 버튼 영역 */
       table[width="890"][bgcolor="#FFFFFF"] {
           width: 100% !important;
           padding: 12px 10px !important;
           margin: 10px 0 !important;
       }

       table[width="890"][bgcolor="#FFFFFF"] tr {
           display: flex !important;
           flex-wrap: wrap !important;
           justify-content: space-between !important;
           align-items: center !important;
       }

       table[width="890"][bgcolor="#FFFFFF"] tr td {
           display: block !important;
           width: 100% !important;
           margin: 5px 0 !important;
           padding: 0 !important;
           text-align: center !important;
       }

       .bd_btn {
           padding: 8px 16px !important;
           font-size: 13px !important;
           margin: 3px !important;
       }

       /* 검색 폼 */
       table[width="890"][bgcolor="#FFFFFF"] td table {
           width: 100% !important;
       }

       table[width="890"][bgcolor="#FFFFFF"] td table tr {
           display: flex !important;
           flex-direction: column !important;
       }

       table[width="890"][bgcolor="#FFFFFF"] td table tr td {
           display: block !important;
           width: 100% !important;
           text-align: center !important;
           padding: 5px 0 !important;
           margin: 0 !important;
       }

       table[width="890"][bgcolor="#FFFFFF"] td table tr td:last-child {
           text-align: center !important;
           padding-top: 8px !important;
       }

       table[width="890"][bgcolor="#FFFFFF"] input[type="text"] {
           width: 100% !important;
           max-width: 100% !important;
           margin: 5px 0 !important;
       }

       table[width="890"][bgcolor="#FFFFFF"] input[type="radio"] {
           margin: 0 5px !important;
       }
   }

   /* 더 작은 화면 */
   @media screen and (max-width: 480px) {
       table[cellspacing="1"][width="890"] td[width="50"]:first-child {
           width: 40px !important;
           min-width: 40px !important;
           font-size: 11px !important;
       }

       table[cellspacing="1"][width="890"] td:nth-child(2) {
           font-size: 13px !important;
           padding: 10px 5px !important;
       }

       table[cellspacing="1"][width="890"] td:nth-child(4) {
           width: 70px !important;
           min-width: 70px !important;
           font-size: 10px !important;
           padding-right: 5px !important;
       }
   }
   /* 검색 영역 기본 스타일 */
   td.dsp table[cellspacing="0"] {
       width: 100%;
   }

   td.dsp table[cellspacing="0"] tr {
       display: flex;
       align-items: center;
       justify-content: flex-end;
       gap: 10px;
   }

   td.dsp table[cellspacing="0"] td {
       display: flex;
       align-items: center;
   }

   td.dsp table[cellspacing="0"] td:first-child {
       gap: 1px;
       flex-wrap: wrap;
   }

   td.dsp input[type="radio"] {
       margin: 0 5px 0 10px;
   }

   td.dsp input[type="text"] {
       width: 200px;
       padding: 8px 12px;
   }

   /* 모바일 검색 폼 */
   @media screen and (max-width: 768px) {
       td.dsp {
           display: block !important;
           width: 100% !important;
           position: static !important;
           left: 0 !important;
           text-align: center !important;
           margin-top: 15px !important;
       }

       td.dsp table[cellspacing="0"] {
           width: 100% !important;
           display: block !important;
       }

       td.dsp table[cellspacing="0"] tbody {
           display: block !important;
           width: 100% !important;
       }

       td.dsp table[cellspacing="0"] tr {
           display: block !important;
           width: 100% !important;
       }

       td.dsp table[cellspacing="0"] td {
           display: block !important;
           width: 100% !important;
           padding: 8px 0 !important;
           margin: 0 !important;
       }

       td.dsp table[cellspacing="0"] td:first-child {
           display: flex !important;
           justify-content: center !important;
           flex-wrap: wrap !important;
           gap: 8px !important;
           padding: 10px 0 !important;
           font-size: 13px;
       }

       td.dsp table[cellspacing="0"] td:nth-child(2) {
           width: 100% !important;
           padding: 8px 0 !important;
       }

       td.dsp table[cellspacing="0"] td:nth-child(3) {
           width: 100% !important;
           padding: 8px 0 !important;
       }

       td.dsp input[type="radio"] {
           margin: 0 4px !important;
       }

       td.dsp input[type="text"] {
           width: 100% !important;
           max-width: 100% !important;
           box-sizing: border-box !important;
           padding: 10px 14px !important;
           display: block !important;
       }

       td.dsp button {
           width: 100% !important;
           padding: 12px !important;
           font-size: 14px !important;
           box-sizing: border-box !important;
           display: block !important;
       }
   }

   /* 작은 모바일 */
   @media screen and (max-width: 480px) {
       td.dsp table[cellspacing="0"] td:first-child {
           font-size: 12px;
       }

       td.dsp input[type="radio"] {
           margin: 0 3px !important;
       }
   }



/**view style**/



/* ============================================
   VIEW 페이지 전용 스타일 (board_style.css에 추가)
   ============================================ */

/* 게시판 내용영역 */
#board_list {
    width: 100%;
    text-align: left;
    border-top: 2px solid #384978;
}

#board_list tr td.tb_subject {
    padding: 10px 25px 10px 20px ;
    color: #666666;
    background: #f2f2f2;
    text-align: left;
    border-bottom: 1px solid #EAEAEA;
}

#board_list tr td.tb_content {
    padding: 10px 0 10px 20px;
    text-align: left;
    border-bottom: 1px solid #EAEAEA;
}

table tr td.td_txt {
    line-height: 20px;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
}

.comment table tr td {
    padding: 5px 0 5px 0;
}

/* ============================================
   VIEW 페이지 모바일 반응형
   ============================================ */

@media screen and (max-width: 768px) {

    /* 전체 컨테이너 */
    table[width="890"][cellpadding="0"][cellspacing="0"] {
        width: 100% !important;
        max-width: 100% !important;
        margin:0 auto;
    }

    /* 게시글 정보 테이블 */
    table[width="890"][bgcolor="#FFFFFF"]#board_list {
        width: 100% !important;
        display: block !important;
    }



    /* 본문 테이블 */
    table[cellpadding="0"][cellspacing="1"][bgcolor="#FFFFFF"] {
        width: 100% !important;
    }

    /* 본문 내용 */
    table tr td[style*="word-break:break-all"] {
        width: 100% !important;
        padding: 15px 10px !important;
        box-sizing: border-box !important;
    }

    table tr td[style*="word-break:break-all"] table {
        width: 100% !important;
    }

    table tr td[style*="word-break:break-all"] table tbody,
    table tr td[style*="word-break:break-all"] table tr,
    table tr td[style*="word-break:break-all"] table td {
        display: block !important;
        width: 100% !important;
    }

    td.td_txt {
        width: 100% !important;
        padding: 15px 10px !important;
        word-break: break-all !important;
        box-sizing: border-box !important;
    }

    td.td_txt img {
        max-width: 100% !important;
        height: auto !important;
    }

    td.td_txt table {
        width: 100% !important;
    }

    td.td_txt p {
        width: 100% !important;
        word-break: break-all !important;
    }

    /* 링크/파일 다운로드 영역 */
    table tr td[align="right"][style*="padding:0 0 20px 0"] {
        padding: 15px 10px !important;
        text-align: left !important;
        word-break: break-all !important;
    }

    /* 상단 버튼 영역 */
    table[width="890"][bgcolor="#FFFFFF"] td[style*="padding:20px 0 20px 0"],
    table[bgcolor="#FFFFFF"] td[style*="padding:20px 0 20px 0"] {
        padding: 15px 10px !important;
        text-align: center !important;
    }

    table[bgcolor="#FFFFFF"] td[style*="padding:20px 0 20px 0"] table {
        width: 100% !important;
    }

    /* 댓글 전체 영역 */
    table[width="890"][cellpadding="0"][cellspacing="0"] > tbody > tr > td > table[bgcolor="#D4D4D4"] {
        width: 100% !important;
    }

    table[bgcolor="#D4D4D4"] {
        width: 100% !important;
    }

    table[bgcolor="#D4D4D4"] tbody,
    table[bgcolor="#D4D4D4"] tr,
    table[bgcolor="#D4D4D4"] td {
        display: block !important;
        width: 100% !important;
    }

    /* 댓글 작성 폼 */
    table[bgcolor="#EFEFEF"] {
        width: 100% !important;
    }

    table[bgcolor="#EFEFEF"] > tbody > tr > td {
        width: 100% !important;
        padding: 10px !important;
    }

    table[bgcolor="#EFEFEF"] table[width="890"] {
        width: 100% !important;
        display: block !important;
    }

    table[bgcolor="#EFEFEF"] table[width="890"] tbody {
        display: block !important;
    }

    table[bgcolor="#EFEFEF"] table[width="890"] tr {
        display: block !important;
        width: 100% !important;
    }

    table[bgcolor="#EFEFEF"] table[width="890"] tr td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    table[bgcolor="#EFEFEF"] table[width="890"] tr td[width="110px"],
    table[bgcolor="#EFEFEF"] table[width="890"] tr td[width="638px"],
    table[bgcolor="#EFEFEF"] table[width="890"] tr td[style*="width:97px"] {
        width: 100% !important;
    }

    table[bgcolor="#EFEFEF"] textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        min-height: 80px !important;
    }

    table[bgcolor="#EFEFEF"] input[type="image"] {
        max-width: 120px !important;
        height: auto !important;
    }

    /* 댓글 이름/비번 입력 테이블 */
    .comment {
        width: 100% !important;
    }

    .comment table {
        width: 100% !important;
        display: block !important;
    }

    .comment table tbody,
    .comment table tr,
    .comment table td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 5px 0 !important;
    }

    .comment input[type="text"],
    .comment input[type="password"] {
        width: 150px !important;
        max-width: 80% !important;
    }

    /* 댓글 목록 */
    table[width="890"][cellpadding="5"] {
        width: 100% !important;
    }

    table[width="890"][cellpadding="5"] > tbody > tr > td {
        width: 100% !important;
    }

    table[width="890"][cellpadding="5"] > tbody > tr > td > table {
        width: 100% !important;
    }

    /* 각 댓글 아이템 내부 테이블 */
    table[width="890"][cellpadding="5"] table[width="890"][cellpadding="0"] {
        width: 100% !important;
        display: block !important;
        position: relative !important;
        padding: 10px 5px !important;
        margin-bottom: 1px !important;
    }

    table[width="890"][cellpadding="5"] table[width="890"][cellpadding="0"] tbody {
        display: block !important;
    }

    table[width="890"][cellpadding="5"] table[width="890"][cellpadding="0"] tr {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    table[width="890"][cellpadding="5"] table[width="890"][cellpadding="0"] tr td {
        border: none !important;
        padding: 5px !important;
    }

    /* 댓글 작성자 */
    table[width="890"][cellpadding="5"] table[width="890"][cellpadding="0"] tr td[width="80px"] {
        width: auto !important;
        flex-shrink: 0 !important;
        font-weight: 600 !important;
    }

    /* 댓글 내용 */
    table[width="890"][cellpadding="5"] table[width="890"][cellpadding="0"] tr td[width="635px"] {
        flex: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        word-break: break-all !important;
        padding: 5px 10px !important;
    }

    /* 댓글 날짜 */
    table[width="890"][cellpadding="5"] table[width="890"][cellpadding="0"] tr td[width="90px"] {
        width: 100% !important;
        text-align: left !important;
        font-size: 11px !important;
        padding-top: 8px !important;
    }

    /* 댓글 수정/삭제 */
    table[width="890"][cellpadding="5"] table[width="890"][cellpadding="0"] tr td[width="65px"] {
        position: absolute !important;
        right: 10px !important;
        top: 10px !important;
        width: auto !important;
    }

    /* 구분선 */
    table[width="890"][cellpadding="5"] table[width="890"][cellpadding="0"] tr td[style*="border-bottom:1px solid #E8E8E8"] {
        border-bottom: none !important;
    }

    /* 하단 버튼 및 검색 */
    table[cellpadding="4"][cellspacing="1"] td[style*="padding:20px 0 0 0"] {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 5px !important;
        padding: 15px 10px !important;
    }
}

/* 작은 모바일 */
@media screen and (max-width: 480px) {

    td.td_txt {
        padding: 10px !important;
        font-size: 14px !important;
    }

    table[bgcolor="#EFEFEF"] textarea {
        min-height: 60px !important;
        font-size: 13px !important;
    }

    .bd_btn.small {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }
}
/* ============================================
   VIEW 페이지 게시글 정보 - 컴팩트 버전
   ============================================ */
   /* ============================================
      VIEW 페이지 전체 컨테이너 수정
      ============================================ */

   @media screen and (max-width: 768px) {

       /* body 전체 */
       body {
           overflow-x: hidden !important;
           margin: 0 !important;
           padding: 0 !important;
       }

       /* 전체 컨테이너 */
       table[width="890"][cellpadding="0"][cellspacing="0"] {
           width: 100% !important;
           max-width: 100% !important;
           padding: 0 !important;
           margin: 0 !important;
           box-sizing: border-box !important;
       }

       table[width="890"][cellpadding="0"][cellspacing="0"] > tbody > tr > td {
           padding: 0 10px !important;
           box-sizing: border-box !important;
       }

       /* 게시글 정보 테이블 */
       table[width="890"][bgcolor="#FFFFFF"]#board_list {
           width: 100% !important;
           max-width: 100% !important;
           margin: 0 !important;
           box-sizing: border-box !important;
       }

       #board_list {
           display: block !important;
           width: 100% !important;
           max-width: 100% !important;
           overflow: hidden !important;
           background: #fff !important;
           box-sizing: border-box !important;
           margin: 0 !important;
           border:none;
       }

       #board_list tbody {
           display: block !important;
           width: 100% !important;
       }

       #board_list tr {
           display: grid !important;
           grid-template-columns: 70px 1fr !important;
           width: 100% !important;
           max-width: 100% !important;
           border-bottom: 1px solid #f5f5f5 !important;
           align-items: center !important;
           box-sizing: border-box !important;
       }

       #board_list tr:last-child {
           border-bottom: none !important;
       }

       #board_list tr td {
           padding: 8px 10px !important;
           border: none !important;
           font-size: 14px !important;
           box-sizing: border-box !important;
           word-break: break-all !important;
           overflow: hidden !important;
       }

       #board_list td.tb_subject {
           background: #fff !important;
           font-weight: 600 !important;
           border-right: 1px solid #e0e0e0 !important;
           grid-column: 1 !important;
           color: #555 !important;
           font-size: 13px !important;
       }

       #board_list td.tb_content {
           grid-column: 2 !important;
           padding: 8px 10px !important;
           color: #333 !important;
           line-height: 1.4 !important;
           overflow-x: auto !important;
           overflow-y: hidden !important;
           white-space: nowrap !important;
           max-width: 100% !important; /* grid에서 넘침 방지 */
           word-break: normal !important;
       }
       /* 스크롤바 스타일링 (선택사항) */


       /* 글쓴이 내부 테이블 */
       #board_list td.tb_content table {
           display: inline !important;
           width: auto !important;
           max-width: 100% !important;
       }

       #board_list td.tb_content table tbody,
       #board_list td.tb_content table tr,
       #board_list td.tb_content table td {
           display: inline !important;
           width: auto !important;
       }

       /* 날짜 폰트 크기 */
       #board_list td.tb_content font {
           font-size: 16px !important;
           color: #666 !important;
           word-break: break-all !important;
       }

       /* 상단 구분선 숨김 */
       #board_list tr:first-child td[colspan="2"] {
           display: none !important;
       }

       /* 본문 테이블 */
       table[cellpadding="0"][cellspacing="1"][bgcolor="#FFFFFF"] {
           width: 100% !important;
           max-width: 100% !important;
           box-sizing: border-box !important;
       }

       /* 본문 내용 */
       table tr td[style*="word-break:break-all"] {
           width: 100% !important;
           padding: 15px 10px !important;
           box-sizing: border-box !important;
       }

   }

   /* 작은 모바일 */
   @media screen and (max-width: 480px) {
       table[width="890"][cellpadding="0"][cellspacing="0"] > tbody > tr > td {
           padding: 0 8px !important;
       }

       #board_list {
           margin: 8px 0 !important;
       }

       #board_list tr {
           grid-template-columns: 60px 1fr !important;
       }

       #board_list tr td {
           padding: 7px 8px !important;
           font-size: 16px !important;
       }

       #board_list td.tb_subject {
           padding: 7px 6px !important;
           font-size: 16px !important;
       }

       #board_list td.tb_content {
           padding: 7px 8px !important;
       }

       #board_list td.tb_content font {
           font-size: 16px !important;
       }
   }
   /* ============================================
      모바일 게시판 리스트 - 제목 여러 줄 표시
      ============================================ */

   @media screen and (max-width: 768px) {

       /* 제목 컬럼 */
       table[cellspacing="1"][width="890"] td:nth-child(2) {
           display: block !important;
           flex: 1 !important;
           min-width: 0 !important;
           padding: 12px 8px !important;
           font-size: 14px !important;
           font-weight: 500 !important;
           text-align: left !important;
           overflow: visible !important;
       }

       table[cellspacing="1"][width="890"] td:nth-child(2) a {
           color: #333 !important;
           text-decoration: none !important;
           display: block !important;
           line-height: 1.5 !important;
           overflow: visible !important;
           text-overflow: unset !important;
           white-space: normal !important;  /* 여러 줄 허용 */
           word-break: keep-all !important;  /* 단어 단위 줄바꿈 */
           font-size: 15px;
       }

   }

   /* 작은 모바일 */
   @media screen and (max-width: 480px) {

       table[cellspacing="1"][width="890"] td:nth-child(2) {
           padding: 10px 5px !important;
       }

       table[cellspacing="1"][width="890"] td:nth-child(2) a {
           font-size: 14px !important;
           line-height: 1.4 !important;
       }

   }