{{if dspCnr.dspCnrDscr == 'MAIN_MGZ'}}
    {{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}}
        <nav class="navigator st-lg swiper carousel st-free mt-32" id="mainMagazinePreviewNavCarousel">
            <ul class="navigator-list swiper-wrapper carousel-list justify-content-center">
                {{for dspCnrSetList itemVar="~set" }}
                    {{if ~set.cnrConttTpGrpNm != 'TITLE'}}
                        <li class="navigator-item swiper-slide carousel-item">
                            <button type="button" class="navigator-button">
                                <span class="navigator-text">{{:~set.dspCnrSet.setNm}}</span>
                            </button>
                        </li>
                    {{/if}}
                {{/for}}
            </ul>
        </nav>

        <div class="swiper carousel" id="mainMagazinePreviewCarousel">
            <div class="swiper-wrapper carousel-list">
                {{for dspCnrSetList itemVar="~set" ~cnrDscr=dspCnr.dspCnrDscr}}
                    {{if ~set.cnrConttTpGrpNm != 'TITLE'}}
                        <div class="swiper-slide carousel-item">
                            <div class="module-magazine-preview">
                                <div class="row gx-8">
                                    <div class="col-8-1 offset-8-2 module-start">
                                        {{if ~set.dspCnrConttImgBannerList != null}}
                                            <p class="module-sub-text">
                                                <span class="text-inner">{{:~set.dspCnrConttImgBannerList[0].dspConttImgBanner.conttSjNm}}</span>
                                            </p>
                                            <h3 class="module-title">
                                                <span class="text-inner">{{:~set.dspCnrConttImgBannerList[0].dspConttImgBanner.conttLwprtSjNm}}</span>
                                            </h3>
                                        {{/if}}
                                        {{if ~set.dspCnrConttTextList != null}}
                                            <div class="module-bubbles">
                                                <div class="row gx-4 gy-8">
                                                    {{for ~set.dspCnrConttTextList itemVar="~conttText"}}
                                                        <div class="col-auto">
                                                            <a href="javascript:void(0);" class="button-ghost st-pill st-dimmed">
                                                                <span class="button-text st-sm">{{:~conttText.dspConttText.textCont}}</span>
                                                            </a>
                                                        </div>
                                                    {{/for}}
                                                </div>
                                            </div>
                                        {{/if}}
                                    </div>
                                    {{if ~set.dspCnrConttImgBannerList != null}}
                                        <div class="col-8-2">
                                            {{if ~set.dspCnrConttImgBannerList[0].dspContt.conttCnncUrl != ''}}
                                            <a href="{{:~set.dspCnrConttImgBannerList[0].dspContt.conttCnncUrl}}" class="spot-visual st-maxi"
                                               onclick="commonUtil.util.GA4_EC_SELECT_PROMOTION(this);" data-dataCollectPage="{{:~cnrDscr}}" data-img_url="{{:~set.dspCnrConttImgBannerList[0].dspConttImgBanner.imgFileUrl}}/{{:~set.dspCnrConttImgBannerList[0].dspConttImgBanner.imgFileNm}}?AR=0&RS=434"
                                               {{if ~set.dspCnrConttImgBannerList[0].dspContt.outptTpCd != null && ~set.dspCnrConttImgBannerList[0].dspContt.outptTpCd == 'NEW_WIN'}}target="_blank"{{/if}} >
                                            {{else}}
                                            <a href="javascript:undefined;" class="spot-visual st-maxi">
                                            {{/if}}
                                                <img data-src="{{:~common.baseImgUrl}}{{:~set.dspCnrConttImgBannerList[0].dspConttImgBanner.imgFileUrl}}/{{:~set.dspCnrConttImgBannerList[0].dspConttImgBanner.imgFileNm}}?AR=0&RS=434" alt="{{:~set.dspCnrConttImgBannerList[0].dspConttImgBanner.imgAltrtvCont}}" class="spot-img lozad">
                                            </a>
                                        </div>
                                    {{/if}}
                                    {{if ~set.dspCnrConttGodList != null}}
                                        <div class="col-8-1 module-end">
                                            <div class="row gy-16">
                                                {{for ~set.dspCnrConttGodList itemVar="~godItem"}}
                                                    <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="spot-visual st-long">
                                                        <img data-src="{{:~common.baseImgUrl}}{{:~godItem.imgFileUrl}}?AR=0&RS=209" alt="{{:~godItem.god.godNm}}"  class="spot-img lozad" onerror="commonUtil.common.setNoImg(this,'3_4')">

                                                        <div class="spot-copy st-overlay">
                                                            <p class="spot-text">
                                                                <span class="text-inner">{{:~godItem.god.godNm}}</span>
                                                            </p>
                                                            <p class="spot-sub-text">
                                                                <strong class="text-inner">{{:~util.commaInAmount(~godItem.lastSalePrc)}}</strong>
                                                                {{if ~godItem.lastSalePrc < ~godItem.cvrPrc}}
                                                                <em class="tile-rate">{{:(~godItem.godDcRt)}}%</em>
                                                                {{/if}}
                                                            </p>
                                                        </div>
                                                    </a>
                                                {{/for}}
                                            </div>
                                        </div>
                                    {{/if}}
                                </div>
                            </div>
                        </div>
                    {{/if}}
                {{/for}}
            </div>
        </div>
    {{/if}}
    {{for dspCnrSetList itemVar="~set" }}
        {{if ~set.cnrConttTpGrpNm == 'TITLE' && ~set.dspCnrConttTextList != null && ~set.dspCnrConttTextList.length > 0}}
            {{if ~set.dspCnrConttTextList[0].dspContt.conttCnncUrl != null && ~set.dspCnrConttTextList[0].dspContt.conttCnncUrl != ''}}
            <footer class="text-center mt-64">
                <a href="{{:~set.dspCnrConttTextList[0].dspContt.conttCnncUrl}}" {{if ~set.dspCnrConttTextList[0].dspContt.outptTpCd != null && ~set.dspCnrConttTextList[0].dspContt.outptTpCd == 'NEW_WIN'}}target="_blank"{{/if}} class="w-auto button-ghost st-pill st-dimmed">
                    <span class="button-text">매거진 전체보기</span>
                </a>
            </footer>
            {{/if}}
        {{/if}}
    {{/for}}
{{/if}}