@charset "utf-8";

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

/* form */
select{outline:none;height:40px;padding-left:12px;padding-right:30px;border:1px solid var(--neutral-gray-300);border-radius:4px;background:url(../images/ic/ic_select.svg) no-repeat var(--neutral-white-100) right 12px center;background-size:10px auto;transition:all 0.2s ease-in-out;}
input:not([type="checkbox"]):not([type="radio"]){caret-color:var(--primary-green-90);outline:none;height:40px;padding:0 12px;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:12px;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%; box-sizing: border-box;}
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);}
select:disabled,input:disabled,textarea:disabled{background-color:var(--neutral-white-300);}
select:invalid{color:var(--neutral-gray-400);}
.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%}
.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%/20px auto}
input[type=file]{height:40px ! important;}
strong{font-weight: 700!important}

.fileUpload .files{margin-top:6px;font-size:12px;}
.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{}
.fileUpload input[type=file]{position:absolute;opacity:0;width:0}
.fileUpload label{cursor:pointer;position:relative;z-index:1;display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;font-size:12px;font-weight:700;color:var(--neutral-gray-500);border-radius:4px;background:var(--neutral-white-300)}
.fileUpload label:active{background:var(--neutral-gray-300)}
.fileUpload .ex{margin-top:12px;font-weight:400;color:var(--neutral-gray-500);}

/* select */
.selectbox{position:relative;font-size:14px;color:var(--neutral-gray-500);}
.selectbox~.selectbox{margin-top:16px;}
.selectbox .selected{width:100%;height:36px;padding-left:12px;text-align:left;border:1px solid var(--neutral-gray-300);border-radius:4px;}
.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;overflow-y:auto;z-index:100;max-height:258px;margin-top:-1px;background-color:var(--neutral-white-100);border: 1px solid var(--neutral-gray-300)}
.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{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);}

.multiSelectbox{position:relative;font-size:14px;color:var(--neutral-gray-500);}
.multiSelectbox~.multiSelectbox{margin-top:16px;}
.multiSelectbox .selected{width:100%;height:36px;padding-left:12px;text-align:left;border:1px solid var(--neutral-gray-300);border-radius:4px}
.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;border-radius:0 0 4px 4px;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);}
.multiSelectbox[aria-expanded='true'] .selected{border-radius:4px 4px 0 0;}

.chk_box input[type=checkbox]{opacity:0;-webkit-appearance:none}
.chk_box{display:inline-block;position:relative;line-height:20px;}
.chk_box label{display:inline-block;padding-left:32px;}
.chk_box input[type="checkbox"]{position:absolute;top:0;left:0;}
.chk_box label:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-radius:1px;border:2px solid var(--neutral-gray-300);background:url(../images/ic/ic_chk.svg) no-repeat  var(--neutral-white-100) 50% 50%/12px auto;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-color:var(--primary-green-90);}
.chk_box.type label{width:20px;height:20px;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{background-color:var(--neutral-gray-300)}
.chk_box input[type="checkbox"]:disabled + label{color:var(--neutral-gray-300)}

.radio_box input[type=radio]{opacity:0;-webkit-appearance:none}
.radio_box{display:inline-block;position:relative;line-height:15px;}
.radio_box label{display:inline-block;padding-left:20px;}
.radio_box input[type="radio"]{position:absolute;top:2px;left:0;}
.radio_box label:before{content:"";position:absolute;top:1px;left:0;width:15px;height:15px;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:5px;left:4px;width:7px;height:7px;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;}
.btn.fnc01{color:var(--neutral-white-100);background:var(--primary-green-90);}
.btn.fnc01:not(:disabled):active{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):active{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):active{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):active{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):active{background:var(--neutral-gray-800);}
.btn.fnc05:disabled{background:var(--neutral-gray-300);}
.btn.siz_lg{height:48px;font-size:16px;font-weight:700;}
.btn.siz_md{height:40px;font-size:16px;font-weight:700;}
.btn.siz_sm{width:auto;padding:0 12px;min-width:60px;height:40px;font-size:12px;font-weight:700;}
.btn.siz_smf{padding:0 12px;min-width:60px;height:40px;font-size:12px;font-weight:700;}
.btn.siz_xs{width:auto;padding:0 6px 0 6px;height:28px;font-size:12px;font-weight:700;}
.btn.siz_xsf{padding:0 6px 0 6px;height:28px;font-size:12px;font-weight:700;}
.btn.siz_xxs{width:auto;padding:0 4px;height:22px;font-size:11px;font-weight:700;}
.btn.siz_xxsf{padding:0 4px;height:22px;font-size:11px;font-weight:700;}

.btn.lefAng{position: relative;}
.btn.lefAng::after{ content: ""; display: inline-block; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 40px; height: 50%; background: url(../images/ic/ic_pgArr.svg) no-repeat 50% 50% / contain;}


.btn_reset{width:88px;height:40px;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:40px;height:40px;font-size:0;border-radius:4px;border:1px solid var(--neutral-white-300);background:var(--neutral-white-100);}
.btn_icReset:before{opacity:.6;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:34px;padding:0 12px;color:var(--primary-green-90);font-size:14px;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:11px;height:9px;margin-right:4px;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:12px;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:12px;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:20px;height:20px;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:16px;background:var(--neutral-gray-500);transform:rotate(45deg);}
.btn_close:after{transform:rotate(-45deg);}

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

.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:28px;padding:0 10px 0 8px;color:var(--neutral-white-100);font-weight:700;font-size:12px ! 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:6px;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}

.btn_link{color:var(--primary-green-90) ! important;font-size:12px;font-weight:700;text-underline-position:under;text-decoration:underline ! important}


.btn_fixed{z-index:9;position:fixed;left:0;right:0;bottom:0;display:flex;gap:12px;padding:16px;height:80px;background:var(--neutral-white-100);box-sizing:border-box;}
.btn_fixed .fnc04{flex: 0 0 76px;}
.btnCart_fixed{z-index:9;position:fixed;left:0;right:0;bottom:0;display:flex;gap:0 12px;flex-wrap:wrap;padding:16px;height:128px;border-top:1px solid var(--neutral-gray-200);background:var(--neutral-white-100);box-sizing:border-box;}
.btnCart_fixed .msg{width:100%;margin-bottom:8px;text-align:center;font-size:16px;font-weight:700;color:var(--neutral-gray-500);}
.btnCart_fixed .fnc04{flex:0 0 76px;}
.btnCart_fixed .fnc01{flex:0 0 calc(100% - 88px)}


/* 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:48px;height:48px;border-radius:16px;border:1px solid var(--neutral-gray-200);transition:all 0.2s ease-in-out;box-sizing:border-box;}
.ic_sv.sm{width:24px;height:24px;border-radius:100%;}
.ic_sv.sva{background-size:24px auto;background-image:url(../images/ic/ic_sva.svg);}
.ic_sv.sva.sm{background-size:14px auto;}
.ic_sv.sv1{background-image:url(../images/ic/ic_sv1.svg);}/*Plastic Free*/
.ic_sv.sv1.lg{background-size:21px auto;background-position:14px 50%}
.ic_sv.sv1.sm{background-size:14px auto;background-position:6px 50%}
.ic_sv.sv2{background-size:21px auto;background-image:url(../images/ic/ic_sv2.svg);}/*Upcycle*/
.ic_sv.sv2.sm{background-size:14px auto;}
.ic_sv.sv3{background-size:35px auto;background-image:url(../images/ic/ic_sv19.svg);}/*Refill*/
.ic_sv.sv3.sm{background-size:21px auto;}
.ic_sv.sv4{background-size:21px auto;background-image:url(../images/ic/ic_sv4.svg);}/*동물보호*/
.ic_sv.sv4.sm{background-size:14px auto;}
.ic_sv.sv5{background-size:35px auto;background-image:url(../images/ic/ic_sv5.svg);}/*비건용품*/
.ic_sv.sv5.sm{background-size:22px auto;}
.ic_sv.sv6{background-size:31px auto;background-image:url(../images/ic/ic_sv6.svg);}/*Fair Trade*/
.ic_sv.sv6.sm{background-size:20px auto;}
.ic_sv.sv7{background-size:24px auto;background-image:url(../images/ic/ic_sv7.svg);}/*Clean Label*/
.ic_sv.sv7.sm{background-size:14px auto;}
.ic_sv.sv8{background-size:24px auto;background-image:url(../images/ic/ic_sv8.svg);}/*기부상품*/
.ic_sv.sv8.sm{background-size:14px auto;}
.ic_sv.sv9{background-size:21px auto;background-image:url(../images/ic/ic_sv9.svg);}/*Non-Timber*/
.ic_sv.sv9.sm{background-size:14px auto;}
.ic_sv.sv10{background-size:21px auto;background-image:url(../images/ic/ic_sv10.svg);}/*Less Plastic*/
.ic_sv.sv10.sm{background-size:12px auto;}
.ic_sv.sv11{background-size:31px auto;background-image:url(../images/ic/ic_sv11.svg);}/*대체식품*/
.ic_sv.sv11.sm{background-size:22px auto;}
.ic_sv.sv12{background-size:24px auto;background-image:url(../images/ic/ic_sv12.svg);}/*유기농/친환경*/
.ic_sv.sv12.sm{background-size:14px auto;}
.ic_sv.sv13{background-size:35px auto;background-image:url(../images/ic/ic_sv13.svg);}/*취약계층일자리창출*/
.ic_sv.sv13.sm{background-size:20px auto;}
.ic_sv.sv14{background-size:21px auto;background-image:url(../images/ic/ic_sv14.svg);}/*Craft*/
.ic_sv.sv14.sm{background-size:14px auto;}
.ic_sv.sv15{background-size:21px auto;background-image:url(../images/ic/ic_sv15.svg);}/*사회혁신*/
.ic_sv.sv15.sm{background-size:14px auto;}
.ic_sv.sv16{background-size:34px auto;background-image:url(../images/ic/ic_sv16.svg);}/*사회적목적재투자*/
.ic_sv.sv16.sm{background-size:22px auto;}
.ic_sv.sv17{background-size:21px auto;background-image:url(../images/ic/ic_sv17.svg);}/*고용우수*/
.ic_sv.sv17.sm{background-size:16px auto;}
.ic_sv.sv18{background-size:21px auto;background-image:url(../images/ic/ic_sv18.svg);}/*사회서비스공급*/
.ic_sv.sv18.sm{background-size:14px auto;}

.ic_sprice{display:inline-block;height:15px;line-height:15px;padding:0 4px;font-size:10px;color:var(--neutral-white-100);font-weight:600;border-radius:4px;background:var(--sub-red-80);}
.ic_wish{display:inline-block;width:16px;height:15px;font-size:0;background:url(../images/ic/ic_wish_on.svg) no-repeat 50% 50%/contain;}
.ic_notice{display:inline-block;width:33px;height:20px;line-height:20px;text-align:center;color:var(--neutral-white-100);font-size:12px;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;padding-top:12px;}
.boardSearch_g .total{position:relative;top:10px;font-size:20px;font-weight:700}
.boardSearch_g .total strong{color:var(--primary-green-90);}
.boardSearch_g .input{display:inline-block;position:relative;width:100%;height:48px;border-radius:4px;}
.boardSearch_g .input input{width:100%;height:100% ! important;padding-right:40px;color:var(--neutral-gray-500);font-size:14px;border:0 ! important;background:var(--neutral-white-300)}
.boardSearch_g .input .btn_search{position:absolute;top:0;bottom:0;right:12px;margin:auto 0;width:24px;height:24px;font-size:0;background:url(../images/ic/ic_search.svg) no-repeat 50% 50%;}

/*통합검색*/
.totalSch{display:flex;justify-content:space-between;position:relative;margin-bottom:20px;padding-top:12px;}
.totalSch .total{position:relative;top:10px;font-size:20px;font-weight:700}
.totalSch .total strong{color:var(--primary-green-90);}
.totalSch .input{display:inline-block;position:relative;width:100%;height:48px;border-radius:4px;}
.totalSch .input input{width:100%;height:100% ! important; border:1px solid var(--neutral-gray-300);padding-right:40px;color:var(--neutral-gray-500);font-size:14px;background:var(--neutral-white-300)}
.totalSch .input input[type="text"]:focus{border:2px solid var(--primary-green-90); font-size:18px; background:var(--neutral-white-300); color:var(--primary-green-90)}
.totalSch .input .btn_search{position:absolute;top:0;bottom:0;right:12px;margin:auto 0;width:24px;height:24px;font-size:0;background:url(../images/ic/ic_search.svg) no-repeat 50% 50%;}
.totalSch .input input[type="text"].has-value {border:2px solid var(--primary-green-90); font-size:18px; background:var(--neutral-white-300); color:var(--primary-green-90)}

.board_total{margin-top:36px;font-weight:700;font-size:13px}
.board_total strong{color:var(--primary-green-90);}
.date_search + .board_total{margin-top:0}

.board_list .item{position:relative;display:flex;/*align-items:center;*/justify-content: space-between; gap:0 8px;padding:20px 0 18px;color:var(--neutral-gray-500);border-bottom:1px solid var(--neutral-gray-300);}
/*.board_list .edit_Box{top:18px;}*/
/*.board_list .col{width:100%}*/
.board_list .title a{/*padding-right:30px;*/font-size:14px;font-weight: 500; color:var(--neutral-black);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-wrap:break-word;}
.board_list .data{margin-top:4px;font-size:13px}
.board_list .data span~span{position:relative;display:inline-block;padding-left:8px;margin-left:8px;}
.board_list .data span~span:before{content:"";position:absolute;top:2px;left:0;width:1px;height:12px;background:var(--neutral-gray-300)}
.board_list .ic_notice{position:relative;top:-1px;margin-right:8px;}

