/* Digital notice design, preserving Pay's content width and API pagination. */
.notices-list, .notices-detail { background: #fff; color: #111; }
.notices-container { max-width: 1900px; margin: auto; padding: 100px clamp(53px, (100vw - 1025px) / 17.92 + 53px, 96px) 80px; }
.notices-detail .dg-inner { max-width: 1900px; padding-inline: clamp(53px, (100vw - 1025px) / 17.92 + 53px, 96px); }
.notices-heading h1 { margin: 0; font-size: 4.25rem; line-height: 1.2; letter-spacing: 0; font-weight: 750; }
.notices-panel .notices-container { padding-top: 60px; padding-bottom: 100px; }
:is(.notices-list, .notices-detail) .nt-list { border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
:is(.notices-list, .notices-detail) .nt-list li + li { border-top: 1px solid #dce0e6; transition: border-color .3s; }
:is(.notices-list, .notices-detail) .nt-list a { position: relative; isolation: isolate; overflow: hidden; min-height: 112px; padding: 32px; gap: 32px; background: transparent; border-radius: 8px; }
:is(.notices-list, .notices-detail) .nt-list a::before { content: ''; position: absolute; inset: 0; z-index: -1; background: #f5f8fc; transform: scaleX(0); transform-origin: left center; transition: transform .5s ease-in-out; }
:is(.notices-list, .notices-detail) .nt-list .nt-title { color: #171b23; font-size: 1.875rem; font-weight: 500; line-height: 1.5; }
.notices-detail .nt-list .nt-title { font-size: 1.375rem; }
:is(.notices-list, .notices-detail) .nt-list .nt-date { font-size: .875rem; font-weight: 400; color: #777; }
:is(.notices-list, .notices-detail) .nt-list .nt-go { font-size: 1.625rem; color: #444; }
:is(.notices-list, .notices-detail) .nt-list a:focus-visible { outline: 2px solid var(--blue-d); outline-offset: 4px; }
:is(.notices-list, .notices-detail) .nt-list a:focus-visible::before { transform: scaleX(1); }
.notices-detail .in-d-col { width: 100%; max-width: none; }
@media (hover: hover) {
    :is(.notices-list, .notices-detail) .nt-list:has(a:hover) li { border-color: transparent; }
    :is(.notices-list, .notices-detail) .nt-list a:hover::before { transform: scaleX(1); }
}
@media (max-width: 1024px) {
    .notices-container, .notices-detail .dg-inner { padding-inline: max(24px, 5.12821vw); }
}
@media (max-width: 1023px) {
    .notices-container { padding-top: 65px; padding-bottom: 90px; }
    .notices-heading h1 { font-size: 3rem; }
    .notices-panel .notices-container { padding-top: 40px; padding-bottom: 70px; }
    .notices-list .nt-list .nt-title { font-size: 1.5rem; }
}
@media (max-width: 600px) {
    .notices-container { padding-top: 45px; padding-bottom: 10px; }
    .notices-heading h1 { font-size: 2rem; }
    :is(.notices-list, .notices-detail) .nt-list a { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: 24px 16px; gap: 12px; }
    :is(.notices-list, .notices-detail) .nt-list .nt-title { grid-column: 1; font-size: 1.25rem; }
    :is(.notices-list, .notices-detail) .nt-list .nt-date { grid-row: 2; grid-column: 1; }
    :is(.notices-list, .notices-detail) .nt-list .nt-go { grid-row: 1 / 3; grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) {
    :is(.notices-list, .notices-detail) .nt-list a::before { transition: none; }
}