@charset "UTF-8";

/* MARKETDEV-12952 상품모듈개선 */
.product__sample__item {padding:0 0 50px 0;}
.product__sample__item h2 {margin: 20px 0 10px;padding: 10px 16px;font-size: 16px;color: #fff;font-weight: bold;background: #0c8050;}
/* 좌상단flag */
.topflag__wrap {position: absolute;top: 8px;left: 8px;background: #f48a31;overflow: hidden;border-radius: 4px;z-index: 3;}
.topflag__wrap.box {background: #c49253;}
.topflag__wrap.time {background: #b961f0;}
.topflag__wrap .topflag__item {display: block;position: relative;padding: 0 8px;height: 26px;font-size: 0;white-space: nowrap;z-index: 1;}
.topflag__wrap .topflag__item--title,
.topflag__wrap .topflag__item--text {display: inline-block;color: #fff;font-size: 12px;line-height: 26px;font-weight: bold;}
.topflag__wrap .topflag__item--title {margin-right: 3px;}
/* 좌하단flag */
.amountflag__wrap {position: absolute;left: 8px;bottom: 8px;z-index: 3;}
.amountflag__wrap .amountflag__item {display: block;height: 30px;padding: 0 6px;text-align: center;line-height: 30px;border-radius: 4px;background: rgba(255, 255, 255, 0.7);backdrop-filter: blur(2.11788272857666px);}
.amountflag__wrap .amountflag__item .amountflag__text {display: block;font-size: 13px;color: #2b2b2b;}
/* 프로모션flag */
.bedge__item {display: inline-block;width: auto;height: 22px;font-size: 0;margin: 0 4px 11px 0;vertical-align: top;}
.bedge__item .bedge__text {display: block;height: 22px;padding: 0 10px;border-radius: 22px;background: #f7f7f7;font-size: 12px;color: #52af00;font-weight: normal;line-height: 22px;}
.bedge__item.biz .bedge__text {background: #999 !important;color: #fff !important;}
.bedge__item.today .bedge__text {background: #97cf35 !important;color: #fff !important;}
.bedge__item.custom .bedge__text {padding-left: 8px;color: #fff;}
.bedge__item.custom .bedge__text:before {display: inline-block;width: 11px;height: 22px;background: url(/cjom/web/images/icon/ico_promotion.png) no-repeat 50% / 11px;margin-right: 2px;vertical-align: top;content: '';}
/* 온도/배송 */
.badge__temperature {display: inline-block;font-size: 0;line-height: 1;margin-right: 2px;color: #565656;margin-top: 0 !important;}
.badge__temperature:before {display: inline-block;width: 10px;height: 12px;margin: 0 2px 0 0;vertical-align: top;content: '';transform:translateY(1px);}
.badge__temperature.both:before {background: url(/cjom/web/images/icon/ico_temp_both.png) no-repeat 0 / auto 12px;}
.badge__temperature.cold:before {background: url(/cjom/web/images/icon/ico_temp_cold.png) no-repeat 0 / auto 12px;}
.badge__temperature.frozen:before {background: url(/cjom/web/images/icon/ico_temp_frozen.png) no-repeat 0 / auto 12px;}
.badge__temperature span {display: inline-block;font-size: 12px;line-height: 12px;vertical-align: top;color: #565756;font-weight: bold;}
.badge__delivery {position: relative;display: inline-block;font-size: 0;line-height: 12px;vertical-align: top;}
.badge__delivery span {display: inline-block;font-size: 12px;color: #222;line-height: 12px;vertical-align: top;}
.badge__delivery.one {margin-right: 2px;}
.badge__delivery .one__else {font-size: 0;}
.badge__delivery .one__else span {font-size: 12px;}
.badge__delivery .one__else span + span {position: relative;margin-left: 2px;padding-left: 3px;}
.badge__delivery .one__else span + span:before {display: block;width: 2px;height: 2px;border-radius: 100%;background: #222;position: absolute;top: 50%;left: 0;transform: translateY(-50%);content: '';}
/* 상품정보/쿠폰정보 */
.infoFlag {margin-top:10px;}
.infoflag__wrap {position: relative;font-size: 0;display: inline-block;}
.infoflag__wrap .infoflag__item {display: inline-block;position: relative;padding: 0 4px;height: 18px;line-height: 16px;background: #f7f7f7;border: 1px solid #f7f7f7;border-radius: 2px;margin: 0 4px 4px 0;box-sizing: border-box;white-space: nowrap;z-index: 1;}
.infoflag__wrap .infoflag__item .infoflag__item--text {display: block;color: #6a6f6f;font-size: 11px;}
.infoflag__wrap .infoflag__item.only {background: #fff;border-color: #75b900;}
.infoflag__wrap .infoflag__item.only .infoflag__item--text {color: #75b900;}
.bestFlag {position: absolute;top: 8px;right: 8px;display: block;min-width: 26px;height: 26px;line-height: 26px;padding: 0 6px;border-radius: 5px;background: rgba(0, 0, 0, 0.8);font-size: 12px;font-weight: bold;color: #fff;box-sizing: border-box;text-align: center;}
/* 상품모듈 (공통) */
.product__item {display: block;position: relative;width: 100%;white-space: normal;font-size: 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Pretendard','맑은고딕','Malgun Gothic',arial,sans-serif;}
.product__item * {font-family: inherit;}
.product__item .product__thumbnail {position: relative;display: block;width: 100%;border-radius: 4px;overflow: hidden;margin-bottom: 12px;}
.product__item .product__thumbnail a {position: relative;display: block;background: #fff;}
.product__item .product__thumbnail a:before {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.03);z-index: 2;}
.product__item .product__thumbnail a img {width:100%;}
.product__item .product__thumbnail a .video--wrap {aspect-ratio: 1 / 1;}
.product__item .product__thumbnail a img + .video--wrap {aspect-ratio: 0;}
.product__item .product__thumbnail a .video--wrap video {position: absolute;top: 50%;left: 50%;min-width: 100%;height: 100%;min-height: 100%;-o-object-fit: cover;object-fit: cover;transform: translate(-50%, -50%);}
.product__item .product__thumbnail .btn__vod--play {position:absolute;left:50%;top:50%;bottom:auto;width:28px;height:33px;text-indent: -9999px;background:url(/cjom/mobile/images/icon/ico-product-play.png);background-size:28px 33px;transform:translate(-50%, -50%);overflow:hidden;z-index:3;}
.product__item.product__status--ended .product__thumbnail .btn__vod--play,
.product__item.product__status--upcoming .product__thumbnail .btn__vod--play,
.product__item.product__status--soldout .product__thumbnail .btn__vod--play {display: none;}
.product__item .product__thumbnail .product__status--box {position: absolute;top: 50%;left: 50%;font-size: 13px;text-align: center;color: #fff;transform: translate(-50%, -50%);width: 100%;pointer-events: none;z-index: 5;}
.product__item .product__detail a {display: block;text-align: left;}
.product__item .product__detail a .promotion__bedge--wrap {position: relative;padding: 0;margin: 0;}
.product__item .product__detail a .product__purchase-date {margin-bottom: 8px;}
.product__item .product__detail a .product__purchase-date span {display: inline-block;height: 18px;padding: 0 4px;border: 1px solid #1ba774;border-radius: 2px;line-height: 17px;font-size: 11px;color: #1ba774;box-sizing: border-box;}
.product__item .product__sub--title {display:block;margin: -2px 0 3px;font-size: 14px;color: #999;line-height: 17px;}
.product__item .product__name {display: -webkit-box;margin-bottom: 7px;max-height: 40px;font-size: 16px;color: #111;line-height: 20px;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.product__item .product__price--info {display: flex;flex-direction: row;position:relative;font-size: 0;flex-wrap: wrap;}
.product__item .product__price--info .discount__percent,
.product__item .product__price--info .discount__price {flex: 0 0 auto;}
.product__item .product__price--info .discount__percent span,
.product__item .product__price--info .discount__price span {display:inline-block;font-size:18px;line-height:18px;height:18px;font-weight: bold;}
.product__item .product__price--info .discount__percent {display: inline-block;margin-right: 2px;font-size: 0;}
.product__item .product__price--info .discount__percent span {color: #fc7819;line-height: 1;}
.product__item .product__price--info .discount__price {display: inline-block;font-size: 0;}
.product__item .product__price--info .discount__price span {color:#222;}
.product__item .product__price--info .discount__price .discount__price--text {font-size: 17px;}
.product__item .product__price--info .original__price {/*position:absolute;top:0;left:0;*/width: 100%;margin-bottom:-4px;color: #b4b4b4;vertical-align: bottom;line-height: 16px;order: -1;}
.product__item .product__price--info .original__price .original__price--number {display:inline-block;height:14px;line-height:14px;font-size: 14px;text-decoration: line-through;}
.product__item .product__price--info .original__price .original__price--text {display:inline-block;height:14px;line-height:14px;font-size: 13px;}
.product__item .prime-discount__price {margin-top: 6px;color: #d5a649;line-height: 14px;font-size: 0;}
.product__item .prime-discount__price > span {display: inline-block;vertical-align: top;line-height: 13px;}
.product__item .prime-discount__price .prime-discount__price--title {margin-right: 2px;font-size: 14px;line-height: 14px;font-weight: bold;color: #d5a649;}
.product__item .prime-discount__price .prime-discount__price--number {font-size: 14px;line-height: 14px;font-weight: bold;white-space: nowrap;color: #d6a035;}
.product__item .prime-discount__price .prime-discount__price--text {font-size: 13px;font-weight: bold;color: #d6a035;}
.product__item .product__review {margin-top: 6px;font-size: 0;}
.product__item .product__review span {display: inline-block;font-size: 12px;color: #6f6f6f;line-height: 12px;vertical-align: top;}
.product__item .product__review .review__point span {font-size: 0;color: transparent;width: 12px;height: 12px;background: url(/cjom/web/images/icon/ico_star.png) no-repeat 50% / 12px;margin-right: 1px;vertical-align: top;}
.product__item .product__review .review__count {margin-left: 4px;}
.product__item .delivery__info + .product__review {margin-top: 10px;}
.delivery__info {margin-top: 12px;text-align: left;}
.btn__cart--add {position: relative;display: block;box-sizing: border-box;width: 100%;height: 34px;z-index: 3;border-radius: 4px;border: 1px solid #ddd;background: #fff;font-size: 16px;font-weight: 500;color: #666;margin: 0 0 12px 0;}
.btn__cart--add:disabled {background: rgba(204, 204, 204, 0.3);color: #a0a0a0;}
.product__item.product__status--ended .product__thumbnail:after,
.product__item.product__status--upcoming .product__thumbnail:after,
.product__item.product__status--soldout .product__thumbnail:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 16px;color: #fff;text-align: center;background: rgba(0, 0, 0, 0.5);pointer-events: none;z-index: 4;}
.product__item.product__status--upcoming .product__thumbnail .product__status--box div + div {margin-top: 8px;font-size: 12px;}
.product__item.product__status--upcoming .product__thumbnail .product__status--box strong {color: #a7f324;font-weight: bold;}
.product__item.product__status--upcoming .topflag__wrap.time,
.product__item.product__status--soldout .topflag__wrap.time,
.product__item.product__status--ended .topflag__wrap.time {display: none;} 
/* 상품모듈 (기본스크롤) */
.product__item--scroll {width: 224px;}
.product__item--scroll .product__thumbnail a > img,
.product__item--scroll .product__item .product__thumbnail .video--wrap {width:224px;height:224px;}
/* 상품모듈 (메인-마켓핫딜) */ 
.product__item--3column {width: 278px;}
.product__item--3column .product__item {box-sizing: border-box;}
.product__item--3column .product__item .product__thumbnail a > img,
.product__item--3column .product__item .product__thumbnail .video--wrap {width:278px;height:278px;}
/* 상품리스트 */
.product__list {position: relative;}
/* 기본타입 */
.product__wrap--scroll {}
.product__wrap--scroll .product__list {display: flex;width: 100%;flex-wrap: wrap;gap: 40px;font-size: 0;box-sizing: border-box;overflow: hidden;}
/* 메인-마켓핫딜 */
.product__wrap--3column .product__list {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 80px 56px;}
/* 정기배송 */
.content-bar + .product__wrap--3column {padding-top: 40px;}
/* 마이페이지 */
.mypage__product--wrap {padding-top: 40px;}
.mypage__product--wrap.mypage-main {padding-top: 10px;}
.mypage__product--wrap .product__wrap--3column .product__list {gap: 89px 41px;}
.mypage__product--wrap .product__wrap--3column .product__item--3column {width: 224px;}
.mypage__product--wrap .product__item--3column .product__item .product__thumbnail a > img,
.mypage__product--wrap .product__item--3column .product__item .product__thumbnail .video--wrap {width:224px;height:224px;}
.mypage__product--wrap .product__wrap--3column .product__list .form-chk {display: inline-block;margin-bottom: 9px;}
.mypage__product--wrap .product__wrap--3column .product__list .product__item--count {display: inline-block; padding: 0 8px; margin-left: 10px; height: 20px; font-size: 12px; color: #1ba774; line-height: 18px; font-weight: bold; vertical-align: top; border-radius: 11px; border: 1px solid #1ba774;}