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

    /* kv */
    @media screen {
    }

    /* kvlist */
    /* @media screen {
        .cbcn-kvlist-section {
            padding-top: 48px;
            padding-bottom: 76px;
        }

        .cbcn-kvlist-wapper {
            width: 100%;
        }

        .cbcn-kvlist-list {
            width: calc((311px + 17px) * 20);
            animation: marquee 20s linear infinite;
        }

        .cbcn-kvlist-item {
            width: 311px;
            height: 413px;
            margin-right: 17px;
            overflow: hidden;
            border-radius: 20.168px;
            background: #F7F7F7;
            backdrop-filter: blur(40px);
            position: relative;
            flex-shrink: 0;
        }

        @keyframes marquee {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        .cbcn-kvlist-item svg {
            width: 135px;
            height: 135px;
            position: absolute;
            top: 14px;
            left: 30px;
        }

        .cbcn-kvlist-txt {
            position: absolute;
            left: 30px;
            bottom: 23px;
        }

        .cbcn-kvlist-txt p:nth-child(2) {
            margin-top: 3px;
            margin-bottom: 12px;
        }
    } */

    /* jobs */
    @media screen {
        .cbcn-jobs-section {
            border-top: 1px solid #D9D9D9;
        }

        .cbcn-jobs-left {
            padding-top: 58px;
            width: 356px;
            border-right: 1px solid #D9D9D9;
        }

        .cbcn-jobs-left-title {
            margin-bottom: 49px;
            font-size: 24px;
            color: rgba(0, 0, 0, 0.6);
        }

        .cbcn-jobs-filter {
            width: calc(100% - 36px);
            padding-top: 34px;
            border-top: 1px solid #D9D9D9;
        }

        .cbcn-jobs-filter-list {
            margin-top: 32px;
        }

        .cbcn-jobs-filter-items {
            padding-left: 40px;
        }

        .cbcn-jobs-filter-item {
            margin-top: 20px;
            cursor: pointer;
        }

        .cbcn-jobs-filter-item input {
            margin-right: 20px;
        }

        .cbcn-jobs-right {
            width: calc(100% - 356px);
            padding-top: 37px;
            padding-left: 37px;
            padding-bottom: 97px;
        }

        .cbcn-jobs-list {
            width: 100%;
        }

        .cbcn-jobs-item {
            width: 100%;
            border-radius: 30px;
            background: #F7F7F7;
            padding: 30px 46px 36px;
            margin-top: 20px;
        }

        .cbcn-jobs-item-title {
            margin-right: 50px;
        }

        .cbcn-jobs-desc {
            margin-top: 42px;
        }

        .cbcn-jobs-join {
            display: block;
            margin-top: 80px;
            width: 148px;
            height: 51px;
            border-radius: 28px;
            background: #000;
            text-align: center;
            line-height: 51px;
            color: #FFF;
        }

        .cbcn-jobs-join:hover {
            background: #FF5B00;
        }

        .cbcn-jobs-showmore {
            display: block;
            margin-top: 56px;
            width: 148px;
            height: 51px;
            border-radius: 28px;
            background: #FF5B00;
            text-align: center;
            line-height: 51px;
            color: #FFF;
        }
    }

    /* tool */
    @media screen {
        .cbcn-tool-section {
            padding-top: 103px;
            background: #F7F7F7;
        }

        .cbcn-tool-left {
            position: relative;
        }

        .cbcn-tool-logo {
            width: 24.8rem;
        }

        .cbcn-tool-p1 {
            margin-top: 48px;
            margin-bottom: 11px;
        }

        .cbcn-tool-img {
            width: 36.6rem;
            height: 57.9rem;
            aspect-ratio: 55/87;
            position: absolute;
            top: 345px;
            left: 35px;
        }

        .cbcn-tool-right {
            position: relative;
            padding-bottom: 50px;
        }

        .cbcn-tool-item {
            position: relative;
            width: 45.5rem;
            border-top: 1px solid rgba(0, 0, 0, 0.3);
        }

        .cbcn-tool-item-p1 {
            margin-top: 13px;
        }

        .cbcn-tool-item-p2 {
            margin-top: 15px;
        }

        .cbcn-tool-item-img {
            margin: 80px 0;
            height: 90px;
        }

        .cbcn-tool-item-p3 {
            position: absolute;
            right: 0;
            top: 16px;
        }
    }


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

        .cbcn-platform-p1 {
            color: #E9E9E9;
        }

        .cbcn-platform-p1 span {
            background: linear-gradient(90deg, #000 0%, #FF5A00 50%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cbcn-platform-div {
            margin-top: 134px;
            position: relative;
            width: 100%;
            height: 958px;
            border-radius: 30px;
            overflow: hidden;
        }

        .cbcn-platform-txt {
            position: absolute;
            top: 57px;
            left: 57px;
            z-index: 2;
        }

        .cbcn-platform-txtp2 {
            margin-top: 6px;
        }

        .cbcn-platform-morebtn {
            margin-top: 30px;
            display: block;
            width: 162px;
            height: 48px;
            border-radius: 1.4rem;
            background: #FF5B00;
            color: #FFF;
            text-align: center;
            line-height: 48px;
            flex-shrink: 0;
            padding: 0 1.8rem;
        }

        .cbcn-platform-morebtn svg {
            margin-left: 0.4rem;
        }
    }


    /* explore */
    @media screen {
        .cbcn-explore-section {
            padding-top: 135px;
            padding-bottom: 105px;
        }

        .cbcn-explore-item {
            width: 100%;
            overflow: hidden;
            border-radius: 1.5rem;
            background: #F5F5F5;
            height: 377px;
        }

        .cbcn-explore-p1 {
            margin-top: 35px;
            margin-left: 2.5rem;
        }

        .cbcn-explore-p1 span {
            color: #FF5A00;
        }


        .cbcn-explore-img {
            width: 25.35rem;
            height: 21.85rem;
            aspect-ratio: 239/206;
            position: absolute;
            right: 7.9rem;
            bottom: 0;
        }

        .cbcn-explore-btnlist {
            position: absolute;
            left: 2.7em;
            bottom: 56px;
        }

        .cbcn-explore-morebtn {
            display: block;
            height: 48px;
            border-radius: 1.4rem;
            background: #FF5B00;
            color: #FFF;
            text-align: center;
            line-height: 48px;
            flex-shrink: 0;
            padding-left: 1.4rem;
            padding-right: 1.4rem;
        }

        .cbcn-explore-morebtn svg {
            margin-left: 0.4rem;
        }
    }

}

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

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

        .cbcn-kv-txt {
            position: absolute;
            bottom: 2.25rem;
            left: 0;
            padding: 0 1.5rem;
        }

        .cbcn-kv-p2 {
            font-size: 1rem;
            margin-top: 0.5rem;
        }
    }

    /* kvlist */
    @media screen {
        .cbcn-kv-list-div {
            background-color: #fff;
            position: relative;
            padding-top: 2.65rem;
        }

        .cbcn-kv-list-wapper {
            width: 100%;
            height: 30.7rem;
            position: relative;
        }

        .cbcn-kv-list {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            flex-wrap: nowrap;
        }

        .cbcn-kv-item {
            width: 23.9rem;
            height: 100%;
            border-radius: 1.5rem;
            background: #F7F7F7;
            overflow: hidden;
            padding: 1rem 2.15rem;
            flex-shrink: 0;
        }


        .cbcn-kv-item svg {
            width: 10.05rem;
            height: 10.05rem;
        }

        .cbcn-kv-list-txt p:nth-child(1) {
            font-size: 1.2rem;
        }

        .cbcn-kv-list-txt p:nth-child(2) {
            margin-top: 0.25rem;
            font-size: 1.9rem;
        }

        .cbcn-kv-list-txt p:nth-child(3) {
            margin-top: 0.95rem;
            font-size: 0.8rem;
        }

        .cbcn-kv-progress {
            margin-top: 3rem;
            width: 100%;
            height: 1px !important;
            background: rgba(185, 185, 185, 0.4);
            position: relative;
        }

        .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: #FF5A00;
        }
    }

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

        .cbcn-jobs-left-title {
            font-size: 2rem;
        }

        .cbcn-jobs-right {
            width: 100%;
            padding-top: 1rem;
        }

        .cbcn-jobs-list {
            width: 100%;
        }

        .cbcn-jobs-item {
            margin-top: 1rem;
            width: 100%;
            border-radius: 1.5rem;
            background: #F7F7F7;
            padding: 2.1rem 2.3rem 3rem;
        }

        .cbcn-jobs-item-title {
            margin-right: 3.15rem;
            font-size: 1.4rem;
        }

        .cbcn-jobs-desc {
            margin-top: 1.7rem;
        }

        .cbcn-jobs-join {
            margin-top: 2.25rem;
            display: block;
            width: 9.1rem;
            height: 3.15rem;
            border-radius: 1.575rem;
            background: #FF5B00;
            text-align: center;
            line-height: 3.15rem;
            color: #FFF;
        }


        .cbcn-jobs-showmore {
            display: block;
            margin-top: 4.35rem;
            margin-bottom: 5.95rem;
            width: 9.8rem;
            height: 3.15rem;
            border-radius: 1.575rem;
            background: #FF5B00;
            text-align: center;
            line-height: 3.15rem;
            color: #FFF;
        }

        /* 

        .cbcn-jobs-filter {
            width: calc(100% - 36px);
            padding-top: 34px;
            border-top: 1px solid #D9D9D9;
        }

        .cbcn-jobs-filter-list {
            margin-top: 32px;
        }

        .cbcn-jobs-filter-items {
            padding-left: 40px;
        }

        .cbcn-jobs-filter-item {
            margin-top: 20px;
            cursor: pointer;
        }

        .cbcn-jobs-filter-item input {
            margin-right: 20px;
        } */
    }

    /* tool */
    @media screen {
        .cbcn-tool-section {
            padding-top: 103px;
            background: #F7F7F7;
        }

        .cbcn-tool-left {
            position: relative;
        }

        .cbcn-tool-logo {
            width: 24.8rem;
        }

        .cbcn-tool-p1 {
            margin-top: 48px;
            margin-bottom: 11px;
        }

        .cbcn-tool-img {
            width: 36.6rem;
            height: 57.9rem;
            aspect-ratio: 55/87;
            position: absolute;
            top: 345px;
            left: 35px;
        }

        .cbcn-tool-right {
            position: relative;
            padding-bottom: 50px;
        }

        .cbcn-tool-item {
            position: relative;
            width: 45.5rem;
            border-top: 1px solid rgba(0, 0, 0, 0.3);
        }

        .cbcn-tool-item-p1 {
            margin-top: 13px;
        }

        .cbcn-tool-item-p2 {
            margin-top: 15px;
        }

        .cbcn-tool-item-img {
            margin: 80px 0;
            height: 90px;
        }

        .cbcn-tool-item-p3 {
            position: absolute;
            right: 0;
            top: 16px;
        }
    }


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

        .cbcn-platform-p1 {
            color: #E9E9E9;
        }

        .cbcn-platform-p1 span {
            background: linear-gradient(90deg, #000 0%, #FF5A00 50%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cbcn-platform-div {
            margin-top: 134px;
            position: relative;
            width: 100%;
            height: 958px;
            border-radius: 30px;
            overflow: hidden;
        }

        .cbcn-platform-txt {
            position: absolute;
            top: 57px;
            left: 57px;
            z-index: 2;
        }

        .cbcn-platform-txtp2 {
            margin-top: 6px;
        }

        .cbcn-platform-morebtn {
            margin-top: 30px;
            display: block;
            width: 162px;
            height: 48px;
            border-radius: 1.4rem;
            background: #FF5B00;
            color: #FFF;
            text-align: center;
            line-height: 48px;
            flex-shrink: 0;
            padding: 0 1.8rem;
        }

        .cbcn-platform-morebtn svg {
            margin-left: 0.4rem;
        }
    }


    /* explore */
    @media screen {
        .cbcn-explore-section {
            padding-top: 135px;
            padding-bottom: 105px;
        }

        .cbcn-explore-item {
            width: 100%;
            overflow: hidden;
            border-radius: 1.5rem;
            background: #F5F5F5;
            height: 377px;
        }

        .cbcn-explore-p1 {
            margin-top: 35px;
            margin-left: 2.5rem;
        }

        .cbcn-explore-p1 span {
            color: #FF5A00;
        }


        .cbcn-explore-img {
            width: 25.35rem;
            height: 21.85rem;
            aspect-ratio: 239/206;
            position: absolute;
            right: 7.9rem;
            bottom: 0;
        }

        .cbcn-explore-btnlist {
            position: absolute;
            left: 2.7em;
            bottom: 56px;
        }

        .cbcn-explore-morebtn {
            display: block;
            height: 48px;
            border-radius: 1.4rem;
            background: #FF5B00;
            color: #FFF;
            text-align: center;
            line-height: 48px;
            flex-shrink: 0;
            padding-left: 1.4rem;
            padding-right: 1.4rem;
        }

        .cbcn-explore-morebtn svg {
            margin-left: 0.4rem;
        }
    }

}