@charset "utf-8";

*{
    letter-spacing: -0.07rem;
    word-break: keep-all;
}
:root {
    --dxp-g-root-font-family: 'Pretendard';
}

body{
    overflow-x: hidden;
    letter-spacing: -0.07em;
}
a:focus,
a:hover,
a:focus-visible,
a:focus-within{
    box-shadow: none!important;
    outline: none!important;
}

/*[S] input*/
.slds-input,
input{
    border-color: #C9C9C9;
    height: 42px;
    padding: 12px 15px;
    font-size: 16px;
    color: #222;
    line-height: 50px;
}
.slds-input:disabled,
input:disabled,
.slds-combobox_container .slds-combobox__form-element button.slds-combobox__input:disabled,
.slds-form-element lightning-datepicker .slds-input:disabled{
    background-color:#EFEFEF;
    border-color: #E0E0E0;
    
}
.slds-input::placeholder,
input::placeholder{
    color:#999999;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
}
.slds-input:focus,
input:focus{
    border-color: #C9C9C9;
    box-shadow: none;
}
.slds-form-element{
    margin-bottom: 0;
}
.slds-has-error .slds-input,
input.is-error{
    border-color: #CA6060;
    box-shadow: none;
}
.slds-has-error .slds-input:focus,
input.is-error:focus{
    border-color: #CA6060;
    box-shadow: none;
}
.slds-form-element__help,
.slds-has-error .slds-form-element__help{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #CA6060;
    margin-top: 10px;
}






.slds-form-element__help:before,
.slds-has-error .slds-form-element__help:before{
    content : '';
    display: inline-block;
    width:18px;
    height:18px;
    margin-right: 5px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}


label,
.slds-form-element__label,
label:not(.slds-form-element__legend),
.slds-form-element__label:not(.slds-form-element__legend){
    color: #222;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin-bottom: 7px;
    display: flex;
    letter-spacing: -0.07rem;
    line-height: 16px;
}


