.contents{
    margin: 100px 0 0 0;
}

.news-data>div{
    width:32%;
    margin-top: 25px;
    justify-content: flex-start;
    overflow: hidden;
}
.news-data>div:not(:nth-child(3n)){
    margin-right: calc(4%/2);
}
.news-content{

    border: solid 1px #ddd;
    border-radius: 10px;

}
.news-content img{
    width: 100%;
    border-radius: 10px 10px 0 0;
}
.news-title{
    font-size: 1.8rem;
    font-weight: 700;
    padding: 30px 30px 10px 30px;
    height: 100px;
}
.news-date{
    font-size: 1.4rem;
    padding: 0px 30px 30px 30px;
}

.news-wrap:hover{
    cursor: pointer;
}



.pages{
    margin-top: 50px;
    text-align: center;
}

.pages a{
    display: inline-block;
    color: #000;
    min-width: 35px;
    height: 35px;
    padding: 8px;
    margin: 10px;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.5;
}

.pages a.active{
    background-color: #f0f0f0;
    border-radius: 50%;
}


  /* 반응형 */
    /* 노트북 & PC (해상도 1279px ~ 1600px)*/
    @media (max-width:1600px){


    }

    /* 노트북 & PC (해상도 1024px ~ 1279px)*/
    @media (max-width:1279px){

    }

    /* 태블릿 가로, 태블릿 세로 (해상도 768px ~ 1023px)*/
    @media (max-width:1023px){

    }


    /* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
    @media (max-width:767px) {
        .news-data>div{
            width:100%;
            margin-top: 25px;
            justify-content: flex-start;
            overflow: hidden;
        }
        .news-data>div:not(:nth-child(3n)){
            margin-right: 0;
        }
        .pages{
            margin-top: 50px;
            text-align: center;
        }

        .pages a{
            display: inline-block;
            color: #000;
            min-width: 35px;
            height: 35px;
            padding: 5px;
            margin: 0;
            font-weight: 700;
            font-size: 1.4rem;
        }

        .pages a.active{
            background-color: #f0f0f0;
            border-radius: 50%;
        }

    }