/* 공개 — 컴포넌트 (공지/자료/알림바). landing.css 변수 사용. */

.bong-notice-bar{ background:var(--b900); color:#fff; position:relative; z-index:51; }
.bong-notice-bar__inner{ max-width:1200px; margin:0 auto; padding:10px 28px; display:flex; align-items:center; gap:12px; font-size:13.5px; }
.bong-notice-bar__badge{ font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#fff; background:var(--gold); padding:3px 9px; border-radius:100px; }
.bong-notice-bar__text a{ color:#fff; text-decoration:underline; }

/* 공지 — 에디토리얼 리스트 */
.bong-notices{ list-style:none; margin:0; padding:0; }
.bong-notice-item{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 4px; border-top:1px solid var(--line); transition:.15s; }
.bong-notice-item:last-child{ border-bottom:1px solid var(--line); }
.bong-notice-item a{ display:flex; align-items:center; gap:14px; flex:1; min-width:0; }
.bong-notice-title{ font-family:var(--display); font-size:clamp(18px,1.7vw,23px); font-weight:600; line-height:1.3; color:var(--fg); transition:.15s; }
.bong-notice-item a:hover .bong-notice-title{ color:var(--gold-600); }
html[data-theme="dark"] .bong-notice-item a:hover .bong-notice-title{ color:var(--gold); }
.bong-pin{ font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#fff; background:var(--gold); padding:3px 9px; border-radius:100px; flex:none; }
.bong-notice-date{ font-size:13px; color:var(--mut); flex:none; letter-spacing:.04em; }

/* 자료 카드 */
.bong-resources{ display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:24px; }
.bong-resource{ display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line); border-radius:14px; overflow:hidden; box-shadow:0 24px 50px -38px rgba(8,23,42,.5); transition:.25s; }
.bong-resource:hover{ transform:translateY(-4px); box-shadow:0 34px 60px -36px rgba(8,23,42,.55); }
.bong-resource__video{ aspect-ratio:16/9; overflow:hidden; background:var(--b900); }
.bong-resource__video iframe{ width:100%; height:100%; border:0; display:block; }
.bong-resource__cover{ aspect-ratio:16/9; background:linear-gradient(135deg,var(--b800),var(--b950)); display:flex; align-items:center; justify-content:center; }
.bong-resource__cover span{ font-family:var(--display); font-weight:800; font-size:30px; letter-spacing:.04em; color:var(--gold); }
.bong-resource__title{ font-family:var(--display); font-size:19px; font-weight:600; line-height:1.3; margin:0; padding:22px 22px 0; color:var(--fg); }
.bong-resource__desc{ color:var(--mut); font-size:14px; line-height:1.65; margin:8px 0 0; padding:0 22px; }
.bong-resource__meta{ font-size:12px; color:var(--mut); margin-left:6px; }
.bong-btn{ display:inline-flex; align-items:center; gap:7px; font-weight:600; font-size:13.5px; color:var(--gold-600); margin:auto 22px 22px; padding-top:16px; }
html[data-theme="dark"] .bong-btn{ color:var(--gold); }
.bong-btn::after{ content:"↓"; }
.bong-empty{ color:var(--mut); font-size:14.5px; padding:22px 0; }

@media (max-width:560px){ .bong-notice-item{ flex-direction:column; align-items:flex-start; gap:6px; } }