/* hij_custom.css — 클론 자체 요소만 (팝업·공지/이벤트 카드). 원본 스타일은 건드리지 않는다.
   색은 사이트 CSS 변수(--gold 등)를 참조해 병원이 테마색을 바꾸면 따라간다 (ARTICLE_DESIGN_CN 색 규칙). */
#hijPopup{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;
  background:rgba(0,0,0,.55);padding:20px}
#hijPopup.on{display:flex}
html.hij-popup-open{overflow:hidden}
.hij-pop{position:relative;background:#fff;max-width:520px;width:100%;border-radius:8px;overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.35)}
.hij-pop-slide{display:none}
.hij-pop-slide.on{display:block}
.hij-pop-slide img{display:block;width:100%;height:auto}
.hij-pop-slide img.m{display:none}
@media (max-width:767px){.hij-pop{max-width:360px}.hij-pop-slide img.pc{display:none}.hij-pop-slide img.m{display:block}
  .hij-pop-slide img.m:not([src]),.hij-pop-slide img.m[src=""]{display:none}
  .hij-pop-slide.nom img.pc{display:block}}
.hij-pop-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;
  background:#f6f6f6;color:#333}
.hij-pop-bar button{background:none;border:0;color:#333;cursor:pointer;font-size:13px;padding:4px 6px}
.hij-pop-bar button:hover{color:var(--gold,#9a8a6f)}
.hij-pop-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;
  border:0;background:rgba(255,255,255,.85);cursor:pointer;font-size:18px;line-height:36px;text-align:center}
.hij-pop-prev{left:8px}.hij-pop-next{right:8px}
.hij-pop-dots{position:absolute;bottom:52px;left:0;right:0;display:flex;justify-content:center;gap:6px}
.hij-pop-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.6);padding:0;cursor:pointer}
.hij-pop-dots button.on{background:var(--gold,#9a8a6f)}
.hij-pop-dots:empty,.hij-pop:not(.multi) .hij-pop-nav{display:none}

/* 공지·이벤트 목록 카드 — 博客 카드 규격 준용 */
.hij-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 0 60px}
@media (max-width:1024px){.hij-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.hij-list{grid-template-columns:1fr}}
.hij-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.hij-card-body{padding:14px 0}
.hij-card-meta{margin:6px 0 8px;color:#888}
.hij-card h3 a{text-decoration:none;color:inherit}