.detail_ui .inquiry_list{border-top:1px solid var(--neutral-black)}
.inquiry_list .item{position:relative;display:flex;align-items:center;gap:0 8px;padding:20px 0;color:var(--neutral-gray-500);border-bottom:1px solid var(--neutral-gray-300);}
.inquiry_list .col{position:relative;width:100%}
.inquiry_list .title a{color:var(--neutral-black);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-wrap:break-word;}
.inquiry_list .title.ty a{font-size:16px;color:var(--neutral-gray-800); font-weight: 700;}
.inquiry_list .data{margin-top:4px;font-size:13px}
.inquiry_list .data .nick+span{position:relative;padding-left:12px;margin-left:8px}
.inquiry_list .data .nick+span:before{content:"";position:absolute;top:6px;left:0;width:4px;height:4px;border-radius:100%;background:var(--neutral-gray-300)}
.inquiry_list .data span+span{position:relative;padding-left:9px;margin-left:7px}
.inquiry_list .data span+span:before{content:"";position:absolute;top:2px;left:0;width:1px;height:12px;background:var(--neutral-gray-300)}
.inquiry_list .data .btn{position:relative;top:-2px;}
.inquiry_list .data .txt{color:var(--sub-blue-100)}
.inquiry_list .num{flex: 0 0 60px;font-size:16px;font-weight:700;color:var(--neutral-black);}
.inquiry_list .states{flex: 0 0 58px;}
.inquiry_list .state{display:inline-block;width:58px;height:28px;line-height:28px;text-align:center;font-size:12px;border-radius:20px;box-sizing:border-box;}
.inquiry_list .state.st1{color:var(--neutral-gray-400);border:1px solid var(--neutral-gray-300);}
.inquiry_list .state.st2{color:var(--sub-blue-100);border:1px solid var(--sub-blue-100);}
.inquiry_list .lock a{color:var(--neutral-gray-400);}
.inquiry_list .lock a:after{content:"";position:relative;top:-2px;display:inline-block;width:16px;height:16px;vertical-align:middle;margin-left:4px;background:url(../images/ic/ic_lock.svg) no-repeat 50% 50%/contain;}
.inquiry_list .qa{padding:20px;text-align:left;color:var(--neutral-gray-800);background:var(--neutral-white-300)}
.inquiry_list .qa .a{margin-top:20px;min-height:24px;}
.inquiry_list .qa .q i,.inquiry_list .qa .a i{display:block;margin-bottom:8px;width:24px;height:24px;line-height:24px;text-align:center;font-size:12px;color:var(--neutral-white-100);font-weight:700;border-radius:100%;background:var(--neutral-gray-500)}
.inquiry_list .qa .a i{background:var(--primary-green-90)}
.inquiry_list .qa span{display:block;margin-top:4px;}
.inquiry_list .item[aria-expanded='false'] + .qa{display:none;}
.inquiry_list .item[aria-expanded='true'] a{font-weight:700;color:var(--primary-green-90)}
.inquiry_list .item[aria-expanded='true'] .btn_fold{transform:rotate(180deg);}
.inquiry_list .btn_fold{position:absolute;top:0;bottom:0;right:0;width:20px;height:20px;margin:auto 0;font-size:0;background:url(../images/ic/ic_arr.svg) no-repeat 50% 50%;}

.faq_list{margin-top:12px;color:var(--neutral-gray-800);background:var(--neutral-white-100)}
.faq_list .item .q{position:relative;width:100%;padding:12px 30px 12px 0;height:68px;text-align:left;border-bottom:1px solid var(--neutral-gray-300);box-sizing:border-box;}
.faq_list .item .q:after{content:"";position:absolute;top:0;right:0;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:16px;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:24px 20px 28px}
.page .board_view{padding:24px 0 0}
.board_view .had{position:relative;padding-bottom:24px;border-bottom:1px solid var(--neutral-black); display: flex; justify-content: space-between;}
.board_view .had h2{font-weight:700;font-size:16px;color:var(--neutral-gray-800)}
.board_view .had .data{margin-top:12px;font-size:13px;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-top:24px;}
.board_view .files a{position:relative;display:block;width:208px;padding:12px 15px;font-size:10px;color:var(--neutral-gray-800);border-radius:8px;background:var(--neutral-gray-200);box-sizing:border-box;}
.board_view .files span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(95% - 16px); word-wrap:break-word;}
.board_view .files a:after{content:"";position:relative;top:2px;display:inline-block;width:20px;height:20px;background:url(../images/ic/ic_file.svg) no-repeat 50% 50%;}
.board_view .memo{padding:24px 0 0;color:var(--neutral-gray-800)}
.board_view .memo img{max-width:100%}
.board_view.event .had{margin:0 auto;border:0; display: flex; justify-content: space-between;}
.board_view.event .ic_wish{position:relative;top:-1px;vertical-align:middle;margin-right:7px;}
.board_view.event .memo{margin:0 -20px;padding:0}
.board_view.event .memo .box{margin:0 auto;}

.form_data > div{color:var(--neutral-gray-400);}
.form_data > div~div{margin-top:20px}
.form_data dt{margin-bottom:10px;color:var(--neutral-gray-800); font-weight: 500;}
.form_data dt strong{position:relative;top:-6px;margin-right:2px;font-weight:700;color:var(--sub-red-80);}
.form_data dt span{font-size:13px;color:var(--neutral-gray-500);}
.form_data dd{position:relative;}
.form_data dd+dd{margin-top:12px}
.form_data .data{display:flex;align-items:center;color:var(--neutral-gray-500);}
.form_data .msg{margin:8px 0 0 12px;color:var(--sub-red-90);font-size:12px;}
.form_data .msg2{margin-top:12px;color:var(--neutral-gray-500);}
.form_data input,.form_data textarea, .form_data .input_box{width:100%}
.form_data .grid{display:flex;gap:12px;}
.form_data .grid select{flex:0 0 80px;}
.form_data .grid button{flex:0 0 94px;}
.form_data .email{display:flex;align-items:center;gap:8px;}
.form_data .email .select{flex:0 0 153px;}
.form_data .email .select select{width:100%}
.form_data .email .domain{position:relative;flex:0 0 153px;}
.form_data .email .domain .btn_close{position:absolute;top:0;bottom:0;right:6px;margin:auto 0;}
.form_data .email .domain.alert_ok .btn_close,.form_data .email .domain.alert_err .btn_close{right:40px}
.form_data .radio_box label{font-size:12px}
.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:16px 12px}
.form_data .chkg label{font-size:12px}
.form_data .chkg label:before{top:2px}

.paging{position:relative;margin-top:20px;text-align:center;font-size:0;color:var(--neutral-gray-800)}
.paging ul{display:inline-block;margin:0 28px;vertical-align:middle;}
.paging li{display:inline-block;vertical-align:middle;}
.paging li~li{margin-left:8px}
.paging li a,.paging li strong{position:relative;display:inline-block;width:24px;padding-bottom:2px;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}

.pgBtng{position:relative;margin-top:32px;}
.pgBtng .paging{top:14px;margin-top:0}
.pgBtng .btng{position:absolute;top:0;right:0;}
.pgBtng .btng .btn{width:240px;}

.btnList_block{margin-top:24px;}
.btnList_block .btn{width:100%}

.btnBoard_bock{margin-top:32px;text-align:center}
.btnBoard_bock .btn{width:160px}

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

/* contents */
.titHg{position:relative;margin-bottom:20px;}
.titHg .tit{font-size:16px;font-weight:700; text-align: left;}
.titHg .tit span{color:var(--primary-green-90);}
.titHg .btn_more{position:absolute;top:3px;right:0;}
.titHg .btng{position:absolute;top:0;right:0}
.titHg .btn_trigger{position:relative;top:4px;}
.titHg .txt{margin-top:8px;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:24px;}
.titH2g h2{font-size:16px;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:2px;right:0}

.subTit{position:relative;margin:32px 0 20px}
.subTit .tit{font-size:16px;font-weight:700}
.subTit .sorting{z-index:1;position:absolute;top:0;right:0}

.secTit{position:relative;margin:20px 0 17px}
.secTit .tit{font-size:16px;font-weight:700}
.secTit .date span{margin-left:8px;font-size:14px;font-weight:400;color:var(--neutral-gray-500);}
.secTit .date strong{margin-left:4px;color:var(--primary-green-90);}
.secTit .btng{position:absolute;top:-10px;right:0}
.secTit .date{font-size:14px;font-weight:500; color:var(--neutral-gray-800);}
.secTit .date+.btn_more { position: absolute; top: 2px; right: 0; font-size: 12px;}

.tabs{margin-bottom:20px;}
.totalSch + .tabs{margin-bottom:25px;}
.totalSch + .tabs::after{display: block; content: ''; width: 100vw; height: 1px; background: var(--neutral-gray-200); margin-left: -20px; margin-top: 25px;}
.tabs a{display:block;height:30px;line-height:30px;padding:0 10px;text-align:center;font-size:13px;border-radius:100px;background:var(--neutral-gray-200);box-sizing:border-box;}
.tabs .current{font-weight:700;color:var(--neutral-white-100);background:var(--primary-green-90);}

.tabs2{background:var(--neutral-white-100);}
.tabs2 div{display:flex;border-bottom:1px solid var(--neutral-gray-300);}
.tabs2 a{display:block;width:100%;line-height:46px;text-align:center;font-size:16px;color:var(--neutral-gray-500);}
.tabs2 .current{margin-bottom:-1px;font-weight:700;color:var(--neutral-black);border-bottom:2px solid var(--primary-green-90)}
.tabs2.fixed{z-index:9;position:fixed;top:48px;left:0;width:100%;}
.tabs2.fixed + .page{padding-top:67px}

.tabs3 div{display:flex;}
.tabs3 a{display:flex;align-items:center;justify-content:center;width:100%;height:50px;font-weight:700;color:var(--neutral-gray-500);background:var(--neutral-gray-200);box-sizing:border-box;}
.tabs3 .current{color:var(--neutral-white-100);background:var(--neutral-gray-600)}
.tabs3.fixed{z-index:5;position:fixed;left:0;right:0;top:48px;margin:0 ! important}

.tabs4{display:flex;justify-content:space-around;margin:0 -20px;padding:0 20px;border-bottom:1px solid var(--neutral-white-300)}
.tabs4 a{display:block;line-height:38px;padding:0 7px;text-align:center;color:var(--neutral-gray-500);box-sizing:border-box;}
.tabs4 .current{margin-bottom:-1px;font-weight:700;color:var(--neutral-black);border-bottom:2px solid var(--neutral-black)}

.sorting{display:inline-block;position:relative;top:1px;}
.sorting .selected{cursor:pointer;position:relative;padding-right:12px;font-weight:700;font-size:13px;color:var(--primary-green-90);}
.sorting .selected:after{content:"";position:absolute;top:5px;right:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid var(--primary-green-90);}
.sorting .selected.active:after{transform:rotate(180deg);}
.sorting .option{display:none;position:absolute;top:30px;right:-12px;width:189px;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 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;}
.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%;}

/*.edit_Box{z-index:2;position:absolute;top:0;right:0;}
*/.edit_Box .btn_edit{width:24px;height:24px;font-size:0;background:url(../images/ic/ic_edit.svg) no-repeat 50% 50%;}
.edit_Box .option{display:none;position:absolute;right:0;top:auto;width:180px;border-radius:4px;box-shadow:4px 8px 18px rgba(0, 0, 0, .2);background:var(--neutral-white-100)}
.edit_Box .option button{width:100%;height:64px;padding-left:16px;text-align:left;font-size:16px;font-weight:700;color:var(--neutral-gray-800)}
.edit_Box .option button~button{border-top:1px solid var(--neutral-gray-300)}
.edit_Box .option button:before{position:relative;top:-2px;content:"";display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:4px;}
.edit_Box .option .del:before{background:url(../images/ic/ic_trash.png) no-repeat 50% 50%/contain;}
.edit_Box .option .modify:before{background:url(../images/ic/ic_modify.png) no-repeat 50% 50%/contain;}
.edit_Box[aria-expanded='true'] .option{display:block;}
.edit_Box[aria-expanded='true']{z-index:3;}

.recent_ui{padding:48px 0 160px}
.dBody .recent_ui{padding:24px 0 160px}
.dBody .tabs2.fixed + .recent_ui{padding:67px 0 160px}
.recent_ui .tab{display:flex;height:52px;padding:0 20px;margin-bottom:24px;color:var(--neutral-gray-400);background:var(--neutral-white-300);}
.recent_ui .tab a{line-height:52px;font-size:16px;}
.recent_ui .tab li~li{margin-left:16px}
.recent_ui .tab .current{font-weight:700;color:var(--neutral-gray-800);}
.recent_ui h2{position:relative;line-height:28px;font-size:16px;font-weight:700}
.recent_ui h2 .btn{position:absolute;top:0;right:0;}
.recent_ui .date{font-size:14px;font-weight:700;color:var(--neutral-gray-800);}
.recent_ui .goods{margin:0 20px;}
.recent_ui .goods~.goods{padding-top:12px;margin-top:36px;border-top:1px solid var(--neutral-gray-300)}
.recent_ui .goods~.goods .date{margin-bottom:24px}
.recent_ui .goods .itemg{margin-top:12px;}
.recent_ui .goods.type .item~.item{margin-top:24px}

