@charset "utf-8";
/* 게시판 공통 (실제진행사례 243:1524 · 상담게시판 245:48 및 파생 view/write) */
.bd > .inner{gap:60px}
.bd-intro{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px;padding-top:clamp(32px,2.6vw,50px)}
.bd-intro .sec-intro__text{flex:1 1 520px}
.bd-intro .sec-intro__title{margin-top:clamp(18px,1.67vw,32px);letter-spacing:-.034em}
.bd-intro .sec-intro__desc{margin-top:clamp(10px,.94vw,18px)}

/* ---------- 검색 (243:1556) ---------- */
.bd-search{position:relative;z-index:1;display:flex;gap:5px;flex:none}
.bd-search__sel,.bd-search__input{height:55px;border:1px solid var(--kjs-line);border-radius:6px;background:#fff;font-size:15px;color:#000;transition:border-color .2s,box-shadow .2s}
.bd-search__sel{width:119px;padding:0 40px 0 20px;appearance:none;background:#fff url(../../images/comm/icon_angle_down.svg) no-repeat right 20px center/12px 8px;cursor:pointer}
.bd-search__input{width:288px;padding:0 20px}
.bd-search__input::placeholder{color:#000}
.bd-search__sel:focus,.bd-search__input:focus{outline:0;border-color:var(--kjs-brand-deep-teal);box-shadow:0 0 0 3px rgba(0,49,71,.12)}
.bd-search__btn{display:flex;align-items:center;justify-content:center;width:58px;height:55px;border-radius:6px;background:var(--kjs-brand-deep-teal);transition:background-color .25s}
.bd-search__btn img{width:20px;height:20px}
.bd-search__btn:hover{background:var(--kjs-accent-orange)}

/* ---------- 목록 표 (243:1566) ---------- */
.bd-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;text-align:center;font-size:clamp(16px,.94vw,18px);line-height:1.6;color:#000}
.bd-table col.c-no{width:150px}.bd-table col.c-who{width:200px}.bd-table col.c-date{width:200px}.bd-table col.c-hit{width:150px}
.bd-table thead{filter:drop-shadow(4px 6px 10px rgba(0,0,0,.2))}
.bd-table th{padding:20px 10px;background:#000;color:#fff;font-size:clamp(17px,1.04vw,20px);font-weight:700;border-left:1px solid #ddd}
.bd-table th:first-child{border-left:0;border-radius:10px 0 0 10px}
.bd-table th:last-child{border-radius:0 10px 10px 0}
.bd-table td{padding:30px 10px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;vertical-align:middle}
.bd-table td:first-child{border-left:0}
.bd-table td.bd-table__title{padding-inline:30px;text-align:left}
.bd-table tbody tr{transition:background-color .25s}
.bd-table tbody tr:hover{background:#fafafa}
.bd-table tr.is-notice{background:#f6f6f6}
.bd-table tr.is-notice:hover{background:#f1f1f1}
.bd-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:4px;background:var(--kjs-accent-orange);color:#fff;font-size:15px;font-weight:600;line-height:1}
.bd-link{display:inline-flex;align-items:center;gap:10px;max-width:100%;vertical-align:middle}
.bd-link__txt{background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;transition:color .25s,background-size .3s var(--ease-out)}
.bd-link:hover .bd-link__txt{color:var(--kjs-accent-orange);background-size:100% 1px}
.bd-link img{flex:none;width:24px;height:24px}
.bd-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}
.bd-table .m-meta{display:none}

/* ---------- 하단 (페이지네이션 · 글쓰기) ---------- */
.bd-foot{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:59px;margin-top:50px}
.bd-pager{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:center;gap:4px}
.bd-pager__arrow{display:inline-flex;align-items:center;justify-content:center;height:50px;transition:opacity .2s,translate .25s var(--ease-out)}
.bd-pager__arrow img{width:15px;height:29px}
.bd-pager__ends{display:flex;align-items:center;gap:20px;padding-left:16px}
.bd-pager__ends--prev{padding:0 16px 0 0;flex-direction:row-reverse}
.bd-pager__ends--prev img{scale:-1 1}
.bd-pager__arrow:hover{opacity:.55}
.bd-pager__ends--prev .bd-pager__arrow:hover{translate:-3px 0}
.bd-pager__ends--next .bd-pager__arrow:hover{translate:3px 0}
.bd-pager__num{display:inline-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}
.bd-pager__num:hover{background:#ffe9d7;color:var(--kjs-accent-orange-dark)}
.bd-pager__num[aria-current="page"]{background:var(--kjs-accent-orange);color:#fff}
.bd-write{position:relative;z-index:1}
.bd-write .btn-pill__ico{width:18px;height:20px;rotate:45deg;transition:translate .3s var(--ease-out)}
.bd-write:hover .btn-pill__ico{translate:3px -3px}

/* ---------- 상세 (view) ---------- */
.bd-view{border-top:2px solid #000}
.bd-view__head{padding:clamp(28px,2.08vw,40px) clamp(16px,1.56vw,30px);border-bottom:1px solid #ccc;background:#f6f6f6}
.bd-view__title{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:clamp(22px,1.46vw,28px);font-weight:700;line-height:1.45;color:#000}
.bd-view__meta{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:14px;font-size:16px;color:#616166}
.bd-view__meta dt{display:inline;font-weight:600;color:#27272c;margin-right:8px}
.bd-view__meta dd{display:inline}
.bd-view__body{min-height:320px;padding:clamp(32px,3.13vw,60px) clamp(16px,1.56vw,30px);border-bottom:1px solid #ccc;font-size:clamp(16px,.94vw,18px);line-height:1.8;color:#000}
.bd-view__body p + p{margin-top:1em}
.bd-lockbox{max-width:520px;margin:0 auto;padding:clamp(28px,2.6vw,50px) clamp(20px,2.08vw,40px);border:1px solid var(--kjs-line);border-radius:10px;text-align:center}
.bd-lockbox img{width:40px;height:40px;margin:0 auto}
.bd-lockbox__txt{margin-top:14px;font-size:17px;line-height:1.6}
.bd-lockbox form{display:flex;gap:6px;margin-top:20px}
.bd-lockbox input{flex:1 1 auto;min-width:0;height:52px;padding:0 20px;border:1px solid var(--kjs-line);border-radius:6px;font-size:16px}
.bd-lockbox input:focus{outline:0;border-color:var(--kjs-brand-deep-teal);box-shadow:0 0 0 3px rgba(0,49,71,.12)}
.bd-lockbox button{flex:none;padding:0 24px;border-radius:6px;background:var(--kjs-brand-deep-teal);color:#fff;font-size:16px;font-weight:600;transition:background-color .25s}
.bd-lockbox button:hover{background:var(--kjs-accent-orange)}
.bd-lockbox .field__err{margin-top:8px}
.bd-nav{border-bottom:1px solid #ccc}
.bd-nav li{display:flex;align-items:center;border-top:1px solid #ccc;font-size:clamp(15px,.94vw,18px)}
.bd-nav li:first-child{border-top:0}
.bd-nav__label{flex:0 0 150px;padding:22px 10px;text-align:center;font-weight:700;border-right:1px solid #ccc}
.bd-nav a,.bd-nav__none{flex:1 1 auto;min-width:0;padding:22px 30px}
.bd-nav a{transition:color .25s,background-color .25s}
.bd-nav a:hover{color:var(--kjs-accent-orange);background:#fafafa}
.bd-nav__none{color:#999}
.bd-actions{display:flex;justify-content:center;gap:12px;margin-top:50px}
.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;border:1px solid var(--kjs-brand-deep-teal);border-radius:100px;background:#fff;color:var(--kjs-brand-deep-teal);font-family:var(--ff-pre);font-size:18px;font-weight:700;line-height:1;white-space:nowrap;transition:background-color .3s,color .3s,translate .3s var(--ease-out)}
.btn-line:hover{background:var(--kjs-brand-deep-teal);color:#fff;translate:0 -2px}

/* ---------- 글쓰기 (write) ---------- */
.bd-form{border-top:2px solid #000}
.bd-form__row{display:flex;border-bottom:1px solid #ccc}
.bd-form__label{flex:0 0 200px;display:flex;align-items:center;padding:20px 30px;background:#f6f6f6;font-size:clamp(16px,.94vw,18px);font-weight:600}
.bd-form__label em{font-style:normal;color:#e5484d;margin-left:4px}
.bd-form__ctrl{flex:1 1 auto;min-width:0;padding:16px 30px}
.bd-form__ctrl.field{gap:6px}
.bd-form__ctrl input{max-width:480px}
.bd-form__ctrl input.is-wide{max-width:none}
.bd-form__ctrl textarea{height:320px}
.bd-form__hint{font-size:14px;color:#777}
.bd-agree{margin-top:30px;padding:24px 30px;border-radius:10px;background:#f6f6f6}
.bd-agree__box{display:flex;align-items:center;gap:10px;font-size:16px;cursor:pointer}
.bd-agree__box input{width:20px;height:20px;accent-color:var(--kjs-accent-orange);flex:none}
.bd-agree a{color:var(--kjs-brand-deep-teal);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color .25s}
.bd-agree a:hover{color:var(--kjs-accent-orange)}
.bd-agree.is-error{outline:2px solid #e5484d;outline-offset:2px}
.bd-done{display:none;padding:60px 20px;text-align:center;font-size:17px;line-height:1.7;border-top:2px solid #000;border-bottom:1px solid #ccc}
.bd-done strong{display:block;margin-bottom:8px;font-size:24px;color:var(--kjs-brand-deep-teal)}
.bd-write-wrap.is-done .bd-done{display:block}
.bd-write-wrap.is-done form{display:none}

@media (max-width:1279.98px){
  .bd-table col.c-no{width:110px}.bd-table col.c-who{width:150px}.bd-table col.c-date{width:160px}.bd-table col.c-hit{width:100px}
}
@media (max-width:1023.98px){
  .bd-search{width:100%}
  .bd-search__input{flex:1 1 auto;width:auto;min-width:0}
  .bd-table col.c-no{width:80px}.bd-table col.c-who{width:110px}.bd-table col.c-date{width:130px}.bd-table col.c-hit{width:70px}
  .bd-table td{padding:22px 8px}
  .bd-table td.bd-table__title{padding-inline:16px}
  .bd-foot{flex-direction:column;gap:24px;align-items:stretch}
  .bd-pager{position:static;translate:none;justify-content:center}
  .bd-write{align-self:flex-end}
  .bd-form__label{flex-basis:140px;padding:16px 20px}
  .bd-form__ctrl{padding:14px 20px}
}
@media (max-width:767.98px){
  .bd-intro .sec-intro__ghost{font-size:min(54px,11vw)}
  .bd-search__sel{width:96px;padding-left:14px;background-position:right 14px center}
  .bd-search__input{padding:0 14px}
  .bd-table,.bd-table tbody,.bd-table tr,.bd-table td{display:block;width:100%}
  .bd-table thead,.bd-table colgroup{display:none}
  .bd-table{border-top:2px solid #000}
  .bd-table tr{position:relative;padding:18px 4px;border-bottom:1px solid #ccc;text-align:left}
  .bd-table td{padding:0;border:0;text-align:left}
  .bd-table td.bd-table__title{padding:0}
  .bd-table td.bd-table__no{font-size:14px;color:#777;margin-bottom:6px}
  .bd-table td.bd-table__no .bd-badge{font-size:13px;padding:5px 10px}
  .bd-table td.bd-table__who,.bd-table td.bd-table__date,.bd-table td.bd-table__hit{display:inline;width:auto;font-size:14px;color:#616166}
  .bd-table td.bd-table__who::after,.bd-table td.bd-table__date::after{content:"·";margin:0 8px;color:#bbb}
  .bd-table td.bd-table__hit::before{content:"조회 "}
  .bd-table td.bd-table__title + td{margin-top:0}
  .bd-table .bd-link{display:flex;margin-bottom:8px}
  .bd-pager{gap:2px}
  .bd-pager__num{width:36px;height:36px;font-size:14px}
  .bd-pager__ends{gap:8px;padding-left:8px}
  .bd-pager__ends--prev{padding:0 8px 0 0}
  .bd-pager__arrow img{width:11px;height:21px}
  .bd-nav__label{flex-basis:80px}
  .bd-nav a,.bd-nav__none{padding:18px 14px}
  .bd-form__row{flex-direction:column}
  .bd-form__label{flex:none;padding:12px 16px}
  .bd-form__ctrl{padding:12px 0 18px}
  .bd-form__ctrl textarea{height:220px}
  .bd-agree{padding:18px 16px}
  .bd-actions .btn-pill,.bd-actions .btn-line{flex:1 1 0;justify-content:center;padding-inline:16px}
}
.bd-view__title img{flex:none;width:24px;height:24px}
.bd-view__title .bd-re,.bd-view__title img{align-self:center}
.bd-pager__num[aria-current="page"]:hover{background:#e47a24;box-shadow:0 6px 14px rgba(246,137,49,.35)}
.bd-form__ctrl select{width:100%;height:48px;padding:0 12px;border:1px solid #d7dee4;border-radius:8px;background:#fff}
.field_debt{display:flex;align-items:center;gap:8px}
.field_debt input{max-width:180px}
.field_debt__unit{color:#5c6b75}
.bd_editor{border:1px solid #d7dee4;border-radius:8px;background:#fff}
.bd_editor__bar{display:flex;gap:6px;padding:8px;border-bottom:1px solid #e6ebef}
.bd_editor__bar button{min-width:32px;height:32px;border:1px solid #d7dee4;border-radius:6px;background:#fff;cursor:pointer}
.bd_editor__area{min-height:180px;padding:12px 14px;outline:none}
.bd_editor__area:empty:before{content:attr(data-placeholder);color:#8b98a1}
.bd_captcha{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bd_captcha input{max-width:140px}
.btn_captcha_refresh{height:40px;padding:0 12px;border:1px solid #003147;border-radius:8px;background:#fff;color:#003147;cursor:pointer}
.bd-reply{margin-top:24px;padding:18px;background:#f7f4ef;border-radius:12px}
.bd-files{margin:16px 0 0;padding:0;list-style:none}