@charset "utf-8";

@import url('layout.css');
@import url('common.css');
@import url('width.css');/*20250310추가*/

/* form */
select{outline:none;height:48px;padding-left:12px;padding-right:48px;border:1px solid var(--neutral-gray-300);border-radius:4px;background:url(../images/ic/ic_select.svg) no-repeat right 20px center var(--neutral-white-100);background-size:12px auto;transition:all 0.2s ease-in-out;}
input:not([type="checkbox"]):not([type="radio"]){caret-color:var(--primary-green-90);outline:none;height:48px;padding:0 12px;color:var(--neutral-black) ! important;border:1px solid var(--neutral-gray-300);border-radius:4px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
textarea{outline:none;padding:20px;border:1px solid var(--neutral-gray-300);border-radius:4px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; width: 100%}
select:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="number"]:focus,input[type="email"]:focus,textarea:focus{border:1px solid var(--primary-green-90);}
.input_box{position:relative;display:inline-block;}
.input_box.alert_err input{border:1px solid var(--sub-red-90) ! important;}
.input_box.alert_err:after{content:"";position:absolute;top:0;bottom:0;right:16px;margin:auto 0;display:block;width:20px;height:20px;background:url(../images/ic/ic_alert_err.svg) no-repeat 50% 50%}
/* 정상인경우 추가 20250721 최재성 */
.input_box.alert_ok input{border:1px solid var(--sub-blue-100) ! important;}
.input_box.alert_ok:after{content:"";position:absolute;top:0;bottom:0;right:16px;margin:auto 0;display:block;width:20px;height:20px;background:url(../images/ic/ic_alert_ok.svg) no-repeat 50% 50%}
/* readonly 인 경우 추가 20250423 최재성 */
select:disabled,input:disabled,textarea:disabled,input:read-only,textarea:read-only{background-color:var(--neutral-white-300);}
select:invalid{color:var(--neutral-gray-400);}
input[type=file]{height:48px ! important;}
/*table input {width:100%}
*/
.fileUpload .files{margin-top:6px;font-size:14px;}
.fileUpload .files span~span{margin-left:12px;}
.fileUpload .del{width:16px;height:16px;margin-left:4px;font-size:0;background:url(../images/ic/ic_toolClose.svg) no-repeat 50% 50%/contain;}
.fileUpload .docUpload{display:flex;align-items:flex-end;gap:12px;}
.fileUpload input[type=file]{position:absolute;opacity:0;width:0}
.fileUpload label{cursor:pointer;position:relative;z-index:1;display:inline-block;width:79px;height:48px;line-height:48px;text-align:center;font-weight:700;color:var(--neutral-gray-500);border-radius:4px;background:var(--neutral-white-300)}
.fileUpload .ex{font-size:14px;font-weight:400;color:var(--neutral-gray-500);margin-bottom: 5px}

.fileUpload2 {display: flex; gap:20px; align-items: center;}
.fileUpload2 .files{margin-top:6px;font-size:14px;}
.fileUpload2 .files span~span{margin-left:12px;}
.fileUpload2 .del{width:16px;height:16px;margin-left:4px;font-size:0;background:url(../images/ic/ic_toolClose.svg) no-repeat 50% 50%/contain;}
.fileUpload2 .docUpload{display:flex;align-items:flex-end;gap:12px;}
.fileUpload2 input[type=file]{position:absolute;opacity:0;width:0}
.fileUpload2 label{cursor:pointer;position:relative;z-index:1;display:inline-block;width:79px;height:48px;line-height:48px;text-align:center;font-weight:700;color:var(--neutral-gray-500);border-radius:4px;background:var(--neutral-white-300)}
.fileUpload2 .ex{font-size:14px;font-weight:400;color:var(--neutral-gray-500);margin-bottom: 5px}

.datepic{width:156px;margin-right:-23px;}
.datepic + button{position:relative;left:-14px;width:23px;height:23px}

