{{if cnrList[0].dspCnr.dspCnrDscr == 'PC_GNB_MENU'}}
    {{for cnrList[0].dspCnrSetList itemVar="~set" ~setList=cnrList[0].dspCnrSetList ~strgyList=gnbStrgyDspCtgryList ~strgy2List=gnbStrgy2DspCtgryList ~ctgList=gnbDspCtgryList ~otltList=gnbOtltDspCtgryList}}
        {{for ~set.dspCnrConttTextList itemVar="~text"}}
            {{if ~text.dspConttText.textCont == '카테고리'}}
                {{if ~strgyList != null && ~strgyList.length > 0}}
                    {{for ~strgyList itemVar="~sgctg1"}}
                        {{if ~sgctg1.ctgryDpthCd == '2'}}
                            <div class="header-nav-item">
                                <a href="javascript:void(0);" onclick="commonUtil.util.GA4_CE_EVENT(this);commonUtil.common.goCategoryLink(this);" strgTp="strg1"
                                   data-event="click_gnb" data-click_value="{{:~sgctg1.dspCtgryNm}}" data-depth1="{{:~sgctg1.dspCtgryNm}}"
                                   tp="CTGRY_LIST" dspCtgryNo="{{:~sgctg1.dspCtgryNo}}" strgYn="Y" class="nav-item {{if ~util.getUrlSearchParams()['dspCtgryNo'] == ~sgctg1.dspCtgryNo }}fw-semibold{{/if}}"
                                   data-tt-target="#headerLayer{{:~sgctg1.dspCtgryNo}}">
                                    {{:~sgctg1.dspCtgryNm}}
                                </a>
                                <div class="header-layer" id="headerLayer{{:~sgctg1.dspCtgryNo}}">
                                    <div class="header-container">
                                        <nav class="header-layer-nav">
                                            <a href="javascript:void(0);" onclick="commonUtil.common.goCategoryLink(this);"
                                               tp="CTGRY_LIST" dspCtgryNo="{{:~sgctg1.dspCtgryNo}}" strgYn="Y" class="header-strong header-col">
                                                <span class="text-inner">전체 상품</span>
                                                <i class="icon icon-chevron-next-button-cta-14 st-xs st-black"></i>
                                            </a>
                                        </nav>
                                        <div class="header-panel">
                                            <div class="row gx-16 gy-32">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {{/if}}
                    {{/for}}
                {{/if}}
                {{if ~ctgList != null && ~ctgList.length > 0}}
                    {{for ~ctgList itemVar="~ctg1"}}
                        {{if ~ctg1.ctgryDpthCd == '1'}}
                            <div class="header-nav-item">
                                <a href="javascript:void(0);" onclick="commonUtil.util.GA4_CE_EVENT(this);commonUtil.common.goCategoryLink(this);"
                                   data-event="click_gnb" data-click_value="{{:~ctg1.dspCtgryNm}}" data-depth1="{{:~ctg1.dspCtgryNm}}"
                                   tp="CTGRY_MAIN" dspCtgryNo="{{:~ctg1.dspCtgryNo}}" class="nav-item {{if ~util.getUrlSearchParams()['dspCtgryNo'] == ~ctg1.dspCtgryNo }}fw-semibold{{/if}}"
                                   data-tt-target="#headerLayer{{:~ctg1.dspCtgryNo}}">
                                    {{:~ctg1.dspCtgryNm}}
                                </a>
                                <div class="header-layer" id="headerLayer{{:~ctg1.dspCtgryNo}}">
                                    <div class="header-container">
                                        <nav class="header-layer-nav">
                                            <a href="javascript:void(0);" onclick="commonUtil.common.goCategoryLink(this);" tp="CTGRY_MAIN" dspCtgryNo="{{:~ctg1.dspCtgryNo}}" class="header-strong header-col">
                                                <span class="text-inner">{{:~ctg1.dspCtgryNm}} 메인</span>
                                                <i class="icon icon-chevron-next-button-cta-14 st-xs st-black"></i>
                                            </a>
                                            <a href="javascript:void(0);" onclick="commonUtil.common.goCategoryLink(this);" tp="CTGRY_LIST" dspCtgryNo="{{:~ctg1.dspCtgryNo}}"  class="header-strong header-col">
                                                <span class="text-inner">전체 상품</span>
                                                <i class="icon icon-chevron-next-button-cta-14 st-xs st-black"></i>
                                            </a>
                                        </nav>
                                        <div class="header-panel">
                                            <div class="row gx-16 gy-32">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {{/if}}
                    {{/for}}
                {{/if}}
                {{if ~strgy2List != null && ~strgy2List.length > 0}}
                    {{for ~strgy2List itemVar="~sgctg2"}}
                        {{if ~sgctg2.ctgryDpthCd == '2'}}
                            <div class="header-nav-item">
                                <a href="javascript:void(0);" onclick="commonUtil.util.GA4_CE_EVENT(this);commonUtil.common.goCategoryLink(this);" strgTp="strg2"
                                   data-event="click_gnb" data-click_value="{{:~sgctg2.dspCtgryNm}}" data-depth1="{{:~sgctg2.dspCtgryNm}}"
                                   tp="CTGRY_MAIN" dspCtgryNo="{{:~sgctg2.dspCtgryNo.substring(0,6)}}" strgYn="Y" class="nav-item {{if ~util.getUrlSearchParams()['dspCtgryNo'] == ~sgctg2.dspCtgryNo }}fw-semibold{{/if}}"
                                   data-tt-target="#headerLayer{{:~sgctg2.dspCtgryNo}}">
                                    {{:~sgctg2.dspCtgryNm}}
                                </a>
                                <div class="header-layer" id="headerLayer{{:~sgctg2.dspCtgryNo}}">
                                    <div class="header-container">
                                        <nav class="header-layer-nav">
                                            <a href="javascript:void(0);" onclick="commonUtil.common.goCategoryLink(this);"
                                               tp="CTGRY_MAIN" dspCtgryNo="{{:~sgctg2.dspCtgryNo.substring(0,6)}}" strgYn="Y" class="header-strong header-col">
                                                <span class="text-inner">{{:~sgctg2.dspCtgryNm}} 메인</span>
                                                <i class="icon icon-chevron-next-button-cta-14 st-xs st-black"></i>
                                            </a>
                                            <a href="javascript:void(0);" onclick="commonUtil.common.goCategoryLink(this);"
                                               tp="CTGRY_LIST" dspCtgryNo="{{:~sgctg2.dspCtgryNo}}" strgYn="Y" class="header-strong header-col">
                                                <span class="text-inner">전체 상품</span>
                                                <i class="icon icon-chevron-next-button-cta-14 st-xs st-black"></i>
                                            </a>
                                        </nav>
                                        <div class="header-panel">
                                            <div class="row gx-16 gy-32">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {{/if}}
                    {{/for}}
                {{/if}}
                {{if ~otltList != null && ~otltList.length > 0}}
                    <div class="header-nav-item">
                        <a href="javascript:void(0);" onclick="commonUtil.util.GA4_CE_EVENT(this);commonUtil.common.goCategoryLink(this);"
                           data-event="click_gnb" data-click_value="아울렛" data-depth1="아울렛"
                           tp="OTLT_MAIN" dspCtgryNo="SSM" class="nav-item {{if ~util.getUrlSearchParams()['dspCtgryNo'] == 'SSM' && ~util.getUrlSearchParams()['otltYn'] == 'Y'}}fw-semibold{{/if}}"
                           data-tt-target="#headerLayerOTLT">아울렛
                        </a>
                        <div class="header-layer" id="headerLayerOTLT">
                            <div class="header-container">
                                <nav class="header-layer-nav">
                                    <a href="javascript:void(0);" onclick="commonUtil.common.goCategoryLink(this);" tp="OTLT_MAIN" dspCtgryNo="SSM" class="header-strong header-col">
                                        <span class="text-inner">아울렛 메인</span>
                                        <i class="icon icon-chevron-next-button-cta-14 st-xs st-black"></i>
                                    </a>
                                    <a href="javascript:void(0);" onclick="commonUtil.common.goCategoryLink(this);" tp="OTLT_LIST" dspCtgryNo="SSM" class="header-strong header-col">
                                        <span class="text-inner">전체 상품</span>
                                        <i class="icon icon-chevron-next-button-cta-14 st-xs st-black"></i>
                                    </a>
                                </nav>
                                <div class="header-panel">
                                    <div class="row gx-16 gy-32">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {{/if}}
            {{else}}
                <div class="header-nav-item">
                    <a href="{{:~text.dspContt.conttCnncUrl}}" onclick="commonUtil.util.GA4_CE_EVENT(this);"
                       data-event="click_gnb" data-click_value="{{:~text.dspConttText.textCont}}" data-depth1="{{:~text.dspConttText.textCont}}"
                       {{if ~text.dspContt.outptTpCd != null && ~text.dspContt.outptTpCd == 'NEW_WIN'}}target="_blank"{{/if}} class="nav-item {{if ~localObject.urlpath.indexOf(~text.dspContt.conttCnncUrl)>-1 || ~text.dspContt.conttCnncUrl.indexOf(~util.getUrlSearchParams()['dspCtgryNo']) > -1}}fw-semibold{{/if}}">
                    {{:~text.dspConttText.textCont}}
                    </a>
                </div>
            {{/if}}
        {{/for}}
        {{if #getIndex()+1 != ~setList.length}}
            <hr class="header-divider divider st-sm st-vertical">
        {{/if}}
    {{/for}}
{{/if}}