.notice-page-header {
  background-image: linear-gradient(110deg, rgba(20, 48, 92, .92), rgba(35, 86, 167, .76)), url('/common/img/carousel-3.jpg');
  background-position: center;
  background-size: cover;
}

.notice-page-header .page-header-inner { background: transparent; }
.notice-page-header h1 { max-width: 960px; line-height: 1.3; }
.notice-section { background: linear-gradient(180deg, #f7f9fc 0, #fff 260px); }
.notice-eyebrow { color: var(--primary); font-size: .78rem; font-weight: 600; letter-spacing: .16em; }
.notice-list-intro h2 { margin: .45rem 0 .7rem; }
.notice-list-intro p { max-width: 44rem; color: #666; }
.notice-card-list { display: grid; gap: 1rem; }
.notice-card,
.notice-article,
.notice-side-card {
  background: #fff;
  border: 1px solid #e7ebf2;
  border-radius: 4px;
  box-shadow: 0 12px 34px rgba(31, 57, 92, .07);
}
.notice-card { padding: 1.75rem; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.notice-card:hover { transform: translateY(-3px); border-color: rgba(35, 86, 167, .35); box-shadow: 0 16px 38px rgba(31, 57, 92, .12); }
.notice-card-meta,
.notice-article-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-bottom: .9rem; color: #6d7685; font-size: .88rem; }
.notice-category-badge { display: inline-flex; padding: .28rem .72rem; border-radius: 999px; color: var(--primary); background: #edf3fc; font-weight: 600; }
.notice-category-badge:hover { color: #fff; background: var(--primary); }
.notice-card h3 { margin: 0 0 .8rem; font-family: "Open Sans", sans-serif; font-size: 1.25rem; line-height: 1.55; }
.notice-card h3 a { color: #252525; }
.notice-card h3 a:hover { color: var(--primary); }
.notice-card p { margin-bottom: 1rem; color: #67707e; }
.notice-read-more { font-size: .9rem; font-weight: 600; }
.notice-side-card { margin-bottom: 1.25rem; padding: 1.4rem; }
.notice-side-title { position: relative; margin: 0 0 1rem; padding-bottom: .75rem; font-family: "Open Sans", sans-serif; font-size: 1.12rem; }
.notice-side-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 2.5rem; height: 2px; background: var(--primary); }
.notice-recent-list { display: grid; }
.notice-recent-item { display: grid; gap: .25rem; padding: .9rem 0; color: #2d3440; line-height: 1.45; border-bottom: 1px solid #edf0f5; }
.notice-recent-item:first-child { padding-top: 0; }
.notice-recent-item:last-child { padding-bottom: 0; border-bottom: 0; }
.notice-recent-item:hover { color: var(--primary); }
.notice-recent-date { color: #7b8491; font-size: .78rem; }
.notice-category-list { display: grid; gap: .45rem; }
.notice-category-list a { display: flex; justify-content: space-between; padding: .7rem .8rem; color: #3f4752; background: #f7f9fc; border-left: 3px solid transparent; }
.notice-category-list a:hover { color: var(--primary); border-left-color: var(--primary); background: #edf3fc; }
.notice-article { padding: clamp(1.35rem, 3vw, 2.5rem); }
.notice-article h2 { margin: .2rem 0 1.75rem; font-family: "Open Sans", sans-serif; font-size: clamp(1.55rem, 3vw, 2.15rem); line-height: 1.5; }
.notice-article-body { color: #343b45; font-size: 1rem; line-height: 2; }
.notice-article-body p { margin-bottom: 1.35rem; }
.notice-article-body ul { margin: 1.75rem 0 0; padding: 1.25rem 1.25rem 1.25rem 2.5rem; background: #f7f9fc; border-left: 3px solid var(--primary); }
.notice-back-link { display: inline-flex; align-items: center; gap: .4rem; margin-top: 2rem; font-weight: 600; }

@media (max-width: 767.98px) {
  .notice-page-header h1 { font-size: 2rem; }
  .notice-card { padding: 1.25rem; }
  .notice-article { padding: 1.25rem; }
}