/* 2026-09-10 devhwang (색상을 공통 팔레트 토큰으로 일괄 교체 KRP1834)
   이 파일의 색상 지정을 전부 var(--kw-...) 로 바꿨다. 파일 전체가 대상이라 구간 표시는 안 한다.
   색상 외에는 한 글자도 손대지 않았다.
   토큰 정의는 스킨의 css/common.css 안 :root 한 곳뿐이다.
   색을 바꿀 일이 생기면 개별 규칙이 아니라 거기서 바꾼다. */
/* 모바일 페이징 스타일*/
ul.mobile_pagination_paging_style_1 {display:inline-block; *zoom:1}
ul.mobile_pagination_paging_style_1:after {content:""; display:block; clear:both}
ul.mobile_pagination_paging_style_1 li {float:left; margin-left:8px; width:13px; height:13px; background:url('../images/common/paging/navi_dot.png') no-repeat; overflow:hidden; text-indent:-1000px;}
ul.mobile_pagination_paging_style_1 li.current {background:url('../images/common/paging/navi_dot_on.png') no-repeat;}
ul.mobile_pagination_paging_style_1 li:first-child {margin-left:0px;}

ul.mobile_pagination_paging_style_2 {display:inline-block; *zoom:1}
ul.mobile_pagination_paging_style_2:after {content:""; display:block; clear:both}
ul.mobile_pagination_paging_style_2 li {float:left; margin-left:8px; width:12px; height:12px; background:url('../images/common/paging/navi_squ.png') no-repeat; overflow:hidden; text-indent:-1000px;}
ul.mobile_pagination_paging_style_2 li.current {background:url('../images/common/paging/navi_squ_on.png') no-repeat;}
ul.mobile_pagination_paging_style_2 li:first-child {margin-left:0px;}

ul.mobile_pagination_paging_style_3 {display:inline-block; *zoom:1}
ul.mobile_pagination_paging_style_3:after {content:""; display:block; clear:both}
ul.mobile_pagination_paging_style_3 li {float:left; width:30px; height:5px; background-color:var(--kw-n6); overflow:hidden; text-indent:-1000px;}
ul.mobile_pagination_paging_style_3 li.current {background-color:var(--kw-orange-red);}

ul.mobile_pagination_paging_style_4 {display:inline-block; *zoom:1; padding:0 35px; height:20px; position:relative;}
ul.mobile_pagination_paging_style_4:after {content:""; display:block; clear:both}
ul.mobile_pagination_paging_style_4 li.paging_btn_prev {position:absolute; width:30px; height:20px; left:0px; top:0px; background:url('../images/common/paging/navi_btn_prev.png') no-repeat; overflow:hidden; text-indent:-1000px;}
ul.mobile_pagination_paging_style_4 li.paging_btn_body {text-align:center; color:var(--kw-n6); letter-spacing:3px; /*font-family:tahoma;*/}
ul.mobile_pagination_paging_style_4 li.paging_btn_body .paging_btn_num_now {font-size:12px; color:var(--kw-orange-red); font-weight:600;}
ul.mobile_pagination_paging_style_4 li.paging_btn_body .paging_btn_num_max {font-size:12px; color:var(--kw-n6); font-weight:600;}
ul.mobile_pagination_paging_style_4 li.paging_btn_next {position:absolute; width:30px; height:20px; right:0px; top:0px; background:url('../images/common/paging/navi_btn_next.png') no-repeat; overflow:hidden; text-indent:-1000px;}

ul.mobile_pagination_paging_style_5 {display:inline-block; *zoom:1; width:94px; height:30px; position:relative; background:url('../images/common/paging/navi_btn2_bg.png') no-repeat;}
ul.mobile_pagination_paging_style_5:after {content:""; display:block; clear:both}
ul.mobile_pagination_paging_style_5 li.paging_btn_prev {position:absolute; width:8px; height:13px; left:10px; top:8px; background:url('../images/common/paging/navi_btn2_prev.png') no-repeat; overflow:hidden; text-indent:-1000px;}
ul.mobile_pagination_paging_style_5 li.paging_btn_body {text-align:center; color:var(--kw-n2); letter-spacing:3px; /*font-family:tahoma;*/ line-height:28px;}
ul.mobile_pagination_paging_style_5 li.paging_btn_body .paging_btn_num_now {font-size:12px; color:var(--kw-cyan); font-weight:600;}
ul.mobile_pagination_paging_style_5 li.paging_btn_body .paging_btn_num_max {font-size:12px; color:var(--kw-n0); font-weight:600;}
ul.mobile_pagination_paging_style_5 li.paging_btn_next {position:absolute; width:8px; height:13px; right:10px; top:8px; background:url('../images/common/paging/navi_btn2_next.png') no-repeat; overflow:hidden; text-indent:-1000px;}