.goods{position:relative;}
.goods .item{position:relative;width:123px}
.goods .item .rank{margin-bottom:8px;font-size:14px;font-weight:700;color:var(--secondary-purple-90)}
.goods .item .icset{z-index:2;position:absolute;top:8px;left:8px;display:flex;flex-wrap:wrap;gap:6px;}
.goods .item .icset span { display: block; padding: 0 4px; line-height: 18px; font-size: 10px; background: rgba(255, 255, 255, .5); border-radius: 20px; align-content: center; height: 18px; color: var(--neutral-gray-800);}
.goods .item .rank+.icset{top:35px;}
.goods .item .thum{overflow:hidden;position:relative;width:123px;height:123px;}
.goods .item .thum img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:123px;height:123px;transition:all 0.3s ease-in-out;}
.goods .item .tag{margin-top:4px; height: 26px; overflow: hidden; margin-right: 15px;}
.goods .item .tag span{display:inline-block;height:18px;line-height:18px;padding:0 4px;color:var(--neutral-gray-800);font-size:10px;border-radius:20px;background:var(--neutral-gray-200);}
.goods .item .tag span{margin:4px 4px 0 0;}
/*.goods .item .thum+.tit {margin-top: 40px;}*/
.goods .item .tit{position:relative;margin-top:10px;font-size:13px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word; /*height: 32px;*/}
/*.goods .item .thum + .tit{margin-top:40px;}*/
.goods .item .sub{position: relative; margin-top: 5px; padding-bottom: 2px; font-size: 12px; 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: 30px;}
.goods .item .price{min-height:18px;margin-top:7px;font-weight:700; width: calc(100% - 20px); text-overflow: ellipsis; overflow: hidden;}
.goods .item .price strong{margin-right:3px;color:var(--sub-red-80);}
.goods .item del{position:relative;top:1px; color:var(--neutral-gray-500); display: block;}
.goods .item .btn_wish{position:absolute;bottom:-2px;right:0;}
.goods.type .item{width:auto;min-height:80px;padding-left:92px;}
.goods.type .item~.item{margin-top:16px}
.goods.type .item .thum{position:absolute;top:0;left:0;width:80px;height:80px;}
.goods.type .item .thum img{width:80px;height:80px;}
.goods.type .item .tag{position:relative;top:-4px;margin-bottom:-4px; height: 26px; overflow: hidden;}
.goods.type .item .tag span{height:22px;line-height:22px;padding:0 6px;}
.goods.type .item .tit{height:32px;margin-top:8px; display: flex;}
.goods.type .item .tit .tel{margin-left: auto;}
.goods.type .item .tit + .tel{margin-top:-12px; width: calc(100% - 30px); text-overflow: ellipsis; overflow: hidden; font-size: 13px;}
.goods.type .item .tit + .tel::before{content:'☎'; display: inline-block; margin-right: 5px; color: var(--primary-green-90);}
.goods.type .item .price{margin-top:0; width: calc(100% - 30px); text-overflow: ellipsis; overflow: hidden;}
.goods.type .item .buitype{margin-top:2px; width: calc(100% - 30px); text-overflow: ellipsis; overflow: hidden; font-size: 13px; color: var(--neutral-gray-500);}
.goods.type .item .buitype span::after{display: inline-block; content: ''; width: 1px; height: 10px; background: var(--neutral-gray-400); margin: 0 10px;}

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

.goods.type2 .itemg{display:grid;grid-template-columns:1fr 1fr;gap:26px 12px;}
.goods.type2 .item{width:auto}
/*.goods.type2 .item .thum{overflow:visible;width:auto;height:auto}*/
.goods.type2 .item .thum{width:100%; height:169px; overflow: hidden; display: block; align-content: center;}
.goods.type2 .item .thum img{position:static;width:100%;height:100%;}
.goods.type2 .item .btn_wish{background-size:16px auto; margin-bottom: 3px;}

.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}

.submenu .swiper-slide{width:auto;}
.submenu{padding:0 20px 18px;margin:0 -20px;border-bottom:1px solid var(--neutral-gray-300)}
.submenu a{display:block;font-size:16px;color:var(--neutral-gray-500);}
.submenu .current a{color:var(--primary-green-90);font-weight:700}
.tabs .sliderJs .swiper-slide { width: auto; margin-right: 8px!important}

.goodList_box{padding:18px 0 20px;}

.search_sorting{z-index:3;position:relative;margin-bottom:16px;text-align:right}
.search_sorting .total{position:absolute;top:2px;left:0;font-size:13px;font-weight:700;}
.search_sorting .total strong{color:var(--primary-green-90);}

.filter_ui{margin:0 -20px 20px;padding:20px 0;border-bottom:1px solid var(--neutral-gray-300)}
.filter_ui .col:nth-child(1){padding:0 20px 16px;font-size:0;}
.filter_ui .col:nth-child(1) button{position:relative;height:32px;padding:0 32px 0 8px;font-size:13px;color:var(--neutral-gray-500);border-radius:4px;border:1px solid var(--neutral-white-300)}
.filter_ui .col:nth-child(1) button~button{margin-left:16px}
.filter_ui .col:nth-child(1) button:after{content:"";position:absolute;top:0;bottom:0;right:8px;width:20px;height:20px;margin:auto 0;background:url(../images/ic/ic_arr5.svg) no-repeat 50% 50%;}
.filter_ui .col:nth-child(1) button.current{font-weight:700;color:var(--primary-green-90);border:1px solid var(--primary-green-90)}
.filter_ui .col:nth-child(1) button.current:after{background:url(../images/ic/ic_arr_g2.svg) no-repeat 50% 50%;}
.filter_ui .col:nth-child(2){position:relative;padding:10px 60px 10px 20px;background:var(--neutral-white-200)}
.filter_ui .col:nth-child(2) span{position:relative;display:inline-block;line-height:32px;padding:0 35px 0 12px;margin:2px;font-size:13px;color:var(--neutral-white-100);font-weight:700;border-radius:30px;background:var(--primary-green-90)}
.filter_ui .col:nth-child(2) span .del{position:absolute;right:6px;top:0;bottom:0;margin:auto 0;width:20px;height:20px;font-size:0;background:url(../images/ic/ic_del_w.svg) no-repeat 50% 50%;}
.filter_ui .btn_icReset{position:absolute;top:0;bottom:0;right:20px;margin:auto 0;border:0;background:var(--neutral-white-200)}
.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)}
body.filterOpen:before{z-index:1;content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, .3)}
body.filterOpen .page_had{z-index:unset;}
body.filterOpen .dBody .page{z-index:unset;}
.search_sorting .btn_filter{width:20px;height:20px;font-size:0;background:url(../images/ic/ic_filter.svg) no-repeat 50% 50%;}
.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{z-index:99;position:fixed;bottom:0;left:0;width:100%;padding-top:36px;text-align:left;border-radius:12px 12px 0 0;background:var(--neutral-white-100);transition:all 0.2s ease-in-out;}
.search_sorting .filter .btn_drag{position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:36px;font-size:0}
.search_sorting .filter .btn_drag:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:32px;height:4px;border-radius:4px;background:var(--neutral-gray-300)}
.search_sorting .filter .tit{position:relative;line-height:48px;padding-left:15px;font-size:16px;font-weight:700;background:var(--neutral-white-100)}
.search_sorting .filter .btn_close{position:absolute;top:12px;right:12px;}
.search_sorting .filter .tab{display:flex;height:46px;border-bottom:1px solid var(--neutral-gray-300)}
.search_sorting .filter .tab a{display:block;line-height:46px;padding:0 20px;margin-bottom:-1px;text-align:center;font-size:13px;color:var(--neutral-gray-500);}
.search_sorting .filter .tab .current{color:var(--primary-green-90);font-size:14px;font-weight:700;border-bottom:1px solid var(--primary-green-90)}
.search_sorting .filter .view{display:none;padding:24px 16px 80px;}
.search_sorting .filter .view.open{display:block;}
.search_sorting .filter .view .box{overflow-y:auto;height:46vh;}
.search_sorting .filter #viewPrive .box{height:calc(46vh - 89px)}
.search_sorting .filter .view .range + .box{height:262px;}
.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;padding:16px;background:var(--neutral-white-100)}
.search_sorting .filter .btng button{width:100%}
.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{font-size:13px;color:var(--neutral-gray-800);}
.search_sorting .filter #fAll + label:before{top:2px}
.search_sorting .filter label:before{top:2px}
.search_sorting .filter[aria-expanded='false']{transform: translateY(100%);}
.search_sorting .filter[aria-expanded='true']{transform: translateY(0);}

.detail_ui{position:relative;z-index:1;padding:0 20px}
.detail_ui section{margin-bottom:40px}
#goodInfor, .detail_ui .tabs3{margin-left:-20px;margin-right:-20px}
.detail_ui .banner{height:58px;margin:20px 0 16px 0;background:var(--neutral-white-200);}
.detail_ui .banner a{display:flex;align-items:center;justify-content:center;height:58px;margin:0 auto;}
.detail_ui .banner .txtg{padding-left:32px;background:url(../images/ic/ic_banr.png) no-repeat 0 6px/28px auto;}
.detail_ui .banner .txtg .txt1{font-size:12px;}
.detail_ui .banner .txtg .txt2{font-weight:700;color:var(--secondary-purple-90);}
.detail_ui .banner .txtg strong{color:var(--primary-green-90);font-weight:700}
.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:1200px;text-align:center}
.detail_ui .infor .icset{display:flex;align-items:center;justify-content:center;gap:12px;height:80px;margin-bottom:16px;background:var(--sub-yellow-60);}
.detail_ui .infor .icset li{position:relative;top:-5px;}
.detail_ui .infor .icset i{margin:0 auto;height:42px;border:0;background-color:var(--sub-yellow-60);}
.detail_ui .infor .icset span{display:block;font-size:12px;}
.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:50px;background:linear-gradient(to bottom, transparent, white);}
/*.detail_ui .infor:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100px;background:linear-gradient(to bottom, transparent, white);}*/
.detail_ui .btn_viewer{display:block;width:calc(100% - 40px);height:52px;margin:0 auto;font-weight:700;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:20px;height:20px;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{max-height:100%;padding-bottom:50px;}
#goodInfor[aria-expanded='true'] .btn_viewer:after{transform:rotate(180deg);}
#goodNotice .titHg:before{content:"";position:absolute;left:0;bottom:-21px;width:100%;height:1px;background:var(--neutral-black)}
.good_detail{margin:0 -20px}
.good_detail .photos{position:relative;}
.good_detail .photos img{width:100%;height:auto;}
.good_detail .photos .pagination{z-index:1;position:absolute;left:0;right:0;bottom:16px;text-align:center}
.good_detail .photos .swiper-pagination-bullet{width:6px;height:6px;box-sizing:border-box;}
.good_detail .photos .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid var(--neutral-white-100);background:var(--primary-green-90)}
.good_detail .photos .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px}
.good_detail .detail{padding:24px 20px 40px}
.good_detail .detail .biz{position:relative;}
.good_detail .detail .biz a{position:relative;text-decoration:underline;text-underline-position:under;padding-right:12px;font-size:13px;color:var(--neutral-gray-400);}
.good_detail .detail .biz a:after{content:"";position:absolute;top:2px;right:0;width:12px;height:12px;background:url(../images/ic/ic_arr3.svg) no-repeat  50% 50%/5px auto}
.good_detail .detail .biz i{position:relative;top:-2px;display:inline-block;width:20px;height:20px;vertical-align:middle;background:url(../images/ic/ic_biz.svg) no-repeat  50% 50%}
.good_detail .detail .titg{position:relative;margin-top:11px;font-size:16px;font-weight:700}
.good_detail .detail .titg h2{width: calc(100% - 80px); overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-wrap:break-word;}
.good_detail .detail .titg .wish{position:absolute;top:0;right:0;font-size:14px;font-weight:400;color:var(--neutral-gray-500);}
.good_detail .detail .titg .btn_wish{position:relative;top:-1px;margin-right:2px}
.good_detail .detail .price{margin-top:8px;font-size:16px;}
.good_detail .detail .price strong{margin-right:8px;vertical-align:middle;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;color:var(--secondary-purple-90);}
.good_detail .detail .price p{margin-bottom:5px}
.good_detail .detail .price del{font-size:14px;color:var(--neutral-gray-500);}
.good_detail .detail dl{margin-top:22px;color:var(--neutral-gray-500);}
.good_detail .detail dl > div{display:flex;font-size:14px;}
.good_detail .detail dl > div~div{margin-top:12px}
.good_detail .detail dt{flex:0 0 80px; font-weight: 700;}
.good_detail .detail dd{width:100%;padding-left:12px}
.good_detail .detail .btn_help{position:relative;top:-3px;width:24px;height:24px;margin-right:2px;font-size:0;background:url(../images/ic/ic_help.svg) no-repeat 50% 50%;}
.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}
.detail_ui .noti_aria{border-top:1px solid var(--neutral-black)}
.detail_ui .noti_aria div{padding:16px 0;border-bottom:1px solid var(--neutral-gray-300)}
.detail_ui .noti_aria dt{position:relative;line-height:20px;text-align:left;font-weight:700;}
.detail_ui .noti_aria dt:after{content:"";position:absolute;top:0;bottom:0;right:0;margin:auto 0;width:20px;height:20px;background:url(../images/ic/ic_arr.svg) no-repeat 50% 50%;}
.detail_ui .noti_aria dd{margin-top:10px;line-height:22px;color:var(--neutral-gray-500);}
.detail_ui .noti_aria .ol li{text-indent:-20px;padding-left:20px}
.detail_ui .noti_aria .dot{margin-left:12px;}
.detail_ui .noti_aria .dot li{position:relative;padding-left:12px}
.detail_ui .noti_aria .dot li:before{content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:100%;background:var(--neutral-gray-500)}
.detail_ui .noti_aria div[aria-expanded='false'] dd{display:none;}
.detail_ui .noti_aria div[aria-expanded='true'] dt:after{transform:rotate(180deg);}
.detail_ui .graph_box{padding:30px 20px 32px;background:var(--neutral-white-300)}
.detail_ui .stars{text-align:center;}
.detail_ui .stars .bar{position:relative;top:1px;display:inline-block;width:100px;height:20px;margin-right:12px;background:url(../images/ic/ic_star.svg) repeat 0 0/contain}
.detail_ui .stars .bar span{display:block;height:100%;background:url(../images/ic/ic_star_on.svg) repeat 0 0/contain}
.detail_ui .stars strong{margin-right:8px;font-size:24px;font-weight:700;color:var(--neutral-black)}
.detail_ui .stars .txt{font-size:24px;color:var(--neutral-gray-500)}
.detail_ui .graphs{display:flex;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--neutral-gray-300)}
.detail_ui .graphs .item{width:44px;text-align:center;}
.detail_ui .graphs .bar{position:relative;overflow:hidden;width:8px;height:60px;margin:0 auto;border-radius:20px;background:var(--neutral-gray-300);}
.detail_ui .graphs .bar span{position:absolute;bottom:0;left:0;width:100%;background:var(--secondary-purple-80);}
.detail_ui .graphs .txt1{display:block;margin-bottom:8px;font-weight:700;color:var(--secondary-purple-80)}
.detail_ui .graphs .txt2{display:block;margin-top:8px;color:var(--neutral-gray-500)}
.detail_ui .photo_list{display:flex;gap:5px;}
.detail_ui .photo_list img{width:100%;}
.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;}
.detail_ui .photo_list .more a:before{background:rgba(0, 0, 0, .5);}
.detail_ui .photo_list .more span{z-index:2;position:absolute;top:50%;left:0;right:0;text-align:center;transform:translate(0,-50%);color:var(--neutral-white-100);font-size:16px;font-weight:700}
.detail_ui .review_list{border-top:1px solid var(--neutral-black);}
.detail_ui .review_list .item{padding:20px 0;border-bottom:1px solid var(--neutral-gray-300)}
.detail_ui #goodReview .review_list .item:last-child{padding:20px 0 0; border-bottom:none}
.detail_ui .review_list .nick{font-size:14px;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:80px;height:16px;margin-right:0;background-size:contain}
.detail_ui .review_list .stars .bar span{background-size:contain}
.detail_ui .review_list .stars .txt{font-size:14px;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;justify-content:center;margin-top:12px;padding:16px 0;background:var(--neutral-white-200)}
.detail_ui .review_list .dec div{display:flex;}
.detail_ui .review_list .dec div~div{margin-left:16px}
.detail_ui .review_list .dec dt{color:var(--secondary-purple-90);font-weight:700}
.detail_ui .review_list .dec dd{margin-left:2px;color:var(--neutral-gray-800);}
.detail_ui .review_list .memo{margin-top:16px;line-height:22px}
.detail_ui .review_list .memo[aria-expanded='false']{overflow:hidden;height:70px}
.detail_ui .review_list .memo[aria-expanded='true'] + .btn_fold:after{transform:rotate(180deg);}
.detail_ui .review_list .btn_fold{position:relative;display:inline-block;padding-right:20px;margin-top:12px;color:var(--primary-green-90) ! important;font-size:12px;}
.detail_ui .review_list .btn_fold:after{content:"";position:absolute;top:0;bottom:0;right:0;width:20px;height:20px;margin:auto 0;background:url(../images/ic/ic_arr_g3.svg) no-repeat 50% 50%;}
.detail_ui .sPhoto_list{display:flex;gap:10px;margin-top:20px;}
.detail_ui .sPhoto_list img{width:100%;}
.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 .more a:before{background:rgba(0, 0, 0, .5);}
.detail_ui .sPhoto_list .more span{z-index:2;position:absolute;top:50%;left:0;right:0;text-align:center;transform:translate(0,-50%);color:var(--neutral-white-100);font-size:24px;font-weight:700}
.detail_ui .review_list .btng{margin-top:16px}

