@charset "utf-8";
/* 장바구니 */
.cartstep-holder { position: absolute; right: 0; top: 10px } 
.cartstep-holder li { font-size: 16px; color: #999; padding-left: 46px; background-image:url(../images/common/icon-breadcrumb.svg); background-repeat: no-repeat; background-position: 23px center; } 
.cartstep-holder li:first-child { padding-left: 0; } 
.cartstep-holder li.on { color: #000 } 
.carttop-holder label { font-size: 16px; color: #333; } 
.carttop-holder label span { font-size: 16px; color: #ff5b37; } 
.cart-prd.disabled {opacity:1;} 
.cart-prd.disabled .thumb-img,
.cart-prd.disabled .prd-info {opacity:.5;}
.cart-prd .thumb-img { width: 120px; height: 160px; flex-shrink:0;} 
.cart-prd .thumb-img .btn-favorite { top: 0; right: 0 } 
.cart-prd .thumb-img .btn-favorite i { background-size: 18px 16px; } 
.cart-prd .thumb-img img { width: 120px; height: 160px; } 
.cart-prd .prd-info { position: relative; margin-left: 30px; vertical-align: middle; min-width:0;} 
.cart-prd .prd-info .prd-name { margin-top: 10px } 
.cart-prd .prd-info .prd-name a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.cart-prd .prd-info .prd-opt { font-size: 13px; color: #888; margin-top: 8px } 
.cart-prd .prd-info .prd-opt .opt { padding: 2px 0 } 

.deliver-holder { font-size: 14px; color: #000 } 
.deliver-holder .deliver-type { font-size: 14px; margin-bottom: 10px } 
.deliver-holder .deliver-price { font-size: 14px; margin-bottom: 10px } 
.deliver-holder .deliver-noprice { font-size: 14px; color: #ff5b37; margin-bottom: 10px } 
.deliver-holder .deliver-txt { color: #888; font-size: 13px; line-height: 18px; } 
.cart-del { width: 14px; height: 14px; background: url(../images/common/icon-close.svg) no-repeat center center } 
.coupon-price { margin-top: 10px; color: #ff5b37 } 
.coupon-price p { font-size: 14px; margin-top: 5px; line-height: 20px; } 
.cart-price-result dl { padding: 0 50px; } 
.cart-price-result dt { font-size: 18px; color: #666; margin-bottom: 10px } 
.cart-price-result dl .prd-price { font-size: 28px; color: #000 } 
.cart-price-result dl .prd-mark { font-size: 20px; color: #000 } 
.cart-price-result .total-price .prd-price { color: #ff5b37 } 
.cart-price-result dl.alldelivery-price { position: relative } 
td .cart-price-result dl.alldelivery-price *{ color: #ff5b37 } 
.cart-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; } 
.cart-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; } 
.cart-price-result.tr-price-result { margin:-10px 0 } 
.cart-price-result.tr-price-result .prd-price { font-size: 20px; } 
.cart-price-result.tr-price-result .prd-mark { font-size: 16px } 

/* <--20241226 O2O매장연동 장바구니 뱃지 추가 */
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; }
/*20241226 O2O매장연동 장바구니 뱃지 추가 --> */
/* 20241224 장바구니 사이즈수량 변경 UI 수정 */
.modal.middle .modal-middle.change-popup {
    padding: 0;
}
.modal-middle.change-popup .option {
    width: auto;
}
.modal-middle .label_wrap {
    background: #f5f5f5;
    padding: 12px;
}
.modal-middle .label_wrap p.label {
    font-size: 14px;
    line-height: 21px;
}
.modal-middle .label_wrap h6.txt {
    padding: 0;
}
.modal-middle .label_wrap h6.txt em {
    font-size: 14px;
}
.modal.middle .modal-middle.change-popup .select-box {
    width: 396px;
}
.modal.middle .modal-middle.change-popup .select-box > ul {
    height: 105px;
}
.modal.middle .modal-middle.change-popup button {
    width: 100%;
}
.select-size-box .select-option:focus {
    outline: none;
}
.select-size-box ul li a:focus {
    outline: none;
}
.select-size-box .select-option::after {
    transition: all 0.3s, transform 0s, top 0s;
}
.select-size-box.on .select-option::after {
    top: 13px;
    transform: scaleY(-1);
}
.modal-middle h3 {
    font-size: 20px;
}