@charset "utf-8";
/* 개인회생 상담 — 시안 227:77 */
/* 검색 (시안: 119 · 288 · 58 / h55 / gap5 / radius6) */
.cs-search{position:relative;z-index:1;display:flex;gap:5px;flex:none;align-self:flex-end}
.cs-search__select{position:relative;width:119px;flex:none}
.cs-search__select select{width:100%;height:55px;padding:0 40px 0 20px;border:1px solid var(--kjs-line);border-radius:6px;background:#fff;font-size:15px;line-height:1;color:#000;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s}
.cs-search__select img{position:absolute;right:20px;top:50%;width:12px;height:8px;margin-top:-4px;pointer-events:none}
.cs-search__input{width:288px;height:55px;padding:0 20px;border:1px solid var(--kjs-line);border-radius:6px;background:#fff;font-size:15px;color:#000;transition:border-color .2s,box-shadow .2s}
.cs-search__input::placeholder{color:#000}
.cs-search select:hover,.cs-search__input:hover{border-color:#bbb}
.cs-search select:focus,.cs-search__input:focus{outline:0;border-color:var(--kjs-brand-deep-teal);box-shadow:0 0 0 3px rgba(0,49,71,.12)}
.cs-search__btn{display:flex;align-items:center;justify-content:center;width:58px;height:55px;flex:none;border-radius:6px;background:var(--kjs-brand-deep-teal);transition:background-color .25s}
.cs-search__btn:hover{background:var(--kjs-accent-orange)}
/* 돋보기 — 시안은 xeicon 글리프(폰트 미보유) → CSS 형태 */
.cs-search__ico{position:relative;width:18px;height:18px;border:2px solid #fff;border-radius:50%;translate:-2px -2px}
.cs-search__ico::after{content:"";position:absolute;right:-6px;bottom:-5px;width:7px;height:2px;background:#fff;rotate:45deg;border-radius:2px}
@media (max-width:1279.98px){ .cs-search{width:100%} .cs-search__input{flex:1;width:auto;min-width:0} }

/* 목록 */
.cs-board{display:flex;flex-direction:column;gap:50px}
.cs-table tbody td{padding-block:clamp(20px,1.56vw,30px)}
.cs-title{text-align:left}
.cs-title__link{display:inline-flex;align-items:center;gap:10px;max-width:100%;transition:color .25s}
.cs-title__txt{min-width:0}
.cs-title__link img{width:24px;height:24px;flex:none}
.cs-title__link:hover{color:var(--kjs-accent-orange)}
.cs-title__link:hover .cs-title__txt{text-decoration:underline;text-underline-offset:4px}
.cs-re{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:100px;background:var(--kjs-accent-orange);color:#fff;font-size:13px;font-weight:500;line-height:1}
.cs-empty td{padding:60px 0;color:var(--kjs-text-sub)}
.cs-toast{min-height:0;margin-top:-34px;text-align:center;font-size:15px;color:var(--kjs-accent-orange-dark)}
.cs-toast:empty{display:none}

/* 페이지 · 글쓰기 */
.cs-foot{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:60px}
.cs-paging{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:center;gap:4px}
.cs-paging__num{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#eee;font-size:16px;line-height:24px;color:#000;transition:background-color .25s,color .25s}
.cs-paging__num:hover{background:#ffe1c8}
.cs-paging__num[aria-current="page"]{background:var(--kjs-accent-orange);color:#fff}
.cs-paging__arrow{display:flex;align-items:center;justify-content:center;width:36px;height:50px;transition:opacity .25s,translate .25s var(--ease-out)}
.cs-paging__arrow img{width:15px;height:29px}
.cs-paging__arrow--rev img{scale:-1 1}
.cs-paging__arrow:hover{opacity:.6}
.cs-write-btn{gap:10px}
.cs-write-btn__ico{width:18px;height:20px;rotate:45deg;filter:brightness(0) invert(1);transition:translate .3s var(--ease-out)}
.cs-write-btn:hover .cs-write-btn__ico{translate:2px -2px}

@media (max-width:1023.98px){
  .cs-foot{flex-direction:column;gap:24px}
  .cs-paging{position:static;translate:none}
  .cs-write-btn{align-self:flex-end}
}
@media (max-width:767.98px){
  .cs-search{flex-wrap:wrap}
  .cs-search__select{width:100px}
  .cs-search__select select,.cs-search__input,.cs-search__btn{height:48px}
  .cs-search__btn{width:48px}
  .cs-board{gap:32px}
  /* 목록 → 카드 */
  .cs-table,.cs-table tbody,.cs-table tr,.cs-table td{display:block;width:auto}
  .cs-table thead{display:none}
  .cs-table colgroup{display:none}
  .cs-table tbody tr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:16px 2px;border-bottom:1px solid #ccc;text-align:left}
  .cs-table tbody td{border:0!important;padding:0!important;font-size:14px;color:var(--kjs-text-sub)}
  .cs-table .cs-no{order:1;font-size:13px}
  .cs-table .cs-title{order:0;flex:0 0 100%;font-size:16px;color:#000}
  .cs-title__link{gap:6px}
  .cs-title__link img{width:20px;height:20px}
  .cs-re{width:24px;height:24px;font-size:11px}
  .cs-table .cs-author{order:2}
  .cs-table .cs-date{order:3}
  .cs-table .cs-view{order:4}
  .cs-table .cs-view::before{content:"조회 "}
  .cs-table .cs-author::before,.cs-table .cs-date::before,.cs-table .cs-view::after{content:none}
  .cs-table .cs-date::before{content:"· "}
  .cs-table .cs-view::before{content:"· 조회 "}
  .cs-table .cs-empty td{flex:1;text-align:center;padding:40px 0!important}
  .cs-table tbody tr:hover{background:none}
  .cs-paging{gap:2px}
  .cs-paging__num{width:38px;height:38px;font-size:15px}
  .cs-paging__arrow{width:26px;height:38px}
  .cs-paging__arrow img{width:11px;height:21px}
  .cs-toast{margin-top:-16px}
}

/* 글쓰기 모달 (common.css .modal 재사용) */
.cs-modal__dialog{width:640px}
.cs-modal__quick{font-size:15px;line-height:1.6;color:var(--kjs-text-sub);background:var(--kjs-surface-soft);border-radius:8px;padding:12px 16px}
.cs-modal__quick a,.cs-modal__sms{font-weight:700;color:var(--kjs-brand-deep-teal);text-decoration:underline;text-underline-offset:3px;transition:color .2s}
.cs-modal__quick a:hover,.cs-modal__sms:hover{color:var(--kjs-accent-orange)}
.cs-form{display:flex;flex-direction:column;gap:18px}
.cs-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cs-form .field__label{font-size:16px}
.cs-agree{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:14px 16px;border:1px solid var(--kjs-line);border-radius:8px}
.cs-agree.is-error{border-color:#e5484d}
.cs-agree__chk{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;cursor:pointer}
.cs-agree__chk input{width:18px;height:18px;accent-color:var(--kjs-accent-orange);margin:0}
.cs-agree__chk em{font-style:normal;color:#e5484d}
.cs-agree__link{font-size:14px;color:var(--kjs-brand-deep-teal);text-decoration:underline;text-underline-offset:3px;transition:color .2s}
.cs-agree__link:hover{color:var(--kjs-accent-orange)}
.cs-agree__desc{flex:0 0 100%;font-size:13px;color:var(--kjs-text-muted)}
.cs-agree .field__err{flex:0 0 100%}
.cs-agree .field__err:empty{display:none}
@media (max-width:767.98px){ .cs-form__grid{grid-template-columns:1fr} }
/* 긴 ghost 단어(CONSULTATION) 390 폭 넘침 방지 */
@media (max-width:767.98px){ .page-rehab-consultation .sec-intro__ghost{font-size:min(54px,12.5vw)} }
.cs-table tr[hidden]{display:none!important}
@media (max-width:767.98px){ .cs-search__input{padding:0 12px;font-size:14px} .cs-search__select select{padding-left:14px} }
.cs-paging__num[aria-current="page"]:hover{background:#e47a24;box-shadow:0 6px 14px rgba(246,137,49,.35)}