/* select */
.SlectBox{width:100%;line-height:40px;padding-left:10px;text-align:left;font-size:16px;box-sizing:border-box}.SelectClass{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}.SumoSelect > .optWrapper > .options > li label,.SumoSelect > .CaptionCont{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.SumoSelect{position:relative;outline:none;display:inline-block;vertical-align:top}.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont{}.SumoSelect > .CaptionCont{position:relative;border:1px solid transparent;min-height:46px;line-height:46px;background-color:transparent;margin:0;border-radius:4px;font-style:normal;box-sizing:border-box}.SumoSelect > .CaptionCont > span{display:block;padding-right:30px;color:#9e9e9e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default}.SumoSelect > .CaptionCont > span.placeholder{color:#9a9b9c!important;font-weight:300;cursor:pointer}.SumoSelect > .CaptionCont > label{position:absolute;top:0;right:0;bottom:0;width:30px;text-align:left}.SumoSelect > .CaptionCont > label > i{width:20px;height:20px;display:block;position:absolute;top:0;left:0;right:14px;bottom:0;margin:auto;background-repeat:no-repeat;background-position:50% 50%;opacity:.8}.SumoSelect > .optWrapper{top:62px;position:absolute;right:0;width:100%;opacity:0;padding-top:0;border-radius:0 0 5px 5px;visibility:hidden;transition:opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;-webkit-transition:opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;-moz-transition:opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;-ms-transition:opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;-o-transition:opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:100;background:transparent;border:1px solid #ddd;overflow:hidden}.SumoSelect > .optWrapper.open{visibility:visible;opacity:1;z-index:1000}.SumoSelect > .optWrapper > .options{list-style:none;display:block;padding:0;margin:0;overflow:auto;max-height:284px}.SumoSelect > .optWrapper > .options > li{padding:0;margin:0;position:relative}.SumoSelect > .optWrapper > .options > li:first-child{border-top:0}.SumoSelect > .optWrapper > .options > li:hover{}.SumoSelect > .optWrapper > .options > li.sel{background-color:transparent}.SumoSelect > .optWrapper > .options > li label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;font-size:16px;color:#333;font-weight:400;cursor:pointer}.SumoSelect > .optWrapper > .options > li span{display:none}.SumoSelect > .optWrapper > .options > li.disabled{display:none;background-color:inherit;pointer-events:none}.SumoSelect > .optWrapper > .options > li.disabled *{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}.SumoSelect .select-all.selected > span i,.SumoSelect .select-all.partial > span i{background-color:transparent;box-shadow:none;border-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center center}.SumoSelect.disabled{opacity:.7;cursor:not-allowed}.SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none;}.SumoSelect .select-all{border-radius:3px 3px 0 0;position:relative;border-bottom:1px solid transparent;background-color:transparent;padding:8px 0 3px 30px;height:20px;display:block;width:100%}.SumoSelect .select-all > span i{cursor:pointer}.SumoSelect .select-all.partial > span i{background-color:transparent}.SumoSelect > .optWrapper > .options > li.optGroup{padding-left:5px;text-decoration:underline}.SumoSelect > .optWrapper > .options::-webkit-scrollbar{width:4px;height:6px;border:4px solid #fff}.SumoSelect > .optWrapper > .options::-webkit-scrollbar-button:start:decrement,.SumoSelect > .optWrapper > .options::-webkit-scrollbar-button:end:increment{display:block;height:10px;background:#fff}.SumoSelect > .optWrapper > .options::-webkit-scrollbar-track{background:#fff;-webkit-border-radius:10px;border-radius:4px;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0)}.SumoSelect > .optWrapper > .options::-webkit-scrollbar-thumb{height:35px;width:4px;background:#d5d9e3;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0)}.SumoSelect select.open + .SlectBox label i{}
.SumoSelect{width:110px;float:none ! important;vertical-align:middle;}
div.SumoSelect{display:inline-block ! important;}
.SumoSelect .CaptionCont{border-color:#d9d9d9;background:#fff}
.SumoSelect .CaptionCont > span{font-size:16px ! important;color:#333 ! important;}
.SumoSelect .optWrapper{float:none ! important;margin:0 ! important;display:inline-block ! important;border-color:#d9d9d9;background:#fff}
.SumoSelect .optWrapper .options > li label{padding-left:16px;line-height:56px ! important;text-align:left ! important;font-size:16px ! important;font-weight:700 ! important;color:#484848 ! important;}
.SumoSelect .optWrapper .options > li~li{border-top:1px solid #d9d9d9 ! important;}
.SumoSelect .optWrapper .options > li:hover{background-color:#e7f7f2;}
.SumoSelect .optWrapper .options > li:active{background-color:#1d8163;}
.SumoSelect .optWrapper .options > li:active label{color:#fff ! important;}
.SumoSelect.open + .SlectBox{border:1px solid #1d8163;}
.SumoSelect .optWrapper.open{left:auto;right:0;border:1px solid #f2f2f2;border-radius:4px;box-shadow:4px 8px 18px rgba(1, 1, 1, .2);}
.SumoSelect .CaptionCont > label > i{background-image:url(../images/ic/ic_select.svg) ! important}
.SumoSelect select.open + .SlectBox label i{transform:rotate(180deg);}
.SumoSelect.wide{width:100% ! important;box-sizing:border-box;}
.SumoSelect .options > li.selected label{color:#1d8163 ! important}
.SumoSelect .options > li.selected label:before{content:"";position:relative;top:-2px;display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:8px;background:url(../images/ic/ic_opChk.svg) no-repeat 50% 50%;}
.SumoSelect.disabled .CaptionCont{}
.SumoSelect.disabled .CaptionCont label{cursor: no-drop}
.SumoSelect.auto .optWrapper .options{max-height:none}

.selectbox{position:relative;font-size:16px;color:var(--neutral-gray-500);}
.selectbox~.selectbox{margin-top:16px;}
.selectbox .selected{width:100%;height:44px;padding-left:12px;text-align:left;border:1px solid var(--neutral-gray-300);}
.selectbox .selected:after{content:"";position:absolute;right:12px;top:0;bottom:0;margin:auto 0;width:20px;height:20px;background:url(../images/ic/ic_select.svg) no-repeat 50% 50%/12px auto}
.selectbox .option{position:absolute;top:100%;right:0;left:0;z-index:100;margin-top:-1px;background-color:var(--neutral-white-100);border: 1px solid var(--neutral-gray-300)}
.selectbox .option ul{overflow-y:auto;max-height:250px;}
.selectbox .option li~li{border-top:1px solid var(--neutral-gray-300);}
.selectbox .option button{width:100%;min-height:36px;padding:6px 12px;text-align:left}
.selectbox .option button:hover{background:var(--neutral-gray-200)}
.selectbox.type li~li{margin-top:16px;border:0;}
.selectbox.type .option{overflow-y:auto;height:180px;padding:16px;}
.selectbox.type .option .chk_box{display:block;text-align:right}
.selectbox.type .option .chk_box label{display:block;}
.selectbox[aria-expanded='false'] .option{display:none;}
.selectbox[aria-expanded='true'] .selected:after{transform:rotate(180deg);}
.selectbox[aria-expanded='false'] .option-group{display:none;} /* 2025-04-25 상품상세 상품옵션관련 추가 */

.multiSelectbox{position:relative;font-size:16px;color:var(--neutral-gray-500);}
.multiSelectbox~.multiSelectbox{margin-top:16px;}
.multiSelectbox .selected{width:100%;height:44px;padding-left:12px;text-align:left;border:1px solid var(--neutral-gray-300);}
.multiSelectbox .selected:after{content:"";position:absolute;right:12px;top:0;bottom:0;margin:auto 0;width:20px;height:20px;background:url(../images/ic/ic_select.svg) no-repeat 50% 50%/12px auto}
.multiSelectbox .option{z-index:100;position:absolute;top:100%;right:0;left:0;margin-top:-1px;background-color:var(--neutral-white-100);border: 1px solid var(--neutral-gray-300)}
.multiSelectbox .option ul{overflow-y:auto;max-height:250px;padding:16px;}
.multiSelectbox li~li{margin-top:16px;}
.multiSelectbox .option .chk_box{display:block;text-align:right}
.multiSelectbox .option .chk_box label{display:block;}
.multiSelectbox[aria-expanded='false'] .option{display:none;}
.multiSelectbox[aria-expanded='true'] .selected:after{transform:rotate(180deg);}

/* 체크박스 disabled 변경 border, back-ground*/
.chk_box input[type=checkbox]{opacity:0;-webkit-appearance:none}
.chk_box{display:inline-block;position:relative;line-height:24px;}
.chk_box label{display:inline-block;padding-left:35px;}
.chk_box input[type="checkbox"]{position:absolute;top:2px;left:0;}
.chk_box label:before{content:"";position:absolute;top:2px;left:0;width:24px;height:24px;border:2px solid var(--neutral-gray-300);box-sizing:border-box;transition:all 0.1s ease-in-out;}
.chk_box input[type="checkbox"]:checked + label::before{border-color:var(--primary-green-90);background:url(../images/ic/ic_chk.svg) no-repeat 50% 50%;background-color:var(--primary-green-90);}
.chk_box.type label{width:24px;height:24px;padding-left:0;font-size:0}
.chk_box~.chk_box{margin-left:32px}
.chk_box input[type="checkbox"]:focus-visible + label:before{outline-offset:max(2px, 0.1em) ! important;outline:max(2px, 0.1em) dotted #666 ! important;}
.chk_box input[type="checkbox"]:disabled + label::before{border:var(--neutral-white-100);background-color:var(--neutral-gray-300);}
.chk_box input[type="checkbox"]:disabled + label::before{color:var(--neutral-gray-300)}

.radio_box input[type=radio]{opacity:0;-webkit-appearance:none}
.radio_box{display:inline-block;position:relative;line-height:20px;}
.radio_box label{display:inline-block;padding-left:28px;}
.radio_box input[type="radio"]{position:absolute;top:2px;left:0;}
.radio_box label:before{content:"";position:absolute;top:2px;left:0;width:20px;height:20px;border:2px solid var(--neutral-gray-300);border-radius:100%;box-sizing:border-box;transition:all 0.1s ease-in-out;}
.radio_box label:after{content:"";position:absolute;top:7px;left:5px;width:10px;height:10px;border-radius:100%;background-color:var(--neutral-white-100);transition:all 0.1s ease-in-out;}
.radio_box input[type="radio"]:checked + label::before{border:2px solid var(--primary-green-90);}
.radio_box input[type="radio"]:checked + label::after{background-color:var(--primary-green-90);}
.radio_box~.radio_box{margin-left:32px}
.radio_box input[type="radio"]:focus-visible + label:before{outline-offset:max(2px, 0.1em) ! important;outline:max(2px, 0.1em) dotted #666 ! important;}

/* button */
button:disabled{cursor:default}
a.btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;}
.btn{width:100%;border:0;border-radius:4px;transition:all 0.3s ease-in-out; white-space: nowrap; align-content: center;}
.btn.fnc01{color:var(--neutral-white-100);background:var(--primary-green-90);}
.btn.fnc01:not(:disabled):hover{background:var(--primary-green-100);}
.btn.fnc01:disabled{background:var(--primary-green-40);}
.btn.fnc02{color:var(--primary-green-90);border:2px solid var(--primary-green-90);background:var(--neutral-white-100);}
.btn.fnc02:not(:disabled):hover{background:var(--primary-green-30);}
.btn.fnc02:disabled{color:var(--neutral-gray-300);border-color:var(--neutral-gray-300);}
.btn.fnc03{color:var(--neutral-gray-500);border:1px solid var(--neutral-gray-300);background:var(--neutral-white-100);}
.btn.fnc03:not(:disabled):hover{background:var(--neutral-white-300);}
.btn.fnc03:disabled{color:var(--neutral-gray-300);border-color:var(--neutral-gray-300);}
.btn.fnc04{color:var(--neutral-gray-500);background:var(--neutral-white-300);}
.btn.fnc04:not(:disabled):hover{background:var(--neutral-gray-300);}
.btn.fnc04:disabled{color:var(--neutral-gray-300);background:var(--neutral-white-200);}
.btn.fnc05{color:var(--neutral-white-100);background:var(--neutral-gray-500);}
.btn.fnc05:not(:disabled):hover{background:var(--neutral-gray-800);}
.btn.fnc05:disabled{background:var(--neutral-gray-300);}
.btn.fnc06{color:var(--neutral-white-100);background:var(--sub-red-90);}
.btn.fnc06:not(:disabled):hover{background:var(--sub-red-100);}
.btn.fnc06:disabled{background:var(--sub-red-30);}
.btn.siz_lg{height:70px;font-size:20px;font-weight:700;}
.btn.siz_md{height:48px;font-size:18px;font-weight:700;}
.btn.siz_sm{width:auto;padding:0 15px;min-width:60px;height:48px;font-size:16px;font-weight:700; align-content: center;}
.btn.siz_xs{width:auto;padding:0 15px;height:32px;font-size:16px;font-weight:700;}
.btn.siz_xxs{width:auto;padding:0 8px;height:28px;font-size:12px;font-weight:700;}
.popup_foot .btn.siz_sm{min-width:175px;}
.popup_foot .btn_wrap .btn.siz_sm:only-child {width: 100%; max-width: 400px; margin: 0 auto}/*버튼이 1개일때*/
.btn_wrap:has(button:nth-child(2):last-child) .btn.siz_sm{width: 100%; max-width: 354px; }/*버이2이2개일때*/

.btn_reset{width:88px;height:48px;color:var(--neutral-gray-500);font-weight:700;border-radius:4px;border:1px solid var(--neutral-gray-300);background:var(--neutral-white-100);}
.btn_reset:before{content:"";display:inline-block;position:relative;top:-2px;width:20px;height:20px;margin-right:2px;vertical-align:middle;background:url(../images/ic/ic_reset.svg) no-repeat 50% 50%/contain;}
.btn_reset:disabled{color:var(--neutral-gray-300);border:0;}
.btn_reset:disabled:before{opacity:.3}

.btn_icReset{width:48px;height:48px;font-size:0;border-radius:4px;border:1px solid var(--neutral-white-300);background:var(--neutral-white-100);}
.btn_icReset:before{content:"";display:inline-block;width:24px;height:24px;background:url(../images/ic/ic_reset.svg) no-repeat 50% 50%/contain;}
.btn_icReset:disabled:before{opacity:.4}

.btn_rec{height:48px;padding:0 12px;color:var(--primary-green-90);font-size:20px;font-weight:700;border-radius:4px;border:1px solid var(--primary-green-90);background:var(--neutral-white-100);}
.btn_rec:before{content:"";display:inline-block;position:relative;top:-2px;width:16px;height:13px;margin-right:8px;vertical-align:middle;background:url(../images/ic/ic_rec_g.svg) no-repeat 50% 50%/contain;}
.btn_rec span{margin-left:6px;color:var(--neutral-gray-800);font-size:16px;font-weight:400}
.btn_rec.active{color:var(--neutral-white-100);background:var(--primary-green-90);}
.btn_rec.active:before{background-image:url(../images/ic/ic_rec_w.svg)}
.btn_rec.active span{color:inherit}

.btn_more{position:relative;display:inline-block;padding-right:14px;color:var(--primary-green-90) ! important;font-size:16px;font-weight:700;text-underline-position:under;text-decoration:underline ! important}
.btn_more:after{content:"";position:absolute;top:0;bottom:0;right:0;width:6px;height:9px;margin:auto 0;background:url(../images/ic/ic_arr_g.svg) no-repeat 50% 50%;}

.btn_detail{position:relative;display:inline-block;padding-right:14px;color:var(--neutral-gray-400) ! important;font-size:14px;text-underline-position:under;text-decoration:underline ! important}
.btn_detail:after{content:"";position:absolute;top:0;bottom:0;right:0;width:7px;height:9px;margin:auto 0;background:url(../images/ic/ic_arr3.svg) no-repeat 50% 50%;}

.btn_close{width:24px;height:24px;font-size:0;}
.btn_close:before,.btn_close:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:2px;height:18px;background:var(--neutral-gray-500);transform:rotate(45deg);}
.btn_close:after{transform:rotate(-45deg);}

.btn_wish{width:44px;height:44px;font-size:0;background:url(../images/ic/ic_wish.svg) no-repeat 50% 50%;}
.btn_wish.active{background:url(../images/ic/ic_wish_on.svg) no-repeat 50% 50%;}

.btn_trigger{display:block;width:24px;height:24px;font-size:0;background:url(../images/ic/ic_arr.svg) no-repeat 50% 50%/14px auto;}

.btn_down{height:32px;padding:0 12px 0 8px;color:var(--neutral-white-100);font-weight:700;font-size:16px ! important;border-radius:4px;background:var(--primary-green-90);transition:all 0.2s ease-in-out;}
.btn_down:after{content:"";display:inline-block;width:13px;height:13px;margin-left:11px;background:url(../images/ic/ic_down.svg) no-repeat 50% 50%;}
.btn_down:not(:disabled):hover{background:var(--primary-green-100);}

.btn_trash{width:24px;height:24px;font-size:0;background:url(../images/ic/ic_trash.png) no-repeat 50% 50%;}
.btn_trash:disabled{opacity:.2}


/* icon */
.ic_sv{display:block;font-size:0;background-color:var(--neutral-white-100);background-repeat:no-repeat;background-position:50% 50%;}
.ic_sv.lg{width:82px;height:82px;border-radius:16px;border:1px solid var(--neutral-gray-200);transition:all 0.2s ease-in-out;}
.ic_sv.sm{width:40px;height:40px;border-radius:100%;}
.ic_sv.sva{background-image:url(../images/ic/ic_sva.svg);}
.ic_sv.sva.sm{background-size:21px auto;}
.ic_sv.sv1{background-image:url(../images/ic/ic_sv1.svg);}/*제로웨이스트*/
.ic_sv.sv1.lg{background-position:24px 50%}
.ic_sv.sv1.sm{background-size:19px auto;background-position:12px 50%}
.ic_sv.sv2{background-image:url(../images/ic/ic_sv2.svg);}/*지구보호*/
.ic_sv.sv2.sm{background-size:21px auto;}
.ic_sv.sv3{background-image:url(../images/ic/ic_sv19.svg);}/*건강한 삶*/
.ic_sv.sv3.sm{background-size:36px auto;}
.ic_sv.sv4{background-image:url(../images/ic/ic_sv4.svg);}/*동물보호*/
.ic_sv.sv4.sm{background-size:21px auto;}
.ic_sv.sv5{background-image:url(../images/ic/ic_sv5.svg);}/*대체식품*/
.ic_sv.sv5.sm{background-size:32px auto;}
.ic_sv.sv6{background-image:url(../images/ic/ic_sv6.svg);}/*공정무역*/
.ic_sv.sv6.sm{background-size:30px auto;}
.ic_sv.sv7{background-image:url(../images/ic/ic_sv20.svg);}/*지역상생*/
.ic_sv.sv7.sm{background-size:36px auto;}
.ic_sv.sv8{background-image:url(../images/ic/ic_sv8.svg);}/*기부상품*/
.ic_sv.sv8.sm{background-size:22px auto;}
.ic_sv.sv9{background-image:url(../images/ic/ic_sv9.svg);}/*Non-Timber*/
.ic_sv.sv9.sm{background-size:18px auto;}
.ic_sv.sv10{background-image:url(../images/ic/ic_sv10.svg);}/*제로웨이스트*/
.ic_sv.sv10.sm{background-size:18px auto;}
.ic_sv.sv11{background-image:url(../images/ic/ic_sv11.svg);}/*대체식품*/
.ic_sv.sv11.sm{background-size:31px auto;}
.ic_sv.sv12{background-image:url(../images/ic/ic_sv12.svg);}/*유기농/친환경*/
.ic_sv.sv12.sm{background-size:24px auto;}
.ic_sv.sv13{background-image:url(../images/ic/ic_sv13.svg);}/*행복한 일터*/
.ic_sv.sv13.sm{background-size:28px auto;}
.ic_sv.sv14{background-image:url(../images/ic/ic_sv14.svg);}/*Craft*/
.ic_sv.sv14.sm{background-size:22px auto;}
.ic_sv.sv15{background-image:url(../images/ic/ic_sv15.svg);}/*기술혁신*/
.ic_sv.sv15.sm{background-size:21px auto;}
.ic_sv.sv16{background-image:url(../images/ic/ic_sv16.svg);}/*지역재생*/
.ic_sv.sv16.sm{background-size:36px auto;}
.ic_sv.sv17{background-image:url(../images/ic/ic_sv17.svg);}/*배움의 평등*/
.ic_sv.sv17.sm{background-size:23px auto;}
.ic_sv.sv18{background-image:url(../images/ic/ic_sv18.svg);}/*약자보호*/
.ic_sv.sv18.sm{background-size:24px auto;}

/*20250411추가 - 아이콘 설명 말풍선*/
.ic_sv[class*="ic_sv sv"]:hover::before,.ic_sv[class*="ic_sv sv"]:hover::after{display: block; position: relative;}
.ic_sv[class*="ic_sv sv"].lg:hover::before,.ic_sv[class*="ic_sv sv"].lg:hover::after{display: none; position: relative;}
.ic_sv[class*="ic_sv sv"]::before{display: none; font-size:14px; color: var(--neutral-white-100); position: absolute; width: fit-content; height: auto; padding: 5px 10px; background: var(--neutral-black); border-radius: 20px; top:-5px; left: 44px; white-space: nowrap;}
.ic_sv[class*="ic_sv sv"]::after{display: none; content:''; position: absolute;width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent;  border-right: 10px solid var(--neutral-black); top:-15px; left: 40px; transform: rotate(-30deg)}

.ic_sv.sv1::before{content:'제로웨이스트';}
.ic_sv.sv2::before{content:'지구보호';}
.ic_sv.sv3::before{content:'건강한 삶';}
.ic_sv.sv4::before{content:'동물보호';}
.ic_sv.sv5::before{content:'대체식품';}
.ic_sv.sv6::before{content:'공정무역';}
.ic_sv.sv7::before{content:'지역상생';}
.ic_sv.sv8::before{content:'기부상품';} 
.ic_sv.sv9::before{content:'Non-Timber';}
.ic_sv.sv10::before{content:'제로웨이스트';}
.ic_sv.sv11::before{content:'대체식품';}
.ic_sv.sv12::before{content:'유기농/친환경';}
.ic_sv.sv13::before{content:'행복한 일터';}
.ic_sv.sv14::before{content:'Craft';}
.ic_sv.sv15::before{content:'기술혁신';}
.ic_sv.sv16::before{content:'지역재생';}
.ic_sv.sv17::before{content:'배움의 평등';}
.ic_sv.sv18::before{content:'약자보호';}

.icset span { display: block; padding: 5px 10px; line-height: 14px; font-size: 14px; background:rgba(255,255,255,.5); border-radius: 20px; align-content: center; height: 25px; color: var(--neutral-gray-800);}

.ic_sprice{display:inline-block;height:24px;line-height:24px;padding:0 8px;color:var(--neutral-white-100);font-weight:600;border-radius:4px;background:var(--sub-red-80);}
.ic_wish{display:inline-block;width:22px;height:21px;font-size:0;background:url(../images/ic/ic_wish_on.svg) no-repeat 50% 50%/22px auto;}
.ic_notice{display:inline-block;width:44px;height:24px;line-height:24px;color:var(--neutral-white-100);font-weight:600;border-radius:20px;background:var(--sub-red-80)}


/* board  */
.boardSearch_g{display:flex;justify-content:space-between;position:relative;margin-bottom:20px;text-align:right}
.boardSearch_g .total{position:relative;top:10px;font-size:20px;font-weight:700}
.boardSearch_g .total strong{margin-left:4px;color:var(--primary-green-90);}
.boardSearch_g .input{display:inline-block;position:relative;width:360px;height:36px;border:1px solid var(--neutral-gray-300);border-radius:4px;box-sizing:border-box;}
.boardSearch_g .input input{width:100%;height:100% ! important;padding-right:40px;color:var(--neutral-gray-500);font-size:14px;border:0 ! important;}
.boardSearch_g .input .btn_search{position:absolute;top:5px;right:6px;width:24px;height:24px;font-size:0;background:url(../images/ic/ic_search.svg) no-repeat 50% 50%;}
.boardSearch_g .tabs{margin-bottom:12px}
.boardSearch_g .tabs + .input{top:8px;}

.board_list{border-top:2px solid var(--neutral-black)}
.board_list thead th{height:56px;font-weight:700;color:var(--neutral-gray-800);background:var(--neutral-gray-200);}
.board_list td{height:60px;padding:12px;text-align:center;color:var(--neutral-gray-500);border-bottom:1px solid var(--neutral-gray-300);background:var(--neutral-white-100)}
.board_list .cell,.board_list .title{text-align:left}
.board_list a,.board_list .title a{display:inline-block;padding-bottom:1px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(95% - 40px);word-wrap:break-word;margin-right:8px;}
.board_list .fs,.board_list a{color:var(--neutral-gray-800);}
.board_list a:not(.btn):hover{text-decoration:underline;text-underline-position:under;}
.board_list .state{display:inline-block;width:87px;height:40px;line-height:40px;text-align:center;border-radius:30px; padding: 0 10px; white-space: nowrap;}
.board_list .state.st1{color:var(--neutral-gray-400);border:1px solid var(--neutral-gray-300);}
.board_list .state.st2{color:var(--sub-blue-100);border:1px solid var(--sub-blue-100);}
.board_list .state.st3{color:var(--sub-red-90);border:1px solid var(--sub-red-90);}
.board_list .state.st4{color:var(--sub-yellow-100);border:1px solid var(--sub-yellow-100);}
.board_list .state.st5{color:var(--primary-green-90);border:1px solid var(--primary-green-90);}
.board_list .lock a{color:var(--neutral-gray-400);}
.board_list .lock a:after{content:"";position:relative;top:-2px;display:inline-block;width:24px;height:24px;vertical-align:middle;margin-left:4px;background:url(../images/ic/ic_lock.svg) no-repeat 50% 50%;}
.board_list .qa{padding:24px 32px;text-align:left;color:var(--neutral-gray-800);background:var(--neutral-white-300)}
.board_list .qa .q,.board_list .qa .a{position:relative;padding:6px 0 0 58px;}
.board_list .qa .a{margin-top:24px;min-height:32px;}
.board_list .qa .q i,.board_list .qa .a i{position:absolute;top:0;left:0;width:32px;height:32px;line-height:32px;text-align:center;color:var(--neutral-white-100);font-weight:700;border-radius:100%;background:var(--neutral-gray-500)}
.board_list .qa .a i{background:var(--primary-green-90)}
.board_list .qa span{display:block;margin-top:4px;}
.board_list .lock .btn_trigger{opacity:.4}
.board_list tr[aria-expanded='false'] + tr{display:none;}
.board_list tr[aria-expanded='true'] a{font-weight:700;color:var(--primary-green-90)}
.board_list tr[aria-expanded='true'] .btn_trigger{transform:rotate(180deg);}
.board_list .nodata{height:92px;color:var(--neutral-gray-800)}
.board_list tfoot td{background-color:var(--primary-green-30); font-weight: 700; color: var(--neutral-gray-800)}

.board_list1{border-top:2px solid var(--neutral-black)}
.board_list1 thead th{height:56px;font-weight:700;color:var(--neutral-gray-800);background:var(--neutral-gray-200);}
.board_list1 td{height:68px;padding:5px 12px;text-align:center;color:var(--neutral-gray-500);border-bottom:1px solid var(--neutral-gray-300);background:var(--neutral-white-100); box-sizing: border-box;}
.board_list1 .cell,.board_list1 .title{text-align:left}
.board_list1 a,.board_list1 .title a{display:inline-block;padding-bottom:1px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(95% - 40px);word-wrap:break-word;margin-right:8px;}
.board_list1 .fs,.board_list1 a{color:var(--neutral-gray-800);}
.board_list1 a:not(.btn):hover{text-decoration:underline;text-underline-position:under;}
.board_list1 .state{display:inline-block;width:87px;height:40px;line-height:40px;text-align:center;border-radius:30px;}
.board_list1 .state.st1{color:var(--neutral-gray-400);border:1px solid var(--neutral-gray-300);}
.board_list1 .state.st2{color:var(--sub-blue-100);border:1px solid var(--sub-blue-100);}
.board_list1 .state.st3{color:var(--sub-red-90);border:1px solid var(--sub-red-90);}
.board_list1 .state.st4{color:var(--sub-yellow-100);border:1px solid var(--sub-yellow-100);}
.board_list1 .lock a{color:var(--neutral-gray-400);}
.board_list1 .lock a:after{content:"";position:relative;top:-2px;display:inline-block;width:24px;height:24px;vertical-align:middle;margin-left:4px;background:url(../images/ic/ic_lock.svg) no-repeat 50% 50%;}
.board_list1 .qa{padding:24px 32px;text-align:left;color:var(--neutral-gray-800);background:var(--neutral-white-300)}
.board_list1 .qa .q,.board_list1 .qa .a{position:relative;padding:6px 0 0 58px;}
.board_list1 .qa .a{margin-top:24px;min-height:32px;}
.board_list1 .qa .q i,.board_list1 .qa .a i{position:absolute;top:0;left:0;width:32px;height:32px;line-height:32px;text-align:center;color:var(--neutral-white-100);font-weight:700;border-radius:100%;background:var(--neutral-gray-500)}
.board_list1 .qa .a i{background:var(--primary-green-90)}
.board_list1 .qa span{display:block;margin-top:4px;}
.board_list1 .lock .btn_trigger{opacity:.4}
.board_list1 tr[aria-expanded='false'] + tr{display:none;}
.board_list1 tr[aria-expanded='true'] a{font-weight:700;color:var(--primary-green-90)}
.board_list1 tr[aria-expanded='true'] .btn_trigger{transform:rotate(180deg);}
.board_list1 .nodata{height:92px;color:var(--neutral-gray-800)}
.board_list1 tfoot td{background-color:var(--primary-green-30); font-weight: 700; color: var(--neutral-gray-800)}

.board_list.type2 thead th{height:56px;font-weight:700;color:var(--neutral-gray-800);background:var(--neutral-gray-200);border-bottom: 1px solid var(--neutral-gray-300); border-left: 1px solid var(--neutral-gray-300);}
.board_list.type2 thead th:first-child{border-left: none}
.board_list.type2 tbody th,
.board_list.type2 tfoot th{height:56px;font-weight:700;color:var(--neutral-gray-800);background:var(--neutral-gray-200);border-bottom: 1px solid var(--neutral-gray-300); border-left: 1px solid var(--neutral-gray-300);}
.board_list.type2 tbody th:first-child,
.board_list.type2 tfoot th:first-child{border-left: none}
.board_list.type2 td{height:56px;padding:10px; box-sizing: border-box;}

.board_list.type4 thead th{height:56px;font-weight:700;color:var(--neutral-gray-800);background:var(--neutral-gray-200);}
.board_list.type4 tbody th,
.board_list.type4 tfoot th{height:56px;font-weight:700;color:var(--neutral-gray-800);background:var(--neutral-gray-200);border-bottom: 1px solid var(--neutral-gray-300);}
.board_list.type4 td{height:56px;padding:10px 5px; box-sizing: border-box; text-align: center;}

.board_list.type5{border-top:1px solid var(--neutral-gray-300); margin-bottom: 10px;}
.board_list.type5 thead th{height:50px;font-weight:600;color:var(--neutral-gray-800);background:var(--neutral-gray-100);border-bottom: 1px solid var(--neutral-gray-300); border-left: 1px solid var(--neutral-gray-300);}
.board_list.type5 thead th:first-child{border-left: none}
.board_list.type5 tbody th{height:50px;font-weight:700;color:var(--neutral-gray-800);background:var(--neutral-gray-100);border-bottom: 1px solid var(--neutral-gray-300); border-left: 1px solid var(--neutral-gray-300); text-align: left;border-left: none; padding:10px 20px; box-sizing: border-box;}
.board_list.type5 tbody td{height:50px;padding:10px 20px; box-sizing: border-box;}

.faq_list{margin-bottom:32px;border-top:1px solid var(--neutral-black);background:var(--neutral-white-100)}
.faq_list .item .q{position:relative;width:100%;padding:24px 56px 24px 32px;height:84px;text-align:left;border-bottom:1px solid var(--neutral-gray-300);}
.faq_list .item .q:after{content:"";position:absolute;top:0;right:32px;bottom:0;margin:auto 0;width:24px;height:24px;font-size:0;background:url(../images/ic/ic_arr4.svg) no-repeat 50% 50%;transform:rotate(180deg);}
.faq_list .item .a{padding:24px 56px 24px 32px;background:var(--neutral-white-300)}
.faq_list .item[aria-expanded='true'] .q{font-weight:700;color:var(--primary-green-90)}
.faq_list .item[aria-expanded='true'] .q:after{transform:rotate(0);}
.faq_list .item[aria-expanded='false'] .a{display:none;}

.board_view{padding-top:25px}
.board_view .had{position:relative;padding-bottom:24px;border-bottom:1px solid var(--neutral-black)}
.board_view .had h2{padding-right:320px;font-weight:700;font-size:28px;color:var(--neutral-gray-800)}
.board_view .had .data{position:absolute;top:7px;right:0;color:var(--neutral-gray-500)}
.board_view .had .data span~span{position:relative;padding-left:13px;margin-left:9px;}
.board_view .had .data span~span:before{content:"";position:absolute;top:4px;left:0;width:1px;height:12px;background:#d9d9d9}
.board_view .had .data button{position:relative;top:-4px;}
.board_view .had .data button:nth-of-type(1){margin-left:8px}
.board_view .had .data button~button{margin-left:2px;}
.board_view .files{padding:16px 20px 13px;background:var(--neutral-white-300)}
.board_view .files a{position:relative;display:inline-block;margin:0 8px 8px 0;padding-left:20px;text-decoration:underline;text-underline-position:under;font-weight:700;color:var(--primary-green-90);}
.board_view .files a:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url(../images/ic/ic_file.svg) no-repeat 50% 50%;}
.board_view .memo{padding:24px 24px 0;color:var(--neutral-gray-800)}
.board_view .memo img{max-width:100%}
.board_view.event .had{width:1440px;margin:0 auto;border:0;}
.board_view.event .ic_wish{position:relative;top:-1px;vertical-align:middle;margin-right:7px;}
.board_view.event .memo{padding:0}
.board_view.event .memo .box{width:1440px;margin:0 auto; text-align: center; text-align: -webkit-center;}
.board_view.event + .page{margin-top:120px;}

.form_data > div{display:flex;color:var(--neutral-gray-400);/* align-items: center;*/}
.form_data > div~div{margin-top:20px}
.form_data dt{flex:0 0 160px;height:48px; font-size:18px;font-weight:700; box-sizing: border-box; line-height: 140%; align-content: center}
.form_data .tipWrap dt{display: flex; align-items: center}
.form_data div dt + dd + dt{padding-left: 20px;}
.form_data .type dt{height:26px;line-height:26px}
.form_data dt strong,
.board_list th strong,
.coupWrap dt strong{position:relative;top:-6px;margin-right:2px;font-weight:700;color:var(--sub-red-80);}
.coupWrapPop dt strong{position:relative;top:-6px;margin-right:2px;font-weight:700;color:var(--sub-red-80);}		/* 쿠폰적용팝업 추가 */
.form_data dd{position:relative;flex-grow:1; align-content: center;}
.form_data .col2 dd{width:313px;}
.form_data .data{display:flex;align-items:center;color:var(--neutral-gray-500);}
.form_data .msg{margin-top:9px;color:var(--sub-red-90);font-size:14px;}
.form_data .msg2{margin-top:12px;color:var(--neutral-gray-500);}
.form_data input,.form_data .input_box{width:100%}
.form_data .size{width:294px ! important}
.form_data .grid{display:flex;gap:12px; align-items: center;}
.form_data .grid select{flex:0 0 110px;}
.form_data .grid .SumoSelect{flex:0 0 110px;}
.form_data .grid button{flex:0 0 auto;}
.form_data .email{display:flex;align-items:center;gap:12px;}
.form_data .email .SumoSelect{width:230px}
.form_data .email .select{flex:0 0 230px;}
.form_data .add .SumoSelect{width:240px}
.form_data .add .select{flex:0 0 240px;}
.form_data .email .domain{position:relative;flex:0 0 230px;}
.form_data .email .domain .btn_close{position:absolute;top:0;bottom:0;right:12px;margin:auto 0;}
.form_data .email .domain.alert_ok .btn_close,.form_data .email .domain.alert_err .btn_close{right:40px}
.form_data .btn_view{position:absolute;top:9px;right:12px;width:30px;height:30px;font-size:0;background:url(../images/ic/ic_pw_hide.svg) no-repeat 50% 50%;}
.form_data .btn_view.show{background:url(../images/ic/ic_pw_show.svg) no-repeat 50% 50%;}
.form_data .alert_ok .btn_view,.form_data .alert_err .btn_view{right:42px;}
.form_data .chkg{display:flex;flex-wrap:wrap;gap:32px;width:660px;margin-bottom:24px;}

.detail_tbl{ border-top:1px solid var(--neutral-black);}
.detail_tbl th{padding:24px 0;text-align:left;font-weight:700;border-bottom:1px solid var(--neutral-gray-300); box-sizing: border-box}
.detail_tbl th strong { position: relative; top: -6px; margin-right: 2px; font-weight: 700; color: var(--sub-red-80);}/*20250318추가*/
.detail_tbl td{padding:24px 20px; line-height:22px;color:var(--neutral-gray-500);border-bottom:1px solid var(--neutral-gray-300); box-sizing: border-box;}
.detail_tbl .ol li{text-indent:-20px;padding-left:20px}
.detail_tbl .dot{margin-left:12px;}
.detail_tbl .dot li{position:relative;padding-left:12px}
.detail_tbl .dot li:before{content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:100%;background:var(--neutral-gray-500)}
.detail_tbl .border-left,
.board_list.type2 .border-left{border-left:1px solid var(--neutral-gray-300)!important}/*20250317추가*/
.detail_tbl .border-right,
.board_list.type2 .border-right{border-right:1px solid var(--neutral-gray-300)!important}/*20250317추가*/

.paging{position:relative;margin-top:32px;text-align:center;font-size:0;color:var(--neutral-gray-800)}
.paging ul{display:inline-block;margin:0 18px;vertical-align:middle;}
.paging li{display:inline-block;vertical-align:middle;}
.paging li~li{margin-left:4px}
.paging li a,.paging li strong{position:relative;display:inline-block;min-width:20px;padding-bottom:2px;margin:0 4px;font-size:16px;text-align:center;box-sizing:border-box}
.paging li strong a,.paging li strong{font-weight:700;color:var(--primary-green-90);}
.paging li strong a:before,.paging li strong:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--primary-green-90)}
.paging .prev,.paging .next,.paging .first,.paging .last{position:relative;top:0;display:inline-block;width:20px;height:20px;vertical-align:middle;font-size:0;text-indent:-5000px;transition:all 0.2s ease-in-out;}
.paging .prev,.paging .next{background:url(../images/ic/ic_pgArr.svg) no-repeat 50% 50%;}
.paging .first,.paging .last{background:url(../images/ic/ic_pgArr2.svg) no-repeat 50% 50%;}
.paging .first{margin-right:12px;transform:rotate(180deg);}
.paging .prev{transform:rotate(180deg);}
.paging .last{margin-left:12px}
.paging .disabled{opacity:.3;cursor:default}
.goods + .paging{margin-top:39px}

.prevNext{margin-top:48px;border-top:1px solid var(--neutral-gray-300);border-bottom:1px solid var(--neutral-gray-300);background:var(--neutral-white-100)}
.prevNext div~div{border-top:1px solid var(--neutral-gray-300);}
.prevNext div{display:flex;align-items:center;height:84px;color:var(--neutral-gray-500);}
.prevNext dt{flex:0 0 122px;text-align:center;font-weight:700;}
.prevNext dt:before{position:relative;top:-2px;content:"";display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:middle;background:url(../images/ic/ic_arr4.svg) no-repeat 50% 50%;}
.prevNext div:nth-child(2) dt:before{transform:rotate(180deg);}
.prevNext dd{width:100%;padding:0 24px;box-sizing:border-box;}
.prevNext dd:nth-of-type(2){flex:0 0 138px;text-align:center}
.prevNext a{padding-bottom:1px;color:var(--neutral-gray-800);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.prevNext a:hover{text-decoration:underline;text-underline-position:under;}

.pgBtng{position:relative;margin-top:32px;}
.pgBtng .paging{top:14px;margin-top:0}
.pgBtng .btng{position:absolute;top:0;right:0; display: flex; gap:8px}
.pgBtng .btng .btn{width: 140px;}

.btnList_block{margin-top:48px;text-align:center}
.btnList_block .btn{width:396px}

div.nodata{padding:48px;text-align:center;font-weight:700;font-size:24px;color:var(--neutral-gray-800)}
div.nodata:before{content:"";display:block;width:64px;height:64px;margin:0 auto 28px;background:url(../images/ic/ic_refer2.svg) no-repeat 50% 50%;}

.page .viewTbl {margin-bottom: 32px; padding: 0; box-sizing: border-box; position: relative;}

/* contents */
.titHg{position:relative;margin-bottom:32px;}
.titHg ~ .titHg{margin-top:32px;}
.titHg .tit{font-size:28px;font-weight:700}
.titHg .tit span{color:var(--primary-green-90);}
.titHg .btn_more{position:absolute;top:5px;right:0;}
.titHg .btng{position:absolute;top:0;right:0}
.titHg .btn_trigger{position:relative;top:4px;}
.titHg .txt{position:absolute;top:6px;right:0;color:var(--neutral-gray-500);}
.titHg .txt a{text-decoration:underline;text-underline-position:under;color:var(--primary-green-90);font-weight:700;}

.titH2g{position:relative;margin-bottom:32px;}
.titH2g h2{font-size:32px;font-weight:700}
.titH2g h2 span{display:block;margin-top:12px;font-size:24px;font-weight:500;color:var(--neutral-gray-500);}
.titH2g h2 button{position:relative;top:-5px;margin-left:6px;}
.titH2g .btn_more{position:absolute;top:8px;right:0}

.subTit{position:relative;margin:32px 0 24px}
.subTit .tit{font-size:20px;font-weight:700} 

.secTit{position:relative;margin:32px 0 17px}
.secTit .tit{font-size:28px;font-weight:700}
.secTit .stit{font-size:18px;font-weight:600;color:var(--primary-green-90);}
.secTit .tit span{margin-left:8px;font-size:16px;font-weight:400;color:var(--neutral-gray-500);}
.secTit .tit strong{margin-left:4px;color:var(--primary-green-90);}
.secTit .btng{position:absolute;top:0;right:0}
.tabs2 + .secTit,.date_search + .secTit{margin-top:20px}
.secTit .sorting + .btng {top:0;right:120px}
.secTit .msg+.btng{position:absolute;top:-6px}

.tabs{display:flex;gap:12px;margin-bottom:32px; flex-wrap: wrap;}
.tabs a{height:56px;line-height:56px;padding:0 20px;border-radius:100px;background:var(--neutral-gray-200);}
.tabs .current{font-weight:700;color:var(--neutral-white-100);background:var(--primary-green-90);}

.tabs2 div{display:flex;width:1440px;margin:0 auto}
.tabs2 a{display:flex;align-items:center;justify-content:center;width:100%;height:70px;font-size:20px;font-weight:700;color:var(--neutral-gray-500);border-bottom:1px solid var(--neutral-gray-600);background:var(--neutral-gray-200);box-sizing:border-box;}
.tabs2 .current{color:var(--neutral-white-100);background:var(--neutral-gray-600)}
.tabs2.fixed{z-index:5;position:fixed;left:0;right:0;top:59px;}
.gridG .tabs2 div{width:auto;margin:0}

.goods{overflow:hidden;position:relative;}
.goods.col4 .itemg{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:80px}
.goods .item{position:relative;width:300px}
.goods .item .rank{margin-bottom:16px;font-size:24px;font-weight:700;color:var(--secondary-purple-90)}
.goods .item .icset{z-index:2;position:absolute;top:12px;left:12px;display:flex;flex-wrap:wrap;gap:8px;}
.goods .item .rank+.icset{top:60px;}
.goods .item .thum{overflow:hidden;position:relative;width:300px;height:300px; box-shadow: inset 0 0 1px var(--neutral-gray-500)}
.goods .item .thum img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:300px;height:300px;transition:all 0.3s ease-in-out;}
/*.goods .item .tag{margin-top:12px; min-height: 32px;}*/
.goods .item .tag{margin-top:12px; height: 32px; overflow: hidden;}
.goods .item .sub + .tag{padding-right: 40px;}
/*.goods .item .thum+.tit {margin-top: 53px;}*/
.goods .item .tag span{display:inline-block;height:28px;line-height:28px;padding:0 8px;color:var(--neutral-gray-800);font-size:12px;border-radius:20px;background:var(--neutral-gray-200);}
.goods .item .tag span{margin:4px 8px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; box-sizing: border-box;}
.goods .item .tit{position:relative;margin-top:9px;padding-bottom:2px;font-size:20px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;
 max-width: 100%; word-break: break-word; box-sizing: border-box;}
.goods .item .sub{position:relative;margin-top:5px;padding-bottom:2px;font-size:16px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:var(--neutral-gray-500); min-height: 40px;}
.goods .item .state{margin-top:14px}
.goods .item .price{margin-top:8px;font-size:20px;font-weight:700;width: calc(100% - 45px); text-overflow: ellipsis; overflow: hidden;}
/*.goods .item .price span{white-space: nowrap;}*/
.goods .item .price strong{margin-right:1px;color:var(--sub-red-80);}
.goods .item .price del{margin-left:1px;font-size:16px;color:var(--neutral-gray-400); display: block;}
.goods .item .btn_wish{position:absolute;bottom:-9px;right:0;}
.goods .item a:hover .thum img{transform:scale(1.05);}
.goods .sliderJs{overflow:hidden;width:1440px;}
.goods .sliderJs:before{display:none;z-index:2;content:"";position:absolute;top:0;left:0;width:68px;height:100%;background:linear-gradient(to left, transparent, white);transition:all 0.2s ease-in-out;}
.goods .sliderJs:after{z-index:1;content:"";position:absolute;top:0;right:0;width:68px;height:100%;background:url(../images/bg_good.png) repeat 0 50%;}
.goods .sliderJs.hide-before:before{width:1px}
.goods .sliderJs.hide-after:after{width:1px}
.goods .pagination{margin-top:32px;text-align:center}
.goods .pagination span{opacity:1;background:var(--neutral-gray-300);}
.goods .pagination span.swiper-pagination-bullet-active{background:#77b3a1;}
.goods .pagination span~span{margin-left:8px}
.goods .slide-arrows button{z-index:2;position:absolute;top:212px;width:44px;height:44px;font-size:0;border-radius:100%;background:url(../images/ic/ic_nxt.svg) no-repeat 50% 50% var(--neutral-white-100);transition:all 0.2s ease-in-out;}
.goods .slide-arrows .slide-prev{left:12px;box-shadow:2px 0 6px rgba(0, 0, 0, .2);transform:rotate(180deg);}
.goods .slide-arrows .slide-next{right:12px;box-shadow:0 2px 6px rgba(0, 0, 0, .2);}
.swiper-button-disabled{display:none}

.goodList_box ~ .goodList_box{margin-top: 45px}
.goodList_box{padding:24px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-sizing:border-box;color:var(--neutral-gray-800);}
.infoBox {padding:5px; box-sizing:border-box; color:var(--neutral-gray-800);}
.goodList_box .tabs{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--neutral-gray-300);}
.goodList_box .titHg{padding-bottom:24px;border-bottom:1px solid var(--neutral-gray-300);}
.search_sorting{z-index:3;position:relative;margin-bottom:20px;}
.search_sorting .total{position:relative;font-size:18px;font-weight:700;color:var(--neutral-gray-500)}
.search_sorting .total strong{color:var(--primary-green-90);}
.filter_box{position:relative;top:-2px;display:inline-block;padding-left:10px;margin-left:10px;}
.filter_box:after{content:"";position:absolute;top:3px;left:0;width:1px;height:18px;background:var(--neutral-gray-300)}
.search_sorting .btn_filter{line-height:24px;padding-left:26px;vertical-align:top;font-size:18px;font-weight:700;color:var(--neutral-gray-800);background:url(../images/ic/ic_filter.svg) no-repeat 0 50%;transition:all 0.2s ease-in-out;}
.search_sorting .btn_filter.active{color:var(--primary-green-90);background:url(../images/ic/ic_filter_on.svg) no-repeat 0 50%}
.search_sorting .filter{display:none;position:absolute;top:32px;left:10px;width:375px;border-radius:4px;box-shadow:4px 8px 18px rgba(0, 0, 0, .15);background:var(--neutral-white-100)}
.search_sorting .filter .tit{position:relative;line-height:48px;padding-left:15px;font-size:18px;font-weight:700;color:var(--neutral-gray-500);border-bottom:1px solid var(--neutral-gray-300)}
.search_sorting .filter .btn_close{position:absolute;top:12px;right:12px;}
.search_sorting .filter .tab{display:flex;height:46px;}
.search_sorting .filter .tab a{display:block;width:100%;line-height:46px;text-align:center;color:var(--neutral-gray-400);border-bottom:1px solid var(--neutral-gray-300)}
.search_sorting .filter .tab .current{color:var(--primary-green-90);font-weight:700;border-bottom:2px solid var(--primary-green-90)}
.search_sorting .filter .view{display:none;padding:24px 20px 80px;}
.search_sorting .filter .view.open{display:block;}
.search_sorting .filter .view .box{overflow-y:auto;height:351px;}
.search_sorting .filter .view .range + .box{height:254px;}
.search_sorting .filter .col{margin-bottom:24px}
.search_sorting .filter .col2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.search_sorting .filter .btng{position:absolute;bottom:0;left:0;right:0;display:flex;gap:16px;padding:16px;background:var(--neutral-white-100)}
.search_sorting .filter .btng button{width:100%}
.search_sorting .filter .btng button:nth-child(1){flex: 0 0 104px;}
.search_sorting .filter .col .chk_box{display:block;}
.search_sorting .filter .col .chk_box~.chk_box{margin-top:24px}
.search_sorting .filter .range{display:flex;align-items:center;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--neutral-gray-300)}
.search_sorting .filter .range input{width:100%;color:var(--neutral-gray-400)}
.search_sorting .filter .range span{flex: 0 0 36px;text-align:center;color:var(--neutral-gray-400)}
.search_sorting .filter .range .btn_icReset{margin-left:12px;border:0;opacity:.6}
.search_sorting .filter .chk_box{margin-left:0 ! important}
.search_sorting .filter label{color:var(--neutral-gray-800);}
.search_sorting .filter #fAll + label:before{top:2px}
.search_sorting .filter label:before{top:4px}
.sorting{position:absolute;top:10px;right:0; display: inline-flex;}/*송현주 수정 2025.08.01*/
.mypage .secTit .sorting{top:10px;}
.sorting .selected{cursor:pointer;position:relative;padding-right:20px;font-weight:700;color:var(--primary-green-90);}
.sorting .selected:after{content:"";position:absolute;top:5px;right:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid var(--primary-green-90);}
.sorting .selected.active:after{transform:rotate(180deg);}
/*.sorting .option{display:none;position:absolute;top:30px;right:-24px;width:230px;padding:0;font-weight:700;color:var(--neutral-gray-800);border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-shadow:4px 8px 18px rgba(0, 0, 0, .1);box-sizing:border-box;}*/
.sorting .option{display:none;position:absolute;top:30px;right:-24px;width:fit-content;padding:0;font-weight:700;color:var(--neutral-gray-800);border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-shadow:4px 8px 18px rgba(0, 0, 0, .1);box-sizing:border-box;}
.sorting .option ul {display: flex;}
/*.sorting .option li~li{border-top:1px solid var(--neutral-gray-300);}*/
.sorting .option button{height:56px;width:100%;padding:0 16px;font-weight:700;text-align:left;transition:all 0.2s ease-in-out; white-space: nowrap;}
.sorting .option button:hover{background:var(--primary-green-30)}
.sorting .option button:active{color:var(--neutral-white-100);background:var(--primary-green-90)}
.sorting .option .checked{color:var(--primary-green-90);}
.sorting .option .checked:before{content:"";position:relative;top:-2px;display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:8px;background:url(../images/ic/ic_opChk.svg) no-repeat 50% 50%;}
.goodList_box .goods .itemg{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:32px 48px;}
.goodList_box .goods .item{width:240px}
.goodList_box .goods .item .thum{width:240px;height:240px;}
.goodList_box .goods .item .thum img{width:240px;height:240px;}
.goodList_box .goods .item .btn_wish{background-size:21px auto}

.goodList_box .goods .itemg.col3{display:grid;grid-template-columns:1fr 1fr 1fr ;}
.goodList_box .goods .itemg.col3 .item{width:100%}
.goodList_box .goods .itemg.col3 .item .thum{width:100%;height:340px;}
.goodList_box .goods .itemg.col3 .item .thum img{width:100%; height:100%;}
.goodList_box .goods .itemg.col3 .item .btn_wish{background-size:21px auto}

/* 장현지 추가 - 관심상품 하트버튼   */
.goodList_box .goods .item .wishBtn{background-size:21px auto}
.goods .item .wishBtn{position:absolute;bottom:-10px;right:0;}
.good_detail .detail .titg .wishBtn{width:32px;height:32px;margin-right:2px;background-size:22px auto}
.wishBtn{width:44px;height:44px;font-size:0;background:url(../images/ic/ic_wish.svg) no-repeat 50% 50%;}
.wishBtn.active{background:url(../images/ic/ic_wish_on.svg) no-repeat 50% 50%;}

/* 이몽주 추가 - 관심기획전 하트버튼   */
.event_list .wishBtn{position:absolute;bottom:-12px;right:20px;background-size:22px auto}
.board_view.event .evt_wish{position:relative;top:-1px;vertical-align:middle;margin-right:7px;}
.evt_wish{display:inline-block;width:22px;height:21px;font-size:0;background:url(../images/ic/ic_wish.svg) no-repeat 50% 50%/22px auto;}
.evt_wish.active{display:inline-block;width:22px;height:21px;font-size:0;background:url(../images/ic/ic_wish_on.svg) no-repeat 50% 50%/22px auto;}

.detail_ui{position:relative;z-index:1;width:1440px;margin:0 auto}
.detail_ui section{margin-bottom:80px}
.detail_ui .banner{height:120px;margin:72px -1000px 48px -1000px;background:var(--neutral-white-200);}
.detail_ui .banner a{display:flex;align-items:center;justify-content:center;width:1440px;height:120px;margin:0 auto;}
.detail_ui .banner .txtg{height:64px;padding-left:84px;background:url(../images/ic/ic_banr.png) no-repeat 0 50%;}
.detail_ui .banner .txtg .txt1{font-size:20px;}
.detail_ui .banner .txtg .txt2{font-size:30px;font-weight:700;color:var(--secondary-purple-90);}
.detail_ui .banner .txtg strong{color:var(--primary-green-90);font-weight:700}
.detail_ui .banner .btn{display:inline-block;margin-left:60px;width:113px;height:56px;line-height:56px;text-align:center;color:var(--neutral-white-100);font-weight:700;border-radius:30px;background:var(--primary-green-90);transition:all 0.2s ease-in-out;}
.detail_ui .banner a:hover .btn{background:var(--primary-green-100);}
.detail_ui .banner_box{height:120px;margin:72px auto 48px;}
.detail_ui .banner_box img{height:100%; min-height:120px;  width: auto; max-width: 1440px; }
.detail_ui .banner_box a{display:flex;align-items:center;justify-content:center;width:1440px;height:120px;margin:0 auto;}
.detail_ui .refer{display:flex;align-items:center;justify-content:center;height:72px;color:var(--neutral-gray-800);border-bottom:1px solid var(--neutral-gray-300);background:var(--neutral-white-300);}
.detail_ui .infor{overflow:hidden;position:relative;max-height:2224px;text-align:center}
.detail_ui .infor .icset{display:flex;align-items:center;justify-content:center;height:190px;margin-bottom:32px;background:var(--sub-yellow-60);}
.detail_ui .infor .icset li{width:148px;}
.detail_ui .infor .icset i{margin:0 auto;border:0;background-color:var(--sub-yellow-60);}
.detail_ui .infor .icset span{display:block;font-size:20px;font-weight:700}
.detail_ui .infor img{max-width:100%}
.detail_ui .infor .detWrap{margin-top: 40px}
.detail_ui .infor .detWrap:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100px;background:linear-gradient(to bottom, transparent, white);}
.detail_ui .btn_viewer{width:100%;height:56px;font-weight:700;font-size:20px;color:var(--secondary-purple-90);border-radius:4px;border:1px solid var(--secondary-purple-90)}
.detail_ui .btn_viewer:after{content:"";position:relative;top:-2px;display:inline-block;width:32px;height:32px;vertical-align:middle;margin-left:4px;background:url(../images/ic/ic_arr_p.svg) no-repeat 50% 50%;}
.infor:not(:has(.detWrap)) + .btn_viewer {display: none;}
#goodInfor[aria-expanded='true'] .infor,
#contInfo[aria-expanded='true'] .infor,
#contInfo2[aria-expanded='true'] .infor{max-height:100%;padding-bottom:100px;}
#goodInfor[aria-expanded='true'] .btn_viewer:after,
#contInfo[aria-expanded='true'] .btn_viewer:after,
#contInfo2[aria-expanded='true'] .btn_viewer:after{transform:rotate(180deg);}
#goodNotice .titHg:before,
#contInfo .titHg:before,
#contInfo2 .titHg:before{content:"";position:absolute;left:0;bottom:-33px;width:100%;height:1px;background:var(--neutral-black)}
#goodNotice[aria-expanded='false'] .viewTbl,
#contInfo[aria-expanded='false'] .viewTbl,
#contInfo2[aria-expanded='false'] .viewTbl{display:none;}
#goodNotice[aria-expanded='true'] .btn_trigger,
#contInfo[aria-expanded='true'] .btn_trigger,
#contInfo2[aria-expanded='true'] .btn_trigger{transform:rotate(180deg);}
.good_detail{display:grid; grid-template-columns:1fr 1fr;margin-bottom:60px;}
.photos-wrapper {position: relative; width: 600px; margin:0; }
/*.photos-wrapper .bThum img {max-width: 100%; height: auto; display: block; margin: 0 auto; }*/
.photos-wrapper .photos {Width: 600px;overflow: hidden;}
.photos-wrapper .photos ul {display: flex; padding: 0; margin: 0; list-style: none; transition: transform 0.5s ease-in-out;}
.photos-wrapper .photos li {flex-shrink: 0; width: 150px; height: 126px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.photos-wrapper .photos li:last-child {margin-right: 0;}
.photos-wrapper .photos img {max-width: 100%; max-height: 100%; display: block;        }
.photos-wrapper .slide-button { position: absolute;transform: translateY(-50%); padding: 10px 15px; cursor: pointer; z-index: 10; font-size: 0; opacity: 0.8; transition: opacity 0.3s;}
.photos-wrapper .slide-button:hover {opacity: 1;}
.photos-wrapper .slide-button.prev {left: -15px; background: url(../images/ic/ic_arr2.svg) no-repeat 50% 50% / 14px auto; transform: rotate(180deg); top: 678px; }
.photos-wrapper .slide-button.next {right: -15px; background: url(../images/ic/ic_arr2.svg) no-repeat 50% 50% / 14px auto; top: 685px; }
.photos-wrapper .slide-button.prev.disabled {opacity: .3}
.photos-wrapper .slide-button.next.disabled {opacity: .3}
.photos-wrapper .slide-button.hidden {display: none;}
.good_detail .photos-wrapper .photos{width:600px;}
.good_detail .photos-wrapper .photos .bThum{margin-bottom:20px;}
.good_detail .photos-wrapper .photos .bThum img{width:600px;height:600px;}
/*.good_detail .photos-wrapper .photos ul{display:flex;gap:32px;}*/
.good_detail .photos-wrapper .photos ul img{width:126px;height:126px;}
.good_detail .photos-wrapper .photos ul a{position:relative;display:block;}
.good_detail .photos-wrapper .photos ul li a:before{content:"";position:absolute;width:100%;height:100%;border:4px solid transparent;box-sizing:border-box;transition:all 0.2s ease-in-out}
.good_detail .photos-wrapper .photos ul li.active a:before{border-color:var(--secondary-purple-90);}
.good_detail .detail{width:766px;}
.good_detail .detail .biz{position:relative;}
.good_detail .detail .biz span{font-size:18px;}
.good_detail .detail .biz span i{display:inline-block;width:52px;height:52px;margin-right:12px;vertical-align:middle;border:1px solid var(--neutral-gray-300);border-radius:4px;}
.good_detail .detail .biz .btn_more{position:absolute;top:14px;right:10px;}
.good_detail .detail .titg{position:relative;margin-top:20px;font-size:24px;font-weight:700; padding-right: 100px;}
.good_detail .detail .titg .wish{position:absolute;top:0;right:0;font-size:16px;font-weight:400;color:var(--neutral-gray-500);}
.good_detail .detail .titg .btn_wish{width:32px;height:32px;margin-right:2px;background-size:22px auto}
.good_detail .detail .price{margin-top:16px;}
.good_detail .detail .price strong{margin-right:8px;vertical-align:middle;font-size:18px;font-weight:700;color:var(--sub-red-80);}
.good_detail .detail .price span{position:relative;top:-2px;margin-right:2px;vertical-align:middle;font-weight:700;font-size:28px;color:var(--secondary-purple-90);}
.good_detail .detail .price del{position:relative;top:-3px;margin-left:6px;vertical-align:middle;color:var(--neutral-gray-500);}
.good_detail .detail dl{min-height:225px;margin-top:16px;color:var(--neutral-gray-500);}
.good_detail .detail dl > div{display:flex;font-size:18px;}
.good_detail .detail dl > div~div{margin-top:16px}
.good_detail .detail dt{flex:0 0 125px}
.good_detail .detail dd{width:100%;padding-left:12px}
.good_detail .detail .btn_help{position:relative;top:-2px;width:24px;height:24px;font-size:0;background:url(../images/ic/ic_help.svg) no-repeat 50% 50%;}
.good_detail .quantity{padding:12px;margin-top:16px;font-size:16px;background:var(--neutral-gray-200);box-sizing:border-box;}
.good_detail .quantity .item{position:relative;}
.good_detail .quantity .btn_close{position:absolute;top:0;right:0;}
.good_detail .quantity .item~.item{margin-top:20px;padding-top:20px;border-top:1px solid var(--neutral-gray-300)}
.good_detail .quantity .item .tit span{margin-left:10px;color: var(--primary-green-90)}
.good_detail .quantity .item~.item .btn_close{top:12px}
.good_detail .quantity .resualt{position:absolute;bottom:0;right:0}
.good_detail .quantity .resualt span{font-weight:700}
.good_detail .total{margin-top:48px;padding-top:16px;text-align:right;font-size:18px;color:var(--neutral-gray-500);border-top:1px solid var(--neutral-gray-200)}
.good_detail .total strong{margin:0 2px 0 12px;font-size:28px;font-weight:700;color:var(--secondary-purple-90)}
.good_detail .btng{display:flex;gap:16px;margin-top:28px;}
.good_detail .btng .btn_gift{flex:0 0 70px;font-size:0;border-radius:4px;background:url(../images/ic/ic_gift.svg) no-repeat 50% 50% #f2f2f2;transition:all 0.2s ease-in-out;}
.good_detail .btng .btn_gift:hover{background-color:#e1e1e1}
.good_detail .btng .btn_cart{flex:0 0 16%;font-size:0;border-radius:4px;background:url(../images/ic/ic_cart2.svg) no-repeat 50% 50% #fff;transition:all 0.2s ease-in-out; border: 2px solid var(--primary-green-90)}
.good_detail .btng .btn_cart:hover{background-color:#e1e1e1}
.detail_ui .graph_box{display:flex;align-items:center;justify-content:center;height:208px;background:var(--neutral-white-300)}
.detail_ui .stars .bar{position:relative;top:2px;display:inline-block;width:160px;height:32px;margin-right:4px;background:url(../images/ic/ic_star.svg) repeat 0 0}
.detail_ui .stars .bar span{display:block;height:100%;background:url(../images/ic/ic_star_on.svg) repeat 0 0}
.detail_ui .stars strong{margin-right:8px;font-size:38px;font-weight:700;color:var(--neutral-black)}
.detail_ui .stars .txt{font-weight:200;font-size:38px;color:var(--neutral-gray-500)}
.detail_ui .graphs{margin-left:60px;padding-left:60px;border-left:1px solid var(--neutral-gray-300)}
.detail_ui .graphs .item~.item{margin-top:12px;}
.detail_ui .graphs .bar{overflow:hidden;display:inline-block;width:192px;height:12px;border-radius:20px;background:var(--neutral-gray-300);}
.detail_ui .graphs .bar span{display:block;height:100%;background:var(--secondary-purple-80);}
.detail_ui .graphs .txt1{display:inline-block;width:24px;margin-right:8px;text-align:right;color:var(--neutral-gray-500)}
.detail_ui .graphs .txt2{margin-left:8px;font-weight:700;color:var(--secondary-purple-80)}
.detail_ui .photo_list{display:flex;gap:16px;}
.detail_ui .photo_list img{width:192px;height:192px;}
.detail_ui .photo_list a{position:relative;display:block;}
.detail_ui .photo_list a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0);transition:all 0.2s ease-in-out; box-shadow: inset 0 0 1px var(--neutral-gray-500)}
.detail_ui .photo_list a:hover:before{background:rgba(0, 0, 0, .2);}
.detail_ui .photo_list .more a:before{background:rgba(0, 0, 0, .5);}
.detail_ui .photo_list .more a:hover:before{background:rgba(0, 0, 0, .6);}
.detail_ui .photo_list .more span{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--neutral-white-100);font-size:24px;font-weight:700}
.detail_ui .review_list{border-top:1px solid var(--neutral-black);}
.detail_ui .review_list .item{padding:32px 0;border-bottom:1px solid var(--neutral-gray-300)}
.detail_ui .review_list .nick{font-size:24px;font-weight:700}
.detail_ui .review_list .box{margin-top:4px;color:var(--neutral-gray-500);}
.detail_ui .review_list .stars{display:inline-block;margin-right:8px;}
.detail_ui .review_list .stars .bar{top:3px;width:100px;height:20px;background-size:20px auto}
.detail_ui .review_list .stars .bar span{background-size:20px auto}
.detail_ui .review_list .stars .txt{font-size:16px;color:var(--neutral-black);font-weight:700}
.detail_ui .review_list .links{position:relative;padding-left:12px;margin-left:8px;}
.detail_ui .review_list .links:before{content:"";position:absolute;top:8px;left:0;width:4px;height:4px;border-radius:100%;background:var(--neutral-gray-300)}
.detail_ui .review_list .dec{display:flex;align-items:center;height:56px;margin-top:12px;padding-left:20px;background:var(--neutral-white-200)}
.detail_ui .review_list .dec div{display:flex;}
.detail_ui .review_list .dec div~div{position:relative;padding-left:16px;margin-left:16px}
.detail_ui .review_list .dec div~div:before{content:"";position:absolute;top:0;left:0;width:1px;height:24px;background:var(--neutral-gray-300)}
.detail_ui .review_list .dec dt{color:var(--secondary-purple-90);font-weight:700}
.detail_ui .review_list .dec dd{margin-left:8px;color:var(--neutral-gray-800);}
.detail_ui .review_list .memo{margin-top:24px;line-height:22px}
.detail_ui .review_list .btng{margin-top:24px;}
.detail_ui .sPhoto_list{display:flex;gap:12px;margin-top:16px;}
.detail_ui .sPhoto_list img{width:132px;height:132px;}
.detail_ui .sPhoto_list a{position:relative;display:block;}
.detail_ui .sPhoto_list a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0);transition:all 0.2s ease-in-out;}
.detail_ui .sPhoto_list a:hover:before{background:rgba(0, 0, 0, .2);}
.detail_ui .review_list .btng{margin-top:24px}

.numsComponent{position:relative;width:130px;padding:5px 0;margin-top:12px;text-align:center;border-radius:4px;background:var(--neutral-gray-300)}
.numsComponent.sm{width:100px;padding:5px 0; margin-top:0; justify-self: center;}
.numsComponent input{width:60px;height:22px ! important; text-align:center;font-size:14px;font-weight:700;color:var(--neutral-gray-800);border:0;background:none; padding: 0!important;}
.numsComponent.sm input{width:44px; padding: 0;}
.numsComponent .minus,.numsComponent .plus{width:22px;height:22px;font-size:0}
.numsComponent.sm .minus,.numsComponent.sm .plus{width:18px;height:18px;font-size:0}
.numsComponent .minus{background:url(../images/ic/ic_minus.svg) no-repeat 50% 50%}
.numsComponent .plus{background:url(../images/ic/ic_plus.svg) no-repeat 50% 50%}

/*.numsComponent1 추가 - 장현지 25.04.09*/
.numsComponent1{position:relative;width:130px;padding:5px 0;margin-top:12px;text-align:center;border-radius:4px;background:var(--neutral-gray-300)}
.numsComponent1.sm{width:100px;padding:5px 0; margin-top:0; justify-self: center;}
.numsComponent1 input{width:60px;height:22px ! important; text-align:center;font-size:14px;font-weight:700;color:var(--neutral-gray-800);border:0;background:none; padding: 0!important;}
.numsComponent1.sm input{width:44px; padding: 0;}
.numsComponent1 .minus,.numsComponent1 .plus{width:22px;height:22px;font-size:0}
.numsComponent1.sm .minus,.numsComponent1.sm .plus{width:18px;height:18px;font-size:0}
.numsComponent1 .minus{background:url(../images/ic/ic_minus.svg) no-repeat 50% 50%}
.numsComponent1 .plus{background:url(../images/ic/ic_plus.svg) no-repeat 50% 50%}

.fixed_select{z-index:2;display:none;position:fixed;bottom:0;left:0;width:100%;border-top:3px solid var(--primary-green-90);background:var(--neutral-white-100)}
.fixed_select .box{position:relative;width:1440px;margin:0 auto;}
.fixed_select .btn_select{position:absolute;top:-70px;right:0;width:240px;height:70px;font-size:20px;font-weight:700;color:var(--neutral-white-100);border-radius:4px 4px 0 0;background:var(--primary-green-90)}
.fixed_select .btn_select:after{content:"";position:relative;top:-4px;display:inline-block;width:20px;height:20px;vertical-align:middle;margin-left:12px;background:url(../images/ic/ic_arr_w3.svg) no-repeat 50% 50%;}
.fixed_select .in{padding:80px 0;width:900px;margin:0 auto;transition:all 0.3s ease-in-out;box-sizing:border-box;}
.fixed_select .in.open{height:auto;}
.fixed_select .scroll{}
.fixed_select .quantity{overflow-y:auto;max-height:265px;padding:12px;margin-top:10px;font-size:16px;background:var(--neutral-white-300)}
.fixed_select .quantity .btn_close{position:absolute;top:0;right:0;}
.fixed_select .quantity .item{display:flex;align-items:center;gap:12px;position:relative;padding-right:56px;color:var(--neutral-gray-500)}
.fixed_select .quantity .item~.item{margin-top:20px;padding-top:20px;border-top:1px solid var(--neutral-gray-300)}
.fixed_select .quantity .item~.item .btn_close{top:12px}
.fixed_select .quantity .tit{flex: 1 1 auto;}
.fixed_select .quantity .numsComponent{flex:0 0 130px;margin-top:0}
.fixed_select .quantity .resualt{flex:0 0 95px;text-align:right}
.fixed_select .quantity .resualt span{font-size:18px;font-weight:700}
.fixed_select .total{margin-top:20px;padding-top:12px;text-align:right;font-size:18px;color:var(--neutral-gray-500);border-top:1px solid var(--neutral-gray-200)}
.fixed_select .total strong{margin:0 2px 0 8px;font-size:24px;font-weight:700;color:var(--secondary-purple-90)}
.fixed_select .btng{display:flex;gap:16px;margin-top:35px;}
.fixed_select.fixed{display:block;}
.fixed_select[aria-expanded='true'] .btn_select:after{transform:rotate(180deg);}
.fixed_select[aria-expanded='false'] .in{display:none;}

.cartOrder_ui{display:grid;grid-template-columns:800px 592px;justify-content:space-between;}
.cartOrder_ui .grid{position:relative;}
.cartOrder_ui .grid.col1{grid-column: 1/3; margin: 32px 0;}
.cartOrder_ui .grid .col{position:relative;padding:32px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);}
.cartOrder_ui .grid .col .btn2{display: grid; grid-template-columns: 1fr 1fr; gap:10px 10px;}
.cartOrder_ui .grid .col~.col{margin-top:32px;}
.cartOrder_ui .grid .colg{position:sticky;top:80px;}
.cartOrder_ui .grid .col + .colg{margin-top: 32px}
.cartOrder_ui .item~.item{margin-top:24px}
.cartOrder_ui .had{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;padding-bottom:28px;border-bottom:1px solid var(--neutral-gray-500); align-items: center;}
.cartOrder_ui .had .tit{line-height:32px;font-size:28px;font-weight:700}
.cartOrder_ui .had .tit span{color:var(--primary-green-90)}
.cartOrder_ui .had label{font-size:20px;font-weight:700}
.cartOrder_ui .had .nums{position:relative;top:2px;margin-left:8px;font-size:20px;font-weight:700;color:var(--primary-green-90)}
.cartOrder_ui .had .nums.disabled{color:var(--neutral-gray-300)}
.cartOrder_ui .titg{position:relative;padding:12px 16px;background:var(--neutral-white-300);}
.cartOrder_ui .titg span{position:absolute;top:12px;right:16px;color:var(--neutral-gray-500)}
.cartOrder_ui .itemg{max-height:516px;padding-right:16px;overflow-y:auto}
.cartOrder_ui .itemg .item .box{padding-left:0}
.cartOrder_ui .item .box{position:relative;margin-top:16px;padding-left:40px;}
.cartOrder_ui .item .delete{position:absolute;top:0;right:0;width:24px;height:24px;font-size:0;background:url(../images/ic/ic_delete.svg) no-repeat 50% 50%}
.cartOrder_ui .item .numsComponent{position:absolute;bottom:0;right:0}
.cartOrder_ui .item .chk_box{position:absolute;top:0;left:0;}
.cartOrder_ui .item a{position:relative;display:inline-block;min-height:96px;padding-left:108px;}
.cartOrder_ui .item .thum{position:absolute;top:0;left:0;}
.cartOrder_ui .item .thum img{width:96px;height:96px;border-radius:4px}
.cartOrder_ui .item .tit{padding-right: 30px;}
.cartOrder_ui .item .option{margin-top:2px}
.cartOrder_ui .item .price{margin-top:20px;font-size:20px;font-weight:700;color:var(--secondary-purple-90)}
.cartOrder_ui .item .price del{margin-left:8px;font-size:16px;font-weight:400;color:var(--neutral-gray-500)}
.cartOrder_ui .no_cart{padding:48px 0;text-align:center;font-size:24px;font-weight:700}
.cartOrder_ui .no_cart:before{content:"";display:block;width:64px;height:64px;margin:0 auto 28px;background:url(../images/ic/ic_refer2.svg) no-repeat 50% 50%}
.cartOrder_ui .refer{position:relative;padding-left:28px;margin-top:22px;line-height:24px;font-weight:700;color:var(--neutral-gray-500)}
.cartOrder_ui .refer:before{content:"";position:absolute;top:0;left:0;width:24px;height:24px;background:url(../images/ic/ic_refer.svg) no-repeat 50% 50%}
.cartOrder_ui .address i{position:relative;top:-2px;display:inline-block;width:82px;height:32px;line-height:32px;text-align:center;vertical-align:middle;margin-left:5px;border-radius:30px;font-size:14px;font-weight:400;color:var(--primary-green-90);border:1px solid var(--primary-green-90)}
.cartOrder_ui .address dt{margin-bottom:12px;font-size:20px;font-weight:700}
.cartOrder_ui .address dd~dd{margin-top:8px}
.cartOrder_ui .address .tel{color:var(--neutral-gray-400)}
.cartOrder_ui .address dl + .selectbox{margin-top:24px}
.cartOrder_ui .had .price{vertical-align:middle;margin-right:32px;font-size:24px;font-weight:700;color:var(--secondary-purple-90)}
.cartOrder_ui .btn_fold{position:absolute;top:0;left:0;width:100%;height:32px;vertical-align:middle;font-size:0;}
.cartOrder_ui .btn_fold:before{content:"";position:absolute;right:0;top:0;bottom:0;margin:auto 0;width:24px;height:24px;background:url(../images/ic/ic_arr4.svg) no-repeat 50% 50%}
.cartOrder_ui .amount div{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;padding-right:36px;color:var(--neutral-gray-500);font-weight:700;}
.cartOrder_ui .amount div~div{margin-top:24px}
.cartOrder_ui .amount .top{padding:12px 36px 36px 0;border-bottom:1px solid var(--neutral-gray-300)}
.cartOrder_ui .amount dt span,.cartOrder_ui .amount dd strong{font-size:18px;}
.cartOrder_ui .amount .btn_fold{height:24px;}
.cartOrder_ui .amount dd strong{vertical-align:middle;color:var(--secondary-purple-90)}
.cartOrder_ui .amount dd strong.type{color:var(--sub-red-80)}
.cartOrder_ui .amount dd.sub{position:relative;flex-basis:100%;margin:16px 0 0 4px;padding-left:16px;}
.cartOrder_ui .amount dd.sub:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--neutral-gray-300)}
.cartOrder_ui .amount dd.sub div{padding-right:0;font-size:16px;font-weight:400;color:var(--neutral-gray-800)}
.cartOrder_ui .amount dd.sub div~div{margin-top:20px}
.cartOrder_ui .amount dd.sub .dep{margin:16px 0 0 10px;font-size:14px;color:var(--neutral-gray-400)}
.cartOrder_ui .msg{margin-bottom:24px;text-align:right;font-weight:700;color:var(--neutral-gray-500)}
.cartOrder_ui .agree{margin-bottom:24px;color:var(--neutral-gray-400)}
.cartOrder_ui .agree li{padding-bottom:12px;border-bottom:1px solid var(--neutral-gray-300)}
.cartOrder_ui .agree li~li{margin-top:24px;}
.cartOrder_ui .agree button{position:relative;width:100%;height:24px;text-align:left;font-size:20px;font-weight:700;}
.cartOrder_ui .agree button:after{content:"";position:absolute;top:0;right:0;width:24px;height:24px;background:url(../images/ic/ic_arr4.svg) no-repeat 50% 50%;}
.cartOrder_ui .agree .textarea{line-height:22px;padding:12px 12px 24px;margin-top:12px;height:100px;overflow-y:auto}
.cartOrder_ui .btn~.btn{margin-top:24px}
.cartOrder_ui .btng .btn~.btn{margin-top:0}
.cartOrder_ui .btn2 .btn~.btn{margin-top:0}
.cartOrder_ui .discount dl div{display:flex;justify-content:space-between;align-items:center;}
.cartOrder_ui .discount dl div~div{margin-top:24px}
.cartOrder_ui .discount dt{font-size:18px;font-weight:700}
.cartOrder_ui .discount dt span{margin-left:8px;font-size:16px;color:var(--neutral-gray-400);font-weight:400}
.cartOrder_ui .discount input{width:320px;margin-right:12px;text-align:right}
.cartOrder_ui .grid:last-child .discount input{width:150px;margin-right:12px;text-align:right}
.cartOrder_ui .radiog{margin:-26px 0}
.cartOrder_ui .radiog label{padding-left:42px;font-size:18px}
.cartOrder_ui .radiog li{padding:36px 24px}
.cartOrder_ui .radiog li~li{border-top:1px solid var(--neutral-gray-300)}
.cartOrder_ui .radiog .radio_box label:after{top:7px}
.cartOrder_ui .radiog .radio_box label:before{top:2px}
.cartOrder_ui .guide_txt dt{margin-bottom:20px;font-size:20px;font-weight:700;}
.cartOrder_ui .guide_txt dd{position:relative;padding-left:16px;margin-left:5px;font-size:16px;color:var(--neutral-gray-400); margin-bottom: 5px}
.cartOrder_ui .guide_txt dd:before{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:100%;background:var(--neutral-gray-400)}
.cartOrder_ui + .titHg{margin-top:80px}
.cartOrder_ui div[aria-expanded='false'] .itemg,.cartOrder_ui div[aria-expanded='false'] .amount,.cartOrder_ui div[aria-expanded='false'] .sub,.cartOrder_ui div[aria-expanded='false'] .radiog,
.cartOrder_ui div[aria-expanded='false'] .discount,.cartOrder_ui .agree li[aria-expanded='false'] .textarea{display:none;}
.cartOrder_ui div[aria-expanded='false'] .btn_fold:nth-of-type(1):before,.cartOrder_ui .agree li[aria-expanded='false'] button:after{transform:rotate(180deg);}
.visual_sub_plans{height:220px;margin-bottom:80px;font-size:0;background-repeat:no-repeat;background-position:50% 50%;}
.event_list{display:grid;grid-template-columns:1fr 1fr;gap:38px 24px;}
.event_list .item{position:relative;color:var(--neutral-gray-800);}
.event_list .thum{position:relative; box-sizing: border-box; box-shadow: inset 0 0 1px var(--neutral-gray-500); border-radius: 4px; overflow: hidden;}
.event_list .thum.evtEnd::before{content: ""; display: block; position:absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); top: 0; left: 0; align-content: center }
.event_list .thum.evtEnd::after{content: "이벤트가\A종료되었습니다"; display: block; position:absolute; width: 250px; height: 250px; border:3px solid var(--neutral-white-100); top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);  border-radius: 100%; align-content: center; background-color: rgba(0,0,0,.2); white-space: pre; text-align: center; color: var(--neutral-white-100); font-size: 24px; font-weight: 700; }
.event_list .thum img{width:708px;height:348px;}
.event_list .tit{padding:25px 20px 0;font-size:28px;font-weight:700}
.event_list .date{padding:20px 20px 0;font-size:18px;}
.event_list .btn_wish{position:absolute;bottom:-12px;right:20px;background-size:22px auto}
.event_list + .paging{margin-top:74px}

.visual_sub_minihome{height:220px;margin-bottom:48px;font-size:0;background-repeat:no-repeat;background-position:50% 50%;}
.minihome{width:1440px;padding:24px;margin:0 auto 48px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-sizing:border-box;}
.minihome h2{position:relative;padding-bottom:24px;margin-bottom:32px;font-size:28px;font-weight:700;border-bottom:1px solid var(--neutral-gray-300);}
.minihome h2 .img{display:inline-block;width:64px;height:64px;margin-right:12px;vertical-align:middle;background:var(--neutral-white-100);box-sizing:border-box; background: url("../images/character_1.png") no-repeat 50% 50%/contain;}
.minihome h2 .img img{width:100%;height:100%;}
.minihome h2 .wish{position:absolute;top:20px;right:0;font-size:18px;font-weight:400;color:var(--neutral-gray-500);}
.minihome h2 .wish .ic_wish{position:relative;top:-2px;margin-right:7px;vertical-align:middle;background:url(../images/ic/ic_wish.svg) no-repeat 50% 50%/contain;}
.minihome dl{display:grid;grid-template-columns:1fr 1fr;gap:20px 49px;padding:12px 10px 10px}
.minihome dl > div{display:flex;}
.minihome dl > div:last-child{grid-column: 1/3}
.minihome dt{flex: 0 0 160px;font-size:18px;font-weight:700}
.minihome dd{color:var(--neutral-gray-400);}
.minihome dd strong{color:var(--primary-green-90);}
.minihome .discrip{margin: 10px 0 30px; padding: 32px; background:var(--neutral-gray-100); border-radius: 8px; }
.minihome .discrip h3{font-size: 24px; font-weight: 700; color: var(--primary-green-90); margin-bottom: 15px; }
.minihome .discrip p{font-size: 18px; font-weight: 500; color: var(--neutral-gray-800);}

.spcWrap{width:1440px;padding:24px;margin:0 auto 48px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-sizing:border-box;}
.spcWrap h2{position:relative;margin:20px 0;font-size:28px;font-weight:700;text-align: center; color: var(--primary-green-90)}
.spcWrap h3{position:relative;margin-bottom:50px;font-size:22px;font-weight:500;text-align: center; color: var(--neutral-gray-500)}
.spcWrap .svispc{margin: 0; padding: 20px 10px; position: relative; display: grid; grid-template-columns: 1fr 1.8fr; align-content: space-between; gap:60px;}
.spcWrap .svispc .svitit{font-size: 20px; font-weight: 700; padding: 10px; color: var(--neutral-black); margin-bottom: 10px; text-align: center; box-sizing: border-box;}
.spcWrap .svispc .svi{position:relative}
.spcWrap .svispc .svi::after{content:''; position: absolute; display: block; width: 1px; height: calc(100% - 70px); top: 55px; right: -30px; background: var(--neutral-gray-300);}
.spcWrap .svispc .svi ul{position: relative; display: flex; gap:10px;}
.spcWrap .svispc .svi li{flex: 1; font-size: 18px; font-weight: 700; color: var(--neutral-gray-800); margin-bottom: 20px; text-align: center; padding: 20px; align-content: center; position: relative; border: 1px solid var(--neutral-gray-300); height: 144.67px; box-sizing: border-box; border-radius: 8px;}
.spcWrap .svispc .svi li img,
.spcWrap .svispc .spc li img{width:auto; height: 60px; max-width: 250px;}
.spcWrap .svispc .svi li span{display: block; font-size: 38px; font-weight: 700; color: var(--neutral-gray-800); margin-bottom: 0;}
.spcWrap .svispc .svi li .tooltip_box,
.spcWrap .svispc .spc li .tooltip_box{position: absolute; right: 5px; top:5px;}
.spcWrap .svispc .spc ul{position: relative; display: grid; grid-template-columns: 1fr 2.5fr; align-content: space-between; gap:10px;}
.spcWrap .svispc .spc ul ul{display: grid; grid-template-columns: 1fr  1fr 1fr; align-content: space-between; gap:2px; border-radius: 8px; overflow: hidden;}
.spcWrap .svispc .spc li{ padding: 0; align-content: center; position: relative; }
.spcWrap .svispc .spc li:first-child{ padding: 20px; box-sizing: border-box; font-size: 18px; border: 1px solid var(--neutral-gray-300); border-radius: 8px;}
.spcWrap .svispc .spc li li{ padding:5px 15px; align-content: center; position: relative; background: var(--primary-green-30);}
.spcWrap .svispc .spc li li:nth-child(1){grid-row:1/3; border-radius: 0;}
.spcWrap .svispc .spc li li .tit{font-size: 16px; font-weight: 600; color:var(--neutral-gray-800);justify-self: self-start;}
.spcWrap .svispc .spc li li:first-child .tit{font-size: 18px; font-weight: 600; color:var(--neutral-white-100);justify-self: self-start;}
.spcWrap .svispc .spc li li:first-child {padding: 0 20px; background: var(--primary-green-90);}
.spcWrap .svispc .spc li li:first-child p{font-size: 16px; font-weight: 600; color: var(--primary-green-60);justify-self: self-end; line-height: 50px;}
.spcWrap .svispc .spc li li:first-child p span{font-size: 24px; font-weight: 700; color: var(--neutral-white-100);}
.spcWrap .svispc .spc li li p{font-size: 16px; font-weight: 600; color:var(--neutral-gray-400);justify-self: self-end; line-height: 30px;}
.spcWrap .svispc .spc li li p span{font-size: 20px; font-weight: 700; color:var(--primary-green-90)}

/* About the brand */
.visual_sub_brand{height:220px;margin-bottom:80px;font-size:0;background:url(../images/visual_sub_brand.png) no-repeat 50% 50%;}
.page.brand{font-size:18px;}
.page.brand .tabs2{margin-bottom:72px}
.page.brand h2{margin:128px 0 44px 0;font-size:32px;font-weight:700}
.page.brand h2:first-of-type{margin-top:0}
.page.brand h2.type{margin-top:140px}
.page.brand h2.type2{margin-top:104px}
.page.brand h2.type3{margin-top:124px}
.page.brand .para{line-height:24px;}
.page.brand h2 + .para{margin:-19px 0 23px 0}
.page.brand .para2{font-size:20px}
.page.brand h2 + .para2{margin:-32px 0 44px 0}
.page.brand .store_list{display:flex;gap:24px;}
.page.brand .store_list li{width:100%;line-height:24px;padding:32px 32px 30px;text-align:center;color:var(--neutral-gray-500);border:1px solid var(--neutral-gray-200);border-radius:4px;background:var(--neutral-white-300);}
.page.brand .store_list li:before{content:"";display:block;width:56px;height:56px;margin:0 auto 16px;}
.page.brand .store_list li:nth-child(1):before{background:url(../images/ic/ic_storeList01.svg) no-repeat 50% 50%;}
.page.brand .store_list li:nth-child(2):before{background:url(../images/ic/ic_storeList02.svg) no-repeat 50% 50%;}
.page.brand .store_list li:nth-child(3):before{background:url(../images/ic/ic_storeList03.svg) no-repeat 50% 50%;}
.page.brand .refer{margin-top:37px;color:var(--neutral-gray-500);}
.page.brand .store_infogra01 .img{height:258px;margin:24px 0;font-size:0;background:url(../images/img_store01.png) no-repeat 50% 50% /contain;}
.page.brand .store_infogra01 .txt{line-height:24px;padding:24px 24px 22px;text-align:center;color:var(--neutral-gray-800);border:1px solid var(--neutral-gray-200);border-radius:4px;background:var(--neutral-white-300);}
.page.brand .store_infogra01 .txt span{font-weight:700;color:var(--secondary-purple-90)}
.page.brand .store_infogra01 .txt strong{font-weight:700;color:var(--primary-green-90)}
.page.brand .store_link{display:flex;gap:24px;}
.page.brand .store_link li{width:100%;padding:32px;text-align:center;border:1px solid var(--neutral-gray-200);border-radius:4px;background:var(--neutral-white-300);}
.page.brand .store_link li p:nth-child(1){font-size:20px;font-weight:700}
.page.brand .store_link li p:nth-child(2){margin-top:16px;font-size:16px;color:var(--neutral-gray-500);}
.page.brand .store_link li p:nth-child(2):before{content:"";display:block;width:180px;height:160px;margin:0 auto 16px;}
.page.brand .store_link li:nth-child(1) p:nth-child(2):before{background:url(../images/ic/ic_storeLink01.png) no-repeat 50% 50%/contain;}
.page.brand .store_link li:nth-child(2) p:nth-child(2):before{background:url(../images/ic/ic_storeLink02.png) no-repeat 50% 50%/contain;}
.page.brand .store_link li p:nth-child(3){display:inline-block;margin-top:20px;text-decoration:underline;text-underline-position:under;font-weight:700;color:var(--primary-green-90);}
.page.brand .eSocial_list{padding-top:265px;line-height:24px;color:var(--neutral-gray-800);background:url(../images/img_esocial01.png) no-repeat 50% 0/contain;}
.page.brand .eSocial_list li{position:relative;margin-left:11px;padding-left:16px}
.page.brand .eSocial_list li~li{margin-top:8px}
.page.brand .eSocial_list li:before{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:100%;background:var(--neutral-gray-800)}
.page.brand .eSocial_list em{display:block;margin-top:3px;margin-left:-6px;font-size:16px;color:var(--neutral-gray-500);}
.page.brand .eSocial_list strong{color:var(--sub-red-80);}
.page.brand .eSocial_list2 li{line-height:24px;padding:30px 32px;color:var(--neutral-gray-800);border:1px solid var(--neutral-gray-200);border-radius:4px;background:var(--neutral-white-300);}
.page.brand .eSocial_list2 li~li{margin-top:12px}
.page.brand .eSocial_list2 h3{display:block;margin-bottom:12px;font-weight:700;color:var(--primary-green-90);}
.page.brand .eSocial_list2 strong{color:var(--sub-red-80);}
.page.brand .eSocial_list2 em{display:block;margin-top:8px;color:var(--neutral-gray-500);}
.page.brand .eSocial_list3{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.page.brand .eSocial_list3 li{position:relative;padding:30px 32px 31px 102px;color:var(--neutral-gray-800);font-size:16px;border:1px solid var(--neutral-gray-200);border-radius:4px;background:var(--neutral-white-300);}
.page.brand .eSocial_list3 h3{margin-bottom:8px;font-weight:700}
.page.brand .eSocial_list3 li:before{content:"";position:absolute;left:32px;top:0;bottom:0;margin:auto 0;width:46px;height:46px;}
.page.brand .eSocial_list3 li:nth-child(1):before{background:url(../images/ic/ic_eSocial01.svg) no-repeat 50% 50%;}
.page.brand .eSocial_list3 li:nth-child(2):before{background:url(../images/ic/ic_eSocial02.svg) no-repeat 50% 50%;}
.page.brand .eSocial_list3 li:nth-child(3):before{background:url(../images/ic/ic_eSocial03.svg) no-repeat 50% 50%;}
.page.brand .eSocial_list3 li:nth-child(4):before{background:url(../images/ic/ic_eSocial04.svg) no-repeat 50% 50%;}

/* users */
.certify{display:grid;grid-template-columns:0fr 0fr 0fr 0fr;justify-content:space-between;gap:24px 0;text-align:center;font-size:14px;color:var(--neutral-gray-400);}
.certify li{min-width:65px}
.certify i{display:block;width:42px;height:40px;margin:0 auto 12px;}
.certify .ic_talks{background:url(../images/ic/ic_talks.png) no-repeat 50% 50%;}
.certify .ic_naver{background:url(../images/ic/ic_naver.png) no-repeat 50% 50%;}
.certify .ic_pass{background:url(../images/ic/ic_pass.png) no-repeat 50% 50%;}
.certify .ic_dream{background:url(../images/ic/ic_dream.png) no-repeat 50% 50%;}
.certify .ic_kb{background:url(../images/ic/ic_kb.png) no-repeat 50% 50%;}
.certify .ic_tos{background:url(../images/ic/ic_tos.png) no-repeat 50% 50%;}
.certify .ic_sh{background:url(../images/ic/ic_sh.png) no-repeat 50% 50%;}
.certify .ic_payco{background:url(../images/ic/ic_payco.png) no-repeat 50% 50%;}
.certify .ic_sam{background:url(../images/ic/ic_sam.png) no-repeat 50% 50%;}
.certify .ic_bans{background:url(../images/ic/ic_bans.png) no-repeat 50% 50%;}
.certify .ic_hana{background:url(../images/ic/ic_hana.png) no-repeat 50% 50%;}
.certify .ic_woori{background:url(../images/ic/ic_woori.png) no-repeat 50% 50%;}
.certify .ic_woori{background:url(../images/ic/ic_woori.png) no-repeat 50% 50%;}
.certify .ic_nh{background:url(../images/ic/ic_nh.png) no-repeat 50% 50%;}
.certify .ic_kakaobnk{background:url(../images/ic/ic_kakaobnk.png) no-repeat 50% 50%;}
.certify button{transition:all 0.2s ease-in-out;}
.certify button:hover{font-weight:500;color:var(--neutral-black)}

.login_ui{position:relative;display:flex;justify-content:space-between;width:912px;margin:80px auto;padding-top:68px;}
.login_ui:before{content:"";position:absolute;left:0;right:0;top:0;width:250px;height:45px;margin:0 auto;background:url(../images/logo.svg) no-repeat 50% 50%/contain}
.login_ui.b2g:before{content:"";position:absolute;left:0;right:0;top:0;width:160px;height:45px;margin:0 auto;background:url(../images/b2glogo2.svg) no-repeat 50% 50%/contain}
.login_ui .col:nth-child(1){width:462px;}
.login_ui .col:nth-child(2){width:430px;}
.login_ui .col{padding:32px;border:1px solid var(--neutral-gray-300);border-radius:4px;box-sizing:border-box;}
.login_ui .login dt{margin-bottom:12px;font-weight:700;color:var(--neutral-gray-400);}
.login_ui .login dd{position:relative;}
.login_ui .login .input_box,.login_ui .login input{width:100%}
.login_ui .login div + div{margin-top:16px}
.login_ui .login em{display:block;margin-top:8px;font-size:14px;color:var(--sub-red-90);}
.login_ui .login .btn_view{position:absolute;top:9px;right:12px;width:30px;height:30px;font-size:0;background:url(../images/ic/ic_pw_hide.svg) no-repeat 50% 50%;}
.login_ui .login .btn_view.show{background:url(../images/ic/ic_pw_show.svg) no-repeat 50% 50%;}
.login_ui .login .alert_ok .btn_view,.login_ui .login .alert_err .btn_view{right:42px}
.login_ui .save{margin:24px 0}
.login_ui .save + .btn{margin-top:53px}
.login_ui .chk_box label{color:var(--neutral-black);}
.login_ui .chk_box label:before{top:2px}
.login_ui .links{display:flex;justify-content:center;margin-top:24px;font-size:14px}
.login_ui .links a~a{margin-left:10px;padding-left:13px}
.login_ui .links a{position:relative;}
.login_ui .links a~a:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;height:3px;margin:auto 0;border-radius:100%;background:#ddd}
.login_ui .links a:hover{text-decoration:underline;text-underline-position:under;}
.login_ui .tit{margin:14px 0 5px 0;font-weight:700;color:var(--neutral-gray-800);}
.login_ui .tit:first-of-type{margin:0 0 20px 0}
.login_ui .certify{padding-bottom:24px;/*border-bottom:1px solid var(--neutral-gray-200)*/}
.login_ui .certify button{transition:all 0.2s ease-in-out;}
.login_ui .certify button:hover{font-weight:500;color:var(--neutral-black)}
.login_ui .doc button{width:100%;height:84px;border-radius:4px;font-size:14px;color:var(--neutral-gray-400);background:var(--neutral-white-300);transition:all 0.2s ease-in-out;}
.login_ui .doc button:before{content:"";display:block;width:26px;height:23px;margin:0 auto 12px;background:url(../images/ic/ic_certifydoc.svg) no-repeat 50% 50%;}
.login_ui .doc button:hover{background:var(--neutral-gray-200);}

/*20250623 b2g 메인 로고 추가 (임시)*/
.login_ui_b2g{position:relative;display:flex;justify-content:space-between;width:912px;margin:80px auto;padding-top:68px;}
.login_ui_b2g:before{content:"";position:absolute;left:0;right:0;top:0;width:250px;height:50px;margin:0 auto;background:url(../images/b2glogo.svg) no-repeat 50% 50%/contain}
.login_ui_b2g .col:nth-child(1){width:462px;}
.login_ui_b2g .col:nth-child(2){width:430px;}
.login_ui_b2g .col{padding:32px;border:1px solid var(--neutral-gray-300);border-radius:4px;box-sizing:border-box;}
.login_ui_b2g .login dt{margin-bottom:12px;font-weight:700;color:var(--neutral-gray-400);}
.login_ui_b2g .login dd{position:relative;}
.login_ui_b2g .login .input_box,.login_ui .login input{width:100%}
.login_ui_b2g .login div + div{margin-top:16px}
.login_ui_b2g .login em{display:block;margin-top:8px;font-size:14px;color:var(--sub-red-90);}
.login_ui_b2g .login .btn_view{position:absolute;top:9px;right:12px;width:30px;height:30px;font-size:0;background:url(../images/ic/ic_pw_hide.svg) no-repeat 50% 50%;}
.login_ui_b2g .login .btn_view.show{background:url(../images/ic/ic_pw_show.svg) no-repeat 50% 50%;}
.login_ui_b2g .login .alert_ok .btn_view,.login_ui .login .alert_err .btn_view{right:42px}
.login_ui_b2g .save{margin:24px 0}
.login_ui_b2g .chk_box label{color:var(--neutral-black);}
.login_ui_b2g .chk_box label:before{top:2px}
.login_ui_b2g .links{display:flex;justify-content:center;margin-top:24px;font-size:14px}
.login_ui_b2g .links a~a{margin-left:10px;padding-left:13px}
.login_ui_b2g .links a{position:relative;}
.login_ui_b2g .links a~a:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;height:3px;margin:auto 0;border-radius:100%;background:#ddd}
.login_ui_b2g .links a:hover{text-decoration:underline;text-underline-position:under;}
.login_ui_b2g .tit{margin:24px 0 20px 0;font-weight:700;color:var(--neutral-gray-800);}
.login_ui_b2g .tit:first-of-type{margin-top:0}
.login_ui_b2g .certify{padding-bottom:24px;/*border-bottom:1px solid var(--neutral-gray-200)*/}
.login_ui_b2g .certify button{transition:all 0.2s ease-in-out;}
.login_ui_b2g .certify button:hover{font-weight:500;color:var(--neutral-black)}
.login_ui_b2g .doc button{width:100%;height:84px;border-radius:4px;font-size:14px;color:var(--neutral-gray-400);background:var(--neutral-white-300);transition:all 0.2s ease-in-out;}
.login_ui_b2g .doc button:before{content:"";display:block;width:26px;height:23px;margin:0 auto 12px;background:url(../images/ic/ic_certifydoc.svg) no-repeat 50% 50%;}
.login_ui_b2g .doc button:hover{background:var(--neutral-gray-200);}

.join_select,.join_agree,.join_forms{display:flex;align-items:center;justify-content:space-between;width:1440px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.join_select .col:nth-child(1),.join_agree .col:nth-child(1)/*,.join_forms .col:nth-child(1)*/{width:474px;}
.join_select .col:nth-child(2),.join_agree .col:nth-child(2)/*,.join_forms .col:nth-child(2)*/{width:886px;}
.join_forms .col:nth-child(1){width:360px;}
.join_forms .col:nth-child(2){width:1000px;}
.join_select .txt,.join_agree .txt,.join_forms .txt{margin-bottom:24px;font-size:28px;font-weight:700}
.join_select .noti dt,.join_agree .noti,.join_forms .noti{padding-left:26px;line-height:24px;margin-bottom:8px;font-weight:700;color:var(--neutral-gray-500);background:url(../images/ic/ic_refer.svg) no-repeat 0 3px;}
.join_select .noti dd~dd{margin-top:4px}
.join_select .noti dd{position:relative;line-height:22px;margin-left:8px;padding-left:12px;color:var(--neutral-gray-500); margin-bottom: 20px}
.join_select .noti dd:before{content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:100%;background:var(--neutral-gray-500)}
.join_select .links li~li{margin-top:24px}
.join_select .links a{position:relative;display:flex;align-items:center;width:100%;padding:0 32px;height:96px;font-size:24px;font-weight:700;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-sizing:border-box;transition:all 0.2s ease-in-out;}
.join_select .links a:after{content:"";position:absolute;top:0;bottom:0;right:32px;width:24px;height:25px;margin:auto 0;background:url(../images/ic/ic_arr2.svg) no-repeat 50% 50%;}
.join_select .links li:nth-child(1) a{/*height:152px;*/color:var(--neutral-white-100);border-color:var(--primary-green-90);background:var(--primary-green-90);}
.join_select .links li:nth-child(1) a:after{background:url(../images/ic/ic_arr_w2.svg) no-repeat 50% 50%;}
.join_select .links i{position:relative;top:-2px;display:inline-block;width:32px;height:32px;margin-right:12px;vertical-align:middle;}
.join_select .links .ic_join01{background:url(../images/ic/ic_join01_on.svg) no-repeat 50% 50%;}
.join_select .links .ic_join02{background:url(../images/ic/ic_join02.svg) no-repeat 50% 50%;}
.join_select .links .ic_join03{background:url(../images/ic/ic_join03.svg) no-repeat 50% 50%;}
.join_select .links .ic_join04{background:url(../images/ic/ic_join04.svg) no-repeat 50% 50%;}
.join_select .links .ic_join05{background:url(../images/ic/ic_join05.svg) no-repeat 50% 50%;}
.join_select .links .tooltip_box{margin-top:-5px; margin-left:20px; position: relative;}

.join_select .links2 {display: grid; grid-template-columns: 1fr 1fr 1fr; gap:20px; text-align: center; align-content: center; align-items: center;}
.join_select .links2 .tab-button{position:relative;display:block; align-items:center; width:100%;padding:30px 15px; font-size:24px;font-weight:700;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-sizing:border-box;transition:all 0.2s ease-in-out;}
.join_select .links2 .tab-button .link{position:relative; text-align: -webkit-center;}
.join_select .links2 .link small{color: var(--neutral-gray-500); font-size: 18px; font-weight: 500; display: block;}
.join_select .links2 .tab-button.current{border:1px solid var(--primary-green-90);background:var(--primary-green-90);}
.join_select .links2 .tab-button.current .link{color: var(--neutral-white-100)}
.join_select .links2 .tab-button.current .link small{color: var(--neutral-white-100);}
/*.join_select .links2 .tab-button:after{content:"";position:absolute;top:0;bottom:0;right:32px;width:24px;height:25px;margin:auto 0;background:url(../images/ic/ic_arr2.svg) no-repeat 50% 50%;}*/
.join_select .links2 li:active a{/*height:152px;*/color:var(--neutral-white-100);border-color:var(--primary-green-90);background:var(--primary-green-90);}
.join_select .links2 .tab-button.current:after{background:url(../images/ic/ic_arr_w2.svg) no-repeat 50% 50%;}
.join_select .links2 i{position:relative; display:block;width:32px;height:32px;margin-bottom:12px;vertical-align:middle;}
.join_select .links2 .ic_join02{background:url(../images/ic/ic_join02.svg) no-repeat 50% 50%;}
.join_select .links2 .tab-button.current .ic_join02{background:url(../images/ic/ic_join02_on.svg) no-repeat 50% 50%;}


.join_select .discrip{position:relative; display:block;margin-top: 20px; width:100%;padding:30px; font-size:18px;font-weight:500;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-sizing:border-box;transition:all 0.5s ease-in-out; color: var(--neutral-gray-500);}
.join_select .discrip h2{font-size:22px;font-weight:600; margin-bottom: 10px; color: var(--primary-green-90);}

.join_select .discrip {display: none}
.join_select .discrip.active {display: block}

.join_select .links .heading {margin-top:56px; position: relative;}
.join_select .links .heading p{font-size: 20px; text-align: center; color: var(--neutral-gray-800); font-weight: 500; position: relative; z-index: 2; width:100%;}
.join_select .links .heading p span{display: inline-block; width: fit-content; text-align: center; padding:5px 10px; position: relative; z-index: 2; background:var(--neutral-white-200); border-radius: 20px;}
.join_select .links .heading p::after{width: 100%; display: inline-block; position: absolute; right: 0; top:17px; height: 1px; background: var(--neutral-gray-300); content: ''; margin-left: 30px;}
.join_select .refer { font-size: 16px;margin-top: 20px; padding-left: 26px; line-height: 24px;  margin-bottom: 8px; color: var(--neutral-gray-500); background: url(../images/ic/ic_refer.svg) no-repeat 0 50%;}
.join_select .refer a{ color: var(--primary-green-90); font-weight: 600; text-decoration: underline; text-underline-position: under;}
.join_select .refer a:hover{ color: var(--neutral-black);}
.join_select .btng {margin: 32px 0; width: 100%; display: flex;gap: 24px; box-sizing: border-box;justify-content: center;}
/*.join_select .links li:nth-child(2) .tooltip_box{left:160px;}
.join_select .links li:nth-child(3) .tooltip_box{left:220px;}
.join_select .links li:nth-child(4) .tooltip_box{left:208px;}
.join_select .links li:nth-child(5) .tooltip_box{left:239px;}*/

.join_select .joinBanner {margin: 80px 0 0 0; background:url("../images/banner_store36.5_sale.png") no-repeat 50% 50%/contain; height: 160px; width: 886px; box-sizing:border-box }
.join_select .joinBanner a {display: block; align-items: center; padding-left: 40px; align-content: center; height: 100%; width: 100%; box-sizing:border-box}
.join_select .joinBanner p{text-align: left; line-height: 38px}
.join_select .joinBanner .heading {margin:0 ; position: relative; width:100%;font-size: 24px; color: var(--neutral-black); font-weight: 700; letter-spacing: -.1px }
.join_select .joinBanner .link{position: relative; font-size: 16px; padding:0 15px 0 0; color: var(--secondary-purple-90); box-sizing:border-box; transition:all 0.2s ease-in-out; text-decoration: underline; text-underline-position: under;}
.join_select .joinBanner .link:after{content:"";display: inline-block; width:14px;height:14px; margin-bottom: -2px; margin-left: 5px; background:url("../images/ic/ic_arr_p.svg") no-repeat 50% 50%/contain; transform: rotate(-90deg)}

.join_agree .noti{padding-left:26px;line-height:24px;margin-bottom:8px;font-weight:700;color:var(--neutral-gray-500);background:url(../images/ic/ic_refer.svg) no-repeat 0 50%;}
.join_agree .box{padding:32px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);}
.join_agree .box~.box{margin-top:24px}
.join_agree .in{position:relative;}
.join_agree .in~.in{margin-top:32px}
.join_agree .in .btn_detail{position:absolute;top:0;bottom:0;right:0;height:18px;margin:auto 0;}
.join_agree .tit{margin-bottom:8px;font-size:18px}
.join_agree .tit strong{color:var(--sub-red-80);}
.join_agree .chk_box label{font-size:24px;font-weight:700}
.join_agree .chk_box label:before{top:0;width:28px;height:28px;background-size:18px auto;}
.join_agree .radio_box label{color:var(--neutral-gray-400);}
.join_agree .btng{display:flex;gap:24px;margin-top:24px;}
.join_agree .in:nth-child(1) .radio_box label:before{top:3px}
.join_agree .in:nth-child(1) .radio_box label:after{top:8px}

.join_certify{display:flex;justify-content:space-between;width:1392px;margin:0 auto;}
.join_certify .col{width:680px;padding:32px;text-align:center;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-sizing:border-box;}
.join_certify .tit{margin-bottom:32px;font-size:24px;font-weight:700}
.join_certify .tit ~ .tit{margin-top:48px; margin-bottom:20px;}
.join_certify .txtg{display:inline-block;padding-top:168px;color:var(--neutral-gray-500);background:url(../images/ic/ic_certify.svg) no-repeat 50% 0;}
.join_certify .txtg li~li{margin-top:4px}
.join_certify .txtg li{position:relative;padding-left:12px;text-align:left}
.join_certify .txtg li:before{content:"";position:absolute;top:8px;left:0;width:4px;height:4px;border-radius:100%;background:var(--neutral-gray-500)}
.join_certify .certify{gap:40px 0;width:364px;margin:0 auto;padding-top:14px;}
.join_certify .btng{margin:32px 110px 0}

.join_forms{align-items:flex-start;}
.join_forms .col:nth-child(1){position:sticky;top:0;padding-top:190px}
.join_forms .noti{font-weight:400;}
.join_forms .btng{display:flex;gap:24px;margin-top:24px;}

.form_ui{padding:32px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-sizing:border-box;}
.form_ui~.form_ui{margin-top:24px}
.form_ui .titg{position:relative;margin-bottom:20px}
.form_ui .titg h2{font-size:24px;font-weight:700}
.form_ui .titg span{position:absolute;top:0;right:0;color:var(--neutral-gray-500)}
.form_ui .titg strong{color:var(--sub-red-90);font-weight:700}
.form_ui .form_data + .titg{margin-top:24px}
.form_ui .btng{display:flex;gap:24px;margin-top:24px;}

.form_ui .form_data .tooltip_box{margin-top:-5px; position: relative;}

/* mypage */
.mypage .users{margin-bottom:20px;font-size:18px;font-weight:700;}
.mypage .users a{text-decoration:underline;text-underline-position:under;color:var(--primary-green-90)}
.mypage .users a:after{position:relative;top:-2px;content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url(../images/ic/ic_pgArr.svg) no-repeat 50% 50%;}
.mypage .infor_box{display:flex;gap:8px;}
.mypage .infor_box li{display:flex;align-items:center;justify-content:center;width:100%;height:132px;font-size:20px;font-weight:700;border-radius:4px;background:var(--neutral-gray-200)}
.mypage .infor_box li strong{margin-left:8px;color:var(--primary-green-90)}
.mypage .infor_box li a:before{content:"";display:block;width:40px;height:40px;margin:0 auto 8px;}
.mypage .infor_box li:nth-child(1) a:before{background:url(../images/ic/ic_myInfor1.svg) no-repeat 50% 50%;}
.mypage .infor_box li:nth-child(2) a:before{background:url(../images/ic/ic_myInfor2.svg) no-repeat 50% 50%;}
.mypage .infor_box li:nth-child(3) a:before{background:url(../images/ic/ic_myInfor3.svg) no-repeat 50% 50%;}
.mypage .infor_box li:nth-child(4) a:before{background:url(../images/ic/ic_myInfor4.svg) no-repeat 50% 50%;}
.mypage .infor_box li a:hover strong{text-decoration:underline;text-underline-position:under;}
.mypage .ing_order{display:flex;gap:68px;padding:24px;margin-bottom:12px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100)}
.mypage .ing_order li{position:relative;width:165px;text-align:center;font-weight:700;color:var(--neutral-gray-500)}
.mypage .ing_order li strong{display:block;margin-top:4px;font-size:18px;color:var(--neutral-gray-300)}
.mypage .ing_order li a strong{color:var(--primary-green-90)}
.mypage .ing_order li a:hover strong{text-decoration:underline;text-underline-position:under;}
.mypage .ing_order li~li:before{content:"";position:absolute;left:-44px;top:0;bottom:0;margin:auto 0;width:20px;height:20px;background:url(../images/ic/ic_pgArr.svg) no-repeat 50% 50%;}
.board_list.good td{color:var(--neutral-gray-800);}
.board_list.good a:hover{text-decoration:none}
.board_list.good .orderNums p{margin-bottom:8px;color:var(--neutral-black)}
.board_list.good .item{padding:24px 16px;text-align:left}
.board_list.good .item .box{position:relative;min-height:76px;padding-left:88px;}
.board_list.good .item .box .thum{position:absolute;top:0;left:0}
.board_list.good .item .box .thum img{width:76px;height:76px;}
.board_list.good .item .box .part{color:var(--neutral-gray-400);}
.board_list.good .item .box .tit{margin-top:12px;font-weight:700;color:var(--neutral-black);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.board_list.good .item .box .option{margin-top:4px;}
.board_list .price del,.board_list.good .price del, .board_list.good .price span{display:block;font-weight:400;color:var(--neutral-gray-400);}
.board_list.good .price span{margin-bottom:4px}
.board_list.good .price,.board_list .price{font-weight:700;color:var(--secondary-purple-90);}
.board_list.good .btn.siz_sm{min-width:88px}

.date_search{display:flex;align-items:center;position:relative;padding:24px;border-radius:4px;color:var(--neutral-gray-800);background:var(--neutral-gray-200)}
.date_search .tit{margin-right:80px;font-weight:700;}
.date_search .datepicg{margin-right:32px}
.date_search .flex-box .datepicg{margin-right:0}
.date_search .datepicg span{margin:0 8px}
.date_search .filter button, .detail_tbl .filter button{width:55px;height:38px;font-size:14px;color:var(--neutral-gray-500);font-weight:700;border-radius:50px;border:1px solid var(--neutral-gray-300);background:var(--neutral-white-100)}
.date_search .filter button~button, .detail_tbl .filter button~button{margin-left:4px}
.date_search .filter button.active, .detail_tbl .filter button.active {color:var(--neutral-white-100);border:1px solid var(--neutral-gray-600);background:var(--neutral-gray-600)}
.date_search .btng{position:absolute;top:24px;right:24px;}
.date_search .btng button{width:88px;}
.date_search .btng button~button{margin-left:4px;}

.txt_tbl{position:relative;margin-top:33px;padding-left:28px;color:var(--neutral-gray-500);background:url(../images/ic/ic_refer.svg) no-repeat 3px 2px;line-height:normal;}/* 라인높이추가 */
.txt_tbl2{margin:32px 0 0 8px;color:var(--neutral-gray-800);}
.txt_tbl2 li~li{margin-top:4px}
.txt_tbl2 li{position:relative;padding-left:12px;}
.txt_tbl2 li:before{content:"";position:absolute;top:8px;left:0;width:4px;height:4px;border-radius:100%;background:var(--neutral-gray-500)}

.edit_login{padding:32px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100)}
.edit_login .esen{width:704px;margin:0 auto 24px;text-align:right;font-weight:700;color:var(--neutral-gray-500)}
.edit_login .esen strong{color:var(--sub-red-90)}
.edit_login .form_data{width:704px;margin:0 auto}
.edit_login .txt{display:inline-block;margin-top:24px;text-align:center;color:var(--neutral-gray-500)}
.edit_login .btng{width:704px;margin:48px auto 0;}
.edit_login .form_data > div~div{margin-top:26px}

.ing_order2 {display:flex;gap:20px;padding:24px 10px;margin-bottom:12px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100)}
.popup_body .ing_order2 {background:var(--neutral-white-100)}
.ing_order2 li{ flex: 1; position:relative; text-align:center;font-weight:700;color:var(--neutral-gray-500); padding:12px 10px; font-size: 16px; align-content:center; white-space: nowrap; letter-spacing: -1px}
.ing_order2 li.done{position:relative;text-align:center;font-weight:700;color:var(--primary-green-90); background:var(--primary-green-30); border-radius: 30px; border:1px solid var(--primary-green-80); }
.ing_order2 li.active{position:relative;text-align:center;font-weight:700;color:var(--neutral-white-100); background:var(--primary-green-90); border-radius: 30px; border:1px solid var(--primary-green-90); }
.popup_body .ing_order2 li.done,
.popup_body .ing_order2 li.active{border:1px solid var(--primary-green-90);}
.ing_order2 li strong{display:block;margin-top:4px;font-size:18px;color:var(--neutral-gray-300)}
.ing_order2 li a strong{color:var(--primary-green-90)}
.ing_order2 li a:hover strong{text-decoration:underline;text-underline-position:under;}
.ing_order2 li~li:before{content:"";position:absolute;left:-20px;top:0;bottom:0;margin:auto 0;width:20px;height:20px;background:url(../images/ic/ic_pgArr.svg) no-repeat 50% 50%;}

/* popup */
.pop_msg{z-index:999999999;position:fixed;width:100%;height:100%;top:0;left:0;}
.pop_msg:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .40)}
.pop_msg .popup{overflow:hidden;position:absolute;top:50%;left:50%;width:480px;padding:0 20px 20px;border-radius:8px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-shadow:5px 8px 18px rgba(0, 0, 0, .2);transform:translate(-50%, -50%);box-sizing:border-box;}
.pop_msg .popup h1{margin-bottom:8px;padding-top:72px;text-align:center;font-weight:700;font-size:20px;color:var(--neutral-gray-800);}
.pop_msg .popup .cons .msg{min-height:39px;padding:0 10px;}
.pop_msg .popup .cons .msg div{color:var(--neutral-gray-500);text-align:center;}
.pop_msg .popup .cons .msg div strong{font-weight:700;font-size:20px;color:var(--neutral-gray-800);}
.pop_msg .popup .cons .msg div .txt{margin-top:20px;color:#585858;font-size:11px;}
.pop_msg .popup .btn_block{display:flex;gap:12px;margin-top:47px;text-align:center;}
.pop_msg .btnOk{width:100%;color:var(--neutral-white-100);height:48px;font-size:18px;font-weight:700;border:0;border-radius:4px;background:var(--primary-green-90);transition:all 0.3s ease-in-out;}
.pop_msg .btnCancel{width:100%;height:48px;color:var(--neutral-gray-500);font-size:18px;font-weight:700;border:0;border-radius:4px;background:var(--neutral-white-300);transition:all 0.3s ease-in-out;}
.pop_msg .popup .close{position:absolute;top:20px;right:20px;width:24px;height:24px;font-size:0}
.pop_msg .popup .close:before,.pop_msg .popup .close:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:2px;height:18px;background:var(--neutral-gray-500);transform:rotate(45deg);}
.pop_msg .popup .close:after{transform:rotate(-45deg);}
.pop_msg i{display:block;width:64px;height:64px;margin:0 auto 18px;background:url(../images/ic/ic_alert.svg) no-repeat 50% 50%}

.pop_container{z-index:99999;position:fixed;width:100%;height:100%;top:0;left:0;}
.pop_container:before{content:"";position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, .3); backdrop-filter: blur(10px);}
.pop_container .popup{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:765px;height:fit-content;border-radius:4px;background:var(--neutral-white-100);box-shadow:8px 8px 10px rgba(01, 0, 0, .2);}
.pop_container .popup h1{height:64px;line-height:64px;padding-left:15px;color:var(--neutral-white-100);font-size:18px;font-weight:700;border-radius:4px 4px 0 0;background:var(--primary-green-90)}		/* 20250417 수정 woo */
.pop_container .popup .close{position:absolute;top:16px;right:16px;width:30px;height:30px;font-size:0;z-index: 3;}
.pop_container .popup .close:before,.pop_container .popup .close:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:2px;height:26px;background:var(--neutral-white-100);transform:rotate(45deg);}
.pop_container .popup .close:after{transform:rotate(-45deg);}
.pop_container .idPw_ui{padding:40px;}
.pop_container .idPw_ui .txt{position:relative;margin-bottom:40px;line-height:24px;font-size:18px;color:var(--neutral-gray-400);}
.pop_container .idPw_ui .txt em{position:absolute;bottom:0;right:0;font-size:13px;}
.pop_container .idPw_ui .txt em strong{font-weight:700;color:var(--sub-red-80);}
.pop_container .idPw_ui .form > div{display:flex;align-items:center;}
.pop_container .idPw_ui .form > div~div{margin-top:24px}
.pop_container .idPw_ui .form dt{flex:0 0 130px;font-size:18px;font-weight:700;color:var(--neutral-gray-400);}
.pop_container .idPw_ui .form dt strong{position:relative;top:-6px;margin-right:2px;font-weight:700;color:var(--sub-red-80);}
.pop_container .idPw_ui .form dd{flex-grow:1;}
.pop_container .idPw_ui .form input{width:100%}
.pop_container .idPw_ui .form .grid{display:flex;gap:12px;}
.pop_container .idPw_ui .form .grid select,.pop_container .idPw_ui .form .grid .SumoSelect{flex:0 0 110px;}
.pop_container .idPw_ui .form .grid button{flex:0 0 111px;}
.pop_container .idPw_ui .btng{margin:26px 142px 0;}
.pop_container .idPw_ui .resualt{line-height:36px;font-size:18px;text-align:center;color:var(--neutral-gray-400);}
.pop_container .idPw_ui .resualt strong{margin:0 10px;font-weight:700;color:var(--primary-green-90);}
.pop_container .idPw_ui .btng2{display:flex;gap:12px;margin-top:40px;}
.pop_container .terms_ui{overflow-y:auto;height:536px;padding:24px 34px 24px 40px;margin-right:6px;line-height:22px;color:var(--neutral-gray-500);box-sizing:border-box;}
.pop_container .terms_ui strong{font-size:18px;font-weight:700;color:var(--neutral-black);}
.pop_container .terms_ui span{color:var(--neutral-black);}
.pop_container .terms_ui .posi1{margin-left:6px;}
.pop_container .terms_ui .posi2{margin-left:18px;}
.pop_container .terms_ui em{text-decoration:underline;text-underline-position:under;color:var(--sub-red-90)}

