.pager-wrap{display:flex;justify-content:center;margin-top:20px}.paginate-area{display:inline-block}.paginate-area .pagination{display:flex;list-style:none;padding:0;margin:0;gap:3px}.paginate-area .pagination li{margin:0}.paginate-area .pagination a,.paginate-area .pagination span{display:block;padding:10px 15px;text-decoration:none;color:#716F6F;background-color:white;border:1px solid gray;transition:background-color 0.3s ease}.paginate-area .pagination .active span,.paginate-area .pagination .active a{color:white;background-color:#183C81;border:1px solid gray;cursor:default}.paginate-area .pagination a:hover{border:1px solid gray;background-color:#0056b3}.paginate-area .pagination .disabled span{background-color:#d6d6d6;border-color:#d6d6d6;cursor:not-allowed}.paginate-area .pagination .current{background-color:#183C81;color:white}.paginate-area .pagination .next,.paginate-area .pagination .previous{color:#716F6F;background-color:white}.paginate-area .pagination .next:hover,.paginate-area .pagination .previous:hover{background-color:#0056b3;border-color:#0056b3;color:white;border:1px solid gray}@media (max-width: 768px){.paginate-area .pagination{justify-content:center}.paginate-area .pagination li{flex:1 1 auto;margin:2px}.paginate-area .pagination a,.paginate-area .pagination span{padding:8px 5px;font-size:0.8em}}.pager-wrap{margin-top:40px}.pager-wrap .paginate-area{width:100%}.pager-wrap .paginate-area .pagination{gap:0 10px}.pager-wrap .paginate-area .pagination .page-item{width:40px;height:40px;text-align:center;align-content:center;border-radius:3px;border:1px solid #DDD}.pager-wrap .paginate-area .pagination .page-item .page-link{background:none;padding:0;border:none;height:100%;display:flex;justify-content:center;align-items:center}.pager-wrap .paginate-area .pagination .page-item .page-link img{width:100%;height:100%}.pager-wrap .paginate-area .pagination .page-item.active{background:#A48B78;border:1px solid #A48B78}.pager-wrap .paginate-area .pagination .page-item:first-child,.pager-wrap .paginate-area .pagination .page-item:last-child{width:105px;height:40px;border:none}.pager-wrap .paginate-area .pagination .page-item:first-child{margin-right:auto}.pager-wrap .paginate-area .pagination .page-item:last-child{margin-left:auto}.pager-wrap.sp{margin:0}.pager-wrap.sp .paginate-area nav{padding:20px 15px}.pager-wrap.sp .pagination{align-items:center}.pager-wrap.sp .pagination .page-item{max-width:30px;height:30px;margin:0}.pager-wrap.sp .pagination .page-item:first-child,.pager-wrap.sp .pagination .page-item:last-child{max-width:58px;height:30px}