@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; } 
.coupon-wrap .cp { color: #333; padding: 0; width: unset; } 
.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; } 
.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 li span { display: block; margin-right: 0; color: #333; } 
.coupon-wrap .cp-detail .price { font-size: 42px !important; font-weight: 700; line-height: 25px; padding-bottom: 20px; padding-top: 20px; } 
.coupon-wrap .cp-detail .discount { font-size: 16px; font-weight: 400; } 
.coupon-wrap .cp-detail .days { font-weight: 500; line-height: 14px; border-top: 1px solid #F0F0F0; 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; } 


/* 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;}