기본 테마 메뉴 수직 배열로 바꿀 수 있을까요? 채택완료

<div id="hd">

    <h1 id="hd_h1"><?php echo $g5['title'] ?></h1>

    <div id="skip_to_container"><a href="#container">본문 바로가기</a></div>

 

    <?php

    if(defined('_INDEX_')) { // index에서만 실행

        include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어

    }

    ?>

   

    <nav id="gnb">

        <h2>메인메뉴</h2>

        <div class="gnb_wrap">

            <ul id="gnb_1dul">

                <li class="gnb_1dli gnb_mnal"><button type="button" class="gnb_menu_btn" title="전체메뉴"><i class="fa fa-bars" aria-hidden="true"></i><span class="sound_only">전체메뉴열기</span></button></li>

                <?php

                $menu_datas = get_menu_db(0, true);

                $gnb_zindex = 999; // gnb_1dli z-index 값 설정용

                $i = 0;

                foreach( $menu_datas as $row ){

                    if( empty($row) ) continue;

                    $add_class = (isset($row['sub']) && $row['sub']) ? 'gnb_al_li_plus' : '';

                ?>

                <li class="gnb_1dli <?php echo $add_class; ?>" style="z-index:<?php echo $gnb_zindex--; ?>">

                    <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>

                    <?php

                    $k = 0;

                    foreach( (array) $row['sub'] as $row2 ){

 

                        if( empty($row2) ) continue;

 

                        if($k == 0)

                            echo '<span class="bg">하위분류</span><div class="gnb_2dul"><ul class="gnb_2dul_box">'.PHP_EOL;

                    ?>

                        <li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li>

                    <?php

                    $k++;

                    }   //end foreach $row2

 

                    if($k > 0)

                        echo '</ul></div>'.PHP_EOL;

                    ?>

                </li>

                <?php

                $i++;

                }   //end foreach $row

 

                if ($i == 0) {  ?>

                    <li class="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 &gt; 환경설정 &gt; 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>

                <?php } ?>

            </ul>

            <div id="gnb_all">

                <h2>전체메뉴</h2>

                <ul class="gnb_al_ul">

                    <?php

                   

                    $i = 0;

                    foreach( $menu_datas as $row ){

                    ?>

                    <li class="gnb_al_li">

                        <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_al_a"><?php echo $row['me_name'] ?></a>

                        <?php

                        $k = 0;

                        foreach( (array) $row['sub'] as $row2 ){

                            if($k == 0)

                                echo '<ul>'.PHP_EOL;

                        ?>

                            <li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?></a></li>

                        <?php

                        $k++;

                        }   //end foreach $row2

 

                        if($k > 0)

                            echo '</ul>'.PHP_EOL;

                        ?>

                    </li>

                    <?php

                    $i++;

                    }   //end foreach $row

 

                    if ($i == 0) {  ?>

                        <li class="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 &gt; 환경설정 &gt; 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>

                    <?php } ?>

                </ul>

                <button type="button" class="gnb_close_btn"><i class="fa fa-times" aria-hidden="true"></i></button>

            </div>

            <div id="gnb_all_bg"></div>

        </div>

    </nav>

    <script>

   

    $(function(){

        $(".gnb_menu_btn").click(function(){

            $("#gnb_all, #gnb_all_bg").show();

        });

        $(".gnb_close_btn, #gnb_all_bg").click(function(){

            $("#gnb_all, #gnb_all_bg").hide();

        });

    });

 

    </script>

</div>

<!-- } 상단 끝 -->