/*.tooltip_box{z-index:1;position:absolute;height:30px;}*/
.tooltip_box .btn_info{width:32px;height:32px;font-size:0;background:url(../images/ic/ic_info.svg) no-repeat 50% 50%;}
.tooltip{display:none;position:absolute;left:54px;top:-16px;border-radius:8px;width:272px;padding:20px;color:var(--neutral-gray-200);font-size:16px;background:var(--neutral-gray-800);box-sizing:border-box; z-index: 1; text-align: left;}
.tooltip:before{content:"";position:absolute;left:-13px;top:24px;width:17px;height:17px;background:url(../images/ic/ic_tolArr.svg) no-repeat 50% 0;}
.tooltip .close{position:absolute;top:20px;right:20px;width:20px;height:20px;font-size:0;background:url(../images/ic/ic_toolClose.svg) no-repeat 50% 50%;}
.tooltip dt{font-weight:700; height: 25px; line-height: 25px;}
.tooltip dd{margin-top:12px;font-weight:400; line-height: 18px; word-break: normal}


/**20250510추가**/

/*가입완료*/
.join_CmWrap{width:800px; margin:0 auto; text-align: center; justify-items:center;}
.join_CmWrap .tit{margin-bottom:10px;font-size:24px;font-weight:700;color:var(--neutral-gray-800);}
.join_CmWrap .txtg{display:inline-block; margin:60px 0 ;padding-top:90px;color:var(--neutral-gray-500);background:url("../images/ic/ic_joinCm.svg") no-repeat 50% 0;}
.join_CmWrap .btng{margin:32px 110px 0; width: 100%; display: flex; gap:24px;}

