#category {margin:20px; overflow:hidden;}
#category ul {width:100%; list-style:none;}
#category li {float:left; margin:0 1px 1px 0; width:33%; }
#category li a {display:block; text-align:center; height:23px; font-size:12px; line-height:23px; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#e1f4df;
background-image:-webkit-gradient(linear, left top, left bottom, from(#e1f4df), to(#cbe3c8));
background-image:-webkit-linear-gradient(#e1f4df, #cbe3c8);
background-image:-moz-linear-gradient(#e1f4df, #cbe3c8);
background-image:-ms-linear-gradient(#e1f4df, #cbe3c8);
background-image:-o-linear-gradient(#e1f4df, #cbe3c8);
background-image:linear-gradient(#e1f4df, #cbe3c8);
}
#category li a.on {background:#1B7F29; color:#fff;}

#product {margin:20px 0 30px;}
#product #info {height:25px; line-height:25px; font-size:11px; border-bottom:2px solid #4ba349; background:#efefef;}
#info #total {float:left; padding-left:10px;}
#info #page {float:right; padding-right:10px;}

#pList {margin-top:10px; overflow:hidden;}
#pList ul {width:100%; margin:0; padding:0;}
#pList li {width:33.3%; margin-bottom:10px; float:left; list-style:none;}
#pList li a {display:block; width:92px; height:119px; line-height:12px; margin:0 auto; text-align:center; color:#000; font-size:11px; letter-spacing:-1px; border:#eeeeee solid 1px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#pList li a img {border:0;}

/* 페이징 */
.wrap_paging {width:100%; text-align:center; font-size:12px; margin:30px 0 50px;}
.wrap_paging .num_box {display:inline-block; width:34px; height:28px; line-height:28px; margin-right:4px; border:1px solid #bbb;text-decoration:none; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.wrap_paging .cur_num {display:inline-block; width:34px; height:28px; line-height:28px; margin-right:4px; border:1px solid #425de8; color:#fff; background:#425de8; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.wrap_paging .arrow_box {position:relative; display:inline-block; width:34px; height:28px; line-height:28px; margin-right:4px; border:1px solid #bbb; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background-image:-webkit-linear-gradient(#fff, #eee);
background-image:-moz-linear-gradient(#fff, #eee);
background-image:-ms-linear-gradient(#fff, #eee);
background-image:-o-linear-gradient(#fff, #eee);
background-image:linear-gradient(#fff, #eee);
}
.wrap_paging .arrow_box span {display:block; position:relative; top:8px; width:7px; height:11px; margin:0 auto; background:url('/images/icon2.png') no-repeat; text-indent:-1000em;}
.arrow_box span.prev_off {background-position:0 0;}
.arrow_box span.next_off {background-position:0 -25px;}
.arrow_box span.prev {background-position:0 -50px;}
.arrow_box span.next {background-position:0 -75px;}
