/* ---------------------------------------------------------------------------------------------------------------------
   이호석한의원 게시판 스킨(board-skins/jy-notice · jy-column) 전용 — 스킨 skin.yml 의 stylesheets 로만 로드된다.
   출처: test2.noszip.com notice.html · notice-detail.html · column.html 페이지 <style>(2026-10-18판).
   요소 모양은 jy-components.css, 리셋은 jy-brand.css(.jy-brand). 목록은 main.board-page, 글은 main.post-page —
   원본에서 목록·글 화면의 hover 의미가 달라(hv-2·hv-3) 화면별로 나눠 둔다.
   원본의 "현재 상태" 전용 클래스(굵은 탭·선택된 분류·현재 페이지)는 스킨이 [##_…_current_##] → .current 로 대신한다.
--------------------------------------------------------------------------------------------------------------------- */

/* 공통 본문 래퍼를 비운다 — 배너·섹션이 화면 폭 전체 (hospital.css 의 .board-page 최대 폭 1240 도 해제) */
.page-wrap:has(> main.board-skin){ max-width:none; padding:0; }
main.board-skin{ max-width:none; }

/* 공통 site.css 의 요소 규칙(input 폭 100%·최대 30rem, button 넓은 여백, 표 칸 테두리)을 브라우저 기본으로 — 0,0,1 */
:where(.board-skin) input{ width:auto; max-width:none; padding:1px 2px; }
:where(.board-skin) button{ padding:1px 6px; }
:where(.board-skin) :is(th, td){ border:0; padding:1px; }

/* ── 현재 상태 (원본 클래스 대신 .current) ── */
.board-skin .jy-tab.current{ border-bottom-color:rgb(46, 115, 59); font-weight:700; color:rgb(25, 30, 20); }          /* = .a-flex-18-b-line */
.board-skin .jy-page.current{ background:rgb(46, 115, 59); color:#fff; font-weight:700; }                              /* = .span-flex-16-b-round-bg */
.board-skin .cat-chip.current{ border-color:rgb(46, 115, 59); background:rgb(46, 115, 59); color:#fff; font-weight:700; } /* = .button-flex-15-b-round-bg-line */
.board-skin .cat-chip.current > span{ background:rgba(255, 255, 255, 0.18); color:#fff; }                                  /* = .span-flex-13-b-round-bg */
.board-skin .nav-flex .off{ opacity:.35; pointer-events:none; }                                                         /* 첫·끝 페이지의 화살표 */

/* ── 목록 공통 ── */
.board-skin .jy-result{ margin:18px 0 0; font-size:15px; color:rgb(107, 114, 99); }
.board-skin .jy-result a{ margin-left:8px; color:#2E733B; }
.board-skin .jy-empty{ padding:60px 0; text-align:center; color:rgb(107, 114, 99); }
.board-skin form select{ appearance:none; -webkit-appearance:none; width:auto; min-width:0 !important; padding-right:38px !important;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%23191E14' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
	background-repeat:no-repeat !important; background-position:right 15px center !important; background-color:#fff !important; }

/* ── 공지 목록 (notice.html) ── */
@media (max-width:640px){
	.board-skin .nt-row{ grid-template-columns:60px 1fr !important; row-gap:8px !important; }
	.board-skin .nt-row > span:last-child{ grid-column:2; }
}
.board-page.board-skin .hv-2:hover{ border-color:#2E733B !important; color:#2E733B !important; background:none !important; }
.board-page.board-skin .hv-3:hover{ background:#EEF6EA !important; color:#2E733B !important; }

/* ── 칼럼 카드 (column.html) ── */
@media (max-width:1000px){ .board-skin .cl-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width:620px){ .board-skin .cl-grid{ grid-template-columns:1fr !important; } }
.board-skin .cat-chip{ transition:border-color .18s, background .18s, color .18s; }
.board-skin .cat-chip:hover{ border-color:#2E733B !important; background:#2E733B !important; color:#fff !important; }
.board-skin .cat-chip:hover > span{ background:rgba(255, 255, 255, 0.22) !important; color:#fff !important; }
.board-skin .cl-card{ transition:border-color .2s, box-shadow .2s, transform .2s; }
.board-skin .cl-card:hover{ border-color:#2E733B; box-shadow:0 12px 30px rgba(46, 115, 59, 0.14); transform:translateY(-4px); }
.board-skin .cl-card:hover .cl-thumb{ background-color:#DCEBD4; }
.board-skin .jy-thumb-img{ background-size:cover; background-position:center; }

/* ── 글 화면 (notice-detail.html) ── */
@media (max-width:640px){ .board-skin .nd-head{ grid-template-columns:1fr !important; } }
.post-page.board-skin .hv-2:hover{ background:#2E733B !important; color:#fff !important; border-color:#2E733B !important; }
.post-page.board-skin .hv-3:hover{ border-color:#2E733B !important; color:#2E733B !important; }
.board-skin .jy-banner-title{ margin:0; }                     /* 글 화면 배너 제목은 p(h1 은 글 제목 하나) */
.board-skin .jy-thumb{ display:block; width:100%; height:auto; margin-bottom:28px; }
.board-skin .jy-copy-link.done{ border-color:#2E733B; color:#2E733B; }
/* 본문 — 에디터 HTML(클래스 없는 p·목록·표)을 원본 본문 문단(.p-18-7) 모양으로 */
.board-skin .jy-body :where(p, li){ font-size:18px; line-height:1.95; color:rgb(78, 78, 78); }
.board-skin .jy-body :where(p){ margin:0; }
.board-skin .jy-body :where(ul, ol){ margin:0; padding-left:1.3em; }
.board-skin .jy-body :where(ul){ list-style:disc; }
.board-skin .jy-body :where(ol){ list-style:decimal; }
.board-skin .jy-body :where(a){ color:#2E733B; text-decoration:underline; }
.board-skin .jy-body :where(img){ max-width:100%; height:auto; border-radius:8px; }
.board-skin .jy-body :where(h2, h3){ margin:12px 0 0; color:rgb(25, 30, 20); }