:root {
  --notice-green: #075d47;
  --notice-deep: #063f32;
  --notice-mint: #e9f4ef;
  --notice-orange: #ff6a1a;
  --notice-ink: #18201d;
  --notice-muted: #69736e;
  --notice-line: #dfe5e2;
  --notice-surface: #f6f8f7;
}

.notice-page { background: #fff; color: var(--notice-ink); font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.notice-page main { overflow: hidden; }
.notice-page .guide-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

.notice-header { position: absolute !important; z-index: 20; width: 100%; background: transparent !important; border: 0 !important; }
.notice-header .nav-common { height: 78px !important; }
.notice-header .header-container-common { padding: 0 28px !important; }
.notice-header .nav-links-common { gap: 42px !important; }
.notice-header .nav-links-common a { color: #fff !important; font-size: 14px !important; text-shadow: 0 1px 7px rgba(0,0,0,.35); }
.notice-header .btn-nav-reserve-common { padding: 0 !important; border: 0 !important; background: transparent !important; }
.notice-header .mobile-menu-btn { display: flex !important; width: 46px !important; height: 46px !important; background: var(--notice-green) !important; }

.notice-hero {
  position: relative;
  display: flex;
  min-height: 500px;
  align-items: flex-end;
  padding-bottom: 65px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.47) 48%, rgba(0,0,0,.12)),
    url('../img/s_4.png') center 48% / cover no-repeat;
}
.notice-hero--board {
  background:
    linear-gradient(90deg, rgba(0,0,0,.84), rgba(0,0,0,.48) 48%, rgba(0,0,0,.15)),
    url('../img/s_1.png') center 52% / cover no-repeat;
}
.notice-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.16), transparent 52%); }
.notice-hero-copy { position: relative; z-index: 1; }
.notice-hero .guide-breadcrumb { display: flex; gap: 10px; align-items: center; margin: 0 0 20px; font-size: 13px; }
.notice-hero .guide-breadcrumb a { color: #fff; }
.notice-hero .guide-breadcrumb span { opacity: .55; }
.notice-hero-copy > span { display: block; margin-bottom: 9px; color: #85d9ba; font-size: 12px; font-weight: 850; letter-spacing: .14em; }
.notice-hero h1 { margin: 0; font-size: 50px; font-weight: 850; line-height: 1.05; letter-spacing: -.05em; }
.notice-hero h1 + p { margin: 15px 0 0; color: rgba(255,255,255,.85); font-size: 17px; line-height: 1.7; }

.notice-local-nav { position: relative; z-index: 5; margin-top: -22px; }
.notice-local-nav .guide-container { display: flex; height: 68px; padding: 0; }
.notice-local-nav a { display: flex; flex: 1; align-items: center; justify-content: center; border: 1px solid var(--notice-line); border-right: 0; background: #fff; color: #5f6964; font-size: 16px; font-weight: 750; transition: .2s ease; }
.notice-local-nav a:first-child { border-radius: 11px 0 0 11px; }
.notice-local-nav a:last-child { border-right: 1px solid var(--notice-line); border-radius: 0 11px 11px 0; }
.notice-local-nav a.active, .notice-local-nav a:hover { border-color: var(--notice-green); background: var(--notice-green); color: #fff; }

.notice-page .news-section { padding: 84px 0 110px; }
.notice-list-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 36px; padding-bottom: 35px; border-bottom: 1px solid var(--notice-line); }
.notice-list-heading span { color: #078662; font-size: 12px; font-weight: 850; letter-spacing: .14em; }
.notice-list-heading h2 { margin: 9px 0 0; font-size: 34px; letter-spacing: -.045em; }
.notice-list-heading p { margin: 0; color: var(--notice-muted); font-size: 14px; line-height: 1.7; }

.notice-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 31px 0 18px; }
.notice-toolbar > p { margin: 0; color: var(--notice-muted); font-size: 14px; }
.notice-toolbar > p strong { color: var(--notice-green); font-size: 16px; }
.notice-page .search-bar { display: flex; gap: 0; margin: 0; }
.notice-page .search-bar input { width: 310px; height: 46px; padding: 0 17px; border: 1px solid var(--notice-line); border-right: 0; border-radius: 8px 0 0 8px; background: #fff; color: var(--notice-ink); font: inherit; font-size: 14px; outline: none; }
.notice-page .search-bar input:focus { border-color: var(--notice-green); box-shadow: 0 0 0 3px rgba(7,93,71,.08); }
.notice-page .search-bar button { width: 76px; height: 46px; padding: 0; border: 0; border-radius: 0 8px 8px 0; background: var(--notice-green); color: #fff; font-size: 14px; font-weight: 800; cursor: pointer; }

.notice-page .news-table { width: 100%; border-top: 2px solid var(--notice-deep); border-collapse: collapse; table-layout: fixed; }
.notice-page .news-table th, .notice-page .news-table td { padding: 20px 18px; border-bottom: 1px solid #e8ecea; }
.notice-page .news-table th { background: var(--notice-surface); color: #4e5a55; font-size: 14px; font-weight: 750; text-align: center; }
.notice-page .news-table td.num, .notice-page .news-table td.date { color: #8a958f; font-size: 13px; text-align: center; }
.notice-page .news-table td.title { padding-left: 30px; text-align: left; }
.notice-page .news-table td.title a { display: flex; align-items: center; min-height: 26px; color: #26312c; font-size: 15px; font-weight: 650; text-decoration: none; }
.notice-page .news-table tbody tr { transition: background-color .18s ease; }
.notice-page .news-table tbody tr:hover { background: #f7faf8; }
.notice-page .news-table tr.is-pinned { background: #edf6f2; }
.notice-page .news-table tr.is-pinned:hover { background: #e7f2ed; }
.notice-page .pin-badge { display: inline-flex; flex: 0 0 auto; align-items: center; margin-right: 11px; padding: 5px 9px; border-radius: 999px; background: var(--notice-green); color: #fff; font-size: 11px; font-weight: 800; }
.notice-page .attachment-badge { display: inline-flex; flex: 0 0 auto; align-items: center; margin-left: 10px; padding: 4px 8px; border-radius: 999px; background: #f0f3f1; color: #64716b; font-size: 10px; font-weight: 750; }
.notice-empty { padding: 70px 20px !important; color: #87918c !important; text-align: center !important; }

.notice-page .pagination { display: flex; justify-content: center; gap: 7px; margin-top: 42px; }
.notice-page .page-num { display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid var(--notice-line); border-radius: 50%; color: #66716c; font-size: 13px; }
.notice-page .page-num.active { border-color: var(--notice-green); background: var(--notice-green); color: #fff; }

.notice-detail { padding: 10px 0 0 !important; border: 0 !important; background: #fff !important; }
.notice-detail-header { margin-bottom: 34px !important; padding: 0 0 30px !important; border-bottom: 1px solid var(--notice-line) !important; }
.notice-detail-header #detail-category { display: inline-flex; margin-bottom: 16px; padding: 6px 11px; border-radius: 999px; background: var(--notice-mint); color: var(--notice-green); font-size: 12px; font-weight: 800; }
.notice-detail-header #detail-title { margin: 0 0 14px; color: var(--notice-ink); font-size: 34px; line-height: 1.35; letter-spacing: -.035em; }
.notice-detail-header #detail-date { color: #8b9690; font-size: 13px; }
.notice-detail #detail-attachment-container { border-color: var(--notice-line) !important; background: var(--notice-surface) !important; }
.notice-detail #detail-content { min-height: 320px !important; color: #38443e !important; font-size: 16px !important; line-height: 1.9 !important; }
.notice-detail-actions { margin-top: 55px; padding-top: 28px; border-top: 1px solid var(--notice-line); text-align: center; }
.notice-detail-actions .btn-submit { min-width: 150px; padding: 13px 28px; border: 0; border-radius: 999px; background: var(--notice-green); color: #fff; font-size: 14px; font-weight: 800; cursor: pointer; }
.notice-page .footer-main { background: linear-gradient(90deg, #075d47, #064536) !important; }

.inquiry-section { padding: 84px 0 110px; background: #fff; }
.inquiry-section .guide-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.inquiry-layout { display: grid; grid-template-columns: minmax(280px, 1fr) minmax(0, 1.8fr); gap: 30px; align-items: start; }
.inquiry-info-label { margin: 0 0 12px; color: #078662; font-size: 12px; font-weight: 850; letter-spacing: .14em; }
.inquiry-info-title { margin: 0 0 24px; font-size: 30px; font-weight: 800; letter-spacing: -.03em; }
.inquiry-info-card { margin-bottom: 14px; padding: 18px 20px; border: 1px solid var(--notice-line); border-radius: 14px; background: #fff; }
.inquiry-info-card:last-child { margin-bottom: 0; }
.inquiry-info-card p:first-child { margin: 0 0 4px; color: var(--notice-muted); font-size: 13px; }
.inquiry-info-card p:nth-child(2) { margin: 0; color: var(--notice-ink); font-size: 18px; font-weight: 700; line-height: 1.35; }
.inquiry-info-card p:last-child { margin: 8px 0 0; color: var(--notice-muted); font-size: 13px; line-height: 1.5; }
.inquiry-form-panel { padding: 50px; border: 1px solid var(--notice-line); border-radius: 18px; background: #fff; }
.inquiry-form-panel .form-group { margin-bottom: 22px; }
.inquiry-form-panel label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700; }
.inquiry-form-panel input, .inquiry-form-panel textarea { width: 100%; padding: 14px 16px; border: 1px solid var(--notice-line); border-radius: 10px; font: inherit; font-size: 14px; }
.inquiry-form-panel textarea { min-height: 160px; resize: vertical; }
.inquiry-form-panel .btn-submit { min-width: 180px; padding: 14px 28px; border: 0; border-radius: 999px; background: var(--notice-green); color: #fff; font-size: 15px; font-weight: 800; cursor: pointer; }
.inquiry-form-panel .btn-submit:hover { background: var(--notice-deep); }

@media (max-width: 1100px) {
  .notice-header .nav-links-common { gap: 22px !important; }
}

@media (max-width: 768px) {
  .notice-header .nav-links-common, .notice-header .btn-nav-reserve-common, .notice-header #auth-links { display: none !important; }
  .notice-header .nav-right-actions-common { display: flex !important; margin-left: auto; }
  .notice-header .logo-common { flex-shrink: 0; }
  .notice-header .logo-main-text { font-size: 16px; white-space: nowrap; }
  .notice-header .logo-sub-text { font-size: 8px; white-space: nowrap; }
  .notice-hero { min-height: 420px; padding-bottom: 70px; }
  .notice-hero h1 { font-size: 42px; }
  .notice-local-nav { overflow-x: auto; scrollbar-width: none; }
  .notice-local-nav::-webkit-scrollbar { display: none; }
  .notice-local-nav .guide-container { width: max-content; padding: 0 14px !important; }
  .notice-local-nav a { min-width: 135px; }
  .notice-page .news-section { padding: 64px 0 80px; }
  .inquiry-section { padding: 64px 0 80px; }
  .inquiry-layout { grid-template-columns: 1fr; }
  .inquiry-form-panel { padding: 28px 22px; }
  .notice-list-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .notice-toolbar { align-items: flex-start; flex-direction: column; }
  .notice-page .search-bar { width: 100%; }
  .notice-page .search-bar input { width: auto; flex: 1; min-width: 0; }
  .notice-page .news-table col:first-child { width: 58px !important; }
  .notice-page .news-table col:last-child { width: 100px !important; }
  .notice-page .news-table th, .notice-page .news-table td { padding: 17px 10px; }
  .notice-page .news-table td.title { padding-left: 14px; }
  .notice-page .news-table td.title a { font-size: 14px; }
  .notice-page .attachment-badge { display: none; }
}

@media (max-width: 520px) {
  .notice-page .guide-container { width: min(100% - 28px, 1180px); }
  .notice-hero h1 { font-size: 39px; }
  .notice-hero h1 + p { font-size: 16px; }
  .notice-list-heading h2 { font-size: 29px; }
  .notice-list-heading p { font-size: 13px; }
  .notice-page .news-table { display: block; table-layout: auto; }
  .notice-page .news-table colgroup, .notice-page .news-table thead { display: none; }
  .notice-page .news-table tbody { display: block; }
  .notice-page .news-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 19px 4px; border-bottom: 1px solid #e8ecea; }
  .notice-page .news-table tbody td { display: block; padding: 0; border: 0; }
  .notice-page .news-table td.num { display: none; }
  .notice-page .news-table td.title { min-width: 0; padding: 0; }
  .notice-page .news-table td.title a { align-items: flex-start; min-width: 0; line-height: 1.5; word-break: keep-all; }
  .notice-page .news-table td.date { align-self: end; white-space: nowrap; font-size: 11px; }
  .notice-page .pin-badge { margin-top: 1px; margin-right: 7px; padding: 4px 7px; }
  .notice-page .notice-empty { grid-column: 1 / -1; padding: 45px 10px !important; }
  .notice-detail-header #detail-title { font-size: 27px; }
}