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

/* custom_paging 페이징 관련 */
/* .paginate {clear:both; position:relative; width:100%; height:25px; margin:0 auto;  text-align:center; box-sizing:border-box; }
.paginate li {display: inline-block; height:25px; line-height: 15px;margin-left:3px; box-sizing:border-box;}
.paginate li a {display: inline-block;  color: #e3e3e3; height:25px; text-decoration: none; font-weight:bold; line-height:23px; 
font-size:12px; box-sizing:border-box; border-radius: 50%;}
.paginate ul li strong {background: none repeat scroll 0 0 #ff7f03;  padding:0 7px;  height:23px; color: #FFFFFF; line-height:21px; display:inline-block; 
text-decoration:none; vertical-align: middle; border:1px solid #ff7f03; box-sizing:border-box;}
.over_page{border:1px solid #dbdbdb; height:25px;  line-height:23px;  padding:0 7px;  display:inline-block;  vertical-align: middle;  box-sizing:border-box; border-radius: 50%;}
  */
.paginate {clear:both; position:relative; width:100%; margin:0 auto;  text-align:center; box-sizing:border-box; padding-bottom: 30px;}
.paginate li {display: inline-block; height:25px; /* line-height: 15px; */margin-left:12px; box-sizing:border-box;}
.paginate li a {display: inline-block;  color: #666666;  height:25px; padding:0 8px;  text-decoration: none; font-weight:bold; line-height:23px; 
font-size:12px; box-sizing:border-box; }
.paginate ul li strong {background: none repeat scroll 0 0 #ff7f03;   padding:0 8px;  height:25px; color: #FFFFFF; line-height:23px; display:inline-block; 
text-decoration:none; vertical-align: middle; border:1px solid #ff7f03; box-sizing:border-box; border-radius: 50%; /* font-weight: 500; */}
.over_page{border:1px solid #dbdbdb; height:25px;  line-height:23px;  display:inline-block;  vertical-align: middle;  box-sizing:border-box;border-radius: 50%;}
.paginate li a.paging_btn{border:1px solid #dbdbdb; width: 25px; height:25px;  line-height:20px;  display:inline-block;  vertical-align: middle;  box-sizing:border-box;border-radius: 50%;}
.paginate li a.paging_btn img{display: none; }
.paginate li a.next{background:url(/mobile/images/sub/paging_next.png)center no-repeat; background-size: 6.5px 11.5px;}
.paginate li a.last{background:url(/mobile/images/sub/paging_next.png)center no-repeat; background-size: 6.5px 11.5px;}
.paginate li a.prev{background:url(/mobile/images/sub/paging_prev.png)center no-repeat; background-size: 6.5px 11.5px;}
.paginate li a.first{background:url(/mobile/images/sub/paging_prev.png)center no-repeat; background-size: 6.5px 11.5px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.paginate {clear:both; position:relative; width:100%; margin:0 auto;  text-align:center; box-sizing:border-box; padding-bottom: 30px;}
.paginate li {display: inline-block; height:25px; /* line-height: 15px; */margin-left:12px; box-sizing:border-box;}
.paginate li a {display: inline-block;  color: #666666;  height:25px; padding:0 8px;  text-decoration: none; font-weight:bold; line-height:23px; 
font-size:12px; box-sizing:border-box; }
.paginate ul li strong {background: none repeat scroll 0 0 #ff7f03;   padding:0 8px;  height:25px; color: #FFFFFF; line-height:23px; display:inline-block; 
text-decoration:none; vertical-align: middle; border:1px solid #ff7f03; box-sizing:border-box; border-radius: 50%; /* font-weight: 500; */}
.over_page{border:1px solid #dbdbdb; height:25px;  line-height:23px;  display:inline-block;  vertical-align: middle;  box-sizing:border-box;border-radius: 50%;}
.paginate li a.paging_btn{border:1px solid #dbdbdb; width: 25px; height:25px;  line-height:20px;  display:inline-block;  vertical-align: middle;  box-sizing:border-box;border-radius: 50%;}
.paginate li a.paging_btn img{display: none; }
.paginate li a.next{background:url(/mobile/images/sub/paging_next.png)center no-repeat; background-size: 6.5px 11.5px;}
.paginate li a.last{background:url(/mobile/images/sub/paging_next.png)center no-repeat; background-size: 6.5px 11.5px;}
.paginate li a.prev{background:url(/mobile/images/sub/paging_prev.png)center no-repeat; background-size: 6.5px 11.5px;}
.paginate li a.first{background:url(/mobile/images/sub/paging_prev.png)center no-repeat; background-size: 6.5px 11.5px;}
}

/* custom_paging 페이징 관련 (story_visual)*/
/* paging */
.paging_wrap{text-align:center; box-sizing:border-box;}
.paging_wrap:before, .paging_wrap:after{box-sizing:inherit;}
ul.paging{display:inline-block; font-size:0; }
ul.paging li{display:inline-block; margin:0 2px; vertical-align:middle; }
ul.paging li img{vertical-align:middle; }
ul.paging li a{display:block; width:25px; height:25px; border:1px solid #e3e3e3;  font-size:12px; color:#555555; line-height:23px; font-weight:bold; }
ul.paging li.page_arrow a{line-height:18px; }
ul.paging li.on{background:#555555; }
ul.paging li.on a{color:#ffffff; border:1px solid #7c7c7c; }