label abbr,
label abbr.slds-required,
.slds-form-element__label abbr,
.slds-form-element__label abbr.slds-required,
.slds-checkbox abbr.slds-required{
    order: 3;
    margin: 0 0 0 3px;
    display: inline-block;
    position: relative;
    color: transparent;
    width: 16px;
    height: 16px;
}
label abbr:after,
label abbr.slds-required:after,
.slds-form-element__label abbr:after,
.slds-form-element__label abbr.slds-required:after,
.slds-checkbox abbr.slds-required:after{
    content: '';
    width: 6px;
    height: 6px;
    background-color: #CA6060;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* .hide-error_help.slds-has-error .slds-input,
input.is-error.hide-error_help,
.hide-error_help .slds-has-error .slds-input,
.hide-error_help input.is-error,
.hide-error_help.slds-has-error .slds-input:focus,
input.is-error.hide-error_help:focus,
.hide-error_help .slds-has-error .slds-input:focus,
.hide-error_help input.is-error:focus{
    border-color: #C9C9C9;
    box-shadow: none;
} */

.must-error_help.slds-has-error .slds-input,
input.is-error.must-error_help,
.must-error_help .slds-has-error .slds-input,
.must-error_help input.is-error,
.must-error_help.slds-has-error .slds-input:focus,
input.is-error.must-error_help:focus,
.must-error_help .slds-has-error .slds-input:focus,
.must-error_help input.is-error:focus{
    border-color: #CA6060;
}

.hide-error_help .slds-form-element__help,
.hide-error_help .slds-has-error .slds-form-element__help,
.hide-error_help.slds-has-error .slds-form-element__help,
.hide-error_help.slds-form-element__help{
    color:transparent!important;
}
.must-error_help .slds-form-element__help,
.must-error_help .slds-has-error .slds-form-element__help,
.must-error_help.slds-has-error .slds-form-element__help,
.must-error_help.slds-form-element__help{
    color: #CA6060!important;
    display: block!important;
}
.hide-error_help.slds-has-error .slds-form-element__help:before,
.hide-error_help.slds-form-element__help:before{
    display: none;
}
.must-error_help.slds-has-error .slds-form-element__help:before,
.must-error_help.slds-form-element__help:before{
    display: inline-block!important;
}

lightning-textarea{
    margin-bottom:0;
}
.slds-textarea,
textarea{
    width:100%;
    height: 100%;
    min-height:122px;
    font-size: 16px;
    border: 1px solid #BBBBBB;
    resize: none;
    box-shadow: none;
    padding:14px 15px;
}
.slds-has-error .slds-textarea,
textarea.slds-has-error,
.slds-has-error .slds-textarea:focus,
textarea.slds-has-error:focus{
    border-color: #CA6060;
    box-shadow: none;
}

.slds-textarea:focus,
textarea:focus{
    box-shadow: none;
    border-color: #BBBBBB;
}
.slds-textarea .textarea-container{
    height: calc(100% - 23px);
}
.textarea-large .slds-textarea,
.textarea-large.textarea{
    height:250px;
}
.slds-textarea::placeholder,
textarea::placeholder{
    color:#999999;
}
.textarea-info_wrap{
    text-align: right;
    margin-top: 10px;
}
.textarea-text-length{
    font-size: 14px;
    font-style: normal;
    color: #9F9F9F;
}
.textarea-text-length b{
    color: #333333;
    font-weight: bold;
}
lightning-textarea .slds-form-element__help,
lightning-textarea.slds-has-error .slds-form-element__help{
    position: absolute;
    bottom: auto;
    left: 0;
}

/*[E] input*/
/*[S] combobox, datepicker*/
.slds-combobox_container .slds-combobox__form-element button.slds-combobox__input,
.slds-form-element lightning-datepicker .slds-input{
    width: 100%;
    border-radius: 0;
    border: 1px solid #C9C9C9;
    font-size: 16px;
    font-weight: 300;
    padding: 12px 39px 12px 15px;
    height: 42px;
    box-shadow: none;
}
.slds-combobox_container .slds-combobox__form-element .slds-has-error button.slds-combobox__input,
.slds-form-element lightning-datepicker.slds-has-error .slds-input{
    border-color: #CA6060;
}
.slds-combobox_container .slds-combobox__form-element button.slds-combobox__input > span{
    font-size: 16px;
    font-weight: 300;
    line-height:16px;
}
.slds-combobox_container .slds-combobox__form-element .slds-input__icon-group_right lightning-icon{
    width: 24px;
    height: 24px;
    right: 15px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    /* background-image: url('data:image/svg+xml,<svg id="icon_down" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect id="사각형_32" data-name="사각형 32" width="24" height="24" fill="%23fff" opacity="0"/><path id="chevron-down" d="M7.448,9.106,13.5,15.67l6.2-6.564L21,10.494,13.5,18.58,6,10.494Z" transform="translate(-1.5 -1.843)" fill="%23222"/></svg>'); */
    background-repeat: no-repeat;
    background-position: center;

}
.slds-combobox_container .slds-is-open .slds-combobox__form-element .slds-input__icon-group_right lightning-icon{
    transform: rotate(180deg);
}
.slds-combobox_container .slds-combobox__form-element .slds-input__icon-group_right lightning-icon > *{
    display: none;
}

.slds-form-element lightning-datepicker .slds-input{
    padding: 12px 35px 12px 15px;
}
.slds-form-element lightning-datepicker .slds-input + lightning-button-icon{
    width: 32px;
    height: 32px;
    right: 6px;
    margin-top: 0px;
    transform: translateY(-50%);
}
.slds-form-element lightning-datepicker .slds-input + lightning-button-icon > button{
    right: 0;
    width: 32px;
    height: 32px;
    /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16.2" height="19.337" viewBox="0 0 16.2 19.337"><g id="그룹_31700" data-name="그룹 31700" transform="translate(0.6 0.6)"><line id="선_231" data-name="선 231" x2="10.068" transform="translate(2.465 2.761)" fill="none" stroke="%23272727" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/><g id="그룹_31699" data-name="그룹 31699"><g id="그룹_31701" data-name="그룹 31701"><path id="패스_9077" data-name="패스 9077" d="M13.209,6.2A2.386,2.386,0,0,1,15.6,8.579V19.2a2.386,2.386,0,0,1-2.392,2.379H2.993A2.385,2.385,0,0,1,.6,19.2V8.579A2.385,2.385,0,0,1,2.993,6.2" transform="translate(-0.601 -3.438)" fill="none" stroke="%23272727" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/><path id="패스_9078" data-name="패스 9078" d="M9.6,3.706a1.035,1.035,0,0,1-2.071,0V1.636a1.035,1.035,0,1,1,2.071,0Z" transform="translate(-4.23 -0.6)" fill="%23fff"/><path id="패스_9079" data-name="패스 9079" d="M9.6,3.706a1.035,1.035,0,0,1-2.071,0V1.636a1.035,1.035,0,1,1,2.071,0Z" transform="translate(-4.23 -0.6)" fill="none" stroke="%23272727" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/><path id="패스_9080" data-name="패스 9080" d="M22.9,3.706a1.035,1.035,0,0,1-2.071,0V1.636a1.035,1.035,0,1,1,2.071,0Z" transform="translate(-11.197 -0.6)" fill="%23fff"/><path id="패스_9081" data-name="패스 9081" d="M22.9,3.706a1.035,1.035,0,0,1-2.071,0V1.636a1.035,1.035,0,1,1,2.071,0Z" transform="translate(-11.197 -0.6)" fill="none" stroke="%23272727" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/><line id="선_232" data-name="선 232" x2="5.384" transform="translate(4.807 10.408)" fill="none" stroke="%23ee2bc1" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2"/></g></g></g></svg>'); */
    background-repeat: no-repeat;
    background-position: center;
    border:none;
    background-color: transparent;
}
.slds-form-element lightning-datepicker .slds-input + lightning-button-icon > button *{
    display: none;
}
.slds-select_container:after, 
.slds-select_container:before{
    display: none;
}
/*[E] combobox, datepicker*/

/*[S] Combobox*/
.slds-combobox_container .slds-dropdown-trigger_click .slds-dropdown,
lightning-combobox .slds-dropdown-trigger_click .slds-dropdown{
    margin: 0;
    margin-top: 3px;
    border: 1px solid #767676;
    border-radius: 0;
    width: 100%;
    min-width: unset;
    box-shadow: none;
    padding: 0;
    max-height: calc(2.5rem * 5);
    overflow: hidden;
    overflow-y: auto;
}
.slds-combobox_container .slds-dropdown-trigger_click .slds-dropdown .slds-listbox__option,
lightning-combobox .slds-dropdown-trigger_click .slds-dropdown .slds-listbox__option{
    padding: 0 15px;
    min-height: 36px;
    box-shadow: none;
}
.slds-combobox_container .slds-dropdown-trigger_click .slds-dropdown .slds-listbox__option .slds-listbox__option-icon,
lightning-combobox .slds-dropdown-trigger_click .slds-dropdown .slds-listbox__option .slds-listbox__option-icon{
    display: none;
}
.slds-combobox_container .slds-dropdown-trigger_click .slds-dropdown .slds-listbox__option .slds-media__body,
lightning-combobox .slds-dropdown-trigger_click .slds-dropdown .slds-listbox__option .slds-media__body{
    color: #333333;
    font-size: 16px;
}
.slds-combobox_container .slds-dropdown-trigger_click .slds-dropdown .slds-listbox__option[aria-checked="true"],
lightning-combobox .slds-dropdown-trigger_click .slds-dropdown .slds-listbox__option[aria-checked="true"]{
    background-color: #303E49;
}
.slds-combobox_container .slds-dropdown-trigger_click .slds-dropdown .slds-listbox__option[aria-checked="true"] .slds-media__body,
lightning-combobox .slds-dropdown-trigger_click .slds-dropdown .slds-listbox__option[aria-checked="true"] .slds-media__body{
    color:#fff;
}
/*[E] Combobox*/

/*[S] Checkbox*/
.slds-form-element__control .slds-checkbox{
    display: flex;
    align-items: flex-start;
}

.slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux{
    width: 18px;
    height: 18px;
    border: 1px solid #C9C9C9;
    margin: 0 10px 0 0;
}
.slds-has-error .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux{
    border-color: #CA6060;
}
.slds-checkbox .slds-checkbox__label .slds-form-element__label{
    font-size: 16px;
    color: #222;
    font-weight: 300;
    margin: 0;
}
.slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox]:focus:checked+.slds-checkbox__label .slds-checkbox_faux{
    border-color: #222222;
    box-shadow: none;
    outline: none;
}
.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux::after{
    border: 0;
    background-image: url(/sandid2c/sfsites/c/cms/delivery/media/MCUW5JRQ6IIFFLDKZF7GMRLXIHZ4);
    background-repeat: no-repeat;
    background-position: center;
    transform: unset;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.slds-checkbox [type=checkbox][disabled]+.slds-checkbox__label .slds-checkbox_faux{
    background-color: #F7F7F7;
    border-color: #D2D2D2;
}
/*[E] Checkbox*/

/*[S] Radio*/
.slds-radio [type=radio]+.slds-radio__label .slds-radio_faux{
    width: 18px;
    height: 18px;
    border-color: #C9C9C9;
    margin-right: 10px;
}
.slds-radio .slds-form-element__label{
    color: #222222;
    font-size: 16px;
    font-weight: 300;
}
.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux::after{
    background-color: #222;
    width: 10px;
    height: 10px;
}
.slds-radio [type=radio]:focus+.slds-radio__label .slds-radio_faux,
.slds-radio [type=radio]:focus:checked+.slds-radio__label .slds-radio_faux{
    border-color: #222;
    box-shadow: none;
}
.slds-radio [type=radio][disabled]+.slds-radio__label .slds-radio_faux{
    background-color: #EFEFEF;
}
.slds-radio [type=radio][disabled]+.slds-radio__label .slds-form-element__label{
    color:#666666;
}
.slds-radio [type=radio][disabled]:checked+.slds-radio__label .slds-radio_faux::after{
    background-color: #666666;
}

/*[E] Radio*/



/*[S] Button*/



.slds-button{
    width:100%;
    height:100%;
    white-space: nowrap;
    overflow: hidden;
    color: #222222;
    font-size: 16px;
}
.slds-button:active,
.slds-button:focus{
    border-color: transparent;
    background-color: transparent;
    outline: none;
    box-shadow: none;
}
button.slds-button_brand.slds-button,
a.slds-button_brand.slds-button,
button.slds-button_icon-brand.slds-button,
a.slds-button_icon-brand.slds-button{
    background-color: #303E49!important;
    border:1px solid #303E49!important;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.05em;
    line-height: 26px;
    box-shadow: none;
    height:100%;
    width:100%;
}
button.slds-button_brand.slds-button:focus,
a.slds-button_brand.slds-button:focus,
button.slds-button_icon-brand.slds-button:focus,
a.slds-button_icon-brand.slds-button:focus{
    background-color: #303E49!important;
    border:1px solid #303E49!important;
    box-shadow: none;
    color: #fff;
}

button.slds-button_brand.primary.slds-button,
a.slds-button_brand.primary.slds-button,
.primary button.slds-button_brand.slds-button,
.primary a.slds-button_brand.slds-button{
    font-size: 18px;
    line-height: 26px;
}

button.slds-button_brand.slds-button:hover,
a.slds-button_brand.slds-button:hover,
button.slds-button_icon-brand.slds-button:hover,
a.slds-button_icon-brand.slds-button:hover{
    background-color: #131E26!important;
    border:1px solid #131E26!important;
    color: #fff;
}

button.slds-button_brand.slds-button:disabled,
a.slds-button_brand.slds-button:disabled,
button.slds-button_icon-brand.slds-button:disabled,
a.slds-button_icon-brand.slds-button:disabled{
    background-color: #131E26!important;
    border:1px solid #131E26!important;
    color: #fff;
    opacity: 25%;
}


button.slds-button_outline-brand.slds-button,
a.slds-button_outline-brand.slds-button,
button.slds-button_icon,
a.slds-button_icon{
    background-color: #fff;
    border:1px solid #ADADAD;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #222222;
    box-shadow: none;
    height:100%;
    width:100%;
}
button.slds-button_outline-brand.slds-button.form,
a.slds-button_outline-brand.slds-button.form,
.form button.slds-button_outline-brand.slds-button,
.form a.slds-button_outline-brand.slds-button{
    background-color: #F7F7F7;
}

button.slds-button_outline-brand.slds-button.grid,
a.slds-button_outline-brand.slds-button.grid,
.grid button.slds-button_outline-brand.slds-button,
.grid a.slds-button_outline-brand.slds-button{
    border-radius: 4px;
}


button.slds-button_outline-brand.slds-button:focus,
a.slds-button_outline-brand.slds-button:focus,
button.slds-button_icon:focus,
a.slds-button_icon:focus{
    background-color: #fff;
    border:1px solid #ADADAD;
    box-shadow: none;
    color: #222222;
}



button.slds-button_outline-brand.slds-button:hover,
a.slds-button_outline-brand.slds-button:hover,
button.slds-button_icon:hover,
a.slds-button_icon:hover{
    background-color: #F2F2F2;
    border:1px solid #ADADAD;
    color: #222222;
}

button.slds-button_outline-brand.slds-button.form:focus,
a.slds-button_outline-brand.slds-button.form:focus,
.form button.slds-button_outline-brand.slds-button:focus,
.form a.slds-button_outline-brand.slds-button:focus,
button.slds-button_outline-brand.slds-button.form:hover,
a.slds-button_outline-brand.slds-button.form:hover,
.form button.slds-button_outline-brand.slds-button:hover,
.form a.slds-button_outline-brand.slds-button:hover{
    background-color: #EDEDED;
}

button.slds-button_outline-brand.slds-button:disabled,
a.slds-button_outline-brand.slds-button:disabled,
button.slds-button_icon:disabled,
a.slds-button_icon:disabled{
    background-color: #FFFFFF;
    border:1px solid #D2D2D2;
    color: #C9C9C9;
}

button.slds-button_outline-brand.slds-button:disabled,
a.slds-button_outline-brand.slds-button:disabled,
button.slds-button_icon:disabled,
a.slds-button_icon:disabled{
    background-color: #FFFFFF;
    border:1px solid #D2D2D2;
    color: #C9C9C9;
}

button.slds-button_outline-brand.slds-button.primary,
a.slds-button_outline-brand.slds-button.primary,
.primary button.slds-button_outline-brand.slds-button,
.primary a.slds-button_outline-brand.slds-button{
    font-size: 18px;
    line-height: 26px;
}


.slds-button + .slds-button{
    margin-left:0;
}

.slds-button-group .slds-button_neutral{
    width:60px;
    border-color: #C9C9C9;
    border-radius: 0!important;
    white-space: nowrap;
    color: #222222;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 19px;
    height: 42px;
}

.search_btn .slds-button_icon-brand > *{
    display: none;
}
.search_btn .slds-button_icon-brand{
    white-space: nowrap;
    height: 42px;
    width:60px;
    background-repeat: no-repeat;
    background-position: center;
}


.emphasis .slds-button,
.emphasis.slds-button{
    border: 1px solid #D926B0;
    text-align: center;
    justify-content: center;
    color:#222;
   
}
.emphasis .slds-button:active,
.emphasis .slds-button:focus,
.emphasis .slds-button:hover,
.emphasis.slds-button:active,
.emphasis.slds-button:focus,
.emphasis.slds-button:hover{
    border: 1px solid #D926B0;
    background-color: #F8EDF6;
    color:#222;
}
.emphasis .slds-button:disabled,
.emphasis.slds-button:disabled{
    opacity:.25;
}

[kx-scope=button-brand]:hover:before{
    background:unset;
}

/*[E] Button*/

/*[S] Tab*/
.slds-tabs_default__nav,
.dxp-tabs-container .slds-tabs_default__nav{
    border-bottom: 0;
    position: relative;
}
.slds-tabs_default__nav:before,
.dxp-tabs-container .slds-tabs_default__nav:before{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 0;
}
.slds-tabs_default__nav li,
.dxp-tabs-container .slds-tabs_default__nav li{
    width: 200px;
    height:50px;
    padding: 13.5px 20px;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    border: 1px solid #C9C9C9;
    border-bottom: 0;
    font-weight:200;
    position:relative;
    line-height: 26px;
}
.slds-tabs_default__nav li:after,
.dxp-tabs-container .slds-tabs_default__nav li:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.slds-tabs_default__nav li.slds-is-active:after,
.dxp-tabs-container .slds-tabs_default__nav li.dxp-tab-bar-active-tab-styles:after{
    content: '';
    background-color: #fff;
}
.slds-tabs--default__item:hover:after, 
.slds-tabs_default__item:hover:after{
    height: 1px;
    background-color: #000;
}
.slds-tabs--default__item.slds-is-active:hover:after, 
.slds-tabs_default__item.slds-is-active:hover:after{
    background-color: #fff;
}
.slds-tabs_default__nav li p,
.dxp-tabs-container .slds-tabs_default__nav li p{
    font-weight: 300;
    font-size: inherit;
    line-height: normal;
}
.dxp-tabs-container .slds-tabs_default__nav li:not(:first-of-type){
    border-left: 0;
}
.slds-tabs_default__nav li.slds-is-active,
.dxp-tabs-container .slds-tabs_default__nav li.dxp-tab-bar-active-tab-styles{
    border-bottom: 0;
    border-color: #000;
    border-left: 1px solid #000;
    font-weight: bold;
    outline: none;
}
.slds-tabs_default__nav li.slds-is-active p,
.dxp-tabs-container .slds-tabs_default__nav li.dxp-tab-bar-active-tab-styles p{
    font-weight: bold;
}
.slds-tabs_default__nav li.slds-is-active:not(:first-of-type),
.dxp-tabs-container .slds-tabs_default__nav li.dxp-tab-bar-active-tab-styles:not(:first-of-type){
    margin-left:-1px;
}


.slds-tabs_default__nav li:not(.slds-is-active):hover,
.dxp-tabs-container .slds-tabs_default__nav li[data-active="false"]:hover{
    padding: 13.5px 20px;
    border-bottom: 0;
}
.slds-tabs_default .slds-tabs_default__content{
    padding:0;
}

.slds-tabs--default__link, 
.slds-tabs_default__link{
    line-height:26px;
    height:auto; 
    font-size: 18px;
    color: #000000 !important;
}
a:hover:not(.slds-button,.slds-dropdown__item>a).slds-tabs--default__link:hover, 
a:hover:not(.slds-button,.slds-dropdown__item>a).slds-tabs_default__link:hover,
a:hover:not(.slds-button,.slds-dropdown__item>a).slds-tabs--default__link:focus, 
a:hover:not(.slds-button,.slds-dropdown__item>a).slds-tabs_default__link:focus{
    text-decoration: unset;
}

.with-background .slds-tabs_default__nav li.slds-is-active:after,
.with-background .dxp-tabs-container .slds-tabs_default__nav li.dxp-tab-bar-active-tab-styles:after,
.with-background .slds-tabs--default__item.slds-is-active:hover:after, 
.with-background .slds-tabs_default__item.slds-is-active:hover:after{
    background-color: #FAFAFA;
}



/*[E] Tab*/

/*[S] 주소 폼 레이아웃*/
.form_layout{
    display: flex;
    flex-flow: column;
    gap:21px;
}
.form_title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 26px;
}
.form-input_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.address_form{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 26px;
}
.zip-code_layout{
    display: flex;
    gap: 10px;
    height:42px;
}
.full-address{
    grid-column: 1/3;
}
/*[E] 주소 폼 레이아웃*/

