최신글 스킨 이미지 두줄씩 개행해서 나타내기

안녕하세요 최신글을

이런식으로 보일려고 하는데 어떻게 하면 될까요?

ul 태그에 class가 위에는 top이고 아래는 bottom인데 조언 좀 구해 봅니다

도와주세요

원본

<div class="section">

      <ul class="gallry_top">
       <li><a href="#" title="이미지원_01"><img src="images/main/g_01.jpg "></a></li>
       <li><a href="#" title="이미지원_02"><img src="iimages/main/g_02.jpg "></a></li>
      </ul>
      <ul class="gallry_bottom">
       <li><a href="#" title="이미지원_03"><img src="images/main/g_03.jpg "></a></li>
       <li><a href="#" title="이미지원_04"><img src="images/main/g_04.jpg "></a></li>
      </ul>​

</div>

개발

     <div class="section">
     <?php
      for ($i=0; $i<count($list); $i++) {  
      $bg = $i%2 ? "gallry_top" : "gallry_bottom";
      echo "<ul class='".$bg."'>"; 

      echo      
      echo "<li>";
      echo "<a href='{$list[$i]['href']}'>";

      $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height);
      if($thumb['src']) {
      $img = '<img src="'.$thumb['src'].'" width="'.$thumb_width.'" height="'.$thumb_height.'" class="latest_img" title="'.$list[$i]['subject'].'" >';
      } else {
      $img = '<img src="'.$latest_skin_url.'/img/noimage.png" width="'.$thumb_width.'" height="'.$thumb_height.'" title="'.$list[$i]['subject'].'">';
      }
      echo $img;
      echo "</a>";
      echo "</li>";

     ?>
      </ul>
   <?php }  ?>
   <?php if (count($list) == 0) { //게시물이 없을 때  ?>
   게시물이 없습니다.
   <?php }  ?>

     </div>​