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



/* custom_paging 페이징 관련 (story_visual)*/
/* paging */
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 100px;}
ul.paging{display: flex; justify-content: center;gap:30px; font-size:0; }
ul.paging li{display: flex;align-items: center;}
ul.paging li a{display: block;font-size:20px; color:#555;}
ul.paging li.prev{margin-right: 15px;}
ul.paging li.next{margin-left: 15px;}
ul.paging li.on a{color:#fff; }


@media screen and (max-width:1400px) {
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 100px;}
ul.paging{display: flex; justify-content: center;gap:30px; font-size:0; }
ul.paging li{display: flex;align-items: center;}
ul.paging li a{display: block;font-size:20px; color:#555;}
ul.paging li.prev{margin-right: 15px;}
ul.paging li.next{margin-left: 15px;}
ul.paging li.on a{color:#fff; }
ul.paging li.arr img{width: 45px;}
}


@media screen and (max-width:767px) {
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 60px;}
ul.paging{display: flex; justify-content: center;gap:15px; font-size:0; }
ul.paging li{display: flex;align-items: center;}
ul.paging li a{display: block;font-size:14px; color:#555;}
ul.paging li.prev{margin-right: 8px;}
ul.paging li.next{margin-left: 8px;}
ul.paging li.on a{color:#fff; }
ul.paging li.arr img{width: 25px;}
}