.numsComponent{position:relative;padding:4px 8px;margin-top:12px;text-align:center;border-radius:4px;background:var(--neutral-gray-300);box-sizing:border-box;}
.numsComponent input{width:40px;height:22px ! important;padding:0 ! important;text-align:center;font-size:13px;font-weight:700;color:var(--neutral-gray-800);border:0;background:none}
.numsComponent .minus,.numsComponent .plus{width:22px;height:22px;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.07.01*/
.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%}

body.buyOpen:before{z-index:999;content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, .3)}
.fixed_select{z-index:99999;position:fixed;bottom:0;left:0;width:100%;height:76px}
.fixed_select .btng{position:fixed;bottom:0;left:0;width:100%;display:flex;padding:14px;box-sizing:border-box;background:var(--neutral-white-100);}
.fixed_select .btn_gift{flex:0 0 44px;font-size:0;border-radius:4px;background:url(../images/ic/ic_gift.svg) no-repeat #f2f2f2 50% 50%;transition:all 0.2s ease-in-out;}
.fixed_select .btn_gift:hover{background-color:#e1e1e1}
.fixed_select .btn_drag{position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:36px;font-size:0}
.fixed_select .btn_drag:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:32px;height:4px;border-radius:4px;background:var(--neutral-gray-300)}
.fixed_select .box{position:relative;padding:52px 0 138px;border-radius:12px 12px 0 0;background:var(--neutral-white-100);transition:all 0.2s ease-in-out;}
.fixed_select .box.open{height:auto;}
.fixed_select .in{overflow-y:auto; max-height:50vh; min-height: 160px; padding:0 20px}
.fixed_select .quantity{padding:12px;margin-top:16px;background:var(--neutral-white-300)}
.fixed_select .quantity .btn_close{position:absolute;top:0;right:0;}
.fixed_select .quantity .item{position:relative;display:flex;flex-wrap:wrap;align-items:center;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{width:100%;margin-bottom:12px;padding-right:30px;box-sizing:border-box;}
.fixed_select .quantity .numsComponent{margin-top:0;flex: 0 0 107px;}
.fixed_select .quantity .resualt{flex:0 0 calc(100% - 107px);text-align:right}
.fixed_select .quantity .resualt span{margin-right:2px;color:var(--neutral-black);font-size:18px;font-weight:700}
.fixed_select .total{position:absolute;left:0;right:0;bottom:76px;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:16px;background:var(--neutral-white-100);}
.fixed_select .total .nums{position:relative;top:4px;font-weight:700;}
.fixed_select .total .pay{color:var(--neutral-gray-800);font-weight:700;}
.fixed_select .total strong{position:relative;top:3px;margin-right:2px;font-size:24px;color:var(--secondary-purple-90)}
.fixed_select .btng{display:flex;gap:16px;margin-top:35px;}
.fixed_select.fixed{display:block;}
/* .fixed_select[aria-expanded='false']{bottom:-100%;} */
.fixed_select[aria-expanded='false'] .box{transform: translateY(100%);}
.fixed_select[aria-expanded='true'] .box{transform: translateY(0);}
.fixed_select[aria-expanded='true']{height:auto}

.cartOrder_ui{margin:0 -20px;padding-bottom:20px;border-bottom:20px solid var(--neutral-white-100);background:var(--neutral-white-200);}
.dBody.type .cartOrder_ui{border:0}
.cartOrder_ui .had{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px;line-height:28px;background:var(--neutral-white-100);}
.cartOrder_ui .had .tit{font-size:16px;font-weight:700}
.cartOrder_ui .had .delv{font-size:16px;font-weight:700; padding-left: 24px; color: var(--primary-green-90); background:url(../images/ic/ic_myLnb7.svg) no-repeat 0 3px /23px auto; }
.cartOrder_ui .had .delv small{font-size:12px;font-weight:500; color: var(--neutral-gray-500); }
.cartOrder_ui .had .tit span{color:var(--primary-green-90)}
.cartOrder_ui .had .tit strong { position: relative; top: -6px; margin-right: 2px; font-weight: 700; color: var(--sub-red-80);}
.cartOrder_ui .had .chkg{position:relative;top:-2px}
.cartOrder_ui .had label{font-size:16px;font-weight:700}
.cartOrder_ui .had label:before{top:2px}
.cartOrder_ui .had .nums{position:relative;top:3px;margin-left:4px;font-size:16px;font-weight:700;color:var(--primary-green-90)}
.cartOrder_ui .had .nums.disabled{color:var(--neutral-gray-300)}
.cartOrder_ui .had .btng{font-size:0}
.cartOrder_ui .col{margin:20px 20px 0;padding:16px;border:1px solid var(--neutral-gray-200);border-radius:4px;background:var(--neutral-white-100);}
.cartOrder_ui .col~.col{margin-top:20px}
.cartOrder_ui .col .had{padding:0}
.cartOrder_ui .col .had.type{margin-bottom:16px;padding-bottom:11px;border-bottom:1px solid var(--neutral-gray-500)}
.cartOrder_ui .col .had .odernum{font-size: 14px; color: var(--neutral-gray-500);}
.cartOrder_ui .item~.item{margin-top:16px}
.cartOrder_ui .titg{position:relative;padding:12px 14px;font-size:12px;background:var(--neutral-white-300); display: flex; justify-content: space-between; gap: 5px; flex-wrap: wrap;}
.cartOrder_ui .titg span{position:relative; color:var(--neutral-gray-500)}
.cartOrder_ui .itemg .item .box{padding-left:0}
.cartOrder_ui .item .box{position:relative;margin-top:12px;padding-left:32px;}
.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:44px;padding-left:56px;}
.cartOrder_ui .item .thum{position:absolute;top:0;left:0;}
.cartOrder_ui .item .thum img{width:44px;height:44px;border-radius:4px}
.cartOrder_ui .item .tit{margin-bottom:6px;font-size:13px;padding-right: 20px; width:fit-content;}
.cartOrder_ui .item .option{font-size:13px;color:var(--neutral-gray-500); min-height: 16px;}
.cartOrder_ui .item .price{margin:20px 0 0 -56px;font-size:16px;font-weight:700;color:var(--secondary-purple-90);}
.cartOrder_ui .item .tit + .price{margin:42px 0 0 -56px;}
.cartOrder_ui .item .price del{margin-left:4px;font-size:13px;font-weight:400;color:var(--neutral-gray-500)}
.cartOrder_ui .no_cart{padding:48px 0;text-align:center;font-size:16px;font-weight:700}
.cartOrder_ui .no_cart:before{content:"";display:block;width:48px;height:48px;margin:0 auto 16px;background:url(../images/ic/ic_refer2.svg) no-repeat 50% 50%/contain}
.cartOrder_ui .refer{position:relative;left:20px;padding-left:28px;margin-top:20px;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:73px;height:22px;line-height:22px;text-align:center;vertical-align:middle;margin-left:5px;border-radius:30px;font-size:13px;font-weight:400;color:var(--primary-green-90);border:1px solid var(--primary-green-90)}
.cartOrder_ui .address dt{margin-bottom:12px;font-size:16px;font-weight:700; display: flex; align-items: center; position: relative;}
.cartOrder_ui .address dt button{margin-left: auto}
.cartOrder_ui .address dt~dt{margin-top:24px;}
.cartOrder_ui .address dd~dd{margin-top:8px}
.cartOrder_ui .address .tel{color:var(--neutral-gray-400)}
.cartOrder_ui .address dl + .selectbox{margin-top:16px}
.cartOrder_ui .had .price{vertical-align:middle;margin-right:32px;font-size:16px;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;width:20px;height:20px;margin:auto 0;background:url(../images/ic/ic_arr4.svg) no-repeat 50% 50%}
.cartOrder_ui .amount{margin-top:13px;border-top:1px solid var(--neutral-gray-300)}
.cartOrder_ui .col .had.type + .amount{margin-top:-17px;border:0}
.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:19px}
.cartOrder_ui .amount .resualt{padding-top:16px}
.cartOrder_ui .amount .top{padding:20px 36px 16px 0;border-bottom:1px solid var(--neutral-gray-300)}
.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:13px 0 0 4px;padding-left:16px;}
.cartOrder_ui .amount dd.sub:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:var(--neutral-gray-300)}
.cartOrder_ui .amount dd.sub div{padding-right:0;font-size:13px;font-weight:400;color:var(--neutral-gray-800)}
.cartOrder_ui .amount dd.sub div~div{margin-top:23px}
.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:16px;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:19px;padding:12px 12px 24px;margin-top:12px;height:100px;overflow-y:auto;font-size:13px;}
.cartOrder_ui .btn~.btn{margin-top:24px}
.cartOrder_ui .discount dl div{}
.cartOrder_ui .discount dl div~div{margin-top:16px}
.cartOrder_ui .discount dt{margin-bottom:12px;font-weight:700}
.cartOrder_ui .discount dt span{margin-left:8px;color:var(--neutral-gray-400);font-weight:400}
.cartOrder_ui .discount dd{display:flex;gap: 0 8px}
.cartOrder_ui .discount input{width:100%;text-align:right}
.cartOrder_ui .discount .btn{flex: 0 0 66px;}
.cartOrder_ui .radiog{margin:-16px 0}
.cartOrder_ui .radiog label{font-size:14px}
.cartOrder_ui .radiog li{padding:27px 15px}
.cartOrder_ui .radiog li~li{border-top:1px solid var(--neutral-gray-300)}
.cartOrder_ui .guide_txt dt{margin-bottom:16px;font-size:16px;font-weight:700;}
.cartOrder_ui .guide_txt dd{position:relative;padding-left:12px;margin-left:10px;line-height:17px;font-size:13px;color:var(--neutral-gray-400)}
.cartOrder_ui .guide_txt dd:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:100%;background:var(--neutral-gray-400)}
.cartOrder_ui + .titHg{margin-top:80px}
.goods + .titHg{margin-top:60px;}
.goods + .titHg::before{display: block; content: ''; position: absolute; top:-25px; left: -20px; width: 100vw; height: 1px; background:var(--neutral-gray-200);}
.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);}
.cartOrder_ui div[aria-expanded='false'] .had.type{padding-bottom:0;margin-bottom:0;border:0}
.visual_sub_plans{margin-bottom:20px}
.visual_sub_plans img{width:100%}
.event_list .item{position:relative;color:var(--neutral-gray-800);}
.event_list .item~.item{margin-top:20px;}
.event_list .thum img{width:100%;border-radius:4px;}
.event_list .thum {box-sizing: border-box; position: relative;}
.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: 120px; height: 120px; border:3px solid var(--neutral-white-100); top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);  border-radius: 100%; text-align: center; color: var(--neutral-white-100); font-size: 16px; font-weight: 700; align-content: center; background-color: rgba(0,0,0,.2); white-space: pre;}
.event_list .tit{margin-top:16px;font-size:16px;font-weight:700}
.event_list .date{margin-top:12px}
.event_list .btn_wish{position:absolute;bottom:-12px;right:20px;}
.event_list + .paging{margin-top:40px}

