firstgarden-web-gnu/theme/rb.basic/rb.layout_hd/basic/header.php

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

// 레이아웃 폴더내 style.css 파일
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/rb.layout_hd/'.$rb_core['layout_hd'].'/style.css?ver='.G5_TIME_YMDHIS.'">', 0);

?>
   
    <!--
    <header id="header">내용</header>
    <header>는 반드시 포함해주세요.
    -->

    <!-- 헤더 { -->
    <header id="header" <?php if (!defined("_INDEX_")) { ?>class="gnb_up" style="background-image:url('<?php echo G5_THEME_URL ?>/rb.img/sv.jpg');"<?php } ?>>
       
        <!-- GNB { -->
        <div class="gnb_wrap">
            
            <div class="inner" style="width:<?php echo $tb_width_inner ?>; <?php echo $tb_width_padding ?>">

                
                <!-- 로고 { -->
                <ul class="logo_wrap">
                    <li>
                        <a href="<?php echo G5_URL ?>" alt="<?php echo $config['cf_title']; ?>">
                           
                            <picture id="logo_img">
                               
                                <?php if (!empty($rb_builder['bu_logo_mo']) && !empty($rb_builder['bu_logo_mo_w'])) { ?>
                                    <source id="sourceSmall" srcset="<?php echo G5_URL ?>/data/logos/mo?ver=<?php echo G5_SERVER_TIME ?>" media="(max-width: 1024px)">
                                <?php } else { ?>
                                    <source id="sourceSmall" srcset="<?php echo G5_THEME_URL ?>/rb.img/logos/mo.png?ver=<?php echo G5_SERVER_TIME ?>" media="(max-width: 1024px)">
                                <?php } ?>
                                
                                <?php if (!empty($rb_builder['bu_logo_pc']) && !empty($rb_builder['bu_logo_pc_w'])) { ?>
                                    <source id="sourceLarge" srcset="<?php echo G5_URL ?>/data/logos/pc_w?ver=<?php echo G5_SERVER_TIME ?>" media="(min-width: 1025px)">
                                <?php } else { ?>
                                    <source id="sourceLarge" srcset="<?php echo G5_THEME_URL ?>/rb.img/logos/pc_w.png?ver=<?php echo G5_SERVER_TIME ?>" media="(max-width: 1024px)">
                                <?php } ?>
                                
                                <?php if (!empty($rb_builder['bu_logo_pc']) && !empty($rb_builder['bu_logo_pc_w'])) { ?>
                                    <img id="fallbackImage" src="<?php echo G5_URL ?>/data/logos/pc_w?ver=<?php echo G5_SERVER_TIME ?>" alt="<?php echo $config['cf_title']; ?>" class="responsive-image">
                                <?php } else { ?>
                                    <img id="fallbackImage" src="<?php echo G5_THEME_URL ?>/rb.img/logos/pc_w.png?ver=<?php echo G5_SERVER_TIME ?>" alt="<?php echo $config['cf_title']; ?>" class="responsive-image">
                                <?php } ?>
                                
                            </picture>

                        </a>
                        
                    </li>
                </ul>
                
                
                
                <nav id="cbp-hrmenu" class="cbp-hrmenu pc">
                    <ul>
                    <?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;
                    ?>
                    <li>
                        <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="font-B"><?php echo $row['me_name'] ?></a>
                        <?php
                        $k = 0;
                        foreach( (array) $row['sub'] as $row2 ){

                            if( empty($row2) ) continue; 

                            if($k == 0)
                                echo '<div class="cbp-hrsub"><div class="cbp-hrsub-inner"><div><!--<h4 class="font-B">그룹</h4>--><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></div></div></div>'.PHP_EOL;
                        ?>
                    </li>
                    <?php
                    $i++;
                    }   //end foreach $row
                    ?>
                    
                    <?php if ($i == 0) {  ?>
                    <li><a href="javascript:void(0);">메뉴 준비 중입니다.</a></li>
                    <?php } ?>
                    </ul>
                </nav>
                

                
                <!-- 퀵메뉴 { -->
                <ul class="snb_wrap">

                    
                    <!-- 토글메뉴 { -->
                        <li>
                            <button type="button" alt="메뉴열기" id="tog_gnb_mobile">
                                <span>My</span>
                                
                                    <svg width="35" height="21" viewBox="0 0 35 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <line y1="0.5" x2="35" y2="0.5" stroke="white"/>
                                    <line x1="5" y1="10.5" x2="35" y2="10.5" stroke="white"/>
                                    <line y1="20.5" x2="35" y2="20.5" stroke="white"/>
                                    </svg>

                            </button>

                            <script>
                                $(document).ready(function() {
                                    $('#tog_gnb_mobile').click(function() {
                                        $('#cbp-hrmenu-btm').addClass('active');
                                        $('#m_gnb_close_btn').addClass('active');
                                        $('main').addClass('moves');
                                        $('header').addClass('moves');
                                    });
                                });
                            </script>
                        </li>

                    <!-- } -->
                    
                    <div class="cb"></li>
                </ul>
                <!-- } -->
                
                <div class="cb"></div>
            </div>
        </div>
        <!-- } -->
    </header>
    <!-- } -->
    
    <?php if (defined("_INDEX_")) { ?>
    <script>
            var didScroll; 
            var lastScrollTop = 0; 
            var delta = 5; 
            var navbarHeight = $('#header').outerHeight();

            $(window).scroll(function(event){ 
                didScroll = true; 
            });

            setInterval(function() { 
                if (didScroll) { 
                    hasScrolled(); didScroll = false; 
                } 
            }, 10);

            function hasScrolled() {
                var st = $(this).scrollTop();
                if(Math.abs(lastScrollTop - st) <= delta)
                    return;
                if (st > lastScrollTop && st > navbarHeight){
                    $('#header').addClass('gnb_up');
                    
                } else {    
                    if(st < 10) {
                        $('#header').removeClass('gnb_up');
                    }
                }

                lastScrollTop = st;
            }

        </script>
        <?php } ?>