<script type="text/javascript" data-block-js="___header_style_002___-1___1616372172499___">
    wevenBlock['___header_style_002___-1___1616372172499___'] = {

        init : function(){

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

        ,registEvent : function(){

            bm.headerEvent.calcHeaderHoverHeight = function ( header ) {
                var headerHoverHeightOption = {};
                if(header.find('.gnb_wrap > li > ul').length > 0) {
                    var max = 0;
                    header.find('.gnb_wrap > li > ul').each(function () {
                        var height = $(this).height('auto').height();
                        max = height > max ? height : max;
                        $(this).height('');
                    });

                    headerHoverHeightOption['headerMenuMaxHeight'] = max;
                    headerHoverHeightOption['headerHoverHeight'] = $(header).innerHeight() + max;
                    headerHoverHeightOption['headerHoverInterval'] = headerHoverHeightOption['headerMenuMaxHeight'] / headerHoverHeightOption['headerHoverHeight'];
                } else {
                    headerHoverHeightOption['headerMenuMaxHeight'] = 0;
                    headerHoverHeightOption['headerHoverHeight'] = $(header).innerHeight();
                    headerHoverHeightOption['headerHoverInterval'] = 1;
                }
                return headerHoverHeightOption;
            };

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

                var menuList = $(_this.originHeaderMenu);
                var depth1li = menuList.find(' > li');
                _this.originHeaderHeight = $(_this.originHeader).height();

                $(menuList).find('>li').height('');

                //처음 로드 시 페이지의 active메뉴 등록
                var activeDepth1MenuIdx = -1;
                var activeDepth2Menu = null;

                if( _this.isSelectedMenu ){
                    activeDepth1MenuIdx = $(menuList).find('> li.active').index();
                    if( $(menuList).find(' > li.active > ul.menu_depth_2 > li.active').length > 0 ) activeDepth2Menu = $(menuList).find(' > li.active > ul.menu_depth_2 > li.active');
                }

                var selectedDepth1MenuIdx = -1;

                depth1li.on('mouseover', function(){
                    selectedDepth1MenuIdx = $(this).index();
                    $(this).siblings('li').removeClass('active');
                    $(this).addClass('active');
                });

                depth1li.on('mouseleave', function(){
                    $(this).removeClass('active');

                    // 서브페이지인 경우
                    if( _this.isSelectedMenu && activeDepth1MenuIdx > -1 ) menuList.find('>li').eq( activeDepth1MenuIdx ).addClass('active');

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

                // 원페이지 아닌 경우
                if(!_this.isPromotion) {
                    var depth2li = menuList.find(' > li > ul > li');
                    var hoverMenuDim =  $( _this.originHeader ).find('.hover_menu_dim');

                    //스타일 초기화
                    $(hoverMenuDim).height('');

                    _this.originHeaderHoverHeightOption = _this.calcHeaderHoverHeight(_this.originHeader);

                    hoverMenuDim.on('mouseover', function() {
                        menuList.trigger('mouseover');
                    });

                    hoverMenuDim.on('mouseleave', function() {
                        menuList.trigger('mouseleave');
                    });

                    menuList.on('mouseover', function() {
                        $(_this.originHeader).height(_this.originHeaderHoverHeightOption['headerHoverHeight']);

                        //각 메뉴 열기
                        $(this).find('> li').each(function () {
                            var targetMenu = $(this).find('> ul');
                            $(targetMenu).css('top',$(this).find('> a').innerHeight());
                            var targetHeight = $(this).find('> a').innerHeight() + _this.originHeaderHoverHeightOption['headerMenuMaxHeight'];
                            TweenMax.to( $(this), ( 0.2 * _this.originHeaderHoverHeightOption['headerHoverInterval'] ), { height: targetHeight, ease: Cubic.easeInOut});
                        });

                        //dim 열기
                        TweenMax.to( hoverMenuDim, 0.2, { height: _this.originHeaderHoverHeightOption['headerHoverHeight'], ease: Cubic.easeInOut});
                    })

                    menuList.on('mouseleave', function() {
                        //각 메뉴 닫기
                        $(this).find('> li').each(function () {
                            var initHeight = $(this).find('> a').innerHeight();
                            TweenMax.to( $(this), 0.2, { height: initHeight, ease: Cubic.easeInOut});
                        });

                        //dim 닫기
                        TweenMax.to( hoverMenuDim, (0.2 / _this.originHeaderHoverHeightOption['headerHoverInterval'] ), { height: 0, ease: Cubic.easeInOut, onComplete : function () {
                                $(_this.originHeader).height('');
                            }});
                    })

                    depth2li.on('mouseover',function(){
                        $(this).siblings('li').removeClass('active');
                        $(this).addClass('active');
                    });

                    depth2li.on('mouseleave',function(){
                        $(this).removeClass('active');
                        if( _this.isSelectedMenu && activeDepth2Menu != null ) activeDepth2Menu.addClass('active');
                    });
                }

                _this.hideGnbScroll( _this.originHeader );
            };

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

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

            };

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

                var menuList = $(_this.fixedHeaderMenu);
                var depth1li = menuList.find(' > li');
                _this.fixedHeaderHeight = $( _this.fixedHeader ).height();

                //처음 로드 시 페이지의 active메뉴 등록
                var activeDepth1MenuIdx = -1;
                var activeDepth2Menu = null;
                if( _this.isSelectedMenu ) {
                    activeDepth1MenuIdx = $(menuList).find(' > li.active').index();
                    if( $(menuList).find(' > li.active > ul.menu_depth_2 > li.active').length > 0 ) activeDepth2Menu = $(menuList).find(' > li.active > ul.menu_depth_2 > li.active');
                }

                var selectedDepth1MenuIdx;

                depth1li.on('mouseover', function(){
                    selectedDepth1MenuIdx = $(this).index();
                    $(this).siblings('li').removeClass('active');
                    $(this).addClass('active');
                });

                depth1li.on('mouseleave', function(){
                    $(this).removeClass('active');

                    //서브페이지인 경우
                    if( _this.isSelectedMenu && activeDepth1MenuIdx > -1 ) menuList.find('>li').eq( activeDepth1MenuIdx ).addClass('active');

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

                // 원페이지 아닌 경우
                if(!_this.isPromotion) {
                    var depth2li = menuList.find(' > li > ul > li');
                    var hoverMenuDim =  $( _this.fixedHeader ).find('.hover_menu_dim');

                    //스타일 초기화
                    $(hoverMenuDim).height('');

                    _this.fixedHeaderHoverHeightOption = _this.calcHeaderHoverHeight(_this.fixedHeader);

                    hoverMenuDim.on('mouseover', function() {
                        menuList.trigger('mouseover');
                    });

                    hoverMenuDim.on('mouseleave', function() {
                        menuList.trigger('mouseleave');
                    });

                    menuList.on('mouseover', function() {
                        $(_this.fixedHeader).height(_this.fixedHeaderHoverHeightOption['headerHoverHeight']);

                        //각 메뉴 열기
                        $(this).find('> li').each(function () {
                            var targetMenu = $(this).find('> ul');
                            $(targetMenu).css('top',$(this).find('> a').innerHeight());
                            var targetHeight = $(this).find('> a').innerHeight() + _this.fixedHeaderHoverHeightOption['headerMenuMaxHeight'];
                            TweenMax.to( $(this), ( 0.2 * _this.fixedHeaderHoverHeightOption['headerHoverInterval'] ), { height: targetHeight, ease: Cubic.easeInOut});
                        });

                        //dim 열기
                        TweenMax.to( hoverMenuDim, 0.2, { height: _this.fixedHeaderHoverHeightOption['headerHoverHeight'], ease: Cubic.easeInOut});
                    })

                    menuList.on('mouseleave', function() {
                        //각 메뉴 닫기
                        $(this).find('> li').each(function () {
                            var initHeight = $(this).find('> a').innerHeight();
                            TweenMax.to( $(this), 0.2, { height: initHeight, ease: Cubic.easeInOut});
                        });

                        //dim 닫기
                        TweenMax.to( hoverMenuDim, (0.2 / _this.fixedHeaderHoverHeightOption['headerHoverInterval'] ), { height: _this.fixedHeaderHeight, ease: Cubic.easeInOut, onComplete : function () {
                                $(_this.fixedHeader).height('');
                            }});
                    });

                    depth2li.on('mouseover',function(){
                        $(this).siblings('li').removeClass('active');
                        $(this).addClass('active');
                    });

                    depth2li.on('mouseleave',function(){
                        $(this).removeClass('active');
                        if( _this.isSelectedMenu && activeDepth2Menu != null ) activeDepth2Menu.addClass('active');
                    });
                }

                _this.hideGnbScroll( _this.fixedHeader );
            };

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

                if(_this.isTablet == true) return; // 태블릿일 경우

                if( window.innerWidth <= _this.standMobileValue && !( _this.isMobile ) ){
                    //웹 -> 모바일시
                    _this.isMobile = true;

                    //각 메뉴 웹 이벤트 제거
                    _this.originHeaderMenuOffWebEvent();
                    _this.clickHeaderMenuOffWebEvent();
                    _this.fixedHeaderMenuOffWebEvent();

                    //각 메뉴 모바일 이벤트 등록
                    _this.originHeaderMenuOnMobileEvent();
                    _this.clickHeaderMenuOnMobileEvent();
                    _this.fixedHeaderMenuOnMobileEvent();

                    //click dim 처리
                    if( _this.clickHeader.hasClass('active') ) _this.clickHeaderDim.removeClass('hidden');

                } else if( window.innerWidth > _this.standMobileValue && _this.isMobile ){
                    //모바일 -> 웹
                    _this.isMobile = false;

                    //각 메뉴 모바일 이벤트 제거
                    _this.originHeaderMenuOffMobileEvent();
                    _this.clickHeaderMenuOffMobileEvent();
                    _this.fixedHeaderMenuOffMobileEvent();

                    //각 메뉴 웹 이벤트 등록
                    _this.originHeaderMenuOnWebEvent();
                    _this.clickHeaderMenuOnWebEvent();
                    _this.fixedHeaderMenuOnWebEvent();

                    if( _this.windowScrollTop > 0 ) {
                        _this.upHeader( _this.originHeader );
                        _this.fixedHeader.addClass( 'active' );
                        _this.downHeader( _this.fixedHeader );
                    }
                }

                if(_this.originHeaderHeight !== $(_this.originHeader).height()) {
                    _this.originHeaderHeight = $(_this.originHeader).height();
                    _this.originHeaderHoverHeightOption = _this.calcHeaderHoverHeight(_this.originHeader);
                }

                if(_this.fixedHeaderHeight !== $(_this.fixedHeader).height()) {
                    _this.fixedHeaderHeight = $(_this.fixedHeader).height();
                    _this.fixedHeaderHoverHeightOption = _this.calcHeaderHoverHeight(_this.fixedHeader);
                }

                _this.hideGnbScroll( _this.originHeader );
                _this.hideGnbScroll( _this.fixedHeader );
            }

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

                var depth1li = $(_this.fixedHeaderMenu).find(' > li');
                var depth2li = $(_this.fixedHeaderMenu).find(' > li > ul > li');

                depth1li.off('mouseover');
                depth1li.off('mouseleave');
                depth2li.off('mouseover');
                depth2li.off('mouseleave');
            };

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

                $( _this.originHeader ).css('margin-top','');
                $( _this.originHeader ).height('');
                $( _this.originHeader ).find('.hover_menu_dim').height('');

                $( _this.fixedHeader ).css('margin-top','');
            };

            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 sub">
    <!-- header -->
    <div data-wv-layout-element="layout" class="col-12">
        [INC::header_sub_001_78542/page.src]
        <div class="col-12" data-wv-block-id="___sub_visual_style_004" data-wv-res-id="___sub_visual_style_004___-1___1614940818213___" data-wv-layout-element="block" data-wv-layout-element-param="" style="">
            <div class="col-12" data-wv-layout-element="block" data-wv-block-id="___expert_layout_001" data-wv-res-id="___expert_layout_001___-1___1614941674086___">
                <div class="col-12 font_style_46" data-wv-block-id="___font_style_46" data-wv-res-id="___font_style_46___-1___1614941698067___" data-wv-layout-element="block" data-wv-layout-element-type="text">[PARENT_MENU_NAME::]
                </div>
                <div class="col-12" data-wv-block-id="___sub_visual_menu_style_002" data-wv-res-id="___sub_visual_menu_style_002___-1___1614941712007___" data-wv-layout-element="block" data-wv-layout-element-param="">
                    [MENU::lnb|~0|2|lnb_menu_con|]
                </div>
            </div>
        </div>
    </div>
    [SKIN_PAGE::]
    <!-- footer -->
    <div data-wv-layout-element="layout" class="col-12">
        [INC::footer_sub_001_47317/page.src]
    </div>
</div>