고수님들 grape 반응형 테마 service를 한줄에 4개씩 2줄로 표시할수 있을까요?

현재 아래의 이미지처럼 1줄에 4개로나오고 있습니다.

같은테마는 아니지만 다른 테마에서 2줄나온다는 방법을 써봤는데 안되네요...

index.php 부분

<!-- 진료과목  -->   

<?php

// 이 함수가 바로 최신글을 추출하는 역할을 합니다.

// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);

// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정

echo latest('theme/service', 'service', 8, 33);

?>

 service > latest.skin.php 부분

<?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

include_once(G5_LIB_PATH.'/thumbnail.lib.php');

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨

add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);

$thumb_width = 500;

$thumb_height = 500;

?>

<div class="lt_service">

    <h2 class="lt_title"><a href="<?php echo get_pretty_url($bo_table); ?>"><?php echo $bo_subject ?></a></h2>

    <ul>

    <?php

    for ($i=0; $i<count($list); $i++) {

    $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);

    if($thumb['src']) {

        $img = $thumb['src'];

    } else {

        $img = G5_THEME_IMG_URL.'/noimage.png';

        $thumb['alt'] = '이미지가 없습니다.';

    }

    $img_content = '<img src="'.$img.'" alt="'.$thumb['alt'].'" >';

    ?>

        <li>

            <div class="card">

                <a href="<?php echo $list[$i]['href'] ?>" class="lt_img"><?php echo $img_content; ?></a>

                <div class="info">

                <?php

                echo "<a href=\"".$list[$i]['href']."\" class=\"lt_tit\"> ";

                if ($list[$i]['icon_secret']) echo "<i class=\"fa fa-lock\" aria-hidden=\"true\"></i><span class=\"sound_only\">비밀글</span> ";

                if ($list[$i]['is_notice'])

                    echo "<strong>".$list[$i]['subject']."</strong>";

                else

                    echo $list[$i]['subject'];

                echo "</a>";

                // if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }

                // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }

                 //echo $list[$i]['icon_reply']." ";

               // if ($list[$i]['icon_file']) echo " <i class=\"fa fa-download\" aria-hidden=\"true\"></i>" ;

                //if ($list[$i]['icon_link']) echo " <i class=\"fa fa-link\" aria-hidden=\"true\"></i>" ;

                ?>

                 <div class="lt_detail"> <?php echo get_text(cut_str(strip_tags($list[$i]['wr_content']), 50), 1); ?></div>

                 </div>

             </div>

        </li>

    <?php }  ?>

    <?php if (count($list) == 0) { //게시물이 없을 때  ?>

    <li class="empty_li">게시물이 없습니다.</li>

    <?php }  ?>

    </ul>

</div>