@media screen and (min-width: 768px) {
    body.page-non-covered-list #container,
    body.page-non-covered-list #container #content {
        overflow: visible;
    }

    body.page-non-covered-list #container #content {
        position: relative;
        background: transparent;
    }

    body.page-non-covered-list #container #content::before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1040px;
        background: #fff;
    }

    body.page-non-covered-list #container #content .mTitle,
    body.page-non-covered-list .non-covered-page {
        position: relative;
        z-index: 1;
        width: 1040px;
        max-width: none;
        box-sizing: border-box;
    }
}

body.page-non-covered-list .non-covered-page {
    padding: 0 16px 2rem;
}

/* JH_common/common.css breadcrumb padding-left:190px — 이 페이지만 0 */
body.page-non-covered-list #container #content .wrap .breadcrumb {
    padding: 0;
}

.non-covered-page .is-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.non-covered-page {
    font-family: "NanumSquare", "Nanum Square", "Noto Sans KR", sans-serif;
    font-size: 21px;
    line-height: 1.5;
    color: #000;
    max-width: 100%;
    min-width: 0;
}

.non-covered-page * {
    box-sizing: border-box;
}

.non-covered-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0 0 1.25rem;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #cbd5e1;
}

.non-covered-tabs__item {
    flex: 1 1 25%;
    min-width: 7rem;
}

.non-covered-tabs__btn {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.65rem 0.4rem;
    border: 1px solid #cbd5e1;
    border-bottom: none;
    background: #fff;
    color: #000;
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    transition:
        background 0.15s,
        color 0.15s;
}

.non-covered-tabs__item + .non-covered-tabs__item .non-covered-tabs__btn {
    border-left: none;
}

.non-covered-tabs__item.is-active .non-covered-tabs__btn {
    background: #5bc2e7;
    border-color: #5bc2e7;
    color: #fff;
    font-weight: 500;
}

.non-covered-toolbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    width: 100%;
    min-width: 0;
}

.non-covered-toolbar__scope {
    flex: 0 0 auto;
    min-width: 0;
    max-width: 42%;
}

.non-covered-scope-picker {
    position: relative;
    width: 11rem;
    max-width: 100%;
    min-width: 0;
}

.non-covered-scope-picker__toggle {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0.5rem 1.75rem 0.5rem 0.65rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.25rem;
    background: #fff;
    color: #000;
    font: inherit;
    font-size: 1rem;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
}

.non-covered-scope-picker__toggle-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.non-covered-scope-picker__toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.65rem;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #64748b;
    pointer-events: none;
}

.non-covered-scope-picker__list {
    position: absolute;
    z-index: 30;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    max-height: 16rem;
    margin: 0;
    padding: 0.25rem 0;
    overflow-y: auto;
    list-style: none;
    border: 1px solid #cbd5e1;
    border-radius: 0.25rem;
    background: #fff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
}

.non-covered-scope-picker__option {
    padding: 0.45rem 0.65rem;
    cursor: pointer;
    color: #000;
    font-size: 0.875rem;
    line-height: 1.35;
}

.non-covered-scope-picker__option:hover,
.non-covered-scope-picker__option.is-selected {
    background: #e3f2fa;
}

.non-covered-scope-picker__option-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.non-covered-toolbar__tab-label {
    display: block;
    max-width: 11rem;
    min-height: 2.625rem;
    padding: 0.5rem 0.35rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.non-covered-toolbar input[type="search"] {
    flex: 1 1 auto;
    min-width: 0;
    font: inherit;
    font-size: 1rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.25rem;
}

.non-covered-toolbar__btn {
    flex: 0 0 auto;
    padding: 0.5rem 1.25rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.25rem;
    background: transparent;
    color: #000;
    font: inherit;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
}

.non-covered-toolbar__btn:hover {
    border-color: #94a3b8;
    color: #000;
}

.non-covered-result-count {
    margin: 0 0 0.65rem;
    font-size: 1rem;
    color: #000;
    text-align: right;
}

.non-covered-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid #9ecae8;
    -webkit-overflow-scrolling: touch;
}

.non-covered-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    margin-top: 1rem;
}

.non-covered-pagination[hidden] {
    display: none;
}

.non-covered-pagination__btn,
.non-covered-pagination__num {
    font: inherit;
    font-size: 0.9375rem;
    color: #000;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 0.25rem;
    padding: 0.4rem 0.75rem;
    cursor: pointer;
}

