/* BASIC css start */
/* 오늘본상품 */
#recent {padding: var(--defalt-padding);}

/* 탭 */
.my-prd-tab {display: flex; text-align:center;}
.my-prd-tab a {flex: 1; line-height: 50px; border-bottom: 1px solid var(--gray-10); font-size: 14px; letter-spacing: -0.5px; color: var(--gray-30);}
.my-prd-tab a.on {border-bottom: 2px solid var(--pri-black); color: var(--pri-black); font-weight: 700;}

/* 리스트 */
.list-top {display:flex; height: 36px; margin: 12px 0; align-items: center; justify-content: space-between;}
.list-top .clear-all {width:81px; line-height:36px; border-radius:36px; font-weight:500; text-align:center; background: var(--gray-05); display: flex; align-items: center; justify-content: center; gap: 4px;}
.list-item {display:flex; position:relative; gap:16px; margin-bottom: 16px;}
.list-item .item-thumb {width:100px; position: relative;}
.list-item .item-thumb a img {width:100%; min-height: 150.27px; object-fit: cover;}
.list-item .item-info {padding:16px 0; flex:1; position: relative;}
.list-item .item-info .name {font-weight: 600; font-size: 14px; padding-right:20px;}
.list-item .item-info .price-box {display:flex; gap:4px; align-items:center; padding-top:8px;}
.list-item .item-info .price-box .percent {color: var(--pri-brand); font-weight: 700; font-size: 14px;}
.list-item .item-info .price-box .price {font-weight: 700; font-size: 14px;}
.list-item .item-info .price-box .consumer {color:var(--gray-30);}
.list-item .item-info .white-btn {line-height:30px; box-sizing:border-box; font-size:12px; position: absolute; bottom: 16px; width: 100%; display:flex; justify-content: center; gap:4px;}
.list-item .delete-btn {position:absolute; right:0; top:16px;}
/* BASIC css end */