/*배송지관리*/
.secTit .msg {font-size: 16px;font-weight: 700;}

/*회원탈퇴*/
.mbrWhdwl{padding:32px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100)}
.mbrWhdwl .info {width:704px;margin:0 auto; text-align: center; margin-bottom: 20px;}
.mbrWhdwl .info p{font-size:16px; color:var(--neutral-gray-500);}
.mbrWhdwl .info .tit {font-size:20px; color:var(--primary-green-90); font-weight: 600; margin-bottom:5px;}
.mbrWhdwl .esen{width:704px;margin:0 auto 24px;text-align:right;font-weight:700;color:var(--neutral-gray-500)}
.mbrWhdwl .esen strong{color:var(--sub-red-90)}
.mbrWhdwl .form_data{width:704px;margin:0 auto}
.mbrWhdwl .txt{display:inline-block;margin-top:60px;text-align:center;color:var(--neutral-gray-500)}
.mbrWhdwl .btng{width:704px;margin:48px auto 0;}
.mbrWhdwl .form_data > div~div{margin-top:46px}
.mbrWhdwl .form_data ul li {margin-bottom:15px}
.mbrWhdwl .form_data ul li textarea {width: 100%;}

/*상품검색 타이틀*/
.goodSrch_box {width: 1440px;padding: 24px;margin: 48px auto; border-radius: 4px; border: 1px solid var(--neutral-gray-200); background: var(--neutral-white-100); box-sizing: border-box; justify-content: center; justify-items:center;}