.non-covered-pagination__num {
    min-width: 2.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.non-covered-pagination__num.is-active {
    background: #5bc2e7;
    border-color: #5bc2e7;
    color: #fff;
    font-weight: 500;
}

.non-covered-pagination__btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.non-covered-pagination__nums {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: center;
}

.non-covered-table thead .non-covered-table__subhead-spacer {
    padding: 0;
    border-top: none;
    background: #e3f2fa;
    line-height: 0;
    font-size: 0;
}

.non-covered-table {
    width: 100%;
    min-width: 1260px;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 0.8125rem;
    background: #fff;
}

.non-covered-table.non-covered-table--fee {
    min-width: 1000px;
}

.non-covered-table.non-covered-table--drug {
    min-width: 880px;
}

.non-covered-table--drug .non-covered-col--code {
    width: 11%;
}

.non-covered-table--drug .non-covered-col--name {
    width: 26%;
}

.non-covered-table--drug .non-covered-col--money {
    width: 8%;
}

.non-covered-table--drug .non-covered-col--notes {
    width: 14%;
}

.non-covered-table--drug .non-covered-col--date {
    width: 9%;
}

.non-covered-table--drug .non-covered-table__name,
.non-covered-table--drug .non-covered-table__notes {
    white-space: pre-line;
}

.non-covered-table.non-covered-table--certificate {
    min-width: 960px;
}

.non-covered-table--certificate .non-covered-col--seq {
    width: 4%;
}

.non-covered-table--certificate .non-covered-col--hospital-code {
    width: 9%;
}

.non-covered-table--certificate .non-covered-col--code {
    width: 8%;
}

.non-covered-table--certificate .non-covered-col--name {
    width: 22%;
}

.non-covered-table--certificate .non-covered-col--division {
    width: 10%;
}

.non-covered-table--certificate .non-covered-col--money {
    width: 8%;
}

.non-covered-table--certificate .non-covered-col--notes {
    width: 14%;
}

.non-covered-table--certificate .non-covered-col--date {
    width: 9%;
}

.non-covered-table--certificate .non-covered-table__name,
.non-covered-table--certificate .non-covered-table__division,
.non-covered-table--certificate .non-covered-table__notes {
    white-space: pre-line;
}

.non-covered-table--fee .non-covered-col--class {
    width: 10%;
}

.non-covered-table--fee .non-covered-col--code {
    width: 7.5%;
}

.non-covered-table--fee .non-covered-col--name {
    width: 15.5%;
}

.non-covered-table--fee .non-covered-col--division {
    width: 10%;
}

.non-covered-table--fee .non-covered-col--money {
    width: 6.5%;
}

.non-covered-table--fee .non-covered-col--notes {
    width: 14%;
}

.non-covered-table--fee .non-covered-col--date {
    width: 8%;
}

.non-covered-col--class {
    width: 8%;
}

.non-covered-col--class-sub {
    width: 8%;
}

.non-covered-col--code {
    width: 7%;
}

.non-covered-col--name {
    width: 13%;
}

.non-covered-col--division {
    width: 6.5%;
}

.non-covered-col--money {
    width: 5.5%;
}

.non-covered-col--ox {
    width: 5%;
}

.non-covered-col--notes {
    width: 12.5%;
}

.non-covered-col--date {
    width: 7%;
}

.non-covered-table th,
.non-covered-table td {
    padding: 0.5rem 0.4rem;
    border: 1px solid #9ecae8;
    vertical-align: middle;
    text-align: center;
    line-height: 1.35;
    overflow: hidden;
    color: #000;
}

.non-covered-table tbody td {
    word-break: break-word;
    overflow-wrap: break-word;
    background: #fff;
}

.non-covered-table thead th {
    padding: 0.22rem 0.3rem;
    line-height: 1.25;
    font-size: 0.8125rem;
    background: #e3f2fa;
    color: #000;
    font-weight: 700;
}

.non-covered-table thead .non-covered-table__group {
    background: #cce7f5;
    color: #000;
}

.non-covered-table thead tr:nth-child(2) th {
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.18rem 0.25rem;
}

.non-covered-table thead tr:first-child th[rowspan="2"] {
    font-size: 0.8125rem;
    line-height: 1.25;
}

.non-covered-table tbody td.non-covered-table__date {
    white-space: nowrap;
}

.non-covered-table tbody td.non-covered-table__num {
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    font-size: 0.8125rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.non-covered-table tbody td.non-covered-table__date {
    word-break: normal;
    overflow-wrap: normal;
    font-size: 0.8125rem;
}

.non-covered-table tbody td.non-covered-table__class {
    font-weight: 500;
    font-size: 0.8125rem;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}

.non-covered-table__empty {
    padding: 2rem 1rem;
    text-align: center;
    color: #000;
}

.non-covered-footnote {
    margin-top: 1rem;
    font-size: 0.9375rem;
    color: #000;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .non-covered-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-top: 1.25rem;
        gap: 0.35rem;
        border-bottom: none;
        padding-bottom: 0.15rem;
    }

    .non-covered-tabs__item {
        flex: 0 0 auto;
        min-width: 0;
    }

    .non-covered-tabs__btn {
        white-space: nowrap;
        border-bottom: 1px solid #cbd5e1;
        border-radius: 0.25rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .non-covered-tabs__item + .non-covered-tabs__item .non-covered-tabs__btn {
        border-left: 1px solid #cbd5e1;
    }

    .non-covered-tabs__item.is-active .non-covered-tabs__btn {
        border: 1px solid #5bc2e7;
    }

    .non-covered-toolbar__scope {
        max-width: 38%;
    }

    .non-covered-scope-picker {
        width: 6.75rem;
    }

    .non-covered-scope-picker__toggle {
        font-size: 12px;
        line-height: 1.3;
        padding: 0.35rem 1.35rem 0.35rem 0.45rem;
    }

    .non-covered-scope-picker__toggle::after {
        right: 0.45rem;
        border-left-width: 4px;
        border-right-width: 4px;
        border-top-width: 5px;
    }

    .non-covered-scope-picker__option {
        font-size: 12px;
        padding: 0.35rem 0.45rem;
    }

    .non-covered-toolbar__tab-label {
        max-width: 6.75rem;
        font-size: 12px;
        min-height: 2rem;
        padding: 0.35rem 0.25rem;
    }

    .non-covered-toolbar input[type="search"] {
        font-size: 12px;
        padding: 0.35rem 0.45rem;
    }

    .non-covered-toolbar__btn {
        font-size: 12px;
        padding: 0.35rem 0.65rem;
    }

    .non-covered-result-count {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.875rem;
    }

    .non-covered-pagination {
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 0.25rem;
    }

    .non-covered-pagination__nums {
        flex-wrap: nowrap;
        flex-shrink: 0;
        justify-content: center;
    }

    .non-covered-pagination__btn,
    .non-covered-pagination__num {
        flex-shrink: 0;
        white-space: nowrap;
    }
}
