#contents .article_bottom {
    padding: 0 20px;
    background: #ececea;
}
#contents .article_bottom h2 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding: 80px 0 70px;
}


@media only screen and (max-width: 768px) {
    #contents .article_bottom {
        padding: 0 0px;
    }
    #contents .article_bottom h2 {
        font-size: 26px;
        font-weight: bold;
        text-align: center;
        padding: 80px 0 70px;
    }
}
#contents .article_bottom .content_wrap {
    margin: 0;
    justify-content: center;
}

#contents .article_bottom .content_wrap .contents {
    padding: 0 15px;
    flex-basis: 20%;
    max-width: 20%;
}
#contents .article_bottom .content_wrap .contents.dog .thumbnail {
    padding: 2.5px;
}
#contents .article_bottom .content_wrap .contents.dog .thumbnail:before {
    background-image: url(../images/contents/bookcover_g_con_dog.svg);
    background-size: 100% 100%;
}
#contents .article_bottom .content_wrap .contents.cat .thumbnail:before {
    background-image: url(../images/contents/bookcover_g_con_cat.svg);
    background-size: 100% 100%;
}
@media only screen and (max-width: 768px) {
    #contents .article_bottom .content_wrap {
        margin: 0;
    }
}
@media only screen and (max-width: 768px) {
    #contents .article_bottom .content_wrap .contents {
        padding: 0 15px;
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 1025px) {
    #contents .article_bottom .content_wrap .contents .thumbnail {
        padding: 2.5px !important;
    }
}