.acne_banner {
    background: url(../../../../../img/acne/acne-banner.jpg) no-repeat top / cover;
}

.symptoms-desc_box {
    padding: 40px 100px 80px;
    border-bottom: 1px solid #efefef;
}

.symptoms-desc_box .symptoms_img {
    width: 100%;
    height: 400px;
    border-radius: 16px;
}

.symptoms-desc_box .symptoms_tit {
    color: #7a73cd;
    font-size: 44px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0;
}

.symptoms-desc_box .symptoms_sub {
    color: #767676;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    /* margin: 20px 0; */
}

section.color-section {
    background-color: #f7f7f7;
}

.symptoms-desc_box:nth-child(1) .symptoms_img {
    background: url(../../../../../img/acne/acne01.jpg) no-repeat center / cover;
}

.symptoms-desc_box:nth-child(2) .symptoms_img {
    background: url(../../../../../img/acne/acne02.jpg) no-repeat center / cover;
}

.symptoms-desc_box:nth-child(3) .symptoms_img {
    background: url(../../../../../img/acne/acne03.jpg) no-repeat center / cover;
}

.symptoms-desc_box:nth-child(4) .symptoms_img {
    background: url(../../../../../img/acne/acne04.jpg) no-repeat center / cover;
}

.symptoms-desc_box:nth-child(5) .symptoms_img {
    background: url(../../../../../img/acne/acne05.jpg) no-repeat center / cover;
}


section.vector img {
    width: 100%;
}

ul.img_box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 40px 150px 0;
    gap: 20px;
}

ul.img_box li {
    height: 200px;
    border-radius: 16px;
    overflow: hidden;
}

ul.img_box li img {
    height: 100%;
}

section.color-section .txt {
    padding: 40px 150px 80px;
    font-size: 32px;
    color: #767676;
    text-align: center;
    font-weight: 300;
}

.main_banner .gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.4;
    background: hsla(333, 100%, 53%, 1);

    background: linear-gradient(90deg, hsla(333, 100%, 53%, 1) 0%, hsla(33, 94%, 57%, 1) 100%);

    background: -moz-linear-gradient(90deg, hsla(333, 100%, 53%, 1) 0%, hsla(33, 94%, 57%, 1) 100%);

    background: -webkit-linear-gradient(90deg, hsla(333, 100%, 53%, 1) 0%, hsla(33, 94%, 57%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FF0F7B", endColorstr="#F89B29", GradientType=1);
}

section.vector {
    height: 120vw;
    max-height: 1280px;
    width: 100%;
}

@media screen and (max-width:820px) {
    ul.img_box {
        padding: 40px 10px;
        gap: 10px;
    }

    section.color-section .txt {
        padding: 40px 10px 80px;
    }

    ul.img_box li {
        height: 30vw;
    }
}

@media screen and (max-width:560px) {
    ul.img_box li {
        border-radius: 16px;
    }

    ul.img_box li img {
        width: 100%;
        height: auto;
    }

    section.color-section .txt {
        font-size: 20px;
        padding: 0 0 80px;
        word-break: keep-all;
    }

    ul.img_box {
        grid-template-columns: 1fr 1fr;

    }
}