/* ----- 화면사이즈 -----*/
/* ----- 최소 1920px -----*/
@media only screen and (min-width: 1920px) { /* 메인슬라이드 */
 .main-event-slide .swiper-slide .image.event1 { background-size: contain; } 
 .main-event-slide .swiper-slide .image.event2 { background-size: contain; } 
 .main-event-slide .swiper-slide .image.event3 { background-size: contain; } 
 } 





 /* ----- 화면사이즈 -----*/
/* ----- 최대 1050px -----*/
@media only screen and (max-width: 1050px) { /* 띠배너 */
 .beltBanner { height: 50px; } 
 .beltBanner, .img-wrap { height: 50px; } 
 .banner-content-wrap p { font-size: 16px; } 
 .banner-content-wrap .view-btn span,
.banner-content-wrap .view-btn i { font-size: 12px; } 
 .beltBanner .donation-counter p{font-size: 16px;}
 .beltBanner .donation-counter .digit,
 .beltBanner .donation-counter .comma { font-size: 14px; } 
  .beltBanner .donation-counter .digit{width: auto;max-width: 20px; min-width: 20px; min-height: 24px;}

      /* 슬라이드 */
  .main-event-slide .swiper-slide .image.event1 { background-position-x: 30% !important; } 
 .main-event-slide .swiper-slide .image.event2 { background-position-x: 30% !important;} 
 .main-event-slide .swiper-slide .image.event3 { background-position-x: 30% !important;} 
 /* 이벤트 배너 */
 .event2 .banner { height: 200px; } 
 /* 뱃지 */
 .product-card-box-html .badge { font-size: 0.62rem; } 
 /* 식품박스 */
 .foodBox .wraper { padding: 0 10px; } 
 /* 유아박스 */
 .babyBox .wraper { padding: 0 10px; } 
 /* 리빙박스 */
 .livingBox .wraper { padding: 0 10px; } 
 /* 건강박스 */
 .healthyBox .wraper { padding: 0 10px; } 
 .quick-nav .quick_list { padding-left: 10px; } 
 .badge-wrap { left: 5px; } 
 .badge { font-size: 11px; padding: 4px; } 
 .products { padding: 0; }
 .products .tit-txt-wrap { padding: 0 10px; }
 .group-buy-product-list { padding: 0 10px; }
 /* 메인>일반상품 */
 .products .wraper { padding: 10px;}

 /* 기획전 배너 */
 .pomotion .banner { height: 400px; }
 .products.group .wraper { padding: 0; }
/* footer */
.footer .wraper { padding: 0 10px; } 

/* 상품뱃지 */
 .badge.badge-image{max-width: 50px;}
 } 




 /* ----- 화면사이즈 -----*/
 /* ----- 최대 900px -----*/
 @media only screen and (max-width: 900px) { /* 스크롤헤더 */
 .scroll-header .search-wrap .search-input input { max-width: 150px; font-size: 14px; } 
 .scroll-header .gdgnb_menu .menubar .menu_item a span { font-size: 14px; } 
 .scroll-header .right-wrap ul li .icon { width: 24px; height: 24px; } 
 .scroll-header .right-wrap ul li .icon .ico { width: 24px; height: 24px; } 

 /*박스 */
 .box .wraper .web.title-box .tit-btn .titl .tit p { font-size: 2.5rem; } 
 .box .wraper .web.title-box .tit-btn .titl .txt p { font-size: 1rem; white-space: pre-line; } 
 .box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-grid .product-card .info { gap: 3px; } 
 .box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-grid .product-card .info h3 { font-size: 14px; } 
 .box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-grid .product-card .info .price { font-size: 15px; } 

 /* 기획전 배너 */
 .pomotion .banner { height: 300px;; } 

 /* 띠배너 */
 .banner-content-wrap { gap: 10px; } 
 .banner-content-wrap p { font-size: 14px; } 
 .beltBanner .donation-counter{gap: 10px;}
.beltBanner .donation-counter p{font-size: 12px;}
 .banner-content-wrap .view-btn span,
.banner-content-wrap .view-btn i { font-size: 10px; } 
.beltBanner-close { min-width: 20px; height: 20px; right: 2%; transform: translate(-5%, -50%); background-color: #00000030;} 
.beltBanner-close i { font-size: 12px; } 



 
 } 




@media screen and (min-width: 768px) {
    .box .wraper .mobile.title-box {
        display: none;
      }
}

 /* ----- 화면사이즈 (탭화면) -----*/
/* ----- 최대 1080 -----*/
 @media only screen and (max-width: 1080px) { 
 .product-list .swiper .swiper-wrapper .swiper-slide,
 .quick-nav .quick_list .swiper .swiper-wrapper .swiper-slide { display: flex; min-width: 0; } 
 .product-list .swiper .swiper-wrapper.no-swiper .swiper-slide { flex: 1 1 25%; max-width: 25%; width: 25%; min-width: 0; } 
 /* 베스트제품 */
 .best .best-swiper .product-card .info-wrap .rank-badge { width: 20px; } 
 .best .best-swiper .product-card .info-wrap .rank-badge { font-size: 20px; } 


 /*박스 */
.box .wraper { flex-direction: column; } 
.box .wraper .web.title-box { display: none; } 
.box .wraper .box-swiper { display: none; } 
.customBox .subscription{width: 100%; padding: 10px;}
.customBox .subscription .box-swiper{display: block;}
.customBox .subscription .btn-more-list{display: flex;}
.box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-card .info h3{-webkit-line-clamp: 2; line-clamp: 2;}

/* 모바일박스 */
 .mobile.product-box-wrap{width: 100%; display: flex; flex-direction: column; gap: 15px;padding: 10px;}
 /* .mobile.product-list-wrap { width: 100%; display: grid; grid-template-columns: repeat(4,1fr);gap: 12px; }  */
 .mobile.product-list-wrap { width: 100%; display: flex; gap: 12px; flex-wrap: wrap; } 
 .mobile.title .tit { display: none; flex-direction: row; align-items: center; } 
 .mobile.title .tit img { width: 24px; height: 24px; margin-right: 5px; } 
 .mobile.title .tit p { font-size: 20px; font-weight: 600; color: #333; letter-spacing: -0.75px; text-align: left; word-break: keep-all; } 
 /* .product-card-box-list .product-card-box-html:nth-child(-n+6) { display: flex; width: 100%; }  */
  .product-card-box-list .product-card-box-html:nth-child(-n+6) { display: flex;width: calc((100% / 3) - 10px); }
 .product-card-box-list .product-card { width: 100%; display: flex; flex-direction: row; max-width: none; gap: 10px; } 
 .product-card-box-list .product-card-box-html { display: none; } 
 .product-card-box-list .product-card .info { display: flex; flex-direction: column; gap: 6px;align-items: flex-start; min-height: auto; } 
  /*.product-card-box-list .product-card .info h3{line-height: 1;}*/
 .product-card-box-list .product-card .info .price  { width: 100%; max-width: 90px; } 
 .product-card-box-list .btn-more-list { width: 100%; height: 50px; background-color: #fff; border-radius: 5px; border: 1px solid #eee; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; } 
.product-card-box-list .btn-more-list p { font-size: 15px; font-weight: 500; color: #333; } 
 .product-card-box-list .btn-more-list i { font-size: 15px; font-weight: 600; color: #333; } 
 /* 박스 섹션에서만 전체 카드 클릭 가능 */
 .product-card-box-list .product-card-link {  width: 100%; display: flex; flex-direction: column; text-decoration: none; color: inherit; pointer-events:inherit;  } 
 .product-card-box-list .product-card-link .product-card { cursor: pointer; } 
 .product-card-box-list .product-card-link .product-card .btn-cart { z-index: 10; } 
 /* pick-product 섹션에서 모바일 전체 카드 클릭 가능 */
 .pick .product-card-link { pointer-events: auto; } 
 .pick .product-card-link .product-card { cursor: pointer; } 
 .pick .product-card-link .product-card .btn-cart { z-index: 10; } 
 .pick .product-card-link .thumb { pointer-events: none; } 
 .pick .product-card-link .btn-cart { pointer-events: auto; } 
 /* pickItem 섹션에서 모바일 전체 카드 클릭 가능 */
 .pickItem .product-card-link { pointer-events: auto; } 
 .pickItem .product-card-link .product-card { cursor: pointer; } 
 .pickItem .product-card-link .product-card .btn-cart { z-index: 10; } 
 .pickItem .product-card-link .thumb { pointer-events: none; } 
 .pickItem .product-card-link .btn-cart { pointer-events: auto; } 
 /* 식품박스 */
 .foodBox .wraper .mobile.title { display: flex; } 
 .foodBox .wraper .mobile.title-box { display: block; height: 120px; } 
 .foodBox .wraper .mobile.title-box .tit-btn { width: 100%; height: 100%; display: flex; flex-direction: column; } 
.foodBox .wraper .mobile.title-box .tit-btn .titl { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; padding: 0 30px; } 
.foodBox .wraper .mobile.title-box .tit-btn .titl .tit p { font-size: 24px; color: #fff; font-weight: 600 } .foodBox .wraper .mobile.title-box .tit-btn .titl .txt { width: 140px; } 
.foodBox .wraper .mobile.title-box .tit-btn .titl .txt p { font-size: 14px; color: #fff; letter-spacing: -0.75px; word-break: keep-all; text-align: left; line-height: 1.3; } 
/* 유아박스 */
 .babyBox .wraper .mobile.title { display: flex; } 
 .babyBox .wraper .mobile.title-box { display: block; height: 120px; } 
 .babyBox .wraper .mobile.title-box .tit-btn { width: 100%; height: 100%; display: flex; flex-direction: column; } 
 .babyBox .wraper .mobile.title-box .tit-btn .titl { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; padding: 0 30px; } 
 .babyBox .wraper .mobile.title-box .tit-btn .titl .tit p { font-size: 24px; color: #666; font-weight: 600 } 
 .babyBox .wraper .mobile.title-box .tit-btn .titl .txt { width: 150px; } 
 .babyBox .wraper .mobile.title-box .tit-btn .titl .txt p { font-size: 14px; color: #666; letter-spacing: -0.75px; word-break: keep-all; text-align: left; line-height: 1.3; } 

 /* 리빙박스 */ 
 .livingBox .wraper .mobile.title { display: flex; } 
 .livingBox .wraper .mobile.title-box { display: block; height: 120px; } 
 .livingBox .wraper .mobile.title-box .tit-btn { width: 100%; height: 100%; display: flex; flex-direction: column; } 
 .livingBox .wraper .mobile.title-box .tit-btn .titl { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; padding: 0 30px; } 
 .livingBox .wraper .mobile.title-box .tit-btn .titl .tit p { font-size: 24px; color: #fff; font-weight: 600 } 
 .livingBox .wraper .mobile.title-box .tit-btn .titl .txt { width: 150px; } 
 .livingBox .wraper .mobile.title-box .tit-btn .titl .txt p { font-size: 14px; color: #fff; letter-spacing: -0.75px; word-break: keep-all; text-align: left; line-height: 1.3; } 

 /* 건강박스 */ 
 .healthyBox .wraper .mobile.title { display: flex; } 
 .healthyBox .wraper .mobile.title-box { display: block; height: 120px; } 
 .healthyBox .wraper .mobile.title-box .tit-btn { width: 100%; height: 100%; display: flex; flex-direction: column; } 
 .healthyBox .wraper .mobile.title-box .tit-btn .titl { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; padding: 0 30px; } 
 .healthyBox .wraper .mobile.title-box .tit-btn .titl .tit p { font-size: 24px; color: #fff; font-weight: 600 } 
 .healthyBox .wraper .mobile.title-box .tit-btn .titl .txt { max-width: 230px; width: 100%; } 
 .healthyBox .wraper .mobile.title-box .tit-btn .titl .txt p { font-size: 14px; color: #fff; letter-spacing: -0.75px; word-break: keep-all; text-align: left; line-height: 1.3; } 

  /* 커스텀박스 */ 
 .customBox .wraper .mobile.title { display: flex; } 
 .customBox .wraper .mobile.title-box { display: block; width: 100%; height: auto; aspect-ratio: 43 / 12; }
 .customBox .wraper .mobile.title-box .tit-btn { width: 100%; height: 100%; display: flex; flex-direction: column; } 
 .customBox .wraper .mobile.title-box .tit-btn .titl { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; padding: 0 30px; } 
 .customBox .wraper .mobile.title-box .tit-btn .titl .tit p { font-size: 24px; color: #fff; font-weight: 600 } 
 .customBox .wraper .mobile.title-box .tit-btn .titl .txt { max-width: 230px; width: 100%; } 
 .customBox .wraper .mobile.title-box .tit-btn .titl .txt p { font-size: 14px; color: #fff; letter-spacing: -0.75px; word-break: keep-all; text-align: left; line-height: 1.3; } 

 /* 기획전 배너 */
 .pomotion .banner { height: 280px; } 

  /* footer */
  .footer .service-support .family_link { justify-content: flex-start; gap: 24px; overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; } 
  .footer .service-support .family_link::-webkit-scrollbar { display: none; }
  .footer .service-support .family_link .link { flex-shrink: 0; }
  /* .footer .service-support .family_link .link:nth-child(n+4) { display: none; } */ 
  /* .footer .footer-corp-wrap .corp-row .corp-info.cs-info { display: none; } */
  .footer .footer-corp-wrap .corp-row { flex-direction: column; gap: 30px; }
  .footer .footer-corp-wrap .corp-row .corp-info.cs-info { display: block; }
  .v-line { width: 100%; height: 1px; background-color: #eee; }

    /* 가전구독제품리스트 제품박스 */
  .rental-item-body{padding: 10px;}
  .model-name .rental-model{font-size: 0.75rem;}
 .model-name .rental-item-name{font-size: 0.875rem;}
 .rental-color{font-size: 0.75rem;}
 .rental-price-wrap .price-row .price-label{font-size: 0.75rem;}
 .rental-price-wrap .price-row .price-value,
 .rental-price-wrap .price-row.discount .price-value{font-size: 0.875rem;}
 .rental-price-wrap .price-row small{font-size: 0.75rem;}
 .rental-notice{font-size: 0.75rem;}
 .rental-price-wrap .price-row{gap: 5px;}
 .rental-item-icons img{max-width: 30px;}

 /* 가전구독 메인 */
 .card-rental .rental-price-wrap{flex-direction: column;align-items: flex-start;gap: 0;}
 .card-rental .badge-wrap img{width: 36px;}


 .customBox .product-card-link .thumb{aspect-ratio: 1 / 1;}
  } 
 
@media (min-width: 769px) and (max-width: 1080px) {
    .customBox .wraper .mobile.title-box { max-height: 180px; }
}

@media (max-width: 768px){
     .mobile.product-list-wrap {  grid-template-columns: repeat(2,1fr); } 
    .product-card-box-list .product-card-box-html:nth-child(-n+6) {width: calc((100% / 2) - 10px); }
    .footer.mobile-hidden{display: none;}
    .beltBanner-close{right: 1%;}
    .desktop-only { display: none; } 
    .mobile-only {display: flex;}
}

@media (min-width: 721px) { 
 .product-list .swiper .swiper-wrapper.no-swiper .swiper-slide { flex: 1 1 25%; max-width: 25%; width: 25%; min-width: 0; } 
 } 

/* ----- 화면사이즈 (모바일화면) -----*/
/* ----- 최대 720px -----*/
@media only screen and (max-width: 720px) { /* webHeader */
 .webHeader { display: none; } 

.menu_item.on .menuitem_link::after,
.menu_item.active .menuitem_link::after{ content:''; position:absolute; bottom:0; display:block; width:100% !important; height:2px; background-color:#23b16c; transform: scaleX(1); } 
.menu_item.on .menuitem_link,
.menu_item.active .menuitem_link { background-color: #ffffff; } 

.menu_item.on .menuitem_link span,
.menu_item.active .menuitem_link span { color:#23b16c !important; } 
 /* 모바일 상단 메뉴바 */
 /*메인슬라이더 */
 .main-wrap { gap: 50px; } 
 .guide-wrap{gap: 0; padding-bottom: 0;}
 .main-wrap section>.wraper { gap: 20px; } 
 .main-wrap section .title { gap: 0px; } 
 .guide-wrap .review-section .title{gap: 30px;}
 .main-wrap section .title .tit-btn img { width: 18px; height: 18px; } 
 .main-wrap section .title .text .txt img { width: 16px; height: 16px; } 
 .main-event-slide .wrapper .wrpr .mobile-only { display: flex; } 
 .main-event-slide .swiper-slide .image { height: 280px; } 
 .swiper-toggle-btn,
 .swiper-next-btn { background: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 6px 12px; border-radius: 20px; } 
 .swiper-pagination { color: white; font-size: 14px; } 

 /* 메인구분 */
 section .title .tit-btn p { font-size: 20px; font-weight: 600; color: #333; letter-spacing: -0.75px; text-align: left; }

 /* 제품슬라이드 */
 .product-card { max-width: none; min-width: 0; }
 .main-wrap section.bestItem .wraper, .main-wrap section.newItem .wraper { padding: 0 10px !important; }
 /* 모바일에서 일반 제품 카드도 전체 클릭 가능 */
 .product-card-link { display: block; pointer-events: auto; } 
 .product-card-link .btn-cart { pointer-events: auto; } 
 .product-list .swiper .swiper-wrapper.no-swiper .swiper-slide,
 .quick-nav .quick_list .swiper .swiper-wrapper.no-swiper .swiper-slide { flex: 1 1 33.3333%; max-width: 33.3333%; width: 33.3333%; min-width: 0; } 
.badge { font-size: 8px; padding: 4px; } 
 /* 구독pick */
 .pickItem .web.title { display: none; } 
 .pickItem .moblie.title { display: flex; } 
 .pickItem>.wraper { gap: 45px; } 

 /* 이벤트배너 */
 .event1 .banner { height: 70px; } 
 /* 이벤트 배너 */
 .event2 .banner { height: 90px; } 
 /* 기획전 배너 */
 .pomotion .banner { height: 200px; } 

 /* 모바일 header */
 .mobile-header { display: flex;flex-direction: column; position: sticky; top: 0; z-index: 100; }
 .mobile-header.mobile-hidden { display: none !important; }
 .mobile-top-navi { display: flex !important; } 
 .mobile-top-navi.left .header-inner .top-bar { justify-content: flex-start; padding-left: 50px; } 
 .mobile-top-navi.mypage .header-inner .top-bar { justify-content: flex-start; } 
 .mobile-top-navi.mypage .header-inner .top-bar .center-title h2 { font-size: 16px; letter-spacing: -0.75px; } 
 .mobile-top-navi.left.cancel .header-inner .top-bar { justify-content: flex-start; padding-left: 16px; } 

 /* 마이페이지 반응형 */
 .mypage .myinfo { flex-direction: column; gap: 20px; padding: 0 ;} 
 .mypage .myinfo .side-navi { padding: 20px 0; } 
 .mypage .myinfo .side-navi .side-navi-bar { width: 100%; gap: 40px; } 
 .mypage .myinfo .side-navi .navi-list { gap: 40px; } 
 .mypage .myinfo .side-navi .depth2-list { gap: 15px; } 
 .mypage .myinfo .side-navi .depth2-list .depth2 .navi-item { font-size: 14px; } 

 /* 주문조회 반응형 */
 .order-inquiry .filter-section .filter-row,
 .cancel-exchange .filter-section .filter-row { flex-direction: column; gap: 15px; max-width: 100%; } 
 .order-inquiry .filter-section .filter-row .filter-item,
 .cancel-exchange .filter-section .filter-row .filter-item { width: 100%; max-width: none; min-width: auto; } 
 .order-inquiry .filter-section .filter-row .filter-item.period-filter,
 .cancel-exchange .filter-section .filter-row .filter-item.period-filter { max-width: none; } 
 .order-inquiry .filter-section .filter-row .filter-item.category-filter,
 .cancel-exchange .filter-section .filter-row .filter-item.category-filter { max-width: none; } 

 /* 주문리스트 반응형 */
 .order-list .order-date-group .date-header,
 .cancel-exchange-list .cancel-exchange-date-group .date-header { padding: 0 10px; } 
 .order-list .order-date-group .date-header .tit.date p,
 .cancel-exchange-list .cancel-exchange-date-group .date-header .tit.date p { font-size: 18px; } 
 .order-list .order-date-group .date-header .tit.order p,
 .cancel-exchange-list .cancel-exchange-date-group .date-header .tit.order p { font-size: 14px; } 
 .order-list .order-group,
 .cancel-exchange-list .cancel-exchange-group { padding: 15px; } 
 .order-list .order-item .order-status-title,
 .cancel-exchange-list .cancel-exchange-item .cancel-exchange-status-title { flex-direction: row; align-items: flex-start; gap: 10px; } 
 .order-list .order-item .order-product-wrap,
 .cancel-exchange-list .cancel-exchange-item .cancel-exchange-product-wrap { flex-direction: column; align-items: flex-start; gap: 15px; } 
 .order-list .order-actions.web,
 .cancel-exchange-list .cancel-exchange-actions.web { display: none; } 
 .order-list .order-actions.mobile,
 .cancel-exchange-list .cancel-exchange-actions.mobile { display: flex; width: fit-content; } 
 .order-list .order-actions.mobile .btn.btn-detail,
 .cancel-exchange-list .cancel-exchange-actions.mobile .btn.btn-detail { width: 100%; font-size: 14px; } 
 .order-list .product-item,
 .cancel-exchange-list .product-item { gap: 10px; } 
 .order-list .product-item .product-image,
 .cancel-exchange-list .product-item .product-image { min-width: 80px; max-width: 80px; height: 80px; } 
 .order-list .product-item .product-info .product-name .name,
 .cancel-exchange-list .product-item .product-info .product-name .name,
    .order-list .product-item .product-info .product-name .name a,
    .cancel-exchange-list .product-item .product-info .product-name .name  a{ font-size: 14px; } 
 .order-list .product-item .product-info .product-name .product-options,
 .cancel-exchange-list .product-item .product-info .product-name .product-options { font-size: 12px; } 
 .order-list .product-item .product-info .product-price,
 .cancel-exchange-list .product-item .product-info .product-price { gap: 5px; } 
 .order-list .product-item .product-info .product-price .current-price,
 .cancel-exchange-list .product-item .product-info .product-price .current-price { font-size: 14px; } 
 .order-list .product-item .product-info .product-price .quantity,
 .cancel-exchange-list .product-item .product-info .product-price .quantity { font-size: 14px; } 

 /* footer */
 .footer .service-support .family_link .link>a span { font-size: 12px; } 
 .mobile-hidden { display: none; } 
 .modal-hidden { display: none; } 
/* 모바일 */
/* bottom-bar */
.bottom-bar { display: flex; }
body:has(.bottom-bar)::after { content: ''; display: block; height: calc(65px + var(--safe-area-bottom)); }

/* 스크롤 시 bottom-bar 투명도 처리 */
.bottom-bar { 
 backdrop-filter: blur(10px); 
 -webkit-backdrop-filter: blur(10px); 
 } 

/* 스크롤 시 bottom-bar 숨김 처리 - 항상 고정 표시 */
.bottom-bar.scroll-hidden,
.bottom-bar.scroll-visible {
 transform: translateY(0);
 }

/* 상품뱃지 */
 .badge.badge-image{max-width: 50px;}
 /* paging */
 .paging .page .pag,
 .paging .page .num { width: 30px; height: 30px; font-size: 13px; } 
 } 

/* ----- 최대 425px -----*/
@media only screen and (max-width: 500px){
  .beltBanner .donation-counter { flex-direction: column; gap: 6px;box-sizing: border-box;}
}



/* ----- 화면사이즈 -----*/
/* ----- 최대 425px -----*/
@media only screen and (max-width: 425px) { /* 최상단 띠배너 */
.beltBanner { height: 56px; } 
.beltBanner .img .web-img { display: none; } 
.beltBanner .img .mobile-img { display: block; } 
.beltBanner .donation-counter .digit,
.beltBanner .donation-counter .comma { width: auto; min-width: 0; max-width: fit-content; min-height: fit-content; letter-spacing: 0px; } 
.beltBanner .donation-counter .counter { gap: 2px; flex-shrink: 0;}
.beltBanner .donation-counter p{font-size: 10px; white-space: nowrap;}


/* 모바일 닫기 버튼 */
.beltBanner-close { right: 8px; width: 28px; height: 28px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center;} 
.beltBanner-close i { font-size: 12px; }

 /* 메인배너 */
 .main-event-slide .swiper-slide .image { height: 200px; } 
 /* 제품 */
section .title .tit-btn p { font-size: 20px; }
section .title .text .txt p { font-size: 15px; }
.product-list .swiper .swiper-wrapper.no-swiper .swiper-slide,
.quick-nav .quick_list .swiper .swiper-wrapper.no-swiper .swiper-slide { flex: 1 1 50%; max-width: none; width: 50%; min-width: 0; } 
.product-card .info h3 { font-size: 14px; } 
.mobile.title .tit p { font-size: 18px; } 
.foodBox .wraper .mobile.title-box .tit-btn .titl .tit p { font-size: 18px; } 



 /* paging */
.paging .page .pag,
.paging .page .num { width: 24px; height: 24px; font-size: 12px; } 
.paging .ico-pprev { width: 12px; height: 12px; } 
.paging .ico-prev { width: 12px; height: 12px;; } 
.paging .ico-next { width: 12px; height: 12px; } 
.paging .ico-nnext { width: 12px; height: 12px; } 
 } 






 /* ----- 화면사이즈 -----*/
 /* ----- 최대 375px -----*/
 @media only screen and (max-width: 375px) { /* footer */
 .footer .footer-corp-wrap .corp-row .corp-info .inner { flex-direction: column; align-items:flex-start } 
 .footer .footer-corp-wrap .corp-row .corp-info .inn::before { display: none; } 
 .mobile-header.product-detail-mode .btn-back,
 .mobile-header.search-input-mode .btn-back,
 .mobile-header.search-results-mode .btn-back{width: 36px;}
 .mobile-header.search-input-mode .search-form,
 .mobile-header.search-results-mode .search-form{padding: 10px;}
 .mobile-header.search-results-mode .search-btn{width: 18px; height: 18px;}
 .mobile-header.search-results-mode .search-btn .ico.search{width: 16px; height: 18px;}
 .mobile-header.search-input-mode .search-input,
 .mobile-header.search-results-mode .search-input{font-size: 14px;}
 } 

/* 모바일 상세 정보 토글 버튼 */
@media only screen and (max-width: 720px) { 
 .detail-toggle-btn { 
 height: 50px; 
 padding: 15px; 
 font-size: 14px; 
 } 
 
 .detail-toggle-btn .btn-text { 
 font-size: 14px; 
 } 
 
 .detail-toggle-btn .toggle-icon { 
 font-size: 14px; 
 } 
 .first-discount-badge{display: flex; flex-direction: row; align-items: center;  justify-content: flex-start; gap: 4px;padding: 3px; background-color: #E12318; border-radius: 4px;}
 .first-discount-badge i{width: 12px;height: 12px;background: url("../images/sale-tag.svg") 50% 50% no-repeat; background-size: contain;}
 .first-discount-badge p{display: flex; flex-direction: row;  align-items: center;  gap: 0px;}
 .first-discount-badge p strong, small{font-size: 12px; letter-spacing: -0.75px; line-height: 1; color: #ffffff;}

 .product-info .price-box{width: 100%;display: flex; flex-direction: column; align-items: flex-start;}
 .product-info .price-box p{line-height: 1;}
 .product-info .price-box .price-origin{font-size: 13px; font-weight: 400; color: #909090;text-decoration: line-through;margin-bottom: 2px;}
 
 } 

 /* ----- 화면사이즈 -----*/
 /* ----- 최대 320px -----*/
 @media only screen and (max-width: 320px) { 
.quick-nav .quick_list .quick_item .quick_txt span { 
 font-size: 0.65rem; 
 } 
 }