/* 옛 홈페이지 게시판 글 — 목록·상세 */
.ce-board{max-width:1232px;margin:0 auto;padding:56px 24px;color:var(--dn-dark,#0A1E30)}
.ce-board:empty{display:none}

/* 목록 지면 머리 — 지면 이름만 */
.ce-board-head{max-width:1232px;margin:0 auto;padding:72px 24px 0;box-sizing:border-box}
.ce-board-head .dn-loc-split__divider{margin-bottom:0}
.ce-board__note{margin:0 0 20px;font-size:15px;line-height:1.7;color:var(--dn-sub,#4A6680)}
.ce-board__empty{margin:0;font-size:15px;color:var(--dn-sub,#4A6680)}
.ce-board__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--dn-border,#C7D0D9)}
.ce-board__item{border-bottom:1px solid var(--dn-border,#C7D0D9)}
.ce-board__link{display:flex;flex-direction:column;gap:6px;padding:18px 4px;color:inherit;text-decoration:none}
.ce-board__link:hover .ce-board__title,.ce-board__link:focus-visible .ce-board__title{text-decoration:underline}
.ce-board__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--dn-sub,#4A6680)}
.ce-board__title{font-size:17px;font-weight:600;line-height:1.5}
.ce-board__cat{font-weight:500}
.ce-board__period{font-weight:500}
.ce-board__badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;line-height:1.5}
.ce-board__badge--open{background:var(--dn-accent,#3a618b);color:#fff}
.ce-board__badge--closed{background:#e6e9ec;color:#4A6680}

/* 이벤트 — 썸네일 격자 */
.ce-board__list--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 24px;border-top:0}
.ce-board__list--grid .ce-board__item{border-bottom:0}
.ce-board__list--grid .ce-board__link{padding:0}
.ce-board__thumb{display:block;aspect-ratio:408/325;overflow:hidden;background:#eef1f3;border-radius:6px}
/* 세로로 긴 포스터는 «윗부분»(제목 자리)을 보인다 — 가운데를 자르면 글자 조각만 남는다 */
.ce-board__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.ce-board__item--closed .ce-board__thumb,.ce-board__item--closed .ce-board__title{opacity:.55}
.ce-board__item--closed .ce-board__thumb img{filter:grayscale(.7)}
/* 사진·영상이 없는 글 — 분류 이름만 적은 빈 칸으로 격자를 맞춘다(본문 글자는 싣지 않는다) */
.ce-board__thumb--none{display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:#e8edf1;color:var(--dn-sub,#4A6680);font-size:15px;font-weight:600;text-align:center;line-height:1.5}
/* 영상 글 — 재생 표시 */
.ce-board__thumb--video{position:relative}
.ce-board__thumb--video::after{content:"";position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(10,30,48,.62) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center/26px no-repeat}

/* 상세 */
.ce-board--detail{max-width:880px;padding-top:calc(var(--dn-nav-ht,72px) + 48px)}
.ce-board__closed-band{margin:0 0 24px;padding:12px 16px;border-radius:6px;background:#eef1f3;color:#0A1E30;font-weight:600;font-size:15px;text-align:center}
.ce-board__crumb{margin:0 0 8px;font-size:14px}
.ce-board__crumb a{color:var(--dn-sub,#4A6680)}
.ce-board__heading{margin:0 0 10px;font-size:28px;line-height:1.4;font-weight:700}
.ce-board--detail>.ce-board__meta{margin:0 0 28px;padding-bottom:20px;border-bottom:1px solid var(--dn-border,#C7D0D9)}
.ce-board__body{font-size:16px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.ce-board__body img{max-width:100%;height:auto}
.ce-board__img{text-align:center}
.ce-board__body table{max-width:100%;display:block;overflow-x:auto}
.ce-board__video a{font-weight:600}
.ce-board__locked{padding:40px 24px;border:1px solid var(--dn-border,#C7D0D9);border-radius:8px;text-align:center;font-size:16px;line-height:1.7}
.ce-board__login-row{margin:20px 0 0}
.ce-board__login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:6px;background:var(--dn-dark,#0A1E30);color:#fff !important;text-decoration:none;font-weight:600}
.ce-board__nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:48px;padding-top:20px;border-top:1px solid var(--dn-border,#C7D0D9);font-size:14px}
.ce-board__nav a{display:inline-flex;align-items:center;min-height:44px;color:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ce-board__nav-list{font-weight:600}

/* 분류 탭(수술체험기) */
.ce-board__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}
.ce-board__tab{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--dn-border,#C7D0D9);border-radius:999px;font-size:15px;font-weight:500;color:var(--dn-dark,#0A1E30);text-decoration:none;box-sizing:border-box}
.ce-board__tab:hover,.ce-board__tab:focus-visible{border-color:var(--dn-dark,#0A1E30)}
.ce-board__tab--current{background:var(--dn-dark,#0A1E30);border-color:var(--dn-dark,#0A1E30);color:#fff;font-weight:600}

/* 쪽 이동 */
.ce-board__pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:40px}
.ce-board__page{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--dn-border,#C7D0D9);border-radius:6px;font-size:15px;font-weight:500;color:var(--dn-dark,#0A1E30);text-decoration:none;box-sizing:border-box}
.ce-board__page:hover,.ce-board__page:focus-visible{border-color:var(--dn-dark,#0A1E30)}
.ce-board__page--current{background:var(--dn-dark,#0A1E30);border-color:var(--dn-dark,#0A1E30);color:#fff;font-weight:600}
.ce-board__page--step{padding:0 14px}
@media (max-width:767px){
  .ce-board{padding:40px 16px}
  .ce-board-head{padding:40px 16px 0}
  .ce-board--detail{padding-top:calc(var(--dn-nav-ht,72px) + 24px)}
  .ce-board__heading{font-size:22px}
  .ce-board__title{font-size:16px}
  .ce-board__list--grid{grid-template-columns:1fr 1fr;gap:20px 12px}
  .ce-board__nav{flex-direction:column}
  .ce-board__tabs{gap:6px;margin-bottom:24px}
  .ce-board__tab{padding:0 14px;font-size:14px}
}