<script type="text/javascript" data-header-js="" data-block-js="______header_style_001___0___1636466374199___0">
wevenBlock['______header_style_001___0___1636466374199___0'] = {

    init : function(){

        this.registEvent();
        this.onLoadHandler();

        if( bm.headerEvent.isSelectedMenu ){
            $(bm.headerEvent.originHeaderMenu).find('> li.active > a > span').addClass('point0');
            $(bm.headerEvent.fixedHeaderMenu).find('> li.active > a > span').addClass('point0');
            $(bm.headerEvent.fixedHeaderMenu).find('> li.active > a > span').addClass('border_point0');
        }
    }

    ,registEvent : function(){

        //origin header web 이벤트 ON 재정의
        bm.headerEvent.originHeaderMenuOnWebEvent = function () {
            var _this = this;

            var menuList = $( _this.originHeaderMenu);

            //처음 로드 시 페이지의 active메뉴 등록
            var activeDepth1MenuIdx = -1;
            if( _this.isSelectedMenu ){
                activeDepth1MenuIdx = $(menuList).find('> li.active').index();
                $(menuList).find('> li.active > a > span').addClass('point0');
            }

            var selectedDepth1MenuIdx;

            $( _this.originHeaderMenu ).find('> li').on('mouseover', function(){
                selectedDepth1MenuIdx = $(this).index();
                $(this).siblings('li.active').find('> a > span').removeClass('point0');
                $(this).siblings('li').removeClass('active');

                $(this).find('> a > span').addClass('point0');
                $(this).addClass('active');

            });

            $( _this.originHeaderMenu ).find('> li').on('mouseleave', function(){
                $(this).find('> a > span').removeClass('point0');
                $(this).removeClass('active');

                if( _this.isSelectedMenu ){
                    menuList.find('>li').eq( activeDepth1MenuIdx ).find('> a > span').addClass('point0');
                    menuList.find('>li').eq( activeDepth1MenuIdx ).addClass('active');
                }

                //원페이지인 경우
                if( _this.isPromotion && _this.activeIdx > -1 ) {
                    menuList.find('>li').eq( _this.activeIdx ).addClass('active');
                    $(menuList).find('> li.active > a > span').addClass('point0');
                }
            });

            // 원페이지 아닌 경우
            if(!_this.isPromotion) {
                var hoverMenuWrap = $( _this.originHeader ).find('.hover_menu_wrap');
                var hoverMenu = $(hoverMenuWrap).find('#hoverGnb');
                var hoverMenuDim =  $( _this.originHeader ).find('.hover_menu_dim');
                var hoverMenuHeight = hoverMenuWrap.height('auto').height(); //높이값 알아내기
                hoverMenuWrap.height('');
                hoverMenuWrap.removeClass('active');

                //hoverMenu의 1뎁스 메뉴 높이값 세팅
                var max = 0;
                $( hoverMenu ).find('> li > a').each(function () {
                    var height = $(this).height('auto').height();
                    max = height > max ? height : max;
                });
                $( hoverMenu ).find('> li > a').height(max);

                //hover menu에 대한 컨트롤 함수
                function hoverMenuEvent( active ) {
                    if( !active ) {
                        //active가 아니었을 때
                        menuList.find('>li').eq( selectedDepth1MenuIdx ).addClass('active');
                        menuList.find('>li').eq( selectedDepth1MenuIdx ).find('> a > span').addClass('point0');
                        hoverMenuWrap.addClass('active');
                        TweenMax.to( hoverMenuWrap, 0.2, { height: hoverMenuHeight, ease: Cubic.easeInOut});
                        $(hoverMenuDim).show();
                    } else {
                        //active이었을 때
                        menuList.find('>li').eq( selectedDepth1MenuIdx ).removeClass('active');
                        menuList.find('>li').eq( selectedDepth1MenuIdx ).find('> a > span').removeClass('point0');
                        if( _this.isSelectedMenu ){
                            menuList.find('>li').eq( activeDepth1MenuIdx ).addClass('active');
                            menuList.find('>li').eq( activeDepth1MenuIdx ).find('> a > span').addClass('point0');
                        }
                        $(hoverMenuWrap).removeClass('active');
                        TweenMax.to( hoverMenuWrap, 0.2, { height: 0, ease: Cubic.easeInOut});
                        $(hoverMenuDim).hide();
                    }
                }

                //mouseover 이벤트 재등록
                $( _this.originHeaderMenu ).on('mouseover',function () {
                    if( !$(hoverMenuWrap).hasClass('active') ) hoverMenuEvent(false);
                });

                //mouseleave 이벤트 재등록
                $( _this.originHeaderMenu ).on('mouseleave', function(e){
                    if( e.relatedTarget && e.relatedTarget.closest('.hover_menu_wrap') !== hoverMenuWrap[0]) {
                        if( $(hoverMenuWrap).hasClass('active') ) hoverMenuEvent(true);
                    }
                });

                $(hoverMenuWrap).on('mouseenter', function(){
                    if( !$(hoverMenuWrap).hasClass('active') ) hoverMenuEvent(false);
                });

                $(hoverMenuWrap).on('mouseleave', function(e){
                    if( e.relatedTarget && e.relatedTarget.closest('.gnb_wrap') !== _this.originHeaderMenu[0]) {
                        if( $(hoverMenuWrap).hasClass('active') ) hoverMenuEvent(true);
                    }
                });
            }

            _this.hideGnbScroll( _this.originHeader );
        };

        //origin header web 이벤트 OFF 재정의
        bm.headerEvent.originHeaderMenuOffWebEvent = function () {
            var _this = this;
            var hoverMenu = $( _this.originHeader ).find('.hover_menu_wrap');

            $( _this.originHeaderMenu ).off('mouseover');
            $( _this.originHeaderMenu ).off('mouseleave');

            $(hoverMenu).off('mouseenter');
            $(hoverMenu).off('mouseleave');

        };

        bm.headerEvent.fixedHeaderMenuOnWebEvent = function(){
            var _this = this;

            if(_this.isSelectedMenu ){
                $(_this.fixedHeaderMenu).find('> li.active > a > span').addClass('point0');
                $(_this.fixedHeaderMenu).find('> li.active > a > span').addClass('border_point0');
            }

            // 원페이지 아닌 경우
            if(!_this.isPromotion) {
                var hoverMenuWrap = $( _this.fixedHeader ).find('.hover_menu_wrap');
                var hoverMenu = $(hoverMenuWrap).find('#hoverGnb');
                var hoverMenuDim =  $( _this.fixedHeader ).find('.hover_menu_dim');
                var hoverMenuHeight = hoverMenuWrap.height('auto').height(); //높이값 알아내기
                hoverMenuWrap.height('');
                hoverMenuWrap.removeClass('active');

                //hoverMenu의 1뎁스 메뉴 높이값 세팅
                var max = 0;
                $( hoverMenu ).find('> li > a').each(function () {
                    var height = $(this).height('auto').height();
                    max = height > max ? height : max;
                });
                $( hoverMenu ).find('> li > a').height(max);

                //hover menu에 대한 컨트롤 함수
                function hoverMenuEvent( active ) {
                    if( !active ) {
                        //active가 아니었을 때
                        hoverMenuWrap.addClass('active');
                        TweenMax.to( hoverMenuWrap, 0.2, { height: hoverMenuHeight, ease: Cubic.easeInOut});
                        $(hoverMenuDim).show();

                    } else {
                        //active이었을 때
                        $(hoverMenuWrap).removeClass('active');
                        TweenMax.to( hoverMenuWrap, 0.2, { height: 0, ease: Cubic.easeInOut});
                        $(hoverMenuDim).hide();
                    }
                }

                //mouseover 이벤트 재등록
                $( _this.fixedHeaderMenu ).on('mouseover',function () {
                    if( !$(hoverMenuWrap).hasClass('active') ) hoverMenuEvent(false);
                });

                //mouseleave 이벤트 재등록
                $( _this.fixedHeaderMenu ).on('mouseleave', function(e){
                    if( e.relatedTarget && e.relatedTarget.closest('.hover_menu_wrap') !== hoverMenuWrap[0]) {
                        if( $(hoverMenuWrap).hasClass('active') ) hoverMenuEvent(true);
                    }
                });

                $(hoverMenuWrap).on('mouseenter', function(){
                    if( !$(hoverMenuWrap).hasClass('active') ) hoverMenuEvent(false);
                });

                $(hoverMenuWrap).on('mouseleave', function(e){
                    if( e.relatedTarget && e.relatedTarget.closest('.gnb_wrap') !== _this.fixedHeaderMenu[0]) {
                        if( $(hoverMenuWrap).hasClass('active') ) hoverMenuEvent(true);
                    }
                });
            }

            _this.hideGnbScroll( _this.fixedHeader );
        };

        bm.headerEvent.headerScrollEvent = function(){
            var _this = this;

            if(this.isPromotion){
                //contents의 높이가 달라졌을 경우 scrollList 다시 설정
                if( _this.wholeHeight != $('div[data-wv-layout-element="layout_screen"]').innerHeight() ){
                    //최초 body높이 담기
                    bm.headerEvent.wholeHeight = $('div[data-wv-layout-element="layout_screen"]').innerHeight();
                    if( $('[data-wv-menu-target]').length > 0 ){
                        _this.anchorScrollList = [];
                        $('[data-wv-menu-target]').each(function () {
                            bm.headerEvent.anchorScrollList.push( $(this).offset().top );
                        });
                    }
                }
            }

            _this.windowScrollTop = window.scrollY || document.documentElement.scrollTop;

            if( _this.windowScrollTop > 0 ){
                //스크롤이 내려온 상태 -> fixed header 등장 및 origin header 숨김 처리
                _this.upHeader( _this.originHeader );
                _this.fixedHeader.addClass( 'active' );
                _this.downHeader( _this.fixedHeader );

                if(this.isPromotion){
                    var anchorCenterStandard = _this.windowScrollTop + Math.round($(window).innerHeight() / 2);

                    $("#standard").css("top", anchorCenterStandard);

                    var fixedHeaderHeight = $(_this.fixedHeader).innerHeight();
                    for(var i = 0; i < _this.anchorScrollList.length; i++){
                        if( anchorCenterStandard <= _this.anchorScrollList[0] ){
                            //첫번째 블록을 만나지 않았을 경우
                            _this.activeIdx = -1;
                            break;
                        } else {
                            if( i != _this.anchorScrollList.length - 1 ){
                                //마지막 블록이 아닌 경우
                                if( anchorCenterStandard >= _this.anchorScrollList[i] && anchorCenterStandard < _this.anchorScrollList[i+1] ){
                                    _this.activeIdx = i;
                                    break;
                                }
                            } else {
                                //마지막 블록인 경우
                                if( anchorCenterStandard < _this.anchorScrollList[i] + $('[data-wv-menu-target]').eq(i).innerHeight() ){
                                    _this.activeIdx = i;
                                    break;
                                }
                            }
                        }
                    }

                    if( _this.activeIdx > -1 ){
                        $(_this.fixedHeaderMenu).find('> li').removeClass('active');
                        $(_this.originHeaderMenu).find('> li').removeClass('active');
                        $(_this.fixedHeaderMenu).find('> li > a').removeClass('point0');
                        $(_this.originHeaderMenu).find('> li > a').removeClass('point0');

                        var targetLink = $('[data-wv-menu-target]').eq(_this.activeIdx).attr('id');

                        $(_this.fixedHeaderMenu).find('> li > a[data-wv-menu-link="' + targetLink + '"]').parent('li').addClass('active');
                        $(_this.originHeaderMenu).find('> li > a[data-wv-menu-link="' + targetLink + '"]').parent('li').addClass('active');
                        $(_this.fixedHeaderMenu).find('> li > a[data-wv-menu-link="' + targetLink + '"]').addClass('point0');
                        $(_this.originHeaderMenu).find('> li > a[data-wv-menu-link="' + targetLink + '"]').addClass('point0');
                    }
                    else {
                        //anchor 영역을 벗어난 경우
                        $(_this.fixedHeaderMenu).find('> li').removeClass('active');
                        $(_this.originHeaderMenu).find('> li').removeClass('active');
                        $(_this.fixedHeaderMenu).find('> li > a').removeClass('point0');
                        $(_this.originHeaderMenu).find('> li > a').removeClass('point0');
                    }
                }

            } else if ( _this.windowScrollTop <= 0 ){
                //스크롤이 안 내려온 상태 -> origin Header 열기 fixed Header 닫기
                _this.upHeader( _this.fixedHeader );
                _this.fixedHeader.removeClass( 'active' );
                _this.downHeader( _this.originHeader );

            }

        }

        bm.headerEvent.fixedHeaderMenuOffWebEvent = function(){
            var _this = this;
            var hoverMenu = $( _this.fixedHeader ).find('.hover_menu_wrap');

            $( _this.fixedHeaderMenu ).off('mouseover');
            $( _this.fixedHeaderMenu ).off('mouseleave');
            $(hoverMenu).off('mouseover');
            $(hoverMenu).off('mouseleave');
        };

        //각 헤더에서 고유하게 부여한 style 초기화를 위한 추가 함수 재정의
        bm.headerEvent.addEditDestroy = function () {
            var _this = this;

            //origin header hoverMenu 관련 초기화
            $( _this.originHeader ).css('margin-top','');
            $( _this.originHeader ).find('.hover_menu_wrap').css('height','');
            $( _this.originHeader ).find('.hover_menu_dim').css('display','');

            //click header 라인 길이 및 위치 초기화
            $(_this.clickHeader).find('.click_header_gnb_web_line').css({'width':'0','top':'0'});

            //fixed header hoverMenu 관련 초기화
            $( _this.fixedHeader ).css('margin-top','');
            $( _this.fixedHeader ).find('.hover_menu_wrap').css('height','');
            $( _this.fixedHeader ).find('.hover_menu_dim').css('display','');
        };

        bm.headerEvent.upHeader = function( header, callback ) {
            var _this = this;
            var targetHeight = header.outerHeight();

            TweenMax.to(header, 0.2 , {marginTop : -targetHeight + "px", ease:Cubic.easeOut,
                onComplete : function(){
                    if( callback ) callback.call( _this );
                }
            });
        }

        bm.headerEvent.downHeader = function( header ) {
            TweenMax.to(header, 0.2 , {marginTop : 0, ease:Cubic.easeOut , delay: 0.2 });
        }

    }

    ,onLoadHandler : function(){

        bm.headerEvent.init($(this.block));

    }

    ,editInit : function () {
        bm.headerEvent.editInit();
    }

    ,editDestroy : function () {
        bm.headerEvent.editDestroy();
    }

    ,removeEvent : function(){

    }

    ,destroy : function(){
        this.removeEvent();
    }

}
</script><div class="wrapper minimal">
    <!-- header -->
    <div data-wv-layout-element="layout" class="col-12">
        <div class="col-12" data-wv-block-id="___img_para_2_197" data-wv-res-id="______img_para_2_197___0___1639017156382___0" data-wv-layout-element="block" data-wv-layout-element-param="" data-wv-design-area="" style="">                    </div>[INC::header/page.src]
    <div class="col-12" style="position: absolute; z-index: 10000; background: rgb(0, 0, 0); opacity: 0.7; font-size: 30px; font-weight: bold; color: rgb(255, 255, 255); padding-top: 10px; top: 0px; left: 0px; display: none; align-items: center; justify-content: center; cursor: pointer; height: 533.182px;"><div>공통영역을 편집하시려면 더블 클릭하세요.</div></div><div class="col-12" style="position: absolute; z-index: 10000; background: rgb(0, 0, 0); opacity: 0.7; font-size: 30px; font-weight: bold; color: rgb(255, 255, 255); padding-top: 10px; top: 0px; left: 0px; display: none; align-items: center; justify-content: center; cursor: pointer; height: 533.182px;"><div>공통영역을 편집하시려면 더블 클릭하세요.</div></div></div>
    [SKIN_PAGE::]
    <!-- footer -->
    <div data-wv-layout-element="layout" class="col-12">
        [INC::footer/page.src]
    </div>
</div>