/* 메인 */
.main-wrap { display: flex; flex-direction: column; width: 100%; gap: 120px; padding-bottom: 120px; } 
.guide-wrap{gap: 0; padding-bottom: 0;background-color: #ffffff;}
/* 메인 슬라이드 */
.main-event-slide {  width: 100%; height: 100%; position: relative;max-width: 1920px; margin: 0 auto; } 
.main-event-slide .swiper-wrapper { position: relative; } 
.main-event-slide .swiper { width: 100%; height: 100%; } 
.main-event-slide .swiper-slide { width: 100%; height: 100%; } 
.main-event-slide .swiper-slide .slide { width: 100%; height: 100%; display: block; background-color: #000000; } 
.main-event-slide .swiper-slide .image { width: 100%; min-width: 0; height: 400px; object-fit: cover; display: block; } 
.main-event-slide .swiper-slide .image.event1 { background: url("../../images/main/slide/slide1.jpg") 50% 50% no-repeat; background-size: cover; } 
.main-event-slide .swiper-slide .image.event2 { background: url("../../images/main/slide/slide2.jpg") 50% 50% no-repeat; background-size: cover; } 
.main-event-slide .swiper-slide .image.event3 { background: url("../../images/main/slide/slide3.jpg") 50% 50% no-repeat; background-size: cover; } 
.main-event-slide .wrapper { max-width: 1280px; width: 100%; height: 100%; position: absolute; margin: 0 auto; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 1; pointer-events: none; } 
.main-event-slide .wrapper .wrpr { width: 100%; height: 100%; position: relative; } 
.main-event-slide .wrapper .wrpr .swiper-controls .swiper-pagination { width: 100%; display: flex; justify-content: flex-end; } 
.main-event-slide .wrapper .wrpr .swiper-controls .swiper-pagination .pagination { width:fit-content; display:flex; background-color:#00000099; border-radius:25px; flex-direction:row; align-items:center; gap:5px; padding:10px; justify-content:center } 
.main-event-slide .wrapper .wrpr .swiper-controls .swiper-pagination .pagination span { color:#eee; font-size:14px; line-height:1; letter-spacing:-.5px; font-weight:700 } 
.main-event-slide .wrapper .wrpr .swiper-controls .swiper-pagination .pagination .current-num { color:#fff } 
.main-event-slide .wrapper .wrpr .swiper-controls .swiper-button { width:55px; height:55px; border-radius:55px; background-color:#ffffff60; transition:.3s; pointer-events:auto } 
.main-event-slide .wrapper .wrpr .swiper-controls .swiper-button:hover { background-color:#ffffff80 } 
.main-event-slide .wrapper .wrpr .swiper-controls .swiper-button-next:after,.main-event-slide .wrapper .wrpr .swiper-controls .swiper-button-prev:after { font-size:16px; color:#fff; font-weight:600 } 
.main-event-slide .wrapper .wrpr .mobile-only { display:none; width:100%; height:100%; align-items:center; gap:8px; align-items:flex-end; justify-content:flex-end; padding:16px } 
.main-event-slide .wrapper .wrpr .mobile-only .mobile-wrap { display:flex; flex-direction:row; align-items:center; gap:10px } 
.main-event-slide .wrapper .wrpr .mobile-only
.mobile-wrap .info-wrap { display:flex; flex-direction:row; align-items:center; gap:10px; width:fit-content; background-color:#00000099; padding:10px; border-radius:30px } 
.main-event-slide .wrapper .wrpr .mobile-only .mobile-wrap .info-wrap span { font-size:12px; color:#fff; font-weight:500; line-height: 1;} 
.main-event-slide .wrapper .wrpr .mobile-only .mobile-wrap .info-wrap .swiper-next-btn.swiper-button { width:14px; height:14px; border-radius:0; background-color:transparent; pointer-events:auto ;display: flex; flex-direction: row;  align-items: center; justify-content: center;} 
.main-event-slide .wrapper .wrpr .mobile-only .mobile-wrap .info-wrap .swiper-next-btn.swiper-button i{color: #fff; font-size: 12px; line-height: 1.4;}
.main-event-slide .wrapper .wrpr .mobile-only .mobile-wrap .info-wrap .swiper-next-btn { padding:0 } 
.main-event-slide .wrapper .wrpr .mobile-only .mobile-wrap .swiper-toggle-btn { pointer-events:auto; width:34px; height:34px; border-radius:34px; padding:0 } 
.main-event-slide .wrapper .wrpr .mobile-only .mobile-wrap .swiper-toggle-btn i{color: #fff;}

.slider-responsive-bg {
    width: 100% !important;
    height: 400px !important; /* PC 고정 높이 */
    background-size: cover !important;
    background-position: center center !important;
}

/* 태블릿 및 작은 화면 대응 */
@media (max-width: 1400px) {
    .slider-responsive-bg {
        height: 300px !important; 
    }
}

/* 모바일 구간 (갤럭시 폴드도 고려) */
@media (max-width: 768px) {
    .slider-responsive-bg {
        height: auto !important; 
        aspect-ratio: 430 / 230 !important; /* 모바일 배너 이미지 크기 */
        background-size: cover !important; 
        background-position: center center !important;
    }
}

/* 퀵메뉴리스트 */
.quick-nav { width:100% } 
.quick-nav .quick_list .swiper .swiper-wrapper { width:100%; display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start;gap: 16px;} 
.quick-nav .quick_list .quick_item .clickable,section>.wraper { flex-direction:column; display:flex; gap: 10px;} 
.quick-nav .quick_list .swiper .swiper-wrapper .swiper-slide { display:flex; max-width:125px; width:100%;} 
.quick-nav .quick_list .quick_item .quick_img { max-width:125px; min-width:55px; width:100%; max-height:125px; min-height:55px; height:100%;transition: all 0.3s; } 
.quick-nav .quick_list .quick_item .quick_img img { width:100%; height:100%; border-radius:10px } 
.quick-nav .quick_list .quick_item .quick_txt { display:flex; flex-direction:row; align-items:center; justify-content:center } 
.quick-nav .quick_list .quick_item .quick_txt span { font-size:1rem; letter-spacing:-.75px; font-weight:500; text-align:center; color:#333; transition:.3s } 
.quick-nav .quick_list .quick_item:hover .quick_txt span { color:#000; font-weight:600 } 

section>.wraper { gap:45px } section .title { display:flex; flex-direction:column; gap:12px } 
section .title .tit-btn { display:flex; flex-direction:row; align-items:center; gap:10px } 
section .title .text,section .title .text .txt,section .title .tit { display:flex; flex-direction:row; align-items:center } 
section .title .tit-btn img { width:24px; height:24px; margin-right:5px } 
section .title .tit-btn p { font-size:28px; font-weight:600; color:#333; letter-spacing:-.75px; text-align:left; transition:.3s } 
section .title .tit-btn i { font-size:33px; color:#333; font-weight:500 } 
section .title .text .txt img { width:24px; height:24px } 
section .title .text .txt p { font-size:16px; color:#888; letter-spacing:-.75px } 

/* 이달의 신제품 */
.product-list { width:100%; display:flex; flex-direction:row } 
.product-list .swiper { margin:0; width:100% } 
.product-list .swiper .swiper-wrapper.no-swiper { display:flex; justify-content:flex-start; gap:16px } 
.product-list .swiper .swiper-wrapper.no-swiper .swiper-slide { flex:1 1 25%; max-width:25%; width:25%; min-width: 250px; } 
.product-list .swiper .swiper-wrapper { gap:16px; display:flex; flex-direction:row; justify-content:space-between; align-items:center } 
.product-list .swiper .swiper-wrapper .swiper-slide { display: flex; /* max-width: 250px; ← 이 부분도 삭제 */width: auto; margin-right: 0 !important; } 
.product-list .swiper .swiper-wrapper .swiper-slide .product-card{width: 100%;}

.product-card { display:flex; flex-direction:column; align-items:flex-start;  width:100%; max-width:none;}
.product-card { display:flex; flex-direction:column; align-items:flex-start; }
.product-card>a { display:flex; flex-direction:column; align-items:flex-start; gap:15px; flex:1; width:100% } 
.product-card-link { display:none; text-decoration:none; color:inherit } 
/* .product-card .thumb { position:relative; width:100%; height:100%; max-height: 250px; border-radius:5px; overflow:hidden; display:flex; flex-direction:row; align-items:center; justify-content:center ;}  */
.product-card .thumb{ position: relative;  width: 100%;  height: 100%;   display: flex;   flex-direction: row;align-items: center;  justify-content: center;aspect-ratio: 1 / 1; }
.product-card .thumb>a { width:100%; height:100% }
.product-card .thumb > img {  width: 100%;  height: 100%;   object-fit: cover;  border-radius: 5px;  aspect-ratio: 1 / 1; }
.product-card .btn-cart { position:absolute; bottom:10px; right:10px; background:rgba(0,0,0,.6); color:#fff; border-radius:50%; cursor:pointer; width:32px; height:32px; display:flex; flex-direction:row; align-items:center; justify-content:center; z-index:10 }
.product-card .btn-cart .cart-img { width:22px; height:22px; object-fit:contain; transform:none } 
.product-card .info  { width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:6px; height:100% }
/*.product-card .info h3 { width:100%; font-size:16px; font-style:normal; font-weight:400; letter-spacing:-.75px; line-height:1.4; color:#333; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow:hidden; text-overflow:ellipsis; word-break:break-word } */
.product-card .info h3 { width: 100%; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: -.75px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: keep-all;max-height: 38px; line-height: 1.2; }
.product-card .info .price { color:#333; font-size:16px; font-weight:700 }
.product-card .info .original-price{font-size: 12px; color: #909090; font-weight: 400;}
.product-card .product-rating-wrap { display:flex; flex-direction:row; align-items:center; gap:5px } 
.product-card .product-rating-wrap .rating-icon i { font-size:16px; color:#23b16c } 
.product-card .product-rating-wrap .rating-icon span,.product-card .product-rating-wrap .review-count { font-size:13px; color:#666 } 


.product-card .info .price-box{width: 100%;display: flex; flex-direction: column; align-items: flex-start;}
.product-card .info .price-box p{line-height: 1;}
.product-card .info .price-box .price-origin{font-size: 13px; font-weight: 400; color: #909090;text-decoration: line-through;margin-bottom: 2px;}
.first-discount-badge{display: flex; flex-direction: row; align-items: center;  justify-content: flex-start; gap: 4px;padding: 3px 8px; 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: 2px;}
.first-discount-badge p strong, small{font-size: 12px; letter-spacing: -0.75px; line-height: 1; color: #ffffff;}

/* 데스크톱에서는 product-card-link가 전체를 감싸지만 실제 클릭 영역은 이미지만 */
.box .product-card-link { pointer-events: none; } 
.box .product-card-link .thumb { pointer-events: auto;max-height: 600px; overflow: hidden; } 
.box .product-card-link .btn-cart { pointer-events: auto; } 
/* pick-product 섹션에서 데스크톱에서는 이미지만 클릭 가능 */
.pick .product-card-link { pointer-events: none; } 
.pick .product-card-link .thumb { pointer-events: auto; } 
.pick .product-card-link .btn-cart { pointer-events: auto; } 


/* pickItem 섹션에서 데스크톱에서는 이미지만 클릭 가능 */
.pickItem .product-card-link { pointer-events: none; } 


.pickItem .product-card-link .btn-cart,.pickItem .product-card-link .thumb { pointer-events:auto } 
.badge-wrap { position:absolute; top:0; left:16px; display:flex; gap:5px; } 
.badge { font-size:0.70rem; padding:8px 6px; border-radius:5px; color:#fff; font-weight:500; letter-spacing:-.75px; width:fit-content; flex: 1; display: flex; align-items: center; justify-content: center; height: fit-content; } 
/* 뱃지 이미지 스타일 */
.badge.badge-image { padding:0; border-radius:0; background:transparent; width:auto; height:auto; max-width:70px; object-fit:contain; transition: all 0.3s; } 

/* Badge 색상 css 일반화 */
.badge-color1 { background-color: #00c2c2; } 
.badge-color2 { background-color: #ff3c3c; } 
.badge-color3 { background-color: #00ba6c; } 
.badge-color4 { background-color: #3c50e0; } 
.badge-color5 { background-color: #eee; color: #333; } 
.badge-color6 { background-color: #ff8129; } 
.badge-color7 { background-color: #3ed5c8; } 

/* 베스트 아이템 */
.best .best-swiper .product-card>a { gap: 0; } 
.best .best-swiper .product-card .thumb { border-radius: 5px 5px 0 0 !important;height: auto; } 
.best .best-swiper .product-card .thumb .soldout-overlay{border-radius: 5px 5px 0 0;}
.best .best-swiper .product-card .thumb img{border-radius: 5px 5px 0 0;}
.best .best-swiper .product-card .info-wrap { width: 100%;height: 100%; padding: 10px; background-color: #f8f8f8; display: flex; flex-direction: row; align-items: center; gap: 10px; border-radius: 0 0 5px 5px; overflow: hidden; } 
.best .best-swiper .product-card .info-wrap .rank-badge { width: 50px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; } 
.best .best-swiper .product-card .info-wrap .info { width: calc(100% - 50px); } 

/*구독’s PICK */
.pickItem>.wraper { gap: 20px; } 
.pickItem .web.title { width: 100%; height: 240px; background: url(../../images/main/pick-bg.jpg) 50% 50% no-repeat; display: block; position: relative; padding: 0 40px; } 
.pickItem .moblie.title { display: none; } 
.pickItem .web.title .tit-btn { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 15px; } 
.pickItem .web.title .tit-btn .tit p { font-size: 28px; color: #fff; font-weight: 700; letter-spacing: -0.75px; } 
.pickItem .web.title .tit-btn .text { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; } 
.pickItem .web.title .tit-btn .text .txt p { font-size: 18px; letter-spacing: -0.75px; color: #fff; font-weight: 500; } 
.pickItem .badge-wrap { grid-template-columns: 1fr 1fr; } 

/*배너 */
.event1,.pomotion { width:100%; display:flex; background-color: #000; } 
.event1 .banner { width:100%; height:140px; background:url(../../images/main/banner/event1.jpg) 50% 50%/cover no-repeat ; transition: all .3s} 

.event2 { display: flex; justify-content: center;}
.event2 .banner { max-width: 1050px; width:100%; height:240px; background:url(../../images/main/banner/event2.png) 50% 50%/cover no-repeat; transition:all .3s }
.pomotion .banner { width:100%; height:500px; background:url(../../images/main/banner/promotion2.jpg) 50% 50% no-repeat; background-size: cover;transition: all .3s } 

/*박스 */
.box .wraper { width:100%; display:flex; flex-direction:row; gap:16px } 
.box .wraper .web.title-box { width:385px;  height:450px; transition:.3s } 
.box .wraper .web.title-box .tit-btn { width:385px; height:100%; display:flex; flex-direction:column; align-items:flex-start } 
.box .wraper .web.title-box .tit-btn .titl { width:100%; height:180px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:15px; padding:30px } 
.box .wraper .web.title-box .tit-btn .titl .tit p { font-size:28px; font-weight:600; color:#fff; letter-spacing:-.75px; text-align:left; word-break:keep-all; transition:.3s } 
.box .wraper .web.title-box .tit-btn .titl .txt { width:260px } 
.box .wraper .web.title-box .tit-btn .titl .txt p { color:#fff; font-size:16px;font-weight: 400; text-align:left; word-break:keep-all; line-height:1.3; letter-spacing:-.75px; transition:.3s } 
.box .wraper .box-swiper { width:calc(100% - 385px); } 
.box .wraper .box-swiper .swiper-wrapper { width:100%; display:flex; gap:16px; height:100% } 
.box .wraper .box-swiper .swiper-wrapper .swiper-slide { margin-right:0!important; height:100% } 
/* .box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-grid { display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2,auto); align-content: space-between;;row-gap:10px; column-gap:20px; height:100% }  */
.box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-card-box-html{width: 100%;}
.box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-grid{display: flex;align-content: space-between; row-gap: 10px; column-gap: 20px; width: 100%;  height: 100%; flex-wrap: wrap;}
.box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-grid .product-card-box-html{width: calc((100% / 3) - 20px);}
.box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-grid .product-card { display:flex; flex-direction:column; align-items:flex-start; flex:1; width:100%; height: 100%;min-height: 340px; gap:10px } 
.box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-grid .product-card .thumb { position:relative;  border-radius:5px;  } 
.box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-grid .product-card .thumb>a { width:100%; height:100% } 
.box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-grid .product-card .thumb img { width:100%; height:100%; object-fit:cover; } 
.box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-grid .product-card .product-card .btn-cart { position:absolute; bottom:10px; right:10px; background:rgba(0,0,0,.6); color:#fff; border-radius:50%; cursor:pointer; width:30px; height:30px; display:flex; flex-direction:row; align-items:center; justify-content:center } 
.box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-grid .product-card .btn-cart .cart-img { width:20px; height:20px; object-fit:contain; transform:none }

.box .wraper .box-swiper .swiper-wrapper .swiper-slide .product-card .info h3 {-webkit-line-clamp: 1;line-clamp: 1;}

.customBox .box-swiper .swiper-wrapper .swiper-slide .product-card-box-html{height: 100%;}
.customBox .product-card-link .thumb{max-height: 330px; border-radius: 5px;aspect-ratio: 1 / 2;}
.customBox .product-card .info{gap: 6px;}
.customBox .product-card .info .price-box .price-origin{font-size: 14px; letter-spacing: -0.5px;margin-bottom: 6px;}
.customBox .product-card>a {gap: 20px;}
.customBox .product-card .btn-cart{width: 100%;  border: none; border-radius: 0;  right: 0;  bottom: 0; background: #22b26db0; backdrop-filter: blur(5px);height: 45px;}
.customBox .product-card .btn-cart span{font-size: 15px; color: #fff; font-weight: 500; letter-spacing: -0.75px;}


/* 26.03.16 전체보기 버튼 추기 */
.box .wraper .web.title-box .tit-btn .titl .all-view{width: 100%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.box .wraper .web.title-box .tit-btn .titl .all-view .view-btn{ display: flex; flex-direction: row; justify-content: flex-end; align-items: center;gap: 5px;}
.box .wraper .web.title-box .tit-btn .titl .all-view .view-btn span{font-size: 14px;letter-spacing: -0.75px;font-weight: 600;color: #fff;}
.box .wraper .web.title-box .tit-btn .titl .all-view .view-btn .arrow-right{width: 14px;height: 14px;background: url(../../images/main/arrow-right.svg) 50% 50% no-repeat;background-size: contain;}


.mobile.product-box-wrap { display:none }
.mobile.product-list-wrap { display:none } 

/* 정기구독 */
.foodBox .wraper .web.title-box { background:url(../../images/main/food-box.jpg) 50% 50%/cover no-repeat } 
.foodBox .wraper .mobile.title-box { background:url(../../images/main/food-box-m-bg.jpg) 50% 50%/cover no-repeat; display:none } 
.foodBox .wraper .mobile.title,.foodBox .wraper .mobile.title-box .tit-btn .titl { display:none } 

/* 육아박스 */
.babyBox .wraper .web.title-box { background:url(../../images/main/baby-box.jpg) 50% 50%/cover no-repeat } 
.babyBox.box .wraper .web.title-box .tit-btn .titl .tit p,.babyBox.box .wraper .web.title-box .tit-btn .titl .txt p { color:#555 } 
.babyBox .wraper .mobile.title-box { background:url(../../images/main/baby-box-m-bg.jpg) 50% 50%/cover no-repeat; display:none } 
.babyBox .wraper .mobile.title,.babyBox .wraper .mobile.title-box .tit-btn .titl { display:none } 

/* 생활박스 */
.livingBox .wraper .web.title-box { background:url(../../images/main/living-box.jpg) 50% 50%/cover no-repeat } 
.livingBox .wraper .mobile.title-box { background:url(../../images/main/living-box-m-bg.jpg) 50% 50%/cover no-repeat; display:none } 
.livingBox .wraper .mobile.title,.livingBox .wraper .mobile.title-box .tit-btn .titl { display:none } 
/* 건강박스 */
.healthyBox .wraper .web.title-box { background:url(../../images/main/healthy-box.jpg) 50% 50%/cover no-repeat } 
.healthyBox .wraper .mobile.title-box { background:url(../../images/main/healthy-box-m-bg.jpg) 50% 50%/cover no-repeat; display:none } 
.healthyBox .wraper .mobile.title,.healthyBox .wraper .mobile.title-box .tit-btn .titl { display:none } 


/* 26.02.09 배너스타일 추가  */
.products .banner {width: 100%; height: 240px; display: block; position: relative;padding: 0 40px;}
.products .tit-txt-wrap{width:100%; display:flex; flex-direction:column; align-items:center; gap:12px }
.products .tit-txt-wrap .tit { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:5px; transition: all 0.3s; } 
.products .tit-txt-wrap .tit img { width:28px; height:28px; object-fit:contain; transition: all 0.3s; } 
.products .tit-txt-wrap .tit p { font-size:28px; letter-spacing:-.75px; font-weight:700; line-height:1; transition: all 0.3s; } 
.products .tit-txt-wrap .text p { font-size:16px; letter-spacing:-.75px; color:#888; font-weight:400; transition: all 0.3s; } 

/* 26.02.09 핫딜이미지수정 */
.hot-deal .title-wrap{ width:100%; height:240px; background:url(../../images/main/banner/event2.png) 50% 50%/cover no-repeat ; transition: all .3s}

/* 26.03.16 메인 구독가전렌탈 리스트  */
.special-card{width: 100%;}
.card-rental .thumb {border: 1px solid #efefef;}
.card-rental .rental-price-wrap{width: 100%; display: flex; flex-direction: row;  justify-content: flex-start; align-items: center;gap: 5px;}
.card-rental .rental-price-wrap .price-box{width: auto;}
.card-rental .rental-price-wrap .price-box .price-value{color: #333; font-size: 16px; font-weight: 700; text-decoration: none;}
.card-rental .rental-price-wrap .discount{display: flex; flex-direction: row; justify-content: flex-start;  align-items: center;gap: 2px;}
.card-rental .rental-price-wrap .discount span{font-size: 14px;font-weight: 700; color: #FF3B30; letter-spacing: -0.75px;}
.card-rental .rental-price-wrap .discount p{font-size: 14px;font-weight: 500; color: #FF3B30; }



/* 모바일 전용 이미지 교체 (768px 이하) */
@media screen and (max-width: 768px) {
    .hot-deal .title-wrap {
        background-image: url(../../images/products/hotdeal-mobile.png);
        height: 120px;
        background-position: 50% 50%;
    }
}




/* 커스텀박스 */
.customBox .subscription{width: calc(100% - 385px);display: flex; flex-direction: column; gap: 20px;}
.customBox .subscription .box-swiper{width: 100%;}
.customBox .subscription .btn-more-list{display: none;}
.customBox .custom-image-list.swiper { flex: 1; min-width: 0;width: 385px; height: 450px; overflow: hidden; }
.customBox .swiper-slide { height: 100% !important; display: flex; justify-content: center; align-items: center; align-items: flex-start;}
.customBox .img_item { width: 100%; height: 100%; }
.customBox .custom-image-list .img_item img { width: 100%; height: 100%; object-fit: cover; }
.customBox .wraper .swiper-controls .swiper-button { width:55px; height:55px; border-radius:55px; background-color:#ffffff60; transition:.3s; pointer-events:auto } 
.customBox .wraper .swiper-controls .swiper-button:hover { background-color:#ffffff80 } 
.customBox .wraper .swiper-controls .swiper-button-next:after,
.customBox .wraper .swiper-controls .swiper-button-prev:after { font-size:16px; color:#fff; font-weight:600 } 

/* 25.10.23 공동구매 - 격리된 스타일 */
.group .title-wrap { width:100%; display:flex; flex-direction:column; align-items:center; gap:12px } 
.group .title-wrap .tit { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:5px; transition: all 0.3s; } 
.group .title-wrap .tit img { width:28px; height:28px; object-fit:contain; transition: all 0.3s; } 
.group .title-wrap .tit p { font-size:28px; letter-spacing:-.75px; font-weight:700; line-height:1; transition: all 0.3s; } 
.group .title-wrap .text p { font-size:16px; letter-spacing:-.75px; color:#888; font-weight:400; transition: all 0.3s; } 

/* 공동구매 상품 카드 - 격리된 스타일 26.2.09 수정 */
.group-buy-product-list{width: 100%;}
.group-buy{width: 100%;display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, auto); row-gap: 30px; column-gap: 10px; height: 100%;}
.group-product-card { width:100%; display:flex; flex-direction:column;  border-radius:5px; overflow:hidden; background:#fff; transition:.3s; } 
.group-product-card .product-card-link { width:100%; height:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-decoration:none; color:inherit; pointer-events:auto } 
.group-product-card .product-card-link .thumb { flex:1; width:100%; height:100%;max-height: 255px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; position:relative;aspect-ratio: 1 / 1; } 
.group-product-card .product-card-link .thumb img { width:100%; height:100%; object-fit:cover } 
.group-product-card .product-card-link .info { flex:1; width:100%; height:100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;padding:10px; background-color:#f8f8f8; gap:16px } 
.group-product-card .product-card-link .info .row-wrap { width:100%;  position: relative; } 
.group-product-card .product-card-link .info .row-wrap .col .name { max-width:150px;height: 45px;} 
/*.group-product-card .product-card-link .info .row-wrap .col .name p { margin: 0; width: 100%; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: -0.75px; line-height: 1.4; color: #333; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all;} */
.group-product-card .product-card-link .info .row-wrap .col .name p { margin: 0;width: 100%;  font-size: 16px;  font-style: normal;  font-weight: 400;  letter-spacing: -0.75px;  color: #333; display: -webkit-box; -webkit-line-clamp: 2;  line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis; word-break: keep-all;}
.group-product-card .product-card-link .info .row-wrap .col .price-info { width: 100%; display:flex; flex-direction:column; gap:5px }
.group-product-card .product-card-link .info .row-wrap .col .price-info .original-price { font-size:15px; line-height:1; color:#B5B5B6; text-decoration:line-through; font-weight:500 } 
.group-product-card .product-card-link .info .row-wrap .col .price-info .current-price { display:flex; flex-direction:row; justify-content:flex-start;align-items: flex-end; gap:5px } 
.group-product-card .product-card-link .info .row-wrap .col .price-info .current-price p { font-size:16px; letter-spacing:-.75px; line-height:1; font-weight:500; color:#FF3B30; margin:0 } 
.group-product-card .product-card-link .info .row-wrap .col .price-info .current-price b { font-size:22px; line-height:1; font-weight:800; color:#FF3B30; transition: all 0.3s; } 
.group-product-card .product-card-link .info .row-wrap .discount {display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0;} 
.group-product-card .product-card-link .info .row-wrap .discount .discount-rate { font-size:30px; font-weight:900; color:#FF3B30 } 
.group-product-card .product-card-link .info .deadline-info { width:100%; height:42px; border-radius:5px; background-color:#ffffff; box-shadow:5px 5px 15px rgba(0,0,0,0.08); display:flex; flex-direction:column; align-items:center; gap: 2px; justify-content: center; padding:0 8px; transition: all 0.3s; } 
.group-product-card .product-card-link .info .deadline-info .time-info { display:flex; flex-direction:row; align-items:center; gap:8px; } 
.group-product-card .product-card-link .info .deadline-info .time-info .alarm-icon { min-width:20px; height:16px; background:url(../../images/main/alarm-icon.svg) 50% 50%/contain no-repeat; flex-shrink:0; } 
.group-product-card .product-card-link .info .deadline-info .time-info .time-label { font-size:13px; color:#333; font-weight:600; letter-spacing: -0.5px; } 
.group-product-card .product-card-link .info .deadline-info .time-info .time-value { font-size:13px; color:#FF3B30; font-weight:600; letter-spacing: -0.5px; } 
.group-product-card .product-card-link .info .deadline-info .stock-info {  display: flex; flex-direction: row;justify-content: center; align-items: center; position: relative; } 
.group-product-card .product-card-link .info .deadline-info .stock-info span{font-size:13px; color:#333; font-weight:500; letter-spacing: -0.5px;}

/* 공동구매 그리드 */
.group-buy-grid { display:flex; flex-direction:column; gap:0 } 
.btn-more-wrap { text-align:center; margin-top: 40px;} 
.btn-more-list { display:flex; width: 100%; align-items:center; flex-direction: row; justify-content: center; gap:8px; padding:12px 24px; background:#ffffff; border:1px solid #eeeeee; border-radius:6px;  cursor:pointer; transition:all .3s ease } 
.btn-more-list p{color:#495057; font-size:16px; font-weight:500; letter-spacing: -0.75px;}
.btn-more-list i{font-size: 18px;}
.btn-more-list:hover { background:#f5f5f5; border-color:#efefef } 

/* 공동구매 상세 페이지 스타일 */
.group-buy-info-section { margin:20px 0; padding:20px; background:#fff5f5; border:1px solid #ffebee; border-radius:8px } 
.group-buy-header h3 { font-size:18px; font-weight:700; color:#333; margin:0 0 15px 0 } 
.group-buy-details { display:flex; flex-direction:column; gap:15px } 
.group-buy-progress { margin-bottom:10px } 
.group-buy-progress .progress-info { display:flex; align-items:center; gap:5px; font-size:14px; color:#666; margin-bottom:8px } 
.group-buy-progress .progress-bar { width:100%; height:6px; background:#f0f0f0; border-radius:3px; overflow:hidden } 
.group-buy-progress .progress-fill { height:100%; background:linear-gradient(90deg,#ff6b6b,#ff8e8e); border-radius:3px; transition:width .3s ease } 
.group-buy-deadline { display:flex; justify-content:space-between; align-items:center; padding:10px 15px; background:#fff; border-radius:5px; box-shadow:0 2px 4px rgba(0,0,0,0.1) } 
.group-buy-deadline .deadline-info { display:flex; align-items:center; gap:5px; font-size:12px; color:#ff6b6b } 
.group-buy-deadline .stock-info { font-size:12px; color:#666; font-weight:500; display: flex; align-items: center; gap: 5px; } 
.group-buy-discount { text-align:center } 
.group-buy-discount .discount-rate { font-size:24px; font-weight:900; color:#ff6b6b; background:#fff; padding:8px 16px; border-radius:20px; display:inline-block } 

/* 26.02.09 공동구매 (핫딜존수정) */
.hot-deal .web.title{width: 100%;height: 100%;}
.hot-deal .banner{width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;gap: 15px;}
.hot-deal .banner .tit p{font-size: 28px; color: #fff; font-weight: 700; letter-spacing: -0.75px;}
.hot-deal .banner .text{display: flex;flex-direction: column; align-items: flex-start;}
.hot-deal .banner .text .txt p{font-size: 18px;letter-spacing: -0.75px; color: #fff; font-weight: 500;}
.hot-deal .banner .text .txt{display: flex; flex-direction: row; align-items: center;}
.hot-deal .banner .text .txt img{width: 24px; height: 24px;}



/* 26.02.10 구독메인수정(구독가이드) */
.guide-wrap .title{width: 100%;display: flex;flex-direction: row; align-items: center; justify-content: center;}
.guide-wrap .title p{color: #ffffff; line-height: 1.4; letter-spacing: -0.75px;font-size: 3rem; font-weight: 500;}
/* 타이틀 */
.guide-title-section{width: 100%;max-width: 1920px; height: 1000px; display: flex;background: url(../../images/main/guide-bg-01.jpg) 50% 50%/contain no-repeat; background-size: cover;margin: 0 auto;}
.guide-title-section .container{width: 100%; max-width: 1050px; margin: 0 auto; height: 100%; display: flex; flex-direction: column; align-items: center;justify-content: space-between; padding: 100px 0; }
.guide-title-section .container .top, 
.guide-title-section .container .bottom{width: 100%;display: flex;  align-items: center;justify-content: center}
.guide-title-section .container .top{flex-direction: column;}
.guide-title-section .container .bottom{flex-direction: row;gap: 20px;justify-content: space-between;}
.guide-title-section .container .top p,
.guide-title-section .container .bottom p{color: #ffffff; line-height: 1.4; letter-spacing: -0.5px;}
.guide-title-section .container .top p{font-weight: 300; font-size: 3rem;}
.guide-title-section .container .top p b{font-weight: 600;}
.guide-title-section .container .top img {width: 73px; height: 73px; object-fit: contain;}
.guide-title-section .container .bottom p{font-size: 3.4rem;font-weight: 600;}
.guide-title-section .container .bottom p .green{color: #23B16C;}
.guide-title-section .container .bottom .logo{width: 250px;height: 60px; object-fit: contain;}
.guide-title-section .container .bottom .line{ flex: 1; width: 100%;height: 2px; background-color: #ffffff; display: block;}

/* 이유 */
.reason-section{max-width: 1920px; width: 100%; margin: 0 auto; display: flex;background-color: #324C3E;overflow: hidden; }
.reason-section .container{width: 100%;  height: 100%; display: flex;  flex-direction: column; align-items: center; justify-content: space-between; padding: 100px 0;position: relative;}
.reason-section .reason-wrap{width: 100%;  margin: 0 auto;display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 120px;}
.reason-section .reason-wrap .title{width: 100%;display: flex;flex-direction: row; align-items: center; justify-content: center;}
.reason-section .reason-wrap .reason-card-wrap{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;position: relative}
.reason-section .reason-wrap .reason-card{display: flex; flex-direction: column;  align-items: center; width: 100%;max-width: 247.5px; gap: 20px;position: relative; z-index: 1;}

.reason-section .reason-wrap .card-tit{width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 12px 0; background-color: #537E67;}
.reason-section .reason-wrap .card-tit p{font-size: 1.25rem; color: #fff; letter-spacing: -0.75px; font-weight: 500;}
.reason-section .reason-wrap .card-img{width: 100%;max-height: 245px;aspect-ratio: 1 / 1;}
.reason-section .reason-wrap .card-img img{width: 100%; height: 100%; object-fit: cover;}
.reason-section .reason-wrap .card-text{width: 100%; display: flex; align-items: center; justify-content: center;}
.reason-section .reason-wrap .card-text p{width: 100%; text-align: center; line-height: 1.4; color: #fff; word-break: keep-all; letter-spacing: -0.75px; font-size: 1.1rem;}

/* 데스크톱 배경 가로선 (위아래) */
.reason-section .reason-wrap .bg-line { position: absolute; width: 100%; height: 2px; background-color: rgba(255, 255, 255, 0.3); z-index: 0; grid-column: 1 / -1;}
.reason-section .reason-wrap .bg-line.top { top: 353px; right: 428px;}
.reason-section .reason-wrap .bg-line.bottom { bottom: 168px; left: 430px;}

/* 추천박스 */
.recommend-section{width: 100%; max-width: 1920px; margin: 0 auto; overflow-x: hidden; display: flex; background: linear-gradient(180deg, #324C3E, #5D9479);}
.recommend-section .container{width: 100%; max-width: 1050px; margin: 0 auto;  height: 100%; display: flex;  flex-direction: column; align-items: center; justify-content: space-between; padding: 100px 0;gap: 70px;}

/* .recommend-card-wrap{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;position: relative}
.recommend-card{width: 100%; flex: 1; display: flex; flex-direction: column; align-items: center; gap: 30px;}
.recommend-card .card-titl{width: 100%; display: flex; flex-direction: column; align-items: center; gap: 30px;}
.recommend-card .card-titl .card-tit{display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 10px 20px; border: 1px solid #779A70; border-radius: 35px;}
.recommend-card .card-titl .card-tit p{font-size: 1.1rem; letter-spacing: -0.75px; color: #779A70;}
.recommend-card .card-titl .card-text{width: 100%; display: flex; flex-direction: column;align-items: center; gap: 14px;}
.recommend-card .card-titl .card-text b{font-size: 1.75rem; letter-spacing: -0.5px; font-weight: 600; color: #fff;}
.recommend-card .card-titl .card-text p{font-size: 1rem; letter-spacing: -0.75px; font-weight: 300; color: #fff; text-align: center;word-break: keep-all; line-height: 1.4;max-width: 250px;}
.recommend-card .card-img{width: 100%;max-height: 270px;}
.recommend-card .card-img img{width: 100%; height: 100%; object-fit: contain;} */

/* 추천박스 디자인 수정 260226*/
.recommend-section .recommend-swiper-wrap{width: 100%; max-width: 100%;position: relative;  }
.recommend-section .recommend-swiper{width: 100%; max-width: 100%; overflow: hidden;}
.recommend-section .recommend-swiper .swiper-wrapper{min-width: 0;}
.recommend-section .recommend-swiper .swiper-slide{min-width: 0;width: 400px; box-sizing: border-box;}
.recommend-section .recommend-swiper .recommend-card{min-width: 0; max-width: 100%; cursor: pointer; display: block; }
.recommend-section .recommend-swiper .recommend-card .img-box{border-radius: 40px; overflow: hidden; transition: transform 0.5s;transform: translateY(100px);}
.recommend-section .recommend-swiper .recommend-card .img-box::before{content: ''; display: block;padding-bottom: calc(490 / 400 * 100%);}
.recommend-section .recommend-swiper .recommend-card .img-box img{display: block; width: 100%; height: auto; position: absolute;  left: 0; top: 0; width: 100%; height: 100%;object-fit: cover;}
.recommend-section .recommend-swiper .recommend-card .text-box{  height: 230px; border-radius: 40px; overflow: hidden; background-color: #fff; color: #000; box-sizing: border-box; transition: transform 0.5s; padding: 30px;transform: translateY(-100px);display: flex;justify-content: flex-start; flex-direction: column; gap: 26px;}
.recommend-section .recommend-swiper .recommend-card .card-tit{display: flex; flex-direction: row;  align-items: center;  justify-content: flex-start;  width: fit-content; padding: 8px 14px;  border-radius: 100px;  border: 1px solid #779A70; transition: all 0.5s;  }
.recommend-section .recommend-swiper .recommend-card .card-tit p{color: #779A70;  font-size: 13px;  letter-spacing: -0.75px;transition: all 0.5s;}
.recommend-section .recommend-swiper .recommend-card b{font-size: 30px; font-weight: 700; letter-spacing: -0.75px;}
.recommend-section .recommend-swiper .recommend-card p{font-size: 16px;color: #222; letter-spacing: -0.75px; max-width: 276px; word-break: keep-all;line-height: 1.4;}
@media (min-width:1051px) {
.recommend-section .recommend-swiper .recommend-card:hover .img-box{transform: translateY(66px);}
.recommend-section .recommend-swiper .recommend-card:hover .text-box{transform: translateY(-66px);}
.recommend-section .recommend-swiper .recommend-card:hover .card-tit{background-color: #00C365; border-color: #00C365;}
.recommend-section .recommend-swiper .recommend-card:hover .card-tit p{color: #fff;}
}
.recommend-next,
.recommend-prev{width: 55px; height: 55px;  border: 1px solid #fff; border-radius: 50px; transition: all 0.5s;}
.recommend-prev{left: -10%;}
.recommend-next{right: -10%;}
.recommend-section .recommend-next:after,
.recommend-section .recommend-prev:after{font-size: 20px;color: #fff;}



/* 정기 배송 이용 가이드 */
.delivery-guide-section{width: 100%;max-width: 1920px; margin: 0 auto; min-height: 1200px; display: flex;background: url(../../images/main/guide-bg-04.jpg) 50% 50%/contain no-repeat; background-size: cover;}
.delivery-guide-section .container{width: 100%;max-width: 1050px; margin: 0 auto; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 100px 0; gap: 70px;}
.steps-wrap{width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: auto auto auto; gap: 40px; align-items: center;}
.step-card{background-color: rgba(0, 0, 0, 30%);backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); box-shadow:  0 8px 32px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(119, 154, 112, 0.2);padding: 20px; display: flex; flex-direction: column; align-items: center; min-height: 330px; width: 100%; justify-content: space-between;}
.step-card .step-number{color: #779A70; font-size: 1.5rem; font-weight: 600; letter-spacing:-0.75px;}
.step-inner{display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 270px; gap: 15px;}
.step-inner .step-icon{width: 100%; max-height: 104px; aspect-ratio: 1 / 1;}
.step-inner .step-icon img{width: 100%;height: 100%; object-fit: contain;}
.step-inner .step-text{display: flex;flex-direction: column;align-items: center; gap: 10px;}
.step-inner .step-text .step-title p{font-size: 1.75rem; letter-spacing: -0.75px; font-weight: 600; color: #fff;text-align: center; word-break: keep-all;}
.step-inner .step-text .step-desc{max-width: 370px;width: 100%;}
.step-inner .step-text .step-desc p{font-size: 1rem; letter-spacing: -0.75px; font-weight: 300; color: #fff; text-align: center; line-height: 1.4; word-break: keep-all;}
.steps-wrap .arrow-icon{width: 80px; height: 40px;margin: 0 auto;}
.steps-wrap .arrow-icon img{width: 100%; height: 100%; object-fit: contain;}
.steps-wrap .arrow-icon.down{transform: rotate(90deg);}
.steps-wrap .arrow-icon.left{transform: rotate(180deg);}
.steps-wrap .arrow-icon.up{transform: rotate(270deg);}


/* 카드 배치 */
.delivery-guide-section .step-card:nth-child(1) { grid-column: 1; grid-row: 1;}
.delivery-guide-section .arrow-icon:nth-child(2) { grid-column: 2; grid-row: 1;}
.delivery-guide-section .step-card:nth-child(3) { grid-column: 3; grid-row: 1;}
.delivery-guide-section .arrow-icon:nth-child(4) { grid-column: 3; grid-row: 2;justify-self: center;}
.delivery-guide-section .step-card:nth-child(5) { grid-column: 3; grid-row: 3;}
.delivery-guide-section .arrow-icon:nth-child(6) { grid-column: 2; grid-row: 3;}
.delivery-guide-section .step-card:nth-child(7) { grid-column: 1; grid-row: 3;}


/* 리뷰섹션 */
.review-section{ width: 100%; max-width: 1920px; margin: 0 auto; display: flex;background-color: #324C3E;}
.review-section .container{width: 100%;max-width: 1050px; margin: 0 auto; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 100px 0; gap: 70px;}
.review-section .title{flex-direction: column; gap: 30px;}
.review-section .title img{max-height: 60px; object-fit: contain;}
.review-section .title p{font-weight: 600;}
.review-grid{width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.review-grid .review-card{width: 100%; background-color: #293D33;padding: 24px 28px; display: flex; flex-direction: column; gap: 15px;}
.review-grid .review-card .review-img{width: 100%;max-height: 244px; aspect-ratio: 1 / 1;}
.review-grid .review-card .review-img img{width: 100%; height: 100%; object-fit:cover;}
.review-content{width: 100%; display: flex; flex-direction: column; gap: 15px;}
.review-content .review-info{width: 100%;display: flex;flex-direction: row; justify-content: space-between;}
.review-content .review-info .review-star{display: flex;flex-direction: row; justify-content: flex-start;align-items: center; gap: 5px;}
.review-content .review-info .review-star img{max-height: 20px;aspect-ratio: 1 / 1; object-fit: contain;}
.review-content .review-info .review-author{display: flex; flex-direction: row; align-items: center; gap: 2px;}
.review-content .review-info .review-author p, span{color: #888; font-size: 1rem; letter-spacing: -.75px;}
.review-content .review-text{width: 100%;  display: flex;  flex-direction: column;  gap: 20px;}
.review-content .review-text .review-title p{font-size: 1.313rem;color: #fff;letter-spacing: -.75px; font-weight: 600; word-break: keep-all;}
.review-content .review-text .review-desc p{color: #fff; font-size: 0.875rem; letter-spacing: -.75px; line-height: 1.4;font-weight: lighter;word-break: keep-all;}
.review-btn-wrap{width: 100%;  display: flex; flex-direction: row; align-items: center; justify-content: center;}
.review-btn-wrap .review-more-btn{display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 34px; padding: 16px 34px; border-radius: 40px; background-color: #00C365; max-width: 380px; width: 100%; height: 80px;}
.review-btn-wrap .review-more-btn span{font-size: 1.75rem;font-weight: 700;letter-spacing: -0.75px;color: #fff;}
.review-btn-wrap .review-more-btn img{max-height: 27px;object-fit: contain;}


/* 모바일 반응형 */ 
@media (min-width:1920px) {  
 .pomotion .banner { background-size: contain; } 
 .event2 .banner { background-size: cover; } 
 .pomotion .banner {background-size: contain; } 
 .reason-section .reason-wrap .bg-line{width: 70%;}
 .reason-section .reason-wrap .bg-line.top{left: 0 ; right: inherit;}
 .reason-section .reason-wrap .bg-line.bottom{right: 0;left: inherit;}
 } 
@media (max-width:1280px) {
.recommend-prev {left: 0; }
.recommend-next { right: 0; }
.recommend-section .recommend-swiper .recommend-card .text-box{gap: 16px;transform: translateY(-60px);height: 200px;}
.recommend-section .recommend-swiper .recommend-card b{font-size: 24px;}
.recommend-section .recommend-swiper .recommend-card p{font-size: 16px;}

.recommend-next,
.recommend-prev{background-color: #ffffff30;}
}

/* 모바일 반응형 수정 26.02.09 */
@media (max-width:1050px) {
.group-buy{grid-template-columns: repeat(3, 1fr);}
.group-product-card .product-card-link .info .row-wrap .col .name{max-width: calc(100% - 90px); width: 100%;}
.hot-deal .title-wrap{background-position: left;}

.guide-wrap .title p{font-size: 2rem;}
/* 타이틀 */
.guide-title-section .container .top,
.guide-title-section .container .bottom{padding: 0 10px;transition: all 0.3s;}
.guide-title-section .container .bottom p{font-size: 2rem;}
.guide-title-section .container .bottom .logo{width: 150px;}
.guide-title-section .container .top p{font-size: 2.4rem;}
/* 이유 */
.reason-section .reason-wrap{padding: 0 10px;}
.reason-section .reason-wrap .reason-card-wrap{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;position: relative}
.reason-section .reason-wrap .card-tit p{font-size: 1rem;}
.reason-section .reason-wrap .card-text p{font-size: 0.875rem;}
.reason-section .reason-wrap .bg-line.top { top: 328px;;}
.reason-section .reason-wrap .bg-line.bottom { bottom: 159px; }
/* 추천 구독 박스 - 1050px 미만: hover 대신 중앙(활성) 슬라이드에만 이벤트 */
.recommend-section .recommend-swiper .swiper-slide-active .recommend-card .img-box{transform: translateY(66px);}
.recommend-section .recommend-swiper .swiper-slide-active .recommend-card .text-box{transform: translateY(-66px);}
.recommend-section .recommend-swiper .swiper-slide-active .recommend-card .card-tit{background-color: #00C365; border-color: #00C365;}
.recommend-section .recommend-swiper .swiper-slide-active .recommend-card .card-tit p{color: #fff;}
.recommend-section .recommend-swiper .recommend-card .img-box{transform: translateY(90px);}
.recommend-section .recommend-swiper .recommend-card .text-box{transform: translateY(-90px);}
.recommend-section .recommend-swiper .recommend-card:hover .card-tit{background-color: #00C365; border-color: #00C365;}
.recommend-section .recommend-swiper .recommend-card:hover .card-tit p{color: #fff;}
.recommend-section .recommend-swiper .swiper-slide-active .recommend-card:hover .img-box{transform: translateY(66px);}
.recommend-section .recommend-swiper .swiper-slide-active .recommend-card:hover .text-box{transform: translateY(-66px);}
.recommend-section .recommend-swiper .swiper-slide-active .recommend-card:hover .card-tit{background-color: #00C365; border-color: #00C365;}
.recommend-section .recommend-swiper .swiper-slide-active .recommend-card:hover .card-tit p{color: #fff;}
.recommend-section .recommend-swiper .recommend-card p{max-width: 100%;}
.recommend-card-wrap{display: flex; flex-direction: column; gap: 40px;padding: 0 10px;}
/* 정기 배송 이용 가이드 */
.steps-wrap{display: flex; flex-direction: column; gap: 40px; max-width: 600px; width: 100%; margin: 0 auto;padding: 0 10px;}
.steps-wrap .arrow-icon.right{transform: rotate(90deg);}
.steps-wrap .arrow-icon.down{transform: rotate(90deg);}
.steps-wrap .arrow-icon.left{transform: rotate(90deg);}
.steps-wrap .arrow-icon.up{display: none;}
.step-inner .step-text .step-title p{font-size: 1.5rem;}
.step-inner .step-text .step-desc p{font-size: -0.87rem;}
/* 리뷰 */
.review-grid{grid-template-columns: repeat(2, 1fr); justify-content: center; max-width: 700px; margin: 0 auto;padding: 0 10px;}
.review-content .review-info .review-star img{max-height: 16px;}
.review-content .review-info .review-author p,
span {font-size: 0.875rem;}
.review-content .review-text .review-title p{font-size: 1.2rem;}
.review-btn-wrap{padding: 0 10px;}
.review-btn-wrap .review-more-btn span{font-size: 1.5rem;}
.review-btn-wrap .review-more-btn img{max-height: 24px;}
}

/* 모바일 반응형 수정 26.02.09 */
@media (max-width:853px) { 
.group-product-card .product-card-link .info .deadline-info{flex-direction: column; gap: 2px; height: auto; padding: 8px;}
.group-product-card .product-card-link .info .deadline-info .stock-info::before{display: none;}
.group-product-card .product-card-link .info .deadline-info .stock-info{padding-left:0;}
 } 


@media (max-width:768px) { 
.group-product-card .product-card-link .info .row-wrap .discount .discount-rate{font-size: 24px;}
  .group-product-card .product-card-link .info .row-wrap .col .price-info .current-price b{font-size: 20px;}
  .group-product-card .product-card-link .info .row-wrap .col .price-info .current-price p{font-size: 14px; letter-spacing: -0.5px;} 
  .hot-deal .banner .tit p{font-size: 24px;word-break: keep-all;}
  .hot-deal .banner .text .txt p{font-size: 14px;}
   .products .tit-txt-wrap .tit{align-items: flex-start;}
  .products .tit-txt-wrap .tit p{font-size: 24px;text-align: center; line-height: 1.4;}
  .group-product-card .product-card-link .info .deadline-info .stock-info span{font-size: 12px;}
  .product-card .thumb{aspect-ratio: 1 / 1;}
  .step-inner .step-icon{max-height: 80px;}

  /* 260227 추가 */
  .recommend-section .recommend-swiper .recommend-card .text-box{padding: 20px;}

  .btn-more-list p{font-size: 14px;}
  .product-card .info h3 {font-size: 15px;}
.product-card .info .price { font-size: 16px; }
 } 

 @media only screen and (max-width: 720px){
  .group-buy {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, auto);}
  .group-product-card .product-card-link .info .row-wrap .col .name{max-width: calc(100% - 70px); width: 100%;}
  .group-product-card .product-card-link .info .row-wrap .col .name p{font-size: 14px; letter-spacing: -0.75px;}
  /* 타이틀 */
  .guide-title-section .container .top p{font-size: 2rem;text-align: center;word-break: keep-all;}
.guide-title-section .container .bottom{display: flex;justify-content: flex-start; flex-direction: column; gap: 0;}
.guide-title-section .container .bottom .line{display: none;}
.guide-title-section .container .bottom p{font-size: 1.875rem; word-break: keep-all;text-align: center;}
/* 리뷰 */
.review-content .review-info{flex-wrap: wrap; gap: 10px;}
}
 @media only screen and (max-width: 425px){
.group-product-card .product-card-link .info .deadline-info .time-info .alarm-icon{min-width: 14px; height: 14px;}
.group-product-card .product-card-link .info .deadline-info .time-info .time-label{font-size: 12px;}
.group-product-card .product-card-link .info .deadline-info .time-info .time-value{font-size: 12px;}

.group-product-card .product-card-link .info .deadline-info .time-info{flex-direction: column;gap: 0;width: 100%;}
.step-inner .step-icon{max-height: 50px;}
.guide-wrap .title p{font-size: 1.5rem; text-align: center;}
.step-inner .step-text .step-title p{font-size: 1.2rem;}
.recommend-section .recommend-swiper .recommend-card b{font-size: 20px;}
.recommend-next,
.recommend-prev{background-color: #00000050; border: none; width: 46px;height: 46px;}
.recommend-section .recommend-swiper .recommend-card p{font-size: 14px;}
.review-grid{gap: 16px;}
.review-grid .review-card{padding: 16px;}

.group-product-card .product-card-link .info .row-wrap .discount .discount-rate{font-size: 20px;}
.group-product-card .product-card-link .info .row-wrap .col .name{max-width: calc(100% - 45px);}
.group-product-card .product-card-link .info .row-wrap .col .price-info .current-price b{font-size: 18px;}
 }