.goodSrch_box .srch_msg {font-size: 36px; font-weight: 600; color:var(--neutral-gray-500); margin-bottom: 15px;}
.goodSrch_box .srch_msg span {color:var(--primary-green-90);}
.goodSrch_box .tabs {margin-bottom: 0;}

.vendor_list a {font-size: 14px; color:var(--neutral-gray-400); text-decoration: underline; text-underline-position: under;}
.vendor_list a::after {content:''; display: inline-block; width: 10px; height: 10px; background: url("../images/ic/ic_arr3.svg") no-repeat center center; background-size: 100%; margin-left: 5px;}
.vendor_list a:hover {color:var(--neutral-gray-800); text-decoration: none!important;}

.Support_msg {text-align: center; margin: a auto; background: url("../images/ic/ic_alert.svg") no-repeat center 50px; background-size:auto; padding: 140px 0 60px; font-size: 24px; color:var(--neutral-gray-800); font-weight: 600}
.Support_msg span{color:var(--primary-green-90); }

/*B2G 공지사항 테이블*/
.board_list2{border-top:1px solid var(--neutral-black); padding-top: 20px;}
.board_list2 thead th{height:56px;font-weight:700;color:var(--neutral-gray-800);background:var(--neutral-white-100); display: none;}
.board_list2 td{height: 34px; box-sizing: border-box; padding:5px 0;text-align:right;color:var(--neutral-gray-500); background-color:transparent; font-size: 16px; font-weight: 500}
.board_list2 a{text-align:left; padding-bottom:1px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width:calc(98% - 40px);word-wrap:break-word;margin-right:8px;color:var(--neutral-gray-800);}
.board_list2 a:not(.btn):hover{text-decoration:underline;text-underline-position:under;}
.board_list2 tr[aria-expanded='false'] + tr{display:none;}
.board_list2 tr[aria-expanded='true'] a{font-weight:700;color:var(--primary-green-90)}
.board_list2 tr[aria-expanded='true'] .btn_trigger{transform:rotate(180deg);}
.board_list2 .nodata{height:92px;color:var(--neutral-gray-800)}
.board_list2 .ic_notice {display: inline-block; width:fit-content; height: 24px; padding: 0 10px; margin-right: 5px; line-height: 24px; color: var(--neutral-white-100); font-weight: 600; border-radius: 20px; background: var(--sub-red-80);}

/*인증골라보기 */
/*.Certform .chkg{display:flex;flex-wrap:wrap; gap:35px; grid-row-gap: 15px; margin-bottom:0; }*/
.Certform .chkg .chk_box label {padding-left: 30px;}
.Certform .chkg{display:flex;flex-wrap:wrap; gap:0; grid-row-gap: 10px; margin-bottom:0; }
.Certform .chkg li { width: 20%;}
.form_ui .Certform .chkg li { width: 33.3%;}
.Certform .chkg li p{ letter-spacing: -.8px;}
.Certform .chkg .chk_box p img {display: inline-block; width: 22px; height: 22px; margin-top: -5px; margin-right: 6px; vertical-align: middle;}


[class*="C_ico_"]::before {display: inline-block; width: 22px; height: 22px; margin-top: -5px; margin-right: 6px; vertical-align: middle; background-size:cover!important; background-position: center center!important; background-repeat: no-repeat!important; }
.popup_body [class*="C_ico_"]::before {width: 40px; height: 40px;}
.C_ico_01::before {content: ''; background: url("../images/ic/certification_01.png");}/*사회적기업*/
.C_ico_02::before {content: ''; background: url("../images/ic/certification_01.png");}/*예비사회적기업(지역형)*/
.C_ico_03::before {content: ''; background: url("../images/ic/certification_01.png");}/*예비사회적기업(부처형)*/
.C_ico_04::before {content: ''; background: url("../images/ic/certification_17.png");}/*사회적협동조합*/
.C_ico_05::before {content: ''; background: url("../images/ic/certification_18.png");}/*협동조합*/
.C_ico_06::before {content: ''; background: url("../images/ic/certification_21.png");}/*마을기업*/
.C_ico_07::before {content: ''; background: url("../images/ic/certification_19.png");}/*자활기업*/
/*.C_ico_08::before {content: ''; background: url("../images/ic/certification_8.png");}/*사회적기업 육성사업 창업팀*/
.C_ico_09::before {content: ''; background: url("../images/ic/certification_03.png");}/*장애인표준사업장*/
.C_ico_10::before {content: ''; background: url("../images/ic/certification_02.png");}/*장애인기업*/
.C_ico_11::before {content: ''; background: url("../images/ic/certification_04.png");}/*중증장애인생산시설*/
.C_ico_12::before {content: ''; background: url("../images/ic/certification_05.png");}/*여성기업*/
.C_ico_13::before {content: ''; background: url("../images/ic/certification_16.png");}/*용사촌 복지공장 생산품*/
.C_ico_14::before {content: ''; background: url("../images/ic/certification_22.png");}/*전통상품기업*/
.C_ico_15::before {content: ''; background: url("../images/ic/certification_34.png");}/*사회적농업*/

.C_ico_16::before {content: ''; background: url("../images/ic/certification_06.png");}/*NEP*/
.C_ico_17::before {content: ''; background: url("../images/ic/certification_07.png");}/*NET*/
.C_ico_18::before {content: ''; background: url("../images/ic/certification_08.png");}/*GS*/
.C_ico_19::before {content: ''; background: url("../images/ic/certification_09.png");}/*GS(1등급)*/
.C_ico_20::before {content: ''; background: url("../images/ic/certification_10.png");}/*GS(2등급)*/
.C_ico_21::before {content: ''; background: url("../images/ic/certification_12.png");}/*GD*/
.C_ico_22::before {content: ''; background: url("../images/ic/certification_23.png");}/*KS*/
.C_ico_23::before {content: ''; background: url("../images/ic/certification_24.png");}/*K마크*/
.C_ico_24::before {content: ''; background: url("../images/ic/certification_25.png");}/*특허*/
.C_ico_25::before {content: ''; background: url("../images/ic/certification_26.png");}/*실용신안*/
.C_ico_26::before {content: ''; background: url("../images/ic/certification_11.png");}/*성능인증제품*/
.C_ico_27::before {content: ''; background: url("../images/ic/certification_27.png");}/*단체표준인증*/
.C_ico_28::before {content: ''; background: url("../images/ic/certification_28.png");}/*Q마크*/
.C_ico_29::before {content: ''; background: url("../images/ic/certification_29.png");}/*녹색기술인증*/
.C_ico_30::before {content: ''; background: url("../images/ic/certification_13.png");}/*녹색기술제품확인*/
.C_ico_31::before {content: ''; background: url("../images/ic/certification_30.png");}/*HACCP*/
/*.C_ico_32::before {content: ''; background: url("../images/ic/certification_8.png");}/*기타기술인증*/

.C_ico_33::before {content: ''; background: url("../images/ic/certification_14.png");}/*GR(우수재활용제품)*/
.C_ico_34::before {content: ''; background: url("../images/ic/certification_31.png");}/*에너지절약*/
.C_ico_35::before {content: ''; background: url("../images/ic/certification_15.png");}/*환경표지제품*/
.C_ico_36::before {content: ''; background: url("../images/ic/certification_32.png");}/*고효율기자재*/
.C_ico_37::before {content: ''; background: url("../images/ic/certification_33.png");}/*저공해자동차인증*/

.C_ico_38::before {content: ''; background: url("../images/ic/certification_35.png");}/*혁신제품*/
.C_ico_39::before {content: ''; background: url("../images/ic/certification_36.png");}/*창업기업제품*/
.C_ico_40::before {content: ''; background: url("../images/ic/certification_37.png");}/*재난안전제품*/
.C_ico_41::before {content: ''; background: url("../images/ic/certification_38.png");}/*저탄소인증제품*/
.C_ico_42::before {content: ''; background: url("../images/ic/certification_39.png");}/*에너지소비효율1등급*/


.detail [class*="C_ico_"] {font-size: 0!important; position: relative; width:fit-content; display: inline-block;}
.detail [class*="C_ico_"]::before {display: inline-block; width: 30px; height: 30px; margin-right: 6px; vertical-align: middle; background-size:cover!important; background-position: center center!important; background-repeat: no-repeat!important; font-size: 0!important; }

.detail [class*="C_ico_"] .balloon::before{display: none; position: relative; font-size:14px; color: var(--neutral-white-100); position: absolute; width: fit-content; height: auto; padding: 5px 10px; background: var(--neutral-black); border-radius: 20px; top:-24px; left: 34px; white-space: nowrap; z-index: 5}
.detail [class*="C_ico_"] .balloon::after{display: none; content:''; position: absolute;width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent;  border-right: 10px solid var(--neutral-black); top:-5px; left: 30px; transform: rotate(-30deg)}
.detail [class*="C_ico_"]:hover .balloon::before,
.detail [class*="C_ico_"]:hover .balloon::after{display: block;}

.detail .C_ico_01 .balloon::before {content: '사회적기업'}
.detail .C_ico_02 .balloon::before {content: '예비사회적기업(지역형)'}
.detail .C_ico_03 .balloon::before {content: '예비사회적기업(부처형)'}
.detail .C_ico_04 .balloon::before {content: '회적협동조합'}
.detail .C_ico_05 .balloon::before {content: '협동조합'}
.detail .C_ico_06 .balloon::before {content: '마을기업'}
.detail .C_ico_07 .balloon::before {content: '자활기업'}
/*.detail .C_ico_08 .balloon::before {content: '사회적기업 육성사업 창업팀'}*/
.detail .C_ico_09 .balloon::before {content: '장애인표준사업장'}
.detail .C_ico_10 .balloon::before {content: '장애인기업'}
.detail .C_ico_11 .balloon::before {content: '중증장애인생산시설'}
.detail .C_ico_12 .balloon::before {content: '여성기업'}
.detail .C_ico_13 .balloon::before {content: '용사촌 복지공장 생산품'}
.detail .C_ico_14 .balloon::before {content: '전통상품기업'}
.detail .C_ico_15 .balloon::before {content: '사회적농업'}

.detail .C_ico_16 .balloon::before {content: 'NEP'}
.detail .C_ico_17 .balloon::before {content: 'NET'}
.detail .C_ico_18 .balloon::before {content: 'GS'}
.detail .C_ico_19 .balloon::before {content: 'GS(1등급)'}
.detail .C_ico_20 .balloon::before {content: 'GS(2등급)'}
.detail .C_ico_21 .balloon::before {content: 'GD'}
.detail .C_ico_22 .balloon::before {content: 'KS'}
.detail .C_ico_23 .balloon::before {content: 'K마크'}
.detail .C_ico_24 .balloon::before {content: '특허'}
.detail .C_ico_25 .balloon::before {content: '실용신안'}
.detail .C_ico_26 .balloon::before {content: '성능인증제품'}
.detail .C_ico_27 .balloon::before {content: '단체표준인증'}
.detail .C_ico_28 .balloon::before {content: '*Q마크'}
.detail .C_ico_29 .balloon::before {content: '녹색기술인증'}
.detail .C_ico_30 .balloon::before {content: '녹색기술제품확인'}
.detail .C_ico_31 .balloon::before {content: 'HACCP'}
/*.detail .C_ico_32 .balloon::before {content: '기타기술인증'}*/

.detail .C_ico_33 .balloon::before {content: 'GR(우수재활용제품)'}
.detail .C_ico_34 .balloon::before {content: '에너지절약'}
.detail .C_ico_35 .balloon::before {content: '환경표지제품'}
.detail .C_ico_36 .balloon::before {content: '고효율기자재'}
.detail .C_ico_37 .balloon::before {content: '저공해자동차인증'}

.detail_tbl .SumoSelect,.date_search .SumoSelect { width:95%; /*fit-content*/min-width:230px; }
.detail_tbl.selauto .SumoSelect,.date_search.selauto .SumoSelect {width: 100%; min-width:fit-content;}
/*.detail_tbl .SumoSelect .SumoSelect,.date_search .SumoSelect .SumoSelect{ width:100%; min-width: 100% }*/

.btn_wrap {margin:0 auto; box-sizing: border-box; text-align: center;}
.popup_foot .btn_wrap {margin:0 auto; box-sizing: border-box; text-align: center; display: flex; gap: 10px; justify-content:flex-end; padding: 0 15px;}
.popup_foot .btn_wrap .btn.list {margin-right: auto}
.btn_wrap .btng { margin: 32px 0; width: 100%; display: flex; gap: 16px; box-sizing: border-box; justify-content:flex-end;}
.btn_wrap .btng .btn{width: 100%; max-width: 178px;}
.btn_wrap .btng .btn.list {margin-right: auto}
.schbtn_wrap {margin:0 auto; box-sizing: border-box; text-align: center;}
.schbtn_wrap .btng .btn{width: auto; padding: 0 20px;}
.schbtn_wrap .btng .btn:last-child{width: 275px; padding: 0 20px;}
.schbtn_wrap .btn_reset {font-size: 18px; padding: 0 15px; width: max-content;}
.popup_foot .schbtn_wrap {margin:0 auto; box-sizing: border-box; text-align: center; display: flex; gap: 10px; justify-content:center;}
.schbtn_wrap .btng { margin: 32px 0; width: 100%; display: flex; gap: 16px; box-sizing: border-box; justify-content:center;}

.auto_scroll {margin: 0; overflow: hidden; overflow-y: auto; overflow-x: hidden; min-height: 450px; max-height: 530px; padding: 20px; box-sizing: border-box;}
.auto_scroll2 {margin: 0; padding: 0; overflow: hidden; overflow-y: auto; overflow-x: hidden; min-height: 200px; max-height: 335px; box-sizing: border-box;}

.popup.pop_sm {width: 500px; height: fit-content;}
.popup.pop_md {width: 765px; height: fit-content;}
.popup.pop_lg {width: 960px; height: fit-content;}
.popup.pop_xl {overflow-y:auto; width: 1152px; height: fit-content;}
.popup.pop_full {overflow-y:auto; width: 100%; height: fit-content;}
.popup.pop_md .popup_body,
.popup.pop_lg .popup_body,
.popup.pop_xl .popup_body{overflow-y:auto; width: 100%; max-height:700px; min-height: 500px; padding: 20px 20px 30px; box-sizing: border-box; margin-bottom: 60px}
.no-adjacent-foot{ margin-bottom: 16px!important;}/*popup_foot 이 없을때 popup_body 값*/
.popup.pop_md .popup_foot,
.popup.pop_lg .popup_foot,
.popup.pop_xl .popup_foot{position: absolute; bottom: 0; width: 100%; padding: 10px; background-color:var(--neutral-white-100); box-sizing: border-box}
.popup.pop_md .popup_body.nofoot,
.popup.pop_lg .popup_body.nofoot,
.popup.pop_xl .popup_body.nofoot{ padding: 30px; margin-bottom: 0px}

/* 20250417 dialog 팝업 디자인 적용시 변경 */
.wpop_container .popup .popup_foot{position: fixed; bottom: 0; width: 100%; padding: 10px; box-sizing: border-box}
.wpop_container .popup h1{height:64px;line-height:64px;padding-left:15px;color:var(--neutral-white-100);font-size:18px;font-weight:700;border-radius:4px 4px 0 0;background:var(--primary-green-90)}
.wpop_container .popup h1{position: fixed; top: 0; width: 100%; box-sizing: border-box; z-index: 1}
.wpop_container .popup h2{height:64px;line-height:64px;padding-left:15px;color:var(--neutral-white-100);font-size:18px;font-weight:700;background:var(--primary-green-90)}
.wpop_container .popup h2{position: absolute; margin: 0 0 0 0; top: 0; left: 0; right:0; /*20250501 이진영 팝업 타이틀 width 수정 width: 98.5%;*/width: 100%;}
.wpop_container .popup .popup_body{margin: 40px 0 70px 0; padding: 30px; z-index: 1}
.btn_wrap_r {margin:0 auto; box-sizing: border-box; text-align: right;}

@media (max-height: 800px) {
  .popup.pop_lg .popup_body, .popup.pop_xl .popup_body {
      max-height: 550px; min-height: 450px;
  }
}

