main .news__head {
    /* margin-top: 80px; */
}
main .news__infoarea{
    display: block;
    margin: 20px 0;
}
.left-arrow ,
.right-arrow ,
.page-number{
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
main .page-number{
    margin-right: 10px;
    cursor: pointer;
}
main .page-number:last-child{
    margin-right:0;
}
main .page-number a{
    color: #505050;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
main .now-page-number{
    background-color: #B0B0B0;
    color:#fff;
}
main .paging-area{
    width: 100%;
    margin: 0 auto;
}
main .left-arrow img ,
main .right-arrow img{
    width: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: 100%;
}
main .paging{
    display: flex;
    max-width: 1100px;
    margin: 40px auto 0;
}
main .paging-ul{
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0 auto;
}
main .result-area{
    width:calc(100% - 240px);
}
main .page-contents{
    overflow-x: hidden;
}
@media screen and (max-width: 1100px), print {
    main .news__head {
        padding-top: 40px;
        margin-top:0;
    }
}
@media (max-width:768px) {
    main .news__head{
        padding-left: 20px;
        padding-right: 20px;
    }
    main .news__main{
        margin-left:auto;
        margin-right:auto;
        width: calc(100% - 40px);
    }
    main .paging{
        width: calc(100% - 40px);
        margin: 10px auto 0;
        justify-content: space-between;
    }
    main .left-arrow, .right-arrow, .page-number{
        width: 10vw;
        height: 10vw;
    }
    main .paging-ul{
        width:70%;
    }
    main .page-title{
        width: 100%;
        text-align: center;
        margin:0 auto 30px;
    }
}