이렇게 되어 잇는 모바일 메인화면의 순서를 변경하면 아래와 같이 배열 정렬이 틀어 집니다.

그대로 복사하여 붙혀넣기만 한건데 무엇이 잘못된걸까요 ?

이렇게 배열이 틀어져 버립니다.

고수님들 부탁 드립니다.

아래는 소스입니다.

======================================================================

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

include_once(G5_THEME_MOBILE_PATH.'/head.php');
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_JS_URL.'/swiper.min.css">', 0);
add_javascript('<script src="'.G5_THEME_JS_URL.'/swiper.min.js"></script>', 10);

?>

<!--메인이미지-->
<!--메인이미지-->
<ul id="comp_if">
    <li  class="com_bg1">
        <a href="http://e2job.com/bbs/board.php?bo_table=04_1&wr_id=1"><img src="<?php echo G5_THEME_IMG_URL ?>/mobile/next_mov.jpg" alt="회사소개 바로가기"></a>
        <h2>next소개</h2>
    </li>
    <li  class="com_bg2">
        <a href="http://e2job.com/bbs/board.php?bo_table=04_2"><img src="<?php echo G5_THEME_IMG_URL ?>/mobile/movice.jpg" alt="사회공헌 바로가기"></a>
        <h2>사업설명/플랜<br>동영상보기</h2>
    </li>

    <li  class="com_bg3">
        <a href="http://e2job.com/bbs/board.php?bo_table=02_1"><img src="<?php echo G5_THEME_IMG_URL ?>/mobile/notice.jpg
" alt="회사소개 바로가기"></a>
        <h2>공지사항</h2>
    </li>
    <li class="com_bg1">
        <a href="http://e2job.com/bbs/board.php?bo_table=03_1"><img src="<?php echo G5_THEME_IMG_URL ?>/mobile/comm.jpg" alt="인재채용 바로가기"></a>
        <h2>통신정책표</h2>
    </li>
    <li  class="com_bg2">
        <a href="http://e2job.com/bbs/board.php?bo_table=01_1&wr_id=1"><img src="<?php echo G5_THEME_IMG_URL ?>/mobile/add.jpg" alt="사회공헌 바로가기"></a>
        <h2>주소록<br>백업방법</h2>
    </li>
    <li class="com_bg3">
        <a href="http://e2job.com/bbs/board.php?bo_table=01_2&wr_id=1"><img src="<?php echo G5_THEME_IMG_URL ?>/mobile/gal.jpg" alt="인재채용 바로가기"></a>
        <h2>갤러리<br>백업방법</h2>
    </li>

    <li class="com_bg1">
        <a href="http://e2job.com/bbs/board.php?bo_table=03_2&wr_id=1"><img src="<?php echo G5_THEME_IMG_URL ?>/mobile/plan.jpg" alt="인재채용 바로가기"></a>
        <h2>보상플랜<br>PPT</h2>
    </li>

    <li class="com_bg2">
        <a href="http://e2job.com/bbs/board.php?bo_table=03_5&wr_id=1"><img src="<?php echo G5_THEME_IMG_URL ?>/mobile/business.jpg" alt="인재채용 바로가기"></a>
        <h2>개통및사업<br>진행절차</h2>
    </li>
    <li class="com_bg3">
        <a href="http://e2job.com/bbs/group.php?gr_id=05"><img src="<?php echo G5_THEME_IMG_URL ?>/mobile/iot.jpg" alt="인재채용 바로가기"></a>
        <h2>Iot<br>사물인터넷</h2>
    </li>

    <li class="com_bg1">
        <a href="http://e2job.com/bbs/board.php?bo_table=01_3"><img src="<?php echo G5_THEME_IMG_URL ?>/mobile/news.jpg" alt="인재채용 바로가기"></a>
        <h2>News<br>스크랩</h2>
    </li>

</ul>

<!-- 메인화면 최신글 시작 -->

<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
echo latest('theme/basic', '02_1', 4, 40);
?>
<div class="li_gall">
    <?php
    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
    // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수, 캐시타임, option);
    // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
    $options = array(
        'thumb_width'    => 400, // 썸네일 width
        'thumb_height'   => 250,  // 썸네일 height
    );
    echo latest('theme/gallery', '04_3', 4, 55, 1, $options);
    ?>
</div>

<!-- 메인화면 최신글 끝 -->

<?php
include_once(G5_THEME_MOBILE_PATH.'/tail.php');
?>