.visual_sub_minihome{margin-bottom:20px}
.visual_sub_minihome img{width:100%}
.minihome{padding:0 20px 20px;margin:0 -20px 20px;border-bottom:1px solid var(--neutral-gray-200);}
.minihome h2{position:relative;padding-bottom:16px;margin-bottom:20px;font-size:16px;font-weight:700;border-bottom:1px solid var(--neutral-gray-300); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 75px;}
/*.minihome h2 .img{display:inline-block;width:44px;height:44px;margin-right:8px;vertical-align:middle;background-size:contain ! important; box-sizing:border-box;}*/
.minihome h2 .img{display:inline-block;width:44px;height:44px;margin-right:8px;vertical-align:middle;border:1px solid var(--neutral-gray-200);border-radius:4px; 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:12px;right:0;font-size:16px;font-weight:400;color:var(--neutral-gray-500);}
.minihome h2 .wish .ic_wish,.minihome h2 .wish .btn_wish{position:relative;top:-2px;margin-right:7px;vertical-align:middle;}
.minihome dl{padding:12px 0 10px}
.minihome div~div{margin-top:20px}
.minihome dt{font-weight:700}
.minihome dd{margin-top:8px;color:var(--neutral-gray-400);}
.minihome dd strong{color:var(--primary-green-90);}

.cus_menu{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;padding:20px 20px 0;font-size:16px;color:var(--neutral-gray-800);border-top:1px solid var(--neutral-gray-200)}
.cus_menu a{display:block;line-height:40px;}
.cus_menu .current a{color:var(--primary-green-90);font-weight:700}

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

.login_ui{padding-top:30px}
.login_ui .col{padding:0 20px;}
.login_ui .col~.col{margin-top:64px}
.login_ui .login dt{margin-bottom:12px;color:var(--neutral-gray-800);}
.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:8px 0 0 12px;font-size:12px;color:var(--sub-red-90);}
.login_ui .login .btn_view{position:absolute;top:4px;right:12px;width:30px;height:30px;font-size:0;background:url(../images/ic/ic_pw_hide.svg) no-repeat 50% 50%/16px auto;}
.login_ui .login .btn_view.show{background:url(../images/ic/ic_pw_show.svg) no-repeat 50% 50%/16px auto;}
.login_ui .login .alert_ok .btn_view,.login_ui .login .alert_err .btn_view{right:42px}
.login_ui .save{margin:20px 0}
.login_ui .chk_box label{color:var(--neutral-black);}
.login_ui .chk_box label:before{top:1px}
.login_ui .links{display:flex;justify-content:center;margin-top:20px;font-size:12px}
.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-bottom:20px;text-align:center;font-size:14px;font-weight:700;color:var(--neutral-gray-800);}
.login_ui .tit:first-of-type{margin-top:0}
.login_ui .certify{padding-bottom:24px;margin-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;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);}

.join_select,.join_agree,.join_forms{padding:20px 20px 0;}
.join_select .txt,.join_agree .txt,.join_forms .txt,.edit_login .txt{margin-bottom:20px;font-size:24px;font-weight:700}
.join_select .noti{margin-bottom:36px;}
.join_select .noti dt,.join_agree .noti,.join_forms .noti{padding-left:26px;line-height:20px;margin-bottom:8px;font-weight:700;color:var(--neutral-gray-500);background:url(../images/ic/ic_refer.svg) no-repeat 0 2px;}
.join_select .noti dt{position:relative;}
.join_select .noti dt:before{content:"";position:absolute;top:0;bottom:0;right:0;width:20px;height:20px;margin:auto 0;background:url(../images/ic/ic_arr.svg) no-repeat 50% 50%/12px auto;transform:rotate(0);}
.join_select .noti dd{position:relative;line-height:22px;margin-left:8px;padding-left:12px;color:var(--neutral-gray-500);}
.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 .noti[aria-expanded='false'] dd{display:none;}
.join_select .noti[aria-expanded='true'] dt:before{transform:rotate(180deg);}
.join_select .links{display:flex;gap:16px;flex-wrap:wrap;}
.join_select .links li:first-child{width:100%;}
.join_select .links li:nth-child(n+2){width:calc(50% - 8px);}
.join_select .links li{position:relative;display:flex;align-items:center;width:100%;padding:0 0 0 12px;height:72px;font-weight:700;color:var(--neutral-gray-800);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 li:nth-child(1){color:var(--neutral-white-100);border-color:var(--primary-green-90);background:var(--primary-green-90);}
.join_select .links li:nth-child(1) a{position:relative;display:block;width:100%;line-height:72px;}
.join_select .links li:nth-child(1) a:after{content:"";position:absolute;top:0;bottom:0;right:12px;width:20px;height:20px;margin:auto 0;background:url(../images/ic/ic_arr_w2.svg) no-repeat 50% 50%;}
.join_select .links i{position:relative;top:-2px;display:inline-block;width:24px;height:24px;margin-right:6px;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{top:2px;left:2px;}

.join_agree .noti{padding-left:26px;line-height:24px;margin-bottom:8px;min-height:100px;font-weight:700;color:var(--neutral-gray-500); background:url(../images/ic/ic_refer.svg) no-repeat 0 3px;}
.join_agree .box~.box{margin-top:24px;padding-top:24px;border-top:1px solid var(--neutral-gray-200)}
.join_agree .in{position:relative;}
.join_agree .in~.in{margin-top:24px}
.join_agree .btn_view{position:absolute;top:0;bottom:0;right:0;width:20px;height:20px;margin:auto 0;font-size:0;background:url(../images/ic/ic_arr.svg) no-repeat 50% 50%;transform:rotate(-90deg);}
.join_agree .tit{margin-bottom:8px;}
.join_agree .tit strong{color:var(--sub-red-80);}
.join_agree .chk_box label{padding-left:30px;font-size:16px;font-weight:700}
.join_agree .chk_box label:before{top:0;width:24px;height:24px;background-size:16px auto;}
.join_agree .radio_box label{font-size:12px;color:var(--neutral-gray-400);}

.join_certify{padding:32px 20px 0;}
.join_certify .col{text-align:center;}
.join_certify .col~.col{margin-top:60px}
.join_certify .tit{margin-bottom:20px;font-size:16px;font-weight:700}
.join_certify .txtg{display:inline-block;padding-top:98px;color:var(--neutral-gray-500);background:url(../images/ic/ic_certify.svg) no-repeat 50% 0/92px auto;}
.join_certify .txtg li~li{margin-top:4px}
.join_certify .txtg li{position:relative;padding-left:12px;text-align:left}
.join_certify .txtg li span,
.join_certify .txtg li strong {font-weight: 600; color: var(--primary-green-90);}
.join_certify .txtg li:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:100%;background:var(--neutral-gray-500)}

.join_certify .txtg2{display:inline-block;padding-top:98px;color:var(--neutral-gray-500);background:url(../images/ic/ic_certify2.svg) no-repeat 50% 0/92px auto;}
.join_certify .txtg2 li~li{margin-top:4px}
.join_certify .txtg2 li{position:relative;padding-left:12px;text-align:left}
.join_certify .txtg2 li span,
.join_certify .txtg2 li strong {font-weight: 600; color: var(--primary-green-90);}
.join_certify .txtg2 li:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:100%;background:var(--neutral-gray-500)}

.join_certify .certify{}
.join_certify .btng{margin-top:20px;}

.join_forms .noti{font-weight:400;}

.form_ui{margin-top:40px}
.form_ui.type{margin-top:20px}
.form_ui~.form_ui{margin-top:20px}
.form_ui .titg{position:relative;margin-bottom:20px}
.form_ui .titg h2{font-size:16px;font-weight:700}
.form_ui .titg span{position:absolute;top:1px;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{margin-top:12px;}
.form_ui .btng .btn{width:100%}

.terms_ui{padding:20px 20px 0;margin-right:6px;line-height:22px;color:var(--neutral-gray-500);box-sizing:border-box;}
.terms_ui strong{font-size:16px;font-weight:700;color:var(--neutral-black);}
.terms_ui span{color:var(--neutral-black);}
.terms_ui .posi1{margin-left:6px;}
.terms_ui .posi2{margin-left:18px;}
.terms_ui em{text-decoration:underline;text-underline-position:under;color:var(--sub-red-90)}

/* mypage */
.mypage{padding-bottom:82px;}
.mypage .box{padding:20px;background:var(--neutral-white-200)}
.mypage .users{margin-bottom:20px;font-size:16px;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_arr_g.svg) no-repeat 50% 50%;}
.mypage .infor_box{display:flex;justify-content:space-between;padding:16px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100)}
.mypage .infor_box li{text-align:center;font-size:13px;color:var(--neutral-gray-800)}
.mypage .infor_box li strong{display:block;font-size:14px;font-weight:700;color:var(--primary-green-90)}
.mypage .infor_box li a:before{content:"";display:block;width:24px;height:24px;margin:0 auto 2px;}
.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;justify-content:space-between;padding:16px;margin-top:12px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100)}
.mypage .ing_order li{position:relative;text-align:center;font-size:12px;color:var(--neutral-gray-500)}
.mypage .ing_order li strong{display:block;margin-top:4px;font-size:14px;font-weight:700;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.arr{flex:0 0 22px;background:url(../images/ic/ic_pgArr.svg) no-repeat 50% 50%/12px auto;}
.mypage .lnb > li{padding:20px;color:var(--neutral-gray-800);font-size:16px;border-top:1px solid var(--neutral-gray-200);}
.mypage .lnb > li p{margin-bottom:12px;color:var(--neutral-gray-400)}
.mypage .lnb > li a{position:relative;display:block;line-height:40px;padding-left:28px;background:url(../images/ic/ic_arr6.svg) no-repeat right 50%;}
.mypage .lnb .log a{background:none}
.mypage .lnb i{position:absolute;top:0;left:0;bottom:0;margin:auto 0;width:20px;height:20px;}
.mypage .lnb .ic_myLnb1{background:url(../images/ic/ic_myLnb1.svg) no-repeat 50% 50%;}
.mypage .lnb .ic_myLnb2{background:url(../images/ic/ic_myLnb2.svg) no-repeat 50% 50%;}
.mypage .lnb .ic_myLnb3{background:url(../images/ic/ic_myLnb3.svg) no-repeat 50% 50%;}
.mypage .lnb .ic_myLnb4{background:url(../images/ic/ic_myLnb4.svg) no-repeat 50% 50%;}
.mypage .lnb .ic_myLnb5{background:url(../images/ic/ic_myLnb5.svg) no-repeat 50% 50%;}
.mypage .lnb .ic_myLnb6{background:url(../images/ic/ic_myLnb6.svg) no-repeat 50% 50%;}
.mypage .lnb .ic_myLnb7{background:url(../images/ic/ic_myLnb7.svg) no-repeat 50% 50%;}
.mypage .lnb .ic_myLnb8{background:url(../images/ic/ic_myLnb8.svg) no-repeat 50% 50%;}
.mypage .lnb .ic_myLnb9{background:url(../images/ic/ic_myLnb9.svg) no-repeat 50% 50%;}
.mypage .lnb .ic_myLnb10{background:url(../images/ic/ic_myLnb10.png) no-repeat 50% 50%/contain;}
.mypage .lnb .ic_myLnb11{background:url(../images/ic/ic_myLnb11.svg) no-repeat 50% 50%;}
.mypage .lnb .ic_myLnb12{background:url(../images/ic/ic_myLnb12.svg) no-repeat 50% 50%;}
.mypage .lnb .ic_myLnb13{background:url(../images/ic/ic_myLnb13.svg) no-repeat 50% 50%;}
.mypage .lnb .ic_myLnb14{background:url(../images/ic/ic_myLnb14.svg) no-repeat 50% 50%;}

.my_goods{position:relative;}
.my_goods .item~.item{margin-top:20px}
.my_goods .item{color:var(--neutral-gray-500)}
.my_goods .cola{position:relative;line-height:44px;padding:0 12px;border-radius:4px;background:var(--neutral-white-300)}
.my_goods .colb{position:relative;min-height:90px;margin-top:16px;padding-left:106px;}
.my_goods .colb .btng{margin-top:10px; width: 100%; display: flex; gap: 10px;}
.my_goods .colb ~ .btng{margin-top:10px; width: 100%; display: flex; gap: 10px;}
.my_goods .colb ~ .btng .btn.siz_sm{width: 100%; padding: 0 12px; height: 40px; font-size: 14px; font-weight: 600;}
.my_goods .delSta{font-size:14px; font-weight: 700; color:var(--neutral-gray-800) }
.my_goods .state{position:absolute;top:0;right:12px;font-size:13px;}
.my_goods .btn_more{font-weight:400}
.my_goods .thum{position:absolute;top:0;left:0}
.my_goods .thum img{width:90px;height:90px;border-radius:4px;}
/*.my_goods .ty + .colb { padding-left: 80px; min-height: 70px;}
.my_goods .ty + .colb .thum img { width: 70px; height: 70px; }*/
.my_goods .part{font-size:13px;}
.my_goods .tit{margin-top:8px;margin-right:58px;font-size:14px; font-weight: 600; color:var(--neutral-black);word-break:break-all;}
.my_goods .option{margin-top:4px;color:var(--neutral-gray-500);}
.my_goods .price{margin-top:8px;font-size:14px;font-weight:700;color:var(--secondary-purple-90)}
.my_goods del{margin-left:4px;font-weight:400;color:var(--neutral-gray-500)}
.my_goods .link{position:absolute;top:0;right:0;font-size:13px;font-weight:700;color:var(--primary-green-90);text-decoration:underline;text-underline-position:under;}

.date_search{padding:20px 0;background:var(--neutral-white-100)}
.date_search.type{margin:-20px -20px 20px;padding:20px}
.date_search .tit{margin-bottom:20px;font-size:16px;font-weight:700;}
.date_search .filter{display:flex;gap:0 8px;}
.date_search .filter button{width:100%;height:30px;font-size:13px;color:var(--neutral-gray-500);font-weight:700;border-radius:4px;border:1px solid var(--neutral-gray-300);background:var(--neutral-white-100)}
.date_search .filter button.active{color:var(--neutral-gray-800);border:1px solid var(--neutral-gray-800);}
.date_search .datepicg{position:relative;margin-top:16px;border-bottom:1px solid var(--neutral-black)}
.date_search .datepicg input{width:70px;height:36px;padding:0;color:var(--neutral-gray-800);border:0;}
.date_search .datepicg span{position:relative;top:2px;display:inline-block;margin:0 10px;color:var(--neutral-gray-300);}
.date_search .btn_cha{position:absolute;top:0;bottom:0;right:0;margin:auto 0;width:24px;height:24px;font-size:0;background:url(../images/ic/ic_calendar.svg) no-repeat 50% 50%;}
.date_search .btng{display:flex;gap:0 8px;margin-top:20px;}
.date_search .btng button{width:100%}
.date_search .btng .btn_icReset{flex: 0 0 48px;height:48px}

.benefit_list .item{position:relative;padding:20px;border-radius:4px;border:1px solid var(--neutral-gray-200);background:var(--neutral-white-100)}
.benefit_list .item~.item{margin-top:16px;}
.benefit_list .price{display: flex; justify-content: space-between; margin-bottom:12px;padding-bottom:12px;font-size:16px;font-weight:700;color:var(--secondary-purple-90);border-bottom:1px solid var(--neutral-gray-300); white-space: nowrap; }
.benefit_list .price span:first-child{ width: 60%; overflow: hidden; text-overflow: ellipsis; }
.benefit_list .price .terms{max-width: 35%; overflow: hidden; /*text-overflow: ellipsis; */position:relative;top:-1px;display:inline-block;line-height:20px; padding:0 8px;margin:0;font-size:13px;font-weight:400;color:var(--neutral-gray-400);border-radius:20px;border:1px solid var(--neutral-gray-300); vertical-align: middle;}

.benefit_list .price span label { padding:0 ; display: inline-block; white-space: nowrap; overflow: hidden; position: relative; }

.scrolling { animation: scroll-left 8s linear infinite; animation-delay: 3s; }

  @keyframes scroll-left {
    0% {
      transform: translateX(0);
    }
    25% {
      transform: translateX(calc(-50% - 5%))
    }
    50% {
      transform: translateX(calc(-50% - 5%))
    }
    75% {
      transform: translateX(0)
    }
    100% {
      transform: translateX(0);
    }
  }

.benefit_list .tit{font-weight:700;color:var(--neutral-gray-800);}
.benefit_list .p{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:12px;font-weight:700;color:var(--sub-blue-100)}
.benefit_list .p.ty{color:var(--sub-red-80)}
.benefit_list .data{position:relative;margin-top:16px;font-size:12px;color:var(--neutral-gray-400);}
.benefit_list .data a{position:absolute;top:0;right:0;padding-right:12px;font-size:13px;text-decoration:underline;text-underline-position:under;background:url(../images/ic/ic_arr2.svg) no-repeat right 50%/5px auto;}

.txt_tbl{position:relative;margin-top:34px;padding-left:28px;color:var(--neutral-gray-500);background:url(../images/ic/ic_refer.svg) no-repeat 0 2px;}
.txt_tbl2{margin:32px 0 0 8px;color:var(--neutral-gray-500);}
.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:20px;}
.edit_login .esen{text-align:right;color:var(--neutral-gray-500)}
.edit_login .esen strong{color:var(--sub-red-90)}
/*.edit_login .txt{text-align:left;color:var(--neutral-gray-500)}*/
.edit_login .txt span{color:var(--primary-green-90)}
.edit_login .btng{margin-top:24px}
.edit_login .btng .btn{}
.edit_login .form_data > div~div{margin-top:26px}

