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



/* custom_paging 페이징 관련 (story_visual)*/
/* paging */
.paging_wrap{text-align:center; box-sizing:border-box; margin-top: 75px;}
ul.paging{display: flex; justify-content: center; align-itemsc: center; font-size:0; }
ul.paging li{position:relative; display:block; margin:0 9px; vertical-align:middle; }
ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:15px; color:#555555; line-height:1;}
ul.paging li a img{display: block; }
ul.paging li.prev{margin-right: 30px;}
ul.paging li.next{margin-left: 30px;}
ul.paging li.on{}
ul.paging li.on:after{content:''; position:Absolute; width:12px; height: 2px; left:50%; transform: translateX(-50%); background-color: #c4181f; bottom:-10px}
ul.paging li.on a{color:#c4181f; font-weight: 600;}




@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-itemsc: center; font-size:0; }
ul.paging li{position:relative; display:block; margin:0 5px; vertical-align:middle; }
ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:12px; color:#555555; line-height:1;}
ul.paging li a img{display: block; }
ul.paging li.prev{margin-right: 20px;}
ul.paging li.next{margin-left: 20px;}
ul.paging li.on{}
ul.paging li.on:after{content:''; position:Absolute; width:10px; height: 2px; left:50%; transform: translateX(-50%); background-color: #c4181f; bottom:-8px}
ul.paging li.on a{color:#c4181f; font-weight: 600;}

}