{{if dspCnr.dspCnrDscr == 'MAIN_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" ~cnrDscr=dspCnr.dspCnrDscr}}
            {{if ~set.cnrConttTpGrpNm != 'TITLE' && ~set.dspCnrConttGodList != null && ~set.dspCnrConttGodList.length > 4 }}
                <div class="module-catalog-carousel">
                    <div class="swiper carousel" id="mainPickCarousel">
                        <div class="swiper-wrapper carousel-list">
                            {{for ~set.dspCnrConttGodList itemVar="~godItem"}}
                                <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.util.GA4_EC_SELECT_ITEM(this);commonUtil.common.goGodDetail('{{:~godItem.god.godNo}}','{{:~trackNo}}','{{:~trackDtl}}','')"
                                               data-dataCollectPage="{{:~cnrDscr}}"
                                               data-item_list_id="{{:~trackNo}}"
                                               data-item_list_name="{{:~trackDtl}}"
                                              class="tile-link">
                                                <img data-src="{{:~common.baseImgUrl}}{{:~godItem.imgFileUrl}}?AR=0&RS=434&timestamp={{:~godItem.imgUdt}}" alt="{{:~godItem.god.godNm}}" class="tile-img lozad" 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.util.GA4_EC_SELECT_ITEM(this);commonUtil.common.goGodDetail('{{:~godItem.god.godNo}}','{{:~trackNo}}','{{:~trackDtl}}','')"
                                           data-dataCollectPage="{{:~cnrDscr}}"
                                           data-item_list_id="{{:~trackNo}}"
                                           data-item_list_name="{{:~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>
                            {{/for}}
                        </div>
                        <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>
                    </div>
                </div>
            {{/if}}
        {{/for}}
    {{/if}}
{{/if}}