.page_title{
    background-image: url("../img/banner_imgs/news.jpg");
}

#news_wrapper{
    width: 100%;
}
#news_wrapper .content_wrap{
    width: 100%;
}
#news_wrapper .content_wrap .logo{
    width: 385px;
    padding-bottom: 7rem;
    margin: 0 auto;
}

#news_wrapper #news_main{
    border-top: 0.5rem solid #1a2039;
    border-bottom: 0.5rem solid #1a2039;
}

#news_wrapper .news_list:not(:last-of-type){
    border-bottom: 0.1rem solid #1a2039;
}

#news_wrapper .news_txt{
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 1rem 4rem;
    margin: 0.5rem 0;

    gap: 3rem;
}
#news_wrapper .news_txt span:nth-of-type(1){
    width: 5rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
#news_wrapper .news_txt span img{
    display: block;
    width: 50%;
}
#news_wrapper .news_txt span:nth-of-type(2){
    width: 15rem;
    text-align: right;
    font-family: auto;
}
#news_wrapper .news_txt p{
    width: calc(100% - 20rem);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



#news_wrapper #pagination{
    width: 100%;
    padding-top: 7rem;
}
#news_wrapper #pagination #pages{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

#news_wrapper #pagination #pages a{
    display: block;
    padding: 0 0.5rem;
}
#news_wrapper #pagination #pages a.active{
    background-color: #1a2039;
    color: #fff;
    border-radius: 0.8rem;
}




@media all and (max-width:1325px) {
    .page_title {
        background-position: right !important;
    }
}
@media all and (max-width:830px) {
    #news_wrapper .content_wrap .logo{
        width: 45%;
    }
}
@media all and (max-width:680px) {
    #news_wrapper .content_wrap .logo{
        padding-bottom: 4.5rem;
    }
    #news_wrapper p, #news_wrapper span, #news_wrapper a{
        font-size: 1.5rem;
    }
    #news_wrapper .news_txt{
        padding: 0.5rem 1rem;
    }
    #news_wrapper #pagination{
        padding-top: 4.5rem;
    }
    #news_wrapper .news_txt{
        gap: 1rem;
    }
    #news_wrapper .news_txt span:nth-of-type(2){
        width: 11rem;
    }
    #news_wrapper .news_txt p{
        width: calc(100% - 16rem);
    }
    #news_wrapper .news_txt span img{
        width: 35%;
    }
}
@media all and (max-width:550px) {
    #news_wrapper p, #news_wrapper span, #news_wrapper a{
        font-size: 1.3rem;
        font-family: "Pretendard_bold", serif;
    }
    #news_wrapper .news_txt{
        gap: 0.5rem;
    }
    #news_wrapper .news_txt span:nth-of-type(1){
        width: 3rem;
    }
    #news_wrapper .news_txt span:nth-of-type(2){
        width: 8.5rem;
    }
    #news_wrapper .news_txt p{
        width: calc(100% - 11.5rem);
    }
    #news_wrapper .news_txt span img{
        width: 50%;
    }
}