/**
 * KBoard 공통 디자인 (모든 스킨) — 사이트 새 디자인(목록/상세 페이지)에 맞춤
 * 로드: [kboard] 숏코드가 있는 페이지 + KBoard 글쓰기 iframe (includes/ubw-kboard.php)
 *
 * 범위 선택자 :is(페이지 #page-container, iframe #kboard)
 *  - 각 스킨 CSS 는 #kboard-default-list 처럼 ID 선택자라, ID 를 하나 더 붙여 우선순위를 높인다.
 * 원칙
 *  - 스킨의 HTML/동작은 그대로, CSS 로만 모양을 맞춘다.
 *  - 갤러리형(play-video, ocean-gallery)은 썸네일 배치를 건드리지 않는다.
 *  - 게시글 본문(.kboard-content)은 글꼴과 글자색만 바꾼다(관리자가 쓴 배치 보존).
 * 끄기: includes/ubw-kboard.php 의 ubw-kboard 불러오기 제거
 */

:is(body.ubw-kboard-page #page-container, body.kboard > #kboard){
  --kb-ink:#0D1412;--kb-paper:#F5F4EE;--kb-mint:#1FD1A5;--kb-mint-d:#0FA883;--kb-lime:#D9FF3F;
  --kb-muted:#6B7570;--kb-line:rgba(13,20,18,.1);--kb-text:#3b4541;
  --kb-sans:'Manrope','Pretendard',system-ui,-apple-system,'Segoe UI',sans-serif;
  --kb-ko:'Pretendard','Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ---------- 기본 글꼴 ---------- */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) [id^="kboard-"]{font-family:var(--kb-ko);color:var(--kb-ink)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) [id^="kboard-"] :is(input,select,textarea,button){font-family:var(--kb-ko)}

/* ---------- 목록 머리 (전체 개수, 정렬) ---------- */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list-header{margin-bottom:14px}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-total-count{font-family:var(--kb-sans);font-size:13px;font-weight:700;color:var(--kb-muted)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-sort select{
  height:36px;padding:0 30px 0 12px;border:1.5px solid var(--kb-line);border-radius:999px;background-color:#fff;
  font-size:13px;font-weight:600;color:var(--kb-ink);
}

/* ---------- 분류 탭 → 알약 (공고 목록 필터와 같은 모양) ---------- */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-category .kboard-category-list{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;border:0;background:transparent;list-style:none;
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-category .kboard-category-list li{float:none;margin:0;padding:0;border:0;list-style:none;background:none;font-size:0;line-height:0}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-category .kboard-category-list li::after{display:none}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-category .kboard-category-list li a{
  display:inline-block;padding:9px 16px;border:1.5px solid var(--kb-line);border-radius:999px;background:#fff;
  font-family:var(--kb-sans);font-size:13px;font-weight:700;line-height:1.3;color:var(--kb-ink);text-decoration:none;
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-category .kboard-category-list li a:hover{border-color:var(--kb-ink)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-category .kboard-category-list li.kboard-category-selected a{background:var(--kb-ink);border-color:var(--kb-ink);color:#fff}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-category select{
  height:40px;padding:0 30px 0 14px;border:1.5px solid var(--kb-line);border-radius:12px;background-color:#fff;font-size:14px;
}

/* ---------- 표 목록 (default, ub-resume) → 흰 카드 ---------- */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list:has(> table){
  overflow:hidden;border:1px solid var(--kb-line);border-radius:18px;background:#fff;
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list table{width:100%;margin:0;border:0;border-collapse:collapse;background:transparent;table-layout:auto} /* 스킨의 fixed 해제: 짧은 칸은 내용만큼, 제목은 나머지 */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list thead tr td{
  padding:14px 12px;border:0;border-bottom:1px solid var(--kb-line);background:#fff;
  font-family:var(--kb-sans);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--kb-muted);white-space:nowrap;
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list tbody tr td{
  padding:15px 12px;border:0;border-bottom:1px dashed var(--kb-line);background:transparent;
  font-size:13px;color:var(--kb-muted);vertical-align:middle;
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list tbody tr:last-child td{border-bottom:0}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list tbody tr:hover td{background:var(--kb-paper)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list tbody td.kboard-list-title{font-size:15px;font-weight:700;color:var(--kb-ink)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list tbody td.kboard-list-title a{color:var(--kb-ink);text-decoration:none}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list tbody td.kboard-list-title a:hover{color:var(--kb-mint-d)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list tbody .kboard-comments-count{color:var(--kb-mint-d);font-weight:800}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list tbody td.kboard-list-uid{font-family:var(--kb-sans);font-weight:700}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list :is(td.kboard-list-uid,td.kboard-list-user,td.kboard-list-date,td.kboard-list-vote,td.kboard-list-view){white-space:nowrap;width:1%}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list :is(.kboard-list-title, .kboard-list-title *, [class*="-cut-strings"]){word-break:keep-all;overflow-wrap:anywhere}

/* ---------- 갤러리형 (play-video, ocean-gallery): 배치는 그대로, 제목 글꼴만 ---------- */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) :is(.kboard-list-title, .kboard-gallery-title){font-family:var(--kb-ko)}

/* ---------- 버튼 (모든 스킨의 *-button-small) → 알약 ---------- */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) [class*="-button-small"]{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;
  width:auto;height:38px;min-height:0;padding:0 18px;border:0;border-radius:999px;line-height:1 !important;
  background:var(--kb-ink) !important;color:#fff !important; /* 사이트 CSS 의 민트 버튼 !important 덮어씀 */
  font-family:var(--kb-sans);font-size:13px;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer;
  transition:box-shadow .2s,background-color .2s;
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) [class*="-button-small"]:hover{background:#1f2a26 !important;color:#fff !important;box-shadow:0 8px 20px rgba(13,20,18,.15)}
/* 글쓰기/저장(주요 동작)은 라임 */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-control a[href*="mod=editor"][class*="-button-small"],
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-control button[type="submit"][class*="-button-small"]{background:var(--kb-lime) !important;color:var(--kb-ink) !important}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-control a[href*="mod=remove"][class*="-button-small"]{background:transparent !important;color:var(--kb-ink) !important;box-shadow:inset 0 0 0 1.5px var(--kb-line)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-control a[href*="mod=remove"][class*="-button-small"]:hover{box-shadow:inset 0 0 0 1.5px #c0392b;color:#c0392b !important;background:transparent !important}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-control{margin-top:18px}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-control :is(.left,.right) > *{margin-top:4px}

/* ---------- 페이지 번호 → 알약 ---------- */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-pagination{margin:24px 0 0;text-align:center}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-pagination .kboard-pagination-pages{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-pagination .kboard-pagination-pages li{float:none;margin:0;padding:0;border:0;background:none;list-style:none}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-pagination .kboard-pagination-pages li a{
  display:inline-grid;place-items:center;min-width:40px;height:40px;margin:0;padding:0 12px;
  border:1.5px solid var(--kb-line);border-radius:999px;background:#fff;color:var(--kb-ink);
  font-family:var(--kb-sans);font-size:14px;font-weight:700;line-height:1;text-decoration:none;
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-pagination .kboard-pagination-pages li a:hover{border-color:var(--kb-ink)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-pagination .kboard-pagination-pages li.active a{background:var(--kb-ink);border-color:var(--kb-ink);color:#fff}

/* ---------- 검색 ---------- */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-search{margin:20px 0 0;text-align:center}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-search form{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-search :is(select,input[type="text"]){
  height:40px;margin:0;padding:0 14px;border:1.5px solid var(--kb-line);border-radius:999px;background-color:#fff;
  font-size:14px;color:var(--kb-ink);
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-search select{padding-right:30px}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-search [class*="-button-small"]{height:40px}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-search input[type="text"]{min-width:200px}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-search :is(select,input):focus{outline:none;border-color:var(--kb-mint);box-shadow:0 0 0 3px rgba(31,209,165,.18)}

/* ---------- 글 보기 → 흰 카드 ---------- */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-wrap{
  padding:32px 34px;border:1px solid var(--kb-line);border-radius:22px;background:#fff;
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-wrap .kboard-title{border:0;margin:0 0 14px;padding:0}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-wrap .kboard-title :is(h1,p){
  margin:0;padding:0;font-family:var(--kb-ko);font-size:26px;font-weight:800;line-height:1.35;letter-spacing:-.02em;color:var(--kb-ink);word-break:keep-all;
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-wrap .kboard-detail{
  margin:0 0 22px;padding:0 0 16px;border:0;border-bottom:1px dashed var(--kb-line);
  font-family:var(--kb-sans);font-size:13px;color:var(--kb-muted);background:transparent;
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-wrap .kboard-detail .detail-attr{padding:4px 28px 4px 0;background:transparent}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-wrap .kboard-detail .detail-attr .detail-value{padding-left:10px}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-wrap .kboard-detail :is(.detail-name){font-weight:700;color:var(--kb-ink)}
/* 본문: 글꼴과 색만 */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-wrap .kboard-content{border:0;color:var(--kb-text)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-wrap .kboard-content :not([class*="icon"]):not(i):not(code):not(pre){font-family:var(--kb-ko)}
/* 좋아요/싫어요/인쇄 → 작은 테두리 알약 */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-action{margin:24px 0 0;text-align:left}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-action .kboard-button-action{
  height:auto;margin:0 6px 6px 0;padding:7px 14px;border:1.5px solid var(--kb-line);border-radius:999px;background:#fff;
  font-family:var(--kb-sans);font-size:12px;font-weight:700;color:var(--kb-ink);
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-action .kboard-button-action:hover{border-color:var(--kb-ink)}
/* 첨부 다운로드 */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-attach .kboard-button-download{
  margin:0 6px 6px 0;padding:8px 14px !important;border:0;border-radius:10px;background:var(--kb-paper) !important;
  font-size:13px;font-weight:700;color:var(--kb-ink) !important; /* 사이트 CSS 의 갈색 !important 덮어씀 */
}
/* 이전/다음 글 */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-navi{margin:18px 0 0;border-top:1px solid var(--kb-line)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-navi :is(.kboard-prev-document,.kboard-next-document) a{
  padding:14px 4px;font-size:14px;font-weight:600;color:var(--kb-ink);text-decoration:none;
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-navi :is(.kboard-prev-document,.kboard-next-document) a:hover{color:var(--kb-mint-d)}

/* ---------- 댓글 ---------- */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-comments-area{margin-top:16px}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-comments-area > [class*="kboard-comments-"]{padding:20px 22px;border:1px solid var(--kb-line);border-radius:18px;background:#fff}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-comments-area :is(.comments-button-action, button[class*="comments-button"]){border-radius:999px}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-comments-area :is(textarea,input[type="text"],input[type="password"]){
  border:1.5px solid var(--kb-line);border-radius:12px;background:#fff;font-family:var(--kb-ko);
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-comments-area :is(textarea,input):focus{outline:none;border-color:var(--kb-mint);box-shadow:0 0 0 3px rgba(31,209,165,.18)}

/* ---------- 글쓰기/이력서 폼 (입력칸 모양만, 배치는 스킨 그대로) ---------- */
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-form .kboard-attr-row{border-color:var(--kb-line)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-form .kboard-attr-row :is(.attr-name, label.attr-name){font-family:var(--kb-sans);font-weight:700;color:var(--kb-ink)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-form :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="date"],input[type="url"],select,textarea){
  border:1.5px solid var(--kb-line);border-radius:10px;background-color:#fff;color:var(--kb-ink);
  font-family:var(--kb-ko);font-size:14px;
}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-form :is(input,select,textarea):focus{outline:none;border-color:var(--kb-mint);box-shadow:0 0 0 3px rgba(31,209,165,.18)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-form :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--kb-mint-d)}
:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-form .description{color:var(--kb-muted)}

@media (max-width:760px){
  :is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-wrap{padding:22px 18px;border-radius:18px}
  :is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-document-wrap .kboard-title :is(h1,p){font-size:21px}
  :is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-search input[type="text"]{min-width:0;flex:1 1 140px}
  :is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list tbody tr td{padding:13px 10px}
}

:is(body.ubw-kboard-page #page-container, body.kboard > #kboard) .kboard-list thead td.kboard-list-title{text-align:left}