.cs {
    background: var(--theme);
}
.cs .title {
    padding: 0;
}
.cs .desc {
    font-size: 3.2rem;
    letter-spacing: -0.2px;
    line-height: 1.65;
    text-align: center;
    color: var(--red);
    margin-top: 2.4rem;
    font-variation-settings: "wght" 600;
}
.cs .intro {
    padding-bottom: 7rem;
} 
.cs .sub_title {
    font-size: 4.8rem;
    font-variation-settings: "wght" 600;
    text-align: center;
    color: var(--red);
    margin-bottom: 3rem;
}
.cs .board {
    margin: 0 auto;
    padding: 8rem 0 15rem;
    background: var(--white);
}
.cs .inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .cs .desc {
        font-size: 2.8rem;
    }
    .cs .sub_title {
        font-size: 4rem;
    }
}
@media (max-width: 768.99px) {
    .cs .desc {
        font-size: 2.2rem;
    }
    .cs .sub_title {
        font-size: 3.2rem;
    }
}

@media (max-width: 550.99px) {
    .cs .inner {
        padding: 0 1rem;
    }
    .cs .desc {
        font-size: 1.8rem;
    }
    .cs .sub_title {
        font-size: 2.8rem;
    }
    .cs .intro {
        padding-bottom: 5rem;
    } 
    .cs .board {
        padding: 5rem 0 10rem;
    }
}