#wrap {overflow:hidden}


.healthproduct_new{width:1280px;margin:0 auto;}


.hp_navigation{width:1280px;height:52px;background:#000;}
.hp_navigation ul{width:1280px;height:52px;font-size:0;text-align:center;background:#000;}
.hp_navigation ul>li{display:inline-block;}
.hp_navigation ul>li+li{margin-left:120px;}
.hp_navigation ul>li>a{display:block;height:52px;padding-top:11px;font-size:18px;font-weight:400;color:#fff;box-sizing:border-box;}
.hp_navigation ul>li>a>span{font-family:'Pretendard';}
.hp_navigation ul>li>a:hover,
.hp_navigation ul>li.active>a{color:#fff67f;font-weight:bold;opacity:1;}

.healthproduct_new h3{font-size:38px;color:#222;text-align:center;}
.healthproduct_new h3>span{display:block;margin-bottom:4px;font-size:18px;}
.healthproduct_new h3+p{font-size:18px;color:#222;text-align:center;}
.healthproduct_new h4{margin-top:24px;font-size:30px;color:#212121;font-weight:500;text-align:center;}

.healthproduct_new .hp_top_kv{position:relative;}
.healthproduct_new .hp_item{padding:64px 0;}

/* 섭취대상별 */
.healthproduct_new .hp_category_target .hp_category_list{display:flex;width:924px;margin:16px auto 0;}
.healthproduct_new .hp_category_target .hp_category_list>li{width:144px;height:145px;cursor: pointer;background-repeat:no-repeat;background-position:0 0;background-size:144px auto;text-indent:-9999px;}
.healthproduct_new .hp_category_target .hp_category_list>li+li{margin-left:12px;}
.healthproduct_new .hp_category_target .hp_category_list>li.hp_category_family{background-image:url(/cjom/event/healthproducts/images/bg_hp_target_family_off.png);}
.healthproduct_new .hp_category_target .hp_category_list>li.hp_category_women{background-image:url(/cjom/event/healthproducts/images/bg_hp_target_women_off.png);}
.healthproduct_new .hp_category_target .hp_category_list>li.hp_category_men{background-image:url(/cjom/event/healthproducts/images/bg_hp_target_men_off.png);}
.healthproduct_new .hp_category_target .hp_category_list>li.hp_category_kiz{background-image:url(/cjom/event/healthproducts/images/bg_hp_target_kids_off.png);}
.healthproduct_new .hp_category_target .hp_category_list>li.hp_category_senior{background-image:url(/cjom/event/healthproducts/images/bg_hp_target_senior_off.png);}
.healthproduct_new .hp_category_target .hp_category_list>li.hp_category_office{background-image:url(/cjom/event/healthproducts/images/bg_hp_target_officer_off.png);}
.healthproduct_new .hp_category_target .hp_category_list>li.hp_category_family.active{background-image:url(/cjom/event/healthproducts/images/bg_hp_target_family_on.png);}
.healthproduct_new .hp_category_target .hp_category_list>li.hp_category_women.active{background-image:url(/cjom/event/healthproducts/images/bg_hp_target_women_on.png);}
.healthproduct_new .hp_category_target .hp_category_list>li.hp_category_men.active{background-image:url(/cjom/event/healthproducts/images/bg_hp_target_men_on.png);}
.healthproduct_new .hp_category_target .hp_category_list>li.hp_category_kiz.active{background-image:url(/cjom/event/healthproducts/images/bg_hp_target_kids_on.png);}
.healthproduct_new .hp_category_target .hp_category_list>li.hp_category_senior.active{background-image:url(/cjom/event/healthproducts/images/bg_hp_target_senior_on.png);}
.healthproduct_new .hp_category_target .hp_category_list>li.hp_category_office.active{background-image:url(/cjom/event/healthproducts/images/bg_hp_target_officer_on.png);}
.healthproduct_new .hp_category_target .hp_category_list>li.noitems{background-position:0 0;opacity:0.5;pointer-events:none;}

/* 기능별 */
.healthproduct_new .hp_category_tab{margin-top:50px;}
.healthproduct_new .hp_category_tab .hp_category_tab_list{width:1010px;margin:16px auto 0;font-size:0;border:0;text-align:center;}
.healthproduct_new .hp_category_tab .hp_category_tab_list>li{display:inline-block;width:auto;height:auto;border:0;margin:0 5px 8px 5px;}
.healthproduct_new .hp_category_tab .hp_category_tab_list>li>a{display:block;height:62px;padding:0 40px;font-size:20px;color:#222;line-height:58px;border:2px solid #ddd;border-radius:10px;box-sizing:border-box;}
.healthproduct_new .hp_category_tab .hp_category_tab_list>li.activebg{background:none;}
.healthproduct_new .hp_category_tab .hp_category_tab_list>li.activebg>a{color:#fff;background:#6b27f6;border-color:#6b27f6;}
.healthproduct_new .hp_category_tab .hp_category_tab_list>li.noitems>a{color:#c3c3c3;background:#fff;pointer-events:none;opacity:.5;}

/*맞춤상품보기*/
.healthproduct_new .hp_category_more{margin-top:42px;text-align:center;border-radius:4px;}
.healthproduct_new .hp_category_more button{width:480px;height:64px;font-size:20px;color:#fff;background:#111;border-radius:8px;}


.healthproduct_new .hp__section{padding:56px 0;}

/* 나를 위한 식단관리 */
.healthproduct_new .hp__section.my-menu{background:#dadcff url(/cjom/event/healthproducts/images/202504/deco_lineup_pc.png) no-repeat calc(50% - 30px) 10px;}
.healthproduct_new .menu__tab--list{margin:24px 0 18px;}
.healthproduct_new .menu__tab--list ul{display:flex;justify-content:center;gap:8px;}
.healthproduct_new .menu__tab--list ul>li a{display:block;height:48px;padding:8px 24px 0;font-size:18px;color:#000;box-sizing:border-box;border:1px solid #888;border-radius:24px;}
.healthproduct_new .menu__tab--list ul>li.active a{color:#fff;background:#000;border-color:#000;}

.healthproduct_new .menu__tab--contents{display:none;width:960px;margin:0 auto;}
.healthproduct_new .menu__tab--contents.active{display:block;}
.healthproduct_new .menu__tab--contents .menu__tab--title{position:relative;width:100%;height:120px;background-size:100% auto;background-repeat:no-repeat;background-position:0 0;}
.healthproduct_new .menu__tab--contents .menu__tab--title strong{position:absolute;top:50%;left:34px;font-size:26px;color:#000;transform:translateY(-50%);}
.healthproduct_new .menu__tab--contents .menu__tab--title a{position:absolute;top:50%;right:24px;padding-right:14px;font-size:15px;color:#666;transform:translateY(-50%);background:url(/cjom/event/healthproducts/images/202504/ico_arrow_s_pc.png) no-repeat 100% 50%;background-size:8px auto;}
.healthproduct_new .menu__tab--contents .menu__tab--title.menu-1{background-image:url(/cjom/event/healthproducts/images/202504/bg_lineup_1_pc.jpg);}
.healthproduct_new .menu__tab--contents .menu__tab--title.menu-2{background-image:url(/cjom/event/healthproducts/images/202504/bg_lineup_2_pc.jpg);}
.healthproduct_new .menu__tab--contents .menu__tab--title.menu-3{background-image:url(/cjom/event/healthproducts/images/202504/bg_lineup_3_pc.jpg);}
.healthproduct_new .menu__tab--contents .menu__tab--title.menu-4{background-image:url(/cjom/event/healthproducts/images/202504/bg_lineup_4_pc.jpg);}
.healthproduct_new .menu__tab--contents .product-swiper .swiper-slide{padding-bottom:46px;}
.healthproduct_new .menu__tab--contents .product-swiper .swiper-slide .product-item .inner.sold-out .product-alarm{top:162px;}
.healthproduct_new .menu__tab--contents .product-swiper .swiper-slide .product-item .inner.sold-out.soldout-alarm a .thumb::after{top:50%;margin-top:-12px;}
.healthproduct_new .menu__tab--contents .product-swiper .swiper-slide .product-item .btn-cart{top:166px;}

.healthproduct_new .btn{display:inline-block;font-size:18px;font-weight:bold;text-align:center;border-radius:8px;box-sizing:border-box;}
.healthproduct_new .btn.btn__black{width:480px;height:64px;color:#fff;background:#111;}
.healthproduct_new .btn.btn__black.complete{position:relative;background:#ccc;}
.healthproduct_new .btn.btn__black.complete img{visibility:hidden;}
.healthproduct_new .btn.btn__black.complete:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/cjom/event/healthproducts/images/202507/btn_download_complete.png) no-repeat 0 0;background-size:100% auto;}
.healthproduct_new .btn.btn__link{width:480px;height:64px;color:#111;border:1px solid #999;line-height:62px;}
.healthproduct_new .btn.btn__link .ico__arrow{display:inline-block;width:9px;height:62px;background:url(/cjom/event/healthproducts/images/202504/ico_arrow_pc.png) no-repeat 0 50%;background-size:100% auto;vertical-align:-6px;}

/* 이너비 */
.healthproduct_new .hp__section.innerbe {position:relative;padding:56px 0 65px;background:url(/cjom/event/healthproducts/images/202507/bg_innerbe_pc.jpg) no-repeat 50% 0;background-size:cover;}
.healthproduct_new .hp__section.innerbe .deco__area {content:'';position:absolute;top:-48px;left:50%;width:161px;height:164px;background:url(/cjom/event/healthproducts/images/202507/deco_innerbe_pc.png) no-repeat 0 0;background-size:160px auto;transform:translateX(-420px);}
.healthproduct_new .hp__section.innerbe h3 {font-family:'Pretendard';}
.healthproduct_new .hp__section.innerbe .sub__title {margin-top:14px;font-size:24px;color:#222;font-weight:bold;text-align:center;line-height:1.3;}
.healthproduct_new .hp__section.innerbe .sub__title > span {display:inline-block;margin-top:4px;font-size:24px;color:#fa3f90;background: linear-gradient(90deg, #a8e3ff 0%, #ffd5f8 100%);}
.healthproduct_new .hp__section.innerbe .innerbe__product--list {display:flex;width:870px;margin:27px auto 0;}
.healthproduct_new .hp__section.innerbe .innerbe__product--list > li {width:417px;}
.healthproduct_new .hp__section.innerbe .innerbe__product--list > li.product_2 {width:421px}
.healthproduct_new .hp__section.innerbe .innerbe__product--list > li.product_2 img {width:391px;}
.healthproduct_new .hp__section.innerbe .innerbe__product--list > li+li {margin-left:32px;}
.healthproduct_new .hp__section.innerbe .notice__list {margin-top:16px;}
.healthproduct_new .hp__section.innerbe .notice__list > li {position:relative;padding-left:16px;line-height:1.3;}
.healthproduct_new .hp__section.innerbe .notice__list > li:before {content:'';position:absolute;top:8px;left:4px;width:3px;height:3px;background:#585858;border-radius:50%;}

/* 중복 쿠폰 */
.healthproduct_new .coupon__box{display:block;position:relative;width:360px;height:160px;margin:24px auto 0;background:#1ba774;border:2px solid #1ba774;overflow:hidden;box-sizing:border-box;}
.healthproduct_new .coupon__box::before{content:'';position:absolute;top:50%;right:67px;width:355px;height:355px;border-radius:50%;background:#fff;transform:translateY(-50%);}
.healthproduct_new .coupon__box .inner__cont{position:relative;padding:30px 32px 0;color:#666;text-align:left;line-height:1.3;}
.healthproduct_new .coupon__box .inner__cont strong{font-size:16px;font-weight:bold;}
.healthproduct_new .coupon__box .inner__cont .coupon__title{display:block;font-size:36px;color:#000;line-height:1;}
.healthproduct_new .coupon__box .inner__cont .coupon__title+span{margin-top:19px;}
.healthproduct_new .coupon__box .inner__cont span{display:block;font-size:16px;line-height:1.5;}

.healthproduct_new .coupon__box.prime{background:#d4a531;border-color:#d4a531;}
.healthproduct_new .coupon__btn--area{margin-top:26px;text-align:center;}

.healthproduct_new .hp__section.double-coupon {position:relative;}
.healthproduct_new .hp__section.double-coupon .deco__area{position:absolute;top:-46px;left:50%;width:158px;height:156px;background:url(/cjom/event/healthproducts/images/202507/deco_coupon_pc.png) no-repeat 0 0;background-size:auto 155px;transform:translateX(230px);}

.healthproduct_new .hp__section.prime-coupon{position:relative;background:#269fff;}
.healthproduct_new .hp__section.prime-coupon:before{content:'';position:absolute;top:-20px;left:50%;width:45px;height:45px;background:#269fff url(/cjom/event/healthproducts/images/202507/ico_plus_pc.png) no-repeat 50% 50%;border-radius:100%;background-size:21px auto;transform:translateX(-50%);}
.healthproduct_new .hp__section.prime-coupon h3 {color:#fff;}
.healthproduct_new .hp__section.prime-coupon .deco__area{position:absolute;top:-19px;left:50%;width:176px;height:141px;background:url(/cjom/event/healthproducts/images/202507/deco_prime_pc.png) no-repeat 0 0;background-size:auto 100%;transform:translateX(-430px);}
.healthproduct_new .hp__section.prime-coupon .prime__benefit{width:360px;margin:24px auto 0;}
.healthproduct_new .hp__section.prime-coupon .prime__benefit ul{display:flex;gap:12px;}
.healthproduct_new .hp__section.prime-coupon .prime__benefit ul>li{position:relative;width:110px;height:94px;padding:13px 0 0;font-size:18px;color:#ff51b4;text-align:center;line-height:1.3;background:#fff;border:2px solid #ff51b4;border-radius:12px;box-sizing:border-box;}
.healthproduct_new .hp__section.prime-coupon .prime__benefit ul>li>span{display:block;font-size:32px;font-weight:bold;}
.healthproduct_new .hp__section.prime-coupon .prime__benefit ul>li.equal:before,
.healthproduct_new .hp__section.prime-coupon .prime__benefit ul>li.plus:before{content:'';position:absolute;top:50%;left:-6px;width:32px;height:32px;transform:translate(-50%, -50%);background-image:url(/cjom/event/healthproducts/images/202507/ico_plus_equal.png);background-repeat:no-repeat;background-size:auto 32px;}
.healthproduct_new .hp__section.prime-coupon .prime__benefit ul>li.equal{color:#fff;background:#ff51b4;}
.healthproduct_new .hp__section.prime-coupon .prime__benefit ul>li.plus:before{background-position:0 0;}
.healthproduct_new .hp__section.prime-coupon .prime__benefit ul>li.equal:before{background-position:100% 0;}
.healthproduct_new .hp__section.prime-coupon .coupon__box{margin-top:18px;}
.healthproduct_new .hp__section.prime-coupon .accordion__notice--wrap{width:640px;margin:36px auto 0;}
.healthproduct_new .hp__section.prime-coupon .accordion__notice--wrap .accordion__anchor+div{padding-top:24px;}
.healthproduct_new .hp__section.prime-coupon .accordion__notice--wrap p{font-size:16px;color:#fff;text-align:left;opacity:0.8;}
.healthproduct_new .hp__section.prime-coupon .accordion__notice--wrap .accordion__notice--list{margin-top:0;}
.healthproduct_new .hp__section.prime-coupon .accordion__notice--wrap .accordion__anchor:before{top:50%;transform:translateY(-50%);}
.healthproduct_new .hp__section.prime-coupon .accordion__notice--wrap .accordion__anchor .accordion__arrow{top:50%;transform:rotate(180deg) translateY(50%);}
.healthproduct_new .hp__section.prime-coupon .accordion__notice--wrap .accordion__anchor.active .accordion__arrow{top:50%;transform:rotate(0) translateY(-50%);}


.healthproduct_new .product-swiper .swiper-wrapper{display:flex;align-items:stretch;}
.healthproduct_new .product-swiper .swiper-slide .product-item .title{display:-webkit-box;max-height:42px;margin-top:8px;font-size:15px;color:#333;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;}
.healthproduct_new .product-swiper .swiper-slide .product-item .price-info del{display:block;margin-top:6px;font-size:13px;color:#888;text-decoration:none;opacity:0.7;line-height:1;}
.healthproduct_new .product-swiper .swiper-slide .product-item .price-info del .num{text-decoration:line-through;}
.healthproduct_new .product-swiper .swiper-slide .product-item .price-info .dis-rate{font-size:20px;color:#b00000;font-weight:bold;vertical-align:initial;line-height:1;}
.healthproduct_new .product-swiper .swiper-slide .product-item .price-info .price{font-size:20px;color:#111;vertical-align:initial;line-height:1;}
.healthproduct_new .product-swiper .swiper-slide .product-item .price-info .num{font-family: 'Apple SD Gothic Neo','Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif;}
.healthproduct_new .product-swiper .swiper-slide .product-item .price-info+.product-price-primediscount{margin-top:-3px;}
.healthproduct_new .product-swiper .swiper-slide .product-item .thumb:before{border-radius:0;}

.healthproduct_new .product-swiper .swiper-slide .product-item .btn-cart{position:absolute;top:136px;right:8px;width:36px;height:36px;border-radius:8px;background:none;background-color:#fff;line-height:1;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.15);z-index:3;}
.healthproduct_new .product-swiper .swiper-slide .product-item .btn-cart:before{content:'';display:inline-block;width:19px;height:18px;margin:1px auto 0;background:url(/cjom/event/cjsalefesta/images/ico-product-cart2_pc.png) no-repeat;background-size:cover;}
.healthproduct_new .product-swiper .swiper-slide .product-item .sold-out .btn-cart,
.healthproduct_new .product-swiper .swiper-slide .product-item .sold-out.soldout-alarm .btn-cart{display:none;}


.healthproduct_new .product-swiper .swiper-slide .product-item .s-title {margin-top:8px;font-size:14px;font-weight:bold; display: block; font-stretch: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color:#111;line-height:16px;}


/*sold out 처리*/
.healthproduct_new .product-swiper .swiper-slide .product-item .inner.sold-out .thumb::before{content:'';display:inline-block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);border-radius:0;opacity:1;z-index:4;}
.healthproduct_new .product-swiper .swiper-slide .product-item .inner.sold-out .thumb::after{content:'일시품절';display:block;position:absolute;top:50%;left:50%;width:100%;height:16px;font-size:15px;color:#fff;font-weight:400;text-align:center;transform:translate(-50%, -50%);line-height:16px;z-index:5;}
.healthproduct_new .product-swiper .swiper-slide .product-item .inner.sold-out.soldout-alarm a .thumb::after {top: 40%;}

.healthproduct_new .product-swiper .swiper-slide .product-item .inner.sold-out .product-alarm {margin-top: 0;text-align: center;width: 100%;height: 48px;position: absolute;left: 50%;top: 132px;z-index: 10;
line-height: 1;
transform: translate(-50%, 0);
}

.healthproduct_new .product-swiper .swiper-slide .product-item .inner.sold-out .product-alarm a::before {position: absolute;left: 0;top: 0;display: block;width: 100%;height: 1px;content: '';
background-color: rgba(255, 255, 255, 0.5);
}

.healthproduct_new .product-swiper .swiper-slide .product-item .inner.sold-out .product-alarm a .txt {
color: #fff;
bottom: 31%;
line-height: 16px;
background-size: 16px 16px;
position: absolute;
height: 17px;
vertical-align: top;
transform: translate(-50%);
padding-left: 15px;
background: url(/cjom/web/images/hotdeal/icon-bell.svg) no-repeat 0 1px;
left: 49%;
display: inline-block;
}

.healthproduct_new .product-swiper .swiper-slide .product-item .inner.sold-out .product-alarm a .txt::after{
top: 1px;
right: -11px;
width: 7px;
height: 12px;
background-size: 7px 10px;
display: inline-block;
content: '';
background: url(/cjom/web/images/common/icon-plist-arrow02.svg) no-repeat 0 0;
position: absolute;
line-height: 13px;
}

.healthproduct_new .product-swiper .swiper-pagination .swiper-pagination-bullet{display:block;width:11px;height:11px;background:#fff;border-radius:50%;opacity:1;}
.healthproduct_new .product-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#565656;}

.healthproduct_new .menus__swiper{padding:22px 24px 16px;background:#fff;}
.healthproduct_new .menus__swiper .swiper-slide{width:210px;padding-bottom:24px;flex-shrink:0;}
.healthproduct_new .menus__swiper .swiper-pagination{display:flex;position:absolute;left:0;bottom:0;width:100%;padding:32px 0 0;justify-content:center;background:#dadcff;}

.healthproduct_new .hp__section.curation-product h3 {line-height:46px;}
.healthproduct_new .hp__section.curation-product h3 > span {display:inline-block;font-size:inherit;color:#ff438e;}
.healthproduct_new .hp__section.curation-product h3+p {margin-top:4px;color:#777;}
.healthproduct_new .hp__section.curation-product.type-2{background:#fff2f7;}
.healthproduct_new .hp__section.curation-product.type-2 .product-swiper .swiper-slide{height:auto;background:#fff;padding-bottom:16px;}
.healthproduct_new .hp__section.curation-product.type-2 .product-swiper .swiper-slide .product-item .title{padding:0 16px;}
.healthproduct_new .hp__section.curation-product.type-2 .product-swiper .swiper-slide .product-item .price-info{padding:0 16px;}
.healthproduct_new .hp__section.curation-product.type-2 .product-swiper .swiper-slide .product-item .product-benefit__price{padding:0 16px;}
.healthproduct_new .hp__section.curation-product.type-2 .product-swiper .swiper-slide .product-item .badge-o-ne{margin-left:16px;}

.healthproduct_new .product-item .product-price-primediscount {
    font-size: 16px;
    color: #B00000;
    font-weight: bold;
    line-height: 20px;
    clear: both;
}

.healthproduct_new .product-item .product-price-primediscount .price {
    font-size: 17px;
    color: #B00000;
    vertical-align: 0;
}


.healthproduct_new .hp__section.curation-product .product__btn--area{margin-top:26px;text-align:center;}
.healthproduct_new .hp__section.curation-product .product__btn--area .btn__link {color:transparent;background:url(/cjom/event/healthproducts/images/202507/txt_product_more.png) no-repeat calc(50% - 9px) 50%;background-size:81px auto;}


.healthproduct_new .swiper-slide .product-item .product-top-badge {position:absolute;left:0;top:0; z-index:1;} 
.healthproduct_new .swiper-slide .product-item .product-top-badge .badge-default { display:inline-block;padding:0 14px 0 8px;height:24px;font-size:12px;color:#fff;font-weight:bold;letter-spacing:-.3px;line-height:24px;background-color:#f07f00;vertical-align:top;clip-path:polygon(100% 0, 100% 0, 90% 100%, 0 100%, 0 0);box-sizing:border-box;} 
.healthproduct_new .swiper-slide .product-item .product-top-badge .badge-default.badge-exclusive{background: #000;}
.healthproduct_new .swiper-slide .product-item .product-top-badge .badge-default.badge-prime{background: #000;}
.healthproduct_new .swiper-slide .product-item .product-top-badge.rank {width:27px;height:27px;font-size:15px;font-weight:bold;color:#fff;text-align:center;background:#ff3a40;line-height:26px;clip-path:none;box-sizing:border-box;}

.healthproduct_new .curation__swiper--wrap{position:relative;margin-top:26px;}
.healthproduct_new .curation__swiper--wrap .product-swiper{width:1140px;}
.healthproduct_new .curation__swiper--wrap .swiper-slide {width:180px;}
.healthproduct_new .curation__swiper--wrap .swiper-pagination{display:flex;position:static;width:100%;padding:26px 0 0;justify-content:center;}
.healthproduct_new .curation__swiper--wrap .swiper-pagination .swiper-pagination-bullet{display:block;width:11px;height:11px;background:#dedede;border-radius:50%;opacity:0.8;}
.healthproduct_new .curation__swiper--wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0f94f7;opacity:1;}

.healthproduct_new .hp__section.curation-product.type-2 .curation__swiper--wrap .swiper-pagination .swiper-pagination-bullet{background:#ff438e;opacity:0.3;}
.healthproduct_new .hp__section.curation-product.type-2 .curation__swiper--wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}

.healthproduct_new .curation__swiper--wrap .swiper-button-prev,
.healthproduct_new .curation__swiper--wrap .swiper-button-next{width:40px;height:100px;background:url(/cjom/event/healthproducts/images/202504/swiper_btn_pc.png) no-repeat 0 0;background-size:100% auto;transform:translateY(-50%);}
.healthproduct_new .curation__swiper--wrap .swiper-button-prev{left:15px;transform:rotate(180deg) translateY(50%);}
.healthproduct_new .curation__swiper--wrap .swiper-button-next{right:15px;}
.healthproduct_new .curation__swiper--wrap .swiper-button-prev:after,
.healthproduct_new .curation__swiper--wrap .swiper-button-next:after{display:none;}

.modal .modal__coupon--wrap{padding:36px 40px 40px;text-align:center;}
.modal .modal__coupon--wrap .modal__title{font-size:24px;color:#333;font-weight:bold;text-align:center;line-height:1.3;}
.modal .modal__coupon--wrap .coupon__box{display:block;position:relative;width:360px;height:160px;margin:24px auto 0;background:#1ba774;border:2px solid #1ba774;overflow:hidden;box-sizing:border-box;}
.modal .modal__coupon--wrap .coupon__box::before{content:'';position:absolute;top:50%;right:67px;width:355px;height:355px;border-radius:50%;background:#fff;transform:translateY(-50%);}
.modal .modal__coupon--wrap .coupon__box .inner__cont{position:relative;padding:30px 32px 0;color:#666;text-align:left;line-height:1.3;}
.modal .modal__coupon--wrap .coupon__box .inner__cont strong{font-size:16px;font-weight:bold;}
.modal .modal__coupon--wrap .coupon__box .inner__cont .coupon__title{display:block;font-size:36px;color:#000;line-height:1;}
.modal .modal__coupon--wrap .coupon__box .inner__cont .coupon__title+span{margin-top:19px;}
.modal .modal__coupon--wrap .coupon__box .inner__cont span{display:block;font-size:16px;line-height:1.5;}

.modal .modal__coupon--wrap .coupon__box.prime{background:#d4a531;border-color:#d4a531;}

.modal .modal__coupon--wrap .btn{display:inline-block;margin-top:18px;font-size:18px;font-weight:bold;text-align:center;border-radius:8px;box-sizing:border-box;}
.modal .modal__coupon--wrap .btn.btn__black{width:100%;height:64px;padding-top:16px;color:#fff;background:#111;}
.modal .modal__coupon--wrap .coupon__info--txt{margin-top:20px;font-size:14px;color:#888;text-align:center;}

.modal.modal__double_coupon,
.modal.modal__prime_member{padding-bottom:0;}
.modal.modal__double_coupon .btn-modal-close,
.modal.modal__prime_member .btn-modal-close{top:10px;right:10px;max-height: calc(100vh - 130px);}
.modal.modal__double_coupon .modal__coupon--wrap .modal__title>span{color:#1ba774;}
.modal.modal__prime_member .modal__coupon--wrap .modal__title>span{color:#d4a531;}

.modal.modal__double_coupon .modal-contents,
.modal.modal__prime_member .modal-contents{width:auto;max-height: calc(100vh - 130px);padding:0;}
.modal.modal__prime_member .modal__prime--join{position:relative;}
.modal.modal__prime_member .modal__prime--join img{display:block;}
.modal.modal__prime_member .modal__prime--join .btn-join-prime{position:absolute;top:557px;left:26px;width:494px;height:75px;text-indent:-9999px;overflow:hidden;}
.modal.modal__prime_member .scroll-wrapper {max-height:80vh !important;}

.healthproduct_new .product-top-badge .badge-default {
    display: inline-block;
    padding: 0 14px 0 8px;
    height: 24px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -.3px;
    line-height: 24px;
    background-color: #f07f00;
    vertical-align: top;
    clip-path: polygon(100% 0, 100% 0, calc(100% - 9px) 100%, 0 100%, 0 0);
    box-sizing: border-box
}

.healthproduct_new .product-top-badge .badge-black {
    background-color: #333
}

.healthproduct_new .product-top-badge .badge-emph {
    position: relative;
    padding-left: 6px;
    background: linear-gradient(103deg, #fc5f4b 0%, #de301a 101%);
}

.healthproduct_new .product-top-badge .badge-emph>span {
    position: relative;
    z-index: 1;
}

.healthproduct_new .product-top-badge .badge-emph:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 30px;
    background: #FF957B;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transform: skew(-45deg);
    animation: lineMove 1s linear infinite;
    z-index: -1;
}

.healthproduct_new .product-top-badge .badge-emph .ico-badge {
    display: inline-block;
    margin: 6px 2px 0 0;
    width: 12px;
    height: 12px;
    background: url(/cjom/web/images/icon/ico-badge-rise.svg) no-repeat;
    background-size: 12px 12px;
    vertical-align: top
}

.healthproduct_new .product-top-badge .badge-emph .ico-badge-new {
    background-image: url(/cjom/web/images/icon/ico-badge-new.svg)
}

.healthproduct_new .product-top-badge .badge-emph .ico-badge-star {
    background-image: url(/cjom/web/images/icon/ico-badge-star.svg)
}

.healthproduct_new .product-top-badge .badge-emph .ico-badge-onair {
    background-image: url(/cjom/mobile/images/icon/ico_badge_play.png);
    background-size: 12px auto;
}

@keyframes lineMove {
    0% {
        left: -10%;
    }

    60% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

.healthproduct_new .product-top-badge .badge-exclusive {
    background: #000;
}

.healthproduct_new .product-top-badge .badge-exclusive>span {
    display: block;
    position: relative;
    width: 88px;
    height: 24px;
    text-indent: -9999px;
    background-image: url(/cjom/web/images/sub/tx_exclusive.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 12px;
    z-index: 1;
}

.healthproduct_new .product-top-badge .badge-exclusive:before,
.healthproduct_new .product-top-badge .badge-prime:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 30px;
    height: 30px;
    background: #474747;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transform: skew(-45deg);
    animation: lineMove 1s linear infinite;
    z-index: 0;
}

/* MARKETDEV-10329 프라임 특가 신규추가 */
.healthproduct_new .product-top-badge .badge-prime {
    background: #000;
}

.healthproduct_new .product-top-badge .badge-prime > span {
    display: block;
    position: relative;
    width: 57px;
    height: 24px;
    text-indent: -9999px;
    background-image: url(/cjom/web/images/sub/tx_prime_discount.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 12px;
    z-index: 1;
}


.healthproduct_new .product-amount-badge {
    position: absolute;
    left: 10px;
    top: 138px;
    z-index: 10
}

.healthproduct_new .product-amount-badge .badge-amount {
    display: inline-block;
    padding: 0 8px;
    height: 35px;
    font-family: 'Roboto','Noto Sans KR', 'Apple SD Gothic Neo', 'Dotum', '돋움', san-serif;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    letter-spacing: -.5px;
    vertical-align: top;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.healthproduct_new .product-amount-badge .badge-amount-box {
    position: relative;
    display: inline-block;
    padding-top: 19px;
    width: 56px;
    height: 53px;
    font-size: 11px;
    color: #fff;
    letter-spacing: -.7px;
    text-align: center;
    line-height: 1;
    vertical-align: top;
    box-sizing: border-box;
    z-index: 1;
    transform:translateY(-18px);
}

.healthproduct_new .product-amount-badge .badge-amount-box .box-num {
    display: block;
    margin-top: 1px;
    font-size: 17px;
    font-weight: bold
}

.healthproduct_new .product-amount-badge .badge-amount-box .box-txt {
    font-size: 17px
}

.healthproduct_new .product-amount-badge .badge-amount-box:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 53px;
    background: url(/cjom/web/images/icon/ico-product-box.svg) no-repeat;
    background-size: 56px 53px;
    vertical-align: top;
    z-index: -1;
    content: '';
}

.healthproduct_new .product-amount-badge .badge-amount-circle {
    display: flex;
    width: 58px;
    height: 58px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
    line-height: 18px;
    background-color: #1ba774;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transform:translateY(-22px);
}
