Edit in JSFiddle

    window.onload = function(){

        HBPage({
            // DB 요청 URL
            url: 'list.aspx',
            // parameters
            data: {
                mode: 'list'
            },
            // 리스트 컨테이너 엘리먼트 객체
            listContainer: document.getElementsByTagName('tbody')[0],
            // 페이징 컨테이너 엘리먼트 객체
            pagingContainer: document.getElementById('wrap_paging'),
            // 페이지 사이즈
            pSize: 24,
            // 페이지 블럭 사이즈
            bSize: 10,
            // 페이징 캐쉬 타임
            cacheTimeout: 60,
            args: arguments,
            // 리스트 이벤트
            onlist: function (model, add) {

                (function (self) {

                    // Jsons --> Array 변환
                    var models = self.getJsonsToArray(model);

                    // 배열 
                    self.each(models, function (idx) {

                        var gIdx = idx;

                        self.each(this, function (idx) {

                            self.add('<tr class="">')
                            .add('<td class="divsn"><a href="list?bbsId=G003&&itemGroupId=29&objCate1=97&sortKey=depth" title="사회">' + getCategoryName(this.Category) + '</a></td>')
                            .add('<td class="subject"><a href="read?articleId=1021709&bbsId=G003&itemGroupId=29&pageIndex=1" id="gLsbj_1021709" title="지방정계 진출까지 노린 조폭 일망타진 " >' + self.cut(this.Title, 50, '...') + '</a><img src="http://i1.daumcdn.net/img-contents/ruliweb/2011/image/common/new_111128.gif" width="9" height="9" alt="새글" /></td>')
                            .add('<td class="name">')

                            .add('<a href="list?bbsId=G003&itemId=18" title="사회/정치/경제">사회/정치/경제 </a>')

                            .add(' <img src="http://img.vaanonline.co.kr/img_new/img_common/icon_new.gif" alt="NEW" />')

                            .add('</td>')

                            .add('<td class="writer"><a href="javascript:;" onclick="writerLay.showWriterLayer(this,\'ScpTAV63kGI0\',\'list?bbsId=G003&pageIndex=1&searchKey=userid&searchValue=ScpTAV63kGI0&searchName=Ellen+Page&itemId=&itemGroupId=29&platformId=\');">'
                             + this.UCharname + '</td>')
                            .add('<td class="recomd">' + this.CommentCnt + '</td>')
                            .add('<td class="hit">' + this.ViewCnt + '</td>')
                            .add('<td class="time">' + self.dateFormat(this.Regdate, 'd', 'yyyy.MM.dd day hh.mm.ss a/p') + '</td>')
                            .add('</tr>');

                        });
                    });

                } (this));

            },
            // 페이징 이벤트
            onpaging: function (add, cpage, tpSize, fpage, epage, bSize, hash) {
                paging(add, cpage, tpSize, fpage, epage, bSize, hash)
            }
        }).bind(function () {
        });
    }


    function getCategoryName(category) {

        category = parseInt(category, 10) || 0;

        if (category === 0) {
            category = '전체';
        }
        else if (category === 1) {
            category = '자유';
        }
        else if (category === 2) {
            category = '공략';
        }
        else if (category === 3) {
            category = '질문';
        }

        return category;
    }

    // 페이징 템플릿 함수
    function paging(add, cpage, tpSize, fpage, epage, bSize, hash) {

        /*if (cpage > 1) {
        add('<span><a href="' + hash + '/page/' + 1 + '">[첫 페이지:' + 1 + ']</a></span>');
        }
        */

        add('<span class="paging_comm">');

        if (fpage > 1) {
            add('<a href="' + hash + '/page/' + (fpage - bSize) + '" class="btn_comm btn_prev">이전</a>');
        }
        else {
            add('이전');
        }

        //add('<p>');

        for (var i = fpage, length = epage; i <= length; i++) {

            if (cpage === i) {
                add('<em class="num"><span class="ir_pm"></span>' + i + '</em>');
            }
            else {
                add('<a href="' + hash + '/page/' + i + '" class="num"> ' + i + ' </a>');
            }

        }

        //add('</p>');

        if ((i - 1) < tpSize) {
            add('<a href="' + hash + '/page/' + (fpage + bSize) + '" class="btn_comm btn_next">다음</a>');
        }
        else {
            add('다음');
        }

        add('</span>');


        /*
        if (cpage < tpSize) {
        add('<span><a href="' + hash + '/page/' + tpSize + '">[마지막 페이지:' + tpSize + ']</a></span>');
        }
        */
    }