@charset "utf-8";

/*
 * File       : rwd-layout.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.0
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) 1480px
 * 02) 1200px
 * 03) 1023px
 * 04) 781px
 * 05) 540px
 */



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

    html { font-size: 0.06756756756756757vw; }

    /* VAR */
    body {
        --wp--preset--font-size--jt-01: 46rem;
        --jt-font-lineheight-01: 59rem;

        --wp--style--global--wide-size: inherit;
    }

    /* LAYOUT */
    .wrap { max-width: inherit; margin: 0 132rem; }

    /* HEADER */
    #header { height: 88rem; }
    .header__inner { margin: 0 46rem; }

    #logo { width: 142rem; height: 43rem; top: 20rem; }

    #menu > li { height: 88rem; }
    #menu > li > a { padding: 28rem 29rem; }

    .search-controller { top: 25rem; }

    /* SCROLL TOP */
    .go-top { right: 28rem; }

    /* CONTAINER */
    .main-container { padding-bottom: 180rem; }

    /* PAGE */
    .article__related { margin-bottom: -180rem; }

    /* SEARCH & TAG */
    body.search .main-container { padding-top: 88rem; }

    .search-modal__inner { padding: 162rem 0 115rem; }

    /* 404 */
    .error-404__inner { padding-top: 88rem; }

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){

    html { font-size: 0.0833333333333333vw; }

    /* VAR */
    body {
        --wp--preset--font-size--jt-01: 44rem;
        --wp--preset--font-size--jt-02: 36rem;
        --wp--preset--font-size--jt-03: 30rem;
        --wp--preset--font-size--jt-04: 26rem;
        --wp--preset--font-size--jt-05: 23rem;
        --wp--preset--font-size--jt-06: 19rem;
        --wp--preset--font-size--jt-07: 17rem;

        --jt-font-lineheight-01: 57rem;
        --jt-font-lineheight-02: 49rem;
        --jt-font-lineheight-03: 43rem;
        --jt-font-lineheight-04: 39rem;
        --jt-font-lineheight-05: 36rem;
        --jt-font-lineheight-06: 32rem;
        --jt-font-lineheight-07: 30rem;

        --wp--style--block-gap: 32rem;

        --wp--preset--spacing--jt-xxxsmall: 10rem;
        --wp--preset--spacing--jt-xxsmall: 18rem;
        --wp--preset--spacing--jt-xsmall: 22rem;
        --wp--preset--spacing--jt-small: 25rem;
        --wp--preset--spacing--jt-medium: 28rem;
        --wp--preset--spacing--jt-large: 32rem;
        --wp--preset--spacing--jt-xlarge: 36rem;
        --wp--preset--spacing--jt-xxlarge: 44rem;
        --wp--preset--spacing--jt-xxxlarge: 100rem;
    }

    /* LAYOUT */
    .wrap { margin: 0 46rem; }

    /* HEADER */
    #header { height: 80rem; }

    #logo { width: 124rem; height: 38rem; top: 19rem; }

    #menu > li { height: 80rem; }
    #menu > li > a { padding: 25rem 24rem; }
    #menu > li > ul { width: 190rem; margin-left: -95rem; }
    #menu > li > ul > li > a { padding: 6rem 26rem; }
    #menu > li > ul > li:first-child > a { padding-top: 22rem; }
    #menu > li > ul > li:last-child > a { padding-bottom: 22rem; }

    .search-controller { top: 20rem; }

    /* FOOTER */
    #footer { padding: 64rem 0; }
    .footer__menu { padding-bottom: 45rem; margin-bottom: 45rem; }
    .footer__company-info { margin-top: 28rem; }
    .footer__copyright { margin-top: 5rem; }

    /* SCROLL TOP */
    .go-top { width: 56rem; height: 56rem; padding: 11rem 0; top: -80rem; right: 24rem; }
    .go-top.go-top--fix { bottom: 24rem; }

    /* CONTAINER */
    .main-container { padding-top: 160rem; padding-bottom: 160rem; }

    /* PAGE */
    .article__header { margin-bottom: 70rem; }
    .article__title-sub { margin-bottom: 14rem; }
    .article__excerpt--secondary { margin-top: 24rem; }

    .article__related { margin-bottom: -160rem; margin-top: 100rem; padding: 100rem 0; }
    .article__related-title { margin-bottom: 42rem; }

    .article__profile { margin-top: 100rem; padding-top: 56rem; }
    .article__profile-actions { margin-top: 36rem; }

    /* SEARCH & TAG */
    .search-modal__submit { width: 34rem; }
    .search-modal__reset { right: 42rem; }
    .search-modal__reset .jt-icon { width: 24rem; }

    body.search .main-container { padding-top: 80rem; }
    .search-result__header { padding: 70rem 0; }
    .search-result__content { margin-top: 70rem; }

    .search-result__submit { width: 34rem; }
    .search-result__reset { right: 42rem; }
    .search-result__reset .jt-icon { width: 24rem; }

    .search-result__support { gap: 32rem; }
    .search-result__support-item { padding: 40rem 44rem; }
    .search-result__support-info { margin-top: 10rem; }
    ul.search-result__support-info li:before { width: 5px; height: 5px; }

    .keyword-result-list__item { padding: 32rem 0; }

    .tag-result__info { margin-bottom: 28rem; }

    /* PRIVACY */
    .privacy-version { margin-bottom: 44rem; }

    /* 404 */
    .error-404__inner { padding-top: 80rem; }
    .error-404__inner p { margin-top: 18rem; }
    .error-404__controller { margin-top: 44rem; }

}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    html { font-size: 0.09775171065493645vw; }

    /* VAR */
    body {
        --wp--preset--font-size--jt-01: 42rem;
        --wp--preset--font-size--jt-02: 33rem;
        --wp--preset--font-size--jt-03: 28rem;
        --wp--preset--font-size--jt-04: 24rem;
        --wp--preset--font-size--jt-05: 21rem;
        --wp--preset--font-size--jt-06: 18rem;
        --wp--preset--font-size--jt-07: 16rem;
        --wp--preset--font-size--jt-08: 15rem;
        --wp--preset--font-size--jt-09: 14rem;

        --jt-font-lineheight-01: 54rem;
        --jt-font-lineheight-02: 45rem;
        --jt-font-lineheight-03: 40rem;
        --jt-font-lineheight-04: 36rem;
        --jt-font-lineheight-05: 33rem;
        --jt-font-lineheight-06: 30rem;
        --jt-font-lineheight-07: 28rem;
        --jt-font-lineheight-08: 28rem;
        --jt-font-lineheight-09: 24rem;

        --wp--style--block-gap: 30rem;

        --wp--preset--spacing--jt-xxsmall: 16rem;
        --wp--preset--spacing--jt-xsmall: 18rem;
        --wp--preset--spacing--jt-small: 22rem;
        --wp--preset--spacing--jt-medium: 26rem;
        --wp--preset--spacing--jt-large: 30rem;
        --wp--preset--spacing--jt-xlarge: 34rem;
        --wp--preset--spacing--jt-xxlarge: 38rem;
        --wp--preset--spacing--jt-xxxlarge: 90rem;
    }

    /* LAYOUT */
    .wrap { margin: 0 36rem; }

    /* HEADER */
    #header { height: 70rem; }
    .header__inner { margin: 0 30rem; }

    .menu-container { display: none; }

    #logo { top: 15rem; }

    .search-controller { top: 18rem; right: 38rem; }
    .search-controller__btn { width: 36rem; height: 36rem; }
    .search-controller__btn .jt-icon { width: 22rem; }

    .small-menu-controller { display: block; width: 30rem; height: 30rem; position: absolute; top: 19rem; right: 27rem; transition: top .3s; }
    .small-menu-controller__line { display: block; width: 24rem; height: 2rem; position: absolute; left: 3rem; background: var(--wp--preset--color--black); }
    .small-menu-controller__line--01 { top: 10rem }
    .small-menu-controller__line--02 { bottom: 9rem }

    .small-menu-container { display: none; width: 100%; height: 100%; padding-top: 70rem; position: fixed; top: 0; left: 0; z-index: 650; background: var(--wp--preset--color--white); overflow: hidden; }
    #small-menu-container:after { content: ''; position: absolute; left: 0; top: 69rem; width: 100%; height: 1px; background: var(--wp--preset--color--gray-300); }
    .small-menu-container__inner { width: 100%; height: 100%; padding: 16rem 0; position: relative; z-index: 2; overflow-y: scroll; }
    .small-menu-nav { display: block; }
    #small-menu { position: relative; }
    #small-menu li { display: block; position: relative; }
    #small-menu a { display: block; position: relative; padding-left: 30rem; padding-right: 30rem; transition: color .3s; }
    #small-menu > li > a { padding-top: 16rem; padding-bottom: 16rem; font-size: var(--wp--preset--font-size--jt-06); line-height: var(--jt-font-lineheight-06); letter-spacing: var(--jt-font-letterspacing-01); font-weight: bold; color: var(--wp--preset--color--black); }
    #small-menu > li.menu-item-has-children > a:after { content: ''; width: 20rem; height: 20rem; position: absolute; right: 30rem; top: 50%; margin-top: -10rem; background: url(../images/icon/icon-chevron-black.svg) no-repeat center center; background-size: 16rem auto;; opacity: 0.3; transition: opacity .3s, transform .3s; }
    #small-menu > li > ul { display: none; margin-bottom: 16rem; background: var(--wp--preset--color--gray-100); }
    #small-menu > li > ul > li > a { padding-top: 8rem; padding-bottom: 8rem; font-size: var(--wp--preset--font-size--jt-08); line-height: var(--jt-font-lineheight-08); letter-spacing: var(--jt-font-letterspacing-01); font-weight: normal; color: var(--wp--preset--color--gray-600); }
    #small-menu > li > ul > li:first-child > a { padding-top: 28rem; }
    #small-menu > li > ul > li:last-child > a { padding-bottom: 28rem; }
    #small-menu > li.current-menu-item > a,
    #small-menu > li.current-menu-ancestor > a,
    html.desktop #small-menu > li > a:hover { color: var(--wp--preset--color--jt-primary); }
    #small-menu > li.menu-item-has-children.menu-item--open > a:after { opacity: 1; transform: rotate(-180deg); }
    #small-menu > li > ul > li.current-menu-item > a,
    html.desktop #small-menu > li > ul > li > a:hover { color: var(--wp--preset--color--black); }

    body.open-menu-fixed { width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }
    body.open-menu #header { transform: none !important; opacity: 1 !important; visibility: visible !important; }
    body.open-menu #logo, body.open-menu .small-menu-controller { z-index: 651; }

    /* FOOTER */
    #footer { padding: 60rem 0; }

    .footer__menu > li { width: calc((100% - 120rem) / 5); }
    .footer__menu { padding-bottom: 40rem; margin-bottom: 40rem; gap: 36rem 30rem; }
    .footer__menu .sub-menu { margin-top: 7rem; }

    .footer__sns { gap: 14rem; }

    /* SCROLL TOP */
    .go-top { display: none; }

    /* CONTAINER */
    .main-container { padding-top: 155rem; padding-bottom: 150rem; }

    /* PAGE */
    .article__header { margin-bottom: 64rem; }
    .article__title-sub { margin-bottom: 10rem; }
    .article__excerpt--secondary { margin-top: 20rem; }

    .article__related { margin-bottom: -150rem; margin-top: 90rem; padding: 90rem 0; }
    .article__related-title { margin-bottom: 38rem; }

    .article__profile { margin-top: 90rem; padding-top: 50rem; }
    .article__profile-actions { margin-top: 34rem; }

    /* SEARCH & TAG */
    .search-modal { z-index: 501; }
    .search-modal__inner { padding: 110rem 0 90rem; }
    .search-modal__field { height: 65rem; padding-right: 88rem; border-bottom-width: 3rem; }
    .search-modal__label { top: 9rem; }
    .search-modal__submit { width: 32rem; }
    .search-modal__submit .jt-icon { top: calc(50% - 3rem); }
    .search-modal__reset { right: 40rem; top: calc(50% - 3rem); }
    .search-modal__reset .jt-icon { width: 22rem; }
    .search-modal__close { display: block; width: 36rem; height: 36rem; margin: 0; padding: 0; position: absolute; top: 18rem; right: 20rem; background: transparent; border: none; outline: none; box-shadow: none; opacity: 1; cursor: pointer; }
    .search-modal__close .jt-icon { width: 20rem; position: absolute; left: 50%; top: calc(50% - 1rem); transform: translate3d(-50%,-50%,0); }
    html.desktop .search-modal__close:hover .jt-icon svg path { fill: var(--wp--preset--color--jt-primary); }

    body.search .main-container { padding-top: 70rem; }
    .search-result__header { padding: 55rem 0 64rem; }
    .search-result__content { margin-top: 64rem; }

    .search-result__field { height: 65rem; padding-right: 88rem; border-bottom-width: 3rem; }
    .search-result__label { top: 9rem; }
    .search-result__submit { width: 32rem; }
    .search-result__submit .jt-icon { top: calc(50% - 3rem); }
    .search-result__reset { right: 40rem; top: calc(50% - 3rem); }
    .search-result__reset .jt-icon { width: 22rem; }

    .search-result__support { gap: 30rem; }
    .search-result__support-item { padding: 38rem 42rem; }
    ul.search-result__support-info li:before { top: 11rem; }

    .keyword-result-list__item { padding: 30rem 0; }
    .keyword-result-list__desc { margin-top: 5rem; }
    .keyword-result-list__tag { margin-top: 18rem; }

    .tag-result__info { margin-bottom: 26rem; }

    /* PRIVACY */
    .privacy-version { margin-bottom: 38rem; }

    /* 비급여수가안내 */
    .nonbenefit-table thead th { padding: 12rem 18rem; }
    .nonbenefit-table tbody td { padding: 18rem; }

    .nonbenefit-table thead th:nth-child(1) { width: 175rem; }
    .nonbenefit-table thead th:nth-child(2) { width: 280rem; }
    .nonbenefit-table thead th:nth-child(4) { width: 135rem; }

    /* 404 */
    .error-404__inner { padding-top: 0; }
    .error-404__inner p { margin-top: 16rem; }
    .error-404__controller { margin-top: 38rem; }
    
}



