/* =====================================================
   셀러찾기 게시판 스킨 CSS (default 스킨 기능 위에 리스타일)
===================================================== */
.board{--bd-brand:#2f4ed8;--bd-brand-d:#2540c4;--bd-ink:#16233b;--bd-line:#e7e9ef;--bd-line2:#eef0f4;--bd-text:#1c2230;--bd-text2:#5a6172;--bd-muted:#9298a8;--bd-hot:#ff5a5f;
  font-size:14px;color:var(--bd-text);letter-spacing:-.2px}
.board a{text-decoration:none;color:var(--bd-text)}
.board a:hover{color:var(--bd-brand)}
.board img{max-width:100%;height:auto}

/* 게시판 헤더/설정 */
.board .board_header{display:flex;justify-content:flex-end;padding:6px 0}
.board .board_header .setup{font-size:11.5px;color:var(--bd-muted);border:1px solid var(--bd-line);border-radius:6px;padding:3px 9px}
.board .board_header .setup:hover{color:var(--bd-brand);border-color:var(--bd-brand)}

/* 분류 탭 (말머리) → 칩 스타일 */
.board .cTab{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:14px 0 4px;padding:0}
.board .cTab li{margin:0;padding:0}
.board .cTab li a{display:inline-block;border:1px solid var(--bd-line);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--bd-text2);background:#fff}
.board .cTab li.on > a{background:var(--bd-brand);border-color:var(--bd-brand);color:#fff}
.board .cTab li a:hover{border-color:var(--bd-brand);color:var(--bd-brand)}
.board .cTab li.on > a:hover{color:#fff}
.board .cTab li ul{display:none}

/* ── 목록 테이블 ── */
.board .board_list{margin-top:10px}
.board .board_list table{width:100%;border-collapse:collapse;border:none !important;table-layout:auto}
.board .board_list thead th{font-size:12px;color:var(--bd-muted);font-weight:600;border:none;border-bottom:1px solid var(--bd-line2);padding:10px 6px;background:#fafbfc;text-align:center}
.board .board_list thead th a{color:var(--bd-muted)}
.board .board_list thead th.title{text-align:left;padding-left:10px}
.board .board_list td{border:none;border-bottom:1px solid var(--bd-line2);padding:11px 6px;font-size:13.5px;vertical-align:middle;text-align:center}
.board .board_list tbody tr:hover td{background:#f8f9fc}
.board .board_list td.no{width:64px;color:var(--bd-muted);font-size:12px}
.board .board_list td.title{text-align:left;padding-left:10px;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board .board_list td.title a{font-weight:500}
.board .board_list td.title a:hover{color:var(--bd-brand);text-decoration:underline}
.board .board_list td.title .replyNum{color:var(--bd-hot);font-size:11.5px;font-weight:800;margin-left:4px}
.board .board_list td.title .replyNum:hover{text-decoration:none}
.board .board_list td.author{width:110px;color:var(--bd-text2);font-size:12.5px}
.board .board_list td.author a{color:var(--bd-text2)}
.board .board_list td.time{width:74px;color:var(--bd-muted);font-size:12px}
.board .board_list td.readNum,.board .board_list td.readedNum,.board .board_list td.votedNum{width:60px;color:var(--bd-muted);font-size:12px}
/* 공지 행 */
.board .board_list tr.notice td{background:#fbfcff}
.board .board_list tr.notice td.notice{font-size:11px;font-weight:800;color:#fff}
.board .board_list tr.notice td.notice::before{content:"";}
.board .board_list tr.notice td.notice{color:transparent;position:relative}
.board .board_list tr.notice td.notice::after{content:"공지";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bd-ink);color:#fff;font-size:10.5px;font-weight:800;border-radius:5px;padding:2px 7px}
.board .board_list tr.notice td.title a{font-weight:700}
/* 새 글 아이콘(이미지) 톤 */
.board .board_list td.title img{vertical-align:-2px;margin-left:3px}

/* ── 페이지네이션 ── */
.board .pagination{display:flex;justify-content:center;align-items:center;gap:4px;padding:20px 0 6px;text-align:center}
.board .pagination a,.board .pagination strong{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;color:var(--bd-text2);border:1px solid transparent;padding:0 6px;font-weight:500}
.board .pagination a:hover{border-color:var(--bd-line);background:#fff;color:var(--bd-brand)}
.board .pagination strong{background:var(--bd-brand);color:#fff;font-weight:800}
.board .pagination .direction{color:var(--bd-muted);font-weight:700}

/* ── 하단 버튼/검색 ── */
.board .list_footer{margin-top:6px}
.board .btnArea{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0}
.board a.btn,.board button.btn,.board .btnArea .btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--bd-text2);border:1px solid var(--bd-line);font-weight:700;font-size:13px;padding:9px 16px;border-radius:9px;cursor:pointer;line-height:1}
.board a.btn:hover,.board button.btn:hover{color:var(--bd-brand);border-color:var(--bd-brand);background:#fff}
/* 쓰기 버튼 강조 */
.board .btnArea a[href*="dispBoardWrite"].btn,.board a.btn.write{background:var(--bd-brand);border-color:var(--bd-brand);color:#fff}
.board .btnArea a[href*="dispBoardWrite"].btn:hover{background:var(--bd-brand-d);color:#fff}
.board .board_search{display:flex;justify-content:center;gap:8px;padding:14px 0 4px;border-top:1px solid var(--bd-line2);margin-top:10px}
.board .board_search select,.board .board_search input[type=text]{border:1px solid var(--bd-line);border-radius:8px;padding:8px 12px;font-size:13.5px;outline:none;background:#fff}
.board .board_search input[type=text]:focus{border-color:var(--bd-brand)}
.board .board_search .btn,.board .board_search button,.board .board_search input[type=submit]{background:var(--bd-brand);color:#fff;border:1px solid var(--bd-brand);border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer}

/* ── 글 보기 ── */
.board .board_read{margin-top:8px}
.board .board_read .read_header,.board .board_read h1,.board .board_read h2.title{border-bottom:1px solid var(--bd-line2)}
.board .board_read h1,.board .board_read h2{font-size:20px;font-weight:800;letter-spacing:-.4px;line-height:1.4;margin:14px 0 10px}
.board .board_read .meta,.board .board_read .info{display:flex;gap:12px;align-items:center;font-size:12.5px;color:var(--bd-muted);flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--bd-line2)}
.board .board_read .meta a,.board .board_read .info a{color:var(--bd-text);font-weight:700}
.board .board_read .read_body,.board .board_read .xe_content{font-size:15px;line-height:1.85;color:var(--bd-text);padding:22px 2px}
.board .board_read .files{background:#fafbfc;border:1px solid var(--bd-line2);border-radius:10px;padding:12px 14px;font-size:13px;margin:8px 0}
.board .board_read .files a{color:var(--bd-text2)}
.board .board_read .files a:hover{color:var(--bd-brand)}

/* 추천/버튼 영역 */
.board .board_read .btnArea{border-top:1px solid var(--bd-line2);margin-top:14px;padding-top:14px}

/* ── 댓글 ── */
.board .feedback,.board .fbList{margin-top:10px}
.board .fbHeader{font-size:15px;font-weight:800;padding:14px 0 10px;border-top:1px solid var(--bd-line2)}
.board .fbList{list-style:none;margin:0;padding:0}
.board .fbList .fbItem{border-top:1px solid var(--bd-line2);padding:13px 2px}
.board .fbList .fbItem .pf,.board .fbList .fbItem .meta{font-size:13px}
.board .fbList .fbItem .meta a{font-weight:700}
.board .fbList .fbItem .meta{color:var(--bd-muted)}
.board .fbList .fbItem .xe_content{font-size:13.5px;margin-top:4px;line-height:1.7}
.board .fbList .fbItem.indent{background:#fafbfc;border-radius:8px}
.board .fbFooter{padding:8px 0}
/* 댓글 입력 */
.board .exForm{background:#fafbfc;border:1px solid var(--bd-line2);border-radius:12px;padding:14px;margin-top:12px}
.board .exForm textarea{width:100%;border:1px solid var(--bd-line);border-radius:10px;padding:10px 12px;min-height:72px;resize:vertical;outline:none;box-sizing:border-box;font-size:14px}
.board .exForm textarea:focus{border-color:var(--bd-brand)}
.board .exForm .iText{border:1px solid var(--bd-line);border-radius:8px;padding:7px 10px;font-size:13px;outline:none}
.board .exForm .btn,.board .exForm input[type=submit],.board .exForm button[type=submit]{background:var(--bd-brand);color:#fff;border:1px solid var(--bd-brand);border-radius:9px;padding:9px 18px;font-weight:700;cursor:pointer}

/* ── 글쓰기 폼 ── */
.board .board_write input[type=text],.board .board_write input[type=password],.board .board_write select{border:1px solid var(--bd-line);border-radius:9px;padding:10px 12px;font-size:14px;outline:none;background:#fff;box-sizing:border-box}
.board .board_write input[type=text]:focus{border-color:var(--bd-brand)}
.board .board_write .btnArea{justify-content:flex-end}

/* 태그 목록 등 */
.board .tag_list a{display:inline-block;background:#eef2ff;color:#4353c7;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;margin:2px}

/* ── 반응형 ── */
@media (max-width:760px){
  .board .board_list thead{display:none}
  .board .board_list td.readNum,.board .board_list td.readedNum,.board .board_list td.votedNum,.board .board_list td.no{display:none}
  .board .board_list table,.board .board_list tbody,.board .board_list tr,.board .board_list td{display:block;width:100% !important;box-sizing:border-box}
  .board .board_list tr{border-bottom:1px solid var(--bd-line2);padding:10px 2px}
  .board .board_list td{border:none;padding:2px 4px;text-align:left}
  .board .board_list td.title{white-space:normal;font-size:14.5px;max-width:none;overflow:visible}
  .board .board_list td.author,.board .board_list td.time{display:inline-block;width:auto !important;font-size:11.5px;color:var(--bd-muted)}
  .board .board_list tr.notice td.notice{display:inline-block;width:auto;min-width:44px;height:20px}
  .board .board_search select{display:none}
  .board .board_search{flex-wrap:wrap}
  .board .board_search input[type=text]{flex:1;min-width:0}
}

/* v2: 글보기 하단 버튼 정렬 + 잔여 sns 숨김 */
.board .board_read .btnArea{display:flex;justify-content:flex-end;gap:8px;align-items:center}
.board .board_read .btnArea .etc{margin-left:auto;order:-1}
.board ul.sns{display:none !important}

/* v2.1: 모바일에서 관리자 체크박스 숨김 */
@media (max-width:760px){
  .board .board_list input.iCheck{display:none}
  .board .board_list thead th:last-child{display:none}
}

/* v2.2: 720px 이하 폭·터치 영역 통일 */
@media (max-width:720px){
  .board,.board *{box-sizing:border-box}
  .board,
  .board .board_list,
  .board .board_read,
  .board .read_body,
  .board .xe_content,
  .board form,
  .board table{
    min-width:0;
    max-width:100%;
  }
  .board img,.board video,.board iframe{max-width:100%}
  .board img,.board video{height:auto}
  .board input,.board select,.board textarea,.board button{max-width:100%}

  .board .board_list tr{
    position:relative;
    min-height:64px;
  }
  .board .board_list td.title > a:first-child,
  .board .board_list td.title > a:first-child *{
    font-family:"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif !important;
    font-size:14.5px !important;
    font-weight:600 !important;
    line-height:1.45 !important;
    letter-spacing:-.2px !important;
    font-synthesis:none;
  }
  .board .board_list td.title > a:first-child::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
  }
  .board .board_list td.title > a:not(:first-child),
  .board .board_list td.author a,
  .board .board_list td.module_title a,
  .board .board_list td.lastReply a,
  .board .board_list .cd-document-tags a,
  .board .board_list input,
  .board .board_list button{
    position:relative;
    z-index:2;
  }
  .board .board_list td.check{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    min-height:44px;
    position:relative;
    z-index:2;
  }
  .board .board_list input.iCheck{
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 8px;
  }
  .board .board_list td.title > a:first-child:focus-visible{
    outline:2px solid var(--bd-brand);
    outline-offset:3px;
  }

  .board .exOut table{
    width:100%;
    table-layout:fixed;
  }
  .board .exOut th{
    width:92px;
    min-width:0;
    word-break:keep-all;
    white-space:normal;
  }
  .board .exOut td{
    min-width:0;
    overflow-wrap:anywhere;
  }

  .board .board_read .btnArea{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .board .board_read .btnArea > .btn,
  .board .board_read .btnArea .etc,
  .board .board_read .btnArea .etc .btn{
    width:100%;
    min-width:0;
    min-height:44px;
    justify-content:center;
  }
  .board .board_read .btnArea .etc{
    grid-column:1/-1;
    margin-left:0;
    order:initial;
  }
  .board .board_search .btn,
  .board .board_search button,
  .board .board_search input[type=submit]{
    min-height:44px;
  }
}