/*마이페이지 대시보드*/
.mypage .user_detail{display:flex;gap:8px; position: relative;}
.mypage .user_detail .btn_more {position: absolute; right: 30px;}
.mypage .user_detail li{width:100%;border-radius:4px;background:var(--neutral-gray-200); padding: 30px; color:var(--neutral-gray-800)}
.mypage .user_detail li p{font-size: 20px; font-weight: 700;}
.mypage .user_detail li dl{display:grid;grid-template-columns:1fr 1fr; grid-row-gap: 10px; align-items:center;justify-content:center;width:100%;justify-content: space-between; flex: 1; text-align: left;}
.mypage .user_detail li dt{font-weight: 600; font-size: 18px;}
.mypage .user_detail li dd{font-weight: 400; font-size: 18px;}
.mypage .user_detail li a strong {color: var(--primary-green-90);text-underline-position:under; font-weight: 700; margin-right: 5px;}
.mypage .user_detail li a strong:hover {text-decoration: underline;}
.mypage .user_detail li:nth-child(1) p::after{content:"";display:block;width:90px;height:90px;margin:5px auto 15px; background:url("../images/ic/ic_usedetail.svg") no-repeat 50% 50%;}
.mypage .user_detail li:nth-child(2) p::after{content:"";display:block;width:90px;height:90px;margin:5px auto 15px; background:url("../images/ic/ic_userinfo.svg") no-repeat 50% 50%;}

.mypage .all_order {display: flex; gap: 40px;}
.mypage .all_order li {position: relative; padding:20px;border-radius: 8px; border: 1px solid var(--neutral-gray-200); background: var(--neutral-white-100); flex: 1;}
.mypage .all_order li~li:before {content: ""; position: absolute; left: -30px; top: 0; bottom: 0; margin: auto 0; width: 20px; height: 20px; background: url(../images/ic/ic_pgArr.svg) no-repeat 50% 50%;}
.mypage .all_order li p{font-size: 18px; font-weight: 700; margin-bottom: 15px; color:var(--neutral-gray-800); text-align: center; border-bottom: 1px solid var(--neutral-gray-300); padding-bottom: 8px;}
.mypage .all_order li dl{display:grid; grid-template-columns:2fr 1fr; grid-row-gap: 10px; align-items:center;justify-content:center;width:100%;justify-content: space-between; flex: 1; text-align: left;}
.mypage .all_order li dt{font-weight: 600; font-size: 16px; color:var(--neutral-gray-500)}
.mypage .all_order li dd{font-weight: 400; font-size: 16px; text-align: right; color:var(--neutral-gray-500)}
.mypage .all_order li dd a strong {color: var(--primary-green-90);text-underline-position:under; font-weight: 700; margin-right: 5px;}

.yearWrap {display:ruby}

/*.detail_tbl .srcinput, */.srcinput {position: relative;}
.detail_tbl .srcinput input{width:100%; padding-right: 40px; box-sizing: border-box;}
/*.detail_tbl .srcinput .btn_search,*/.srcinput .btn_search  { display:inline-block; position: absolute; right:10px; top:12px; width: 24px; height: 24px; font-size: 0; background: url(../images/ic/ic_search.svg) no-repeat 50% 50%;}
.srcinput .btn_cancle  { display:inline-block; position: absolute; right:-35px; top:12px; width: 24px; height: 24px; font-size: 0; background: url(../images/ic/ic_toolClose.svg) no-repeat 50% 50%;} /* 취소버튼 css추가 */
.flex-box {display:flex; flex-wrap: wrap; gap:30px; grid-row-gap: 10px; align-items: center;/* justify-content: center;*/}
.flex-box .radio_box~.radio_box {margin-left:0;}

.detail_tbl.headbg thead th{background: var(--neutral-gray-200);padding:15px 0; text-align: center;}
.detail_tbl.headbg th{background: var(--neutral-gray-200); box-sizing: border-box; padding:12px 12px 12px 20px!important;}
.detail_tbl.headbg td{padding:12px; height: 68px; background-color:var(--neutral-white-100); box-sizing: border-box;}

.date_search table th,.date_search table td {padding: 5px 0;}
.date_search table th {font-weight: 700; color: var(--neutral-gray-800); padding: 5px 0; text-align: left;}

/*20251324추가*/
/*사회환경적 공공조달*/
.policyWrap .policy_banner{display:grid;grid-template-columns:1fr 1fr; gap:20px;}
.policyWrap .policy_banner li{position:relative;padding:40px 25px; grid-template-columns:1fr 1fr 1fr; color:var(--neutral-gray-800);font-size:16px; border-radius:4px; background:var(--sub-yellow-60); display: flex; align-items: center}
.policyWrap .policy_banner a li:hover{color:var(--neutral-gray-800); background:var(--sub-yellow-80);}
.policyWrap .policy_banner h3{font-size: 20px; font-weight:700; align-content: center; color:var(--neutral-gray-800); flex: 2}
.policyWrap .policy_banner h3 span{font-size: 16px; font-weight:500; display: block; color:var(--neutral-gray-500);}
.policyWrap .policy_banner a li:before{content:""; width: 50px; height: 50px; border-radius: 100%;margin:0 20px;}
.policyWrap .policy_banner a li::after{content:""; width:20px;height:20px; background:url("../images/ic/ic_arr2.svg") no-repeat 50% 50%; justify-items: right; flex:.3}
.policyWrap .policy_banner a:nth-child(1) li:before{background:#fff url(../images/ic/ic_policy01.svg) no-repeat 50% 50%; background-size: 60%;}
.policyWrap .policy_banner a:nth-child(2) li:before{background:#fff url(../images/ic/ic_policy02.svg) no-repeat 50% 50%; background-size: 60%;}

.visual_policy{height:220px;margin-bottom:80px;font-size:0;background:url(../images/img_policy.png) no-repeat 50% 0;}
.visual_aboutus{height:220px;margin-bottom:80px;font-size:0;background:url(../images/img_aboutus.png) no-repeat 50% 0;}
.policyWrap .policy_list{color:var(--neutral-gray-800); margin-bottom: 40px;}
.policyWrap .policy_list .title{font-size: 18px; font-weight: 600; list-style: none; color: var(--primary-green-90);}
.policyWrap .policy_list .title:before{display: none}
.policyWrap .policy_list li{position:relative;margin-left:11px;padding-left:16px}
.policyWrap .policy_list li~li{margin-top:8px}
.policyWrap .policy_list li:before{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:100%;background:var(--neutral-gray-800)}


.tDealWrap {display:grid;grid-template-columns:1fr 1fr;gap:60px 40px }
.tDealWrap .item{display:flex;justify-content:space-between; gap:20px; }
.tDealWrap .item .col{position:relative; gap:20px; }
.tDealWrap .item .col:nth-child(1){flex:1;}
.tDealWrap .item .col:nth-child(2){flex:1;padding-top:5px;}
.tDealWrap .icset{position:absolute;top:12px;left:12px;display:flex;gap:8px;flex-wrap:wrap;}
.tDealWrap .thum {width:100%; max-width:340px; height:300px; overflow: hidden; justify-items:center; align-content: center; box-shadow: inset 0 0 1px var(--neutral-gray-500)}
.tDealWrap .thum img{width:100%; height:100%;justify-self: center; display: block;}
.tDealWrap .limit{position:relative;}
.tDealWrap .limit .time{display:inline-block;height:32px;line-height:32px;padding:0 12px;text-align:center;color:var(--sub-red-80);font-weight:700;border:1px solid var(--sub-red-80);border-radius:4px;}
.tDealWrap .limit .num{position:absolute;top:8px;right:0;color:var(--neutral-gray-500);}
.tDealWrap .limit .num strong{font-weight:700;color:var(--sub-red-80);}
.tDealWrap .tit{margin-top:20px;font-size:24px;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.tDealWrap .state{margin-top:24px;}
.tDealWrap .price{margin-top:12px;}
.tDealWrap .price strong{margin-right:2px;font-size:24px;font-weight:700;color:var(--secondary-purple-90);}
.tDealWrap .price del{font-weight:700;color:var(--neutral-gray-500);}
.tDealWrap .btng{position:absolute;left:0;bottom:0;width:100%;display:flex;gap:16px;}
.tDealWrap .ic_timedeal {display: inline-block; height: 32px; line-height: 32px; padding: 0 8px; color: var(--secondary-purple-90); font-weight: 700; background: var(--neutral-white-300);}

.mapWrap { display: flex; justify-content: space-between; width: 1440px; margin: 0 auto; padding: 0; box-sizing: border-box; gap:40px}
.mapWrap .col:nth-child(1) {position: sticky; top: 0;}
.mapWrap .col:nth-child(1) {flex: 4}
.mapWrap .col:nth-child(2) { flex: 6}
.mapWrap .txt { margin-bottom: 24px; font-size: 28px; font-weight: 700;}
.mapBox, .addBox { padding:0; border-radius: 4px; border: 1px solid var(--neutral-gray-300); background: var(--neutral-white-100); box-sizing: border-box; height: 100%; }
.addBox .search_sorting{padding: 20px; border-bottom:1px solid var(--neutral-gray-300); margin-bottom: 0;}
.addBox .discrip {overflow: auto; height: 830px; }
.addBox .discrip a dl {padding:30px; border-bottom:1px solid var(--neutral-gray-300);}
.addBox .discrip a:last-child dl {border-bottom:none;}
.addBox .discrip dt{padding-left:26px;line-height:24px;margin-bottom:8px; font-size: 20px; font-weight:700;color:var(--neutral-gray-800);background:url(../images/ic/ic_home.svg) no-repeat 0 0;}
.addBox .discrip dd~dd{margin-top:4px}
.addBox .discrip dd{position:relative;line-height:22px;margin-left:8px;padding-left:12px;color:var(--neutral-gray-500);}
.addBox .discrip dd:before{content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:100%;background:var(--neutral-gray-500)}
.mapBox .map { padding:0; border-radius: 4px; overflow:hidden; box-sizing: border-box; height: 982px; width: 840px; align-content: center; text-align: center;}
.addBox .searchBox {position: relative; display: grid; grid-template-columns:5fr 1fr; gap:20px; padding: 20px; border-bottom: 1px solid var(--neutral-gray-300)}
.addBox .searchForm_box,
.goodSrch_box .searchForm_box {position: relative; width:auto;  height: 48px; border: 2px solid var(--primary-green-90); border-radius: 4px;    box-sizing: border-box;}
.addBox .searchForm_box input,
.goodSrch_box .searchForm_box input{width: 100%; height: 100% !important; padding-right: 40px !important; font-size: 14px; border: 0 !important; color: var(--primary-green-90)!important}
.addBox .searchForm_box input::placeholder,
.goodSrch_box .searchForm_box input::placeholder{color: var(--primary-green-90)!important}
.addBox .searchForm_box .btn_search,
.goodSrch_box .searchForm_box .btn_search{ position: absolute; top:10px; right: 6px; width: 24px; height: 24px; font-size: 0; background: url(../images/ic/ic_search_g.svg) no-repeat 50% 50%;}

.shop-vs {margin: 0; padding: 0;}
.shop-vs .subTit,
.shop-vs2 .subTit{font-size: 18px; font-weight: 700; color: var(--neutral-gray-800); margin-bottom: 15px;}
.shop-vs ul,
.shop-vs2 ul{ display: grid; grid-template-columns: 1fr 1fr; gap: 25px;}
.shop-vs li,
.shop-vs2 li{position:relative;padding:30px 32px 31px 102px;color:var(--neutral-gray-500);font-size:18px;border:1px solid var(--neutral-gray-300);border-radius:4px;background:var(--neutral-white-100);}
.shop-vs h3,
.shop-vs2 h3{margin-bottom:8px;font-size:20px; font-weight: 700; color:var(--neutral-gray-800)}
.shop-vs li:before,
.shop-vs2 li:before{content:"";position:absolute;left:32px;top:0;bottom:0;margin:auto 0;width:46px;height:46px;}
.shop-vs li:nth-child(1):before{background:url(../images/ic/ic_shopvs01.svg) no-repeat 50% 50%;}
.shop-vs li:nth-child(2):before{background:url(../images/ic/ic_shopvs02.svg) no-repeat 50% 50%;}
.shop-vs li:nth-child(3):before{background:url(../images/ic/ic_shopvs03.svg) no-repeat 50% 50%;}
.shop-vs li:nth-child(4):before{background:url(../images/ic/ic_shopvs04.svg) no-repeat 50% 50%;}

.shop-vs2 {margin:40px 0 0; padding: 0;}
.shop-vs2 li:nth-child(1):before{background:url(../images/ic/ic_shopvs05.svg) no-repeat 50% 50%;}
.shop-vs2 li:nth-child(2):before{background:url(../images/ic/ic_shopvs06.svg) no-repeat 50% 50%;}
.shop-vs2 li:nth-child(3):before{background:url(../images/ic/ic_shopvs07.svg) no-repeat 50% 50%;}
.shop-vs2 li:nth-child(4):before{background:url(../images/ic/ic_shopvs08.svg) no-repeat 50% 50%;}

.entryWrap { width: 100%; padding: 32px; border: 1px solid var(--neutral-gray-300); border-radius: 4px; background: var(--neutral-white-100); box-sizing: border-box;}
.entryWrap img{ width: 100%; height: auto}
.entryWrap .gather { width: 100%; text-align: center;}
.entryWrap .gather p:nth-child(1) {font-size: 28px; font-weight: 700; color: var(--primary-green-90);}
.entryWrap .gather p:nth-child(2) { display: inline-block; margin-top: 15px; font-size: 20px; font-weight: 700; color: var(--neutral-gray-800); }
.entryWrap .gather p:nth-child(1):before {background: url(../images/ic/ic_gather.png) no-repeat 50% 50%/contain; content: ""; display: block; width: 180px; height: 160px; margin: 0 auto 30px;}

.mallInWrap {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 25px; height: fit-content; }
.mallInWrap .col{ border: 1px solid var(--neutral-gray-300); border-radius: 4px; background: var(--neutral-white-100); box-sizing: border-box; padding: 25px;}
.mallInWrap .col .subTitle{font-size: 20px; font-weight: 700; color: var(--neutral-black); margin-bottom:15px;}
.mallInWrap .col p{margin-bottom: 25px; font-size: 16px; font-weight: 500; color: var(--neutral-gray-800); }
.mallInWrap .col img{width: 100%; height: auto;}
.mallInWrap .col:nth-child(1){grid-row:1/3; height: fit-content; }
.mallInWrap .col:nth-child(2){height: fit-content;}
.mallInWrap .col:nth-child(3){height: iit-content;}
.mallInWrap .col:nth-child(4){grid-column: 1/3; height: fit-content;}

.platformWrap {display: flex; gap: 25px; height: fit-content; }
.platformWrap .col{ border: 1px solid var(--neutral-gray-300); border-radius: 4px; background: var(--neutral-white-100); box-sizing: border-box; padding: 25px; flex: 1; text-align: center;}
.platformWrap .col .subTitle {font-size: 20px; font-weight: 700; color: var(--neutral-black); margin-bottom:15px;}
.platformWrap .col .subTitle span {font-size: 14px; font-weight: 500; color: var(--neutral-gray-400);display: block;}
.platformWrap .col p{font-size: 16px; font-weight: 500; color: var(--neutral-gray-500); }
.platformWrap .col:nth-child(1) .subTitle:before { background: url(../images/ic/ic_platform01.png) no-repeat 50% 50%/contain; content: ""; display: block; width: 180px; height: 160px; margin: 0 auto 30px;}
.platformWrap .col:nth-child(2) .subTitle:before { background: url(../images/ic/ic_platform02.png) no-repeat 50% 50%/contain; content: ""; display: block; width: 180px; height: 160px; margin: 0 auto 30px;}
.platformWrap .col:nth-child(3) .subTitle:before { background: url(../images/ic/ic_platform03.png) no-repeat 50% 50%/contain; content: ""; display: block; width: 180px; height: 160px; margin: 0 auto 30px;}
.platformWrap .col:nth-child(4) .subTitle:before { background: url(../images/ic/ic_platform04.png) no-repeat 50% 50%/contain; content: ""; display: block; width: 180px; height: 160px; margin: 0 auto 30px;}

.diagonal-line { width:100%; height: 100%; background: linear-gradient(40deg, transparent calc(50% - 1px), var(--neutral-gray-300), transparent calc(50% + 1px)); display: flex; justify-content: space-between; padding: 45px; box-sizing: border-box;}
.diagonal-line p:first-child{align-content: flex-end;}
.diagonal-line p:last-child{align-content: flex-start;}

.diagonal-line1 { width:100%; height: 100%; background: linear-gradient(12deg, transparent calc(50% - 1px), var(--neutral-gray-300), transparent calc(50% + 1px)); display: flex; justify-content: space-between; padding:10px 45px; box-sizing: border-box;}
.diagonal-line1 p:first-child{align-content: flex-end;}
.diagonal-line1 p:last-child{align-content: flex-start;}

.perStep .stepWrap {display:flex; gap:68px;padding:0; margin-bottom:12px;}
.perStep .stepWrap li{position:relative; flex: 1; font-size: 20px; text-align:left;font-weight:700; background:var(--neutral-gray-300); color:var(--neutral-gray-800); padding: 15px; border-radius: 8px; height: 80px; align-content: center;}
.perStep .stepWrap li.active{color:var(--neutral-white-100); background:var(--primary-green-90); }
.perStep .stepWrap li span{display:block; font-size: 16px; font-weight: 500; color: var(--neutral-gray-500);}
.perStep .stepWrap li.active span{color: var(--primary-green-40); align-content: center;}
.perStep .stepWrap li strong{display:block;margin-top:4px;font-size:18px;color:var(--neutral-gray-300)}
.perStep .stepWrap li~li:before{content:"";position:absolute;left:-44px;top:0;bottom:0;margin:auto 0;width:20px;height:20px;background:url(../images/ic/ic_pgArr.svg) no-repeat 50% 50%;}
.perStep .stepWrap a{display: block;justify-self:center; position: relative; width: 100%; height: 100%; align-content:center; padding-left: 135px; box-sizing: border-box}
.perStep .stepWrap li a:before{content:"";position:absolute;left:40px;top:0;bottom:0;margin:auto 0;width:80px;height:80px; border-radius: 80px; background-size:60% !important; filter: grayscale(100%);}
.perStep .stepWrap li a:hover{color:var(--primary-green-90) }
.perStep .stepWrap li.active a:hover{color:var(--neutral-white-100) }
.perStep .stepWrap li a:hover:before{filter:none;}
.perStep .stepWrap li:nth-child(1) a:before{background:var(--neutral-white-100) url(../images/ic/ic_graph.svg) no-repeat 50% 50%;}
.perStep .stepWrap li:nth-child(2) a:before{background:var(--neutral-white-100) url(../images/ic/ic_plan.svg) no-repeat 50% 50%;}
.perStep .stepWrap li:nth-child(3) a:before{background:var(--neutral-white-100) url(../images/ic/ic_send.svg) no-repeat 50% 50%;}
.perStep .stepWrap li.active a:before{ filter:none;}

.pricStep .stepWrap {display:flex; gap:40px;padding:24px;margin-bottom:12px;border-radius:4px;border:1px solid var(--neutral-gray-300);background:var(--neutral-white-100)}
.pricStep .stepWrap li{display: flex; position:relative; flex: 1; font-size: 18px; text-align:center;font-weight:700;color:var(--neutral-gray-800); padding: 15px 20px; box-sizing: border-box; border-radius: 50px;}
.pricStep .stepWrap li.active{color:var(--neutral-white-100); background:var(--primary-green-90); }
.pricStep .stepWrap li a{display: flex; align-content: center; align-items: center;}
.pricStep .stepWrap li span{display: inline-block; min-width:40px; min-height: 40px; border-radius: 40px; font-size: 22px; font-weight: 700; background: var(--neutral-gray-300); color: var(--neutral-gray-800); text-align:center; align-content: center; margin-right:10px;}
.pricStep .stepWrap li.active span{background: var(--neutral-white-100); color: var(--primary-green-90); text-align:center; align-content: center;}
.pricStep .stepWrap li strong{display:block;margin-top:4px;font-size:18px;color:var(--neutral-gray-300)}
.pricStep .stepWrap li~li:before{content:"";position:absolute;left:-30px;top:0;bottom:0;margin:auto 0;width:20px;height:20px;background:url(../images/ic/ic_pgArr.svg) no-repeat 50% 50%;}
.pricStep .stepWrap a{display: block; height: 100%; width: 100%;}

.data_test {padding: 0; margin: 30px 0; box-sizing: border-box}
.data_test ul {display: flex; gap:10px; align-items: center;}
.data_test li{position: relative; flex:1; padding: 15px; background: var(--neutral-gray-200); border:2px solid var(--neutral-gray-300); border-radius: 8px; text-align: center; font-size: 18px; font-weight: 700; color: var(--neutral-gray-500)}
.data_test li.normal{background: var(--sub-blue-100); color: var(--neutral-white-100); border:2px solid var(--sub-blue-100);}
.data_test li.error{color: var(--sub-red-80); border:2px solid var(--sub-red-80);}
.data_test li.normal span{ border:1px solid var(--sub-blue-100); color: var(--sub-blue-100)}
.data_test li.error span{ background-color: var(--sub-red-90); border:1px solid var(--sub-red-90); color: var(--neutral-white-100)}
.data_test li span{display: block; position: absolute; width:fit-content; min-width: 30px; height: 30px; padding: 5px; top:10px; right: 45px; align-content: center; box-sizing: border-box; background-color: var(--neutral-white-100);border:1px solid var(--neutral-gray-800); color: var(--neutral-gray-800); border-radius: 100%; text-align: center; font-size: 12px; font-weight: 600;}

/*20250409추가*/
.photo-review-popup .nav-button { background-color: transparent; padding: 10px 15px; cursor: pointer; margin: 10px; border-radius: 5px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1003; font-size: 0;  width: 60px; height: 60px;}
.photo-review-popup .nav-button:hover {filter: invert()}
.photo-review-popup .prev-review-button { left: -70px; background:url(../images/ic/ic_arr_w2.svg) no-repeat 50% 50% / auto 60px; transform: rotate(180deg);}
.photo-review-popup .next-review-button { right: -70px; background:url(../images/ic/ic_arr_w2.svg) no-repeat 50% 50% / auto 60px;}

.photo-review-popup {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--neutral-white-100); border: 1px solid var(--neutral-gray-500); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1001; width: 80%; max-width: 970px; border-radius: 8px; /*overflow: hidden;*/}
.photo-review-popup .popup-header { background-color:var(--primary-green-90); padding: 15px; display: flex; justify-content: space-between; align-items: center; border-radius:8px 8px 0 0 }
.photo-review-popup .popup-header h2 { margin: 0; font-size: 20px; font-weight: 600; color: var(--neutral-white-100);}
.photo-review-popup .popup-header h2 span,
.pop_container .popup h1 span{ margin-left: 10px; font-weight: 400; color: var(--neutral-gray-300);}
.photo-review-popup .popup-header h2 span strong,
.pop_container .popup h1 span strong{ font-weight: 600; color: var(--neutral-white-100);}
.photo-review-popup .close-button { background: none; border: none; font-size: 1.5em; cursor: pointer; color:var(--neutral-white-100);}
.photo-review-popup .close-button:hover {color:var(--neutral-gray-800);}
.photo-review-popup .popup-body { padding: 20px; display: flex; gap: 25px;}
.review-images-container { position: relative; width: 400px; height: auto; overflow: hidden; border-radius: 4px;}
.review-images-container .review-images-wrapper { display: flex; width: 100%; height: 100%; transition: transform 0.3s ease-in-out;}
.review-images-container .review-image-item {flex-shrink: 0; width: 400px; height: 100%; overflow: hidden;}
.review-images-container .review-image-item img { width: 100%; height: 100%; object-fit: cover;}
.review-images-container .prev-button, .next-button { position: absolute; top: 50%; /*transform: translateY(-50%);*/ color: var(--neutral-black); border: none; padding: 10px; font-size: 1.2em; cursor: pointer; z-index: 10; opacity: 0.7; width: 50px; height: 50px; transition: opacity 0.2s ease-in-out;}
.review-images-container .prev-button{ background: rgba(255, 255, 255, .8) url(../images/ic/ic_arr2.svg) no-repeat 50% 50% / 14px auto; transform: rotate(180deg); left: 10px;}
.review-images-container .next-button{ background: rgba(255, 255, 255, .8) url(../images/ic/ic_arr2.svg) no-repeat 50% 50% / 14px auto; right: 10px;}
.review-images-container .prev-button:hover, .next-button:hover { opacity: 1;}
.review-details { flex-grow: 1; display: flex; flex-direction: column; gap: 8px; flex: 1; overflow-y: auto; max-height: 400px; min-height: 300px;}
.review-details .user-info { display: flex; align-items: center; gap: 10px; margin-bottom: 5px;}
.review-details .user-name {font-weight: bold;}
.review-details .box {margin-bottom: 20px;}
.review-details .stars{display:inline-block; margin-right:8px;}
.review-details .stars .bar{top: 3px; width: 100px; height: 20px; background-size: 20px auto!important; position: relative; display: inline-block;  margin-right: 4px;  background: url(../images/ic/ic_star.svg) repeat 0 0;}
.review-details .stars .bar span{background-size:20px auto!important; display: block; height: 100%; background: url(../images/ic/ic_star_on.svg) repeat 0 0;}
.review-details .stars .txt{font-size:16px;color:var(--neutral-black);font-weight:700}
.review-details .review-text { line-height: 1.4; white-space: pre-wrap; color:var(--neutral-gray-500); }
.review-details .review-date { color:var(--neutral-gray-500); font-size: 0.9em; display: inline-block;}
.review-details .review-date + .links { position: relative; padding-left: 12px; margin-left: 8px;}
.review-details .review-date + .links:before { content: ""; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 100%; background: var(--neutral-gray-300);}
.review-details .thumbnail-container { display: flex; gap: 8px; margin-top: 15px; overflow-x: auto; position: absolute; bottom: 50px; max-width: 490px; padding: 10px 0; }
.review-details .suggestion { display: flex; margin-top: 15px; position: absolute; bottom: 10px; width: 490px; padding: 10px 0; align-items: center; justify-content: space-between; font-weight:700}
.review-details .suggestion .btn_rec { border: none; height: 20px; padding: 0; box-sizing: border-box; font-size: 14px; color: var(--neutral-gray-800); }
.review-details .suggestion .btn_rec.active { border: none; height: 20px; padding: 0; box-sizing: border-box; font-size: 14px; color: var(--neutral-gray-800); background: var(--neutral-white-100);}
.review-details .suggestion .btn_rec::before {background: url(../images/ic/ic_rec_s.svg) no-repeat 50% 50% / contain;}
.review-details .suggestion .btn_rec.active::before {background: url(../images/ic/ic_rec_g.svg) no-repeat 50% 50% / contain;}
.review-details .thumbnail {flex: none; width: 50px; height: 50px; border-radius: 4px; overflow: hidden; cursor: pointer; opacity: 0.6; transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out; border: 2px solid transparent;}
.review-details .thumbnail img { width: 100%; height: 100%; object-fit: cover;}
.review-details .thumbnail.active { opacity: 1; border-color:var(--primary-green-90);}
.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; backdrop-filter: blur(10px);}
.popup-visible { display: block !important;}

.detail_all .photo_list{display:flex;gap:16px; flex-wrap: wrap;}
.detail_all .photo_list img{width:170px;height:170px;}
.detail_all .photo_list a{position:relative;display:block;}
.detail_all .photo_list a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0);transition:all 0.2s ease-in-out; box-sizing: border-box; padding: 0;margin: 0;}
.detail_all .photo_list a:hover:before{background:rgba(0, 0, 0, .2); border: 2px solid var(--primary-green-90)}
.detail_all .photo_list li {position: relative;}
.detail_all .photo_list li span{display: block; width: 30px; height: 30px; position: absolute;bottom:10px; right: 10px; background:rgba(0, 0, 0, .4); align-content: center; font-size: 14px; text-align: center; font-weight: 500; color: var(--neutral-white-100); }

.cartOrder_ui .visinfo {margin:30px 0 0; padding: 0; position: relative;display: none;}
.cartOrder_ui .visinfo.active {display: block;}
.cartOrder_ui .visinfo p{font-size: 18px; font-weight: 700; color: var(--primary-green-90); margin-bottom: 10px;}
.cartOrder_ui .visinfo dl{display: grid; gap:10px; grid-template-columns: 80px 300px; align-items: center;}
.cartOrder_ui .visinfo dt{font-size: 18px; font-weight: 700; color: var(--neutral-gray-800); margin-bottom: 0;}
.cartOrder_ui .visinfo dd{margin: 0;}
.cartOrder_ui .visinfo dd~dd {margin-top: 0;}
.add_visinfo .active { background: var(--primary-green-90); color: var(--neutral-white-100)}

.add_visinfo > input[type="checkbox"] { width: 0; height: 0;  position: absolute;  top: 0; left: 0; visibility: hidden; opacity: 0;}
.add_visinfo > input[type="checkbox"] + label { width: fit-content; padding: 10px 14px; display: block; background-color: var(--neutral-white-100); border: 1px solid var(--primary-green-90); border-radius: 6px; box-sizing: border-box; color: var(--neutral-gray-800); font-size: 16px; cursor: pointer;}
.add_visinfo > input[type="checkbox"] + label::before {display: inline-block; content: ''; width: 15px; height: 15px; background: url("../images/ic/ic_plus.svg") 50% 50% no-repeat; margin-right:5px; margin-bottom: -2px;}
.add_visinfo > input[type="checkbox"]:checked + label::before {display: inline-block; content: ''; width: 15px; height: 15px; background: url("../images/ic/ic_check_w.svg") 50% 50% no-repeat; margin-right:5px; margin-bottom: -2px;}
.add_visinfo > input[type="checkbox"]:checked + label { width:fit-content; background-color: var(--primary-green-90); border: 1px solid var(--primary-green-90);transition: all 0.5s; color: var(--neutral-white-100)}

