/* default */
.paging-def {padding:0; text-align:center;}
.paging-def a,
.paging-def strong {display:inline-block; position:relative; _width /**/:17px; margin-right:1px; padding:3px 3px 5px; border:1px solid #fff; color:#000; font-family:"나눔고딕", "Nanum Gothic", dotum, tahoma, gulim, sans-serif; font-size:13px; font-weight:bold; line-height:normal; text-decoration:none;}
.paging-def strong {border:1px solid #e9e9e9; color:#f23219 !important;}
.paging-def .first {margin-right:9px; padding:7px 6px 5px 16px; background:url('/_common/images/pg_prev_off.gif') no-repeat 6px 10px !important;}
.paging-def .pre-blk {margin-right:9px; padding:7px 6px 5px 16px; background:url('/_common/images/pg_prev_off.gif') no-repeat 6px 10px !important;}
.paging-def .pre {margin-right:9px; padding:7px 6px 5px 16px; background:url('/_common/images/pg_prev_off.gif') no-repeat 6px 10px !important;}
.paging-def .next {margin-left:9px; padding:7px 16px 5px 6px; background:url('/_common/images/pg_next_off.gif') no-repeat 34px 10px !important;}
.paging-def .next-blk {margin-left:9px; padding:7px 16px 5px 6px; background:url('/_common/images/pg_next_off.gif') no-repeat 56px 10px !important;}
.paging-def .last {margin-left:9px; padding:7px 16px 5px 6px; background:url('/_common/images/pg_next_off.gif') no-repeat 45px 10px !important;}
.paging-def a.first {background:url('/_common/images/pg_prev_on.gif') no-repeat 6px 10px !important;}
.paging-def a.pre-blk {background:url('/_common/images/pg_prev_on.gif') no-repeat 6px 10px !important;}
.paging-def a.pre {background:url('/_common/images/pg_prev_on.gif') no-repeat 6px 10px !important;}
.paging-def a.next {background:url('/_common/images/pg_next_on.gif') no-repeat 34px 10px !important;}
.paging-def a.next-blk {background:url('/_common/images/pg_next_on.gif') no-repeat 56px 10px !important;}
.paging-def a.last {background:url('/_common/images/pg_next_on.gif') no-repeat 45px 10px !important;}
.paging-def .first,
.paging-def .pre-blk,
.paging-def .pre,
.paging-def .next,
.paging-def .next-blk,
.paging-def .last {display:inline-block; position:relative; top:1px;_width /**/:84px; border:1px solid #e9e9e9; color:#ccc; font-family:"나눔고딕", "Nanum Gothic", dotum, tahoma, gulim, sans-serif; font-size:12px; line-height:normal;}
.paging-def a.first,
.paging-def a.pre-blk,
.paging-def a.pre,
.paging-def a.next,
.paging-def a.next-blk,
.paging-def a.last {color:#565656;}
.paging-def a:hover {border:1px solid #e9e9e9; background-color:#f7f7f7 !important;}

/* small */
.paging-small {padding:3px 0 0; text-align:center;}
.paging-small a,
.paging-small strong {display:inline-block; position:relative; _width /**/:17px; margin-right:1px; padding:2px 4px 3px; border:1px solid #fff; color:#000; font-family:"나눔고딕", "Nanum Gothic", dotum, tahoma, gulim, sans-serif; font-size:11px; font-weight:bold; line-height:normal; text-decoration:none;}
.paging-small strong {border:1px solid #e9e9e9; color:#f23219 !important;}
.paging-small .first {margin-right:4px; padding:4px 6px 2px 14px; _padding-bottom:1px; background:url('/_common/images/pg_prev_off.gif') no-repeat 6px 6px !important; letter-spacing:-1px;}
.paging-small .pre-blk {margin-right:4px; padding:4px 6px 2px 14px; _padding-bottom:1px; background:url('/_common/images/pg_prev_off.gif') no-repeat 6px 6px !important; letter-spacing:-1px;}
.paging-small .pre {margin-right:4px; padding:4px 6px 2px 14px; _padding-bottom:1px; background:url('/_common/images/pg_prev_off.gif') no-repeat 6px 6px !important; letter-spacing:-1px;}
.paging-small .next {margin-left:4px; padding:4px 14px 2px 6px; _padding-bottom:1px; background:url('/_common/images/pg_next_off.gif') no-repeat 28px 6px !important; letter-spacing:-1px;}
.paging-small .next-blk {margin-left:4px; padding:4px 14px 2px 6px; _padding-bottom:1px; background:url('/_common/images/pg_next_off.gif') no-repeat 48px 6px !important; letter-spacing:-1px;}
.paging-small .last {margin-left:4px; padding:4px 14px 2px 6px; _padding-bottom:1px; background:url('/_common/images/pg_next_off.gif') no-repeat 38px 6px !important; letter-spacing:-1px;}
.paging-small a.first {background:url('/_common/images/pg_prev_on.gif') no-repeat 6px 6px !important;}
.paging-small a.pre-blk {background:url('/_common/images/pg_prev_on.gif') no-repeat 6px 6px !important;}
.paging-small a.pre {background:url('/_common/images/pg_prev_on.gif') no-repeat 6px 6px !important;}
.paging-small a.next {background:url('/_common/images/pg_next_on.gif') no-repeat 28px 6px !important;}
.paging-small a.next-blk {background:url('/_common/images/pg_next_on.gif') no-repeat 48px 6px !important;}
.paging-small a.last {background:url('/_common/images/pg_next_on.gif') no-repeat 38px 6px !important;}
.paging-small .first,
.paging-small .pre-blk,
.paging-small .pre,
.paging-small .next,
.paging-small .next-blk,
.paging-small .last {display:inline-block; position:relative; top:0; _top:-2px; _width /**/:75px; border:1px solid #e9e9e9; color:#ccc; font-family:"나눔고딕", "Nanum Gothic", dotum, tahoma, gulim, sans-serif; font-size:11px; line-height:normal;}
.paging-small a.first,
.paging-small a.pre-blk,
.paging-small a.pre,
.paging-small a.next,
.paging-small a.next-blk,
.paging-small a.last {color:#565656;}
.paging-small a:hover {border:1px solid #e9e9e9; background-color:#f7f7f7 !important;}

/* 모바일 */
.paging-mobile {margin:0; padding:0;}
.paging-mobile a {display:inline-block; position:relative; margin:0; padding:0; border:1px solid #fff; color:#000; font-family:"나눔고딕", "Nanum Gothic", dotum, tahoma, gulim, sans-serif; font-size:11px; font-weight:bold; line-height:normal; text-decoration:none;}
.paging-mobile .pre {margin:0 5px 0 0; padding:0 5px;}
.paging-mobile .next {margin:0; padding:0 5px;}
.paging-mobile .pre,
.paging-mobile .next {display:inline-block; position:relative; top:0; border:1px solid #e9e9e9; color:#ccc; font:bold 22px "나눔고딕", "Nanum Gothic", dotum, tahoma, gulim, sans-serif; line-height:30px;}
.paging-mobile a.pre,
.paging-mobile a.next {color:#333;}
.paging-mobile a:hover {border:1px solid #ccc; background-color:#eee !important;}

/* simple */
.paging-simple {padding:4px 0 0; text-align:center; line-height:normal;}
.paging-simple * {display:inline-block; position:relative; margin:0 -2px; padding:2px 4px; font-size:11px; font-family:"나눔고딕", "Nanum Gothic", dotum, tahoma, gulim, sans-serif; color:#333; line-height:normal; text-decoration:none; vertical-align:middle;}
.paging-simple a:hover,
.paging-simple a:active,
.paging-simple a:focus {background-color:#f8f8f8;}
.paging-simple strong {color:#ff6600;}
.paging-simple .direction {padding:0 6px; font-weight:bold; font-size:14px; color:#666; text-align:center;}
.paging-simple .direction:hover,
.paging-simple .direction:active,
.paging-simple .direction:focus {background-color:transparent !important; color:#333;}
.paging-simple .direction span {overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;}

/*
default & small --------------------------------------------------
<div class="paging-def">
	<span class="pre">이전</span>
	<a class="pre" href="#">이전</a>
	<a href="#">1</a>
	<a href="#">2</a>
	<strong>3</strong>
	<a class="next" href="#">다음</a>
	<span class="next">다음</span>
</div>


simple --------------------------------------------------
<div class="paging-simple">
	<a class="direction" href="#">‹<span>prev</span></a>
	<a href="#">1</a>
	<strong>2</strong>
	<a href="#">3</a>
	<a href="#">4</a>
	<a href="#">5</a>
	<a class="direction" href="#"><span>next</span>›</a>
</div>
*/