@media screen and (min-width: 1024px) {

    /* kv */
    @media screen {
        .cbcn-kv-section {
            padding-top: 173px;
        }

        .cbcn-kv-p2 {
            margin-top: 16px;
            margin-bottom: 16px;
        }
    }

    /* detail */
    @media screen {
        .cbcn-detail-section {
            padding-top: 97px;
        }

        .cbcn-detail-content{
            width: 676px;
        }

        .cbcn-detail-section img:first-child {
            margin-top: 0;
        }

        .cbcn-detail-section p {
            margin-top: 52px;
            font-family: Manrope;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px;
        }

        .cbcn-detail-section img {
            margin-top: 121px;
            width: 100%;
            border-radius: 30px;
            overflow: hidden;
        }
    }

    /* pagebtn */
    @media screen {
        .cbcn-pagebtn-section {
            padding-top: 121px;
            padding-bottom: 173px;
        }

        .cbcn-pagebtn-section a {
            width: 188px;
            height: 62px;
            padding: 0 30px;
            border-radius: 100px;
            border: 1px solid #000;
            background: rgba(217, 217, 217, 0.00);
        }

        .cbcn-pagebtn-section a[href]:not([href=""]):hover,
        .cbcn-pagebtn-section a[href]:not([href=""]):focus-visible {
            border: 1px solid #FF5A00;
            background: #FF5A00;
            color: #FFF;
        }

        .cbcn-pagebtn-section a p {
            line-height: 60px;
        }

        .cbcn-pagebtn-section a svg {
            position: relative;
        }

        .cbcn-pagebtn-section a[href]:not([href=""]):hover svg path,
        .cbcn-pagebtn-section a[href]:not([href=""]):focus-visible svg path {
            fill: #FFF;
        }
    }

}

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

    /* kv */
    @media screen {
        .cbcn-kv-section {
            width: 100%;
            height: 50rem;
        }

        .cbcn-kv-txt {
            position: absolute;
            bottom: 2.5rem;
            left: 1.5rem;
        }

        .cbcn-kv-p2 {
            font-size: 1.5rem;
            margin-top: 0.6rem;
        }
    }

    /* detail */
    @media screen {
        .cbcn-detail-section {
            padding-top: 9.85rem;
        }

        .cbcn-detail-section p {
            margin-top: 2.5rem;
            color: #FFF;
            font-family: Manrope;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.5rem;
        }

        .cbcn-detail-section img {
            margin-top: 3rem;
            width: 100%;
            border-radius: 1.5rem;
            overflow: hidden;
        }
    }

    /* pagebtn */
    @media screen {
        .cbcn-pagebtn-section {
            padding-top: 4.7rem;
            padding-bottom: 6.25rem;
        }

        .cbcn-pagebtn-section a {
            width: 9.4rem;
            height: 3.1rem;
            padding: 0 1.5rem;
            border-radius: 5rem;
            border: 1px solid #FFF;
            background: rgba(217, 217, 217, 0.00);
        }

        .cbcn-pagebtn-section a[href]:not([href=""]):hover,
        .cbcn-pagebtn-section a[href]:not([href=""]):focus-visible {
            border: 1px solid #FF5A00;
            background: #FF5A00;
        }

        .cbcn-pagebtn-section a p {
            line-height: 3.1rem;
        }

        .cbcn-pagebtn-section a svg {
            position: relative;
        }
    }

}
/* Article navigation: only available neighbors are interactive. */
.cbcn-pagebtn-section a svg path { fill: currentColor; }
.cbcn-pagebtn-section a:not([href]),
.cbcn-pagebtn-section a[href=""],
.cbcn-pagebtn-section a[aria-disabled="true"] {
    color: #ACACAC; border-color: #D9D9D9; background: transparent;
    cursor: default; pointer-events: none;
}