.coupWrap {margin: 20px 0 0; padding: 0;}
.coupWrap .SumoSelect{width: 100%!important}
.coupWrap dl{border:1px solid var(--neutral-gray-300); border-radius: 8px;padding:5px 10px; display: grid; gap:0px; grid-template-columns: 280px 3fr; align-items: center; margin-bottom: 15px; box-sizing: border-box;}
.coupWrap dt{font-size: 18px; font-weight: 700; color: var(--neutral-gray-800); padding: 10px 15px;box-sizing: border-box; align-content: center; display: flex;}
.coupWrap dd{font-size: 18px; font-weight: 500; color: var(--neutral-gray-800); padding: 10px 15px;box-sizing: border-box; text-align: right;}
.coupWrap .couprice{font-weight: 600; color: var(--sub-red-90);}
.coupWrap dt.good_tit::before{display: inline-block; content: '₩'; width: 23px; height: 23px;text-align: center; align-content: center; background: var(--neutral-gray-400); color: var(--neutral-white-100); border-radius: 20px; margin-right: 8px; font-weight: 400; font-size: 13px;}
.coupWrap dt.delv_tit::before{display: inline-block; content: '+'; width: 23px; height: 23px;text-align: center; align-content: center; background: var(--neutral-gray-400); color: var(--neutral-white-100); border-radius: 20px; margin-right: 8px; font-weight: 400;}
.coupWrap dt.cou_tit::before{display: inline-block; content: '-'; width: 23px; height: 23px;text-align: center; align-content: center; background: var(--neutral-gray-400); color: var(--neutral-white-100); border-radius: 20px; margin-right: 8px; font-weight: 400;}
.coupWrap dt.totprice::before{display: inline-block; content: '='; width: 23px; height: 23px;text-align: center; align-content: center; background: var(--primary-green-90); color: var(--neutral-white-100); border-radius: 20px; margin-right: 8px; font-weight: 400;}
.coupWrap dt.totprice{border-top:1px solid var(--neutral-gray-200); height: 55px; padding-top: 15px}
.coupWrap dd.totprice{font-size: 22px!important; font-weight: 700; color: var(--primary-green-90); padding-top: 15px; border-top:1px solid var(--neutral-gray-200); height: 55px;}

/* 쿠폰적용팝업 추가 */
.coupWrapPop {margin: 20px 0 60px; padding: 0;}
.coupWrapPop .SumoSelect{width: 100%!important}
.coupWrapPop dl{border:1px solid var(--neutral-gray-300); border-radius: 8px;padding:5px 10px; display: grid; gap:0px; grid-template-columns: 280px 3fr; align-items: center; margin-bottom: 15px; box-sizing: border-box;}
.coupWrapPop dt{font-size: 18px; font-weight: 700; color: var(--neutral-gray-800); padding: 10px 15px;box-sizing: border-box; align-content: center; display: flex;}
.coupWrapPop dd{font-size: 18px; font-weight: 500; color: var(--neutral-gray-800); padding: 10px 15px;box-sizing: border-box; text-align: right;}
.coupWrapPop .couprice{font-weight: 600; color: var(--sub-red-90);}
.coupWrapPop .coupriceTot{font-weight: 600; color: var(--sub-red-90);}
.coupWrapPop dt.good_tit::before{display: inline-block; content: '₩'; width: 23px; height: 23px;text-align: center; align-content: center; background: var(--neutral-gray-400); color: var(--neutral-white-100); border-radius: 20px; margin-right: 8px; font-weight: 400; font-size: 13px;}
.coupWrapPop dt.delv_tit::before{display: inline-block; content: '+'; width: 23px; height: 23px;text-align: center; align-content: center; background: var(--neutral-gray-400); color: var(--neutral-white-100); border-radius: 20px; margin-right: 8px; font-weight: 400;}
.coupWrapPop dt.cou_tit::before{display: inline-block; content: '-'; width: 23px; height: 23px;text-align: center; align-content: center; background: var(--neutral-gray-400); color: var(--neutral-white-100); border-radius: 20px; margin-right: 8px; font-weight: 400;}
.coupWrapPop dt.totprice::before{display: inline-block; content: '='; width: 23px; height: 23px;text-align: center; align-content: center; background: var(--primary-green-90); color: var(--neutral-white-100); border-radius: 20px; margin-right: 8px; font-weight: 400;}
.coupWrapPop dt.totprice{border-top:1px solid var(--neutral-gray-200); height: 55px; padding-top: 15px}
.coupWrapPop dd.totprice{font-size: 22px!important; font-weight: 700; color: var(--primary-green-90); padding-top: 15px; border-top:1px solid var(--neutral-gray-200); height: 55px;}

.graph_box {border: 1px solid var(--neutral-gray-200); border-radius: 8px; align-content: center;height: fit-content; min-height: 400px; width: 100%; padding: 32px;text-align: center; background: var(--neutral-white-100); box-sizing: border-box;}
.graph_box img{height:auto; width: 100%}
.flex-none {display:block!important}

.info_det{margin-bottom:32px;border:1px solid var(--neutral-gray-200); border-radius:4px; background:var(--neutral-white-100)}
.info_det .item .q{position:relative;width:100%;padding:24px 30px;height:65px;text-align:left;border-bottom:1px solid var(--neutral-gray-200); font-size: 16px; color:var(--neutral-gray-500); font-weight: 700; }
.info_det .item .q:last-child{border-bottom:none;}
.info_det .item .q::before{content:"자세히보기";position:absolute;top:50%; transform: translateY(-25%); right:65px;bottom:0;margin:auto 0; font-size: 14px;}
.info_det .item .q::after{content:"";position:absolute;top:0;right:32px;bottom:0;margin:auto 0;width:24px;height:24px;font-size:0;background:url(../images/ic/ic_arr4.svg) no-repeat 50% 50%;transform:rotate(180deg);}
.info_det .item .a{padding:24px;background:var(--neutral-white-100);border-bottom:1px solid var(--neutral-gray-300);}
.info_det .item[aria-expanded='true'] .q{font-weight:700;color:var(--primary-green-90)}
.info_det .item[aria-expanded='true'] .q:after{transform:rotate(0);}
.info_det .item[aria-expanded='false'] .a{display:none;}

.flinks {display: block; margin: 0; padding:5px 0; width: 100%; height: 30px; box-sizing: border-box; background: var(--neutral-gray-100); box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.04);}
.flinks ul{display: flex; gap:20px; width: 1440px; margin: 0 auto;}
.flinks li{width: fint-content; white-space: nowrap; position: relative;}
.flinks li::after{display: inline-block; content: ''; width: 1px; height: 10px; background: var(--neutral-gray-400); position: absolute; top:5px; left: -10px;}
.flinks li:first-child::after{display:none;}
.flinks li a{color: var(--neutral-gray-600); font-size: 14px; font-weight: 600;}
.flinks li a:hover{color: var(--primary-green-90); text-decoration: underline; text-underline-position: under}

header.fixed .flinks {display: none;}

.familysite{position:absolute; right: 0; bottom: -10px; width: 270px; font-size:16px;color:var(--neutral-gray-500);}
.familysite~.selectbox{margin-top:16px;}
.familysite .selected{width:100%;height:44px;padding-left:12px;text-align:left;border:1px solid var(--neutral-gray-300);}
.familysite .selected:after{content:"";position:absolute;right:12px;top:0;bottom:0;margin:auto 0;width:20px;height:20px;background:url(../images/ic/ic_select.svg) no-repeat 50% 50%/12px auto}
.familysite .option{position:absolute;bottom:100%;right:0;left:0;z-index:100;margin-top:-1px;background-color:var(--neutral-white-100);border: 1px solid var(--neutral-gray-300)}
.familysite .option button~button{border-top:1px solid var(--neutral-gray-300);}
.familysite .option button{width:100%;min-height:36px;padding:6px 12px;text-align:left; background-color:var(--neutral-white-100)}
.familysite .option button:hover{background:var(--neutral-gray-200)}
.familysite.type button~button{margin-top:16px;border:0;}
.familysite.type .option{overflow-y:auto;height:180px;padding:16px;}
.familysite.type .option .chk_box{display:block;text-align:right}
.familysite.type .option .chk_box label{display:block;}
.familysite[aria-expanded='false'] .option{display:none;}
.familysite[aria-expanded='true'] .selected:after{transform:rotate(180deg);}

/*전체메뉴*/
header.fixed aside .allmenu{ top: 58px;}
.allmenu {width: 100%; position: fixed; top: 150px; left: 0; margin: 0; background: var(--neutral-white-100); z-index: 555; border-top:1px solid var(--neutral-gray-200);border-bottom:1px solid var(--neutral-gray-200); box-shadow: 0 500px 100px rgba(0,0,0,.3); padding: 0!important; box-sizing: border-box; display: none;}
.allmenu .menuWrap {position: relative; padding: 0; background: var(--neutral-white-100); width: 1440px; margin: 0 auto; box-sizing: border-box;}
.allmenu .menuWrap .title {width: 100%; height: 50px; color: var(--neutral-gray-800); font-size: 20px; align-content: center; font-weight: 600; text-align: center; border-radius: 0; background: var(--neutral-white-100); border-bottom:1px solid var(--neutral-gray-200)}
.allmenu .menuWrap .close {position: absolute; right: 15px; top:0; z-index: 2; font-size: 0; padding: 10px}
.allmenu .menuWrap .close:before,.allmenu .menuWrap .close::after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 2px; height: 32px; background:var(--neutral-gray-500);transform:rotate(45deg); }
.allmenu .menuWrap .close::after{transform:rotate(-45deg);}
.allmenu .menuWrap .menu_body {position: relative; max-height:550px; overflow-y: auto; height: 100%; margin:40px 0 20px; box-sizing: border-box;}
.allmenu .menuWrap .menu_body [class*="menu_"]{display: flex; gap:40px;padding:15px 32px; position: relative; border-bottom: 1px solid var(--neutral-gray-300);}
.allmenu .menuWrap .menu_body [class*="menu_"]:last-child{border-bottom: none;}
.allmenu .menuWrap .menu_body [class*="menu_"] h2{ flex: 1; font-size: 24px; font-weight: 700; color: var(--primary-green-90); padding: 5px 0;text-align: left;}
/*.allmenu .menuWrap .menu_body [class*="menu_"]::after {content: ''; display: block; width: 1px; height: calc(100vh - 170px); background-color: var(--neutral-gray-200); position: absolute; right: -20px; top: 90px;}
.allmenu .menuWrap .menu_body [class*="menu_"]:last-child::after {display: none;}*/
.allmenu .menuWrap .menu_body [class*="menu_"] ul {flex: 9; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap:10px;align-content: space-between;}
.allmenu .menuWrap .menu_body [class*="menu_"] ul li{margin: 0; padding:5px;  font-size: 18px; font-weight: 600; color:var(--neutral-black);  }
.allmenu .menuWrap .menu_body [class*="menu_"] ul li a{font-size: 18px; font-weight: 600; color:var(--neutral-black); vertical-align: middle; width: 100%; height: auto; text-align: left;}
.allmenu .menuWrap .menu_body [class*="menu_"] ul li a:hover{color: var(--primary-green-90);}
.allmenu .menuWrap .menu_body [class*="menu_"] ul li ul{margin: 5px 0; padding: 0; display: block;}
.allmenu .menuWrap .menu_body [class*="menu_"] ul li ul li {border-bottom: none; padding:2px 10px; display:block;  }
.allmenu .menuWrap .menu_body [class*="menu_"] ul li ul li a{font-size: 18px; font-weight: 400;color: var(--neutral-gray-500);vertical-align: middle; width: 100%; height: auto; text-align: left;}
.allmenu .menuWrap .menu_body [class*="menu_"] ul li ul li a::before{content: ''; display:inline-block; width: 5px; height:5px; border-radius: 2px; background-color: var(--neutral-gray-500); margin-right: 5px; margin-bottom: 5px;}
.allmenu .menuWrap .menu_body [class*="menu_"] ul li ul li a:hover{color: var(--primary-green-90);}

.goods .item .thum label{content: ''; position: absolute; bottom: -20px; left: -55px; width: 0; height: 0; border-left: 65px solid transparent; border-right: 65px solid transparent; border-top: 65px solid var(--primary-green-90); transform: rotate(45deg); filter: opacity(1);transition:all 0.2s ease-in-out;; box-shadow: -5px -5px 2px rgba(0,0,0,.1)}
.goods .item .thum:hover label{ bottom: -15px; left: -50px; filter: opacity(.5)}
.goods .item .thum span{position: absolute; font-size: 14px; font-weight: 600; bottom:25px; left: -20px; display: block; width: 100px; height:50px; text-align: left; padding: 10px; transform: rotate(-45deg); color: var(--neutral-white-100)}

/*다이어그램 스타일*/
.chart-container { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 10px; }
.chart {position: relative; width: 140px; height: 140px; }
.chart svg {transform: rotate(-90deg); width: 140px; height: 140px; }
.chart circle {fill: none;stroke-width: 12; stroke-linecap: round; }
.chart .bg {stroke: #eee; }
.chart .progress { stroke: var(--color); stroke-dasharray: 361; stroke-dashoffset: 361; transition: stroke-dashoffset 1s; }
.chart .value-text { position: absolute; top: 43%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; font-weight: 600; color:  var(--neutral-gray-500); width: 100%;text-align: center; }
.chart .value-text span {font-size: 28px; font-weight: 700;}
.chart:nth-child(1) .value-text span{color: var(--sub-red-100);}
.chart:nth-child(2) .value-text span{color: var(--sub-blue-100);}
.chart:nth-child(3) .value-text span{color: var(--primary-green-90);}
.chart .label {position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%);font-size: 16px; font-weight: 600; color: var(--neutral-gray-800); width: 100%;text-align: center;}

/**b2g검색**/
.category {margin: 0 0 50px;; padding: 0 0 10px; border-bottom: 1px solid var(--neutral-gray-300);}
.category dl{display: flex; gap:30px; align-content: center; align-items: center;margin-bottom: 20px; font-size: 16px;}
.category dl dt{display: inline-block; padding: 5px 15px; border-radius: 20px; background-color: var(--primary-green-90); color: var(--neutral-white-100); gap:30px; align-content: center; align-items: center; font-weight: 600; position: relative;}
.category dl dd{color: var(--neutral-gray-500); font-weight: 400; position: relative;}
.category dl dd a{color: var(--neutral-gray-500); font-weight: 400; position: relative;}
.category dl dd a:hover{color: var(--primary-green-90); text-decoration: underline;}
.category dl dt::after{content: '|'; width: 14px; height: 14px; position: absolute; right: -25px; top: 3px;font-size: 20px; color: var(--neutral-gray-300)}
.category dl dd ~ dd:before{content: ''; width: 14px; height: 14px; background: url("../images/ic/ic_arr3.svg") 50% 50% no-repeat; position: absolute; left: -20px; top: 3px;}

.goodList_box .tab-content,
.goodList_box .tab-content2 {display: none}
.goodList_box .tab-content.active,
.goodList_box .tab-content2.active {display: block}
.searchWrap {margin: 0; padding:0;}
.searchWrap .search_list {margin: 0; padding: 25px 0; box-sizing: border-box;} 
.searchWrap .search_list ~ .search_list { border-top: 1px solid var(--neutral-gray-200); clear: both;} 
.searchWrap .search_list dl{margin: 0; padding: 0;}
.searchWrap .search_list dt{font-size: 20px; font-weight: 600; color: var(--neutral-black); margin-bottom: 10px;}
.searchWrap .search_list dt > ul{margin-top: 50px}
.searchWrap .search_list dt a{font-size: 20px; font-weight: 600; color: var(--neutral-black);}
.searchWrap .search_list dt a:hover{color: var(--primary-green-90)}
.searchWrap .search_list dd{font-size: 18px; font-weight: 500; color: var(--neutral-gray-600); margin-bottom: 10px;}
.searchWrap .search_list dt .keyword,
.searchWrap .search_list dd .keyword{font-weight: 600; color: var(--sub-red-100)!important;}
.searchWrap .search_list dd a{font-size: 18px; font-weight: 500; color: var(--neutral-gray-600); display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 30px); word-wrap: break-word;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-right: 8px;}
.searchWrap .search_list dd a:hover{color: var(--primary-green-90)}
.searchWrap .search_list .location {font-size: 14px; font-weight: 500; color: var(--neutral-gray-500); margin: 20px 0 0;}
.searchWrap .search_list .location::before {content: ''; display: inline-block; width: 14px; height: 14px; background: url("../images/ic/ic_home_g.svg") 50% 50% no-repeat; background-size:contain; margin-right: 5px; margin-bottom: -1px}

.searchWrap .search_list .imgWrap,
.searchWrap .search_list .vodWrap{display:flex;}

.searchWrap .search_list .schimg{ display: flex; min-width: 185px; min-height: 155px; max-width: 180px; max-height: 155px; overflow: hidden;margin-right:20px; border: 1px solid var(--neutral-gray-300); background: url("../images/ic/ic_pw_hide.svg") 50% 40% no-repeat; text-align: center; align-items: center; justify-content: center; background-size: 30%; border-radius: 8px;}
.searchWrap .search_list .schimg img{width: 100%; height: auto;}
.searchWrap .search_list .schimg p{margin-top: 40px;}
.searchWrap .search_list .label{margin-bottom: 15px; padding: 0; display: flex; gap:10px;}
.searchWrap .search_list .label li{font-size: 16px; font-weight: 600; display: inline-block; padding: 5px 15px; border-radius: 20px;}
.searchWrap .search_list .label li.type1{background: var(--secondary-purple-70); color: var(--secondary-purple-90);}
.searchWrap .search_list .label li.type2{background: var(--sub-blue-80); color: var(--sub-blue-100);}
.searchWrap .search_list .label li.type3{background: var(--primary-green-40); color: var(--primary-green-90);}

.searchWrap .search_list .vodWrap .addinfo{margin-top: 30px;}
.searchWrap .search_list .addinfo{margin-bottom: 15px; padding: 0; display: flex; gap:10px; margin-top: -5px}
.searchWrap .search_list .addinfo li{font-size: 16px; font-weight: 500; display: inline-block; padding: 5px 0; border-radius: 20px; margin-right: 20px;}
.searchWrap .search_list .addinfo li{font-size: 16px; color: var(--neutral-gray-800);}
.searchWrap .search_list .addinfo li.type1::before {content: ''; display: inline-block; width: 14px; height: 14px; background: url("../images/ic/ic_join05_g.svg") 50% 50% no-repeat; background-size:contain; margin-right: 5px; margin-bottom: -1px}
.searchWrap .search_list .addinfo li.type2::before {content: ''; display: inline-block; width: 14px; height: 14px; background: url("../images/ic/ic_join01_g.svg") 50% 50% no-repeat; background-size:contain; margin-right: 5px; margin-bottom: -1px}
.searchWrap .search_list .addinfo li.type3::before {content: ''; display: inline-block; width: 14px; height: 14px; background: url("../images/ic/icon_calendar_g.svg") 50% 50% no-repeat; background-size:contain; margin-right: 5px; margin-bottom: -1px}
.searchWrap .search_list .addinfo li.type4::before {content: ''; display: inline-block; width: 14px; height: 14px; background: url("../images/ic/ic_pw_show_g.svg") 50% 50% no-repeat; background-size:contain; margin-right: 5px; margin-bottom: -1px}
.searchWrap .search_list .addinfo li span{ color: var(--primary-green-80); margin-right: 5px; }


/*전체메뉴*/
header.fixed aside .totalSch{ top: 58px;}
header .totalSch {width: 100%; position: fixed; top: 150px; left: 0; margin: 0; background: var(--neutral-white-100); z-index: 555; border-top:1px solid var(--neutral-gray-200);border-bottom:1px solid var(--neutral-gray-200); box-shadow: 0 500px 100px rgba(0,0,0,.3); padding: 0!important; box-sizing: border-box; display: none;}
header .totalSch .schWrap {position: relative; padding: 0; background: var(--neutral-white-100); width: 1440px; margin: 0 auto; box-sizing: border-box;}
header .totalSch .schWrap .title {width: 100%; height: 50px; color: var(--neutral-gray-800); font-size: 20px; align-content: center; font-weight: 600; text-align: center; border-radius: 0; background: var(--neutral-white-100); border-bottom:1px solid var(--neutral-gray-200)}
header .totalSch .schWrap .close {position: absolute; right: 330px; top:-35px; z-index: 2; font-size: 0; padding: 10px}
header .totalSch .schWrap .close:before,.totalSch .schWrap .close::after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 2px; height: 26px; background:var(--neutral-gray-500);transform:rotate(45deg); }
header .totalSch .schWrap .close::after{transform:rotate(-45deg);}

