/* ============================================================
   SILOBIONIC — 첫 화면 공지 팝업 (notice.js 가 만든다)
   style.css 의 색·글꼴 변수를 그대로 쓴다. 헤더(120) · 챗봇(136) 위에 뜬다.
   ============================================================ */
.silo-notice{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px 16px;}
.silo-notice .sn-backdrop{position:absolute;inset:0;background:rgba(42,33,29,.55);opacity:0;transition:opacity .26s var(--ease);}
.silo-notice .sn-card{
  position:relative;width:min(480px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);
  display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);
  box-shadow:0 30px 80px rgba(42,33,29,.32);outline:none;
  opacity:0;transform:translateY(14px);transition:opacity .26s var(--ease),transform .26s var(--ease);
}
.silo-notice.is-in .sn-backdrop{opacity:1;}
.silo-notice.is-in .sn-card{opacity:1;transform:none;}

.sn-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 14px 22px;border-bottom:1px solid var(--line-soft);}
.sn-eyebrow{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-deep);}
.sn-x{width:34px;height:34px;display:grid;place-items:center;color:var(--black-soft);transition:color .2s;}
.sn-x:hover{color:var(--gold-deep);}

.sn-body{overflow-y:auto;-webkit-overflow-scrolling:touch;}
.sn-item + .sn-item{border-top:1px solid var(--line);}
.sn-img{width:100%;height:auto;}
.sn-img-link{display:block;}
.sn-text{padding:24px 26px 26px;}
.sn-title{font-size:1.22rem;font-weight:500;letter-spacing:-.02em;line-height:1.45;color:var(--black);}
.sn-text p{margin-top:12px;font-size:15px;line-height:1.85;color:var(--black-soft);}
.sn-title + p{margin-top:14px;}
.sn-text .sn-more{margin-top:20px;}

/* 공휴일 휴무 안내 — 홈페이지 톤(아이보리 · 금색 줄 · 명조 제목 · 영문 라벨)으로 저절로 그려진다 */
.sn-hol{position:relative;padding:30px 26px 24px;background:var(--ivory-light);border-bottom:1px solid var(--line-soft);text-align:center;overflow:hidden;}
.sn-hol::before{content:"";position:absolute;inset:10px;border:1px solid rgba(183,161,140,.45);pointer-events:none;}
.sn-hol-eyebrow{display:block;font-family:var(--font-display);font-size:10.5px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-deep);}
.sn-hol-title{margin-top:12px;font-family:var(--font-serif);font-weight:400;font-size:1.6rem;letter-spacing:-.01em;line-height:1.35;color:var(--black);}
.sn-hol-rule{display:block;width:40px;height:1px;margin:16px auto 12px;background:var(--gold);}
.sn-hol-period{display:block;font-family:var(--font-display);font-size:12.5px;font-weight:500;letter-spacing:.14em;color:var(--black-soft);font-variant-numeric:tabular-nums;}
.sn-item--holiday .sn-text{padding-top:22px;}
.sn-item--holiday .sn-text p:first-child{margin-top:0;}

.sn-foot{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);}
.sn-foot button{padding:15px 12px;font-family:var(--font-kr);font-size:13.5px;letter-spacing:.02em;transition:background .2s,color .2s;}
.sn-today{background:var(--ivory-light);color:var(--muted);}
.sn-today:hover{background:var(--ivory);color:var(--black);}
.sn-close{background:var(--black);color:var(--white);font-weight:500;}
.sn-close:hover{background:var(--gold-deep);}

@media (max-width:560px){
  .silo-notice{padding:16px;}
  .sn-text{padding:20px 20px 22px;}
  .sn-title{font-size:1.12rem;}
  .sn-hol{padding:26px 20px 20px;}
  .sn-hol-title{font-size:1.38rem;}
}
@media (prefers-reduced-motion:reduce){
  .silo-notice .sn-backdrop,.silo-notice .sn-card{transition:none;}
}