/* **************************************** *
 * 781px
 * **************************************** */
@media (min-width: 782px) {

    /* FOOTER */
    .footer__menu > li > .sub-menu { display: block !important; }

}

@media (max-width: 781px){

    html { font-size: 0.1280409731113956vw; }

    /* VAR */
    body {
        --wp--preset--font-family--pretendard: sans-serif;

        --wp--preset--font-size--jt-01: 40rem;
        --wp--preset--font-size--jt-02: 32rem;
        --wp--preset--font-size--jt-03: 26rem;

        --jt-font-lineheight-01: 54rem;
        --jt-font-lineheight-02: 45rem;
        --jt-font-lineheight-03: 40rem;

        --wp--style--global--content-size: inherit;

        --wp--style--block-gap: 24rem;
        
        --wp--preset--spacing--jt-xxsmall: 14rem;
        --wp--preset--spacing--jt-xsmall: 16rem;
        --wp--preset--spacing--jt-small: 20rem;
        --wp--preset--spacing--jt-medium: 22rem;
        --wp--preset--spacing--jt-large: 24rem;
    }

    /* LAYOUT */
    .wrap { margin: 0 24rem; }
    .wrap-narrow { max-width: inherit; margin: 0 24rem; }

    /* HEADER */
    #header { border-bottom-color: var(--wp--preset--color--gray-300); }
    .header__inner { margin: 0 24rem; }

    #logo { left: -5rem; }

    .small-menu-controller { right: 22rem; }

    .search-controller { right: 36rem; }

    /* FOOTER */
    #footer { padding: 36rem 0 50rem; }
    .footer__menu { display: block; margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
    .footer__menu > li { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2); }
    .footer__menu > li > a { padding: 16rem 28rem 16rem 0; position: relative; }
    .footer__menu > li > a:after { content: ''; width: 12rem; height: 12rem; position: absolute; margin-top: -6rem; top: 50%; right: 0; background: url(../images/icon/icon-chevron-white.svg) no-repeat center center; background-size: 12rem auto; transition: transform .3s; }
    .footer__menu .sub-menu { display: none; margin-top: 0; margin-bottom: 20rem; padding: 16rem; background: rgba(255, 255, 255, 0.05); border-radius: 8rem; }
    .footer__menu .sub-menu a { padding: 5rem 0; }
    .footer__menu > li.footer-menu--open > a:after { transform: rotate(-180deg); }
    html.ios .footer__menu > li > a { padding-top: 18rem; padding-bottom: 15rem; }

    .footer__etc-sns-container { margin-top: 40rem; gap: 40rem 0; }

    .footer__sns-container { width: 100%; order: 1; }
    .footer__sns { gap: 12rem; }

    .footer__etc-menu-container { order: 2; }
    html.ios .footer__etc-menu > li > a { padding-top: 7rem; padding-bottom: 4rem; }

    .footer__company-info { margin-top: 24rem; }
    .footer__company-info li:after { margin: 0 8rem; }

    .footer__copyright { margin-top: 16rem; }

    /* CONTAINER */
    .main-container { padding-bottom: 130rem; }

    /* PAGE */
    .article__title-sub { margin-bottom: 8rem; }
    .article__excerpt--secondary { margin-top: 16rem; }

    .article__related { margin-bottom: -130rem; }
    .article__related-title { margin-bottom: 32rem; }

    /* SEARCH & TAG */
    .search-modal__close { right: 15rem; }

    body.search .jt-category-outer { margin-top: -10rem; }

    .search-result__info { margin-top: 16rem; }

    .search-result__support { gap: 24rem; }
    .search-result__support-item { padding: 30rem 32rem; }
    ul.search-result__support-info li { padding-left: 14rem; }
    html.ios ul.search-result__support-info li:before { top: 10rem; }

    .tag-result__info { margin-bottom: 18rem; }

    /* PRIVACY */
    .privacy-content .jt-blocks { margin: 0 -24rem; }

    /* 비급여수가안내 */
    .nonbenefit-table thead th { padding: 10rem 16rem; }
    .nonbenefit-table tbody td { padding: 16rem; }

    .nonbenefit-table thead th:nth-child(1) { width: 160rem; }
    .nonbenefit-table thead th:nth-child(2) { width: 200rem; }
    .nonbenefit-table thead th:nth-child(4) { width: 110rem; }

    /* 404 */
    .error-404__inner p { margin-top: 14rem; }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    html { font-size: 0.26666666666666665vw; }

    /* VAR */
    body {
        --wp--preset--font-size--jt-01: 36rem;
        --wp--preset--font-size--jt-02: 28rem; 
        --wp--preset--font-size--jt-03: 24rem;
        --wp--preset--font-size--jt-04: 22rem;
        --wp--preset--font-size--jt-05: 19rem;
        --wp--preset--font-size--jt-06: 17rem;
        --wp--preset--font-size--jt-07: 15rem;
        --wp--preset--font-size--jt-08: 14rem;
        --wp--preset--font-size--jt-09: 13rem;
        --wp--preset--font-size--jt-10: 12rem;

        --jt-font-lineheight-01: 46rem;
        --jt-font-lineheight-02: 37rem;
        --jt-font-lineheight-03: 33rem;
        --jt-font-lineheight-04: 31rem;
        --jt-font-lineheight-05: 29rem;
        --jt-font-lineheight-06: 28rem;
        --jt-font-lineheight-07: 26rem;
        --jt-font-lineheight-08: 26rem;
        --jt-font-lineheight-09: 22rem;
        --jt-font-lineheight-10: 20rem;

        --wp--preset--spacing--jt-xxxsmall: 7rem;
        --wp--preset--spacing--jt-xxsmall: 10rem;
        --wp--preset--spacing--jt-xsmall: 12rem;
        --wp--preset--spacing--jt-small: 16rem;
        --wp--preset--spacing--jt-medium: 18rem;
        --wp--preset--spacing--jt-xlarge: 28rem;
        --wp--preset--spacing--jt-xxlarge: 32rem;
        --wp--preset--spacing--jt-xxxlarge: 72rem;
    }

    /* HEADER */
    #header { height: 64rem; }

    #logo { top: 11rem; }
    .small-menu-controller { top: 16rem; }
    .search-controller { top: 14rem; }

    #small-menu-container { padding-top: 64rem; }
    #small-menu-container:after { top: 63rem; }
    #small-menu > li > a { padding-top: 13rem; padding-bottom: 13rem; }
    #small-menu > li.menu-item-has-children > a:after { background-size: 14rem auto; }
    #small-menu > li > ul { margin-bottom: 13rem; }
    #small-menu > li > ul > li > a { padding-top: 6rem; padding-bottom: 6rem; }
    #small-menu > li > ul > li:first-child > a { padding-top: 21rem; }
    #small-menu > li > ul > li:last-child > a { padding-bottom: 21rem; }

    /* FOOTER */
    #footer { padding: 24rem 0 44rem; }

    .footer__menu .sub-menu { padding: 13rem 20rem; }
    .footer__menu > li > a { padding-top: 15rem; padding-bottom: 15rem; }
    html.ios .footer__menu > li > a { padding-top: 17rem; padding-bottom: 14rem; }
    html.android .footer__menu > li > a { padding-top: 16rem; }

    .footer__sns { gap: 10rem; }
    .footer__sns .jt-icon { width: 25rem; }

    .footer__etc-menu { gap: 6rem; }
    .footer__etc-menu > li > a { padding: 4rem 10rem; }
    html.ios .footer__etc-menu > li > a { padding-top: 6rem; padding-bottom: 3rem; }

    .footer__company-info li:after { height: 9rem; }

    /* CONTAINER */
    .main-container { padding-top: 130rem; padding-bottom: 90rem; }

    /* PAGE */
    .article__header { margin-bottom: 48rem; }
    .article__title-sub { margin-bottom: 4rem; }
    .article__excerpt--secondary { margin-top: 14rem; }
    .article__title br, .article__excerpt br { display: none; }

    .article__related { margin-bottom: -90rem; margin-top: 72rem; padding: 72rem 0; overflow: hidden; }
    .article__related-title { margin-bottom: 24rem; }

    .article__profile { margin-top: 72rem; padding-top: 40rem; }
    .article__profile-actions { margin-top: 28rem; }

    /* SEARCH & TAG */
    .search-modal__inner { padding: 74rem 0 56rem; }
    .search-modal__field { height: 48rem; padding-right: 70rem; font-size: 18rem; }
    .search-modal__label { top: 5rem; font-size: 18rem; }
    .search-modal__submit { right: -8rem; }
    .search-modal__submit .jt-icon { width: 26rem; }
    .search-modal__reset { right: 28rem; }
    .search-modal__reset .jt-icon { width: 18rem; }
    .search-modal__close { top: 15rem; }
    html.ios .search-modal__field { padding-top: 1rem; }

    body.search .main-container { padding-top: 64rem; }
    body.search .jt-category-outer { margin-top: -8rem; }
    .search-result__header { padding: 38rem 0 48rem; }
    .search-result__content { margin-top: 48rem; }

    .search-result__field { height: 48rem; padding-right: 70rem; font-size: 18rem; }
    .search-result__label { top: 5rem; font-size: 18rem; }
    .search-result__submit { right: -8rem; }
    .search-result__submit .jt-icon { width: 26rem; }
    .search-result__reset { right: 28rem; }
    .search-result__reset .jt-icon { width: 18rem; }
    html.ios .search-result__field { padding-top: 1rem; }

    .search-result__support { flex-wrap: wrap; }
    .search-result__support-item { width: 100%; padding: 23rem 24rem 24rem; }
    .search-result__support-info { margin-top: 7rem; }
    ul.search-result__support-info li { padding-left: 14rem; }
    ul.search-result__support-info li:before { width: 4px; height: 4px; }
    html.ios ul.search-result__support-info li:before { top: 9.5rem; }

    .keyword-result-list__item { padding: 24rem 0; }
    .keyword-result-list__desc { margin-top: 3rem; }
    .keyword-result-list__tag { margin-top: 15rem; }

    .tag-result__info { margin-bottom: 12rem; }

    /* PRIVACY */
    .privacy-version { margin-bottom: 32rem; }

    /* 비급여수가안내 */
    .nonbenefit-table-outer { position: relative; }
    .nonbenefit-table-outer:before,
    .nonbenefit-table-outer:after { content: ''; width: 38rem; height: 100%; position: absolute; top: 0; opacity: 0; visibility: hidden; z-index: 2; transition: opacity .2s; }
    .nonbenefit-table-outer:before { left: 0; background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); }
    .nonbenefit-table-outer:after { right: 0; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); }
    .nonbenefit-table-outer:not(.nonbenefit-scroll--start):before { opacity: 1; visibility: visible; }
    .nonbenefit-table-outer:not(.nonbenefit-scroll--end):after { opacity: 1; visibility: visible; }
    
    .nonbenefit-table-inner { overflow-x: auto; }
    html.win .nonbenefit-table-inner { overflow: overlay; }
    html.win .nonbenefit-table-inner::-webkit-scrollbar { height: 4rem; background: transparent; }
    html.win .nonbenefit-table-inner::-webkit-scrollbar-track { background: var(--wp--preset--color--gray-200); border-radius: 99rem }
    html.win .nonbenefit-table-inner::-webkit-scrollbar-thumb { background: var(--wp--preset--color--gray-300); border-radius: 99rem; }

    .nonbenefit-table { min-width: 781rem; }

    /* 404 */
    .error-404__inner p { margin-top: 10rem; }
    .error-404__inner p br { display: none; }
    .error-404__controller { margin-top: 32rem; }

}