@charset "utf-8";
/* 개인파산 신속한 상담 — 검색 + 게시판 목록 + 페이징 */

/* ---------- 검색 ---------- */
.bkc-search{position:relative;z-index:1;display:flex;gap:5px;flex:0 1 475px;flex-wrap:wrap;justify-content:flex-end}
.bkc-search__select{position:relative;flex:0 0 119px}
.bkc-search__select select{width:100%;height:55px;padding:0 40px 0 20px;border:1px solid var(--kjs-line);border-radius:6px;background:#fff;font-family:var(--ff-kr);font-size:15px;color:#000;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.bkc-search__select img{position:absolute;right:20px;top:50%;width:12px;height:8px;margin-top:-4px;pointer-events:none}
.bkc-search__input{flex:1 1 200px;min-width:0;height:55px;padding:0 20px;border:1px solid var(--kjs-line);border-radius:6px;background:#fff;font-family:var(--ff-kr);font-size:15px;color:#000;transition:border-color .2s,box-shadow .2s}
.bkc-search__input::placeholder{color:#000;opacity:1}
.bkc-search__select select:hover,.bkc-search__input:hover{border-color:#aaa}
.bkc-search__select select:focus,.bkc-search__input:focus{outline:0;border-color:var(--kjs-brand-deep-teal);box-shadow:0 0 0 3px rgba(0,49,71,.12)}
.bkc-search__btn{flex:0 0 58px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--kjs-brand-deep-teal);transition:background-color .25s,translate .25s var(--ease-out)}
.bkc-search__btn:hover{background:var(--kjs-accent-orange);translate:0 -2px}
.bkc-search__btn img{width:20px;height:20px}
.bkc-search__msg{flex:1 0 100%;font-size:13px;line-height:1.4;text-align:right;color:var(--kjs-brand-deep-teal)}
.bkc-search__msg:empty{display:none}
.bkc-search.is-error .bkc-search__input{border-color:#e5484d}
.bkc-search.is-error .bkc-search__msg{color:#e5484d}

/* ---------- 게시판 표 ---------- */
.bkc-board{display:flex;flex-direction:column;gap:50px}
.bkc-board__table{width:100%;table-layout:fixed}
.bkc-board__table thead tr{background:#000;filter:drop-shadow(4px 6px 10px rgba(0,0,0,.2))}
.bkc-board__table th{padding:20px 10px;color:#fff;font-size:clamp(17px,1.04vw,20px);font-weight:700;line-height:1.6;text-align:center}
.bkc-board__table th + th{border-left:1px solid #ddd}
.bkc-board__table th:first-child{border-radius:10px 0 0 10px}
.bkc-board__table th:last-child{border-radius:0 10px 10px 0}
.bkc-board__table th.bkc-board__no,.bkc-board__table th.bkc-board__hit{width:clamp(80px,7.81vw,150px)}
.bkc-board__table th.bkc-board__writer,.bkc-board__table th.bkc-board__date{width:clamp(120px,10.42vw,200px)}
.bkc-board__table td{padding:30px 10px;border-bottom:1px solid #ccc;font-size:clamp(16px,.94vw,18px);line-height:1.6;color:#000;text-align:center;vertical-align:middle;transition:background-color .25s}
.bkc-board__table td + td{border-left:1px solid #ccc}
.bkc-board__table tbody tr:hover td{background:#faf7f4}
.bkc-board__table td.bkc-board__subject{padding-inline:clamp(16px,1.56vw,30px);text-align:left}
.bkc-board__subj{display:flex;align-items:center;gap:10px;min-width:0}
.bkc-board__link{color:#000;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .25s,text-decoration-color .25s;word-break:keep-all}
.bkc-board__link:hover{color:var(--kjs-accent-orange-dark);text-decoration-color:currentColor}
.bkc-board__lock{flex:none;width:24px;height:24px}
.bkc-board__re{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100px;background:var(--kjs-accent-orange);color:#fff;font-size:13px;font-weight:500;line-height:1;vertical-align:-7px}
.bkc-board__hit-label{display:none}

/* ---------- 하단: 페이징 + 글쓰기 ---------- */
.bkc-board__foot{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:59px}
.bkc-pager{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:center;gap:4px}
.bkc-pager__list{display:flex;gap:4px}
.bkc-pager__num{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#eee;color:#000;font-size:16px;line-height:24px;transition:background-color .25s,color .25s,translate .25s var(--ease-out)}
.bkc-pager__num:hover{background:#ffe9d7;color:var(--kjs-accent-orange-dark);translate:0 -2px}
.bkc-pager__num[aria-current="page"]{background:var(--kjs-accent-orange);color:#fff}
.bkc-pager__arrow{display:flex;align-items:center;justify-content:center;padding:10px 0 10px 16px;opacity:1;transition:opacity .25s,translate .25s var(--ease-out)}
.bkc-pager__arrow img{width:15px;height:29px}
.bkc-pager__arrow--first,.bkc-pager__arrow--prev{padding:10px 16px 10px 0}
.bkc-pager__arrow--first img,.bkc-pager__arrow--prev img{transform:scaleX(-1)}
.bkc-pager__arrow--first{padding-right:0;margin-right:5px}
.bkc-pager__arrow--first + .bkc-pager__arrow--prev{padding-left:15px}
.bkc-pager__arrow:hover{opacity:.55}
.bkc-pager__arrow--prev:hover,.bkc-pager__arrow--first:hover{translate:-2px 0}
.bkc-pager__arrow:not(.bkc-pager__arrow--prev):not(.bkc-pager__arrow--first):hover{translate:2px 0}
/* 시안: 흰 테두리·흰 글자(배경과 동색이라 보이지 않음) → 브랜드 teal 로 가시화 */
.bkc-write{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border-radius:100px;background:var(--kjs-brand-deep-teal);color:#fff;font-family:var(--ff-pre);font-size:18px;font-weight:700;line-height:1;transition:background-color .3s,box-shadow .3s,translate .3s var(--ease-out)}
.bkc-write img{width:18px;height:20px;transform:rotate(45deg)}
.bkc-write:hover{background:var(--kjs-accent-orange);box-shadow:0 10px 24px rgba(246,137,49,.32);translate:0 -2px}

@media (max-width:1279.98px){
  .bkc-board__foot{flex-direction:column;gap:24px}
  .bkc-pager{position:static;translate:none}
}
@media (max-width:1023.98px){
  .bkc-search{flex:1 1 100%;justify-content:flex-start}
}
/* 모바일: 표 → 카드형 목록 */
@media (max-width:767.98px){
  .bkc-board{gap:32px}
  .bkc-board__table,.bkc-board__table tbody{display:block}
  .bkc-board__table thead{display:none}
  .bkc-board__table tr{display:grid;grid-template-columns:auto auto auto 1fr;gap:6px 12px;padding:18px 4px;border-bottom:1px solid #ccc}
  .bkc-board__table td{display:block;padding:0;border:0;font-size:14px;color:#666;text-align:left}
  .bkc-board__table td + td{border-left:0}
  .bkc-board__table td.bkc-board__subject{grid-column:1/-1;grid-row:1;padding:0;font-size:16px;color:#000}
  .bkc-board__no{grid-row:2;color:#999}
  .bkc-board__hit{text-align:right}
  .bkc-board__hit-label{display:inline}
  .bkc-board__table tbody tr:hover td{background:transparent}
  .bkc-board__subj{gap:6px}
  .bkc-board__lock{width:20px;height:20px}
  .bkc-board__re{width:26px;height:26px;font-size:12px}
  .bkc-intro .sec-intro__ghost{font-size:13vw}
  .bkc-search__select{flex-basis:96px}
  .bkc-search__input{flex:1 1 0;font-size:14px;padding:0 14px}
  .bkc-search__select select,.bkc-search__input,.bkc-search__btn{height:50px}
  .bkc-search__btn{flex-basis:50px}
  .bkc-search__msg{text-align:left}
  .bkc-pager{gap:2px}
  .bkc-pager__list{gap:2px}
  .bkc-pager__num{width:38px;height:38px;font-size:15px}
  .bkc-pager__arrow{padding:8px 0 8px 8px}
  .bkc-pager__arrow--first,.bkc-pager__arrow--prev{padding:8px 8px 8px 0}
  .bkc-pager__arrow img{width:12px;height:23px}
}
.bkc-pager__num[aria-current="page"]:hover{background:#e47a24;box-shadow:0 6px 14px rgba(246,137,49,.35)}