.part-box {
    margin: 0 auto;
    width: 78.125%;
    max-width: 1000px;
}

.link-btn-container,
.web-container {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
}

.web-container {
    padding: 20px 0;
    background-color: #FFFAE3;
    border: 4px solid #00B52B;
    border-radius: 10px;
    min-height: 186px;
    align-items: center;
    margin-top: 21px;
    justify-content: flex-start;
}

.link-btn-container a,
.web-container a {
    width: 23.2%;
    height: 93px;
    background-color: #FF6868;
    color: #ffffff;
    box-shadow: 2px 2px 6px #00000029;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    letter-spacing: 3.2px;
    flex-shrink: 0;
}

.web-container a {
    margin-left: 4.6%;
    margin-right: 7.127%;
}

.link-btn-container a:hover,
.web-container a:hover {
    background-color: #FFFFFF;
    border: 3px solid #00B52B;
    color: #00B52B;
}

.web-container p {
    font-size: 24px;
    line-height: 48px;
    margin-right: 40px;
}

.title-logo {
    color: #FF0000;
    letter-spacing: -2px;
    font-weight: 500;
    font-size: 50px;
}

.green-char {
    color: #12A33F;
    font-size: 50px;
}

@media screen and (min-width:520px) and (max-width:959px) {
    .part-box {
        width: 94.79%;
        max-width: 728px;
    }

    .web-container {
        min-height: 123.39px;
        margin-top: 12.03px;
    }

    .web-container a {
        margin-left: 2.82%;
        margin-right: 5.11%;
    }

    .link-btn-container a,
    .web-container a {
        width: 23.35%;
        height: 62px;
        box-shadow: 2px 2px 3px #00000029;
        font-size: 24px;
        letter-spacing: 2.14px;
    }

    .web-container p {
        font-size: 20px;
        line-height: 40px;
        margin-right: 2.82%;
    }
}

@media screen and (max-width:519px) {
    .part-box {
        width: 89.33%;
    }

    .web-container {
        padding: 10px 0;
        border: 2px solid #00B52B;
        border-radius: 6px;
        min-height: 56px;
        margin-top: 5px;
    }

    .web-container a {
        margin-left: 2.985%;
        margin-right: 4.719%;
    }

    .link-btn-container a,
    .web-container a {
        width: 23.88%;
        height: 30px;
        box-shadow: 1px 1px 2px #00000029;
        border-radius: 3px;
        font-size: 12px;
        letter-spacing: 1.07px;
    }

    .link-btn-container a:hover,
    .web-container a:hover {
        border: 1px solid #00B52B;
    }

    .web-container p {
        font-size: 10px;
        line-height: 16px;
        margin-right: 2.985%;
    }

    .title-logo {
        font-size: 30px;
    }

    .green-char {
        font-size: 25px;
    }
}