pc에선 잘되는 자바스크립트가 모바일에선 안먹힙니다!ㅜㅜ

</p>

<p>//html</p>

<p>                <nav></p>

<p>                    <button class="pc-btn en">MENU</button></p>

<p>                    <button class="m-burger"></p>

<p>                        <span></span></p>

<p>                        <span></span></p>

<p>                        <span></span></p>

<p>                    </button></p>

<p>                    <div class="gnb">  </p>

<p>                        <button class="close-btn en">CLOSE</button></p>

<p>                        <ul class="en"></p>

<p>                            <li><a href="#insa" class="orange">INTRO</a></li></p>

<p>                            <li><a href="#about_me" class="pink">ABOUT ME</a></li></p>

<p>                            <li><a href="#portfolio" class="green">PORTFOLIO</a></li></p>

<p>                            <li><a href="#footer" class="yellow">CONTACT</a></li></p>

<p>                        </ul></p>

<p>                    </div></p>

<p>                </nav></p>

<p>//script</p>

<p>const gnb = document.querySelector('.gnb'),</p>

<p>btn = document.querySelector('nav button'),</p>

<p>closeBtn = document.querySelector('.close-btn');</p>

<p> </p>

<p>btn.addEventListener('click', openMenu);</p>

<p>closeBtn.addEventListener('click', closeMenu);</p>

<p> </p>

<p>function openMenu() {</p>

<p>    gnb.style.left = '0px';</p>

<p>}</p>

<p>function closeMenu() {</p>

<p>    gnb.style.left = '-450px';</p>

<p>}</p>

<p>