/* cooperative */
.comm_sc {
    max-width: 1540px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

.comm_wrap {
    border-top: 2px solid #333;
    padding-top: 80px;
    display: flex;
    flex-wrap: wrap;
}

.comm_box {
    width: calc(20% - 30px);
    margin: 0 15px 50px;
    border: 1px solid #e1e1e1;
    max-width: 270px;
    text-align: center;
    padding: 12px;
}

.comm_box img {
    max-width: 100%;
}

@media only screen and (max-width: 1024px) {
    .comm_wrap {
        padding-top: 60px;
    }

    .comm_box {
        width: calc(25% - 20px);
        margin: 0 10px 20px;
    }
}

@media only screen and (max-width: 800px) {
    .comm_wrap {
        padding-top: 50px;
    }

    .comm_box {
        width: calc(33.33% - 20px);
    }
}

@media only screen and (max-width: 550px) {
    .comm_box {
        width: calc(50% - 10px);
        margin: 0 5px 10px;
    }
}