.ec-base-paginate { margin:30px 0; text-align:center; font-size:0; line-height:0; }
.ec-base-paginate ol { display:inline-block; font-size:0; line-height:0; vertical-align:top; *display:inline; *zoom:1; *margin:0; }
.ec-base-paginate li { display:inline-block; margin:0 0 0 -1px; border:1px solid #d7d5d5; font-size:12px; color:#757575; vertical-align:top; *display:inline; *zoom:1; }
.ec-base-paginate li:first-child { margin-left:0; }
.ec-base-paginate img { vertical-align:top; }
.ec-base-paginate li a { display:block; width:33px; padding:9px 0; font-weight:bold; color:#939393; line-height:14px; background:#fff; }
.ec-base-paginate li a:hover { text-decoration:none; background:#f0f2f2; }
.ec-base-paginate li a.this { padding-bottom:6px; border-bottom:3px solid #495164; color:#495164; }
.ec-base-paginate a.nolink { cursor:default; }
/* 전역 css/layout.css의 img{display:block} 리셋 때문에, 첫/이전/다음/끝 아이콘(<a><img></a>,
   .ol 밖 독립 <a>)이 블록 레벨 img를 감싼 인라인 요소가 되어 브라우저가 줄 단위로 쪼개
   4개가 세로로 쌓여 보이던 버그(2026-08-06 실측 발견, product/list.html에서 처음 발견 후
   product/search.html도 동일 마크업이라 재현 확인 — listnormal.css의 페이지 한정 수정 대신
   이 컴포넌트의 진짜 소유 파일로 옮겨 이 클래스를 쓰는 모든 페이지에 적용). */
.ec-base-paginate > a { display: inline-block; vertical-align: top; }

/* typeSub */
.ec-base-paginate.typeSub ol { margin:0 15px; vertical-align:middle; }
.ec-base-paginate.typeSub li { font-size:12px; border:0; }
.ec-base-paginate.typeSub img { vertical-align:middle; }
.ec-base-paginate.typeSub li a { width:auto; margin:0 5px 0; padding:2px; color:#353535; background:none; }
.ec-base-paginate.typeSub li a.this { color:#008bcc; text-decoration:underline; border:0; }
.ec-base-paginate.typeSub .first { margin-right:3px; }
.ec-base-paginate.typeSub .last { margin-left:3px; }