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



/* custom_paging 페이징 관련 (story_visual)*/
/* paging */
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 60px;}
ul.paging{display: flex; justify-content: center;align-items: center; font-size:0;gap:20px;}
ul.paging li{display:block; width: 35px; height: 35px;border-radius:50%;border-radius:50%;overflow: hidden;}
ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #f5f5f5; font-size:16px; color:#999; }
ul.paging li.on a{color:#fff; font-weight: 600;background: #222;}
ul.paging li.arr{width: fit-content;}
ul.paging li.arr a{background: transparent;}
ul.paging li.prev{margin-right: 12px;}
ul.paging li.next{margin-left: 12px;}


@media screen and (max-width:1400px) {
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 60px;}
ul.paging{display: flex; justify-content: center;align-items: center; font-size:0;gap:18px;}
ul.paging li{display:block; width: 32px; height: 32px;border-radius:50%;border-radius:50%;overflow: hidden;}
ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #f5f5f5; font-size:15px; color:#999; }
ul.paging li.on a{color:#fff; font-weight: 600;background: #222;}
ul.paging li.arr{width: fit-content;}
ul.paging li.arr a{background: transparent;}
ul.paging li.prev{margin-right: 10px;}
ul.paging li.next{margin-left: 10px;}
}


@media screen and (max-width:767px) {
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 40px;}
ul.paging{display: flex; justify-content: center;align-items: center; font-size:0;gap:10px;}
ul.paging li{display:block; width: 25px; height: 25px;border-radius:50%;border-radius:50%;overflow: hidden;}
ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #f5f5f5; font-size:12px; color:#999; }
ul.paging li.on a{color:#fff; font-weight: 600;background: #222;}
ul.paging li.arr{width: fit-content;}
ul.paging li.arr img{transform:scale(0.7)}
ul.paging li.arr a{background: transparent;}
ul.paging li.prev{margin-right: 5px;}
ul.paging li.next{margin-left: 5px;}
}