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

        init : function(){

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

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

        ,registEvent : function(){

            //origin header web 이벤트 ON 재정의
            bm.headerEvent.originHeaderMenuOnWebEvent = function () {
                var _this = this;
                var hoverMenuWrap = $( _this.originHeader ).find('.hover_menu_wrap');
                var hoverMenu = $(hoverMenuWrap).find('#hoverGnb');
                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);

                if(_this.isSelectedMenu ) $(_this.originHeaderMenu).find('> li.active > a').addClass('point0');

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

                //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');

            };

            //click header mobile 이벤트 ON 재정의
            bm.headerEvent.clickHeaderMenuOnMobileEvent = function () {
                var _this = this;
                var menuList = $(_this.clickHeaderMenu);
                var depth1li = $(menuList).find(' > li');
                var hasDepth2Link = $(menuList).find(' > li').has(' ul ').find('> a');
                var selectedDepth1MenuIdx = -1;

                $(depth1li).find('> a').addClass('after_bg_point0');
                $(depth1li).find(' > ul > li > a').addClass('after_bg_point0');

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

                var curHeight, autoHeight;
                //active된 메뉴가 2depth를 가지고 있으며 아직 list_on이 부여되지 않았을 경우
                if ( !( $( menuList ).find('> li.active').hasClass('list_on') ) && $( menuList ).find('> li.active').has('ul').length > 0 ) {
                    curHeight = $( menuList ).find('> li.active > ul').height();
                    autoHeight = $( menuList ).find('> li.active > ul').css('height', 'auto').height();

                    $( menuList ).find('> li.active > ul').height(curHeight).animate({height: autoHeight}, {duration : 400 ,complete : function(){ if( _this.isSelectedMenu ) selectedDepth1MenuIdx = $(menuList).find(' > li.active').index(); }});

                    $( menuList ).find('> li.active').addClass('list_on');
                }

                // 1depth 클릭시 2depth 서브메뉴리스트(ul) 오픈
                $( hasDepth2Link ).on( 'click' , function(e){
                    e.preventDefault();
                    e.stopPropagation();
                    var targetLi = $(this).parent('li');
                    var idx = $(targetLi).index();

                    if( $(targetLi).hasClass( 'list_on' ) ) {
                        //list_on이었던 경우
                        $( targetLi ).find('> ul').animate({height: 0}, {duration : 400, progress: function () {$(targetLi).removeClass('list_on');}, complete : function(){
                                selectedDepth1MenuIdx = -1;
                                if( _this.isSelectedMenu ){
                                    menuList.find('>li').eq( activeDepth1MenuIdx ).addClass('active');
                                    menuList.find('>li').eq( activeDepth1MenuIdx ).find('> a').addClass('point0');

                                    if( menuList.find('>li').eq( activeDepth1MenuIdx ).has('ul').length > 0 ){
                                        curHeight = $(menuList.find('>li').eq( activeDepth1MenuIdx )).find(' > ul').height();
                                        autoHeight = $(menuList.find('>li').eq( activeDepth1MenuIdx )).find(' > ul').css('height', 'auto').height();

                                        $(menuList.find('>li').eq( activeDepth1MenuIdx )).find(' > ul').height(curHeight).animate({height: autoHeight}, {duration : 400, complete : function(){ selectedDepth1MenuIdx = idx; }});

                                        $(menuList.find('>li').eq( activeDepth1MenuIdx )).addClass('list_on');
                                    }
                                }
                            }});

                    } else {
                        //list_on이 아니었던 경우
                        $(targetLi).siblings('li').removeClass('active');
                        $(targetLi).siblings('li').find('> a').removeClass('point0');

                        if( selectedDepth1MenuIdx > -1 ){
                            $(menuList).find(' > li').eq(selectedDepth1MenuIdx).find('> ul').animate({height: 0}, {duration : 400, progress: function () {$(menuList).find(' > li').eq(selectedDepth1MenuIdx).removeClass('list_on');}});
                        }

                        curHeight = $(targetLi).find(' > ul').height();
                        autoHeight = $(targetLi).find(' > ul').css('height', 'auto').height();

                        $(targetLi).find(' > ul').height(curHeight).animate({height: autoHeight}, {duration : 400, complete : function(){ selectedDepth1MenuIdx = idx; }});

                        $(targetLi).addClass('list_on');

                    }

                });
            };

            //click header Menu Mobile 이벤트 OFF 재정의
            bm.headerEvent.clickHeaderMenuOffMobileEvent = function () {
                var _this = this;
                var menuList = $(_this.clickHeaderMenu);
                var hasDepth2Link = $(menuList).find(' > li').has(' ul ');

                //하위메뉴 높이 리셋
                $( menuList ).find('> li > ul').css('height','');
                $( menuList ).find('> li').removeClass('list_on');
                $( menuList ).find('> li > a').removeClass('point0');

                // click 이벤트 off
                $( hasDepth2Link ).off('click');
            };

            //click header Menu Web 이벤트 ON 재정의
            bm.headerEvent.clickHeaderMenuOnWebEvent = function () {
                var _this = this;
                var menuList = $(_this.clickHeaderMenu);
                var depth1li = $(menuList).find(' > li');
                var depth2li = menuList.find(' > li > ul > li');
                var depth2liLink = $(menuList).find(' > li > ul > li > a');

                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');
                    }

                }
                // hover 이벤트 실행
                $( depth1li ).on( 'mouseover' , function(){
                    $(this).siblings('li').removeClass('active');
                    $(this).addClass('active');
                });

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

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

                });

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

                });

                $( depth2liLink ).on('mouseleave',function(){
                    $(this).parent('li').removeClass('active');

                    //연결된 2depth 메뉴가 있는 경우
                    if( _this.isSelectedMenu && activeDepth2Menu != null){
                        $(activeDepth2Menu).addClass('active');
                    }

                });

            };

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

                var hoverMenuWrap = $( _this.fixedHeader ).find('.hover_menu_wrap');
                var hoverMenu = $(hoverMenuWrap).find('#hoverGnb');
                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);

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

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

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

                //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 );
            };

            //fixed header web 이벤트 OFF 재정의
            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 관련 초기화
                $(_this.originHeader).css('margin-top','');
                $(_this.originHeader).find('.hover_menu_wrap').css('height', '');
                //fixed header 관련 초기화
                $(_this.fixedHeader).css('margin-top','');
                $(_this.fixedHeader).find('.hover_menu_wrap').css('height', '');
            };

            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(){
            var _this = this;

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

        }

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

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

        ,removeEvent : function(){

        }

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

    }
