@charset "utf-8";
/* .mypage .local-nav { width: 200px; margin-right: 80px } */
.mypage .local-nav h2 { font-size: 30px; line-height: 35px; padding-bottom: 25px; border-bottom: 3px solid #000 }
.mypage .local-nav h2 a{ font-size: 30px; line-height: 35px;}
.mypage .local-nav > ul > li { border-top: 1px solid #ddd; padding: 20px 0 } 
.mypage .local-nav > ul > li:first-child { border-top: none; padding-top: 0 } 
.mypage .local-nav > ul > li > a { font-size: 20px; line-height: 26px; } 
.mypage .local-sub-nav { display: block }

.mypage .top-bar{background:#111;margin:0;padding:20px 20px;height:148px}
.mypage .top-bar.white{background:#fff}
.mypage .footer-wrap{margin-top:30px}
.mypage .top-bar .my-name{width:40%;padding:0 0 0 100px}
.mypage .top-bar .my-name .certi span {color: #fff;display: inline-block;height: 37px;line-height: 47px;font-size: 15px;}
.mypage .top-bar .my-name .certi span.date {font-size: 14px;color: #888;margin-left: 5px;}
.mypage .top-bar .my-name h2{font-size:30px;color:#fff}
.mypage .top-bar .my-name a{display:block;font-size:14px;color:#fff}
.mypage .top-bar .my-name .btn-certify {height:25px; margin-left:10px; padding:0 10px; border:1px solid #fff; font-size:13px; line-height:23px;}
.mypage .top-bar .my-name .btn-certify:after {display:none;}
.mypage .top-bar .my-name span{font-size:18px;color:#ff5b37}
.mypage .top-bar .my-name span.sns{font-size:14px;color:rgba(255,255,255,0.7);font-weight:400}
.mypage .top-bar .my-name span.sns:before{content:'';display:inline-block;width:22px;height:22px;vertical-align:middle;margin:0 5px 0 0}
.mypage .top-bar .my-name span.sns.naver:before{background:url(../images/common/sns-naver-s.svg) no-repeat}
.mypage .top-bar .my-name span.sns.kakao:before{background:url(../images/common/sns-kakao-s.svg) no-repeat}
.mypage .top-bar .my-name span.sns.apple:before{background:url(../images/common/sns-apple-s.svg) no-repeat}
.mypage .top-bar .my-name span.sns.facebook:before{background:url(../images/common/sns-facebook-s.svg) no-repeat}
.mypage .top-bar .my-name a:after{content:'';display:block;background:url(../images/common/icons-16-px-arrow-outline-right-w.svg) no-repeat;width:16px;height:16px;display:inline-block;vertical-align:middle;margin:-3px 0 0 5px}
.my-membership-info{padding:30px}
.my-membership-info p{color:#000;font-size:18px;line-height:28px}
.mypage .my-benefit{display:flex;width:60%;flex-direction:row;justify-content:space-between;padding: 0 100px 0 0}
.mypage .my-benefit li{width:100%;text-align:center;position:relative}
.mypage .my-benefit li:after{content:'';display:block;width:1px;height:56px;background:#d8d8d8;position:absolute;right:0;top:0;opacity:0.2}
.mypage .my-benefit li:last-child:after{content:none}
.mypage .my-benefit li a{font-size:16px;color:#fff}
.mypage .my-benefit li a span{font-size:18px;color:#888;display:block}
.mypage .my-benefit li a strong{font-size:24px;color:#fff;font-weight:500;display:inline-block;margin:0 5px;padding:2px 0 0 0}
/* 등급명 두줄 이상일 시 -> ver2 클래스 추가 */
.mypage .my-benefit li a strong.ver2 {font-size: 22px; word-break: keep-all;}
.recent-order-item { margin-bottom: 80px }
.table-header { padding: 20px 30px }
.table-header .order-date { font-size: 20px; font-weight: 700; }
.table-header .more { background:none; padding:0; text-decoration:underline;}
.table-header .more + .btn-type-line { margin:0 30px 0 0; }
/* .mypage .mypage-prd { margin-left: 60px; } */
.mypage-prd .thumb-img { flex-shrink:0; width: 120px; height: 160px; } 
.mypage-prd .thumb-img .btn-favorite { top: 0; right: 0 } 
.mypage-prd .thumb-img .btn-favorite i { background-size: 18px 16px; } 
.mypage-prd .thumb-img img { width: 120px; height: 160px; } 
.order-cart { position: absolute; left:0; bottom: 0; width: 40px; height: 40px; background: #fff url(../images/common/ic-cart-my.svg) no-repeat center center; border-radius: 40px; }
.order-cart:hover,
.order-cart.on { background: #ff5b37 url(../images/common/ic-cart-my-on.svg) no-repeat center center; }
.mypage-prd .prd-info { position: relative; margin-left: 30px; vertical-align: middle; width: 100%; min-width: 0; height: 160px } 
.mypage-prd .prd-info .prd-name { margin-top: 3px; padding: 0 } 
.mypage-prd .prd-info .prd-opt { font-size: 13px; color: #888; margin-top: 3px; } 
.mypage-prd .prd-info .prd-opt .opt { font-size: 13px; color: #888; padding: 0; line-height: normal; } 
.order-holder { font-size: 14px; color: #000 } 
.order-holder .order-sttype { font-size: 14px; margin-bottom: 10px } 
.order-holder .order-stend { font-size: 14px; color: #ff5b37; margin-bottom: 10px } 
td.order-bene-holder { padding: 8px 0!important}
div.order-bene-holder { padding: 8px 0!important; border: 1px solid #ddd; border-top: none }
div.order-bene-holder .order-bene {padding-left:20px;}
.order-gift-holder{padding:8px 0; border-top:1px solid #000; border-bottom:1px solid #ddd}
.order-gift-holder .order-bene{padding:4px 0}
.order-bene {padding:0;}
.order-bene p {font-size:14px !important;}
.order-bene p span{margin-left:10px;font-size:14px !important;color:#888;}
.order-bene > span{width:30px;height:30px;background:url(../images/common/gift-ico.svg) center center no-repeat;background-size:30px}
.order-bene>div{padding:0 0 0 20px;width:calc(100% - 62px)}
.order-bene h4{font-size:18px; color: #000;padding:6px 0 0 0}
.present {padding: 8px 0 0 0}
.present:first-child {padding: 0}
.present .img{display:inline-flex; justify-content:center; align-items:center; width: 76px; height: 40px;margin:0 10px 0 0; vertical-align:middle;}
.present .img img{max-width:74px; max-height:38px;}
.w-date { font-size: 14px; color: #888 }
.r-date h5 { font-size: 16px; color: #000; font-weight: 700; margin-bottom: 5px; }
.r-date p { font-size: 14px; color: #ff5b37; }
.mypage-h1 { font-size: 30px; }
.border-box { border: 1px solid #ddd; padding: 30px; }
.mypage .w1360>.border-box{border:none;padding:0;}

.order-number { font-size: 16px; color: #000; }
.order-detail-tit p { font-size: 24px; color: #000;}
.order-detail-tit p strong { font-size: 24px; color: #ff5b37;}
.order-seller { padding-left: 50px!important }
.filter-holder { margin-bottom: 15px; }
.filter-search { border: 1px solid #ddd; height: 40px; margin: 0 0 0 10px }
.filter-search input { width: 200px; height: 40px; font-size: 14px; padding: 0 7px; margin: 0 40px 0 0 }
.filter-search .btn-search { margin: 3px 0 0 0 }
.datepicker-form {position:relative; margin-bottom:15px;}
.datepicker-form .input-holder {width:145px;}
.datepicker-form .input-holder input {width:100%; height:40px; font-size:13px; padding: 0 10px; background:url('../images/common/ico-cal.svg') no-repeat right 10px center;}
.datepicker-form .hp {display:block; margin:0 4px; width:10px; background:#000; height:1px; text-indent:-9999px;}
.datepicker-form .btn-type-line {width:50px; margin-left:13px; padding-left:0; padding-right:0;}
.datepicker-form .btn-type-line span {font-size:12px;}
.datepicker-wrap {display:none; position:absolute; right:0; bottom:-482px; width:371px; border:1px solid #000; z-index:1;}
.datepicker-wrap #done{width:100%;}
.datepicker-wrap .date-cancel{position: absolute;top: 13px;z-index: 101;color: #000;font-size: 25px;display: block!important;right:20px;width: 24px;height: 24px;background: url(../images/common/icons-24-px-close.svg) left top no-repeat;text-indent:-9999px;}
.order-price-result dl { padding: 0 50px; min-width: 220px } 
.order-price-result dt { font-size: 18px; color: #666; margin-bottom: 10px } 
.order-price-result dl .prd-price { font-size: 28px; color: #000 } 
.order-price-result dl .prd-mark { font-size: 20px; color: #000 } 
.order-price-result .total-price .prd-price { color: #ff5b37 } 
.order-price-result dl.alldelivery-price { position: relative } 
.order-price-result dl.allsale-price::before { content:''; display:block; width: 24px; height: 24px; position: absolute; left: -12px; top:50%; margin-top:-12px; background: url(../images/common/ico-cart-minus.svg) no-repeat center center; } 
.order-price-result dl.allsale-price { position: relative } 
.order-price-result dl.alldelivery-price::before { content:''; display:block; width: 24px; height: 24px; position: absolute; left: -12px; top:50%; margin-top:-12px; background: url(../images/common/ico-cart-plus.svg) no-repeat center center; } 
.order-price-result dl.alldelivery-price::after { content:''; display:block; width: 24px; height: 24px; position: absolute; right: -12px; top:50%; margin-top:-12px; background: url(../images/common/ico-equal.svg) no-repeat center center; } 
.order-price-result.tr-price-result { margin:-10px 0 } 
.order-price-result.tr-price-result .prd-price { font-size: 20px } 
.order-price-result.tr-price-result .prd-mark { font-size: 16px } 
.orderbtn-holder button { margin-top: 10px }
.orderbtn-holder button:first-child { margin-top: 0 }
p.bag{background:url(../images/common/bag.svg) left center no-repeat;width:auto;padding:0 0 0 18px;}
.sale-txt { position: relative; width: 520px; font-size: 13px; color: #888; background-color: #fff; padding: 8px 10px; margin: 10px 0 0 38% }
.sale-txt span { display: inline-block; margin: 0 5px;}
.sale-txt:before{content:'';position: absolute; left: -30px; top: 0;width:18px;height:18px;display:inline-block;border-left:1px solid #ccc;border-bottom:1px solid #ccc;margin:0 5px 5px 0;vertical-align:middle}
.order-type { margin: 15px 0; }
.order-type p { font-size: 14px; }
.order-type p.order-date { font-size: 14px; margin-left: 10px}
.mile-holder { border: 1px solid #ddd; padding: 20px 30px; }
.mile-holder h5 { font-size: 16px; color: #000; }
.mile-txt { position: relative; width: 520px; font-size: 13px; color: #000; background-color: #f8f8f8; padding: 8px 10px; margin: 10px 0 0 30px}
.mile-txt strong { display: inline-block; margin: 0 10px 0 0; color: #000; }
.mile-txt span { display: inline-block; margin: 0 5px; color: #888; }
.mile-txt:before{content:'';position: absolute; left: -30px; top: 0;width:18px;height:18px;display:inline-block;border-left:1px solid #ccc;border-bottom:1px solid #ccc;margin:0 5px 5px 0;vertical-align:middle;}
.pd-accordion { width: 100%; margin: 30px 0 0 0; border-top: 1px solid #ddd; } 
.pd-accordion .ac-title a { display: block; font-size: 16px; border-bottom: 1px solid #ddd; width: 100%; line-height: 50px; color: #333; padding: 0 0 0 20px; } 
.return-list {margin-top:20px;}
.return-list li {margin-top:20px; color:#888; font-size:14px; font-weight:300; line-height:22px;}
.return-list li:first-child {margin:0;}
.return-list li ul {margin-left:13px;}
.return-list li li {margin:0;}
.return-list li .tit {display:block; font-size:inherit;}
.return-list li .tit + .txt {margin-left:13px;}
.return-list li .txt {font-size:inherit;}
.invoce-list{padding:0 0 20px 0}
.invoce-list li{display:flex;justify-content:space-between;padding:5px 0}
.invoce-list li span{font-size:14px;color:#888;width:35%;white-space:nowrap}
.invoce-list li p,.invoce-list li>div{font-size:14px;color:#333;text-align:right;width:65%;font-weight:500;line-height:22px}
.invoce-list li>div p{width:auto;font-weight:400;padding:3px 0}
.invoce-list li p strong{color:#ff5b37;font-weight:500;font-size:14px}
.invoce-list li p.info{width:100%;font-size:12px;color:#ff5b37;font-weight:400}
.invoce-list li.coupon- span{color:#888}
.invoce-list li.coupon- span:before{content:'';width:6px;height:6px;display:inline-block;border-left:2px solid #ccc;border-bottom:2px solid #ccc;margin:0 5px 5px 0;vertical-align:middle}
.invoce-list li.coupon- p{color:#888}
.invoce-list li.sum{border-bottom:1px solid #ddd;margin:-16px 0 10px 0;height:50px;line-height:50px;padding:0;align-items:center}
.invoce-list li.sum span,.invoce-list li.sum p{font-weight:500}
.invoce-list li p.bag{background:url(../images/common/bag.svg) left center no-repeat;width:auto;padding:0 0 0 18px}
.invoce-list.intype2 span{color:#333;font-weight:500}
.invoce-list.intype3{background:#f5f5f5;width:calc(100%  +  40px);margin:0 0 0 -20px;padding:15px 20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.invoce-list.intype3 span{color:#333}
.invoce-list.intype4{padding:10px 0}
.invoce-list.intype4 span{font-weight:400;color:#333}
.invoce-list.inner{border:1px solid #ddd;padding:5px 20px;margin:10px 0 0 0}
.invoce-list.inner li{border-bottom:1px solid #eee;padding:10px 0}
.invoce-list.inner li:last-child{border:none}
.invoce-list.inner li.minus{border-bottom:1px solid #333}
.invoce-list.inner li.return-pay span,.invoce-list.inner li.return-pay p{color:#ff5b37;font-weight:500}
.invoce-list.return{border:1px solid #ddd;background-color:#f8f8f8;padding:15px 20px;margin:10px 0 0 0}
.invoce-list.return + .invoce-list.return {margin-top:20px;}
.invoce-list.return.white {background-color:#fff;}
.invoce-list.return li {padding:0; line-height:24px;}
.invoce-list.return li span {color:#000;}
.invoce-list.return li p {color:#888; font-weight:400;}
.my-qa-wrap{padding:0}
.my-qna-tit{line-height:49px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;}
.my-qna-tit > h3{width: 150px;font-size:16px;color:#333;font-weight:700;text-align:center;}
.my-qna-tit > h4{width:calc( 100% - 600px );font-size:16px;color:#333;padding-left: 20px}
.my-qna-tit.my-goods-tit > h4{width:calc( 100% - 550px );}
.my-qna-cont{padding:0 20px;display:flex;flex-wrap:wrap;align-items:center;position: relative;border-bottom:1px solid #ddd;margin-top: -1px;}
.my-qna-tit > .qa-status{width:150px;font-size:16px;color:#888;display:block;text-align:center;}
.my-qna-tit > .qa-status.complete{color:#ff5b37}
.my-qna-tit > .qa-date{width:150px;font-size:16px;color:#b2b2b2;display:block;text-align:center;}
.my-qna-tit > .td-select{width:100px;margin-right: 50px}
.my-qna-tit.my-goods-tit > .td-select{width:200px;}
.my-qna-tit > .td-select > .flex{height:50px}
.my-qa-wrap .qa-view{width:49px;height: 49px;display:inline-block;margin:-49px 0 0 0;background:url(../images/common/ico24-down-arrow.svg) center center no-repeat;position:absolute;right:0;top:0}
.my-qa-wrap .qa-view.active{transform:rotate(180deg);}
.my-qna-cont .qa-cont{display:none;padding:16px 0;width:100%;}
.my-qna-cont .qa-cont .q-txt{font-size:16px;color:#888;padding:15px 0 0 0}
.pd-num{position:relative;width:100%;height:40px;background:#f5f5f5;line-height:40px;display:flex;justify-content:space-between;padding:0 20px;z-index:1;}
.pd-num span{font-size:14px;color:#333}
.pd-num + .type-06.review-type2 li{margin:-1px 0 0 0}
.type-06.review-type2 + .q-txt{border:none}
.my-qna-cont .inquire-attach{margin:15px 0 5px 0;padding:0}
.my-qna-cont .answer{padding:20px;background:#f5f5f5;color:#888}
.my-qna-cont .answer em{width:22px;height:22px;display:inline-block;background:#555;border-radius:50%;text-align:center;line-height:22px;color:#fff}
.my-qna-cont .answer span{font-size:14px;color:#b2b2b2;display:inline-block;padding:0 0 0 10px;margin:0 0 0 10px;border-left:1px solid #ddd;height:14px;line-height:14px}
.my-qna-cont .answer p{font-size:14px;color:#888;padding:5px 0 0 0;line-height:22px}
.my-qna-cont.return-reason{padding:20px 50px 0 50px;width:100%;align-items:baseline;background:#f5f5f5}
.my-qna-cont.return-reason h4{width:auto;font-size:14px;margin-bottom: 20px}
.my-qna-cont.return-reason .qa-view{flex:1; font-size:14px;color:#999;display:inline-block;margin:0 0 0 10px;padding:0 0 0 10px;border-left:1px solid #ddd;text-align:left}
.my-qna-cont.return-reason .qa-view:after{content:'';display:inline-block;width:15px;height:17px;opacity:1;background:url(../images/common/icons-light-down.svg) right center no-repeat;background-size:100%;float:right}
.my-qna-cont .qa-view.active:after{transform:rotate(180deg)}
.my-qna-cont.return-reason .qa-cont{padding:0 0 20px 0}
.my-qna-cont.return-reason .qa-cont .q-txt{border-top:none;padding:0}
.delivery-txt { font-size: 16px; color: #333 }
.delivery-txt span.red { display: inline-block; font-size: 16px; }
.delivery-txt span.gray { display: inline-block; font-size: 14px; margin-left: 10px }
span.delivery-label{width:39px;height:25px;margin:0 8px 0 0;line-height:25px;color:#ff5b37;font-size:12px;background-color:rgba(255,91,55,0.1);font-weight:400;display:inline-block;text-align:center}
.basic-addr label{width:88px;padding:0 0 0 28px}
.addr-exam>p{font-size:14px;color:#333;margin:0 0 26px 0}
.addr-exam li{font-size:14px;color:#333;padding:0 0 18px 0;line-height:22px}
.addr-exam li strong{font-size:14px;color:#ff5b37;font-weight:400;display:block}
.mypage .review-item { padding: 30px; margin-bottom: 0 }
.mypage .review-item .mypage-prd { border-bottom: 1px solid #ddd; padding-bottom: 20px }

#phoneAuth.active { display: block }

.mypage .member-leave .one>div{padding:12px 0;align-items:baseline}
.mypage .member-leave .one{border-top:1px solid #d6d6d6;padding-top:12px}
.mypage .member-leave a{text-decoration:underline;text-underline-position:under;font-size:14px;min-width:56px;color:#333}
.mypage .member-leave{padding:0 20px}
.mypage .member-leave label span{font-size:14px;color:#ff5b37}
.mypage .member-leave h3{font-size:20px}
.mypage .member-leave h3 + p{font-size:14px;color:#888;padding:8px 0 20px 0}
.mypage .member-leave ul li{padding:0 0 23px 0; width: 33.33%}
.mypage .member-leave .textbox.t5000{margin:15px 0 26px 0}
.mypage .member-leave .box-holder{margin:15px 0 15px 0}
.mypage .member-leave .leave-agree{padding:0 0 15px 0}
.mypage .member-leave .leave-agree label{color:#ff5b37;font-size:14px}

.mypage .top-bar.bg-gray .my-benefit li a {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.mypage .top-bar.bg-gray .my-benefit li a strong{color:#333;width: 60px; height: 60px; background-color: #fff; border-radius: 60px; border: 3px solid #ddd; display: flex; align-items: center; justify-content: center;margin-top: 10px}
.mypage .top-bar.bg-gray .my-benefit li a span{font-size:14px}
.mypage .top-bar.bg-gray .my-benefit li:after{height:84px;background:#d8d8d8;opacity: 1;}

.modal-middle .pd-num > div:first-child > label{width:30px;padding:0}
.modal-middle .pd-num > div:first-child > span{vertical-align: middle;}
.modal-middle .pd-num > span:last-child em{margin-right: 5px;display: inline-block;}
.modal-middle .type-06{margin-left:20px}
.modal-middle .type-06 > li {border-bottom: 1px solid #ddd}
.modal-middle .progress .type-06 li:not(:first-child) {margin-top: 0;}
.modal-middle .progress .type-06 > li {border-bottom:none;}
.modal-middle .type-06 li > div:not(.progress-tit):first-child {width:30px;}
.modal-middle .type-06 li > div:first-child {width:30px}
.modal-middle .type-06 li > div.progress-tit{width:100%;}
.modal-middle .type-06 li:not(:last-child)::before{display:none}
.modal-middle .type-06 li > div.progress-tit .txt .str{    max-height: 45px;}

.event-progress{min-width:44px;height:23px;line-height:22px;margin:0 5px 0 0;padding:5px 7px;border:solid 1px #ff5b37;font-size:12px!important;color:#ff5b37;display:inline-block;font-weight:400;padding:0 5px}
.event-progress.end{border:solid 1px #888;color:#888}
.event-status{color:#888;}
.event-status.win{color:#ff5b37;font-weight:700}

.m-stauts{display:inline-block;width:42px;height:37px;font-size:14px;font-weight:500;text-align:center;line-height:37px;border:solid 1px #888;color:#888}
.m-stauts.plus{border:solid 1px #000;color:#333}
.m-stauts.minus{border:solid 1px #ff5b37;color:#ff5b37}
.mileage-txt .prd-brand{font-size:16px;font-weight:700;color:#888}
.mileage-txt .prd-name{margin-left:10px}
.m-price{font-size:10px;color:#888}
.m-price strong{font-size:16px;font-weight:500;color:#333;display:block}
.m-price.minus strong{color:#ff5b37}

.coupon-wrap{padding:10px 0 0 0;border-top:1px solid #ddd}
.coupon-wrap .cp{color:#333;padding:30px 40px;width:50%}
.coupon-wrap .cp .cp-ticket{display:flex; align-items:center; margin: 0 0 20px 0}
.coupon-wrap .cp .cp-ticket>span{background:url(../images/common/icons-coupon.svg) no-repeat;text-align:center;padding:20px 30px 0 0;margin:0 12px 0 0;color:#333;font-size:22px;font-weight:500;display:block;width:162px;height:83px;}
.coupon-wrap .cp .cp-ticket>span em{display:block;font-size:15px}
.coupon-wrap .cp .cp-ticket .cp-info{width:calc(100% - 192px);padding: 0 0 0 20px}
.coupon-wrap .cp .cp-ticket .cp-info strong{font-size:14px;font-weight:500;display:block}
.coupon-wrap .cp .cp-ticket .cp-info strong.exist{color:#ff5b37;font-size:14px}
.coupon-wrap .cp .cp-ticket .cp-info span{display:block;font-size:14px;color:#888}
.coupon-wrap .cp .cp-ticket .cp-info span.cp-tit{font-size:18px;color:#333;font-weight:500}
.coupon-wrap .cp .cp-detail{padding:10px 20px;background:#f5f5f5}
.coupon-wrap .cp .cp-detail li{font-size:14px;color:#888;line-height:1.6;}
.coupon-wrap .cp .cp-detail span{font-size:14px;display:inline-block;margin-right: 20px}

.gift-toggle{background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:45px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}
.gift-toggle p{font-size:14px}
.gift-toggle a{font-size:14px;display:block;width:70%;text-align:right}
.gift-toggle a:after{content:'';background:url(../images/common/icons-light-down.svg) right top no-repeat;width:11px;height:8px;display:inline-block;vertical-align:middle;background-size:100%;margin:-2px 0 0 8px}
.gift-toggle a.on:after{transform:rotate(180deg)}
.gift-wrap{position:relative;padding:0}
.gift-wrap .card-write{position:relative}
.gift-wrap .card-write .textbox{height:160px;position:absolute;z-index:1;background:#fff;margin:0 0 0 20px;width:calc(100% - 40px);bottom:20px}
.gift-wrap .card-write .viewbox{height:160px;position:absolute;z-index:1;background:#fff;padding:20px;margin:0 0 0 20px;width:calc(100% - 40px);bottom:20px;overflow-y:auto}
.gift-wrap .card-write .viewbox p{font-size:16px;line-height:22px}
.gift-wrap .card-write .viewbox p.to{font-weight:500;margin:0 0 10px 0}
.gift-wrap .card-write .viewbox p.from-date{font-size:14px;color:#888;text-align:right}
.gift-wrap .card-write .viewbox p.from{font-size:14px;font-weight:500;text-align:right}
.gift-wrap .card-write img{width:100%}
.no-rate {font-size: 16px;height:40px;padding: 0!important;color: #888}
.my-coupon .top-bar{height:auto}
.top-bar.mship-wrap{padding:20px 50px}
.my-mship{display:flex;align-items:center}
.my-mship .m-badge{display:block;width:68px;}
.my-mship .m-badge.diamond{background:#e3e9ff}
.my-mship .m-badge.gold{background:#bbb}
.my-mship .m-badge.silver{background:#bbb}
.my-mship .m-badge.blonze{background:#e8dcd4}
.my-mship strong{font-size:16px;color:#fff;margin:0 0 0 22px; position: relative;}
.my-mship strong em{font-size:30px;color:#ff5b37;font-weight:500}
.my-mship .question-mark {vertical-align: super; display: inline-block; padding-left: 4px;}
.mship-info{width:260px;position:relative}
.mship-info::after{content: '';position:absolute;right:-40px;top:15px;width:1px;height:56px;background-color: #dbdbdb;opacity: .2;}
.mship-info li{font-size:14px;color:#fff;line-height:28px;display:flex;justify-content:space-between;font-weight:500}
.mship-info li span{font-size:14px;color:#fff;font-weight:400}
.m-ship-next{min-width:260px}
.m-ship-next h4{font-size:16px;color:#fff}
.m-ship-next h4 em{color:#ff5b37;font-size:16px;font-weight:500}
.m-ship-next .lv{display:flex;flex-wrap:nowrap;justify-content:space-between;height:97px;align-items:center;position:relative;width:295px}
.m-ship-next .lv:after{content:'';display:block;width:100%;height:4px;background:#ddd;position:absolute;}
.m-ship-next .lv>div{font-size:14px;color:#fff;padding:42px 0 0 0;position:relative}
.m-ship-next .lv>div.on i,.m-ship-next .lv>div.on + div i{width:12px;height:12px;display:block;border:1px solid #ff5b37;border-radius:50%;margin:-16px auto 6px auto;position:relative;z-index:10;background:#fff}
.m-ship-next .lv>div.on + div i{display:none}
.m-ship-next .lv>div.on i:before{content:'';display:block;width:10px;height:10px;background:#333;position:absolute;top:2px;left:2px;border-radius:50%}
.m-ship-next .lv>div.on{font-weight:500;padding:29px 0 0 0;position: absolute;left:0;color:#ff5b37;margin: -23px 0 0 0;text-align: right; background-position-x: 100%;}
.m-ship-next .lv>div.on:before{content:'';display:block;height:4px;background:#ff5b37;position:absolute;margin:6px 0 0 0;width:100%;z-index:1;}
.m-ship-next .lv>div.on i{border:1px solid #ff5b37;width:16px;height:16px;margin:0 -8px 6px auto;}
.m-ship-next .lv>div.on i:before{background:#ff5b37;width:8px;height:8px;left:3px;top:3px}
.m-ship-next .lv>div.on i::after{content:'';display:block;background: url(../images/common/icons-24-px-location.svg) right top no-repeat;width:20px;height:25px;position:absolute;left:-3px;top:-30px;}
.m-ship-next p{font-size:14px;line-height:22px;color:#fff;margin:13px 0 0 0}
.m-ship-next p em{color:#ff5b37;font-size:14px;font-weight:500}
.m-ship-level{width: calc( 100% + 20px );margin-left:-10px}
.m-ship-level .m-level{margin:0 10px}
.m-ship-level .m-level h4{font-size:20px;color:#333;padding:13px 0 0 0;font-weight:500;position: relative;text-align: center;padding-top:90px}
.m-ship-level .m-level h4 + p{font-size:14px;color:#333;padding:10px 0 15px 0;text-align: center;}
.m-ship-level .m-level h4 + p strong{font-size:16px;color:#333;font-weight:500}
.m-ship-level .m-level h4:after{content:'';display:block;width:73px;height:73px;position:absolute;left:50%;top:0;margin-left:-36.5px;background-position: center top!important;}
.m-ship-level .m-level.diamond h4:after{background:url(../images/common/ic-diamond.svg) no-repeat;}
.m-ship-level .m-level.gold h4:after{background:url(../images/common/ic-gold.svg) no-repeat;}
.m-ship-level .m-level.silver h4:after{background:url(../images/common/ic-silver.svg) no-repeat;}
.m-ship-level .m-level.bronze h4:after{background:url(../images/common/ic-bronze.svg) no-repeat;}
.m-ship-level .m-level.family h4:after{background: url(../images/common/ic-family.svg) no-repeat;}
/*
.m-ship-level .m-level.silver ul {padding-bottom: 40px;}
.m-ship-level .m-level.bronze ul {padding-bottom: 156px;}
.m-ship-level .m-level.family ul {padding-bottom: 195px;}
*/
.m-ship-level .m-level ul{display:block;border:1px solid #ddd;padding:20px;min-height: 250px;}
.m-ship-level .m-level li{font-size:14px;color:#333;width:100%;background:#f5f5f5;line-height: 1.4;margin:0 0 5px 0;text-align:center;padding: 7px 0;}
.m-ship-level .m-level li:last-child{margin:0}
.m-ship-level .m-level li em{font-size:14px;color:#333;font-weight:500}

.my-coupon h3{margin:50px 0 10px 0;font-size:20px}
.m-ship-benefit{background:#f5f5f5;padding:50px 35px;}
.m-ship-benefit .m-bf{position:relative;min-height:77px;padding:145px 0 0 0;margin:0 0 0 0;}
.m-ship-benefit .m-bf:before{content:'';display:block;width:120px;height:120px;background:#fff;border-radius:50%;position:absolute;left:50%;margin-left:-60px;top:0;background-size: 98px!important;}
.m-ship-benefit .m-bf h4{font-size:18px;color:#333;font-weight:500;margin:5px 0;text-align: center;}
.m-ship-benefit .m-bf p{font-size:14px;line-height:24px;color:#333;text-align: center;}
.m-ship-benefit .m-bf.bf0:before{background: #fff url(../images/common/ic-coupon-15.svg) center center no-repeat;background-size: 100% !important;}
.m-ship-benefit .m-bf.bf1:before{background: #fff url(../images/common/ic-mileage.svg) center center no-repeat;background-size: 100% !important;}
.m-ship-benefit .m-bf.bf2:before{background: #fff url(../images/common/ic-coin.svg) center center no-repeat;background-size: 100% !important;}
.m-ship-benefit .m-bf.bf3:before{background:#fff url(../images/common/ic-certify-p.svg) center center no-repeat}
.m-ship-benefit .m-bf.bf4:before{background: #fff url(../images/common/ic-cart-p.svg) center center no-repeat;}
.m-ship-benefit .m-bf.bf5:before{background:#fff url(../images/common/ic-review-p.svg) center center no-repeat}
.renewal.box-holder p em{font-size: 14px;color: #000;font-weight: 500;}

.recommend-code-box {display:flex; align-items:center; justify-content:center; padding:40px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.recommend-code-box .tit {margin-top:5px; font-size:22px; font-weight:500;}
.recommend-code-box .tit-desc {font-size:16px;}
.recommend-code-box .copy-group {display:flex; width:670px; margin-left:40px;}
.recommend-code-box .copy-group input {flex:1; background-color:#fff;}
.recommend-code-box .copy-group button {width:120px; flex-shrink:0; margin-left:10px;}
.recommend-code-box .copy-group button span {font-size:16px;}

/* datepicker */
.ui-datepicker {display:block; bottom:0px; width:100%; min-height:430px; background:#fff;}
.ui-datepicker .ui-datepicker-header {padding:50px 0 18px 0; text-align:center;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title span {color:#333; font-size:18px; font-weight:500;}
.ui-datepicker .ui-datepicker-next,.ui-datepicker-prev {position:absolute; top:50px; display:block; width:25px; height:25px; background: url(../images/common/icons-16-px-arrow-outline-down.svg) center center no-repeat; background-size:20px; transform:rotate(90deg);left:20px; cursor:pointer;}
.ui-datepicker .ui-datepicker-next{right:0; right:20px; left:auto; transform:rotate(270deg);}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker-prev span {display:block; text-indent:-9999px;}
.ui-datepicker table {width:100%; margin:0 auto; border:none; font-family:'Spoqa Han Sans Neo', 'sans-serif'; table-layout:fixed;}
.ui-datepicker table tr td:first-child a {color:#FF5B37;}
.ui-datepicker table tbody tr:first-child td {padding-top:15px;}
.ui-datepicker th{height:28px; border-bottom:1px solid #ddd; vertical-align:top;}
.ui-datepicker th span{color:#888; font-size:13px; font-weight:500; font-family:'Spoqa Han Sans Neo', 'sans-serif'; text-transform: uppercase;}
.ui-datepicker td {padding:5px 0}
.ui-datepicker td .ui-state-default {width:37px; height:37px; line-height:37px; display:block; margin:0 auto; font-size:14px; text-align:center;}
.ui-datepicker .ui-state-highlight{background:#ddd; border-radius:50%; color:#fff!important;}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-highlight.ui-state-active{background:#ff5b37; border-radius:50%; color:#fff!important;}
.ui-datepicker .ui-datepicker-current{display:none;}
.ui-datepicker .ui-datepicker-unselectable:not(.ui-datepicker-other-month) .ui-state-default {position:relative; color:#fff;}
.ui-datepicker .ui-datepicker-unselectable:not(.ui-datepicker-other-month) .ui-state-default:after {content:''; position:absolute; top:0; bottom:0; left:0; right:-10px; left:-10px; background:ccc; z-index:-1;}

.sns_link li{width: 100%;height: 80px;border:1px solid #dddddd;margin-bottom: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;             display: flex;align-items: center;justify-content: space-between;padding: 0 41px;}
.sns_link li span{font-size: 16px;padding-left: 55px;line-height: 45px;background-repeat: no-repeat;}
.sns_link li:first-child span{background-image: url('https://contents.k-village.co.kr/front/pc/images/common/sns-katalk.svg');}
.sns_link li:nth-child(2) span{background-image: url('https://contents.k-village.co.kr/front/pc/images/common/sns-naver.svg');}
.sns_link li:nth-child(3) span{background-image: url('https://contents.k-village.co.kr/front/pc/images/common/sns-facebook.svg');}
.sns_link li:last-child span{background-image: url('https://contents.k-village.co.kr/front/pc/images/common/sns-apple.svg');}
.sns_link li .onoff{background-image: url('https://contents.k-village.co.kr/front/pc/images/mypage/sns_link_off.png');width: 100px;height: 34px;}
.sns_link li .onoff.on{background-image: url('https://contents.k-village.co.kr/front/pc/images/mypage/sns_link_on.png');}

.allsale-price .popBtn {text-decoration: underline;text-underline-position: under;cursor: pointer;}
.modal.mypage-dis {display: none;}
.jquery-modal.blocker.current .modal.mypage-dis {display: inline-block;}
.modal.mypage-dis .modal-header {margin-bottom: 20px;}
.modal.mypage-dis .tabWrap {width: 100%;display: flex;margin-bottom: 15px;}
.modal.mypage-dis .tabWrap .tab {width: 50%;height: 25px;line-height: 25px;text-align: center;font-size: 16px;color: #888;position: relative;cursor: pointer;}
.modal.mypage-dis .tabWrap .tab.on {color: #333;font-weight: 600;}
.modal.mypage-dis .tabWrap .tab::after {content: '';position: absolute;right: 0;top: 0;width: 1px;height: 25px;background-color: #888;}
.modal.mypage-dis .tabWrap .tab:last-child::after {content: none;}
.modal.mypage-dis .tab-cont li {display: flex;justify-content: space-between;flex-wrap: wrap;}
.modal.mypage-dis .tab-cont span {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;line-height: 1.928em;max-width: calc(100% - 80px);}
.modal.mypage-dis .tab-cont span.price {width: 70px;text-align: right;}
.modal.mypage-dis .tab-cont li.line {position: relative;padding-top: 15px;}
.modal.mypage-dis .tab-cont li.line::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 7px;background-color: #000;}
.modal.mypage-dis .tab-cont li.line-under {position: relative;padding-bottom: 15px;}
.modal.mypage-dis .tab-cont li.line-under::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 7px;background-color: #959595;}
.modal.mypage-dis .tab-cont li.line span,
.modal.mypage-dis .tab-cont li.line-under span {font-size: 16px;font-weight: 600;}
.modal.mypage-dis .tab-cont span.detail {position: relative;width: 100%;padding-left: 20px;font-size: 12px;color: #888;max-width: 100%;}
.modal.mypage-dis .tab-cont span.detail::after {content: '';width: 10px;height: 10px;position: absolute;left: 0;bottom: 7px;border-left: 2px solid #ddd;border-bottom: 2px solid #ddd;}
.modal.mypage-dis button {margin-top: 20px;}
.modal.mypage-dis .tab-cont .mt18 {margin-top: 18px;}
.modal.mypage-dis .tab-cont {display: none;}
.modal.mypage-dis .tab-cont.on {display: block;}


.div-middle { margin-top: 25px; margin-bottom: 25px; } 
.my-coupon { margin-right: 0; } 
.cp-tab { padding-bottom: 20px; } 
.cp-tab .cp-list { display: flex; position: relative; width: 1360px; overflow: hidden; } 
.cp-tab .cp-list li { height: 52px; align-items: center; display: flex; justify-content: center; flex-basis: 33.33%; color: #888;line-height: 25px; background-color: #fff; border: 1px solid #888; } 
.cp-tab .cp-list li:not(:last-child) { border-right: none; } 
.cp-tab .cp-list li.on { color: #fff; cursor: default; z-index: 1; background-color: #000; } 
.cp-tab .cp-list a { font-size: 16px; letter-spacing: -0.04em; } 
.coupon-wrap { padding: unset; border-top: none; width: 1360px; gap: 20px; align-items: unset; } 
.coupon-wrap .cp { color: #333; padding: 0; width: unset; display: flex; flex-direction: column; overflow: hidden; } 
.coupon-wrap .cp .cp-ticket { display: flex; align-items: center; margin: 0; } 
.coupon-wrap .cp .cp-ticket>span { background: none; text-align: none; display: block; } 
.coupon-wrap .cp .cp-ticket .cp-info { width: 100%; padding:0; /* width: calc(100% - 240px); */}
.coupon-wrap .cp .cp-ticket .cp-info .cp-tit { width: 440px; font-size: 16px !important; letter-spacing: -0.04em; line-height: 25px; background: #F0F0F0; padding:17.5px 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
/* 2026.03.25 앱배지 추가로 인한 높이 고정 해제 및 배경이미지 코드로 변경 */
/* .coupon-wrap .cp .cp-detail { padding: 0; background:url(../images/mypage/ticket_bg.png) no-repeat; width: 440px; height: 200px; }  */
.coupon-wrap .cp .cp-detail { position: relative; width: 440px; min-height: 200px; background: #fff; border: 1px solid #e0e0e0; border-top: 0; padding: 0 0 13px 0; flex: 1; } 
.coupon-wrap .cp .cp-detail::before,
.coupon-wrap .cp .cp-detail::after { content: ""; width: 20px; height: 20px; background: #fff; border-radius: 50%; border: 1px solid #e0e0e0; position: absolute; top: 66px; }
.coupon-wrap .cp .cp-detail::before { left: -12px; }
.coupon-wrap .cp .cp-detail::after { right: -12px; }
.coupon-wrap .cp .cp-detail li span { display: block; margin-right: 0; color: #333; } 
.coupon-wrap .cp .cp-detail li:has(.app-badge) { margin-top: 16px; margin-bottom: -12px; }
.coupon-wrap .cp .cp-detail li .app-badge { position: static; }
.coupon-wrap .cp .cp-detail li .app-badge__item { display: inline-flex; font-size: 10px; color: #fff; }
.coupon-wrap .cp-detail .price { font-size: 42px !important; font-weight: 700; line-height: 25px; padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #F0F0F0; } 
.coupon-wrap .cp-detail .discount { font-size: 16px; font-weight: 400; } 
.coupon-wrap .cp-detail .days { font-weight: 500; line-height: 14px; padding-top: 20px; padding-bottom: 14px; } 
.coupon-wrap .cp-detail .exist { font-size: 14px; color: #FF5B37; font-weight: 500; } 
.coupon-wrap .cp-detail li { line-height: 21px !important; color: #a8a8a8 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 25px 0 25px; letter-spacing: -0.04em; font-weight: 400;}
.coupon-wrap .cp-detail .persent { font-size: 30px; font-weight: 300; } 
.coupon-wrap .cp-detail .max { font-size: 16px; font-weight: 400; } 
.blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } 
/* 2026.03.25 쿠폰 비활성화 스타일 */
.coupon-wrap .cp--disabled { color: #c2c2c2 !important; }
.coupon-wrap .cp--disabled .cp-ticket * { color: #b3b3b3 !important; }
.coupon-wrap .cp--disabled .cp-detail * { color: #c2c2c2 !important; }
.coupon-wrap .cp--disabled .cp-detail .days { color: #b3b3b3 !important; }
.coupon-wrap .cp--disabled .cp-detail .app-badge__item { background: #ff5b37 !important; color: #fff !important; }

/* 250106 유예등급 추가반영 style수정 */
.mine.top-bar.mship-wrap {justify-content: space-between;}
.keep.m-ship-next .lv>div.on i::after {visibility: hidden;}
.m-ship-next .lv>div
.keep.m-ship-next .lv:after {background: #333333;}
.j17.my-mship p{color: #9D9D9D;font-size: 13px;}
.t3.m-ship-next p{color: #9D9D9D;font-size: 14px;}
.t3.ml-40 span {color:#fff;}
.t3.ml-40 img {margin-top: -3px;}
.j17.my-mship,
.t3.ml-40 {position: relative;}
.j17.my-mship:after, .t3.ml-40:after {
    content: '';
    position: absolute;
    right: -90px;
    top: 50%;
    width: 1px;
    height: 56px;
    background-color: #dbdbdb;
    opacity: .2;
    transform: translateY(-50%);
}
/* .j17.my-mship:after {content: '';position: absolute;right: -90px;top: 15px;width: 1px;height: 56px;background-color: #dbdbdb;opacity: .2;} */
/* .t3.ml-40:after {content: '';position: absolute;right: -45px;top: 15px;width: 1px;height: 56px;background-color: #dbdbdb;opacity: .2;} */
.keep.m-ship-next .lv>div {color:#9D9D9D;}
.keep.m-ship-next #current-grade {color: #FF5B37;}
.keep.my-mship strong, .keep.m-ship-next h4 {font-size: 14px;}
.j17.my-mship strong em {font-size: 26px;}
.mine.top-bar.mship-wrap {padding: 20px 100px;}
.modal.middle {margin-top: 172px;}
.m-ship-benefit {background: #f5f5f5;padding: 30px 30px 20px;}
.m-ship-benefit p{text-align: center;}
.m-ship-benefit span {font-size: 14px;color: #ff5b37;}
.m-ship-benefit p:nth-child(1) {margin-bottom: 20px;font-size: 16px;line-height: 24px;}
.m-ship-benefit p:nth-child(2) {font-size: 14px;line-height: 17px;line-height: 20px;letter-spacing: 0.1px;}
.m-ship-benefit p:nth-child(3) {font-size: 14px;line-height: 17px;line-height: 20px;letter-spacing: 0.1px;}
.m-ship-benefit p:nth-child(4) {font-size: 14px;line-height: 17px;line-height: 20px;letter-spacing: 0.1px;}
.m-ship-benefit em {font-size: 20px;line-height: 24px;color: #ff5b37;font-weight: 500;}
.modal .p17.modal-header {height: 75px;}
.modal .p17.modal-header::after {top: 65px;}
.mt-30.notice {margin: 30px 0;}
.mt-30.notice p {font-size: 14px;line-height: 20px;padding-bottom: 5px;color: #888888;}
.mo.list-type-1 li {word-break: keep-all;}
.mine .btn-type-normal.middle {width: 460px;padding: 10px 0px;}
.t3.m-ship-next h4 {font-size: 14px; margin-bottom: 6px;}
.t3.m-ship-next p {margin: 4px 0 0;}
.m-ship-next h4 em {font-size: inherit; margin-right: 2px;}
/*o2o 추가 20241226*/
td .prd-info .info-badge > span {display: inline-block; color: #ff5b37; font-size: 11px; border: 1px solid #ff5b37; padding: 3px 15px; margin-bottom: 10px; box-sizing: border-box;}
td .prd-info .info-badge span ~ span {margin-left: 5px;}
.mypage-prd .prd-info {height: auto;}
.mypage-prd .order-cart { position: static; margin-top: 20px;}
/* U-11 마이페이지 좋아요 */
#brand-favorite .brand-wrap {
    display: flex;
    width: 270px;
    align-items: center;
    margin-bottom: 15px;
}
#brand-favorite .brand-wrap .favorite-wrap {
    text-align: center;
}
#brand-favorite .brand-wrap .favorite-wrap .brand-favorite {
    display: block;
    width: 30px;
    height: 15px;
    background-image: url(https://contents.k-village.co.kr/front/pc/images/common/ico-favorite.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 14px;
}
#brand-favorite .brand-wrap .favorite-wrap.on .brand-favorite {
    background-image: url(https://contents.k-village.co.kr/front/pc/images/common/ico24-heart-fill.svg);
}
#brand-favorite .brand-wrap .favorite-wrap span {
    display: inline-block;
    color: #999;
    font-size: 11px;
    margin-top: 7px;
}
#brand-favorite .brand-wrap a {
    margin-left: 10px;
}
#brand-favorite .brand-wrap a span {
    display: block;
    color: #999;
    font-size: 13px;
    font-weight: 500;
}
#brand-favorite .brand-wrap a .en-tit {
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
    align-items: center;
    position: relative;
}
#brand-favorite .brand-wrap a span.en-tit::after {
    content: '';
    position: absolute;
    top: 2px;
    right: -17px;
    width: 15px;
    height: 14px;
    background: url(https://devcontents.thekconnect.com/front/pc/images/common/ico-arrow-next.svg) center / 12px 8px no-repeat;
}
#brand-favorite .prd-list {
    display: flex;
    gap: 30px;
    margin: 30px 0 0;
    flex-wrap: wrap;
}
#brand-favorite .prd-list ul {
    /* justify-content: space-between; */
    gap: 10px;
    width: 665px;
}
#brand-favorite .prd-list li {
    width: 125px;
}
#brand-favorite .prd-list li .thumb-img img {width: 125px;}
#brand-favorite .prd-list li .flag-chart {
    width: 28px;
    height: 28px;
    line-height: 28px;
}
#brand-favorite .prd-list li .flag-chart span {
    font-size: 12px;
}
.thumb-img .btn-favorite {
    top: auto;
    bottom: 10px;
}
#brand-favorite .thumb-img .btn-favorite {
    top: auto;
    bottom: 6px;
    right: 6px;
}
#brand-favorite .btn-favorite i, #brand-favorite .btn-favorite.on i {
    width: 24px;
    height: 24px;
    background-size: 18px 16px;
}
#brand-favorite .delivery-txt, #brand-favorite span,
#brand-favorite #btn-all-delete, 
#favorite-content .delivery-txt, #favorite-content span,
#favorite-content #btn-all-delete {
    font-weight: 500;
}
#brand-favorite .flag-chart {display: none;}

/* U-11 마이페이지 메인 - 메뉴 */
.breadcrumb a span, .breadcrumb li, .breadcrumb li a {font-weight: 500;}
.local-sub-nav li > a {font-weight: 500;}
.mypage .local-nav > ul > li:last-child {border-bottom: 1px solid #ddd;}

/* U-11 마이페이지 메인 - 주문/배송 조회 */
.mypage .div-title .txt {font-weight: 600;}
.mypage .div-title a.more {font-weight: 500; padding: 4px 16px 4px 4px;}
.mypage .order-inquiry li { position: relative; width: 16.666%; text-align: center; padding: 20px 0; }
.mypage .order-inquiry li::before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 54px; background: #ddd; transform: translateY(-50%); }
.mypage .order-inquiry li:first-child::before { display: none; }
.mypage .order-inquiry li p { font-size: 16px; font-weight: 500; }
.mypage .order-inquiry li.no-num p { color: #bbb; }
.mypage .order-inquiry li p ~ p { margin-top: 10px; }
.mypage .order-inquiry li p span { font-size: 24px; font-weight: 600; padding-right: 5px; }

/* U-11 마이페이지 메인 - 주문 */
.mypage .recent-order-item .table-header { padding: 25px 20px; }
.mypage .table-header .more { font-weight: 500; margin-right: 0; }
.mypage .recent-order-item .table-header .more + .btn-type-line { color: #000; font-weight: 700; margin: 0 0 0 20px; }
.mypage .recent-order-item .table-header .more + .btn-type-line:disabled span { color: #fff; }
.mypage .recent-order-item .table-header .order-date { font-weight: 600; }
.mypage .tbl-style-01 thead th { font-weight: 500; }
.mypage .tbl-style-01 tbody td { font-weight: 500; padding: 30px 0; }
.mypage .prd-info .prd-brand { font-size: 12px; font-weight: 700; }
.mypage .prd-info .prd-name a { font-size: 13px; font-weight: 500; line-height: 25px; margin: 0; }
.mypage-prd .prd-info .prd-opt { margin-top: 0; }
.mypage-prd .prd-info .prd-opt .opt { font-weight: 500; line-height: 19px; }
.mypage-prd .prd-info .prd-opt .opt span { font-size: 13px; font-weight: 500; }
.mypage .mypage-prd .order-cart { margin-top: 10px; }
.mypage .prd-price { font-weight: 600; }
.mypage .recent-order-item .prd-price .prd-mark { font-size: 16px; font-weight: 600; margin-left: -2px; }
.mypage .order-holder .order-stend { color: #000; font-size: 16px; line-height: 22px; margin: 0; }
.mypage [class^="btn-type"].middle span { font-weight: 500; }
.prd-info .info-badge > span { display: inline-block; color: #333; font-size: 11px; border: 1px solid #ff5b37; border-color: #333; font-weight: 500; padding: 3px 15px; margin-bottom: 10px; }
.mypage td .prd-info .info-badge > span { color: #333; border-color: #333; font-weight: 500; }

/* U-11 마이페이지 회원정보 - 회원탈퇴 버튼 */
.mypage .withdraw-btn { color: #333; font-size: 16px; font-weight: 500; text-decoration: underline; }

/* U-11 마이페이지 배송지 관리 */
.mypage .delivery-txt {font-weight: 500;}
.mypage .tbl-style-01 tbody td {font-weight: 500;}
.mypage [class^="btn-type"].xsmall span {font-weight: 700;}
.mypage .tbl-style-01 thead th {font-weight: 500;}

/* U-11 마이페이지 배송지 관리 - 배송지 등록/관리 팝업 */
.modal-header h2 {font-weight: 500;}
#P_MY_24_P .div-middle .label {font-size: 16px; font-weight: 600;}
#P_MY_24_P [class^="txt-type"] {font-weight: 600;}
#P_MY_24_P input[name="dlvpAnnm"], #P_MY_24_P input[name="rcpnt"] {width: 480px;}
#P_MY_24_P input + label {font-weight: 500;}
#P_MY_24_P .phone {width: 480px;}
#P_MY_24_P .phone.address {width: 100%;}
#P_MY_24_P .div-middle.phone .box span {font-weight: 700;}
#P_MY_24_P .box-type-select {font-weight: 600;}

/* U-11 마이페이지 취소/반품 상세 */
.mypage .table-header {padding: 25px 20px;}
.mypage .order-holder .order-sttype {font-size: 16px;}

.mypage .order-detail-tit p {font-weight: 500;}
.mypage .tbl-style-02 tbody th {font-weight: 500;}
.mypage .tbl-style-02 tbody td {font-weight: 500;}

.mypage .my-qna-cont.return-reason h4 {font-weight: 500;}
.mypage .my-qna-cont.return-reason .qa-view {font-weight: 500;}
.mypage .my-qna-cont.return-reason .qa-cont .q-txt {font-weight: 500;}

.mypage .payment-info .order-detail-tit {position: relative; width: 100%; text-align: left; border-bottom: 1px solid #888; padding-bottom: 20px;}
.mypage .payment-info .order-detail-tit::after {content: ''; position: absolute; display: inline-block; top: 50%; right: 0; width: 14px; height: 8px; opacity: 1; background: url(https://contents.k-village.co.kr/front/pc/images/common/icons-light-down.svg) right center no-repeat; background-size: 100%; transform: translateY(-50%);}
.mypage .payment-info .order-detail-tit.active::after {transform: scaleY(-1) translateY(2px);}
.mypage .payment-info .qa-cont {display: none;}
.mypage .payment-info .qa-cont > button.end {display: block; margin-top: 15px; margin-bottom: 15px; margin-left: auto;}
.mypage .payment-info .qa-cont .order-price-result {padding: 42px;}
.mypage .payment-info .qa-cont .order-price-result dt {color: #333; font-weight: 500;}
.mypage .payment-info .qa-cont .order-price-result .allsale-price .popBtn {text-underline-position: from-font;}
.mypage .payment-info .qa-cont .order-price-result dl .prd-price {color: #333; font-size: 28px; font-weight: 700;}
.mypage .payment-info .qa-cont .order-price-result dl.total-price .prd-price {color: #ff5b37;}
.mypage .payment-info .qa-cont .order-price-result dl .prd-mark {font-size: 28px; font-weight: 500;}
.mypage .payment-info .qa-cont .order-price-result dl.total-price .prd-price .prd-mark {color: #ff5b37;}
.mypage .payment-info .qa-cont .order-type {padding: 15px 0; margin: 0;}
.mypage .payment-info .qa-cont .order-type p {font-weight: 500;}

.mypage .cancel-price-result {border-top: 1px solid #888;}
.mypage .cancel-price-result dl {position: relative; padding: 0 50px; min-width: 220px;}
.mypage .cancel-price-result dl::before {content: ''; display: block; width: 24px; height: 24px; position: absolute; left: -12px; top: 50%; margin-top: -12px; background: url(https://contents.k-village.co.kr/front/pc/images/common/ico-cart-minus.svg) no-repeat center center;}
.mypage .cancel-price-result dl:first-child:before {display: none;}
.mypage .cancel-price-result dl.total-price::before {background: url(https://contents.k-village.co.kr/front/pc/images/common/ico-equal.svg) no-repeat center center;}
.mypage .cancel-price-result dl.total-maile-price::before {background: url(https://contents.k-village.co.kr/front/pc/images/common/ico-cart-plus.svg) no-repeat center center;}
.mypage .cancel-price-result dt {color: #333; font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.mypage .cancel-price-result p.prd-price {color: #333; font-size: 28px; font-weight: 700;}
.mypage .cancel-price-result p.prd-price .prd-mark {font-size: 28px; font-weight: 500;}
.mypage .cancel-price-result dl[class^="total-"] .prd-price {color: #ff5b37;}
.mypage .cancel-price-result dl[class^="total-"] .prd-price .prd-mark {color: #ff5b37;}
.mypage .cancel-type {padding: 15px 0;}
.mypage .cancel-type p {font-size: 14px; font-weight: 500;}
.modal-header h2 {font-weight: 500;}

/* U-11 마이페이지 주문내역 */
.nice-select > span { font-weight: 500; }
.nice-select .option { font-weight: 500; }
.mypage .order-tab-wrap { margin-bottom: 30px; }
.mypage .order-tab-wrap ul li { width: 33.333%; text-align: center; }
.mypage .order-tab-wrap ul li a { display: block; width: 100%; color: #888; font-size: 16px; font-weight: 500; border: 1px solid #888; border-right: none; background: #fff; padding: 13px 0; }
.mypage .order-tab-wrap ul li a span { font-size: 16px; font-weight: 500; }
.mypage .order-tab-wrap ul li:last-child a { border-right: 1px solid #888; }
.mypage .order-tab-wrap ul li.on a { color: #fff; border-color: #000; background: #000; }
.mypage .no-con-wrap { border-bottom: 1px solid #ddd; padding: 14px 0 44px; }
.mypage .no-con-wrap h3 { font-weight: 500; }

/* U-11 마이페이지 주문내역 - 취소신청 팝업 */
#P_MY_17_P.modal { padding: 30px; }
.modal-header h2 {font-weight: 500;}
#P_MY_17_P.modal .modal-header {height: auto; padding-bottom: 30px;}
#P_MY_17_P.modal .modal-header::after {top: auto; bottom: 0;}
#P_MY_17_P.modal .scroll { padding: 0 20px 40px 0; }
#P_MY_17_P.modal .scroll #li-target-order-info-cancel { padding: 20px 30px; }
#P_MY_17_P.modal .prd-info .prd-brand { font-size: 12px; font-weight: 700; }
#P_MY_17_P.modal .prd-info .prd-name a { font-size: 13px; font-weight: 500; line-height: 25px; margin: 0; }
#P_MY_17_P.modal #div-content-pop { margin-top: 0 !important; }
#P_MY_17_P.modal .prd-price { font-weight: 600; }
#P_MY_17_P.modal .mypage-prd .order-cart { margin-top: 10px; }
#P_MY_17_P.modal .scroll > h4 { font-size: 15px; font-weight: 700; }
#P_MY_17_P.modal .scroll .box-type-select { font-weight: 500; background-position-x: calc(100% - 18px); }
#P_MY_17_P.modal .scroll p { font-weight: 500; }
#P_MY_17_P.modal .scroll .textbox textarea { font-size: 12px; font-weight: 500; padding: 10px 10px 10px 20px; }
#P_MY_17_P.modal .scroll .textbox .txt-byte { right: 10px; bottom: 10px; }
#P_MY_17_P.modal .scroll .invoce-list li span { font-weight: 500; line-height: 22px; }
#P_MY_17_P.modal a.close-modal { top: 36px; }

.mypage .giftAddrInfo.tbl-style-01 tbody td { padding:15px 30px;}

/* 재입고 알림 내역 */
.restock-del-box { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 20px; }
.restock-del-box span { font-size: 13px; color: #888; }
.restock-del-box button { font-size: 14px; text-decoration: underline; text-underline-position: under; }