:root{--mainBg:#fafbfb;--pointColor:#eb0050;--pointfontColor:#fff}.padding{padding:0 var(--spacing-sm-03)}.header-title{display:flex;justify-content:space-between;padding:6px 0;align-items:center}.header-title h2{font-size:14px;font-weight:700;line-height:21px}.header-title button{font-size:12px}.header-title button:disabled{color:#8b8c8d}.header-title button.border_btn{border-radius:4px;box-shadow:0 0 4px 0 rgba(0,0,0,.15);padding:3px var(--spacing-sm-01)}hr{background:#f1f1f1;height:6px;border:0;margin:var(--spacing-md) 0}.letter-wrap{position:relative;transition:all .3s;background-position:50%;background-repeat:no-repeat;background-size:cover}.letter-wrap .title{top:8%}.letter-wrap:before{content:"";display:block;padding-top:89%}.letter-wrap .letter-area{background:#fff;position:absolute;width:calc(100% - 32px);height:62%;left:50%;bottom:16px;transform:translateX(-50%);box-shadow:0 0 4px 0 rgba(0,0,0,.15);border-radius:8px}.letter-wrap .letter-area .area_inner{position:relative;height:100%;padding:var(--spacing-xl-01) var(--spacing-sm-03) var(--spacing-sm-02);box-sizing:border-box}.letter-wrap .letter-area .area_inner .img{width:130px;height:130px;position:absolute;top:-90px;left:50%;transform:translateX(-50%);box-shadow:0 0 4px 0 rgba(0,0,0,.15);border-radius:8px;overflow:hidden;background-color:#f4efec}.letter-wrap .letter-area .area_inner .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.letter-wrap .letter-area .area_inner .ecard-img{width:210px;height:137px;position:absolute;top:-90px;left:50%;transform:translateX(-50%);box-shadow:0 0 4px 0 rgba(0,0,0,.15);border-radius:8px;overflow:hidden;background-color:#f4efec}.letter-wrap .letter-area .area_inner .ecard-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.letter-wrap.gift-card{padding:var(--spacing-sm-03)}.letter-wrap.gift-card:before{display:none}.letter-wrap.gift-card .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.letter-wrap.gift-card .letter-area{position:static;width:100%;height:228px;margin-top:var(--spacing-sm-01);transform:none}p.form-text{font-size:12px;font-weight:500;padding-top:8px}p.form-text.reserve{background-color:#e9eaeb;padding:var(--spacing-sm-01) var(--spacing-sm-02);border-radius:8px;display:flex;align-items:center;font-size:14px;justify-content:space-between}p.form-text.reserve button{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;background-color:#fff;padding:3px 0;border-radius:4px;min-width:74px}p.form-text.reserve button i{background:#000;-webkit-mask-image:url(../img/icon_close.82e8d916.svg);mask-image:url(../img/icon_close.82e8d916.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:-4px center;mask-position:-4px center;-webkit-mask-size:27px;mask-size:27px;width:14px;height:14px}ul.lists{display:flex;flex-wrap:wrap;gap:12px;position:relative;margin-top:12px}ul.lists>li{flex-wrap:wrap;flex-basis:100%;padding:0 var(--spacing-sm-01);gap:4%;border-top:1px solid #d7d8d9;justify-content:space-between}ul.lists>li:first-child{border-top:0}ul.lists>li .chk{display:flex;justify-content:space-between;align-items:center;height:36px;padding:var(--spacing-sm-01) 0;box-sizing:border-box}ul.lists>li .chk input{top:9px}ul.lists>li .item-thumb{gap:var(--spacing-sm-02)}ul.lists>li .item-thumb .left .thumbnail{position:relative;background-color:#f4efec;background-image:url(../img/sample_cup_img.cf899340.png);background-repeat:no-repeat;background-position:50% 50%;overflow:hidden}ul.lists>li .item-thumb .left .thumbnail,ul.lists>li .item-thumb .left .thumbnail.item-thumbnail{width:60px;height:60px;border-radius:8px;background-size:cover}ul.lists>li .item-thumb .left .thumbnail.card-thumbnail{width:88px;height:62px;background-size:contain;border-radius:4px}ul.lists>li .item-thumb .left .thumbnail .chk{position:absolute;top:8px;left:-1px;background-color:#fff}ul.lists>li .item-thumb .left .thumbnail .chk label{position:absolute;top:auto;left:auto;z-index:10;padding-left:0}ul.lists>li .item-thumb .left .thumbnail._success:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:1}ul.lists>li .item-thumb .left .thumbnail._success:after{content:attr(data-value);text-align:center;position:absolute;width:80%;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);border-radius:var(--radius-full);font-size:12px;font-weight:700;line-height:26px;color:#fff;z-index:2}ul.lists>li .item-thumb .left .thumbnail.use:after{content:"사용완료"}ul.lists>li .item-thumb .left .thumbnail.period:after{content:"기한만료"}ul.lists>li .item-thumb .left .thumbnail.un-avaiable{overflow:hidden;text-align:center}ul.lists>li .item-thumb .left .thumbnail.un-avaiable:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:1}ul.lists>li .item-thumb .left .thumbnail.un-avaiable:after{content:"결제취소";position:absolute;width:56px;height:27px;top:50%;left:50%;padding:var(--spacing-xs);transform:translate(-50%,-50%);background:rgba(0,0,0,.7);border-radius:var(--radius-full);font-size:12px;font-weight:700;line-height:27px;color:#fff;z-index:2}ul.lists>li .item-thumb .left .thumbnail.un-avaiable-refuse{overflow:hidden;text-align:center}ul.lists>li .item-thumb .left .thumbnail.un-avaiable-refuse:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:1}ul.lists>li .item-thumb .left .thumbnail.un-avaiable-refuse:after{content:"수신거절";position:absolute;width:56px;height:27px;top:50%;left:50%;padding:var(--spacing-xs);transform:translate(-50%,-50%);background:rgba(0,0,0,.7);border-radius:var(--radius-full);font-size:12px;font-weight:700;line-height:27px;color:#fff;z-index:2}ul.lists>li .item-thumb .right{position:relative;flex-basis:75%}ul.lists>li .item-thumb .right .prtd-info{overflow:hidden}ul.lists>li .item-thumb .right .prtd-info dt.title{width:calc(100% - 40px);height:100%;font-size:var(--fontsize-medium);font-weight:700;line-height:21px;max-height:42px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}ul.lists>li .item-thumb .right .prtd-info dd{line-height:18px;max-height:36px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--text-secondary)}ul.lists>li .item-thumb .right .prtd-info dd,ul.lists>li .item-thumb .right .prtd-info p{margin-top:4px;font-size:12px;font-weight:500}ul.lists>li .item-thumb .right .prtd-info p span{display:inline-block;margin-right:4px}ul.lists>li .item-thumb .right .prtd-info p .org_price{color:#8b8c8d;text-decoration:line-through}ul.lists>li .item-thumb .right .prtd-info p .sale{color:#5a92ff}ul.lists>li .btn-quantity{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-sm-01)}ul.lists>li .btn-quantity .btn-wrap{gap:2px}ul.lists>li .btn-quantity .number{padding:0 var(--spacing-sm-01);min-width:28px}ul.lists>li .btn-quantity .cost{float:right;font-size:var(--fontsize-medium);font-weight:var(--fontweight-bold);color:var(--text-primary);line-height:2}ul.lists>li .btn-quantity .disc-price{gap:var(--spacing-xs)}ul.lists>li .btn-quantity .disc-price .origin{color:var(--text-secondary);text-decoration:line-through}ul.lists>li .btn-quantity .disc-price .disc{color:var(--system-success)}ul.lists>li .remove-prdt{position:absolute;top:auto;right:-9px;width:36px;height:36px;padding:0;background:url(../img/cart_delete_prdt.06d7b091.svg) no-repeat 50% 50%/18px;z-index:20}ul.lists>li.cancel-item .btn-quantity .cost,ul.lists>li.cancel-item .btn-quantity .price_ea,ul.lists>li.cancel-item .item-thumb .right .prtd-info dd,ul.lists>li.cancel-item .item-thumb .right .prtd-info dt.title,ul.lists>li.cancel-item .item-thumb .right .prtd-info p{color:#8b8c8d}ul.lists.gift-card-list{gap:0}ul.lists.gift-card-list li{padding:0;margin-bottom:var(--spacing-sm-02)}ul.lists.gift-card-list li .left .thumbnail.card{background-image:url(../img/card_img_01.87fb4e0b.png)}.add_btn{text-align:center;width:100%;display:flex;justify-content:center;font-size:14px;font-weight:500;line-height:21px;padding:var(--spacing-sm-01) 0;color:#8b8c8d}.sum-wrap{padding:0 0 var(--spacing-sm-02)}.sum-wrap .sum-info{margin-top:var(--spacing-sm-01);padding:0 var(--spacing-sm-01)}.sum-wrap .sum-info .total{font-size:var(--fontsize-medium);font-weight:var(--fontweight-bold);color:var(--text-primary);display:flex;justify-content:space-between}.sum-wrap .sum-info ul{margin-top:var(--spacing-sm-01)}.sum-wrap .sum-info ul li{display:flex;justify-content:space-between;position:relative;font-size:var(--fontsize-medium);font-weight:var(--fontweight-bold);color:var(--text-primary)}.sum-wrap .sum-info ul li span{font-size:var(--fontsize-small);font-weight:var(--fontweight-regular);color:var(--text-primary)}.sum-wrap .sum-info ul li+li{margin-top:var(--spacing-sm-01)}.sum-wrap.cancel-list .sum-info{border-bottom:1px solid #dfe1e2;padding-bottom:12px}.sum-wrap.cancel-list .sum-info.border{border-bottom:1px solid #8b8c8d}.settlement-info{margin-top:var(--spacing-sm-02);padding:var(--spacing-sm-02) var(--spacing-sm-01) 0;border-top:1px solid var(--border-tertiary)}.settlement-info div{display:flex}.settlement-info div.stl-type,.settlement-info div.total-cost{font-size:var(--fontsize-medium);font-weight:var(--fontweight-bold);color:var(--text-primary);justify-content:space-between}.settlement-info div.stl-type{margin-top:var(--spacing-sm-01);font-size:var(--fontsize-small);font-weight:var(--fontweight-regular)}.mx-datepicker{margin-bottom:0}.mx-datepicker .mx-calendar-content .mx-date-row .active div,.mx-datepicker .mx-calendar-content .mx-date-row .today div{line-height:40px}.modal-wrap.bottom.date-picker .modal .modal-content{margin-top:0}.reserve-time .modal .modal-header{position:relative}.reserve-time .modal .modal-header button{position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.reserve-time .modal .modal-header h3{padding-left:var(--spacing-xl-02)}.reserve-time .modal .time-wrap{display:flex;height:88px;gap:8px}.reserve-time .modal .time-wrap .swiper-container{width:100%;text-align:center}.reserve-time .modal .time-wrap .swiper-container .swiper-slide{width:100%;height:32px;font-size:var(--fontsize-large);font-weight:var(--fontweight-medium);opacity:.3;transition:all .3s}.reserve-time .modal .time-wrap .swiper-container .swiper-slide.swiper-slide-active{border-radius:99px;background-color:var(--surface-gray-01);color:var(--text-primary);line-height:32px;opacity:1}[data-v-2612928e]:root{--mainBg:#fafbfb;--pointColor:#eb0050;--pointfontColor:#fff}.basket-wrap[data-v-2612928e]{padding:0 var(--spacing-sm-03) 90px;height:100%;box-sizing:border-box}.order-items-wrap[data-v-2612928e]{position:relative}.order-items-wrap .chk.new label[data-v-2612928e]{height:36px;font-size:var(--fontsize-small);color:#8b8c8d;position:relative}.order-items-wrap .chk.new label[data-v-2612928e]:before{margin-right:8px;left:1px;width:16px;height:16px;-webkit-mask:url(../img/icon_check_gray.ce9bd73f.svg);mask:url(../img/icon_check_gray.ce9bd73f.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:10px;mask-size:10px;background-color:var(--icon-tertiary);z-index:1}.order-items-wrap .chk.new label[data-v-2612928e]:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);border:1px solid var(--icon-tertiary);border-radius:50%;width:16px;height:16px}.order-items-wrap .chk.new span[data-v-2612928e]{display:inline-block;margin-left:2px;font-size:var(--fontsize-small);color:#8b8c8d}.order-items-wrap .chk.new input:checked+label[data-v-2612928e]:before{margin-right:8px;left:1px;width:16px;height:16px;-webkit-mask:url(../img/icon_check_gray.ce9bd73f.svg);mask:url(../img/icon_check_gray.ce9bd73f.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:10px;mask-size:10px;background-color:#fff;background-image:none}.order-items-wrap .chk.new input:checked+label[data-v-2612928e]:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);border:1px solid var(--pointColor);background-color:var(--pointColor);border-radius:50%;width:16px;height:16px}.order-items-wrap.disabled[data-v-2612928e]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background-primary);opacity:.6}.order-items-wrap .order-util[data-v-2612928e]{display:flex;align-items:center;justify-content:space-between;overflow:hidden;z-index:20;margin:0;padding:var(--spacing-sm-01) var(--spacing-sm-01) 5px 2px;border-bottom:1px solid var(--border-tertiary)}.order-items-wrap .order-util .allCheck[data-v-2612928e]{font-size:var(--fontsize-medium);font-weight:var(--fontweight-medium)}.order-items-wrap .order-util button.select-remove[data-v-2612928e]{font-size:var(--fontsize-small);color:#8b8c8d}[data-v-2612928e] ul.lists{gap:12px}[data-v-2612928e] ul.lists>li{padding:var(--spacing-sm-01) 2px 0;border-top:none}[data-v-2612928e] ul.lists>li .item-thumb{margin-top:8px}.btn-quantity[data-v-2612928e]{display:flex;margin-top:var(--spacing-sm-02);align-items:center;justify-content:space-between}.btn-quantity .btn-wrap[data-v-2612928e]{margin-left:0}.btn-quantity .cost[data-v-2612928e]{float:right;font-size:var(--fontsize-medium);font-weight:var(--fontweight-bold);color:var(--text-primary);line-height:2;padding-left:6px}.btn-quantity .disc-price[data-v-2612928e]{gap:var(--spacing-xs)}.btn-quantity .disc-price .origin[data-v-2612928e]{color:var(--text-secondary);text-decoration:line-through}.btn-quantity .disc-price .disc[data-v-2612928e]{color:var(--system-success)}.btn-quantity .number[data-v-2612928e]{font-size:var(--fontsize-medium);font-weight:var(--fontweight-bold)}.btn-quantity .number.listType[data-v-2612928e]{padding:0}[data-v-2612928e] .opt-popup.modal-wrap.bottom .modal{padding:var(--spacing-md) var(--spacing-sm-03);padding-bottom:0}[data-v-2612928e] .add_btn{margin-top:var(--spacing-sm-03)}
/*# sourceMappingURL=chunk-4bf8d63d.c52d45af.css.map */