javascript 질문드려욥~ 채택완료

</p>

<p><header id="header">

    <div class="inner">

    <h1 id="corporate-logo"><a href="#"><img src="img/logo.svg" /></a>

    </h1><!-- corporate-logo end -->

    <nav id="global-nav">

        <ul id="menu-global">

            <li><a href="#" class="menu">HOME</a></li>

            <li><a href="#" class="menu">SERVICE</a></li>

            <li><a href="#" class="menu">COMPANY</a></li>

            <li><a href="#" class="menu">RECRUIT</a></li>

            <li><a href="#" class="menu">CONTACT</a></li>

            <li><a href="#" class="menu">BLOG</a></li>

        </ul><!-- #menu-global end -->

    </nav><!-- #global-nav end -->

    </div><!-- .inner end -->

</header><!-- #header end --></p>

<p>

</p>

<p>#header {

    height:110px;

}</p>

<p>#header .inner {

    width: 1140px;

    margin: 0 auto;

    height: 68px;

    padding: 42px 0 0 0;

}</p>

<p>#header .inner #corporate-logo {

    width: 272px;

    float: left;

    margin: 0 0 0 30px;

}</p>

<p>#header #global-nav {

    float: right;

    margin: 0 30px 0 0;

}</p>

<p>#header #global-nav #menu-global {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    font-size: 1rem;

    line-height: 63px;

    height: 68px;

}</p>

<p>#header #global-nav #menu-global li {

    display:block;

    width:111px;

    text-align: center;

    color: #000000;

}</p>

<p>#header #global-nav #menu-global li .menu {

    display: block;

    border-top: 5px solid #ffffff ;

}</p>

<p>#header #global-nav #menu-global li a:hover {

    border-top: 5px solid #7ac943 ;

}</p>

<p>

</p>

<p>var menuHeight = $('#header').height();

    var startPos = 0;

    $(window).scroll(function(){

        var currentPos = $(this).scrollTop();

        if (currentPos > startPos){

            if($(window).scrollTop() >= 20){

                $('#header').css('top','-' + menuHeight + 'px');

            }

        } else {

            $('#header').css('top', 0 + 'px');

        }

        startPos = currentPos;

    });</p>

<p>