2606_UIUX_4 수정 내역
https://contents.k-village.co.kr/front/mobile/css/cart.css
@@ -379,18 +379,18 @@ font-weight: 500; padding-top: 3px; } -.cart .relate-swipe.recommend-prd .bnr-txt .price-group {justify-content: flex-start;} +.cart .relate-swipe.recommend-prd .bnr-txt .price-group {justify-content: flex-start;gap: 6px;margin-top: 8px;} .cart .relate-swipe.recommend-prd .bnr-txt .price-group p.price { - height: auto; - padding: 0; - margin: 8px 0 0 0; + /* height: auto; */ + /* padding: 0; */ + margin: 0; } -.cart .relate-swipe.recommend-prd .bnr-txt .price-group .price .actual {font-size: 14px;} +.cart .relate-swipe.recommend-prd .bnr-txt .price-group .price .actual {padding-top:0;font-size: 14px;} .cart .relate-swipe.recommend-prd .bnr-txt .price-group .sale { font-size: 14px; font-weight: 700; - line-height: 100%; - padding-left: 6px; + line-height: normal; + padding-left: 0; } .cart .wrap-holder.relate-swipe.recommend-prd .swiper-pagination {display: none;} .cart .relate-swipe h3 { @@ -419,4 +419,26 @@ /* 장바구니 가로 스크롤 방지: #tbodyCart는 좌우 padding이 없어 전체폭이므로, product.css의 .type-06 + .area-line(width:calc(100%+40px);margin-left:-20px) 트릭이 20px 오버플로를 유발. 컨테이너 기준 전체폭으로 보정. */ -#tbodyCart .type-06 + .area-line {width: 100%; margin: 0;} \ No newline at end of file +#tbodyCart .type-06 + .area-line {width: 100%; margin: 0;} + +/* 2026-06-29 장바구니 가격요소 */ +.my-cart .type-06 li .txt .num { + display: flex; + align-items: center; + gap: 5px; + font-weight: 600; + font-size: 14px; + margin-top: 10px; +} +.my-cart .type-06 li .txt .num span { + margin-left: 0; + font-weight: 400; + font-size: 14px; + color: #888; + vertical-align: unset; +} +.my-cart .type-06 li .txt .num em { + margin-right: 0; + font-weight: 700; + font-size: 14px; +} \ No newline at end of file
https://contents.k-village.co.kr/front/mobile/css/layout.css
@@ -365,11 +365,12 @@ color: rgba(0, 0, 0, 1);} .popup-wrap .popup .popup__title--fit {padding-left: 0;} .popup-wrap .cont-wrap--fit {padding-top: 0;} .popup-wrap.full .cont-wrap--fit {padding-top: 0;} -.popup-wrap .popup .popup__content .popup__message {font-size:16px;line-height:25px;font-weight:400;} +.popup-wrap .popup .popup__content .popup__message {font-size:16px;line-height:25px;} .popup-wrap .popup .popup__content .popup__message--primary {font-size:18px;line-height:26px;} +.popup-wrap .popup .popup__content .popup__message--info {font-size:14px;line-height:normal;} .popup-wrap .popup .popup__content .popup__message ~ .popup__message {margin-top: 20px;} .popup-wrap .popup .popup__content .popup__message ~ .popup__message--desc {margin-top: 5px;} -.popup-wrap .popup .popup__content .popup__message .lined-text {position:relative;display:inline-block;font-size:inherit} +.popup-wrap .popup .popup__content .popup__message .lined-text {position:relative;display:inline-block;font-size:inherit;font-weight:inherit;} .popup-wrap .popup .popup__content .popup__message .lined-text::before {content:"";position: absolute;bottom:0;left:0;right:0;height: 1px;background-color: #000;} .quantity-control { font-size: 0; } @@ -612,8 +613,8 @@ touch-action: pan-y;} background: url(../images/svg/icons-24-px-home_v2.svg) center center no-repeat; } /* 240723 장바구니 아이콘 수정 */ -.header-wrap .wrap-holder [class *= -holder] em { height: 18px; line-height: 16px; min-width: 18px; border-radius: 9px; background: #FF5B37; color: #fff; font-size: 10px; text-align: center; position: absolute; top: 3px; right: 0; } -.header-wrap .wrap-holder .cart-holder #emCartCnt { display: flex; align-items: center; justify-content: center; line-height: 1; } +.header-wrap .wrap-holder [class *= -holder] em { height: 18px; line-height: 16px; min-width: 18px; border-radius: 9px; background: #FF5B37; color: #fff; font-size: 10px; text-align: center; position: absolute; top: 3px; right: 0; pointer-events: none; } +.header-wrap .wrap-holder .cart-holder #emCartCnt { display: flex; align-items: center; justify-content: center; line-height: 1; pointer-events: none; } .header-wrap .wrap-holder [class *= -holder] em.new-dot { min-width: auto; width: 9px; height: 9px; top: 4px; right: 8px; } /* 2026.04.01 숫자 대신 닷만 사용할 경우 */ .header-wrap.white .wrap-holder .txt {color:#fff;font-weight: 900;} .header-wrap.white .wrap-holder .txt span {background-image: url(../images/png/logo-w.png);} @@ -784,7 +785,7 @@ touch-action: pan-y;} background-size:20px;} .quick-wrap.hide .quick-close{ transform: rotate(180deg);} -.top-btn{position: fixed; right: 21px; bottom: 90px; cursor: pointer; z-index: 16;text-align: right; display:flex; flex-direction:column-reverse; align-items:flex-end; transition:transform .3s;} +.top-btn{position: fixed; right: 21px; bottom: calc(90px + env(safe-area-inset-bottom, 0px)); cursor: pointer; z-index: 16;text-align: right; display:flex; flex-direction:column-reverse; align-items:flex-end; transition:transform .3s;} .top-btn.down{transform:translateY(60px)} .top-btn a{display:inline-block;width: 36px; height: 36px;margin:15px 0 0 0;} .top-btn [data-menuanchor="top"] {display:none; order:-1;} @@ -2023,7 +2024,6 @@ p.essen {font-size: 12px; margin: 8px 0} height: 1px; background: #000; } -.popup-wrap.change-address .popup header {border-bottom: 1px solid #ccc;} .popup-wrap.change-address .div-header h1 { font-size: 18px; font-weight: 500; @@ -2225,8 +2225,6 @@ p.essen {font-size: 12px; margin: 8px 0} } .popup-wrap.mypage-dis header {border-bottom: 1px solid #ccc;} -.popup-wrap.send-mail header {border-bottom: 1px solid #ccc;} -.popup-wrap.pw-change .popup__message--primary {margin-block: 10px 30px;} /* UIUX4차 68 기획전, 이벤트 타임세일 */ .event-bnr .bnr-txt.white strong
html/MA-007_cart.html
@@ -3367,7 +3367,6 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); </ul> </div> </div> - <div class="area-line"></div> <div class="wrap-holder relate-swipe recommend-prd02" id="divAsctnGoods" style="display:none"> <div class="wrap-in"> <div class="div-title flex">