/* 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:276px;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:32px;text-align:center;font-weight:700;font-size:14px;color:var(--neutral-gray-800);}
.pop_msg .popup .cons .msg{padding:0 10px;}
.pop_msg .popup .cons .msg div{color:var(--neutral-gray-500);font-size:14px;text-align:center;}
.pop_msg .popup .cons .msg div strong{font-weight:700;font-size:14px;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:8px;margin-top:32px;text-align:center;}
.pop_msg .btnOk{width:100%;color:var(--neutral-white-100);height:40px;font-size:16px;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:40px;color:var(--neutral-gray-500);font-size:16px;font-weight:700;border:0;border-radius:4px;background:var(--neutral-white-300);transition:all 0.3s ease-in-out;}
.pop_msg .popup .close{display:none;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:48px;height:48px;margin:0 auto 16px;background:url(../images/ic/ic_alert.svg) no-repeat 50% 50%/contain}

.popup_ui{z-index:99999;position:fixed;top:0;left:0;width:100%;height:100%;}
.popup_ui:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .3)}
.popup_ui .popup{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:335px;border-radius:4px;background:var(--neutral-white-100);box-shadow:4px 8px 18px rgba(0, 0, 0, .16);}
.popup_ui .popup h1{line-height:56px;padding-left:16px;color:var(--neutral-white-100);font-weight:700;background:var(--primary-green-90)}
.popup_ui .popup .cons img{width:100%}
.popup_ui .popup .close{position:absolute;top:16px;right:16px;width:24px;height:24px;font-size:0}
.popup_ui .popup .close:before,.popup_ui .popup .close:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:2px;height:18px;background:var(--neutral-white-100);transform:rotate(45deg);}
.popup_ui .popup .close:after{transform:rotate(-45deg);}
.popup_ui .popup .btng{display:flex;height:80px;padding:16px;box-sizing:border-box;}
.popup_ui .popup .btng button{position:relative;width:100%;height:100%;font-size:16px;color:var(--neutral-gray-500);}
.popup_ui .popup button.ok{font-weight:700;color:var(--primary-green-90);}
.popup_ui .popup button~button{margin-left:24px;}
.popup_ui .popup button~button:before{content:"";position:absolute;top:0;left:-12px;width:1px;height:100%;background:var(--neutral-gray-200)}

.fixPopup_ui{z-index:99999;position:fixed;top:0;left:0;width:100%;height:100%;}
.fixPopup_ui:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .3)}
.fixPopup_ui .popup{overflow:hidden;position:absolute;left:0;bottom:0;width:100%;border-radius:20px 20px 0 0;background:var(--neutral-white-100);box-shadow:4px 8px 18px rgba(0, 0, 0, .16);}
.fixPopup_ui .popup .btn_drag{position:relative;width:100%;height:36px;font-size:0;}
.fixPopup_ui .popup .btn_drag:before{content:"";position:absolute;left:0;right:0;width:32px;height:4px;margin:0 auto;border-radius:10px;background:var(--neutral-gray-300)}
.fixPopup_ui .popup .cons img{width:100%}
.fixPopup_ui .popup .btng{display:flex;height:80px;padding:16px;box-sizing:border-box;}
.fixPopup_ui .popup .btng button{position:relative;width:100%;height:100%;font-size:16px;color:var(--neutral-gray-500);}
.fixPopup_ui .popup .btng button.ok{font-weight:700;color:var(--primary-green-90);}
.fixPopup_ui .popup .btng button~button{margin-left:24px;}
.fixPopup_ui .popup .btng button~button:before{content:"";position:absolute;top:0;left:-12px;width:1px;height:100%;background:var(--neutral-gray-200)}
.fixPopup_ui .controller{padding:8px 0;text-align:center}
.fixPopup_ui .controller .pagination{display:inline-block;}
.fixPopup_ui .controller .swiper-pagination-bullet{opacity:1;width:6px;height:6px;margin:0 3px;background:#a5a19f}
.fixPopup_ui .controller .swiper-pagination-bullet-active{background:var(--primary-green-90)}
.fixPopup_ui .controller .auto{position:relative;top:-3px;display:inline-block;margin-left:3px;font-size:0;}
.fixPopup_ui .controller .slide-pause,.fixPopup_ui .controller .slide-play{position:relative;width:12px;height:12px;}
.fixPopup_ui .controller .slide-pause{background:url(../images/ic/ic_pause.svg) no-repeat 50% 50%;}
.fixPopup_ui .controller .slide-play{display:none;}
.fixPopup_ui .controller .slide-play:after{content:"";position:absolute;left:2px;right:0;top:0;bottom:0;margin:auto;display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #a5a19f;transform:rotate(-90deg);}

.tooltip_box{z-index:99;position:relative;height:30px;}
.tooltip_box .btn_info{width:16px;height:16px;font-size:0;background:url(../images/ic/ic_info.svg) no-repeat 50% 50%/contain;}
.tooltip{display:none;position:absolute;left:30px;top:-22px;border-radius:8px;width:164px;padding:16px;color:var(--neutral-gray-200);font-size:14px;background:var(--neutral-gray-800);box-sizing:border-box; z-index: 99}
.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}
.tooltip dd{margin-top:12px;font-weight:400}
.tooltip_box.type .tooltip{left:auto;right:30px}
.tooltip_box.type .tooltip:before{left:auto;right:-13px;transform:rotate(180deg);}

.calendar_had{z-index:99;position:fixed;top:0;left:0;right:0;height:48px;line-height:48px;border-bottom:1px solid var(--neutral-gray-300);background:var(--neutral-white-100)}
.calendar_had .btn_close{position:absolute;top:0;bottom:0;right:20px;margin:auto 0;}
.calendar_had h1{padding-left:20px;font-size:16px;font-weight:700}
.calendar_body{padding:48px 0 80px 0}
.calendar_body .controler{position:relative;width:200px;padding:32px 0;margin:0 auto;text-align:center;font-size:16px;font-weight:700}
.calendar_body .controler button{position:absolute;top:0;bottom:0;margin:auto 0;width:24px;height:24px;font-size:0;background:url(../images/ic/ic_arr_b2.svg) no-repeat 50% 50%;}
.calendar_body .controler .prev{left:0;}
.calendar_body .controler .nxt{right:0;transform:rotate(180deg);}
.calendar_body .calendar{font-size:16px;font-weight:700;}
.calendar_body .calendar .had{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.calendar_body .calendar .had div{display:flex;align-items:center;justify-content:center;height:54px;color:var(--neutral-gray-400);background:var(--neutral-white-300)}
.calendar_body .calendar .body{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;padding-top:4px}
.calendar_body .calendar .body div{position:relative;display:flex;align-items:center;justify-content:center;height:54px;margin:4px 0;color:var(--neutral-gray-800);}
.calendar_body .calendar .sun,.calendar_body .calendar .holidays{color:var(--sub-red-80) ! important}
.calendar_body .calendar button{z-index:1;position:relative;width:32px;height:32px;border-radius:100%}
.calendar_body .calendar .today button:before{content:"";position:absolute;width:4px;height:4px;left:0;right:0;top:0;margin:0 auto;border-radius:100%;background:var(--sub-red-80)}
.calendar_body .calendar .active button{color:var(--neutral-white-100) ! important;background:var(--primary-green-90) ! important}
.calendar_body .calendar .active button:before{display:none}
.calendar_body .calendar .active.start,.calendar_body .calendar .active.start ~ div{color:var(--neutral-gray-400);background:linear-gradient(to bottom, transparent 0px, transparent 11px, var(--primary-green-30) 11px, var(--primary-green-30) 43px, transparent 43px, transparent 54px);}
.calendar_body .calendar .active.end ~ div{color:var(--neutral-gray-800);background:var(--neutral-white-100)}
.calendar_body .calendar .active.start:before,.calendar_body .calendar .active.end:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:var(--neutral-white-100)}
.calendar_body .calendar .active.end:before{left:auto;right:0}

.msg_pop{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);height:42px;line-height:42px;padding:0 20px;margin:0 auto;color:var(--secondary-purple-90);font-size:13px;border-radius:30px;border:1px solid var(--secondary-purple-90);box-shadow:2px 6px 16px rgba(68, 0, 102, .08);}

.wFull {width: 100%!important}

.flexForm {display: flex; gap:10px; align-content: center; align-items: center;}
.flexForm ~ .flexForm{ margin-top: 5px;}
.flexForm dt { margin-bottom: 5px;}
.flexForm dd { margin-bottom: 5px;}

.discWrap {display:inline-block; color:var(--neutral-gray-500); border-bottom:1px solid var(--neutral-gray-200); padding: 15px 0;}
.discWrap li~li{margin-top:4px}
.discWrap li{position:relative;padding-left:12px;text-align:left}
.discWrap li:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:100%;background:var(--neutral-gray-500)}
.discWrap li a{color: var(--primary-green-90);}

.idSltWrap {position: relative; margin-top: 32px; }
.idSltWrap .radioBox input[type="radio"] { width: 0; height: 0; display: block; position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; }
.idSltWrap .radioBox input[type="radio"] + label { position: relative; display: block; overflow: hidden; border: 1.5px solid var(--neutral-gray-300); border-radius: 4px; text-align: left; background-color:var(--neutral-white-100); padding: 20px 16px; box-sizing: border-box; margin-bottom: 12px;}
.idSltWrap .radioBox input[type="radio"]:checked + label {border: 1.5px solid var(--primary-green-90); position: relative; padding-left: 35px;}
.idSltWrap .radioBox input[type="radio"]:checked + label::before {position: absolute;left: 10px; top:18px; content: ""; width: 20px; height: 20px; background: url("../images/ic/ic_opChk.svg") 50% 50% no-repeat;}
.idSltWrap .radioBox input[type="radio"] + label > span {display: grid;grid-template-columns:1fr 1fr; align-content: space-between; align-items: center;}
.idSltWrap .radioBox input[type="radio"]:checked + label > span .cktit,
.idSltWrap .radioBox input[type="radio"]:checked + label > span .member{ color: var(--primary-green-90);}
.idSltWrap .radioBox label > span .cktit {font-size: 14px; line-height: 14px; font-weight: 600; color: var(--neutral-gray-800);}
.idSltWrap .radioBox label > span .member {font-size: 12px; text-align: right; line-height: 14px; font-weight: 500; color: var(--neutral-gray-500);}

.delinfo {display: flex; gap: 12px; align-content: space-between; align-items: center; margin-top: 10px; width: 100%; box-sizing: border-box; }
.delinfo select {flex:1;}
.delinfo .input_box {flex: 1;}

.item .form_data {margin-top:16px;}

.resReturn {margin-top: 16px; width: 100%; box-sizing: border-box;}
.resReturn select {width: 100%; box-sizing: border-box;}
.resReturn + .txtWrap {margin-top: 16px; width: 100%; box-sizing: border-box;}

.txtmsg { margin: 8px 0 0 0;  color: var(--neutral-gray-500); font-size: 12px;}
.delvmsg {padding-left:26px; margin-top: 16px!important; font-size:12px; line-height:24px;margin-bottom:8px; font-weight:500; color:var(--neutral-gray-500); background:url(../images/ic/ic_myLnb10.svg) no-repeat 0 3px /20px auto;}


.cartOrder_ui .rviwRdo:first-child{margin-top: 15px;}
.cartOrder_ui .rviwRdo {margin-bottom: 40px;}
.cartOrder_ui .rviwRdo:last-child {margin-bottom: 10px;}
.cartOrder_ui .rviwRdo h2{font-size: 16px; font-weight: 700; text-align: center;}
.cartOrder_ui .rviwRdo ul{display: grid; width: 100%; align-items: center; grid-template-columns:1fr 1fr 1fr 1fr 1fr; align-content: space-between; }
.cartOrder_ui .rviwRdo li{padding:15px 5px; text-align:center; position: relative;}
.cartOrder_ui .rviwRdo li:after {content: "";  position: absolute; top: 27px;  left: auto; width: 90%; height: 1px; background-color: var(--neutral-gray-200); z-index: 0}
.cartOrder_ui .rviwRdo li:last-child::after {display: none;}
/*.cartOrder_ui .rviwRdo li~li{border-top:1px solid var(--neutral-gray-300)}*/
.cartOrder_ui .rviwRdo .radio_box{ width:24px; height:24px; margin-bottom: 10px;}
.cartOrder_ui .rviwRdo .radio_box label{font-size:14px; width: 24px; height: 24px; display: block; padding: 0;}
.cartOrder_ui .rviwRdo .radio_box label:before { width: 24px; height: 24px; left: 0; top: 0; background-color:var(--neutral-white-100); z-index: 1}
.cartOrder_ui .rviwRdo .radio_box label::after { width: 14px; height: 14px; top:50%;left: 50%; transform: translate(-50%, -50%); background-color:var(--neutral-white-300); z-index: 1}
.fileUpload.rviwfile .docUpload label { border: 1px solid var(--neutral-gray-300); width: 100%; margin-top: 15px; font-weight: 700; color: var(--neutral-gray-800); background:url(../images/ic/ic_ins.svg) no-repeat calc(50% - 70px) 50% /20px auto;}

