@charset "utf-8";
/* 2026-10-12 devhwang 모바일 게시판 쪽 이동 공용 모양
   common_helper pagingtag() 모바일 분기가 '◀ 이전 · 지금쪽 / 끝쪽 · 다음 ▶ · 빈 링크' 로 내려준다
   (쪽 번호 목록 없음, 맨처음·맨마지막은 글자 없는 빈 링크). 이 모양을 쓰는 화면은 감싸개에 kw-paging 을 붙이고 이 파일을 불러 똑같이 맞춘다
   무료체험(10-08)에서 정한 모양이 기준: 이전·다음 = 파란 테두리 알약, 끝쪽 숫자 = 글자, 빈 링크 = 숨김
   2026-10-12 kw_paging.css 에서 이름을 바꿨다(정적 캐시 28일이라 내용을 고치면 파일명도 바꾼다). 쪽이 하나뿐일 때 숨김 추가 */

.kw-paging { padding:8px 0 40px; }
.kw-paging .paging_navigation { display:flex; align-items:center; justify-content:center; gap:8px; margin:0; padding:0; color:var(--kw-n7,#888); font-size:14px; }
.kw-paging .paging_navigation a { display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:40px; margin:0; padding:0 14px; border:1px solid var(--kw-n4,#ddd); border-radius:20px; background:var(--kw-n0,#fff); color:var(--kw-n10,#333); font-size:14px; font-weight:600; text-decoration:none; box-sizing:border-box; }
/* 맨처음·맨마지막 링크는 글자 없이 내려와 빈 네모로 보인다 */
.kw-paging .paging_navigation a:empty { display:none; }
.kw-paging .paging_navigation a span { padding:0; color:inherit; background:none; font-size:inherit; }
.kw-paging .paging_navigation a.next, .kw-paging .paging_navigation a.prev { border-color:var(--kw-blue-1,#0d509c); color:var(--kw-blue-1,#0d509c); }
/* 클래스 없는 링크는 '끝쪽' 숫자다. 버튼처럼 보이면 쪽 번호로 오해해서 글자로 둔다 */
.kw-paging .paging_navigation a:not(.next):not(.prev) { min-width:0; height:auto; padding:0; border:0; background:none; color:var(--kw-n7,#888); font-weight:400; }
/* 공용 a:hover 가 글자를 주황빨강·파랑+밑줄로 바꾼다. 색은 그대로, 바탕만 */
.kw-paging .paging_navigation a:hover { color:inherit; text-decoration:none; }
.kw-paging .paging_navigation a.next:hover, .kw-paging .paging_navigation a.prev:hover { background:#eaf2fc; color:var(--kw-blue-1,#0d509c); }
/* 쪽이 하나뿐이면 '<p><a class="on red">1</a></p><p></p>' 로 내려와 숫자 1 만 덩그러니 보인다. 이동할 곳이 없으니 숨긴다 */
.kw-paging .paging_navigation p { display:none; }