@media screen and (min-width:769px) {
    .contentsAreaStory {
        padding-bottom: 0 !important;
    }
    #mail_list {
        overflow: hidden;
    }
    #mail_list > ul {
        display: flex;
        flex-wrap: wrap;
        margin-right: -24px;
    }
    #mail_list > ul > li {
        width: 217px;
        margin: 0 24px 60px 0;
    }
    #mail_list > ul > li.business_article_ {
        display: none;
    }
    #mail_list > ul > li > a {
        display: block;
    }
    #mail_list ul li a:hover {
        text-decoration: none;
        opacity: 0.7;
    }
    #mail_list ul li .img_ {
        text-align: center;
        width: 217px;
        height: 217px;
    }
    #mail_list ul li .img_ img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    #mail_list ul li .desc_ {
        margin: 15px 0 0;
    }
    #mail_list ul li .desc_ .day_ {
        font-size: 12px;
        line-height: 1.5;
    }

    #mail_list ul li .desc_ .category_ {
        display: inline-block;
    }
    #mail_list ul li .desc_ .category_ ul.master_node ul.item_node {
        display: flex;
        align-items: center;
    }
    #mail_list ul li .desc_ .category_ ul.master_node ul.item_node li {
        color: #ffffff;
        font-size: 10px;
        font-family: 'Arial Black', Arial;
        line-height: 1.8;
        background-color: #000000;
        padding: 0 7px;
        margin: 0 5px 0 0;
    }
    #mail_list ul li .desc_ .title_,
    #mail_list ul li .desc_ .summary_ {
        font-size: 12px;
        line-height: 1.833;
        width: 100%;
    }
    #mail_list ul li .desc_ .title_ {
        margin-top: 20px;
    }
    #mail_list ul li .desc_ .summary_ {
        max-height: 88px;
        position: relative;
        overflow: hidden;
    }
    #mail_list ul li .desc_ .summary_::before,
    #mail_list ul li .desc_ .summary_::after {
        background-color: #ffffff;
        position: absolute;
    }
    #mail_list ul li .desc_ .summary_::after {
        content: "";
        width: 100%;
        height: 100%;
    }
    #mail_list ul li .desc_ .summary_::before {
        content: " ...";
        right: 0;
        bottom: 0;
        width: 10px;
        padding-left: 3px;
    }
}
@media screen and (max-width:768px) {
    #mail_list {
        margin: 0 20px;
    }
    #mail_list ul {
    }
    #mail_list > ul > li {
        margin-bottom: 30px;
    }
    #mail_list > ul > li.business_article_ {
        display: none;
    }
    #mail_list ul > li > a,
    #mail_list ul > li > span.nolink_ {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    #mail_list ul li a:hover {
        text-decoration: none;
        opacity: 0.7;
    }
    #mail_list ul li .img_ {
        text-align: center;
        width: 36%;
    }
    #mail_list ul li .img_ img {
        width: 100%;
        object-fit: contain;
    }
    #mail_list ul li .desc_ {
        width: 62%;
        margin: 0;
        /*display: flex;
        flex-wrap: wrap;
        justify-content: space-between;*/
    }
    #mail_list ul li .desc_ .day_ {
        font-size: 12px;
        line-height: 1.5;
    }
    #mail_list ul li .desc_ .category_ ul.master_node li ul.item_node {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 5px;
    }
    #mail_list ul li .desc_ .category_ ul.master_node li ul.item_node li {
        color: #ffffff;
        font-size: 10px;
        font-family: 'Arial Black', Arial;
        line-height: 1.8;
        text-align: center;
        background-color: #000000;
        padding: 0 7px;
        margin: 0 5px 0 0;
        display: inline-block;
        min-width: 50px;
    }
    #mail_list ul li .desc_ .title_,
    #mail_list ul li .desc_ .summary_ {
        font-size: 12px;
        line-height: 1.833;
        width: 100%;
    }
    #mail_list ul li .desc_ .title_ {
        margin-top: 10px;
    }
}