body{
    /* min-width: 100vw; */
    min-height: 100vh;
    display: flex;
    flex-direction: column;

}
.footer{
    margin-bottom: 0px;
}
.main{
    flex: 1;
    width: 65%;
    margin: auto;
}
.list-box{
    min-height: 80vh;
}
@media (max-width:1000px){
    .main{
        width: 96%;
        padding: 20px 2%;
    }
    .l3-text{
        -webkit-line-clamp: 1;
    }
}
@media (min-width:1000px){
    .list3{
        justify-content: flex-start;
    }
    .l3-box{
        margin-right: 28px;
    }
    .l3-box:nth-of-type(4n){
        margin-right: 0px;
    }
}