@charset "UTF-8";

/* my page */
.myTab{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;gap:1rem;margin:0rem 0 6rem;}
.myTab li{flex:1;max-width:18rem;}
.myTab li a{width:100%;height:6rem; padding:0 2rem; background-color:#ddd; font-weight: 400; font-size:1.8rem; font-family:var(--prtd); line-height:1.4; color: #666; display: flex; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center; white-space: nowrap; border-radius:0.6rem;}
.myTab li:hover a,
.myTab li.active a{background-color:var(--point); border-color:var(--point); color:#fff;}

.myTap_dep{}
.myTap_dep .myTap_list{display:flex;gap:1rem;justify-content:center;}
.myTap_dep .myTap_list li{max-width:16rem;width:100%;border:0.1rem solid #ddd;border-radius: 0 0 0.5rem 0.5rem;position:relative;}
.myTap_dep .myTap_list li a{display:block;line-height:4.8rem;text-align:center;color:#666;}
.myTap_dep .myTap_list li::before{content:"";display:block;width:100%;height:0.3rem;background-color:var(--point);position:absolute;top:0;left:0;opacity:0;transition:all 0.3s ease-out;}
.myTap_dep .myTap_list li:is(.active, :hover)::before{opacity:1;}
.myTap_dep .myTap_list li:is(.active, :hover) a{color:#111}

.my_page .memb_table{min-width:140rem;width:100%;text-align:center;border-collapse: collapse;}
.my_page .memb_table thead{border-bottom:0.1rem solid #ddd;}
.my_page .memb_table thead th{height:6rem;font-size:2rem;font-weight:700;background-color: #f9f9f9;}
.my_page .memb_table tbody td{border-bottom:0.1rem solid #ddd;}

.my_page .myPg_tit{font-size:2.4rem;font-weight:700;color:#333;padding-bottom:2rem;border-bottom:0.1rem solid #111;}

.memb_quit .mb_quit_tit{padding:4rem 0 2rem;font-size:2.4rem;color:#333;text-align:center;font-weight:700;}
.memb_quit .mb_quitCont{padding:5rem 6rem;border-radius:1rem;background-color:#f5f5f5;font-family:var(--prtd);}
.memb_quit .mb_quitCont em{font-size:2.2rem;font-weight:700;color:var(--point3);}
.memb_quit .mb_quitCont ol{list-style-type:decimal;padding-left:2rem;}
.memb_quit .mb_quitCont ol>li{font-size:1.8rem;line-height:2.8rem;font-weight:500;color:#666;padding:0.5rem 0 0.5rem 0.5rem;list-style:auto}

.memb_quit .mb_quitBtns{display:flex;justify-content:center;gap:1rem;margin-top:6rem;}
.memb_quit .mb_quitBtns li a{display:inline-block;width:14rem;height:5rem;line-height:5rem;border-radius:0.4rem;font-size:1.8rem;text-align:center;}
.memb_quit .mb_quitBtns li .bef_btn{background-color:#ddd;color:#666;}
.memb_quit .mb_quitBtns li .cancel_btn{background-color:#206b09;color:#fff;}

/* 결제내역 */
.memb_pay_od{display:flex;justify-content:space-between;align-items:center;gap:0 4rem;height:20rem;padding:0 10rem;margin-bottom:7rem;;color:#666;background-color:#f4f6f8;border-radius:1rem;}
.memb_pay_od .memb_prfl{display:flex;gap:0 4rem;align-items:center;width:100%;max-width:24rem;}
.memb_pay_od .memb_prfl p{line-height:2.6rem;}
.memb_pay_od .memb_prfl p em{font-weight:600;color:#111}

.memb_pay_od .mbPay_cont{display:flex;justify-content:flex-end;align-items:flex-end;width:100%;}
.memb_pay_od .mbPay_cont li{max-width:26rem;width:100%;padding:0 2rem;text-align:center;position:relative;}
.memb_pay_od .mbPay_cont li+li::before{content:"";display:inline-block;width:0.1rem;height:9.4rem;background:url("/img/dot_img.png") repeat-y left top;position:absolute;left:0;top:50%;margin-top:-4.7rem;}
.memb_pay_od .mbPay_cont .mbPay_icon{margin-bottom:1rem;}
.memb_pay_od .mbPay_cont .mbPay_tit{line-height:2.8rem;}
.memb_pay_od .mbPay_cont .mbPay_txt{line-height:1;font-weight:500;}
.memb_pay_od .mbPay_cont .mbPay_txt em{font-weight:600;font-size:2.2rem;}
.memb_pay_od .mbPay_cont .mbPay_txt em.pnt_txt{color:var(--point)}
.memb_pay_od .mbPay_cont .mbPay_txt.count{color:#111;}

/* 주문내역 */
.memb_my_od{}
.memb_my_od .my_od_sch{}
.memb_my_od .my_od_schTap ul{display:flex;flex-wrap:wrap;background-color:#f9f9f9;}
.memb_my_od .my_od_schTap li{max-width:28rem;width:100%;padding:1.8rem 0;font-size:2rem;line-height:2.4rem;color:#333;font-weight:700;text-align:center;border-right:0.1rem solid #ddd;}
.memb_my_od .my_od_schTap li a{color:inherit;}
.memb_my_od .my_od_schTap li.active{background-color:var(--point);color:#fff;border:none}

.memb_my_od .my_od_schOpth{display:flex;flex-wrap:wrap;gap:2rem;padding:3.4rem 2.9rem;border:0.1rem solid #ddd;}
.memb_my_od .status_slct{max-width:22rem;width:100%;height:4rem;padding:0 3.7rem 0 1.8rem;font-size:1.8rem;font-weight:500;vertical-align:middle;border:0.1rem solid #ddd;font-family:inherit;box-shadow:none;background-image:url("/theme/soda/img/status_slct_arrow.png");background-repeat:no-repeat;background-position:calc(100% - 1.9rem) center;background-size:1.8rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.memb_my_od .my_od_schOpth .checkBox{height:4rem;border:0.1rem solid #ddd;border-radius:0.8rem;}
.memb_my_od .my_od_schOpth .checkBox>li{vertical-align:top;}
.memb_my_od .my_od_schOpth .checkBox label{padding:0;color: #111;width:8rem;margin:-0.1rem 0;font-size:1.8rem;font-weight:500;line-height:4rem;border-radius:0.8rem;text-align:center;}
.memb_my_od .my_od_schOpth .checkBox input:checked+label{color:#fff;background-color:var(--point);}
.memb_my_od .my_od_schOpth .checkBox label::before,
.memb_my_od .my_od_schOpth .checkBox label::after{display:none;}

.memb_my_od .my_odOpth_date{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;font-size:1.8rem;font-weight:500;color:#111}
.memb_my_od .my_odOpth_date > p{display:flex;align-items:center;width:calc((100% - 3rem) / 2);max-width:21rem;}
.memb_my_od .my_odOpth_date > p input{display:inline-block;max-width:18rem;width:calc(100% - 3rem);;height:4rem;font-size:1.8rem;font-weight:500;text-align:center;border:0.1rem solid #ddd;box-shadow:none;}
.memb_my_od .my_odOpth_date > p::after{content:'';display:inline-block;width:2.2rem;height:2.3rem;margin-left:0.8rem;vertical-align:middle;background:url("/theme/soda/img/my_odOpth_date_icon.png") no-repeat center;background-size:contain;}
.memb_my_od .my_odOpth_date > span{}

.memb_my_od .my_od_schBtn{display:inline-block;width:8rem;height:4rem;font-size:1.8rem;font-weight:500;text-align:center;font-family:inherit;color:#fff;border-radius:0.8rem;border:none;background-color:var(--point);}


.memb_my_od .my_odList{font-size:2rem;margin:4rem 0 8rem;overflow-x:auto;color:#333;}
.memb_my_od .my_odList thead{border-top:0.1rem solid #111;}
.memb_my_od .my_odList tbody td{padding:4rem 0;}
.memb_my_od .od_it{color:#111}
.memb_my_od .od_itDate{font-size:1.8rem;font-weight:700;}
.memb_my_od .od_itImg{display:inline-block;aspect-ratio:220/170;position:relative;}
.memb_my_od .od_itImg::after{content:'';display:inline-block;position:absolute;inset:0 0 0 0;border:0.1rem solid #ddd}
.memb_my_od .od_itTit{}
.memb_my_od .od_itCate{}
.memb_my_od .od_itTxt{font-size:2rem;width:100%;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all;}

/* 위시리스트 */
.memb_wishList{}
.memb_wishList .my_odList{font-size:18px;margin-bottom:80px;overflow-x:auto;}
.memb_wishList .my_odList>li{min-width:1140px;padding:20px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;}
.memb_wishList .od_it{display:flex;align-items:center;gap:0 40px}
.memb_wishList .od_itDate{padding-left:20px;}
.memb_wishList .od_itImg{aspect-ratio:220/170;}
.memb_wishList .od_itTit{width:230px;}
.memb_wishList .od_itCate{display:inline-block;width:100%;font-size:16px;font-weight:700;color:var(--point);margin-bottom:8px;font-family:var(--prtd);}
.memb_wishList .od_itTxt{font-size:20px;width:100%;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all;}
.memb_wishList .od_state li+li{margin-top:10px;}
.memb_wishList .od_itCost{font-family: var(--prtd);text-align:right;}
.memb_wishList .od_itCost .od_totalCst{font-size:24px;font-weight:600;}
.memb_wishList .od_itCost .od_itSale{margin-top:15px;}
.memb_wishList .od_itCost .od_itSale_pct{color:var(--point_red);font-weight:600;font-size:20px;}
.memb_wishList .od_itCost .od_itSale_prime{display:inline-block;margin-left:10px;;font-size:17px;color:#999;text-decoration:line-through;}
.memb_wishList .od_delete .od_del_btn{font-size:2rem; border:1px solid #ccc; padding:8px 10px; border-radius:5px;}

/* 장바구니 */
.memb_cart{}
.my_ctList {overflow-x:auto;}
.my_ctList table{font-size:2rem;color:#333;line-height:2.4rem;min-width:140rem;}
.my_ctList tbody{}
.my_ctList tbody td{padding:6.6rem 0;}
.my_ctList .icon_box{padding:0 0.5rem;color:#fff;border-radius:0.4rem;position:absolute;left:0;bottom:calc(100% + 0.4rem);}

.my_ctList .ctLi_chck{}
.my_ctList .ctLi_chck input{display:none;position:absolute;left:0;top:-100%;}
.my_ctList .ctLi_chck .ct_check{display:inline-block;width:2.5rem;height:2.5rem;border:0.1rem solid #ddd;cursor:pointer;position:relative;background-color:#fff;}
.my_ctList .ctLi_chck input:checked + .ct_check::after{content:"";display:inline-block;background:url("/theme/soda/img/check.svg") no-repeat center;background-size:contain;position:absolute;inset:0 0 0 0;}

.my_ctList .ctIt_img{display:inline-block;position:relative;}
.my_ctList .ctIt_img::after{content:'';display:inline-block;position:absolute;inset:0 0 0 0;border:1px solid #ddd;}

.my_ctList .ctIt_Tit{}
.my_ctList .ctIt_Tit p{position: relative;display:inline-block;text-align:left;}
.my_ctList .ctIt_Tit .ctIt_icon{display:inline-block;background-color:var(--point3);font-size:1.6rem;font-weight:600;line-height:2rem}

.my_ctList .ctIt_ea{display:flex;justify-content:center;align-items:center;}
.my_ctList .ctIt_ea button{width:3rem;height:3rem;border:0.1rem solid #ddd;font-size:1.9rem;color:#999;background-color:#fff;}
.my_ctList .ctIt_ea input{width:4rem;;height:3rem;text-align:center;font-size:1.6rem;border:none;border-top:0.1rem solid #ddd;border-bottom: 0.1rem solid #ddd;cursor:default;}

.my_ctList .ctIt_pnt p{display:inline-block;position:relative;}
.my_ctList .ctIt_pnt .ctPnt_icon{background-color:#ea0808;font-size:1.6rem;line-height:2rem;left:50%;transform:translateX(-50%);}

.my_ctList .ctIt_btns{max-width:14rem;width:100%;height:5rem;font-size:1.8rem;border-radius:0.6rem;border:none;background-color:#fff;font-family:inherit;}
.my_ctList .ctIt_btns + button{margin-top:1rem}
.my_ctList .ctIt_buy{color:#fff;background-color:#ea0808;}
.my_ctList .ctIt_wish{color:#333;background-color:#ddd;}
.my_ctList .ctIt_del{color:#666;border:0.1rem solid #ddd;}


.memb_qa_list{}
.memb_qa_list .board_tb_top{border-bottom: 0.1rem solid #111;align-items:flex-end;padding-bottom: 2rem;}
.memb_qa_list .mb_qa_listTit{font-size:2.4rem;font-weight:700;color:#333;}
.memb_qa_list .memb_qaUl{}
.memb_qa_list .memb_qaUl>li{font-size:1.8rem;border-bottom:0.1rem solid #ddd;display:flex;flex-wrap:wrap;align-items:center;gap:3rem 0;padding:3rem 0}
.memb_qa_list .mb_qaNum{width:4rem;text-align:center;}
.memb_qa_list .mb_qaTit{max-width:96.9rem;padding:0 2rem;width:calc(100% - 35.1rem);color:#111;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all;}
.memb_qa_list .mb_qaFile{width:2.4rem;}
.memb_qa_list .mb_qaFile img{vertical-align:middle;}
.memb_qa_list .mb_qaWait{display:inline-block;margin-left:8rem;color:#fff;text-align:center;font-size:1.5rem;line-height:3.5rem;width:8rem;border-radius:0.4rem;background-color:#f17f06;}
.memb_qa_list .mb_qaYes{display:inline-block;margin-left:8rem;color:#929292;text-align:center;font-size:1.5rem;line-height:3.5rem;width:8rem;border-radius:0.4rem;background-color:#fff;border:0.1rem solid #ddd;}
.memb_qa_list .mb_qaData{padding:0 2rem 0 3rem;font-size:1.5rem;color:#929292;}

@media only screen and (max-width : 840px) {
    .memb_my_od .my_od_schOpth{flex-direction:column;}
    .memb_my_od .my_od_schOpth .checkBox{display:none;}
}