영카트 반응형 작업할때 모바일네비 관련해서 질문드려요 채택완료

영카트 반응형작업으로 진행하는데 모바일따로 사용하지 않고 반응형작업에 맞춰서 768 사이즈일때 네비게이션 형태를 바꾸려고 합니다.

그래서 기존에 있는 네비를 가지고 css로 형태를 수정하려고 복사해서 하단에 붙여넣고 display: none; 시켜놓고 숨겨놧다가 노출되는 식으로 작업을 하려고 하였는데 

<div id="hd_menu">

        <div class="container">

        <button type="button" id="menu_open" class="hamburger"><img src="<?php echo G5_DATA_URL; ?>/common/header_hamburger.png" alt="menu" ><span>카테고리</span></button>

        <?php include_once(G5_THEME_SHOP_PATH.'/category.php'); // 분류 ?>

        <ul class="hd_menu">

            <li><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=estimate">견적상담</a></li>

            <li><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=portfolio">포트폴리오</a></li>

            <li><a href="<?php echo G5_SHOP_URL ?>/after/guide.html" target="_blank">작업가이드</></a></li>

            <li class="hd_seni"><a href="<?php echo G5_BBS_URL ?>/costomer_center.php" class="border-botttom">고객센터</a>

                <ul class="hd_menu02">

                    <li><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=notice">공지사항</a></li>

                    <li><a href="<?php echo G5_BBS_URL ?>/qalist.php">QnA</a></li>

                    <li><a href="<?php echo G5_BBS_URL ?>/faq.php">FAQ</a></li>

                </ul>

            </li>

        </ul>

        </div>

    </div>

이런한 형식이 기존 코드여서 가져다 복사해서 하단에 붙여넣었는데 카테고리분류가 출력이 되지 않습니다. 좀 도와주세요 고수님들ㅠㅠ