{{if goods.god.godTpCd == 'PCKAGE_GOD' || goods.god.godTpCd == 'SET_GOD'}}
{{else}}
    <div class="row gy-16">
        <!-- 옵션조합 -->
        <div id="dv_comb"></div>

        <div>
            <p class="fs-13 lh-19 mb-8">
                <span class="text-inner">컬러</span>
            </p>
            <div class="row gx-1">
                {{for goods.colorList itemVar="~item" ~goods=goods}}
                    <div class="tooltip-box col-auto">
                        <button type="button" class="button-toggle-thumb {{if ~item.god.godNo == ~goods.god.godNo}} st-selected {{/if}} {{if ~item.god.godSaleSectCd  !='SALE_PROGRS' }} st-soldout {{/if}}"
                                {{if ~item.god.godNo != ~goods.god.godNo}} onclick="commonUtil.common.goGodDetail('{{:~item.god.godNo}}', productform.trackNo, productform.trackDtl,'');" {{/if}}
                                data-tt-toggle="tooltip" data-tt-target="#colorTooltip_{{:#getIndex()}}">
                            <span class="button-thumb">
                                {{if ~item.god.clorChipImgUrl != undefined && ~item.god.clorChipImgUrl != ''}}
                                    <img src="{{:~common.baseImgUrl}}{{:~item.god.clorChipImgUrl}}?AR=0&RS=25&timestamp={{:~goods.god.imgUdt}}" class="img-fluid"  onerror="commonUtil.common.setNoImg(this,'3_4');">
                                {{else}}
                                    <span class="button-color">{{:~item.god.colorCd}}</span>
                                {{/if}}
                            </span>
                        </button>
                        <div class="tooltip-bubble st-primary st-lg st-top start-50 top-100 translate-middle-x my-8" id="colorTooltip_{{:#getIndex()}}">
                            <p class="tooltip-text">
                                {{:~item.god.colorCd}} {{if ~item.god.colorNm != '' && ~item.god.colorNm != undefined }}({{:~item.god.colorNm}}){{/if}}
                            </p>
                        </div>
                    </div>
                {{/for}}
            </div>
        </div>
        <div>
            <p class="fs-13 lh-19 d-flex justify-content-between mb-8">
                <span class="text-inner">사이즈</span>
                {{if goods.god.godNo.substring(0, 2) === 'MS' && goods.god.godNo.substring(4, 6) === 'UB'}}
                <button type="button" class="button-cta st-sm text-decoration-underline text-secondary my-n8" data-tt-toggle="modal" data-tt-target="#modal-size-guide-underwear">
                    <span class="button-text st-elevated">사이즈 가이드</span>
                </button>
                {{else}}
                <button type="button" class="button-cta st-sm text-decoration-underline text-secondary my-n8" data-tt-toggle="modal" data-tt-target="#modal-size-guide">
                    <span class="button-text st-elevated">사이즈 가이드</span>
                </button>
                {{/if}}
            </p>
            <div class="row gx-3 gy-6">
                {{for goods.cnsgnSingleGoditmList itemVar="~item" ~goods=goods ~soldOutYn=soldOutYn ~loginYn=loginYn}}
                <label class="col-auto radio-button-option" itmNo="{{:~item.itmNo}}"
                    {{if ~item.itmStatCd != 'SALE_PROGRS' || ~item.totUsefulInvQty <= 0}}
                    {{else}}
                        onclick="pOpt.optSel('{{:~item.itmNo}}');"
                    {{/if}}
                    >
                <input type="radio" class="radio-input {{if ~item.itmStatCd != 'SALE_PROGRS' || ~item.totUsefulInvQty <= 0 }} st-disabled {{/if}}" name="componentRadioButtonOption" onclick='{{if ~goods.god.reWhsgNtcnTgtYn == 'Y' (~item.itmStatCd != 'SALE_PROGRS' || ~item.totUsefulInvQty <= 0) }} commonUtil.util.alert({title:"재입고 알림 신청", text:"재입고 알림 신청은 APP에서만 가능합니다."});{{/if}}event.preventDefault(); '/>
                    <span class="radio-label">
                        {{if ~goods.god.reWhsgNtcnTgtYn == 'Y' && (~item.itmStatCd != 'SALE_PROGRS' || ~item.totUsefulInvQty <= 0 )}}
                            <i class="radio-icon icon icon-bell st-xs st-black"></i>
                        {{/if}}
                        <span class="radio-text"
                              {{if ~item.itmStatCd != 'SALE_PROGRS' || ~item.totUsefulInvQty <= 0 }}
                                  {{if ~goods.god.reWhsgNtcnTgtYn == 'N'}}
                                        style="cursor:default;"

                                    {{/if}}
                                {{/if}}
                            >

                            {{if ~goods.cnsgnSingleGoditmList.length == 1 && ~goods.god.itmUseYn == 'N'}}
                                FREE
                            {{else}}
                                {{:~item.optValNm1}}
                            {{/if}}
                        </span>
                    </span>
                </label>
                {{/for}}
            </div>
        </div>
    </div>
{{/if}}