<div class="GNB-color-05">
     
  <div class="ABA-lnb-box">

   <div class="ABA-head-lnb">
    <h3><a href="ab-76178" data-gnb="Y">제작서비스</a></h3>
   </div>

   <div class="ABA-body-lnb"><ul class="ABA-lnb" id="ABA-lnb-76177">
   <li id="AB-lnb-76177-1" class="AB-first"><a href="ab-76178">홈페이지 제작서비스</a></li>

   <li id="AB-lnb-76177-2" class="AB-current-lnb AB-current-lnb AB-child"><a href="ab-76182">서비스문의하기</a>

   <ul class="ABA-lnb-sub" style="display:block">
   <li id="AB-lnb-76177-2-1" class="AB-first"><a href="ab-76182&category_1=~A">CRM</a></li>
   <li id="AB-lnb-76177-2-2"><a href="ab-76182&category_1=~B">MO서비스</a></li>
   <li id="AB-lnb-76177-2-3"><a href="ab-76182&category_1=~C">바이럴마케팅</a></li>
   <li id="AB-lnb-76177-2-4"><a href="ab-76182&category_1=~D">SNS마케팅</a></li>
   <li id="AB-lnb-76177-2-5"><a href="ab-76182&category_1=~E">제휴마케팅</a></li>
   <li id="AB-lnb-76177-2-6"><a href="ab-76182&category_1=~F">MSO</a></li>
   <li id="AB-lnb-76177-2-7" class="AB-last AB-current-lnb"><a href="ab-76182&category_1=~G">제작서비스</a></li></ul></li>

   <li id="AB-lnb-76177-3"><a href="ab-76180">영상 제작서비스</a></li>
   <li id="AB-lnb-76177-4" class="AB-last"><a href="ab-76298" data-gnb="Y">웹/영상기획 컬럼</a></li></ul></div>

  </div>

  </div>

서브 메뉴 라인이 일관성있게 잘 안나와요..

배경 이미지 라인이 맨 밑으로 나와야 하는데... 마지막 서브 텍스트 위로  위치되네요 수정안되나요?

<li id="AB-lnb-76177-2-7" class="AB-last AB-current-lnb"><a href="ab-76182&category_1=~G">제작서비스</a></li></ul></li>

css 구조도 잘 모르겠어요..

ul  li id class 등  여러개 많이 구성되어 있어서... 어디가 어떻게 css 적용되는지 모르겠어요