#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:80px;}
.hp_navigation ul>li>a{display:block;height:52px;padding-top:11px;font-size:18px;font-weight:400;color:#fff;box-sizing:border-box;opacity:.8;}
.hp_navigation ul>li>a>span{font-family:'Pretendard';}
.hp_navigation ul>li>a:hover,
.hp_navigation ul>li.active>a{color:#fff;font-weight:bold;opacity:1;}

.healthproduct_new h3{font-size:40px;color:#222;text-align:center;}
.healthproduct_new h3>span{display:block;font-size:20px;}
.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_top_kv .kv_motion{position:absolute;top:93px;left:496px;}



.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:472px;height:84px;font-size:23px;color:#fff;background:#111;border-radius:8px;}


.healthproduct_new .hp__section{padding:64px 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:360px;height:64px;color:#fff;background:#111;}
.healthproduct_new .btn.btn__black.complete{background:#ccc;}
.healthproduct_new .btn.btn__link{width:480px;height:64px;padding-top:16px;color:#111;border:1px solid #999;}
.healthproduct_new .btn.btn__link .ico__arrow{display:inline-block;width:9px;height:26px;margin-left:8px;background:url(/cjom/event/healthproducts/images/202504/ico_arrow_pc.png) no-repeat 0 50%;background-size:100% auto;vertical-align:-6px;}

.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 .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 .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:18px;text-align:center;}

.healthproduct_new .hp__section.prime-coupon{position:relative;background:#f3e1ff;}
.healthproduct_new .hp__section.prime-coupon:before{content:'';position:absolute;top:-20px;left:50%;width:45px;height:45px;background:url(/cjom/event/healthproducts/images/202504/ico_prime_plus_pc.png) no-repeat 0 0;background-size:100% auto;transform:translateX(-50%);}
.healthproduct_new .hp__section.prime-coupon .deco__area{position:absolute;top:-20px;left:50%;width:499px;height:123px;background:url(/cjom/event/healthproducts/images/202504/deco_coupon_pc.png) no-repeat 0 0;transform:translateX(-50%);}
.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:#222;text-align:center;line-height:1.3;background:#e3baff;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:before{content:'';position:absolute;top:50%;left:-6px;width:30px;height:30px;transform:translate(-50%, -50%);background-repeat:no-repeat;background-size:cover;background-position:0 0;}
.healthproduct_new .hp__section.prime-coupon .prime__benefit ul>li.equal{color:#fff;background:#a028f0;}
.healthproduct_new .hp__section.prime-coupon .prime__benefit ul>li.plus:before{background-image:url(/cjom/event/healthproducts/images/202504/ico_plus_pc.png);}
.healthproduct_new .hp__section.prime-coupon .prime__benefit ul>li.equal:before{background-image:url(/cjom/event/healthproducts/images/202504/ico_equal_pc.png);}
.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:#585858;text-align:left;}
.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 .hp__section.curation-product.type-1{background:#fff;}
.healthproduct_new .hp__section.curation-product.type-2{background:#f2f2f2;}
.healthproduct_new .hp__section.curation-product.type-2 .product-swiper .swiper-slide{background:#fff;}
.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 .curation__swiper--wrap .product-swiper{width:1140px;}
.healthproduct_new .curation__swiper--wrap .swiper-slide {width:180px;}

.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.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:32px;}
.healthproduct_new .curation__swiper--wrap .swiper-pagination{display:flex;position:static;width:100%;padding:32px 0 0;justify-content:center;}
.healthproduct_new .curation__swiper--wrap .swiper-pagination .swiper-pagination-bullet{display:block;width:11px;height:11px;background:#ddd;border-radius:50%;opacity:1;}
.healthproduct_new .curation__swiper--wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#565656;}
.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;}
.healthproduct_new .product__btn--area{margin-top:22px;text-align:center;}


.healthproduct_new .hp__section.curation-product.type-2 .curation__swiper--wrap .swiper-pagination .swiper-pagination-bullet{display:block;width:11px;height:11px;background:#fff;border-radius:50%;opacity:1;}
.healthproduct_new .hp__section.curation-product.type-2 .curation__swiper--wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#565656;}
.healthproduct_new .hp__section.curation-product.type-2 .curation__swiper--wrap .swiper-slide{height:auto;padding-bottom:16px;}

.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;}