/*[S] 연락처 폼 레이아웃*/
.tel_input-container{
    display: flex;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
}
.tel_input-container .country-code_input{
    flex-shrink: 0;
    width: 110px;
}
.tel_input-container .mobile_input{
    width: 100%;
}
/*[E] 연락처 폼 레이아웃*/

/*[S] 아코디언*/
details summary::-webkit-details-marker {
    display:none;
}
.accordion_wrap{
    display: flex;
    flex-flow: column;
    gap:15px;
}
.ico-accordion{
    width:28px;
    height:26px;
    background-repeat: no-repeat;
    background-position: center;
}


.accordion_wrap details[open] .ico-accordion{
    transform:rotate(-180deg);
}
.accordion_wrap summary{
    cursor: pointer;
    padding: 20px 30px;
    border: 1px solid #C9C9C9;
}
.summary_wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    font-size: 18px;
}

details[open] summary{
    border-color: #222222;
    font-weight: 300;
}
details[open] .summary_wrap{
    color: #222222;
    font-weight: 300;
}

.summary_section{
    padding: 30px 30px 48px;
    color: #222222;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
}
details[open] .summary_section{
    background-color: #F7F7F7;
}

.text-overflow{
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.no-data{
    justify-content: center;
}



.total_txt{
    color: #222222;
    font-size: 16px;
    margin-bottom: 15px;
}
/*[E] 아코디언*/

/*[S] checkout 아코디언*/
.accordion-checkout.slds-accordion{
    border-top: 1px solid #000000;
}
.accordion-checkout .slds-accordion__section{
    padding: 0;
}
.accordion-checkout .slds-accordion__summary{
    padding: 0;
    margin: 0;
}
.accordion-checkout .slds-accordion__summary-action{
    padding: 15px 7.5px 15px 15px;
    margin: 0;
    font-size: 16px;
    color: #222222;
    display: flex;
    justify-content: space-between;
}
.accordion-checkout .slds-accordion__summary-action:focus{
    text-decoration: none;
}
.accordion-checkout .slds-accordion__summary-action lightning-primitive-icon{
    width: 38px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    order: 2;
}
.accordion-checkout .slds-accordion__summary-action lightning-primitive-icon svg{
    display: none;
}
.accordion-checkout .slds-is-open .slds-accordion__summary-action{
    background-color: #FAFAFA;
    font-weight: bold;
}
.accordion-checkout .slds-is-open .slds-accordion__summary-action lightning-primitive-icon{
    transform: rotate(180deg);
}

/*[E] checkout 아코디언*/




/* [S] LNB */
.my_navigation[data-page="mypage"] .slds-nav-vertical__item{
    padding: 0;
}
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(1) a{
    font-size:20px;
    font-weight:bold;
}
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(1){
    margin-bottom:29px;
}
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(2),
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(6),
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(7),
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(10){
    padding-top: 30px;
   
}
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(6),
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(7),
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(10){
    margin-top: 30px;
}
.my_navigation[data-page="mypage"] .slds-nav-vertical__item > a{
    color: #666666!important;
    font-size: 16px;
    padding: 0;
    box-shadow: none;
    line-height: 34px;
}
.my_navigation[data-page="mypage"] .slds-nav-vertical__item.slds-is-active > a{
    color:#222222!important;
    text-decoration: underline;
    box-shadow: none;
    outline:none;
    
}
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:before{
    display: none;
}

.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(2) > a,
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(6) > a,
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(7) > a,
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(10) > a{
    margin-top:45.2px!important;
}
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(2):after,
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(6):after,
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(7):after,
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-child(10):after{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75.21px;
    background-color: #fff;
    padding: 30px 0 20px 0;
    font-weight: bold;
    border-top: 1px solid rgba(201, 201, 201, 40%);
    font-size: 20px;
    line-height: 24px;
}
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-of-type(2):after{
    content : '쇼핑'
}
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-of-type(6):after{
    content : '혜택'
}
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-of-type(7):after{
    content : '활동'
}
.my_navigation[data-page="mypage"] .slds-nav-vertical__item:nth-of-type(10):after{
    content : '개인 정보'
}

.my_navigation[data-page="cs"] .slds-nav-vertical__item{
    padding: 0;
}
.my_navigation[data-page="cs"] .slds-nav-vertical__item:before{
    display: none;
}
.my_navigation[data-page="cs"] .slds-nav-vertical__item a{
    padding: 30px 0;
    font-size: 20px;
    font-weight: bold;
    color: #777;
    box-shadow: none;
}
.my_navigation[data-page="cs"] .slds-nav-vertical__item + .slds-nav-vertical__item{
    border-top: 1px solid #C9C9C9;
}
.my_navigation[data-page="cs"] .slds-nav-vertical__item.slds-is-active > a{
    color:#222222!important;
    text-decoration: none;
    box-shadow: none;
}
/* [E] LNB */

/*[S] 커머스 헤더*/
commerce-layout-site > *[name="header"]{
    background-color:#fff;
    position:relative!important;
}
commerce-layout-site commerce-layout-header > header{
    padding:0!important;
}

.my_wrap commerce_my_account-user-profile-menu .menu-button,
.my_wrap commerce_my_account-user-profile-menu .login-link{
    margin:0;
    margin-inline-end: 0;
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    /* background-image: url(/sfsites/c/cms/delivery/media/MCBGAFSOWXXBHSPA4O2TI62NOTIM); */
}
.my_wrap commerce_my_account-user-profile-menu button:hover,
.my_wrap commerce_my_account-user-profile-menu .menu-button:hover,
.my_wrap commerce_my_account-user-profile-menu .menu-button:focus:not(.slds-button),
.my_wrap commerce_my_account-user-profile-menu .login-link:hover,
.my_wrap commerce_my_account-user-profile-menu .login-link:focus:not(.slds-button){
    background-color: transparent!important;
}
.my_wrap commerce_my_account-user-profile-menu button > *,
.my_wrap commerce_my_account-user-profile-menu .menu-button > *,
.my_wrap commerce_my_account-user-profile-menu .login-link > *{
    display: none;
}
.my_wrap commerce_my_account-user-profile-menu button .menu-trigger,
.my_wrap commerce_my_account-user-profile-menu button .slds-icon-utility-chevrondown{
    display: none;
}

.cart_wrap commerce_cart-badge .cart-container{
    padding: 0;   
}
.cart_wrap commerce_cart-badge a{
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    /* background-image: url(/sfsites/c/cms/delivery/media/MCG3SMCLCP3VHKVOTDQGXECJVS24); */
}
/* .cart_wrap commerce_cart-badge a:hover{
    background-image: url(/sfsites/c/cms/delivery/media/MC5JK4OW45FBF4BNJOMVSBNAU4N4);
} */
.cart_wrap commerce_cart-badge a *{
    display: none;
}

.cart_wrap commerce_cart-badge .slds-notification-badge{
    width: auto;
    height: 16px;
    background-color: #000;
    padding: 2px;
}

.search_wrap .btn-global-search{
    display: block;
    width: 24px;
    height: 24px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    /* background-image: url(/sfsites/c/cms/delivery/media/MCX6HPQPQMONCF7J7KCPPQ5LRKHQ); */
}
.search_wrap .btn-global-search:hover,
.search_wrap .btn-global-search:focus{
    background-color: transparent;
    outline: none;
    box-shadow: none;
}
/* .search_wrap a:hover{
    background-image: url(/sfsites/c/cms/delivery/media/MCBJV2HUKRAJDM3O6ZRQKH4WQ5K4);
} */
.header-body nav > ul{
    gap:35px;
    display: flex;
}
.header-body nav > ul li a,
.header-body nav > ul  li button{
    padding:0!important;
    font-size: 20px;
    color:#000!important;
    line-height: 24px;
    white-space:nowrap;
    font-weight: bold;
}
.header-body nav > ul  li a:hover,
.header-body nav > ul  li button:hover,
.header-body nav > ul  li a.is-active{
    color: #EE2BC1 !important;
    text-decoration: none;
}

.header-body .special-menu-wrap nav > ul{
    gap:20px;
    min-width:248px;
}
.header-body .special-menu-wrap nav li a,
.header-body .special-menu-wrap nav li button{
    padding:0!important;
    font-size: 18px;
    color:#000!important;
    height: 24px;
    font-weight: 300;
}
.header-body .special-menu-wrap nav li a:hover,
.header-body .special-menu-wrap nav li button:hover{
    color: #EE2BC1 !important;
    text-decoration: none;
}
.header-body .special-menu-wrap nav > ul li a,
.header-body .special-menu-wrap nav > ul li button{
    font-family: 'Pretendard';
}

/*[E] 커머스 헤더*/

/*[S] 커머스 푸터*/
commerce-layout-site > *[name="footer"]{
    padding:0;
    margin-top: 120px;
}
.c_footer_layout > .columns-content community_layout-column{
    border-left:1px solid #D9D9D9;
}
.c_footer_layout > .columns-content community_layout-column > .column-content{
    padding: 40px 25px;
}
.c_footer-txt{
    font-size:13px;
}
/*[E] 커머스 푸터*/

/*[S] Content*/
commerce-layout-site > .content community_layout-section > .columns-content{
    padding-right:132px;
    padding-top:25px;
}
commerce-layout-site > .content .comm-section-container:nth-of-type(1) > .columns-content{
    padding-top:20px;
}

/*[E] Contenr*/

/*[S] my page*/
.my_navigation .slds-nav-vertical__title{
    padding: 50px 0 0;
}
/*[E] my page*/

/*[S] 홈 hero*/
.hero_columns > .columns-content > .columns > dxp_layout-column:first-of-type,
.hero_columns > .columns-content > community_layout-column:first-of-type{
    width: calc(100% - 360px - 1.875rem);
    flex-grow: unset!important;
    flex:unset;
}
.hero_columns > .columns-content > .columns > dxp_layout-column:last-of-type{
    width: 100%;
}
.hero_columns > .columns-content > community_layout-column:last-of-type{
    width: 360px;
}



.hero-carousel .slick-list,
.hero-carousel .slick-track{
    height:100%;
}
.hero_columns .slick-dots{
    display: block;
    text-align: left!important;
    display: flex!important;
    gap: 10px;
    bottom:20px!important;
    left:35px!important;
}
.hero_columns .slick-dots li{
    width: fit-content;
    height: 10px;
    margin: 0;
}
.hero_columns .slick-dots li button{
    width: 10px;
    height: 10px;
    opacity: 30%;
    background:#000;
    padding: 0;
    border-radius: 100%;
}
.hero_columns .slick-dots li button:before{
    display: none;
}
.hero_columns .slick-dots li.slick-active button{
    opacity: 1;
    width: 30px;
    border-radius:5px;
}
/*[E] 홈 hero*/

/*[S] 상품 수량 선택기*/
.count_control{
    display:flex;
}
.quantityButton{
    width: 32px;
    height: 32px;
}
.quantityButton lightning-primitive-icon{
    width:14px;
    height:14px;
    background-repeat: no-repeat;
    background-position: center;
}
.quantityButton lightning-primitive-icon svg{
    display: none;
}

.quantityButton button,
.quantity_btn{
    border-color: #C9C9C9;
    border-radius: 0;
    background-color: #fff;
    border:1px solid #c9c9c9;
    height:32px;
    width:32px;
    background-repeat: no-repeat;
    background-position: center;
}
.quantityDecrementButton > button,
.quantity_btn{
    border-right: 0;
}
.quantityIncrementButton > button,
.quantity_inp + .quantity_btn{
    border-left: 0;
    border-right: 1px solid #c9c9c9;
    
}
.quantityInput,
.quantity_inp{
    width: 50px;
}
.quantityInput input,
.quantity_inp{
    height: 32px;
    padding: 8px;
    text-align: center;
    border: 1px solid #c9c9c9;
}
/*[E] 상품 수량 선택기*/

/*[S] hero*/
.images.carousel-below .desktop-gallery-image{
    width: 700px;
    height: 525px;
    padding:0;
}
.images.carousel-below .desktop-gallery-image picture{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.images.carousel-below .desktop-gallery-image picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.images.carousel-below .desktop-featured-image-carousel{
    padding-top: 20px;
    padding-bottom: 0;
    width:100%;
}
.images.carousel-below .desktop-featured-image-carousel lightning-button-icon{
    display: none;
}
.images.carousel-below .desktop-featured-image-carousel .carousel{
    justify-content: center;
}
.images.carousel-below .desktop-featured-image-carousel .carousel ul{
    gap: 10px;
    flex-wrap: nowrap;
}
.images.carousel-below .desktop-featured-image-carousel .carousel ul li{
    padding: 0;
}
.images.carousel-below .desktop-featured-image-carousel .carousel ul li:nth-of-type(n+6){
    display: none;
}
.images.carousel-below .desktop-featured-image-carousel .carousel ul li button{
    width: 96px;
    height: 72px;
    padding: 0;
    border: 1px solid #d9d9d9;
}
.images.carousel-below .desktop-featured-image-carousel .carousel ul li experience-picture{
    width: 100%;
    height: 100%;
    border: 0;
}
.images.carousel-below .desktop-featured-image-carousel .carousel ul li picture{
    width: 100%;
    height: 100%;
    border: 0;
}
.images.carousel-below .desktop-featured-image-carousel .carousel ul li picture img{
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
/*[E] hero*/

/*[S] global search*/
.inp-global-search input{
    border: 1px solid #222222;
    height: 65px;
    font-size: 28px;
    letter-spacing: -0.05em;
    line-height: 24px;
    font-weight: 300;
    /* padding: 15px 89.4px 15px 30px; */
    padding: 15px 130px 15px 30px;
}
.inp-global-search input::placeholder{
    font-size: 28px;
    letter-spacing: -0.05em;
    line-height: 24px;
    font-weight: 300;
    color: #999999;
}
/*[E] global search*/


/* [S] login*/
 .login_container .slds-tabs_default .dxp-tabs-container{
    height:60px;
}
.login_container .slds-tabs_default__nav li, 
.login_container .dxp-tabs-container .slds-tabs_default__nav li{
    width: 50%;
    height: 60px;
    padding: 18px!important;
    text-align: center;
    font-size: 20px;
    font-weight: 200;
    color:#000000;
    background-color: #F5F5F5;
    line-height: 26px;
    letter-spacing: -0.05em;
}
.login_container .slds-tabs_default__nav li:last-child{
    display: none;
}
.login_container .dxp-tabs-container .slds-tabs_default__nav li.dxp-tab-bar-active-tab-styles,
.login_container .slds-tabs_default__nav li.slds-is-active{
    background-color: #fff;
    font-weight: bold;
}
.login_container .dxp-tab-container{
    padding: 41px 60px 0;
}
.login_container .dxp-tabs-container .slds-tabs_default__nav li[data-active="false"]:hover,
.login_container .slds-tabs_default__nav li.slds-is-active:hover{
    padding: 18px;
    border-bottom: 0;
}
 
.login_container .slds-input{
    height: 60px;
}
.login_container  .c_loginPageStyle{
    padding: 80px 150px;
}
.login_container .slds-input::placeholder{
    color: #999999;
    font-size: 16px;
    font-weight: 300;
}
community_login-social-login{
    width:100%;
}
community_login-social-login > ul{
    padding: 0!important;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}
community_login-social-login > ul .comm-social-login__auth-provider-list-item{
    padding: 0!important;
    width: 100%!important;
}
community_login-social-login > ul .comm-social-login__button{
    width: 100%!important;
    height: 40px!important;
    display: flex;
    align-items: center;
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
    padding: 0 20px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    color:transparent!important;
}
community_login-social-login > ul .comm-social-login__button[value="kakao"]{
    background-color: #FEE500!important;
    border:1px solid #FEE500!important;
}
community_login-social-login > ul .comm-social-login__button[value="naver"]{
    background-color: #03C75A!important;
    border:1px solid #03C75A!important;
}
community_login-social-login > ul .comm-social-login__button[value="kakao"]:hover,
community_login-social-login > ul .comm-social-login__button[value="kakao"]:focus{
    background-color: #FEE500!important;
}
community_login-social-login > ul .comm-social-login__button[value="naver"]:hover,
community_login-social-login > ul .comm-social-login__button[value="naver"]:focus{
    background-color: #03C75A!important;
}
community_login-social-login > ul .comm-social-login__button[value="naver"]:after{
    content: '네이버 로그인';
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    transform: translateX(-30px);
    line-height: 16px;
}
community_login-social-login > ul .comm-social-login__button[value="kakao"]:after{
    content: '카카오 로그인';
    color: #191600;
    font-size: 13px;
    font-weight: bold;
    transform: translateX(-30px);
    line-height: 16px;
}
community_login-social-login > ul .comm-social-login__image{
    width: 31px;
    height: 31px;
    margin-right: 10px;
}

/* [E] login*/
/*[S] 샌디몰 전환*/
.transition_wrap input,
.transition_wrap .slds-input{
    height: 42px;
}
.transition_wrap input::placeholder,
.transition_wrap .slds-input::placeholder{
    font-size: 16px;
}
/*[E] 샌디몰 전환*/

/*[S] confirm*/
.confirm_modal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.confirm_modal .confirm_box{
    position:relative;
    width:500px;
    background-color: #fff;
    z-index: 1;
    overflow: hidden;
    padding: 45px;
}
.confirm_modal .confirm_body{
    min-height: 110px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-flow: column;
}
.confirm_modal .title{
    color:#333333;
    font-size:20px;
    font-weight:bold;
    line-height: 28px;
}
.confirm_modal .title + .desc{
    margin-top:20px;
}
.confirm_modal .desc{
    align-items:center;
}
.confirm_modal .btn_wrap{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 50px;
    margin-top: 30px;
    gap:10px;
}
.confirm_modal .btn_wrap.btn_wrap-oppty{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.confirm_modal .btn_wrap button{
    border:0;
    width:100%;
    height:100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    border:1px solid #ADADAD;
    font-size: 16px;
    font-weight: 300;
    color: #222222;
    box-shadow: none;
}
.confirm_modal .btn_wrap button:hover,
.confirm_modal .btn_wrap button:focus{
    background-color: #fff;
    border:1px solid #ADADAD;
    box-shadow: none;
    color: #222222;
}
.confirm_modal .btn_wrap button.btn_confirm-oppty{
    /*background-color: #303E49;
    border: 1px solid #303E49;
    color: #fff;*/
    border: 1px solid #D926B0;
    color:#222;


}
.confirm_modal .btn_wrap button.btn_confirm-oppty:hover,
.confirm_modal .btn_wrap button.btn_confirm-oppty:focus{
    border: 1px solid #D926B0;
    background-color: #F8EDF6;
    color:#222;
}
.confirm_modal .dim{
    background-color: rgba(0,0,0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/*[E] confirm*/

/*[S] alert*/
.alert_modal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alert_modal .alert_box{
    position:relative;
    width:500px;
    background-color: #fff;
    z-index: 1;
    overflow: hidden;
    padding: 45px;
}
.alert_modal .alert_body{
    min-height: 110px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-flow: column;
}
.alert_modal .alert_body .title{
    color:#333333;
    font-size:20px;
    /*font-weight:bold;*/
    line-height: 1.6;
}
.alert_modal .alert_body .title + .desc{
    margin-top:20px;
}
.alert_modal .alert_body .desc{
    align-items:center;
}
.alert_modal .alert_body .title + .desc{
    margin-top:20px;
}
.alert_modal .btn_wrap{
    height: 50px;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.alert_modal .btn_wrap button{
    border:0;
    width:240px;
    height:100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    border:1px solid #ADADAD;
    font-size: 16px;
    font-weight: 300;
    color: #222222;
    box-shadow: none;
}
.alert_modal .btn_wrap button:hover,
.alert_modal .btn_wrap button:focus{
    background-color: #fff;
    border:1px solid #ADADAD;
    box-shadow: none;
    color: #222222;
}
.alert_modal .dim{
    background-color: rgba(0,0,0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/*[E] alert*/



/*[S] 체크아웃 버튼*/
commerce_builder-checkout-button{
    height: 50px;
    margin:0!important;
}
commerce_builder-checkout-button .slds-button{
    font-size: 20px !important;
    margin-top: 60px;
    height: 50px!important;
    color:#fff!important;
}
/*[E] 체크아웃 버튼*/

/*[S] badge*/
.slds-badge{
    display: inline-block;
    width: 70px;
    height: 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 300;
    line-height: 14px;
    overflow: hidden;
    text-align: center;
    padding: 7px 10px;
}

.badge-close{
    border-color: #ADADAD;
    background-color: #EFEFEF;
    color: #333333;
}
.badge-success{
    border-color: #3E8E7E;
    background-color: #E2F1ED;
    color: #3E8E7E;
}
.badge-progress{
    border-color: #5771C9;
    background-color: #E9EDFD;
    color: #5771C9;
}
.badge-notdone{
    border-color: #D16E6E;
    background-color: #FAEFEF;
    color: #D16E6E;
}
.badge-request{
    border-color: #C98858;
    background-color: #FAF4E2;
    color: #C98858;
}
/*[E] badge*/


/*[S] 파일업로드*/
.file-info_txt{
    color: #666666;
    font-size: 14px;
    font-style: normal;
    padding-bottom: 10px;
  }
  .drag_n_drop input{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    padding:0;
    overflow: hidden;
  
  }
  .drag_n_drop label{
    width: 150px;
    height: 42px;
    background-color: #F7F7F7;
    border: 1px solid #929292;
    color: #222222;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:0;
    cursor: pointer;
  }
  .file-input_container{
    display: flex;
    gap: 35px;
    margin-top: 10px;
  }
  .selected-file_list li{
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .file-input_container .selected-file_list li a{
    color: #333333;
    font-size: 16px;
    text-decoration: underline;
  }
  .selected-file_list li button{
    width: 22px;
    height: 22px;
    margin-left: 15px;
    background-color: #FFFFFF;
    border: 1px solid #C8C8C8;
    background-repeat: no-repeat;
    background-position: center;
    padding:0;
  }
  /*[E] 파일업로드*/

  /*[S] table*/
table:not(.slds-datepicker table){
    table-layout: fixed;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #C9C9C9;
}
table:not(.slds-datepicker table) thead th{
    height: 41px;
    background-color: #F7F7F7;
    text-align: center;
    font-size: 13px;
    color: #222222;
    font-weight: bold;
}
table:not(.slds-datepicker table) thead th + th,
table:not(.slds-datepicker table) tbody td + td{
    border-left: 1px solid #E3E3E3;
}
table:not(.slds-datepicker table) tbody tr{
    border-top: 1px solid #c9c9c9;
    
}
table:not(.slds-datepicker table) tbody tr td{
    padding: 15px 10px;
    text-align: center;
    color: #222222;
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
}
  /*[E] table*/

  /*[S] empty List*/
  .empty-result{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #C9C9C9;
    min-height: 160px;
    border-radius: 0;
    color: #666666;
    font-size: 18px;
    padding: 0;
  }
  /*[E] empty List*/

  /*[S] category sort*/
  .c_category_header > .columns-content > community_layout-column:first-of-type .column-content{
    justify-content: flex-end;
  }
  .c_category_header > .columns-content > community_layout-column:last-of-type .column-content{
    align-items: flex-end;
  }
  .c_category_header commerce_builder-search-sort-menu > div > div:last-of-type{
    width: 200px;
    height: 32px;
  }
  .c_category_header commerce_builder-search-sort-menu lightning-combobox{
    width: 200px;
  }
  .c_category_header commerce_builder-search-sort-menu .slds-combobox_container .slds-combobox__form-element button.slds-combobox__input{
    height: 32px;
    padding: 4px 44px 4px 15px;
  }
  .c_category_header commerce_builder-search-sort-menu .slds-combobox_container .slds-combobox__form-element button.slds-combobox__input span{
    line-height : normal;
  }
  /*[E] category sort*/

  /*[S] 선택된 상품 정보 인풋*/
  .inp_product-info .slds-form-element__label{
    font-size: 20px;
    font-weight: bold;
    color: #181818;
    margin-bottom: 10px;
  }
  .inp_product-info .slds-input{
    font-size: 14px;
    color: #666666;
    font-weight: 300;
    padding: 0;
    height: unset;
    min-height: unset;
    line-height: 22px;
  }
  /*[E] 선택된 상품 정보 인풋*/


  

/*[S] modal*/
.slds-modal__header{
    padding: 34px 40px;
    border-radius: 0;
    border: 0;
}
.slds-modal__close{
    display: none;
}
.slds-modal .slds-modal__title{
    color: #222222;
    font-size: 30px;
    font-weight: 300;
    text-align: left;
}
.slds-modal__content{
    padding: 0 40px 30px;
}
.slds-modal__footer{
    padding: 25px 40px 30px;
    border-top: 1px solid #EAEAEA;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-radius: 0;
}
.slds-modal__footer lightning-button{
    width:255px;
    height: 45px;
}
.slds-modal.slds-modal_small .slds-modal__container{
    width: 600px;
    max-width: 600px;
    min-width: 600px;
}

.slds-modal.slds-modal_medium .slds-modal__container{
    width: 800px;
    max-width: 800px;
    min-width: 800px;
}

.slds-modal.slds-modal_large .slds-modal__container,
.slds-modal.slds-modal_full .slds-modal__container{
    width: 1000px;
    max-width: 1000px;
    min-width: 1000px;
}


/*[E] modal*/

/*[S] 프로필 메뉴*/
commerce_my_account-user-profile-menu .slds-dropdown-trigger_click.slds-is-open .slds-dropdown{
    position:absolute!important;
    left:unset;
    right:0;
    top: 35px!important;
    min-width: 150px;
    max-width: 150px;
    box-shadow: none;
    border: 1px solid #222222;
    border-radius: 5px;
    transform: translateX(-50%);
    padding: 0;
    margin: .5rem 0 0;
    outline: none;
    left: 50%;
}
commerce_my_account-user-profile-menu .slds-dropdown-trigger_click.slds-is-open .slds-dropdown:before,
commerce_my_account-user-profile-menu .slds-dropdown-trigger_click.slds-is-open .slds-dropdown:after{
    border: 1px solid #222222;
    transform: rotate(45deg) translateX(50%);
    top: -10px;
    right: 50%;
}
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul{
    max-height: unset;
    border-radius: 5px;
}
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li{
    width:100%!important;
}
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li .profile-menu-item,
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li .profile-menu-item_hover{
    color: #666666!important;
    font-size: 16px;
    font-weight: 300;
    justify-content: center;
    padding: 0;
    line-height: 1;
    
}
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li .profile-menu-item:hover,
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li .profile-menu-item_hover:hover{
    text-decoration: underline;
    font-weight: bold;
}
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li + li .profile-menu-item,
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li + li .profile-menu-item_hover{
    padding-top:15px;
}
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li:nth-child(2) .profile-menu-item,
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li:nth-child(2) .profile-menu-item_hover{
    padding-top:20px
}
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li:nth-last-child(2) .profile-menu-item,
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li:nth-last-child(2) .profile-menu-item_hover{
    padding-bottom:20px
}
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li:last-child .profile-menu-item,
commerce_my_account-user-profile-menu .user-profile-menu-list.menu_ul li:last-child .profile-menu-item_hover{
    padding-bottom: 20px;
}

/*[E] 프로필 메뉴*/

/*[S] 주문 장바구니 삭제 모달*/
commerce_cart-managed-contents commerce_cart-header{
    border-bottom: 1px solid #000;
    padding-bottom: 5px !important;
}
commerce_cart-managed-contents commerce_cart-header .slds-modal__container{
    max-width: 500px;
}
commerce_cart-managed-contents commerce_cart-header .slds-modal__header{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 45px 40px 30px;
    min-height: 114px;
}
commerce_cart-managed-contents commerce_cart-header .slds-modal__header h2.slds-hyphenate{
    color: #333333;
    font-size: 20px;
    font-weight: bold;
}
commerce_cart-managed-contents commerce_cart-header .slds-modal__content{
    padding: 0px 40px 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
commerce_cart-managed-contents commerce_cart-header .slds-modal__content .dialog-options{
    gap: 10px;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
commerce_cart-managed-contents commerce_cart-header .slds-modal__content .dialog-options > div{
    padding: 0;
}
commerce_cart-managed-contents commerce_cart-header .slds-modal__content .dialog-options button{
    min-width: 120px;
    height: 50px;
    font-size: 16px;
}
commerce_cart-managed-contents commerce_cart-header .slds-modal__content .dialog-options button.slds-button_neutral:hover,
commerce_cart-managed-contents commerce_cart-header .slds-modal__content .dialog-options button.slds-button_neutral:focus{
    background-color: #F2F2F2;
    border-color: #ADADAD;
    color: #222222;
}
/*[E] 주문 장바구니 삭제 모달*/

/*[S] 장바구니*/
commerce_cart-header{
    border-color: #000!important;
}
/*[E] 장바구니*/

/*[S] 약관 모달*/
.term_content table{
    width:100%!important;
}
/*[E] 약관 모달*/

/*[S] 스피너*/
.slds-spinner_container{
    background-color: rgba(255,255,255,.5);
}
.slds-spinner_container .slds-spinner{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px auto;
    width: 200px;
    height: 200px;
    transform: translate(-50%,-50%);
}

.slds-spinner_container .slds-spinner > *,
.slds-spinner_container .slds-spinner:before,
.slds-spinner_container .slds-spinner:after{
    display: none!important;
    
    
}
.slds-spinner_container.full-spinner,
.slds-spinner_container .slds-spinner.full-spinner{
    position:fixed;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}
/*[E] 스피너*/

/*[S] 체크아웃 주문버튼 가격*/
commerce_cart-checkout-button .slds-button{
    height:60px;
    color:#fff;
}
commerce_cart-checkout-button commerce-formatted-price{
    display: none!important;
}
/*[E] 체크아웃 주문버튼 가격*/


commerce-cart-applied-promotion .slds-pill__label {
    font-size: 14px;
 }

 /*[S] 커머스 sort drop down*/
 commerce_search-sort-menu .slds-dropdown-trigger_click .slds-button{
    height: 42px;
    border: 1px solid #C9C9C9;
    padding: 0 12px 0 15px;
    width:200px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
 }
 commerce_search-sort-menu .slds-dropdown{
    width: 100%;
    border: 1px solid #C9C9C9;
    border-radius: 0;
    box-shadow: none;
    margin-top: 3px;
 }
 commerce_search-sort-menu .slds-dropdown lightning-menu-item{
    padding: 0;
 }
 commerce_search-sort-menu .slds-dropdown lightning-menu-item a{
    font-size: 16px;
    font-weight: 300;
    line-height:16px;
    padding: 9.5px 14px;
    color:#333333;
    box-shadow: none!important;

 }
 commerce_search-sort-menu .slds-dropdown lightning-menu-item a lightning-primitive-icon {
    display: none;
 }

 commerce_search-sort-menu .slds-dropdown lightning-menu-item.slds-is-selected a{
    background-color: #303E49;
    color: #fff;
 }
 /**/

  /*[S] 장바구니*/
 commerce_cart-header lightning-dialog{
    display:none!important;
 }
  /*[E] 장바구니*/

  /*[S] 비회원 주문조회 탭*/
    .login_container .c_orderInquiry .slds-tabs_default .dxp-tabs-container{
        display:none;
    }
  /*[E] 비회원 주문조회 탭*/

  /*[S] D2C gnb 상단 '비회원몰' 링크 */
  .b2b_wrap community_builder-html-editor community_builder-output-rich-text{
    overflow: hidden;
  }
    /*[E] D2C gnb 상단 '비회원몰' 링크 */

    /*[S] B2B 로그인 페이지 상단 로고*/
  .c_b2bLoginLogo .dxp-content-layout-site-logo{
    width: 372px!important;
    height: 50px!important;
    
  }
  .c_b2bLoginLogo .logo-anchor{
    pointer-events: none;
  }
  /*[E] B2B 로그인 페이지 상단 로고*/

  /*[S] 공지사항 모달 rich text*/
  .notice_modal .notice_body .slds-rich-text-editor__output img,
  .detail_body .slds-rich-text-editor__output img{
    margin:0;
  }
  
  
  /*[E] 공지사항 모달 rich text*/

  /*[S] 이벤트 상세 이미지 사이즈*/
  c-sandi_event-detail .slds-rich-text-editor__output img{
    width:100%;
    }
    /*[E] 이벤트 상세 이미지 사이즈*/

    /*[S] 견적시뮬레이션 버튼*/
    .btn_case-simulation button{ 
        white-space: normal;
    	line-height: normal!important;
    }
    /*[E] 견적시뮬레이션 버튼*/
    @media (hover: none) and (pointer: coarse) {
        commerce-layout-site > .header[name="header"] + .content{
            padding-top:60px;
        }
        /*[S] 커머스 헤더*/
        .cart_wrap commerce_cart-badge a,
        .search_wrap .btn-global-search{
            width: 48px;
            height: 48px;
            padding:0;
        }
        .cart_wrap commerce_cart-badge .slds-notification-badge{
            top: 5px;
            right: 5px;
        }
        /*[E] 커머스 헤더*/
        c-sandi_floating-menu{
            display: none!important;
        }
    }
 @media (max-width: 1500px) {
    commerce-layout-site > .header[name="header"] + .content{
        padding-top:60px;
    }
    commerce-layout-header > .promo-banner {
        display: block!important;
    }
    .images.carousel-below .desktop-gallery-image{
        width:100%;
        height: auto;
        aspect-ratio: 4 / 3;
    }
    c-sandi_floating-menu{
        display: none!important;
    }
    commerce-layout-site > .content community_layout-section > .columns-content{
        padding-right:24px;
        padding-left:24px;
    }

    /*[S] 커머스 헤더*/
    .cart_wrap commerce_cart-badge a,
    .search_wrap .btn-global-search{
        width: 48px;
        height: 48px;
        padding:0;
    }
    .cart_wrap commerce_cart-badge .slds-notification-badge{
        top: 5px;
        right: 5px;
    }
    /*[E] 커머스 헤더*/
}

@media (max-width: 1024px) {
    *{
        letter-spacing: 0;
    }
    html{
        overflow: hidden;
        letter-spacing: 0;
    }
    body{
        /* height: 100vh;
        height: -webkit-fill-available;
        height: fill-available; */
        height: calc(var(--vh, 1vh) * 100);
        overflow: hidden;
        overflow-y: auto;
        letter-spacing: 0;
    }
    commerce-layout-header{
        height:0;
        display: block;
    }
    commerce-layout-site > .header[name="header"] + .content{
        padding-top:60px;
    }
    /*[S] Content*/
    commerce-layout-site > .content community_layout-section > .columns-content,
    commerce-layout-site > .content .comm-section-container:nth-of-type(1) > .columns-content{
        padding-right:0;
        padding-left:0;
        padding-top:0;
    }
    commerce-layout-site > .content community_layout-section{
        padding: 25px 24px 0!important;
    }
    commerce-layout-site > .content community_layout-section + community_layout-section{
        padding: 15px 24px 0!important;
    }
    c-sandi_floating-menu{
        display: none;
    }
    /*[E] Content*/
    

    /*[S] global search*/
    .inp-global-search input{
        height: 42px;
        font-size: 16px;
        line-height: 16px;
        /* padding: 10.5px 15.4px 12.9px 19px; */
        padding: 10.5px 70px 12.9px 19px;
        border-width: 2px;
    }
    .inp-global-search input::placeholder{
        font-size: 16px;
        line-height: 16px;
    }
    /*[E] global search*/

    /*[S] login */
    /* .login_container dxp_layout-tabs{
        margin: 0;
        padding: 0;
    }
    .login_container .slds-tabs_default .dxp-tabs-container{
        height: 50px;
    }
    .login_container .slds-tabs_default__nav li, 
    .login_container .dxp-tabs-container .slds-tabs_default__nav li{
        font-size: 16px;
        height: 50px;
        padding: 15px 0;
    } */
    .login_container .slds-input{
        height:42px;
        font-size: 16px;
        padding: 12px 20px;
    }
    .login_container .slds-input::placeholder{
        font-size: 16px;
    }
    .login_container .c_loginPageStyle{
        padding:10px 0;
    }
    /* .login_container .dxp-tab-container{
        padding: 25px 0;
    } */
    community_login-social-login > ul .comm-social-login__button{
        padding: 0 10px;
        font-size: 14px;
        font-weight: 300;
        height: 40px !important;
    }
    community_login-social-login + dxp_base-text-block p{
        font-size: 14px;
        padding-top: 20px;
    }
    /*[E] login */

    /*[S] layout*/
    community_layout-section,
    community_layout-column-spacer{
        padding: 0!important;
    }
    /*[E] layout*/

    /*[S] hero*/
    .hero_columns > .columns-content > .columns > dxp_layout-column:first-of-type, 
    .hero_columns > .columns-content > community_layout-column:first-of-type,
    .hero_columns > .columns-content > .columns > dxp_layout-column:last-of-type, 
    .hero_columns > .columns-content > community_layout-column:last-of-type{
        width: 100%;
        flex-grow: unset !important;
    }
    commerce-layout-site > .content community_layout-section.hero_columns{
        padding:0!important;
    }
    .hero_columns .slick-dots{
        display: none!important;
    }
    /*[E] hero*/

    /*[S] 홈 상품추천 배너*/
    .c_bannerRecommendation{
        display: none!important;
    }
    /*[E] 홈 상품추천 배너*/

    /*[S] Filter*/
    .total_txt{
        margin-bottom: 0;
        font-size: 14px;
        color:#222;
        padding-top:15px;
        padding-bottom:15px;
        background-color:#fff;
        border-bottom:1px solid #222;
        position:sticky;
        top:60px;
        z-index:2
    }
    /*[E] Filter*/

    /*[S] DatePicker*/
    .slds-form-element lightning-datepicker .slds-input,
    .slds-form-element .slds-form-element__control[type="date"] .slds-input{
        padding-right: 12.4px;
        background-size: 32px;
        background-repeat: no-repeat;
        background-position: right 5px center;
    }
    input[type="date"]::-webkit-calendar-picker-indicator, 
    input[type="date"]::-webkit-inner-spin-button{
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center;
        width: 15px;
        height: 19px;
    }
    
    /*[E] DatePicker*/

    /*[S] 아코디언*/
    details summary::-webkit-details-marker {
        display:none;
    }
    .ico-accordion{
        display: block;
    }
    .accordion_wrap{
        gap:0;
    }
    .accordion_wrap > li + li{
        border-top:1px solid #C9C9C9;
    }
    .accordion_wrap > li:last-child{
        border-bottom:1px solid #C9C9C9;
    }
    .accordion_wrap summary{
        padding: 20px 0;
        border: 0;
    }
    .summary_wrap{
        font-size: 16px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: minmax(0, auto);
        gap: 20px;
        line-height:1.4;
        word-break:keep-all ;
    }
    .slds-badge{
        font-size: 12px;
        height: 24px;
        padding: 5px 26px;
        width: fit-content;
    }
    .summary_section{
        padding: 17px 15px 18px;
    }
   
    /*[E] 아코디언*/

    /*[S] 상품상세 갤러리*/
    commerce_product_details-gallery commerce_product_details-horizontal-scroller,
    commerce_product_details-gallery commerce_product_details-horizontal-scroller > div{
        width:100%;
    }
    commerce_product_details-gallery-image.mobile-gallery-image{
        width: 100%!important;
        height: auto!important;
        max-width: unset;
        padding: 0;
        border: 1px solid #C9C9C9;
        aspect-ratio: 4 / 3;
    }
    commerce_product_details-dot-indicators .slds-carousel__indicators{
        margin: 12px 0 35px;
    }
    commerce_product_details-dot-indicators .slds-carousel__indicator{
        margin:0 6px;
    }
    commerce_product_details-dot-indicators .slds-carousel__indicator-action{
        width: 12px!important;
        height: 12px!important;
        background-color: #C9C9C9;
        border: 0;
        border-radius: 100%;
    }
    commerce_product_details-dot-indicators .slds-carousel__indicator-action.slds-is-active,
    commerce_product_details-dot-indicators .slds-carousel__indicator-action.slds-is-active:hover{
        background-color: #222222;
    }
    /*[E] 상품상세 갤러리*/
    /*[S] 상품상세 탭*/
    dxp_layout-tabs.c_productInfoTab{
        margin:0;
        padding-top:19.5px;
    }
    dxp_layout-tabs.c_productInfoTab .slds-tabs_default__nav li{
        line-height: normal;
        height: 43px;
        font-size: 16px;
        padding: 11px 16px;
    }
    dxp_layout-tabs.c_productInfoTab .slds-tabs_default__nav li:not(.slds-is-active):hover, 
    dxp_layout-tabs.c_productInfoTab .dxp-tabs-container .slds-tabs_default__nav li[data-active="false"]:hover{
        padding: 11px 16px;
    }
    dxp_layout-tabs.c_productInfoTab .slds-tabs_default__nav li:after{
        border-color: #222;
    }
    
    /*[E] 상품상세 탭*/

    /*[S] 테이블*/
    .table_wrap {padding:20px!important;}
    .table_wrap table colgroup, .table_wrap table thead {display:none}
    .table_wrap table tbody tr {display:flex;flex-wrap:wrap;border:none;border-bottom:1px solid #c9c9c9;padding:5px 0}
    .table_wrap table tbody tr:last-child {border-bottom:none}
    .table_wrap table tbody td {width:50%;padding:10px 5px;text-align:left !important;word-break: keep-all;}
    .table_wrap table tbody td .slds-text-align_right {text-align:left !important}
    .table_wrap table tbody td + td {border:none !important}
    .table_wrap table tbody td::before {
        content:attr(data-label);
        display:block;
        font-size:14px;
        padding-bottom:6px;
        color:#777;
        min-height:22px;
    }
    .m_100 {width:100% !important;}
    /*[E] 테이블*/

    /*[S] 모달*/
    .slds-modal.slds-modal_small .slds-modal__container,
    .slds-modal.slds-modal_medium .slds-modal__container,
    .slds-modal.slds-modal_large .slds-modal__container,
    .slds-modal.slds-modal_full .slds-modal__container{
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        padding:0;
        margin:0;
    }
    .slds-modal .slds-modal__content{
        height: calc((var(--vh, 1vh) * 100) - 160px);
        max-height: unset!important;
        min-height: unset!important;
        padding: 23px 24px 49px;
    }
    .slds-modal__header{
        padding: 15px 24px 15px 24px;
    }
    .slds-modal .slds-modal__title{
        font-size: 24px;
    }
    .slds-modal__footer{
        padding: 25px 24px;
        border-top: 1px solid #C9C9C9;
    }
    .slds-modal__footer lightning-button{
        height: 50px;
        width: 100%;
        flex: 1;
    }
    .slds-modal__footer lightning-button button{
        font-size: 18px;
    }

    /*[E] 모달*/

    /*[S] 알럿, 컨펌*/
    .confirm_modal .confirm_box,
    .alert_modal .alert_box{
        width:90vw;
        min-height:200px;
        padding:30px 20px;
    }
    .confirm_modal .confirm_body,
    .alert_modal .alert_body{
        min-height: 70px;
    }

    .confirm_modal .btn_wrap.btn_wrap-oppty{
        display: flex;
        flex-wrap: wrap;
        height: auto;
        min-height: 50px;
    }
    .confirm_modal .btn_wrap.btn_wrap-oppty button{
        height: 50px;
        width: calc(50% - 5px);
    }
    .confirm_modal .btn_wrap.btn_wrap-oppty button.btn_confirm-oppty{
        height: 50px;
        width:100%;
    }

    /*[E] 알럿, 컨펌*/

    /*[S] 체크아웃 버튼*/
    commerce_cart-checkout-button commerce-action-button{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 26px 24px;
        background-color: #fff;
        z-index: 999;
        border-top: 1px solid #C9C9C9;
        transform: translateY(100%);
        transition:transform .2s ease;
    }
    commerce_cart-checkout-button commerce-action-button .slds-button{
        margin: 0;
        padding: 0;
        font-size: 18px !important;
        margin: 0;
        padding: 0;
        height: 50px !important;
    }
    /*[E] 체크아웃 버튼*/

    /*[S] 인풋*/
    .slds-input, 
    input,
    .slds-combobox_container .slds-combobox__form-element button.slds-combobox__input,
    .slds-form-element lightning-datepicker .slds-input{
        line-height: normal;
        -webkit-appearance: none;
        border-radius: 0;
    }
    input::-webkit-date-and-time-value{ 
        text-align:left; 
    }
    /* .slds-radio .slds-form-element__label{
        font-size: 14px;
        color: #181818;
    } */
    .slds-input.slds-is-disabled, 
    .slds-input[disabled],
    input:disabled{
        border-color: #C9C9C9;
    }
    /*[E] 인풋*/

    /*[S] 수량선택기*/
    .quantityButton,
    .quantityButton button,
    .quantity_btn,
    .quantityInput input,
    .quantity_inp{
        height:30px;
        min-height: 30px;
    }
    .quantityInput,
    .quantity_inp{
        width: 40px;
    }
     /*[E] 수량선택기*/

     /*[S] 장바구니*/
     commerce_cart-header h1.label-count h2{
        font-size:22px;
        color: #181818;
     }
     commerce_cart-header h1.label-count p{
        font-size: 13px;
        color: #181818;
     }
     
     commerce_cart-managed-contents commerce_cart-header{
        padding-bottom:5px;
     }
     commerce_builder-sticky-container .sticky-container .sticky{
        position:unset;
        z-index: 0;
     }
     commerce_data_provider-cart-data-provider{
        min-height: calc(var(--vh, 1vh)* 100);
        display: block;
     }
     /*[E] 장바구니*/

     /*[S] 버튼*/
     button.slds-button_outline-brand.slds-button.form,
    a.slds-button_outline-brand.slds-button.form,
    .form button.slds-button_outline-brand.slds-button,
    .form a.slds-button_outline-brand.slds-button{
        font-size: 14px;
    }
    button.slds-button_brand.primary.slds-button,
    a.slds-button_brand.primary.slds-button,
    .primary button.slds-button_brand.slds-button,
    .primary a.slds-button_brand.slds-button,
    button.slds-button_outline-brand.slds-button.primary,
    a.slds-button_outline-brand.slds-button.primary,
    .primary button.slds-button_outline-brand.slds-button,
    .primary a.slds-button_outline-brand.slds-button{
        font-size: 16px;
    }
    /*[E] 버튼*/

    /*[S] 홈 추천상품 섹션*/
    commerce-layout-site > .content community_layout-section + community_layout-section.c_recommendedProducts{
        display: none;
    }
    /*[E] 홈 추천상품 섹션*/

    /*[S] 주문결제*/
    c-sandi_checkout-product-input + c-sandi_checkout-product-input .info-card{
        border-top: 1px solid #F1F1F1;
        padding-top: 20px;
    }
    c-sandi_checkout-product-input:nth-of-type(1) .product-container{
        margin-top:26px;
    }
    /*[E] 주문결제*/

    /*[S] 결과값 없음*/
    .empty-result{
        font-size: 16px;
        border:none;
        border-bottom:1px solid #c9c9c9
    }
    /*[E] 결과값 없음*/

    /*[S] 모바일 헤더 메뉴, 홈 버튼*/
    body.productPage .mb__navigator .mb__btn-menu{
        display: block;
    }
    body.productPage .mb__navigator .mb__btn-home{
        display: none;
    }
    body:not(.productPage) .mb__navigator .mb__btn-menu{
        display: none;
    }
    body:not(.productPage) .mb__navigator .mb__btn-home{
        display: block;
    }
    .alert_modal .alert_body .title{
        font-size:16px;
    }
    .drag_n_drop label {font-size:14px;}


    /*[S] B2B 로그인 로고*/
    .c_b2bLoginLogo .dxp-content-layout-site-logo{
        width: 200px !important;
        height: 30px !important;
    }

     /*[E] B2B 로그인 로고*/

     /*[S] 견적시뮬레이션 버튼*/
    .btn_case-simulation button{ 
        font-size: 14px;
    }
    /*[E] 견적시뮬레이션 버튼*/

    

   
}