</script><script type="text/javascript" data-block-js="___basic_layout_000___-1___1612867812247___">
    wevenBlock['___basic_layout_000___-1___1612867812247___'] = {

        init : function(){

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

        ,registEvent : function(){
            $(this.block).on('click',function(){
                $("html,body").stop().animate({
                    scrollTop: 0 + 'px'
                }, {
                    duration: 500, complete: function () {
                    }
                });
            });

        }

        ,onLoadHandler : function(){

        }

        ,editInit : function(){
            $(this.block).off('click');
        }

        ,removeEvent : function(){

        }

        ,destroy : function(){
            this.removeEvent();
        }
    }
</script><script type="text/javascript" data-block-js="___submit_input_style_1___-1___1612937830508___">
    wevenBlock['___submit_input_style_1___-1___1612937830508___'] = {

        init : function(){

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

        ,registEvent : function(){
            var _this = this;
            $(_this.block).find('input[type="submit"]').on('click',function () {
                addSubscribe($(_this.block).find('input[type="text"]'));
            });

        }

        ,onLoadHandler : function(){

        }

        ,removeEvent : function(){

        }

        ,destroy : function(){
            this.removeEvent();
        }
    }
</script><script type="text/javascript" data-block-js="___footer_util_list_style_0___-1___1612938030482___">
    wevenBlock['___footer_util_list_style_0___-1___1612938030482___'] = {

        init : function(){

            if(!$(this.block).find('.footer_policy_wrap').is(':visible')){
                $(this.block).find('[data-wv-util-menu-item="footer"]:not(.hide)').first().addClass('hide_after');
            }else{
                $(this.block).find('[data-wv-util-menu-item="footer"]:not(.hide)').first().removeClass('hide_after');
            }

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

        ,registEvent : function(){


        }

        ,onLoadHandler : function(){

        }

        ,removeEvent : function(){

        }

        ,destroy : function(){
            this.removeEvent();
        }
    }
</script><div class="wrapper sub">
    <!-- header -->
    <div data-wv-layout-element="layout" class="col-12">
        [INC::header_sub_002_88443/page.src]
        <div class="col-12" data-wv-layout-element="block" data-wv-block-id="___sub_visual_style_002" data-wv-res-id="___sub_visual_style_002___-1___16149065766619___">
            <div class="col-12" data-wv-layout-element="block" data-wv-block-id="___expert_layout_001" data-wv-res-id="___expert_layout_001___-1___1614921390488___">
                <div class="col-12 font_style_46" data-wv-block-id="___font_style_46" data-wv-res-id="___font_style_46___-1___1614921430746___" data-wv-layout-element="block" data-wv-layout-element-type="text"><div class="col-12 font_style_20" data-wv-layout-element="block" data-wv-layout-element-type="text" data-wv-res-id="___0___1639022392639___" style="" data-wv-design-area=""><div data-wv-res-id="___0___1639022591698___"><div data-wv-res-id="___0___1639022591699___"><span data-wv-res-id="___0___1639022401712___">Alley Open</span></div><div data-wv-res-id="___0___1639022364671___"><span data-wv-res-id="___0___1639022401713___">Sunglasses</span></div></div></div><div class="font_style_19 col-12" data-wv-layout-element="block" data-wv-layout-element-type="text" style="" data-wv-res-id="___0___1639022524901___" data-wv-design-area=""><div data-wv-res-id="___0___1639022455289___"><span data-wv-res-id="___0___1639022433846___">2021 S/S 트렌드가 반영된 미니멀리즘 슬림 메탈 편광</span></div><div data-wv-res-id="___0___1639022455289___"><font color="#f8fbfc">선글라스 컬렉션을 지금 바로 만나보세요</font></div></div>
                </div>
                
            </div>
        </div>
    </div>
    [SKIN_PAGE::]
    <!-- footer -->
    <div data-wv-layout-element="layout" class="col-12">
        [INC::footer_sub_002_87463/page.src]
    </div>
</div>