Group Bottom Btn Area Left Type <!-- 그리드/테이블 하단 버튼 --> <div class="cptGroupBtm alignR"> <div class="comSideOpt"> <button class="srhBtn red">상세조회</button> <button class="srhBtn blue">상세조회</button> <button class="srhBtn gLine">상세조회</button> <button class="srhBtn dkBlue">상세조회</button> <button class="srhBtn dkbLine">상세조회</button> <button class="srhBtn bLine">상세조회</button> </div> </div> Group Bottom Btn Area Right Type <!-- 그리드/테이블 하단 버튼 --> <div class="cptGroupBtm alignL"> <div class="comSideOpt"> <button class="srhBtn red">상세조회</button> <button class="srhBtn blue">상세조회</button> <button class="srhBtn gLine">상세조회</button> <button class="srhBtn dkBlue">상세조회</button> <button class="srhBtn dkbLine">상세조회</button> <button class="srhBtn bLine">상세조회</button> </div> </div> Group Bottom Btn Area Left & Right Type <!-- 그리드/테이블 하단 버튼 양측 --> <div class="cptGroupBtnCov"> <div class="cptGroupBtm alignL"> <div class="comSideOpt"> <button class="srhBtn red">상세조회</button> <button class="srhBtn blue">상세조회</button> <button class="srhBtn gLine">상세조회</button> <button class="srhBtn dkBlue">상세조회</button> <button class="srhBtn dkbLine">상세조회</button> <button class="srhBtn bLine">상세조회</button> </div> </div> <div class="cptGroupBtm alignR"> <div class="comSideOpt"> <button class="srhBtn red">상세조회</button> <button class="srhBtn blue">상세조회</button> <button class="srhBtn gLine">상세조회</button> <button class="srhBtn dkBlue">상세조회</button> <button class="srhBtn dkbLine">상세조회</button> <button class="srhBtn bLine">상세조회</button> </div> </div> </div> Paging <!-- 페이징 --> <div class="comPaging"> <a class="start" href="#"></a> <a class="prev" href="#"></a> <ul class="numList"> <li><a href="#">1</a></li> <li class="on"><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul> <a class="next" href="#"></a> <a class="end" href="#"></a> </div>