@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;
}
.cart .tbl-style-01 thead th {
    font-weight: 500;
}
td .prd-info .info-badge > span {
    color: #333;
    border-color: #333;
    font-weight: 500;
    margin-bottom: 12px;
}
.cart .prd-info .prd-brand {
    font-size: 12px;
    font-weight: 700;
}
.cart .cart-prd .prd-info .prd-name {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 500;
    line-height: 25px;
}
.cart-prd .prd-info .prd-opt {
    padding: 0;
    margin-top: 2px;
    font-weight: 500;
    line-height: 19px;
}
.cart-prd .prd-info .prd-opt .opt { padding: 0;}
.prd-price .prd-mark,
.prd-price .sale-percent {font-size: 16px; font-weight: 700;}
.cart-price .org-price {
    font-weight: 500;
}
.cart [class^="btn-type"].xmiddle span {
    font-weight: 700;
}
.cart [class^="btn-type"].middle span {
    font-weight: 500;
}
.cart-price-result.tr-price-result .prd-mark {
    font-size: inherit;
    font-weight: 500;
}
td .cart-price-result dl.alldelivery-price * {
    color: #000;
}
.cart-price-result dl.total-price .prd-mark {
    color: #ff5b37;
}
.cart-price-result dl.allprd-price .prd-mark,
.cart-price-result dl.alldelivery-price .prd-mark,
.cart-price-result dl.total-price .prd-mark {
    font-size: inherit;
    font-weight: 500;
}
.cart-price-result dt {
    color: #333;
    font-weight: 500;
}
#divAsctnGoods .swiper {margin-top: 32px;}
#divAsctnGoods .swiper .swiper-pagination-bullet {height: 7px; margin: 0 4px !important;}
#divAsctnGoods .swiper .swiper-pagination-bullet-active {width: 40px;}
#divAsctnGoods h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
}
.cart-prd .thumb-img .btn-favorite {
    top: auto;
    bottom: 0;
}
#divAsctnGoods .thumb-img .btn-favorite {
    top: auto;
    bottom: 10px;
}
#divAsctnGoods .prd-info .prd-brand {
    margin-top: 20px;
    font-size: 13px;
}
#divAsctnGoods .prd-list .prd-name {
    color: #333;
    font-weight: 500;
}
#divAsctnGoods .prd-list .prd-price {
    font-weight: 700;
}
#divAsctnGoods .prd-list .prd-price .org-price {
    font-weight: 700;
    margin-top: -1px;
}
#divAsctnGoods .prd-price .sale-percent {
    font-size: 14px;
    padding-left: 6px;
}
.cart .content-wrap:after {height: auto;}
.cart .prd-list .div-title h4 {
    font-size: 24px;
    font-weight: 700;
}
.cart .prd-list .thumb-img .btn-favorite {
    top: auto;
    bottom: 10px;
}
.cart .prd-list .prd-name {font-weight: 500;}
.cart .prd-list .prd-price .prd-mark, .product .prd-list .prd-price .org-mark {display: none;}
.cart .prd-list .prd-price .org-price {font-weight: 700;}
.cart .prd-list .prd-price .sale-percent {padding-left: 6px;}
#swiper-cart01, #swiper-cart02 {height: 480px;}
#swiper-cart01 .swiper-pagination,
#swiper-cart02 .swiper-pagination {
    transform: matrix(1, 0, -0.71, 0.71, 0, 0) !important;
    margin-top: 0;
    bottom: 10px;
}
#swiper-cart01 .swiper-pagination-bullet,
#swiper-cart02 .swiper-pagination-bullet {
    width: 10px;
    height: 8px;
    margin: 0 3px !important;
}
#swiper-cart01 .swiper-pagination-bullet-active,
#swiper-cart02 .swiper-pagination-bullet-active {width: 40px;}
.cart .prd-list .prd-price .sale-percent {
    font-weight: 700;
    font-size: 14px;
}

/* 2026.03.30 장바구니 수량 비활성 추가 */
.ui-spinner:has(.js-spinner:disabled) .ui-button { cursor: default; pointer-events: none; background-color: #ccc; }