.public-board-section {
    min-height: 500px;
    padding: 75px 0 110px;
    background: #f7f8fa
}

.public-board-head {
    margin-bottom: 16px;
    color: #667085;
    font-size: 13px
}

.public-board-head strong {
    color: #15213a
}

.notice-banner {
    position: relative;
    overflow: hidden;
    height: 255px;
    display: flex;
    align-items: center;
    background: #172238
}

.notice-banner-background {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 75%;
    pointer-events: none;
    user-select: none
}

.notice-banner::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: rgba(0, 0, 0, .42)
}

.notice-banner-content {
    position: relative;
    z-index: 2
}

.notice-banner h1 {
    margin: 0;
    color: #fff;
    font-size: var(--type-page-title);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.045em
}

.notice-banner p {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .74);
    font-size: 16px;
    font-weight: 500
}

.notice-index-section {
    padding-top: 4rem;
    background: #fff
}

.notice-public-list {
    border-top: 1px solid #dfe4ea;
    background: #fff
}

.notice-public-list > a {
    display: grid;
    grid-template-columns:90px minmax(0, 1fr) 110px;
    align-items: center;
    gap: 18px;
    min-height: 62px;
    padding: 12px 15px;
    border-bottom: 1px solid #edf0f4;
    transition: background-color .18s
}

.notice-public-list > a:hover {
    background: #f3f5f7
}

.notice-public-type {
    color: #596579;
    font-size: 15px
}

.notice-public-list h2 {
    overflow: hidden;
    margin: 0;
    color: #26334a;
    font-size: 17px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notice-public-list time {
    color: #8a94a3;
    font-size: 14px;
    text-align: right
}

.public-empty {
    padding: 100px 20px;
    color: #98a2b1;
    text-align: center
}

.public-pagination {
    display: flex;
    justify-content: center;
    margin-top: 34px
}

.public-pagination nav {
    display: flex;
    justify-content: center;
    max-width: 100%
}

.public-pagination .pagination {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none
}

.public-pagination .page-item {
    flex: 0 0 auto
}

.public-pagination .page-link {
    min-width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #667085;
    background: transparent;
    box-shadow: none;
    font-size: 13px
}

.public-pagination .page-item.active .page-link {
    color: #172238;
    background: #edf0f3;
    font-weight: 700
}

.public-pagination .page-item.disabled .page-link {
    color: #c1c7d0;
    background: transparent
}

.notice-detail-section {
    padding: 82px 0 120px;
    background: #fff
}

.notice-detail {
    max-width: 970px;
    padding-right: 20px;
    padding-left: 20px
}

.notice-detail > header {
    padding: 0 0 30px
}

.notice-detail > header h1 {
    margin: 0 0 10px;
    color: #172238;
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.035em
}

.notice-detail > header time {
    color: #929baa;
    font-size: 13px
}

.notice-detail-downloads {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding-bottom: 18px
}

.notice-detail-downloads a {
    color: #1877f2;
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 2px
}

.notice-detail > footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-top: 38px;
    text-align: center
}

.notice-detail > footer a {
    display: inline-block;
    padding: 11px 30px;
    border: 1px solid #d6dce5;
    border-radius: 6px;
    color: #344054;
    background: #fff;
    font-size: 13px;
    font-weight: 600
}

.notice-detail > footer .notice-detail-admin-link {
    border-color: #cbdaf0;
    color: #123f78;
    background: #f4f8fe
}

@media (max-width: 700px) {

    .public-board-section {
        padding: 26px 0 58px
    }

    .notice-banner {
        height: 195px;
        align-items: flex-start
    }

    .notice-banner-background {
        object-position: center 80%
    }

    .notice-banner::before {
        background: rgba(0, 0, 0, .48)
    }

    .notice-banner-content {
        padding-top: 16px;
        text-align: center
    }

    .notice-banner h1 {
        font-size: 28px
    }

    .notice-banner p {
        margin-top: 9px;
        font-size: 12px;
        line-height: 1.5;
        word-break: keep-all
    }

    .notice-public-list > a {
        grid-template-columns:58px minmax(0, 1fr);
        gap: 10px;
        min-height: 56px;
        padding: 10px 6px
    }

    .notice-public-list time {
        display: none
    }

    .notice-public-type {
        font-size: 12px
    }

    .notice-public-list h2 {
        font-size: 14px
    }

    .public-pagination {
        margin-top: 26px
    }

    .public-pagination .pagination {
        gap: 2px
    }

    .public-pagination .page-link {
        min-width: 32px;
        height: 32px;
        font-size: 13px
    }

    .public-pagination .page-boundary,
    .public-pagination .page-ellipsis {
        display: none
    }

    .notice-detail {
        padding-right: 0;
        padding-left: 0
    }

    .notice-detail > header {
        padding-bottom: 18px
    }

    .notice-detail > header h1 {
        font-size: 24px
    }
}.notice-detail-content{
    min-height:330px;
    padding:12px 0 55px;
    min-width:0;
    overflow-wrap:anywhere;
    isolation:isolate;
    color:#3f4a5c;
    background:#fff;
    font-family:Pretendard,Arial,sans-serif;
    font-size:16px;
    line-height:1.8;
}
.notice-detail-content *,.notice-detail-content *::before,.notice-detail-content *::after{box-sizing:border-box}
.notice-detail-content h1,.notice-detail-content h2,.notice-detail-content h3,.notice-detail-content h4,.notice-detail-content h5,.notice-detail-content h6{margin:1.5em 0 .7em;color:#172238;line-height:1.4}
.notice-detail-content p{margin:0 0 1em}
.notice-detail-content ul,.notice-detail-content ol{margin:0 0 1em;padding-left:1.6em}
.notice-detail-content table{width:100%;margin:1.5em 0;border-collapse:collapse}
.notice-detail-content th,.notice-detail-content td{padding:10px;border:1px solid #dfe4ea;text-align:left;vertical-align:top}
.notice-detail-content blockquote{margin:1.5em 0;padding:15px 20px;border-left:4px solid #d7dde6;background:#f7f8fa}
.notice-detail-content img,.notice-detail-content video,.notice-detail-content iframe{max-width:100%;height:auto}
.notice-detail-content img{display:block;margin:25px auto}
.notice-detail-content .se-component,.notice-detail-content .se-image-container,.notice-detail-content figure{width:100%!important;min-width:0!important;max-width:100%!important;margin-right:0!important;margin-left:0!important}
.notice-detail-content .se-image-container img{width:100%!important;max-width:100%!important}
.notice-detail-content a{color:#1854e8}
@media(max-width:700px){
    .notice-detail-content{min-height:260px;padding:0 0 32px;font-size:15px}
    .notice-detail-content img{margin:18px auto}
}