@charset "UTF-8";

.pagenate_wrap {margin-top: 100px;}
.pagenate {display: -webkit-flex; display: flex; justify-content: center; align-items: center; text-align: center;}
.pagenate li {width: 40px; height: 40px; font-size: 1em; margin: 0px 2px; cursor: pointer;}
.pagenate li:not(.page-item) {border: 1px solid var(--highlight); border-radius: 6px;}
.pagenate li.disabled:hover { background-color: initial; color: initial; border-color: var(--highlight); text-decoration: none; }
.pagenate li.disabled a { pointer-events: none; cursor: default; }

.pagenate li.move {background-repeat: no-repeat; background-position: center; vertical-align: center;}
.pagenate li.move a {width: 100%; height: 100%; color: var(--highlight); display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.pagenate li.prev { background-image: url(); margin-right: 10px}
.pagenate li.next { background-image: url();  margin-left: 10px }
.pagenate li.prev_enter { background-image: url(); }
.pagenate li.next_enter { background-image: url(); }

.pagenate li.page-item a {display: block; width: 100%; height: 100%; color: #3D3D3D; line-height: 40px; font-weight: 400; font-size: 1em; letter-spacing: -0.2px;}
.pagenate li.page-item.active {border-bottom: 1px solid var(--highlight); font-weight: 700; color: var(--highlight);}
.pagenate li.page-item:hover a, .pagenate li.page-item:active a, .pagenate li.page-item:focus a, .pagenate li.page-item.active a {border-bottom: 1px solid var(--highlight); font-weight: 700; color: var(--highlight);}





@media screen and (max-width:992px){
    .pagenate_wrap {margin-top: 80px;}
}

@media screen and (max-width:768px){
    .pagenate_wrap {margin-top: 60px;}
}

@media screen and (max-width:480px){
    .pagenate_wrap {margin-top: 40px;}
}