/*header .pop_hotSearch{position:absolute;top:46px;right:-30px;width:380px;height:530px;padding:20px 24px;border-radius:4px;border:1px solid var(--neutral-gray-300);background:var(--neutral-white-100);box-shadow:4px 8px 18px rgba(0, 0, 0, .2);box-sizing:border-box;}*/
header .keyContent{ margin: 50px auto 30px; width: 800px; display: grid; grid-template-columns: 1fr 1fr; gap:5px 20px;}
header .keyContent .tit{margin-bottom:16px;font-size:20px;font-weight:700;color:#2c2c2c; text-align:left; position: relative; margin-left: -10px}
header .keyContent .tit span{position:absolute;top:2px;right:0;color:var(--neutral-gray-300);font-size:14px;font-weight:500}
header .keyContent .list {/*border:1px solid var(--neutral-gray-200); */padding: 30px 50px; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 20px}
header .keyContent .list li~li{margin-top:8px;}
header .keyContent .list li span{position:absolute;top:0;left:0;color:var(--primary-green-90);font-weight:700}
header .keyContent .list li:nth-child(1) span,
header .keyContent .list li:nth-child(2) span,
header .keyContent .list li:nth-child(3) span{display: block; width: 28px; height: 28px; background-color:var(--primary-green-90); border-radius: 5px; text-align: center; left: -10px; color: var(--neutral-white-100); font-weight:500}
header .keyContent .list a{position:relative;display:block;line-height:28px;padding-left:42px;}
header .keyContent .list a:hover{color:var(--primary-green-90);font-weight:700;background:var(--neutral-white-200);}
header .keyContent .list .rank{position:absolute;top:0;bottom:0;right:6px;margin:auto 0;font-size:0}
header .keyContent .list .rank.up,header .keyContent .list .rank.down{display:inline-block;width:0;height:0;vertical-align:middle;margin-left:10px;border-left:5px solid transparent;border-right:5px solid transparent;}
header .keyContent .list .rank.up{border-bottom:9px solid var(--primary-green-90);}
header .keyContent .list .rank.down{border-top:9px solid var(--sub-red-80);}
header .keyContent .list .rank.same{width:12px;height:2px;background:var(--neutral-gray-500);}
header .keyContent .list .rank.n{color:var(--primary-green-90);font-size:16px;font-weight:700}

/**개인정보처리방침*/
.privacyWrap{margin: 0; padding: 0; box-sizing: border-box}
.privacyWrap .desc_box04 {margin: 20px 0 13px; font-size: 18px; line-height: 24px; color: var(--neutral-gray-800); font-weight: 500;}
.privacyWrap h4 {margin: 40px 0 13px; font-size: 22px; line-height: 36px; color: var(--primary-green-90); font-weight: 700; padding-left: 30px;}
.privacyWrap h5{font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.privacyWrap .cnt_list li a::before {display: inline-block; content:''; min-width: 50px; min-height: 50px; background-color: var(--primary-green-90); border-radius: 50px; background-size: 50%!important; filter: invert(100%); margin-right: 10px}

.privacyWrap .cnt_list li:first-child a::before {background:#e27e9c url(../images/ic/privacy_01.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(2) a::before {background:#e27e9c url(../images/ic/privacy_02.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(3) a::before { background:#e27e9c url(../images/ic/privacy_03.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(4) a::before { background:#e27e9c url(../images/ic/privacy_04.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(5) a::before { background:#e27e9c url(../images/ic/privacy_05.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(6) a::before { background:#e27e9c url(../images/ic/privacy_06.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(7) a::before { background:#e27e9c url(../images/ic/privacy_07.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(8) a::before { background:#e27e9c url(../images/ic/privacy_08.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(9) a::before { background:#e27e9c url(../images/ic/privacy_09.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(10) a::before { background:#e27e9c url(../images/ic/privacy_10.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(11) a::before { background:#e27e9c url(../images/ic/privacy_11.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(12) a::before { background:#e27e9c url(../images/ic/privacy_12.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(13) a::before { background:#e27e9c url(../images/ic/privacy_13.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(14) a::before { background:#e27e9c url(../images/ic/privacy_14.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(15) a::before { background:#e27e9c url(../images/ic/privacy_15.png)no-repeat 50% 50%;}
.privacyWrap .cnt_list li:nth-child(16) a::before { background:#e27e9c url(../images/ic/privacy_16.png)no-repeat 50% 50%;}



.privacyWrap #list_num01 { background: url(../images/ic/privacy_01.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num02 { background: url(../images/ic/privacy_02.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num03 { background: url(../images/ic/privacy_03.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num04 { background: url(../images/ic/privacy_04.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num05 { background: url(../images/ic/privacy_05.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num06 { background: url(../images/ic/privacy_06.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num07 { background: url(../images/ic/privacy_07.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num08 { background: url(../images/ic/privacy_08.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num09 { background: url(../images/ic/privacy_09.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num10 { background: url(../images/ic/privacy_10.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num11 { background: url(../images/ic/privacy_11.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num12 { background: url(../images/ic/privacy_12.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num13 { background: url(../images/ic/privacy_13.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num14 { background: url(../images/ic/privacy_14.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num15 { background: url(../images/ic/privacy_15.png)no-repeat 0 0; background-size: 36px 36px;}
.privacyWrap #list_num16 { background: url(../images/ic/privacy_16.png)no-repeat 0 0; background-size: 36px 36px;}

.privacyWrap strong { margin-left: 15px; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 2.5px}

.privacyWrap .b_blue { color: var(--primary-green-90);}

.privacyWrap .panel_box.pds { padding: 10px 20px;}

.privacyWrap .cnt_list { width: 90%; margin: 20px auto 0px; display: flex; flex-flow: row wrap; justify-content: space-between; list-style: none;}
.privacyWrap .cnt_list li {width: 45%;margin-bottom: 30px; position: relative; box-sizing: border-box;}
.privacyWrap .cnt_list li a { font-weight: 600; box-sizing: border-box; height: 35px; display: flex; outline: none; text-decoration: none; cursor: pointer; color: #111; line-height: 22px; align-items: center;}

.privacyWrap .scroll_div { display: block; height: 500px; overflow: auto; border-bottom: 1px solid #dee0e5;}

.privacyWrap .use_table_space > h5.sub_ttl { margin-bottom: 5px !important;}

.privacyWrap .use_table_space table { margin-bottom: 20px !important;}

.privacyWrap .use_table table { border: 1px solid #ddd !important;}

.privacyWrap .use .use_table table tr td:first-child { border: 1px solid #ddd !important;}

.privacyWrap .ulist04 { padding-left: 15px;}


.privacyWrap ul.b_b > li > p { color: var(--primary-green-90); font-weight: 600; padding_bottom: 2px;}

.privacyWrap .ulistpr > li {counter-increment: chapter; font-size: 16px;margin-bottom: 8px; color: var(--neutral-gray-500)}
.privacyWrap .ulistpr > li b{color: var(--neutral-gray-800)}
.privacyWrap .ulistpr > li > p {display: flex; font-weight: 600}

.privacyWrap .ulistpr > li > p:before { content: counter(chapter, decimal-leading-zero); font-size: 16px; color: var(--primary-green-90); padding-right: 6px; font-weight: 700;}

.privacyWrap .ulist04 { padding: 5px 0px 0px 20px;}

.privacyWrap .ulist04 > li { padding-top: 2px;}

.privacyWrap .ulistpr .ulist04 > li.st:before { content: '- '; padding-right: 10px;}
.privacyWrap .b_b { padding: 16px 30px; font-size: 16px; line-height: 22px; background:var(--primary-green-30); border: 1px solid var(--primary-green-90);}

.privacyWrap .ulistpr .ulist04 > li.st { display: flex;}

.privacyWrap div.info_box { padding: 10px 0px 10px 20px; border: 1px dashed #d2d7e6; margin: -15px 0px 20px 0;}

.privacyWrap div.info_box p { line-height: 30px;}

.privacyWrap div.info_box .info_ttl { font-weight: 500;}

.privacyWrap p.bold {color: var(--primary-green-90);  }
.privacyWrap .b_color{color: var(--sub-red-90);	}

/**지속가능한 가치**/
.visual_sustValue{ width:1440px; height:auto;margin: 0 auto 80px;}
.visual_sustValue img{width: 100%; height:auto;}
.sustDiscrip{margin: 10px 0 50px; padding: 32px; background:var(--neutral-gray-100); border-radius: 8px; }
.sustDiscrip h3{font-size: 24px; font-weight: 700; color: var(--primary-green-90); margin-bottom: 15px; }
.sustDiscrip p{font-size: 18px; font-weight: 500; color: var(--neutral-gray-800);}

.tabWrap .tab-content {display:none}
.tabWrap .tab-content.active {display:block}
.tabWrap .tab-button.current .ic_sv{border:1px solid var(--primary-green-80); background-color: var(--neutral-gray-100);}


/* 유형별 로그인*/
.login_select{width:1440px;margin:80px auto; padding:80px 24px 0;box-sizing:border-box;position: relative;}
.login_select:before {content: "";position: absolute; left: 0; right: 0; top: 0; width: 260px; height: 50px; margin: 0 auto; background: url(../images/logo.svg) no-repeat 50% 50% / contain;}
.login_select.b2g:before {content: "";position: absolute; left: 0; right: 0; top: 0; width: 260px; height: 50px; margin: 0 auto; background: url(../images/b2glogo.svg) no-repeat 50% 50% / contain;}
.login_select .info {width: 100%; margin: 0 auto 20px; text-align: center;}
.login_select .info .tit {font-size: 25px; color: var(--nuutral-gray-800); font-weight: 600; margin-bottom: 5px;}
.login_select .links .ic_join01{background:url(../images/ic/ic_join01.svg) no-repeat 50% 50%;}
.login_select .links .ic_join02{background:url(../images/ic/ic_join02.svg) no-repeat 50% 50%;}
.login_select .links .ic_join03{background:url(../images/ic/ic_join03.svg) no-repeat 50% 50%;}
.login_select .links .ic_join04{background:url(../images/ic/ic_join04.svg) no-repeat 50% 50%;}
.login_select .links .ic_join05{background:url(../images/ic/ic_join05.svg) no-repeat 50% 50%;}
.login_select .links .tab-button:hover .ic_join01{background:url(../images/ic/ic_join01_on.svg) no-repeat 50% 50%;}
.login_select .links .tab-button:hover .ic_join02{background:url(../images/ic/ic_join02_on.svg) no-repeat 50% 50%;}
.login_select .links .tab-button:hover .ic_join03{background:url(../images/ic/ic_join03_on.svg) no-repeat 50% 50%;}
.login_select .links .tab-button:hover .ic_join04{background:url(../images/ic/ic_join04_on.svg) no-repeat 50% 50%;}
.login_select .links .tab-button:hover .ic_join05{background:url(../images/ic/ic_join05_on.svg) no-repeat 50% 50%;}

.login_select .links {display:flex; align-items:center;justify-content:space-between; gap:25px; text-align: center; width: 100%;}
.login_select .links li{ flex:1;}
.login_select .links .tab-button{position:relative;display:block;width:100%; height: 240px; padding:30px 15px; font-size:24px;font-weight:700;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-sizing:border-box;transition:all 0.2s ease-in-out; align-content: center}
.login_select .links .tab-button .link{position:relative; text-align: -webkit-center;}
.login_select .links .link small{color: var(--neutral-gray-500); font-size: 16px; font-weight: 500; display: block;}
.login_select .links .tab-button:hover{border:1px solid var(--primary-green-90);background:var(--primary-green-90);}
.login_select .links .tab-button:hover .link{color: var(--neutral-white-100)}
.login_select .links .tab-button:hover .link small{color: var(--neutral-white-100);}
.login_select .links li:active a{color:var(--neutral-white-100);border-color:var(--primary-green-90);background:var(--primary-green-90);}
.login_select .links i{position:relative; display:block;width:32px;height:32px;margin-bottom:12px;vertical-align:middle;}

/*연관검색어*/
.srcTerms {margin: 20px 0 0; padding: 0; box-sizing: border-box;}
.srcTerms dl.typ1 {display: flex; align-content: center; align-items: center; gap:10px; margin: 0 auto; font-size: 18px; color: var(--neutral-gray-800) }
.srcTerms dl.typ1 dt {font-weight: 700;}
.srcTerms dl.typ1 dt::after {content: ':'; display:inline-block; margin-left: 5px;}
.srcTerms dl.typ1 dd {font-weight: 600;}
.srcTerms dl.typ1 dd a{height: 100%; width: 100%; padding: 0;}
.srcTerms dl.typ1 dd::after {content: ','; display:inline-block;}
.srcTerms dl.typ1 dd:last-child::after {display:none;}

.srcTerms dl.typ2 {display: flex; align-content: center; align-items: center; gap:12px; margin: 0 auto; font-size: 16px;}
.srcTerms dl.typ2 dt {height: 56px; line-height: 56px; padding: 0 20px; border-radius: 100px; color: var(--neutral-white-100); background: var(--primary-green-90);font-weight: 700;}
.srcTerms dl.typ2 dd {height: 56px; line-height: 56px; padding: 0 20px; border-radius: 100px; background: var(--neutral-gray-200); font-weight: 500;}
.srcTerms dl.typ2 dd a{display: block; height: 100%; width: 100%; line-height: 56px; padding: 0;}

.yearWrap .SumoSelect {min-width:auto;}
.inputTxtWrap { margin-top:16px; width: 100%; position: relative;}
.inputTxtWrap .addOpt {position: absolute; top: 9px; right: 12px; width: 30px; height: 30px; font-size: 0; background: url("../images/ic/ic_plus.svg") no-repeat 50% 50%;}

.errorlogo { display: block; margin: 100px auto 0; width: 300px; height: auto;}
.errorlogo img{width: 100%; height: auto;}
.errorWrap{display: block; position: absolute; width: 800px; height: auto; left: 50%; top:50%; transform: translateX(-50%) translateY(-50%); text-align: center;}
.errorWrap .error01{padding-top: 220px; background: url("../images/error-img-01.png") no-repeat 50% 0 / 220px auto;}
.errorWrap .error02{padding-top: 220px; background: url("../images/error-img-02.png") no-repeat 50% 0 / 220px auto;}
.errorWrap .error03{padding-top: 220px; background: url("../images/error-img-03.png") no-repeat 50% 0 / 220px auto;}
.errorWrap h1{font-size: 42px; font-weight: 700; color: var(--neutral-gray-800); margin-bottom: 30px; line-height: 140%;}
.errorWrap .msg{font-size: 22px; font-weight: 500; color: var(--primary-green-90); margin-bottom: 30px; line-height: 140%;}
.errorWrap .cdmsg{font-size: 32px; font-weight: 700; color: var(--sub-red-100); margin-bottom: 5px; line-height: 140%;}
.errorWrap .btng{display: flex; flex-wrap: nowrap; column-gap:20px;}

.coupon {display: flex; padding: 15px; align-items: center;justify-content:space-between; background:url("../images/tmp/@couponbg.png") no-repeat 50% 50%/contain;}
.coupon.disabled {filter:grayscale(100%); opacity: 70%}
.coupon dl{flex: 0 0 100%; display: block;}
.coupon dt{font-size: 12px; font-weight: 500; color:var(--primary-green-40)}
.coupon dd{font-size: 20px; font-weight: 700; color:var(--neutral-white-100)}
.coupon dd:nth-child(3) {font-size: 12px; font-weight: 500; color:var(--primary-green-40)}

/******* 로딩 애니메이션*************/
#loader{position:absolute;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  top:0;
  z-index: 999;
  background-color: rgba(255,255,255,0.8);
  /*backdrop-filter:blur(5px);*/
  backdrop-filter:grayscale(100%)
}

/*로딩 dots*/
.dots-flow::after {
-webkit-animation: dots-flow .85s infinite ease;
        animation: dots-flow .85s infinite ease;
border-radius: 100%;
content: '';
height: 14px;
width: 14px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -40px) scale(100%);
        transform: translate(-50%, -40px) scale(100%);
}

@-webkit-keyframes dots-flow {
0%, 100% {
  -webkit-box-shadow: -26px 32px 0px 0 var(--primary-green-40), 0px 32px 0 0 var(--primary-green-40), 26px 32px 0 0 var(--primary-green-40);
          box-shadow: -26px 32px 0px 0 var(--primary-green-40), 0px 32px 0 0 var(--primary-green-40), 26px 32px 0 0 var(--primary-green-40); }
35% {
  -webkit-box-shadow: -26px 32px 0 4px var(--primary-green-100), 0px 32px 0 0 var(--primary-green-40), 26px 32px 0 0 var(--primary-green-40);
          box-shadow: -26px 32px 0 4px var(--primary-green-100), 0px 32px 0 0 var(--primary-green-40), 26px 32px 0 0 var(--primary-green-40); }
50% {
  -webkit-box-shadow: -26px 32px 0 0 var(--primary-green-70), 0px 32px 0 4px var(--primary-green-100), 26px 32px 0 0 var(--primary-green-100);
          box-shadow: -26px 32px 0 0 var(--primary-green-70), 0px 32px 0 4px var(--primary-green-100), 26px 32px 0 0 var(--primary-green-100); }
65% {
  -webkit-box-shadow: -26px 32px 0px 0 var(--primary-green-40), 0px 32px 0 0 var(--primary-green-70), 26px 32px 0 4px var(--primary-green-100);
          box-shadow: -26px 32px 0px 0 var(--primary-green-40), 0px 32px 0 0 var(--primary-green-70), 26px 32px 0 4px var(--primary-green-100); } }

.secTit2 {position:relative;margin:80px 0 17px}
.secTit2 .tit{font-size:32px;font-weight:700; margin-top: 0;}
.secTit2 .tit::before{content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 100%; border:8px solid var(--primary-green-80); margin-right: 10px;}

.useGudDisc {margin: 5px 0 20px; padding: 0;}
.useGudDisc p { padding-left: 5px; font-size: 20px; font-weight: 500; color: var(--neutral-black); line-height: 130%; position: relative;}
.useGudDisc ul{ margin-bottom: 20px;}
.useGudDisc ul li{ padding-left: 35px; font-size: 20px; font-weight: 500; color: var(--neutral-black); line-height: 130%; position: relative;}
.useGudDisc ul li~li{margin-top: 5px;}
.useGudDisc ul li::before{content:''; display: block; position: absolute; top:10px; left: 15px; width: 5px; height: 5px; border-radius: 100%; background-color: var(--neutral-gray-800); margin-right: 20px;}
.useImgWrap {margin: 0; padding: 0; align-content: center; align-items: center; text-align: center; box-sizing: border-box}
.useImgWrap .title{font-size: 18px; font-weight: 600; color:var(--neutral-black); text-align: left; padding: 10px 0;}
.useImgWrap img{width: 100%; height: auto;}
.gudDiscBox {margin: 0; padding: 30px; background: var(--neutral-white-300); border:1px solid var(--neutral-gray-200); border-radius: 16px; box-sizing: border-box }
.gudDiscBox~.gudDiscBox {margin-top: 20px}
.gudDiscBox p {font-size: 16px; color: var(--neutral-gray-800); line-height: 130%; font-weight: 400; }
.gudDiscBox p~p {margin-top: 5px!important;}
.gudDiscBox p.centerTxt {font-size: 20px; text-align: center;}
.gudDiscBox p.centerTxt span{font-size: 20px; color: var(--primary-green-90); font-weight: 500; }
.gudDiscBox p.centerTxt strong{font-size: 20px; color: var(--sub-red-90); font-weight: 500; }
.gudDiscBox p.centerTxt .title{font-size: 28px; color: var(--neutral-gray-800); font-weight: 700; display: inline-block;}
.gudDiscBox .title {font-size: 24px; color: var(--primary-green-90); line-height: 130%; font-weight: 700; margin-bottom: 10px; }
.gudDiscBox .subTit {font-size: 20px; color: var(--neutral-gray-800); line-height: 130%; font-weight: 700; margin-bottom: 10px; margin-top: 0; }
.gudDiscBox ul li{ padding-left: 35px; font-size: 16px; color: var(--neutral-gray-800); line-height: 132%; font-weight: 400; position: relative;}
.gudDiscBox ul li~li{margin-top: 5px;}
.gudDiscBox ul li::before{content:''; display: block; position: absolute; top:10px; left: 15px; width: 5px; height: 5px; border-radius: 100%; background-color: var(--neutral-gray-800); margin-right: 20px;}

.gudDiscBox ol li{ margin-left: 25px; padding-left: 10px; font-size: 16px; color: var(--neutral-gray-800); line-height: 132%; font-weight: 400; position: relative;}
.gudDiscBox ol li~li{margin-top: 5px;}
.gudDiscBox ol li{list-style: decimal}
.btngpop{position:relative; width: 100%; padding: 20px 0;  text-align: right;}
.btn_pop{position:relative;display:inline-block;padding-right:14px;color:var(--primary-green-90) ! important;font-size:16px;font-weight:700;text-underline-position:under;text-decoration:underline ! important}
.btn_pop::after{content:"";position:absolute;top:0;bottom:0;right:0;width:6px;height:9px;margin:auto 0;background:url(../images/ic/ic_arr_g.svg) no-repeat 50% 50%;}

.usePitWrap .Pictogram {display:grid;grid-template-columns:1fr 1fr;gap:12px; margin-bottom: 32px;}
.usePitWrap .Pictogram li{position:relative;padding:30px 32px 31px 102px; font-size:18px; font-weight: 400; color: var(--neutral-gray-800); border-radius:4px;background:var(--primary-green-30);}
.usePitWrap .Pictogram h3{margin-bottom:8px;font-weight:700; font-size: 24px; color: var(--neutral-black);}
.usePitWrap .Pictogram li:before{content:"";position:absolute;left:32px;top:0;bottom:0;margin:auto 0;width:46px;height:46px;background:url(../images/ic/ic_eSocial02.svg) no-repeat 50% 50%/contain}

.usePitWrap .Pictogram2 {display:grid;grid-template-columns:1fr;gap:12px; margin-bottom: 32px;}
.usePitWrap .Pictogram2 li{position:relative;padding:30px 32px 31px 102px; font-size:16px; line-height: 130%; font-weight: 400; color: var(--neutral-gray-800); border-radius:4px;background:var(--neutral-white-300); border:1px solid var(--neutral-gray-200);}
.usePitWrap .Pictogram2 h3{margin-bottom:8px;font-weight:700; font-size: 16px; color: var(--neutral-black);}
.usePitWrap .Pictogram2 li:before{content:"";position:absolute;left:32px;top:0;bottom:0;margin:auto 0;width:46px;height:46px;}
.usePitWrap .Pictogram2 li:nth-child(1):before{background:url(../images/ic/ic_storeList01.svg) no-repeat 50% 50%/contain}
.usePitWrap .Pictogram2 li:nth-child(2):before{background:url(../images/ic/ic_eSocial02.svg) no-repeat 50% 50%/contain;}
.usePitWrap .Pictogram2 li:nth-child(3):before{background:url(../images/ic/ic_storeList03.svg) no-repeat 50% 50%/contain;}

.usePitWrap .Pictogram3 {display:grid;grid-template-columns:1fr 1fr 1fr; gap:12px; margin-bottom: 32px;}
.usePitWrap .Pictogram3 li{position:relative;padding:30px 32px 31px 102px; font-size:18px; line-height: 130%; font-weight: 400; color: var(--neutral-white-100); border-radius:4px;background:var(--primary-green-90);}
.usePitWrap .Pictogram3 h3{margin-bottom:8px;font-weight:700; font-size: 24px; color: var(--neutral-white-100);}
.usePitWrap .Pictogram3 li:before{content:"";position:absolute;left:32px;top:0;bottom:0;margin:auto 0;width:46px;height:46px;}
.usePitWrap .Pictogram3 li:nth-child(1):before{background:url(../images/ic/ic_storeList02.svg) no-repeat 50% 50%/contain}
.usePitWrap .Pictogram3 li:nth-child(2):before{background:url(../images/ic/ic_shopvs05.svg) no-repeat 50% 50%/contain;}
.usePitWrap .Pictogram3 li:nth-child(3):before{background:url(../images/ic/ic_eSocial04.svg) no-repeat 50% 50%/contain;}

.usePitWrap .Pictogram4 {display:grid;grid-template-columns:1fr 1fr;gap:12px; margin-bottom: 32px;}
.usePitWrap .Pictogram4 li{position:relative;padding:30px 32px 31px 102px; font-size:18px; font-weight: 400; color: var(--neutral-gray-800); border-radius:4px;background:var(--primary-green-30);}
.usePitWrap .Pictogram4 h3{margin-bottom:8px;font-weight:700; font-size: 24px; color: var(--neutral-black);}
.usePitWrap .Pictogram4 li:before{content:"";position:absolute;left:32px;top:0;bottom:0;margin:auto 0;width:46px;height:46px;}
.usePitWrap .Pictogram4 li:nth-child(1):before{background:url(../images/ic/ic_shopvs06.svg) no-repeat 50% 50%/contain}
.usePitWrap .Pictogram4 li:nth-child(2):before{background:url(../images/ic/ic_storeList02.svg) no-repeat 50% 50%/contain;}

.usePitWrap .Pictogram5 {display:grid;grid-template-columns:1fr 1fr 1fr 1fr; gap:12px; margin-bottom: 32px;}
.usePitWrap .Pictogram5 li{position:relative;padding:30px 32px; text-align: center; font-size:18px; line-height: 130%; font-weight: 400; color: var(--neutral-gray-800); border-radius:4px;background:var(--primary-green-30);}
.usePitWrap .Pictogram5 h3{margin-bottom:8px;font-weight:700; font-size: 24px; color: var(--neutral-black);}
.usePitWrap .Pictogram5 li:before{content:""; display: block; position:relative; margin:0 auto 25px; width:46px; height:46px;}
.usePitWrap .Pictogram5 li:nth-child(1):before{background:url(../images/ic/ic_eSocial01.svg) no-repeat 50% 50%/contain}
.usePitWrap .Pictogram5 li:nth-child(2):before{background:url(../images/ic/ic_eSocial02.svg) no-repeat 50% 50%/contain;}
.usePitWrap .Pictogram5 li:nth-child(3):before{background:url(../images/ic/ic_eSocial03.svg) no-repeat 50% 50%/contain;}
.usePitWrap .Pictogram5 li:nth-child(4):before{background:url(../images/ic/ic_storeList03.svg) no-repeat 50% 50%/contain;}

.usePitWrap .Pictogram6 {display:grid;grid-template-columns:1fr 1fr;gap:12px; margin-bottom: 32px;}
.usePitWrap .Pictogram6 li{position:relative;padding:30px 32px 31px 102px; font-size:18px; font-weight: 400; color: var(--neutral-gray-800); border-radius:4px;background:var(--primary-green-30);}
.usePitWrap .Pictogram6 h3{margin-bottom:8px;font-weight:700; font-size: 24px; color: var(--neutral-black);}
.usePitWrap .Pictogram6 li:before{content:"";position:absolute;left:32px;top:0;bottom:0;margin:auto 0;width:46px;height:46px;}
.usePitWrap .Pictogram6 li:nth-child(1):before{background:url(../images/ic/ic_eSocial01.svg) no-repeat 50% 50%/contain}
.usePitWrap .Pictogram6 li:nth-child(2):before{background:url(../images/ic/ic_storeList01.svg) no-repeat 50% 50%/contain;}

.usePitWrap .Pictogram7 {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px; margin-bottom: 32px;}
.usePitWrap .Pictogram7 li{position:relative;padding:30px 32px 31px 102px; font-size:18px; font-weight: 400; color: var(--neutral-gray-800); border-radius:4px;background:var(--primary-green-30);}
.usePitWrap .Pictogram7 h3{margin-bottom:0;font-weight:700; font-size: 24px; color: var(--neutral-black);}
.usePitWrap .Pictogram7 li:before{content:"";position:absolute;left:32px;top:0;bottom:0;margin:auto 0;width:46px;height:46px;}
.usePitWrap .Pictogram7 li:nth-child(1):before{background:url(../images/ic/ic_storeList02.svg) no-repeat 50% 50%/contain}
.usePitWrap .Pictogram7 li:nth-child(2):before{background:url(../images/ic/ic_eSocial04.svg) no-repeat 50% 50%/contain;}
.usePitWrap .Pictogram7 li:nth-child(3):before{background:url(../images/ic/ic_certifydoc.svg) no-repeat 50% 50%/contain;}
.usePitWrap .Pictogram7 li:nth-child(4):before{background:url(../images/ic/ic_shopvs08.svg) no-repeat 50% 50%/contain;}

.useGudDisc em { display: block;  margin-top: 5px; color: var(--neutral-gray-500);}
.useGudDisc em  strong { color: var(--sub-red-80);}

.gudPopDisc {margin: 0; padding: 30px; background: var(--neutral-white-300); border:1px solid var(--neutral-gray-300); border-radius: 16px; box-sizing: border-box }
.gudPopDisc~.gudPopDisc {margin-top: 20px}
.gudPopDisc p {font-size: 16px; color: var(--neutral-gray-800); line-height: 130%; font-weight: 400; }
.gudPopDisc h3 {font-size: 16px; color: var(--primary-green-90); line-height: 130%; font-weight: 700; margin-bottom: 10px; }
.gudPopDisc h4 {font-size: 16px; color: var(--neutral-gray-800); line-height: 130%; font-weight: 700; margin-bottom: 10px; }
.gudPopDisc ul li{ padding-left: 30px; font-size: 16px; color: var(--neutral-gray-800); line-height: 130%; font-weight: 400; position: relative;}
.gudPopDisc ul li~li{margin-top: 5px;}
.gudPopDisc ul li::before{content:''; display: block; position: absolute; top:10px; left: 10px; width: 5px; height: 5px; border-radius: 100%; background-color: var(--neutral-gray-800); margin-right: 15px;}

.subjectTit {margin-bottom: 80px; padding: 80px; text-align: center; border:1px solid var(--neutral-gray-300); border-radius: 4px; background: url("../images/ic/Quotation.png") no-repeat 25% 10%/100px 100px, url("../images/ic/Quotation2.png") no-repeat 75% 90%/100px 100px; }
.subjectTit p{font-size: 38px;font-weight: 300; color: var(--neutral-black); line-height: 125%; }
.subjectTit p strong{font-size: 38px;font-weight: 700; color: var(--secondary-purple-90); line-height: 125%; }

.subjectTit2 {margin-bottom: 70px; padding: 70px; text-align: center; border:1px solid var(--neutral-gray-300); border-radius: 4px; background: url("../images/guidebg_ch01.png") no-repeat 10% bottom/240px auto, url("../images/guidebg_ch02.png") no-repeat 90% bottom/240px auto; }
.subjectTit2 p{font-size: 38px;font-weight: 300; color: var(--neutral-black); line-height: 125%; }
.subjectTit2 p em{font-size: 18px;font-weight: 300; color: var(--sub-red-100); display: inline-block; vertical-align: super}
.subjectTit2 p strong{font-size: 38px;font-weight: 700; color: var(--secondary-purple-90); line-height: 125%; }

.boxCol2 {display:grid;grid-template-columns:1fr 1fr; gap:12px; margin-bottom: 80px}
.boxCol2 .gudDiscBox {margin: 0; padding: 30px; background: var(--neutral-white-300); border:1px solid var(--neutral-gray-300); border-radius: 16px; box-sizing: border-box }
.boxCol2 .gudDiscBox p {font-size: 16px; color: var(--neutral-gray-800); line-height: 130%; font-weight: 400; }
.boxCol2 .gudDiscBox p.centerTxt {font-size: 20px; text-align: center;}
.boxCol2 .gudDiscBox p.centerTxt span{font-size: 20px; color: var(--primary-green-90); font-weight: 500; }
.boxCol2 .gudDiscBox p.centerTxt strong{font-size: 20px; color: var(--sub-red-90); font-weight: 500; }
.boxCol2 .gudDiscBox .title {font-size: 24px; color: var(--primary-green-90); line-height: 130%; font-weight: 700; margin-bottom: 10px; }
.boxCol2 .gudDiscBox ul li{ padding-left: 35px; font-size: 16px; color: var(--neutral-gray-800); line-height: 130%; font-weight: 400; position: relative;}
.boxCol2 .gudDiscBox ul li~li{margin-top: 5px;}
.boxCol2 .gudDiscBox ul li::before{content:''; display: block; position: absolute; top:10px; left: 15px; width: 5px; height: 5px; border-radius: 100%; background-color: var(--neutral-gray-800); margin-right: 20px;}
.boxCol2 .gudDiscBox dl{display: flex; gap:30px; padding:16px 20px; font-size: 18px; line-height: 130%; background: var(--neutral-white-100); border:1px solid var(--primary-green-40); border-radius: 8px;}
.boxCol2 .gudDiscBox dt{ font-weight: 700; color: var(--neutral-black);}
.boxCol2 .gudDiscBox dd{ font-weight: 400; color: var(--neutral-gray-800); }
.boxCol2 .gudDiscBox dl~dl{margin-top: 10px;}

.gudDiscPrc {margin-bottom: 32px; padding: 20px; text-align: center; border: 1px solid var(--neutral-gray-300); border-radius: 4px; background:var(--neutral-white-100)}
.gudDiscPrc ul{display:flex; gap:100px; padding: 0; margin: 0;}
.gudDiscPrc ul li{ flex: 1; position:relative; text-align:center;font-weight:700;color:var(--neutral-black); padding:25px; font-size: 18px; align-content:center; white-space: nowrap; letter-spacing: -1px; background:var(--primary-green-30); border-radius: 50px; }
.gudDiscPrc li~li:before{content:"";position:absolute;left:-70px;top:0;bottom:0;margin:auto 0;width:40px;height:40px;background:url(../images/ic/ic_arr3.svg) no-repeat 50% 50% /contain; filter: opacity(30%)}

.sviBox {margin: 0; padding:0 30px; background: var(--neutral-white-300); border:1px solid var(--neutral-gray-200); border-radius: 4px;}
.sviBox ul {display: flex; gap:20px; align-items: center; padding: 30px 0; font-size: 18px; box-sizing: border-box;}
.sviBox ul~ul {border-top: 1px solid var(--neutral-gray-300);}
.sviBox ul li p{letter-spacing: -.5px;}
.sviBox ul li:first-child{font-weight: 700; color: var(--neutral-black); flex: 0 0 180px; text-align: center; box-sizing: border-box;}
.sviBox .label1 span{ display: inline-block; padding: 8px 15px; font-weight: 700; background: var(--sub-blue-100); color: var(--neutral-white-100); border-radius: 30px;}
.sviBox .label1+li strong{font-weight: 700; color: var(--sub-blue-100);}
.sviBox .label1+li strong span{background-color:  var(--sub-blue-80);}
.sviBox .label2 span{ display: inline-block; padding: 8px 15px; font-weight: 700; background: var(--primary-green-90); color: var(--neutral-white-100); border-radius: 30px;}
.sviBox .label2+li strong{font-weight: 700; color: var(--primary-green-90);}
.sviBox .label2+li strong span{background-color: var(--primary-green-40);}

.gudDiscBox .col2 {display:grid;grid-template-columns:1fr 1fr; gap:30px; align-items: center;}
.gudDiscBox .col2 .title{font-size: 20px; font-weight: 700; color: var(--neutral-black); line-height: 125%; margin-bottom: 20px;}
.gudDiscBox .col2 dl{display: flex; gap:30px; padding:16px 20px; font-size: 18px; line-height: 130%; background: var(--neutral-white-100); border:1px solid var(--primary-green-40); border-radius: 8px;}
.gudDiscBox .col2 dt{ font-weight: 700; color: var(--neutral-black);}
.gudDiscBox .col2 dd{ font-weight: 400; color: var(--neutral-gray-800); }
.gudDiscBox .col2 dl~dl{margin-top: 10px;}

.box dl {display: inline-block; vertical-align: text-top;}
.box dl~dl {margin-left: 50px;}
.box .infor a span{display: inline-block; padding: 5px 15px; border-radius: 30px; background: var(--neutral-white-100); margin-right: 10px; margin-top: 10px; font-size: 14px; color: var(--neutral-gray-500)}

.video-container { position: relative; padding:0; width:1440px; height:600px;margin: 0 auto 80px; overflow: hidden;}
.video-container video { position: absolute; top: 0; left: 0; width: 100%; height: auto;}

/*로그인 회원유형*/
.Mtype .radio_box{font-size: 14px;}
.Mtype .radio_box ~ .radio_box{margin-left: 5px;}
.Mtype {width: 100%; position: relative; margin-top: 5px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;align-content: space-between; align-items: center; column-gap: 5px;}
.Mtype .radioBox input[type="radio"] { width: 0; height: 0; display: block; position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; }
.Mtype .radioBox input[type="radio"] + label { position: relative; display: block; overflow: hidden; border: 1px solid var(--neutral-gray-300); border-radius: 4px; background-color:var(--neutral-white-100); padding: 10px; box-sizing: border-box;text-align: center;}
.Mtype .radioBox input[type="radio"]:checked + label {border: 1px solid var(--primary-green-90); background:var(--primary-green-90); position: relative; padding:10px 10px 10px 30px;}
.Mtype .radioBox input[type="radio"]:checked + label::before {position: absolute;left: 10px; top:15px; content: ""; width: 16px; height: 16px; background: url("../images/ic/ic_check_w.svg") 50% 50% no-repeat;}
.Mtype .radioBox input[type="radio"]:checked + label{ color: var(--neutral-white-100);}
.Mtype .radioBox label {font-size: 14px; line-height: 14px; font-weight: 600; color: var(--neutral-gray-800); height: 48px; box-sizing: border-box;align-content: center; center;}

.board_list table .tooltip_box{display: inline-block; position: relative;}
.board_list table .tooltip_box .btn_info{margin-top: -4px;}
.board_list table .tooltip_box .tooltip { left: -125px; bottom:40px; top: auto;}
.board_list table .tooltip_box .tooltip:before { left: calc(50% - 4px); bottom:-13px; top:auto; transform: rotate(-90deg);}

.btn_trash {  width: 44px; height: 44px; font-size: 0; background: url(../images/ic/ic_trash2.svg) no-repeat 50% 50% / 22px auto;}
.btn_trash.active {background: url(../images/ic/ic_trash2_on.svg) no-repeat 50% 50% / 22px auto;}
.btn_trash{position:absolute;bottom:-12px;right:0;}