.notice-page{--notice-ink:#233d52;--notice-accent:#376d80;--notice-muted:#758895}
.notice-main{padding:66px 0 78px;color:var(--notice-ink)}
.notice-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:27px}
.notice-eyebrow{font-size:11px;color:#73939f;letter-spacing:.12em;font-weight:650;margin-bottom:10px}
.notice-toolbar h2{font-size:32px;font-weight:650;letter-spacing:-.04em;line-height:1.4}
.notice-count{font-size:14px;color:#788c98;margin-top:12px}.notice-count strong{color:#315e74;font-weight:700}
.notice-search{display:flex;align-items:center;gap:6px;border:1px solid #d3dfe5;border-radius:8px;background:#f7f9fa;padding:5px 6px 5px 16px;width:350px;max-width:100%}
.notice-search input{width:100%;min-width:0;font:inherit;font-size:14px;border:0;outline:0;background:transparent;color:#243f53}
.notice-search:focus-within{outline:2px solid #397eab;outline-offset:3px}
.notice-search button{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border:0;background:transparent;color:#315e74;cursor:pointer;border-radius:5px}
.notice-search svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
.notice-list{border-top:2px solid #294b5e;scroll-margin-top:115px}
.notice-list-head,.notice-row{display:grid;grid-template-columns:80px minmax(0,1fr) 112px 24px;gap:22px;align-items:center}
.notice-list-head{padding:18px 22px;font-size:12px;color:#84949e;border-bottom:1px solid #d9e3e8;text-align:center}
.notice-list-head span:nth-child(2){text-align:left}
.notice-row{padding:24px 22px;min-height:81px;border-bottom:1px solid #e0e7eb;transition:background .2s;color:#2b4254}
.notice-number{text-align:center;font-size:13px;color:#8b9ca7;font-variant-numeric:tabular-nums}
.notice-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;color:#315f75;background:#e3eef2;border:1px solid #cfdee6;border-radius:5px;padding:6px 9px;white-space:nowrap}
.notice-badge svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}
.notice-row--pinned{background:#f4f8fa}
.notice-subject{font-size:17px;font-weight:550;line-height:1.7;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere}
.notice-attach{display:inline-block;vertical-align:middle;width:15px;height:15px;fill:none;stroke:#8ca2ae;stroke-width:1.6;margin-left:9px}
.notice-row time{text-align:center;font-size:13px;color:#7b8e9b;font-variant-numeric:tabular-nums}
.notice-arrow{font-size:20px;color:#8aa2b0;transition:transform .2s,color .2s}
.notice-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:35px;flex-wrap:wrap}
.notice-pagination a{display:grid;place-items:center;min-width:42px;height:42px;padding:0 9px;border:1px solid transparent;border-radius:7px;color:#6e8390;font-size:14px;transition:background .2s}
.notice-pagination a[aria-current=page]{background:#2d5c72;color:#fff;font-weight:700}
.notice-pagination .notice-page-edge{padding:0 12px;border-color:#dce5e9}
.notice-pagination .notice-disabled{color:#b3c0c7;pointer-events:none}
.notice-pagination .ellipsis{color:#99abb4;font-size:12px}
.notice-empty{text-align:center;border-top:2px solid #294b5e;border-bottom:1px solid #e0e7eb;padding:75px 20px;scroll-margin-top:110px}
.notice-empty h3{font-size:23px;margin-bottom:12px;font-weight:650}.notice-empty p{font-size:15px;color:#7d8f9c;line-height:1.8}
.notice-reset{display:inline-flex;align-items:center;gap:18px;padding:12px 20px;margin-top:25px;border:1px solid #c8dbe3;background:#f4f8fa;border-radius:7px;font-size:14px;color:#2d5c72}
.notice-detail{padding:57px 0 72px;color:var(--notice-ink)}
.notice-detail-inner{max-width:1020px}
.notice-breadcrumb-back{display:inline-flex;gap:11px;font-size:13px;color:#6d8898;padding:8px 0;margin-bottom:23px}
.notice-detail-header{border-top:2px solid #294b5e;border-bottom:1px solid #dce5e9;padding:31px 0 25px}
.notice-detail-header h2{font-size:34px;line-height:1.5;font-weight:650;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere;margin:12px 0 17px}
.notice-meta{display:flex;gap:10px;font-size:13px;color:#8a9aa5}
.notice-content{padding:38px 0;font-size:16px;line-height:1.9;color:#435c6c;overflow-wrap:anywhere}
.notice-content p,.notice-content div{max-width:100%}
.notice-content p{margin:0 0 14px}
.notice-content h3,.notice-content h4,.notice-content h5{font-size:21px;line-height:1.6;margin:24px 0 14px;color:#294d62}
.notice-content img{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:4px}
.notice-content a{color:#29678b;text-decoration:underline;text-underline-offset:3px}
.notice-content ul,.notice-content ol{padding-left:24px;margin:15px 0}
.notice-content table{width:100%;border-collapse:collapse;margin:22px 0}
.notice-content td,.notice-content th{border:1px solid #dce5e9;padding:12px;word-break:break-word}
.notice-content hr{border:0;border-top:1px solid #dce5e9;margin:24px 0}
.notice-content .notice-video{position:relative;aspect-ratio:16/9;margin:24px 0}
.notice-video iframe{width:100%;height:100%;border:0}


.notice-attachments{padding:22px 25px;background:#f5f8fa;border:1px solid #dfe7ec;border-radius:9px;margin-bottom:32px}
.notice-attachments h3{font-size:14px;font-weight:650;margin-bottom:13px}
.notice-attachments ul{list-style:none;padding:0;margin:0}
.notice-attachments li+li{margin-top:8px}.notice-attachments a{display:flex;align-items:center;gap:12px;font-size:14px;color:#58758a;padding:7px 0;overflow-wrap:anywhere;min-height:38px}
.notice-attachments svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6}
.notice-adjacent{border-top:1px solid #c6d6df;margin-top:12px}
.notice-adjacent a{display:grid;grid-template-columns:70px minmax(0,1fr) 100px;align-items:center;gap:18px;padding:21px 5px;border-bottom:1px solid #e0e7eb;transition:background .2s}
.notice-adjacent small{font-size:12px;color:#7c93a1}.notice-adjacent strong{font-size:15px;font-weight:500;line-height:1.7;overflow-wrap:anywhere}.notice-adjacent time{font-size:12px;color:#899ba6;text-align:right}
.notice-detail-actions{display:flex;justify-content:center;gap:12px;margin-top:32px}
.notice-list-button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:48px;padding:13px 30px;border:1px solid #2d5c72;border-radius:7px;color:#fff;background:#2d5c72;font-size:14px;font-weight:600}
.notice-original-button{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;color:#688697;font-size:13px}
.notice-page a:focus-visible,.notice-page button:focus-visible{outline:3px solid #2f6bff;outline-offset:4px}
.notice-page [hidden]{display:none!important}
@media(hover:hover){.notice-row:hover{background:#edf5f8}.notice-row:hover .notice-arrow{transform:translateX(4px);color:#326c86}.notice-row:hover .notice-subject{color:#255c76}.notice-pagination a:not([aria-current=page]):hover{background:#edf4f7}.notice-search button:hover{background:#e6eff3}.notice-adjacent a:hover{background:#f5f8fa}.notice-list-button:hover{background:#244e63}}
@media(min-width:1121px) and (max-width:1600px){.notice-main>.wrap{padding-right:76px}.notice-detail-inner{max-width:1020px;padding-right:45px}}
@media(max-width:820px){
 .notice-main{padding:43px 0 55px}.notice-toolbar{gap:22px;align-items:stretch;flex-direction:column;margin-bottom:23px}.notice-toolbar h2{font-size:27px}.notice-search{width:100%}
 .notice-list-head,.notice-row{grid-template-columns:64px minmax(0,1fr) 92px 20px;gap:15px;padding-left:12px;padding-right:12px}.notice-subject{font-size:15px}.notice-row{padding-top:20px;padding-bottom:20px}.notice-list{scroll-margin-top:90px}
 .notice-detail{padding:35px 0 50px}.notice-detail-header h2{font-size:28px}.notice-content{font-size:15px;padding:28px 0}.notice-content td,.notice-content th{padding:8px}
}
@media(max-width:600px){
 .notice-main{padding:36px 0 46px}.notice-toolbar h2{font-size:25px}.notice-count{font-size:13px}.notice-list-head{display:none}
 .notice-row{grid-template-columns:48px minmax(0,1fr) 18px;gap:7px 12px;padding:20px 0;min-height:94px}
 .notice-number{grid-column:1;grid-row:1/3;font-size:12px;align-self:start;padding-top:2px}
 .notice-badge{font-size:10px;padding:5px 6px;gap:3px}.notice-badge svg{width:11px;height:11px}
 .notice-subject{grid-column:2;grid-row:1;font-size:15px;font-weight:550;line-height:1.7}
 .notice-row time{grid-column:2;grid-row:2;text-align:left;font-size:12px}
 .notice-arrow{grid-column:3;grid-row:1/3;font-size:18px}
 .notice-pagination{gap:4px;margin-top:27px}.notice-pagination a{min-width:34px;height:40px;padding:0 6px;font-size:13px}.notice-pagination .notice-page-edge{padding:0 8px}.notice-pagination .ellipsis{font-size:10px}
 .notice-detail-header{padding:22px 0}.notice-detail-header h2{font-size:24px}.notice-adjacent a{grid-template-columns:55px minmax(0,1fr);gap:8px 12px;padding:19px 0}.notice-adjacent time{grid-column:2;text-align:left}.notice-adjacent strong{font-size:14px}
 .notice-attachments{padding:18px}.notice-detail-actions{gap:8px}.notice-list-button{padding:12px 22px}.notice-original-button{padding:12px 10px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.notice-row,.notice-arrow,.notice-pagination a,.notice-adjacent a{transition:none}}