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

    /* kv */
    @media screen {
        .cbcn-kv-section {
            background: linear-gradient(180deg, rgba(52, 73, 93, 0.20) 0%, rgba(187, 187, 187, 0.20) 100%);
        }


        #cbcn-dom-container .cbcn-kv-section img {
            object-position: center top;
        }
    }

    /* philosophy */
    @media screen {
        .cbcn-philosophy-section {
            padding-top: 62px;
            padding-bottom: 62px;
        }

        .cbcn-philosophy-wapper {
            background-size: cover;
            width: 100%;
            height: 36.25rem;
            border-radius: 1.5rem;
            overflow: hidden;
            position: relative;
        }

        .cbcn-philosophy-p1 {
            margin-top: 3.25rem;
            font-size: 2rem;
        }

        .cbcn-philosophy-p2 {
            width: 60.1rem;
            font-size: 0.9rem;
            margin-top: 1.25rem;
        }

        .cbcn-philosophy-p3 {
            position: absolute;
            left: 0;
            width: 100%;
            top: 18.15rem;
            font-size: 1.5rem;
        }

        .cbcn-philosophy-list {
            bottom: 3.5rem;
        }

        .cbcn-philosophy-item {
            margin-right: 6.9rem;
            width: 10rem;
            height: 10rem;
            border-radius: 2.4rem;
            background: rgba(0, 0, 0, 0.10);
            backdrop-filter: blur(50px);
        }

        .cbcn-philosophy-item:last-child {
            margin-right: 0;
        }

        .cbcn-philosophy-item svg {
            margin-top: 1.5rem;
            width: 4.95rem;
            height: 4.95rem;
            margin-bottom: 0.95rem;
        }

        .cbcn-philosophy-item p {
            font-size: 0.8rem;
        }
    }

    /* history */
    @media screen {
        .cbcn-history-content {
            height: 100%;
            padding-top: 5rem;
            position: relative;
        }

        .cbcn-history-p1 {
            font-size: 2.5rem;
            position: absolute;
            top: 5rem;
            left: 0;
        }

        .cbcn-history-swiper {
            width: 100%;
            height: calc(100% - 8rem);
            position: relative;
            overflow: hidden;
        }

        .cbcn-history-item {
            width: 100%;
            padding-left: 50%;
            position: relative;
            opacity: 0 !important;
        }

        .cbcn-history-item.swiper-slide-active {
            opacity: 1 !important;
        }

        .cbcn-history-item-right {
            position: relative;
            z-index: 3;
        }

        .cbcn-history-timetxt {
            position: absolute;
            bottom: 4.4rem;
            left: 0;
        }

        .cbcn-history-year {
            font-size: 2.5rem;
        }

        .cbcn-history-year+p {
            font-size: 2.5rem;
            margin-top: -0.6rem;
        }

        .cbcn-history-item-row {
            margin-bottom: 1rem;
        }


        .cbcn-history-item-icon {
            width: 0.5rem;
            height: 0.5rem;
            background-color: #FF5A00;
            border-radius: 50%;
            margin-right: 0.5rem;
            margin-top: 0.3rem;
        }

        .cbcn-history-month {
            font-size: 0.9rem;
            width: 5rem;
        }

        .cbcn-history-desc {
            width: 34rem;
            font-size: 0.9rem;
        }

        .cbcn-history-line {
            position: absolute;
            top: 0;
            left: calc(50% + 0.2rem);
            width: 1px;
            height: calc(100% - 0.5rem);
            opacity: 0.4;
            background: #ACACAC;
            z-index: 1;
            margin-top: 0.5rem;
        }

        .cbcn-history-btnList {
            left: calc(50% + 2.5rem);
            position: absolute;
            bottom: 2.7rem;
            z-index: 2;
        }

        .cbcn-history-btn {
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            background: #FF5B00;
            position: relative;
            margin-right: 0.5rem;
            cursor: pointer;
        }

        .cbcn-history-btn.disabled {
            background: #000;
            cursor: auto;
        }

        .cbcn-history-btn svg {
            width: 0.54235rem;
        }

        .cbcn-history-progressdiv {
            position: absolute;
            top: calc(100vh - 8rem);
            width: 100%;
        }

        .cbcn-history-progress {
            width: 100%;
            height: 1px;
            opacity: 0.4;
            background: #ACACAC;
            position: relative;
        }

        .cbcn-history-progressbar {
            width: 25%;
            height: 2px;
            background: #FF5A00;
            position: absolute;
            top: 0;
            left: 0;
        }

        .cbcn-history-progresstxt {
            margin-top: 20px;
        }

        .cbcn-history-progresstxt p {
            opacity: 0.3;
            cursor: pointer;
        }

        .cbcn-history-progresstxt p.active {
            opacity: 1;
        }
    }

    /* vision */
    @media screen {
        .cbcn-vision-section {
            padding-top: 60px;
            padding-bottom: 80px;
            background: #F7F7F7;
        }

        .cbcn-vision-img {
            width: 46rem;
            height: 40rem;
            overflow: hidden;
            border-radius: 1.5rem;
        }

        .cbcn-vision-txt {
            width: 42.5rem;
        }

        .cbcn-vision-p1 {
            color: #FF5A00;
            margin-bottom: 1.1rem;
        }

        .cbcn-vision-p2 {
            width: 35.95rem;
        }

        .cbcn-vision-desc {
            width: 35.95rem;
            margin-top: 26px;
        }
    }

    /* mission */
    @media screen {
        .cbcn-mission-section {
            padding-top: 60px;
            padding-bottom: 80px;
            background: #F7F7F7;
        }

        .cbcn-mission-img {
            width: 46rem;
            height: 40rem;
            overflow: hidden;
            border-radius: 1.5rem;
        }

        .cbcn-mission-txt {
            width: 42.5rem;
        }

        .cbcn-mission-p1 {
            color: #FF5A00;
            margin-bottom: 1.1rem;
        }

        .cbcn-mission-p2 {
            width: 35.95rem;
        }

        .cbcn-mission-desc {
            width: 35.95rem;
            margin-top: 26px;
        }
    }

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

        .cbcn-values-listdiv {
            margin-top: 95px;
            width: 100%;
        }

        .cbcn-values-list {
            width: calc((322px + 16px) * 20);
        }

        .cbcn-values-list.active {
            animation: marquee 30s linear infinite;
        }

        .cbcn-values-item {
            width: 322px;
            height: 257px;
            margin-right: 16px;
            flex-shrink: 0;
            border-radius: 20.168px;
            background: #F7F7F7;
            backdrop-filter: blur(40px);
            padding-left: 29px;
        }

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

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

        .cbcn-values-item svg {
            margin-top: 11px;
            width: 135.129px;
            height: 135.129px;
        }

        .cbcn-values-p1 {
            font-size: 16.135px;
            margin-top: 8.87px;
        }

        .cbcn-values-p2 {
            font-size: 18px;
            margin-top: 38px;
        }

        .cbcn-values-p3 {
            font-size: 10.757px;
            margin-top: 4.66px;
        }
    }

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

        .cbcn-shareholder-p1 {
            margin-bottom: 16px;
        }

        .cbcn-shareholder-p2 {
            width: 847px;
        }

        .cbcn-shareholder-img {
            margin-top: 63px;
            width: 81.9rem;
            height: 23.6rem;
            aspect-ratio: 760/219;
        }
    }

}

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

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

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


        .cbcn-kv-p1 {
            margin-bottom: 0.5rem;
        }
    }

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

        .cbcn-philosophy-wapper {
            border-radius: 1.5rem;
            border: 1px solid rgba(0, 0, 0, 0.10);
            background: linear-gradient(180deg, #FF8949 0%, #FF5A00 100%);
        }

        .cbcn-philosophy-p1 {
            margin-top: 2.35rem;
            font-size: 2rem;
        }

        .cbcn-philosophy-p2 {
            margin-top: 1.5rem;
            width: 29.7rem;
        }

        .cbcn-philosophy-p3 {
            margin-top: 3.2rem;
            font-size: 1.2rem;
        }

        .cbcn-philosophy-list {
            margin-top: 3.15rem;
            margin-bottom: 4.25rem;
        }

        .cbcn-philosophy-item {
            width: 7rem;
            margin-right: 3rem;
        }

        .cbcn-philosophy-item:last-child {
            margin-right: 0;
        }

        .cbcn-philosophy-item svg {
            margin-bottom: 1rem;
        }
    }

    /* history */
    @media screen {
        .cbcn-history-section {
            padding-top: 4.45rem;
            padding-bottom: 3.1rem;
        }

        .cbcn-history-list {
            margin-top: 4.45rem;
        }

        .cbcn-history-item {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
            border-top: 1px solid rgba(172, 172, 172, 0.4);
        }

        .cbcn-history-year {
            color: #FF5A00;
            font-size: 2.5rem;
            margin-bottom: 0.95rem;
        }


        .cbcn-history-img {
            margin-top: 1.55rem;
            width: 100%;
            height: 22.1552rem;
            border-radius: 2.4526rem;
            overflow: hidden;
        }
    }

    /* vision */
    @media screen {
        .cbcn-vision-section {
            padding-top: 2.7rem;
            background: #F7F7F7;
        }

        .cbcn-vision-p1 {
            font-size: 1.2rem;
            margin-bottom: 1.1rem;
        }

        .cbcn-vision-p2 {
            font-size: 2rem;
        }

        .cbcn-vision-img {
            margin-top: 2.05rem;
            width: 100%;
            height: 30rem;
            aspect-ratio: 23/20;
            overflow: hidden;
            border-radius: 1.2825rem;
        }

        .cbcn-vision-desc {
            margin-top: 2.3rem;
        }
    }

    /* mission */
    @media screen {
        .cbcn-mission-section {
            padding-top: 6.5rem;
            padding-bottom: 4.45rem;
            background: #F7F7F7;
        }

        .cbcn-mission-p1 {
            font-size: 1.2rem;
            margin-bottom: 1.1rem;
        }

        .cbcn-mission-p2 {
            font-size: 2rem;
        }

        .cbcn-mission-img {
            margin-top: 2.05rem;
            width: 100%;
            height: 30rem;
            aspect-ratio: 23/20;
            overflow: hidden;
            border-radius: 1.2825rem;
        }

        .cbcn-mission-desc {
            margin-top: 2.3rem;
        }
    }


    /* shareholder */
    @media screen {
        .cbcn-shareholder-section {
            padding-top: 3.15rem;
            padding-bottom: 6.99rem;
        }

        .cbcn-shareholder-p1 {
            font-size: 2rem;
            margin-bottom: 1.65rem;
        }


        .cbcn-shareholder-img {
            margin-top: 63px;
            width: 100%;
            aspect-ratio: 760/219;
        }
    }

}