/* 
* 커스텀 페이징 전용 CSS
* admin/lib/function.php - custom_paging() 함수 사용시 적용됨
*/



/* custom_paging 페이징 관련 (story_visual)*/
/* paging */
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 80px;}
.paging_wrap ul{display: flex; justify-content: center; font-size:0; gap:5px;}
.paging_wrap ul li{display:block; border-radius:50%; width:35px; height:35px;  border:none; vertical-align:middle; border-radius:50%;}
.paging_wrap ul li.arr{background: #f5f5f5;}
.paging_wrap ul li.arr.prev{margin-right: 20px;}
.paging_wrap ul li.arr.next{margin-left: 20px;}
.paging_wrap ul li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:15px; color:#999; line-height:35px; font-weight: 300;}
.paging_wrap ul li a img{display: block; }
.paging_wrap ul li.on a{color:#333; font-weight: 600;}


@media screen and (max-width:1024px) {
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 60px;}
.paging_wrap ul{display: flex; justify-content: center; font-size:0; gap:5px;}
.paging_wrap ul li{display:block; border-radius:50%; width:35px; height:35px;  border:none; vertical-align:middle; border-radius:50%;}
.paging_wrap ul li.arr{background: #f5f5f5;}
.paging_wrap ul li.arr.prev{margin-right: 20px;}
.paging_wrap ul li.arr.next{margin-left: 20px;}
.paging_wrap ul li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:15px; color:#999; line-height:35px; font-weight: 300;}
.paging_wrap ul li a img{display: block; }
.paging_wrap ul li.on a{color:#333; font-weight: 600;}
}


@media screen and (max-width:767px) {
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 40px;}
.paging_wrap ul{display: flex; justify-content: center; font-size:0; gap:3px;}
.paging_wrap ul li{display:block; border-radius:50%; width:25px; height:25px;  border:none; vertical-align:middle; border-radius:50%;}
.paging_wrap ul li.arr{background: #f5f5f5;}
.paging_wrap ul li.arr.prev{margin-right: 10px;}
.paging_wrap ul li.arr.next{margin-left: 10px;}
.paging_wrap ul li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:12px; color:#999; line-height:25px; font-weight: 300;}
.paging_wrap ul li a img{display: block; height: 8px;}
.paging_wrap ul li.on a{color:#333; font-weight: 600;}
}