.inquInfoWrap {margin: 0 -20px 20px; padding: 20px; background: var(--neutral-gray-200);}
.inquInfoWrap .inquiry_list{margin-top: 20px; border-top: 1px solid var(--neutral-gray-300);}
.inquInfoWrap h2{font-weight: 700; color: var(--neutral-gray-800); font-size: 16px; margin: 10px 0;}
.inquInfo {margin: 0; border-radius: 8px; padding: 20px; border-radius: 8px; background: var(--neutral-white-100);}
.inquInfo dl {display: flex; align-content: center; align-items: center;line-height: 28px;}
.inquInfo dl dt{font-size: 14px; font-weight: 700; color: var(--neutral-gray-800); flex: 1.5}
.inquInfo dl dd{font-weight: 400; color: var(--neutral-gray-500); flex: 5}
.inquInfo dl dd strong{font-weight: 500; color: var(--primary-green-90); flex: 5}
.inqDetWrap {margin: 0; padding: 0;}
.inqDetWrap .title{font-weight: 700; color: var(--neutral-gray-800); font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}

/*가입완료*/
.join_CmWrap{padding: 32px 20px 0; justify-items:center;}
.join_CmWrap .col {text-align: center;}
.join_CmWrap .tit{margin-bottom:10px;font-size:16px;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;}

.col .address.chkWrap {display:flex; align-content: center;}
.edit_login .subdsc,
.join_forms .subdsc {margin-bottom:20px;font-size:14px; color:var(--neutral-gray-500)}
.form_data .why ul li {margin-bottom: 15px;}

.dBody .timedeal .item~.item{margin-top:32px;}
.dBody .timedeal .item .col{position:relative;}
.dBody .timedeal .item .col:nth-child(2){padding-top:16px;}
.dBody .timedeal .icset{position:absolute;top:8px;left:8px;display:flex;gap:6px;flex-wrap:wrap;}
/*.dBody .timedeal .thum {width:100%; max-height:155px; overflow: hidden; display: grid; align-content: center;}*/
.dBody .timedeal .thum img{width:100%;height:auto;}
.dBody .timedeal .limit{position:relative;}
.dBody .timedeal .limit .time{display:inline-block;height:30px;line-height:30px;padding:0 8px;text-align:center;color:var(--sub-red-80);font-weight:700;font-size:13px;border:1px solid var(--sub-red-80);border-radius:4px;box-sizing:border-box;}
.dBody .timedeal .limit .num{position:absolute;top:8px;right:0;font-size:14px;color:var(--neutral-gray-500);}
.dBody .timedeal .limit .num strong{font-weight:700;color:var(--sub-red-80);}
.dBody .timedeal .tit{margin-top:20px;font-size:16px;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.dBody .timedeal .state{margin-top:16px;}
.dBody .timedeal .price{margin-top:5px;font-size:16px;color:var(--neutral-black);}
.dBody .timedeal .price strong{position:relative;top:2px;margin-right:2px;font-size:24px;font-weight:700;color:var(--secondary-purple-90);}
.dBody .timedeal .price del{position:relative;top:-1px;margin-left:2px;font-size:14px;color:var(--neutral-gray-500);}
.dBody .timedeal .btng{width:100%;display:flex;gap:16px;margin-top:20px;}

/**개인정보처리방침*/
.privacyWrap{margin: 0; padding: 20px 0 0; box-sizing: border-box}
.privacyWrap .scroll_div table {width: max-content;}
.privacyWrap .desc_box04 {margin: 20px 0 13px; font-size: 14px; line-height: 18px; color: var(--neutral-gray-800); font-weight: 500;}
.privacyWrap h2{font-weight:700;font-size:16px;color:var(--neutral-gray-800); margin: 10px 0}
.privacyWrap h4 {margin: 20px 0 10px; font-size: 14px; line-height: 20px; color: var(--primary-green-90); font-weight: 700; padding-left: 28px;}
.privacyWrap h5{font-size: 13px; font-weight: 500; margin-bottom: 10px;}
.privacyWrap .cnt_list li a::before {display: inline-block; content:''; min-width: 35px; min-height: 35px; 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: 20px 20px;}
.privacyWrap #list_num02 { background: url(../images/ic/privacy_02.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num03 { background: url(../images/ic/privacy_03.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num04 { background: url(../images/ic/privacy_04.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num05 { background: url(../images/ic/privacy_05.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num06 { background: url(../images/ic/privacy_06.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num07 { background: url(../images/ic/privacy_07.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num08 { background: url(../images/ic/privacy_08.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num09 { background: url(../images/ic/privacy_09.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num10 { background: url(../images/ic/privacy_10.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num11 { background: url(../images/ic/privacy_11.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num12 { background: url(../images/ic/privacy_12.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num13 { background: url(../images/ic/privacy_13.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num14 { background: url(../images/ic/privacy_14.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num15 { background: url(../images/ic/privacy_15.png)no-repeat 0 0; background-size: 20px 20px;}
.privacyWrap #list_num16 { background: url(../images/ic/privacy_16.png)no-repeat 0 0; background-size: 20px 20px;}

.privacyWrap strong {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;}
.privacyWrap .cnt_list { width: 100%; margin:0; display: flex; flex-flow: row wrap; justify-content: space-between; list-style: none;}
.privacyWrap .cnt_list li {width: 100%;margin-bottom: 10px; position: relative; box-sizing: border-box;}
.privacyWrap .cnt_list li a { font-weight: 500; box-sizing: border-box; height: 35px; display: flex; outline: none; text-decoration: none; cursor: pointer; color: #111; line-height: 18px; align-items: center;}
.privacyWrap .scroll_div { display: block; max-height: 400px; 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: 13px;margin-bottom: 5px; 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 5px;}
.privacyWrap .ulist04 > li { padding-top: 10px;}
/*.privacyWrap .ulistpr .ulist04 > li.st:before { content: '- '; padding-right: 5px;}*/
.privacyWrap .b_b { padding: 10px; font-size: 13px; line-height: 18px; background:var(--primary-green-30); border: 1px solid var(--primary-green-90);}
.privacyWrap .ulistpr .ulist04 > li.st { display: grid; grid-template-columns: 1fr}
.privacyWrap div.info_box { font-size: 13px; padding: 10px 0px 10px 20px; border: 1px dashed #d2d7e6; margin: -15px 0px 20px 0;}
.privacyWrap div.info_box p { line-height: 23px;}
.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);	}

.board_list.type2 thead th{height:46px;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);font-size: 13px;}
.board_list.type2 thead th:first-child{border-left: none}
.board_list.type2 tbody th,
.board_list.type2 tfoot th{height:46px;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:46px;padding:10px; box-sizing: border-box;text-align: center; color: var(--neutral-gray-500); border-bottom: 1px solid var(--neutral-gray-300); background: var(--neutral-white-100);font-size: 13px;}

.dBody.revType {padding:48px 0 0;}
.dBody.revType .detail_ui{padding:0;}
.review_list_wrapper { overflow-x: scroll; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none;}
.review_list_wrapper::-webkit-scrollbar { display: none;}
.review_list_wrapper .review_list { display: flex; width: 100%; gap:30px; border: none;}
.review_list_wrapper .review_list .item { flex: 0 0 100%; width: 100%; scroll-snap-align: start; padding:20px 20px 0; box-sizing: border-box; border: none; height: calc(100vh - 60px); overflow: auto; position: relative;}
.review_list_wrapper .review_list .item .btng{height: 40px; background: #fff; width: 100%; padding: 10px 0 0; box-sizing: border-box;}
.review_list_wrapper .review_list .item .btng .btn_rec{ border: none; height: 20px; padding: 0; box-sizing: border-box; font-size: 14px; color: var(--neutral-gray-800);}
.review_list_wrapper .review_list .item .btng .btn_rec.active{ background: var(--neutral-white-100);}
.review_list_wrapper .review_list .item .btng .btn_rec::before {content: ""; display: inline-block; position: relative; top: -2px; width: 18px;  height: 18px; margin-right: 4px; vertical-align: middle; background: url(../images/ic/ic_rec_s.svg) no-repeat 50% 50% / contain;}
.review_list_wrapper .review_list .item .btng .btn_rec.active::before {background: url(../images/ic/ic_rec_g.svg) no-repeat 50% 50% / contain;}
.review_list_wrapper .review_list .sPhoto_list { display: block; margin-top: 20px;}
.review_list_wrapper .review_list .sPhoto_list li~li{margin-top: 20px; width: 100%;}
.review_list_wrapper .review_list .sPhoto_list li img{width: 100%; height: auto;}
.review_list_wrapper .suggestion {display: flex; margin-top: 15px; position: sticky; top: 100%; width: 100%; padding: 10px 0; align-items: center; justify-content: space-between; font-weight: 700;}
.detail_ui .review-nav-buttons {display: flex; justify-content: space-between; align-items: center; position: fixed; width: 100%; top: 50%; left: 0; box-sizing: border-box; }
.detail_ui .review-nav-buttons .prev-review-item {border: none; padding: 35px 15px; border-radius: 0; cursor: pointer; font-size: 0; background: rgba(0, 0, 0, .3) url("../images/ic/ic_arr_w.svg") no-repeat 50% 50% / 14px auto; left: 0; transform: rotate(180deg);}
.detail_ui .review-nav-buttons .next-review-item {border: none; padding: 35px 15px; border-radius: 0; cursor: pointer; font-size: 0; background: rgba(0, 0, 0, .3) url("../images/ic/ic_arr_w.svg") no-repeat 50% 50% / 14px auto; right: 0}
.detail_ui .review-nav-buttons button:disabled { background-color: #ccc; cursor: not-allowed; visibility: hidden;}
h1 .review-page-indicator { margin-left: 10px;}
h1 .review-page-indicator #currentReviewPage, h1 .review-page-indicator #photo-indicator{ font-weight: 600; color: var(--primary-green-90);}
h1 .review-page-indicator #totalReviewPages{font-weight: 400; color: var(--neutral-gray-500);}

.detail_all .photo_list{margin-top: 20px; display:grid;gap:10px; grid-template-columns: 1fr 1fr 1fr; align-content: space-between; align-items: center;}
.detail_all .photo_list img{width:100%;height:auto;}
.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; max-height:110px; overflow: hidden;}
.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); }

