{{if dspCnr.dspCnrDscr == 'BRND_MD_RECOM'}}
    {{for dspCnrSetList itemVar="~set" }}
        {{if ~set.cnrConttTpGrpNm == 'TITLE' && ~set.dspCnrConttTextList != null && ~set.dspCnrConttTextList.length > 0}}
        <header class="module-heading">
            <h2 class="heading st-xlg">
                <span class="text-inner">{{:~set.dspCnrConttTextList[0].dspConttText.textCont}}</span>
            </h2>
        </header>
        {{/if}}
    {{/for}}
    {{if dspCnrSetList.length > 1}}
        {{for dspCnrSetList itemVar="~set"}}
            {{if ~set.cnrConttTpGrpNm != 'TITLE' && ~set.dspCnrConttGodList != null && ~set.dspCnrConttGodList.length > 4 }}
                <div class="module-catalog-carousel">
                    <div class="swiper carousel" id="brandshopPickCatalogCarousel">
                        <div class="swiper-wrapper carousel-list">
                            {{for ~set.dspCnrConttGodList itemVar="~godItem"}}
                                {{if #getIndex() < 10 }}
                                <div class="swiper-slide carousel-item w-344">
                                    <div class="catalog-item st-tile st-indent">
                                        <div class="tile-thumb">
                                            <a href="javascript:void(0)" onclick="commonUtil.common.goGodDetail('{{:~godItem.god.godNo}}','{{:~trackNo}}','{{:~trackDtl}}','')" class="tile-link">
                                                <img src="{{:~common.baseImgUrl}}{{:~godItem.imgFileUrl}}?AR=0&RS=344" alt="{{:~godItem.god.godNm}}" class="tile-img" onerror="commonUtil.common.setNoImg(this,'3_4')">
                                            </a>
                                            <button type="button" class="tile-heart tile-te">
                                                <i class="icon icon-heart st-default" onclick="commonUtil.common.addBukmk(this)" godNo="{{:~godItem.god.godNo}}" godNm="{{:~godItem.god.godNm}}"
                                                   lastSalePrc="{{:~godItem.lastSalePrc}}"
                                                   brndNm="{{:~godItem.sysBrnd.brndNm}}">찜</i>
                                            </button>
                                        </div>
                                        <a href="javascript:void(0)" onclick="commonUtil.common.goGodDetail('{{:~godItem.god.godNo}}','{{:~trackNo}}','{{:~trackDtl}}','')" class="tile-body">
                                            <strong class="tile-brand">{{:~godItem.sysBrnd.brndNm}}</strong>
                                            <p class="tile-goods-label">
                                                <span class="tile-goods-label-inner">{{:~godItem.god.godNm}}</span>
                                            </p>
                                            <div class="tile-price-box">
                                                <strong class="tile-price st-current">{{:~util.commaInAmount(~godItem.lastSalePrc)}}</strong>
                                                {{if ~godItem.lastSalePrc < ~godItem.cvrPrc}}
                                                <s class="tile-price st-was">{{:~util.commaInAmount(~godItem.cvrPrc)}}</s>
                                                <em class="tile-rate">{{:(~godItem.godDcRt)}}%</em>
                                                {{/if}}
                                            </div>
                                        </a>
                                        <div class="tile-footer">
                                            {{:~localObject.dspcommon.getGodIcon(~godItem.icon)}}
                                        </div>
                                    </div>
                                </div>
                                {{/if}}
                            {{/for}}
                        </div>
                        {{if ~set.dspCnrConttGodList.length > 5}}
                        <button type="button" class="button-icon carousel-nav carousel-next">
                            <i class="icon icon-chevron-carousel-next st-white"></i>
                        </button>
                        <button type="button" class="button-icon carousel-nav carousel-prev">
                            <i class="icon icon-chevron-carousel-prev st-white"></i>
                        </button>
                        {{/if}}
                    </div>
                </div>
            {{/if}}
        {{/for}}
    {{/if}}
{{/if}}