.font16{font-size:16px !important;}

/* mypage */
.mypage_wrap{}
.mypage{padding-top:50px;padding-bottom:120px;}
.mypage_flex{display:flex; }


.mypage_menu{display:table-cell; margin-right:40px; width:220px; vertical-align:top;font-size:16px;}
.mypage_menu .cont_title{margin-bottom:15px;}
.mypage_menu .mypage_menu_list{border:1px solid var(--color-ct);box-sizing:border-box;}
.mypage_menu .mypage_menu_list_title{font-weight:400;}
.mypage_menu .mypage_menu_list > ul > li{border-bottom:1px solid var(--color-ct);}
.mypage_menu .mypage_menu_list > ul > li:last-child{border-bottom:0;}
.mypage_menu .mypage_menu_list > ul > li > div{padding:16px 20px 15px 24px;}
.mypage_menu .mypage_menu_list > ul > li a.check{color:var(--color-pc);}
.mypage_menu .mypage_menu_list > ul > li a:hover{color:var(--color-pc);}
.mypage_menu .mypage_menu_list > ul > li > ul{padding: 0 25px 20px;}
.mypage_menu .mypage_menu_list > ul > li > ul > li{padding: 8px 0;}
.mypage_menu .mypage_menu_list > ul > li > ul > li:last-child{margin-bottom:0;}
.mypage_menu .mypage_menu_list > ul > li > ul > li a{color:#333;}
.mypage_menu .mypage_menu_list > ul > li > ul > li a::before {content:'-';margin-right:6px}

.mypage_cont{vertical-align:top; border-left:0; max-width:940px; width:100%; font-size:16px;}
.mypage_cont .cont_list_info{padding:0; padding-top:15px; border:0; background:none; font-size:inherit; font-size:14px; color: var(--color-sct);}
.mypage_cont .cont_list_info ul li{margin-bottom:5px;}
.mypage_cont .orderer_box_left{width:auto;}
 

.approval{display:flex !important;}
.approval .input_text_wrap{width:auto;}
.approvalbtn{width:90px; height: 46px; margin-left: 10px; font-weight: 400; font-size: 16px; line-height: 44px; text-align: center; box-sizing: border-box;color: var(--color-bt); box-shadow:0px 0px 0px 1px var(--color-ml);background-color: var(--color-lg);}
.approvalbtn input{font-size:16px;}

.mypage_tab{margin-bottom:20px; margin-top:15px; text-align:center; display:flex; width:100%;border-bottom:1px solid var(--color-ct);}
.mypage_tab a:first-child{border-left:1px solid var(--color-ct);}
.mypage_tab a{display:inline-block;font-size:14px; position:relative; width:200px; padding:18px 0; color:inherit; border-top:1px solid var(--color-ct); background:var(--color-lg); border-right:1px solid var(--color-ct);}
.mypage_tab a.check{background:var(--color-wt); border-bottom:1px solid var(--color-wt);}
.mypage_tab a.check::before{content:''; display:block;position:absolute;bottom:-2px;left:0;width:100%;height:1px;background: var(--color-wt);z-index: 1;}


.mypage_search_btn_reset .btn{position:relative; padding-right:50px;}
.mypage_search_btn_reset .btn:before{content:""; position:absolute; left:calc(50% + 30px); top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:url("/common/img/reset_icon.png"); width:20px; height:20px; background-size:cover;}

/*******************************
*	적립금
********************************/
.mypage_point_tab{position:relative;margin:20px 0 10px 0; width:100%;display:table;padding:25px;border:1px solid var(--color-ct);text-align:center;box-sizing:border-box}
.mypage_point_tab ul li{display:inline-block;padding:5px 55px;}
.mypage_point_tab ul li:first-child{border-right:1px solid var(--color-cl);}
.mypage_point_tab ul li span{display:inline-block; margin-top: 6px;font-weight: 600;font-size: 20px;}

.mypage_coupon_tab{border-bottom:0;}
.mypage_coupon_tab ul li{border:1px solid var(--color-ct);}
.mypage_coupon_tab ul li:first-child{border-right:0;}
.mypage_coupon_tab ul li:last-child{border-right:1px solid var(--color-ct);}

.mypage_search_wrap.saved_search_wrap{margin:10px 0 15px 0;}

.mypage_recent{}
.mypage_recent ul li{margin-bottom:15px;}
.mypage_recent ul li:last-child{margin-bottom:0;}
.mypage_recent ul li.mypage_recent_title{font-weight:400; font-size:17px;}


.mypage_search_wrap{display:flex; width:100%;justify-content: space-between; margin:20px 0 30px 0; padding:25px 30px; background:var(--color-hg); border:1px solid var(--color-ct);}
.mypage_search_wrap .input_text_wrap{display:inline-block; vertical-align:middle; width:auto; max-width:125px; margin-right:10px;}
.mypage_search_wrap .input_btn_wrap{display:inline-block; vertical-align:middle; width:auto; max-width:125px; margin-right:10px;}
.mypage_search_wrap .ui-datepicker-trigger{display:none;}
.mypage_search_btn{display:inline-block; vertical-align:middle; margin-right:10px;}
.mypage_search_btn > ul{display:flex; gap:10px; width:100%;}
.mypage_search_btn > ul > li{display:table-cell; background:#fff; border:1px solid var(--color-ml);}
.mypage_search_btn > ul > li.on{border:1px solid var(--color-pc); color:var(--color-pc);}
.mypage_search_btn > ul > li a{display:block; padding:0px 20px; height:45px; line-height:45px;color:var(--color-st);width:100px; text-align: center;}
.mypage_search_btn > ul > li.on a{color:var(--color-pc);}


.saved_wrap .myTable .selectArea{top:-200px;}



.mypage_orderlist_delivery{line-height:1.3; padding-top:10px; margin-top:10px; border-top:1px solid var(--color-ct);}
.mypage_orderlist_delivery_link{font-size:12px !important; margin-top:3px;}
.mypage_orderlist_delivery_link a:hover{text-decoration:underline;}
.mypage_orderlist_btn ul li{margin-bottom:5px;}
.mypage_orderlist_btn ul li:last-child{margin-bottom:0;}
.mypage_orderlist_btn ul li .input_btn_wrap{width:100%;}

.mypage_orderlist_delivery .point_icon{display:inline-block; vertical-align:text-bottom; width:16px; height:16px; font-size:12px; font-weight:600; color:#fff; text-align:center; line-height:16px; border-radius:50%; background:var(--color-pc);}

.mypage_info .input_wrap select[name="MobileNo1"],
.mypage_info .input_text_wrap label input[name="MobileNo2"],
.mypage_info .input_text_wrap label input[name="MobileNo3"]{background:#f6f6f6;}
.mypage_info .input_text_wrap label input[name="MobileNo1"]:focus,
.mypage_info .input_text_wrap label input[name="MobileNo2"]:focus,
.mypage_info .input_text_wrap label input[name="MobileNo3"]:focus{box-shadow:none;}
.mypage_info .input_text_wrap label input[name="MobileNo1"]:focus + span,
.mypage_info .input_text_wrap label input[name="MobileNo2"]:focus + span,
.mypage_info .input_text_wrap label input[name="MobileNo3"]:focus + span{color:#999;}

.ui-datepicker{padding:0 !important; width:250px !important;}
.ui-widget-content{border:1px solid var(--color-ct) !important;}
.ui-datepicker table{font-size:11px !important; padding:15px !important; border-collapse:inherit !important;}
.ui-datepicker th{padding:10px 2px !important;}
.ui-datepicker td{padding:0 !important;}
.ui-datepicker td span, .ui-datepicker td a{padding:10px 2px !important;}
.ui-datepicker .ui-datepicker-header{background:#98a0b3 !important; padding:10px 0 !important; color:#fff; font-size:14px; font-weight:normal; border-radius:0px;}
.ui-widget-header{background:#fff !important; border:0 !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:0 !important; background:#fff !important; text-align:center !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:0 !important; height:100% !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{background:#f4f6f8 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:#98a0b3 !important; color:#fff !important;}


.orderdetail_step{border:1px solid var(--color-ct); padding:20px 30px 40px 30px; margin:16px 0 20px 0;}
 /*.orderdetail_step > ul > li.orderdetail_step_list_active:before,.orderdetail_step > ul > li.orderdetail_step_list_active~li:before{font-size:2em; content:counter(stepNum);font-family:'Roboto', NanumSquareR; font-weight:600;} */
/*.orderdetail_step > ul > li.orderdetail_step_list_active:after{background-color:var(--color-pc)}*/
.orderdetail_step_list{display:table;table-layout:fixed;width:100%;padding-top:25px;}
.orderdetail_step > ul > li{counter-increment:stepNum;text-align:center;display:table-cell;position:relative;color:var(--color-pc); cursor:pointer;}
.orderdetail_step > ul > li:before{content:"";display:block;position:absolute; left:50%; top:5px;transform: translate(-50%, -50%);background-color:#fff;width:25px;height:25px;text-align:center;border-width:4px;border-style:solid;border-color:var(--color-lg);border-radius:50%;}
.orderdetail_step > ul > li:after{content:"";height:2px;width:100%;background-color:var(--color-lg);position:absolute;top:5px;left:50%;z-index:-1; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}

.orderdetail_step > ul > li:last-child:after{display:none}
.orderdetail_step > ul > li.orderdetail_step_list_active:before{background-color:#fff;border-color:var(--color-pc);}
.orderdetail_step > ul > li.orderdetail_step_list_active~li{color:#333;}
.orderdetail_step > ul > li.orderdetail_step_list_active~li:before{border-color:var(--color-lg)}
.orderdetail_step > ul > li .orderdetail_step_list_info{display:none; font-size:13px; color:#000; min-width:300px; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); position:absolute; text-align:left; margin-top:15px; background:#fff; padding:20px; box-shadow:0px 1px 2px 1px var(--color-ct);}
.orderdetail_step > ul > li:hover .orderdetail_step_list_info{display:block;}
.orderdetail_step > ul > li .orderdetail_step_list_info li{margin-bottom:10px; position:relative; padding-left:10px;}
.orderdetail_step > ul > li .orderdetail_step_list_info li:before{content:""; background:#999; position:absolute; width:5px; height:1px; left:0; top:7px;}
.orderdetail_step > ul > li .orderdetail_step_list_info li:last-child{margin-bottom:0;}
.orderdetail_step > ul > li div{margin-top:24px; color: var(--color-st); font-weight:400;}

.orderdetail_step .stepInfo{display:flex;align-items:center;margin-bottom:30px;justify-content: space-between;padding-bottom:16px;border-bottom:1px solid var(--color-ct);line-height:30px;color:var(--color-st);}
.orderdetail_step .stepInfo .number{margin-left:10px;}
.orderdetail_step .stepInfo .btnArea{display:block;width:140px;font-size:14px;line-height:36px;text-align:center}

.orderdetail .cont_box_content{margin-bottom:60px;}
.contBox + .guideArea {padding-top:60px}
.userCont .guideArea + .guideArea {margin-top:30px}
.guideArea .guideTitle {display:block;padding-bottom:0px;font-size:14px}

/*******************************
*	 tabld 공통 
********************************/
.myTable {position:relative}
.myTable table{width:100%;}
.myTable table thead th {padding:20px 0;border-bottom:1px solid var(--color-ct);font-weight:400;color:var(--color-sct);text-align:center; font-size:16px;}
.myTable table tbody td {padding:26px 0;border-bottom:1px solid var(--color-ct);font-size:14px;line-height:22px;text-align:center}
.myTable table tbody td.text_left{text-align:left; padding-left:30px;}
.myTable table tbody td.sml {color:var(--color-st)}
.myTable table tbody td a {display:block}
.myTable table tbody td.f16{font-size:16px;}

/* 마이페이지_나령 */
.mypage_top{}
.grade{display:flex;align-items:center;gap:5px;flex-direction: column; display:none;}
.grade .value{font-size:14px; color:var(--color-st);}
.mypage_profile_img{width:55px;}
.mypage_profile_img{position:relative; overflow:hidden;}
.mypage_profile_img_grade{position:absolute; bottom:0; left:50%; width:100%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); text-align:center; /*background:var(--color-pc);*/ color:#fff; padding:2px 4px; font-size:13px; font-weight:bold;}


.mypage_wrap .userInfo {width:100%;padding:50px 0;background:var(--color-hg)}
.mypage_wrap .innerInfo {display:flex;width:1200px;margin:0 auto}
.mypage_wrap .innerInfo .innerBox {width:205px;/* height:220px; */background:var(--color-wt); font-size:16px;}
.mypage_wrap .innerInfo .innerBox:not(.info) {display:table;text-align:center}
.mypage_wrap .innerInfo .innerBox + .innerBox {margin-left:10px}
.mypage_wrap .innerInfo .innerBox.info {flex-grow:1;padding:30px;box-sizing:border-box}


.mypage_wrap .innerInfo .innerBox:not(.info) .iconS {display:table-cell;width:100%;height:100%;vertical-align:middle; font-size:17px;}
.mypage_wrap .innerInfo .innerBox:not(.info) .iconS::before {content: ''; display:block;margin:0 auto 16px auto;background: url('/common/img/mypageicon.png?ver=202505141714') no-repeat;}
.mypage_wrap .innerInfo .innerBox.coupon .iconS::before {background-size:cover;width:60px;height:55px;background-position:-2px 0px}
.mypage_wrap .innerInfo .innerBox.order .iconS::before {background-size:cover;width:60px;height:55px;background-position:-56px 0px}
.mypage_wrap .innerInfo .innerBox.qna .iconS::before {background-size:cover;width:60px;height:55px;background-position:-110px 0px}
.mypage_wrap .innerInfo .innerBox .infoTop {display:flex; gap:20px; margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--color-cl);align-items:end;}
.mypage_wrap .innerInfo .innerBox .infoTop .mypage_profile .title{display: inline-block; font-size:21px; position: relative; padding-right: 18px; vertical-align: top;}
.mypage_wrap .innerInfo .innerBox .infoTop .mypage_profile .title::before {content:'';display:block;position:absolute;top:3px;right:0;width:10px;height:18px;background:url('/common/img/icon_sprites.png?ver=202505141714') no-repeat -162px -156px}
.mypage_wrap .innerInfo .innerBox .infoTop .mypage_profile .btnBenefit{padding:3px 15px;line-height:22px; display:inline-block; margin-top:0; font-size:13px; border:1px solid var(--color-ml);}
.mypage_wrap .innerInfo .innerBox .infoTop.membership a::after {content:'\271B \000A0 PLUS';display:inline-block;margin:4px 2px 0 4px;padding:0 7px;border-radius:3px;background:var(--color-pc);font-size:11px;line-height:17px;color:var(--color-wt);vertical-align:top}
.mypage_wrap .innerInfo .innerBox .infoBot {display:table;table-layout:fixed;width:100%}
.mypage_wrap .innerInfo .innerBox .infoBot .set {display:table-cell;position:relative}
.mypage_wrap .innerInfo .innerBox .infoBot .set + .set {padding:0 10px 0 20px}
.mypage_wrap .innerInfo .innerBox .infoBot .set + .set::before {content:'';display:block;position:absolute;top:0;left:0;width:1px;height:60px;background:var(--color-cl)}

.value_box{display:flex; gap:10px; align-items:center; margin-top:15px;}
.value_box span{font-size:18px;color:var(--color-st);}
.value_box span em{font-size:14px;}

.mypage_wrap .innerInfo .innerBox .infoBot .set > div{padding-left:20px; position:relative; text-align:center;}
.mypage_wrap .innerInfo .innerBox .infoBot .set > div::before {content: '';top:15%; position:absolute; display:block;left:10px;background: url('/common/img/mypageicon.png?ver=202505141714') no-repeat;}
.mypage_wrap .innerInfo .innerBox .infoBot .set > div.card::before {background-size:cover;width:50px;height:45px;background-position:-132px 0px}
.mypage_wrap .innerInfo .innerBox .infoBot .set > div.point::before {background-size:cover;width:50px;height:45px;background-position:-177px 0px}

.mypage_wrap .innerInfo .innerBox .infoBot .set .title {display:block;line-height:20px;font-size: inherit;}
.mypage_wrap .innerInfo .innerBox .infoBot .set .value {display:block;padding-top:5px;font-weight:600;font-size:22px;line-height:28px}
.mypage_wrap .innerInfo .innerBox .infoBot .set .btnBenefit {display:inline-block;margin-top:12px;font-size:14px;text-decoration:underline;vertical-align:top}
.mypage_wrap .innerInfo .innerBox .infoBot .set .title .payHover {display:inline-block;position:relative;cursor:pointer;vertical-align:top}
.mypage_wrap .innerInfo .innerBox .infoBot .set .title .payHover .hoverArea {display:none;position:absolute;top:23px;left:-27px;width:280px;padding:30px 10px;border:1px solid var(--color-ct);background:var(--color-wt);font-size:14px;color:var(--color-sct);text-align:center;z-index:2;box-sizing:border-box}
.mypage_wrap .innerInfo .innerBox .infoBot .set .title .payHover:hover .hoverArea {display:block}
.mypage_wrap .innerInfo .innerBox .infoBot .set .title .payHover .hoverArea::before {content:'';display:block;position:absolute;top:-10px;left:33px;width:0;height:0;border-top:10px solid none;border-bottom:10px solid var(--color-ct);border-left:5px solid transparent;border-right:5px solid transparent}
.mypage_wrap .innerInfo .innerBox .infoBot .set .title .payHover .hoverArea::after {content:'';display:block;position:absolute;top:-8px;left:35px;width:0;height:0;border-top:8px solid none;border-bottom:8px solid var(--color-wt);border-left:3px solid transparent;border-right:3px solid transparent}
.mypage_wrap .innerInfo .innerBox .infoBot .set .title .payHover::before {width:20px;height:20px;margin-left:2px;background-position:-240px -29px}
.mypage_wrap .innerInfo .innerBox .number {display:block;padding-top:7px;font-weight:600;font-size:25px;line-height:28px;color:var(--color-pc);}

.membership_badge{display:inline-block; vertical-align:middle; font-size:11px;line-height: 17px; font-weight:500; letter-spacing: 0; border-radius:3px; color:var(--color-wt); background:var(--color-pc); padding:0 7px; margin:0px 6px 4px 6px;}
	
.mypage_flex .userMenu {flex-shrink:0;width:220px;margin-right:40px}
.mypage_flex .userCont {flex-grow:1;max-width:940px; position: relative;}
.mypage_flex .userCont .btnMore {margin-top:40px}
.mypage_flex .userCont .btnMore a {font-weight:400;font-size:16px}
.mypage_flex .contBox {position:relative;}
.mypage_flex .contBox:nth-of-type(n+2) {margin-top:60px} 


.mypage_flex .contBox .colTitle {display:block;position:relative;padding-bottom:16px;border-bottom:1px solid var(--color-df)}
.mypage_flex .contBox .colTitle .title {display:inline-block;font-weight:400;font-size:20px;line-height:24px;vertical-align:top}
.mypage_flex .contBox .colTitle .sub {display:inline-block;margin-left:7px;padding-top:6px;font-size:14px;line-height:16px;color:var(--color-st);vertical-align:top}
.mypage_flex .contBox .colTitle .desc {display:inline-block;margin-left:7px;padding-top:6px;font-size:16px;line-height:18px;vertical-align:top}
.mypage_flex .contBox .colTitle .desc .emphasis {color:var(--color-pc)}
.mypage_flex .contBox .colTitle .link {display:inline-block;position:absolute; font-size:16px; right:0; bottom:20px; float:right;padding:0 11px 0 0;color:var(--color-st)}
.mypage_flex .contBox .colTitle .link::after{content:''; position:absolute; top:50%; right:0; width:8px; height:8px; border:solid var(--color-st); border-width:0 1px 1px 0; -webkit-transform:translatey(-50%) rotate(-45deg); -ms-transform:translatey(-50%) rotate(-45deg); -o-transform:translatey(-50%) rotate(-45deg); transform:translatey(-50%) rotate(-45deg);}
.mypage_flex .contBox .colTitle .link:hover {color:var(--color-pc)}
.mypage_flex .contBox .colTitle .link:hover:after{border:solid var(--color-pc);border-width:0 1px 1px 0;}
.mypage_flex .contBox .colTitle .guideArea {padding-top:13px}

.mypage_flex .contBox .editorArea {padding:30px 0 0 0}
.mypage_flex .contBox .editorArea .status {display:block;margin-bottom:10px;font-weight:700}
.mypage_flex .contBox .editorArea .txt {line-height:22px}
.mypage_flex .contBox .editorArea img {display:inline-block;max-width:225px;margin:20px 20px 0 0;vertical-align:top}

.mypage_flex .userCont .btnView {display:inline-block;position:absolute; font-size:16px; right:0; top:20px; float:right;padding:0 11px 0 0;color:var(--color-st)}
.mypage_flex .userCont .btnView:after{content:''; position:absolute; top:50%; right:0; width:8px; height:8px; border:solid var(--color-st); border-width:0 1px 1px 0; -webkit-transform:translatey(-50%) rotate(-45deg); -ms-transform:translatey(-50%) rotate(-45deg); -o-transform:translatey(-50%) rotate(-45deg); transform:translatey(-50%) rotate(-45deg);}
.mypage_flex .userCont .btnView:hover {color:var(--color-pc)}
.mypage_flex .userCont .btnView:hover:after{border:solid var(--color-pc);border-width:0 1px 1px 0;}

.mypage_flex .noHistory {padding-top:120px;padding-bottom:50px;border-bottom:0; text-align:center;}
.mypage_flex .noHistory p{color:var(--color-st); font-size:1.2em;}
.mypage_flex.nonmember {justify-content:center}/* 비회원 주문상세 */
.mypage_flex.nonmember .areaTitle {padding-bottom:20px;border-bottom:0}

.mypage_flex .orderList .cartList li .btnArea {padding-left:60px;width:140px;box-sizing:initial;}
.mypage_flex .orderList .cartList li .btnArea * {display:inline-block;width:140px;height:36px;padding:0;font-size:14px;line-height:34px;text-align:center;vertical-align:top;box-sizing:border-box}
.mypage_flex .orderList .cartList li .btnArea * a{display:block; width:100%; height:100%;}

.userCont.history .orderList .cartList li {display:block;margin-top:20px;padding:0}
.userCont.history .orderList .cartList li .orderInfo {flex-shrink:0;position:relative;width:100%;padding:20px 0 16px 0;color:var(--color-st);}
.userCont.history .orderList .cartList li .orderInfo .number {margin-left:8px}
.userCont.history .orderList .cartList li .orderBox {display:flex;align-items:center;width:100%;padding:30px;border:1px solid var(--color-ct);border-bottom:0px solid var(--color-cl);box-sizing:border-box}
.userCont.history .orderList .cartList li .status .date {display:block;padding:0 10px 10px 10px;color:var(--color-st)}
.userCont.history .orderList.oldorderList .cartList li .orderBox {padding:30px 60px 30px 30px;}


.myinfo_wrap .input_text_wrap{width:auto;}
.myinfo_wrap .dl_wrap dl dd .subText{display:inline-block;margin-left:10px;font-size:14px;color:var(--color-st);vertical-align:top}

/* 주문내역::정기배송 */
.regularArea.userCont.history .orderList .cartList li .orderBox{flex-wrap:wrap;padding-top:15px}
 
.regularArea.userCont.history .orderList .cartList li.end .orderBox .regularInfo .periodBox{background:var(--color-ph);}

.regularArea .selectArea {position:absolute;top:38px;right:0;width:210px}
.regularInfo {flex-shrink:0;font-size:14px;line-height:30px}
.regularInfo .periodBox {display:inline-block;width:120px;height:30px;margin-right:12px;border-radius:80px;background:var(--color-pc);color:var(--color-wt);text-align:center;vertical-align:top}
.regularInfo .name {font-size:14px;color:var(--color-st)}
.regularInfo .name + .status::before {content:'';display:inline-block;width:1px;height:14px;margin:8px 10px 0 7px;background:var(--color-cl);vertical-align:top}
.regularArea .contBox .orderList .cartList .regularInfo {width:100%;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--color-cl)}
.regularArea .contBox .orderList .cartList li .infoArea {flex-shrink:0;width:424px}
.regularArea .contBox .orderList .cartList .end .regularInfo .periodBox {background:var(--color-ph)}/* 해지 */

.regularArea .regularInfo{flex:0 0 100%;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--color-cl)}
.regularInfo {font-size:14px;line-height:30px;}
.regularInfo .periodBox {display:inline-block;width:120px;height:30px;margin-right:12px;border-radius:80px;background:var(--color-pc);color:var(--color-wt);text-align:center;vertical-align:top}
.regularInfo .name {font-size:14px;color:var(--color-st)}
.regularInfo .name + .status::before {content:'';display:inline-block;width:1px;height:14px;margin:8px 10px 0 7px;background:var(--color-cl);vertical-align:top}
.regularArea .contBox .orderList .cartList .regularInfo {width:100%;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--color-cl)}
.regularArea .contBox .orderList .cartList li .infoArea {flex-shrink:0;width:424px}
.regularArea .contBox .orderList .cartList .end .regularInfo .periodBox {background:var(--color-ph)}/* 해지 */




.contBox .listgroup{border-bottom:1px solid var(--color-ct);}
.contBox .listgroup ul {padding:30px;}
.contBox .listgroup .addgroup{border-top:1px solid var(--color-ct);}
.contBox .listgroup ul li{}
.contBox .listgroup ul li + li {margin-top:18px;}
.contBox .listgroup .title {width:133px; display:inline-block;padding-right:10px;color:var(--color-sct);box-sizing:border-box; font-size:initial;}
.contBox .listgroup .text {display:inline-block;min-width: 280px;/* padding-left:133px; *//* box-sizing:border-box; */}
.contBox .listgroup .text.total{color: var(--color-pc); font-size:20px;}
.contBox .listgroup .text a{border: 1px solid var(--color-pg);}
.contBox .listgroup .text a:nth-child(2n){margin-left:1px;}

.userCont .cont_btn_wrap{text-align:center; margin-top:30px;}	
.userCont .cont_btn_wrap .btn{width:388px;font-size: 18px;}


/* 정기배송 설정 */
.regularSetting{margin-bottom:50px;}
.popRdSetting .popInner .popBody {padding-bottom:40px}
.regularSetting .btnArea {display:flex;height:50px;font-weight:400;font-size:13px;line-height:50px;position:relative;}
.regularSetting .btnArea a {flex-grow:1;font-weight:600;font-size:18px;text-align:center;border: 1px solid var(--color-pg);}
.regularSetting .btnArea a + a {margin-left:10px}
.regularSetting .settingBox {margin-top:20px;padding:30px 30px 30px 27px;border:1px solid var(--color-cl)}
.regularSetting .settingBox .toggleCheck label {font-size:18px}
.regularSetting .settingBox .version {display:block;padding-top:10px;font-size:15px;color:var(--color-st)}
.regularSetting .guideArea {margin-top:10px;}
.regularSetting .guideArea .nonebg{padding:0; background:none;}
.regularSetting .guideArea.bg {background:var(--color-hg)}
.regularSetting .guideArea.bg li + li {margin-top:9px}
.regularSetting .guideArea.bg + .settingBox {margin-top:25px;font-size:16px;}
.regularSetting .check {word-break:keep-all}
.regularSetting .settingBox .onlyText {position:relative;padding:8px 0}
.regularSetting .settingBox .onlyText .posR {position:absolute;top:0;right:0;line-height:35px;border:0;background:0;text-align:right}

.toggleCheck{position:relative;}
.toggleCheck label{font-weight:500;}
.toggleCheck label::before{content:''; display:block; position:absolute; top:0; right:0; width:70px; height:35px; border-radius:50px; background:var(--color-ct); transition:all .2s ease;}
.toggleCheck label::after{content:''; display:block; position:absolute; top:1px; right:36px; width:33px; height:33px; border-radius:50%; background:var(--color-wt); box-shadow:0 3px 6px rgba(0,0,0,.16); transition:all .2s ease-in-out; z-index:1;}
.toggleCheck input{position:absolute; text-indent:-9999px;}
.toggleCheck input:checked + label::before{background:var(--color-pc);}
.toggleCheck input:checked + label::after{right:1px;}
	









/*******************************
*	마이페이지 메인
********************************/
.mainList .cartList{margin-top:30px; display:flex;}
.mainList .cartList li{display:inline-block; position:relative; margin-right:30px; width:calc(25% - 26px);}
.mainList .cartList li:nth-child(4n){margin-right:0;}
.mainList .cartList li .btnViewDetail {position:absolute;left:44px;width:420px}
.mainList .cartList .infoArea{padding-top:20px; font-size:16px;}
.mainList .cartList .infoArea .title{font-size:16px; margin-bottom:6px;}


/*******************************
*	배송지관리
********************************/
.addressTable.address_list .badge {display:block; width:80px;margin:0; margin-bottom:5px; padding:3px 5px;}
.addressTable.address_list .btn_wrap{position:relative; display:block; bottom:0;}


/*******************************
*	장바구니
********************************/
.orderArea .areaTitle {padding-bottom:16px;border-bottom:0}
.orderArea .tabMenu {padding-top:50px}
.orderArea .step {display:block;color:var(--color-st);text-align:center}
.orderArea .step a {display:inline-block;line-height:17px;color:var(--color-st);cursor:auto;vertical-align:top}
.orderArea .step a + a::before {content:'';display:inline-block;width:10px;height:17px;margin:0 7px 0 5px;background:url('../images/common/icon_sprites.png?ver=202505141714') no-repeat -174px -156px;vertical-align:top}
.orderArea .step a.on {color:var(--color-pc)}
.layoutCol {position:relative}
.orderList .checkAll {padding-bottom:16px;padding-top:30px;}
.orderList .checkAll label {color:var(--color-sct); align-items:center; gap:10px;display:flex;}
.orderList .checkAll .btnDel {display:inline-block;line-height:24px;vertical-align:top}
.orderList .checkAll .btnDel a {color:var(--color-sct)}
.orderList .checkAll .btnDel a::before {content:'';display:inline-block;width:1px;height:16px;margin:4px 12px 0 9px;background:var(--color-ct);vertical-align:top}
.orderList .checkEach .cartList {padding-bottom:20px;border-top:1px solid var(--color-ct)}
.orderList .cartList li {display:flex;align-items:center;position:relative;width:100%;padding:24px 0 30px 0;border-bottom:1px solid var(--color-ct)}
.orderList .cartList li .btnViewDetail {position:absolute;left:44px;width:420px; height:100%;}

.orderList .cartList .imgArea {flex-shrink:0;width:120px}
.orderList .cartList .imgArea .badgeArea {position:absolute;top:0;left:0;z-index:1}
.orderList .cartList .imgArea .badgeArea .badge {display:inline-block;padding:0 9px;background:#CB5440;font-weight:300;font-size:12px;line-height:24px;color:var(--color-wt);vertical-align:top}
.orderList .cartList .infoArea {flex-grow:1;margin-top:0;padding:0 20px;box-sizing:border-box}
.orderList .cartList .infoArea .title {display:block;font-size:17px; color: var(--color-sct);}
.orderList .cartList .infoArea .price {display:block;padding-top: 10px;font-size:16px}
.orderList .cartList .infoArea .price em{font-size:20px}
.orderList .cartList .infoArea .option {display:block;padding-top:6px;color:var(--color-sct)}
.orderList .cartList .infoArea .optionSet span + span::before {content:'';display:inline-block;width:1px;height:13px;margin:3px 8px 0 5px;background:var(--color-sct);vertical-align:top}
.orderList .cartList .infoArea .btnOpt {margin-top:16px}
.orderList .cartList .infoArea .btnOpt a {display:inline-block;width:90px;height:30px;line-height:30px;text-align:center;vertical-align:top;box-sizing:border-box}
.orderList .cartList .total {flex-shrink:0;width:147px;padding-left:10px;font-size:20px;text-align:right;box-sizing:border-box}
.orderList .cartList .btnDel {flex-shrink:0;width:74px;padding-left:30px;box-sizing:border-box;}
.orderList .cartList .btnDel a {position:relative; display:block;width:27px;height:27px;text-align:center;box-sizing:border-box}
.orderList .cartList .btnDel a:before, .orderList .cartList .btnDel a:after{content:""; position:absolute; background:rgb(150 150 150 / 70%);}
.orderList .cartList .btnDel a:before{left:50%; top:50%; height:78%; width:2px;transform:translate(-50%,-50%) rotate(45deg);}
.orderList .cartList .btnDel a:after{top:50%; left:50%; width:78%; height:2px;transform:translate(-50%,-50%) rotate(45deg);}


/*******************************
*	선물함
********************************/

.orderList .cartList.giftList .imgArea{border-radius:50%; overflow:hidden;position:relative;}
.orderList .cartList.cardList .imgArea{border-radius:7px; width:140px;}
.orderList .giftList .status{width:240px; text-align: center; flex-shrink: 0;}


.orderList .giftList .use .imgArea::before,
.orderList .giftList .cancel .imgArea::before{content:'';display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(162,162,162,.6);font-weight:500;color:var(--color-wt);z-index:1}
.orderList .giftList .use .imgArea::before {content:'사용완료'}
.orderList .giftList .cancel .imgArea::before {content:'등록완료'}


/*******************************
*	주문관리
********************************/



.join_wrap .dl_wrap{border-bottom:1px solid var(--color-ct);}
.join_wrap .dl_wrap:last-child{border-bottom:1px solid var(--color-df);}
.join_wrap .dl_wrap dl:last-child{margin-bottom:30px;}
.join_wrap .dl_wrap dl{margin-left:30px; min-height:auto;}


.join_dl_wrap .checkArea.box{width:450px;margin-top:8px;padding:20px 33px;background:var(--color-hg);box-sizing:border-box}
.join_dl_wrap .checkArea.box > div:first-child{margin-right:40px;}


.join_wrap p.text{line-height:20px;color:var(--color-en);word-break:keep-all;box-sizing:border-box;font-size: 14px;}
.join_wrap .join_select{width:100px; display:inline-block; margin-right:5px;}
.join_wrap .join_select2{width:220px; display:inline-block;}

.addressmanage_wrap .btnRight {position:absolute;top:-5px;right:0}
.addressmanage_wrap .btnRight a {display:inline-block;height:36px;padding:0 18px;border-radius:80px;font-size:14px;line-height:34px;box-sizing:border-box; border: 1px solid var(--color-pg);}
.addressmanage_wrap .btnRight a.icon::before {content:'\ff0b';display:inline-block;margin-right:5px;font-weight:600;font-size:16px;line-height:34px;color:var(--color-st);vertical-align:top}


/*******************************
*	1:1 문의
********************************/

.tabletype .btnDel div button{display:inline-block; vertical-align:middle;background:transparent; padding:0;}
.tabletype .btnDel div .del:before{content:'\F659';display:inline-block;vertical-align:middle;width:20px;height:21px;font-family:'bootstrap-icons';font-size:16px;color:var(--color-bt); font-weight: bold;}

.inquiry_wrap .btnRight{top:74px;}
.inquirytable a .text_wrap{display:block;}
.inquirytable a .text_wrap em{display:block; margin-bottom:4px; max-height: 22px;}


.contBox .selectArea{display:inline-block; width:210px; vertical-align:top;}
.myTable .selectArea {position:absolute;top:-80px;right:0;width:210px}


.inquirywrite_wrap .cont_box_content{border-bottom: 1px solid var(--color-df);padding-bottom:40px;}
.inquirywrite_wrap .cont_btn_wrap ul{display:block;}
.inquirywrite_wrap .cont_btn_wrap ul li{display:inline-block;width:auto;}
.inquirywrite_box{max-width:780px; margin:0 auto;}
.inquirywrite_box > div{margin-top:20px;}
.inquirywrite_box .selectArea{display:block;}
.inquirywrite_box .selectArea .sltCurrent{height:50px; line-height:50px;}
.inquirywrite_box .checkArea{margin-top:5px; margin-bottom:30px;}
.inquirywrite_box .input_textarea_wrap label textarea{padding:15px 20px !important;height:200px;}
.inquirywrite_box .input_textarea_wrap label span{bottom:0; right:0px; top:auto; left:auto;}
.inquirywrite_box .input_textarea_wrap label textarea:focus + span{-webkit-transform:scale(0.8) translateY(-25px); transform:scale(0.8) translateY(-25px);}
.inquirywrite_box .input_textarea_wrap label textarea:invalid:not(:focus)+*{-webkit-transform:scale(0.8) translateY(-25px); transform:scale(0.8) translateY(-25px);}

.inquiryview_box{padding: 30px; border-bottom:1px solid #e0e0e0;}
.inquiryview_box ul li + li{margin-top:30px; padding-top:20px;border-top:1px solid var(--color-cl);}
.inquiryview_box ul li > div{display:inline-block; font-size:1em;}
.inquiryview_box ul li > div:first-child{margin-right:10px;}
.inquiryview_box .title {display:inline-block;padding-right:5px;color:var(--color-sct);box-sizing:border-box;font-size:0.9em;}
.inquiryview_box .text {/* display:block; *//* padding-left:133px; *//* box-sizing:border-box; */}
.inquiryview_box .textbox{display:block;}
.inquirytitle.title{font-size:20px; margin-bottom:10px;}

.inquiryreview .table_wrap table{border-top:0;}
.inquiryreview .table_wrap table th:last-child,.inquiryreview .table_wrap table td:last-child{border-left:0; border-right:0;padding:15px 20px;}



.file-preview{margin-top:15px;}
.filebox_cs{display:flex !important; gap:10px; flex-wrap: wrap; margin-bottom: 20px;}
.file-preview img {width: 100px;height: 100px;position: relative;}
.file-preview .file-preview-item {position: relative;}
.file-preview .file-preview-item .delete-btn {position: absolute;top: 0;right: 0;background-color: red;	color: white;border: none;padding: 5px;cursor: pointer;}
.file-name{width:100%;}

.uploadbox{position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; width:121px !important; height:121px; text-align:center; border:1px solid #ddd;}
.uploadbox .slide_img{overflow:hidden;}
.uploadbox .slide_img img{width:100%;}
.uploadbox_input_del{position:absolute; top:-10px; right:-10px; height:23px; background:#fff; border-radius:50%;}
.uploadbox_input_del .bi-x-circle-fill{font-size:23px; color:#666;}
.uploadbox_input_del .file_input{position:absolute; left:0; width:100%; height:100%; background:none;}

.upload_box{display:flex; justify-content:center; flex-direction:column; align-items:center;}
.upload_box input{width: 100%;height: 100%;opacity: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.upload_box input.btn[disabled]{background:#fff; opacity:0;}
.upload_box .bi-camera{font-size:30px;}

.inquiryview_box .swiper_gallery .swiper-slide{width:121px !important; height:121px;}
.img_modal{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999;}
.img_modal.active{display:flex; align-items:center; justify-content:center;}
.img_modal .img_modal_inner{width:90%; max-width:600px; position:relative; background:var(--color-wt);}
.img_modal .img_modal_inner .img_close{display:flex; align-items:center; justify-content:center; position:absolute; top:0; right:0; width:40px; height:40px; background:var(--color-bk);}
.img_modal .img_modal_inner .img_close i{font-size:20px; color:var(--color-wt);}


/*******************************
*	쿠폰내역
********************************/

.coupon_wrap .btnRight{position:absolute; top:-130px; right:0;}
.coupon_wrap .btnRight .input_wrap7 .btn{font-size:14px;}

.coupon_wrap .cont_tab{margin-bottom:0; margin-top:20px;}
.coupon_tab.cont_tab ul li{}
.coupon_tab.cont_tab ul li a{display:block;}