.infor .viewTbl{margin: 0 auto; padding: 0 20px;}
.infor .board_list{border-top:2px solid var(--neutral-black)}
.infor .board_list td{height:45px;padding:12px;text-align:center;color:var(--neutral-gray-500);border-bottom:1px solid var(--neutral-gray-300);background:var(--neutral-white-100)}
.infor .board_list{border-top:1px solid var(--neutral-gray-800); margin-bottom: 10px;}
.infor .board_list thead th{height:45px;font-weight:600;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);}
.infor .board_list thead th:first-child{border-left: none}
.infor .board_list tbody th{height:45px;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); text-align: left;border-left: none; padding:5px 10px; box-sizing: border-box;}
.infor .board_list tbody td{height:45px;padding:5px 10px; box-sizing: border-box}
  
.icoLink_box{position:relative;margin-bottom:20px;}
.icoLink_box .sliderJs{overflow:hidden;margin-right:-20px;}
.icoLink_box .item{width:58px;font-size:12px;color:var(--neutral-gray-500);text-align:center}
.icoLink_box .item i{margin:0 auto 16px;}
.icoLink_box .slide-arrows button{z-index:2;position:absolute;top:56px;width:48px;height:48px;font-size:0;background:url(../images/ic/ic_arr2.svg) no-repeat 50% 50%/14px auto;}
.icoLink_box .slide-arrows .slide-prev{left:0;transform:rotate(180deg);}
.icoLink_box .slide-arrows .slide-next{right:10px;}
.icoLink_box button{transition:all 0.2s ease-in-out; font-size: 0;}
.icoLink_box .active i{border-color:var(--sub-yellow-60);background-color:var(--sub-yellow-60)}
.icoLink_box .active{font-weight:700;color:var(--neutral-black);}

.tabWrap .tab-content {display:none}
.tabWrap .tab-content.active {display:block}
.tabWrap .tab-button .ic_sv{margin-bottom: 0;}
.tabWrap .tab-button.current .ic_sv{ border:1.5px solid var(--primary-green-80); background-color: var(--neutral-gray-200);}
.sustDiscrip{ margin: 0 -20px 32px -20px;  padding: 10px 20px 30px;  border-bottom: 10px solid var(--neutral-gray-200);}
.sustDiscrip h3{font-size: 18px; font-weight: 700; color: var(--primary-green-90); margin-bottom: 10px; }
.sustDiscrip p{font-size: 14px; font-weight: 500; color: var(--neutral-gray-800); line-height: 18px;}

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

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

/******* 로딩 애니메이션*************/
#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: '';
width: 14px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -40px) scale(75%);
        transform: translate(-50%, -40px) scale(75%);
}

@-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); }
}

.schTit {margin-bottom: 10px;}
.schTit h3 {font-size: 16px; font-weight: 600; text-align: center; color: var(--primary-green-90);}

.reviewTxt .memo{margin-top:16px;line-height:22px}
.reviewTxt .memo[data-expanded='false']{overflow:hidden;height:70px}
.reviewTxt .memo[data-expanded='true'] + .btn_fold:after{transform:rotate(180deg);}
.reviewTxt .btn_fold{position:relative;display:inline-block;padding-right:20px;margin-top:12px;color:var(--primary-green-90) ! important;font-size:12px;}
.reviewTxt .btn_fold:after{content:"";position:absolute;top:0;bottom:0;right:0;width:20px;height:20px;margin:auto 0;background:url(../images/ic/ic_arr_g3.svg) no-repeat 50% 50%;}
.reviewTxt .sPhoto_list{display:flex;gap:10px;margin-top:20px;}
.reviewTxt .sPhoto_list img{width:100%;}
.reviewTxt .sPhoto_list a{position:relative;display:block;}
.reviewTxt .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;}
.reviewTxt .sPhoto_list .more a:before{background:rgba(0, 0, 0, .5);}
.reviewTxt .sPhoto_list .more span{z-index:2;position:absolute;top:50%;left:0;right:0;text-align:center;transform:translate(0,-50%);color:var(--neutral-white-100);font-size:24px;font-weight:700}



/* About the brand */
.visual_sub_about{margin-bottom:5px}
.visual_sub_about img{width:100%}
.page.brand{font-size:14px; position:relative; z-index:1 ;padding:40px 20px 0}
.page.brand .tabs2{margin-bottom:72px}
.page.brand h2{margin:46px 0 20px 0;font-size:16px;font-weight:700}
.page.brand h2:first-of-type{margin-top:0}
.page.brand h2.type{margin-top:40px; font-size: 14px; text-align: center;}
.page.brand .para{line-height:20px;}
.page.brand h2 + .para{margin:0 0 23px 0; font-size: 14px; font-weight: 500;}
.page.brand .para2{line-height:20px;}
.page.brand h2 + .para2{margin:-10px 0 23px 0; font-size: 14px; font-weight: 500}
.page.brand .store_list{display:flex;gap:14px; flex-wrap: wrap;}
.page.brand .store_list li{width:100%;line-height:20px;padding:30px 15px 28px; font-weight: 500; 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:24px;color:var(--neutral-gray-500);}
.page.brand .store_infogra01 .img{height:565px;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:14px; flex-wrap: wrap;}
.page.brand .store_link li{width:100%;padding:28px;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:16px;font-weight:700}
.page.brand .store_link li p:nth-child(2){margin-top:10px;font-size:14px;color:var(--neutral-gray-500);}
.page.brand .store_link li p:nth-child(2):before{content:"";display:block;width:120px;height:120px;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:15px;text-decoration:underline;text-underline-position:under;font-weight:700;color:var(--primary-green-90);}
.page.brand .eSocial_list{padding-top:160px;line-height:20px;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 em{display:block;margin-top:5px;margin-left:-6px;font-size:12px;color:var(--neutral-gray-500); line-height: 14px;}
.page.brand .eSocial_list strong{color:var(--sub-red-80);}
.page.brand .eSocial_list2 li{line-height:20px;padding:20px 16px;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_list3{display:grid;grid-template-columns:1fr; gap:14px;}
.page.brand .eSocial_list3 li{position:relative;padding:24px 20px 20px 85px;color:var(--neutral-gray-800);font-size:14px;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:20px;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%;}


/**** sticky 기능 탭 ****/
.tabs5{background:var(--neutral-white-100);}
.tabs5 div{display:flex;border-bottom:1px solid var(--neutral-gray-300);}
.tabs5 a{display:block;width:100%;line-height:46px;text-align:center;font-size:16px;color:var(--neutral-gray-400);}
.tabs5 .current{margin-bottom:-1px;font-weight:700;color:var(--neutral-black);border-bottom:2px solid var(--primary-green-90)}
/*.tabs2.sticky + .page{padding-top:67px}*/
.dMbody .tabs5.sticky { position: fixed; width: 100%; top: 86px; left: 0; right: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); z-index: 2;}
.dBody .tabs5.sticky { position: fixed; width: 100%; top: 48px; left: 0; right: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); z-index: 2;}

/************** 입점하기 ***************/
.page.recru h2{margin:20px 0 15px 0; font-size:16px;font-weight:700; text-align: center;}
.page.recru h2 ~ h2 {margin:40px 0 15px 0;}
.page.recru .entryWrap { width: 100%; padding: 20px 15px; border: 1px solid var(--neutral-gray-200); border-radius: 4px; background: var(--neutral-white-100); box-sizing: border-box;}
.entryWrap .gather { width: 100%; text-align: center;}
.entryWrap .gather p:nth-child(1) {font-size: 16px; font-weight: 700; color: var(--primary-green-90);}
.entryWrap .gather p:nth-child(2) { display: inline-block; margin-top: 10px; font-size: 14px; font-weight: 700; color: var(--neutral-gray-500); }
.entryWrap .gather p:nth-child(1):before {background: url(../images/ic/ic_gather.png) no-repeat 50% 50% /contain; content: ""; display: block; width: 145px; height: 145px; margin: 0 auto 15px;}

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

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

.shopWrap {margin: 0 -20px; background: var(--neutral-white-100);padding: 20px 0;}
.page.recru .shopWrap h2{margin: 15px;}
.shop-vs {margin: 20px 0 0; padding: 0 20px;}
.shop-vs .subTit,
.shop-vs2 .subTit{font-size: 14px; font-weight: 700; color: var(--neutral-gray-800); margin-bottom: 15px;}
.shop-vs ul,
.shop-vs2 ul{ display: grid; grid-template-columns: 1fr; gap: 15px;}
.shop-vs li,
.shop-vs2 li{position:relative;padding:25px 20px; color:var(--neutral-gray-500);font-size:13px; border:1px solid var(--neutral-gray-300);border-radius:4px;background:var(--neutral-white-300); text-align: center;}
.shop-vs h3,
.shop-vs2 h3{margin-bottom:8px;font-size:14px; font-weight: 700; color:var(--neutral-gray-800)}
.shop-vs li:before,
.shop-vs2 li:before{content:"";display:block ;margin:0 auto 20px; 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:20px 0 0; padding: 0 20px;}
.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%;}

.tab-content {display: none;}
.tab-content.active {display: block;}

/*기획전 공지사항*/
.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: 30px; box-sizing: border-box; padding:5px 0;text-align:right;color:var(--neutral-gray-500); background-color:transparent; font-size: 14px; 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:100%; word-wrap:break-word; 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);}

.b2GNoteWrap, .NoteWrap {display: flex; width: 100%; height: auto; margin: 0 auto; padding: 0; box-sizing: border-box; gap: 20px; flex-wrap: wrap; justify-content: center;}
.b2GNoteWrap .titg,.NoteWrap .titg {position: relative;margin-bottom: 20px;}
.b2GNoteWrap .titg h2,.NoteWrap .titg h2  {font-size: 16px;}
.b2GNoteWrap .notice,.NoteWrap .notice{padding: 20px; background: var(--primary-green-30); border-radius: 4px;flex:1;}
.b2GNoteWrap .qna,.NoteWrap .qna{padding: 20px; background: var(--neutral-gray-200); border-radius: 4px;flex:1;}
.b2GNoteWrap .dataroom,.NoteWrap .dataroom{padding: 20px; background: var(--primary-green-30); border-radius: 4px;flex:1;}
.b2GNoteWrap .qrbox,.NoteWrap .qrbox{padding: 20px; align-content: center; text-align: center; font-size: 16px; font-weight: 700; white-space: nowrap;}
.b2GNoteWrap .qrbox img,.NoteWrap .qrbox img{width: 120px; height: 120px; margin-bottom: 20px;}

/*미니홈 SPC SVI*/
.spcWrap{width:auto;padding:0 20px;margin:0 -20px 40px; 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: 0; position: relative;}
.spcWrap .svispc .svitit{font-size: 20px; font-weight: 700; padding: 10px; color: var(--neutral-black); margin:40px 0 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: 10px; align-content: center; position: relative; border: 1px solid var(--neutral-gray-300); height: 110px; box-sizing: border-box; border-radius: 8px;}
.spcWrap .svispc .svi li img,
.spcWrap .svispc .spc li img{width:auto; height: 50px; max-width: 210px;}
.spcWrap .svispc .svi li span{display: block; font-size: 28px; 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; left: 5px; top:5px; z-index: auto;}
.spcWrap .svispc .spc ul{position: relative; display: grid; grid-template-columns: 1fr; align-content: space-between; gap:10px;}
.spcWrap .svispc .spc ul ul{display: grid; grid-template-columns: 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; text-align: center;}
.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-column: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)}
.spcWrap .svispc .tooltip { display: none; position: absolute; left: -20px; top: 28px; border-radius: 8px; width: 200px; padding: 16px; color: var(--neutral-gray-200); font-size: 14px; background: var(--neutral-gray-800); box-sizing: border-box;  z-index: 99;}
.spcWrap .svispc .tooltip:before { content: ""; position: absolute; left: 20px; top: -12px; width: 17px; height: 17px; background: url(../images/ic/ic_tolArr.svg) no-repeat 50% 0; transform:rotate(90deg)}

/*다이어그램 스타일*/
.chart-container { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 5px; }
.chart {position: relative; width: 110px; height: 110px; }
.chart svg {transform: rotate(-90deg); width: 110px; height: 110px; }
.chart circle {fill: none;stroke-width: 8; 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: 63%; left: 50%; transform: translate(-50%, -50%);font-size: 14px; font-weight: 600; color: var(--neutral-gray-800); width: 100%;text-align: center;}

/*지속가능한가치비디오*/
.video-container { position: relative; padding:0; width:100%; height:245px;margin: 0 auto 24px; 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;}
.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: 12px; line-height: 12px; font-weight: 600; color: var(--neutral-gray-800); height: 48px; box-sizing: border-box;align-content: center;text-align: center;}