.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 .board_con div:not(:last-of-type){
    padding-bottom: 0.5rem;
}

#news_wrapper .news_con{
    border-top: 0.2rem solid #ccc;
    margin-top: 1rem;
    padding: 3rem 0;
}




#news_wrapper #pagination{
    padding: 2rem 0;
}
#news_wrapper #pagination .board_btn .button{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 2rem;
}
#news_wrapper #pagination .board_btn .button a{
    padding: 1rem 2rem;
    background-color: #1a2039;
    color: #fff;
    border-radius: 1rem;
}
#news_wrapper #pagination a, #news_wrapper #pagination span{
    display: block;
}
#news_wrapper #pagination .next, #news_wrapper #pagination .prev{
    border-top: 0.2rem solid #1a2039;
    border-bottom: 0.2rem solid #1a2039;
    padding: 0 4rem;
    box-sizing: border-box;
}
#news_wrapper #pagination .next a, #news_wrapper #pagination .prev a{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    gap: 3rem;
    box-sizing: border-box;
}
#news_wrapper #pagination span:nth-of-type(1){
    width: 12rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
#news_wrapper #pagination span:nth-of-type(2){
    width: calc(100% - 21rem);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#news_wrapper #pagination span:nth-of-type(3){
    width: 15rem;
    text-align: right;
}
#news_wrapper .news_con p img{
    display: block;
    width: 50%;
}



@media all and (max-width:1325px) {
    .page_title {
        background-position: right !important;
    }
    #news_wrapper #pagination .board_btn .button a{
        font-size: 1.8rem;
        border-radius: 0.5rem;
    }
    #news_wrapper .board_con .news_title{
        font-size: 2.3rem;
    }
}
@media all and (max-width:1024px) {
    #news_wrapper .news_con p {
        font-size: 1.8rem;
    }
}
@media all and (max-width:830px) {
    #news_wrapper .content_wrap .logo{
        width: 45%;
    }
    #news_wrapper #pagination .board_btn .button a{
        font-size: 1.5rem;
        border-radius: 0.6rem;
    }
}
@media all and (max-width:680px) {
    #news_wrapper .board_con .news_title{
        font-size: 2rem;
    }
    #news_wrapper .board_con .news_day, #news_wrapper .board_con .news_view{
        font-size: 1.3rem;
    }
    #news_wrapper .content_wrap .logo{
        padding-bottom: 4.5rem;
    }
    #news_wrapper #pagination .next, #news_wrapper #pagination .prev{
        padding: 0.5rem 1rem;
    }
    #news_wrapper #pagination .next a, #news_wrapper #pagination .prev a{
        gap: 1rem;
        padding: 0.5rem 1rem;
    }
    #news_wrapper #pagination span{
        font-size: 1.5rem;
    }
    #news_wrapper #pagination span:nth-of-type(1){
        width: 5rem;
    }
    #news_wrapper #pagination span:nth-of-type(2){
        width: calc(100% - 15rem);
    }
    #news_wrapper #pagination span:nth-of-type(3){
        width: 10rem;
    }
    #news_wrapper .news_con p {
        font-size: 1.5rem;
    }
}
@media all and (max-width:550px) {
    #news_wrapper #pagination span{
        font-size: 1.3rem;
    }
    #news_wrapper #pagination span:nth-of-type(1){
        width: 4rem;
    }
    #news_wrapper #pagination span:nth-of-type(2){
        width: calc(100% - 12.5rem);
    }
    #news_wrapper #pagination span:nth-of-type(3){
        width: 8.5rem;
    }
    #news_wrapper .news_con p {
        font-size: 1.3rem;
    }
    #news_wrapper .news_con p img{
        width: 100%;
    }
}