@charset "UTF-8";

/*공통*/
.event__cj--purchase {margin:0 -15px; overflow:hidden;background-color:#fff; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
.event__cj--purchase.w100p {width:auto;padding-left:0;padding-right:0;left:0;right:0}
.event__cj--purchase .event-cont {position:relative;top:0;left:0;margin:-1px auto 0}
.event__cj--purchase .event-cont > img {max-width:100%;width:100%;height:auto}
.event__cj--purchase .event-cont button {background:transparent;}
.event__cj--purchase a {display:block;}
.event__cj--purchase button {display:block; outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none;}
.event__cj--purchase .event-cont a.c,
.event__cj--purchase .event-cont button.c {transform: translateX(-50%); left: 50%;}

/* 영상 */
.event__cj--purchase .video-cont {height: 0; padding-top:100%; width: 100%; position: relative; z-index: 5; background-color:#000;}
.event__cj--purchase .video-cont iframe,
.event__cj--purchase .video-cont video {width:100%; height: 56.25%; position: absolute; top:0; left:0; z-index:3;}

/* 링크 */
.event__cj--purchase .btn-common {position: absolute; left: 50%; transform: translateX(-50%); width: 89vw; height: 13vw; bottom: 5.4%;}
.event__cj--purchase .split__link--wrap {position: absolute;top: 262px; left: 100px; right: 100px; display: flex;  justify-content: space-between; align-items: center;}
.event__cj--purchase .split__link--wrap a {display:block; width:320px; height:380px;}


/* 확인용 */
/* .event__cj--purchase .event-cont a,
.event__cj--purchase .event-cont button {background-color: rgba(134,32,64,0.5);}  */
.event__cj--purchase .link__wrap--group {width: 100%; top: 25.4%; position: absolute; left: 0; right: 0;}


/* Swiper */
.event__cj--purchase .mySwiper {position: absolute; left:0; right:0; top:44%;}
.event__cj--purchase .mySwiper li {width:38vw;}
.event__cj--purchase .mySwiper li a {height:100%;}
.event__cj--purchase .mySwiper li img {width:100%; height:auto;}

.event__cj--purchase .swiper-pagination {font-size:0;}
.event__cj--purchase .swiper-horizontal>.swiper-pagination-bullets,
.event__cj--purchase .swiper-pagination-bullets.swiper-pagination-horizontal,
.event__cj--purchase .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0; height:8px;}
.event__cj--purchase .swiper-pagination-bullet {background:#8cd28e; opacity:1;}
.event__cj--purchase .swiper-pagination-bullet-active {background:#46af33;}

.event__cj--purchase .evt__txt--info {margin-top: 40px;}

/* 알아두세요 */
.evt__notice--wrap{padding-bottom: 20px;background-color: #fff;}
.evt__notice--wrap .evt__accordion{padding:40px 5% 10px;text-align:center;}
.evt__notice--wrap .evt__accordion a,
.evt__notice--wrap .evt__accordion button{display:inline-block; position: relative;}
.evt__notice--wrap .evt__accordion a>span,
.evt__notice--wrap .evt__accordion button>span{display:inline-block;position:relative;font-size:15px;color:rgba(88, 88, 88, 0.70);border-bottom:1px solid rgba(88, 88, 88, 0.70);line-height:18px;}
.evt__notice--wrap .evt__accordion a>span:before,
.evt__notice--wrap .evt__accordion button>span:before{content:'';position:absolute;top:50%;left:-20px;width:16px;height:16px;background:url(https://www.cjthemarket.com/cjom/design/event/2023/10/img_icon_info_mo2.png) no-repeat 0 0;background-size:cover;transform:translateY(-50%);}
.evt__notice--wrap .evt__accordion a>span:after,
.evt__notice--wrap .evt__accordion button>span:after{content:'';position:absolute;top:50%;right:-17px;width:13px;height:7px;background:url(https://www.cjthemarket.com/cjom/design/event/2023/10/ico_arrow_mo2.png) no-repeat 0 0;background-size:cover;transform:translateY(-50%); transition: transform .3s;}
.evt__notice--wrap .evt__accordion .is-active a>span:after,
.evt__notice--wrap .evt__accordion .is-active button>span:after{transform:rotate(180deg) translateY(50%);}
.evt__notice--wrap .evt__accordion .notice-list{padding:20px 5px 0;text-align:left;}
.evt__notice--wrap .evt__accordion .notice-list>li{position:relative;padding-left:8px;font-size:12px;color: rgba(88, 88, 88, 0.70);line-height:20px;}

.evt__notice--wrap .evt__accordion .notice-list>li.none {padding-left:0;}
.evt__notice--wrap .evt__accordion .notice-list>li.none:before {display:none;}
.evt__notice--wrap .evt__accordion .notice-list>li+li{margin-top:2px;}
.evt__notice--wrap .evt__accordion .notice-list>li:before{content:'';position:absolute;top:0;left:0;width:3px;height:3px;border-radius:50%;background-color:rgba(88, 88, 88, 0.70);transform:translateY(8px);}
.evt__notice--wrap .evt__accordion .notice-list .minus:before{content:'';position:absolute;top:1px;left:0;width:4px;height:1px;border-radius:0 !important;background-color:#333;transform:translateY(8px);}

/* 하얀색 */
.evt__notice--wrap.white .evt__accordion button>span:before {background: url(https://www.cjthemarket.com/design/cjom/event/2024/06/ico_mark_white.png) no-repeat center center;background-size: contain;}
.evt__notice--wrap.white .evt__accordion button>span{color:#f3f3f3;border-bottom:1px solid #f3f3f3;}
.evt__notice--wrap.white .evt__accordion .notice-list>li:before {background-color: #f3f3f3;}
.evt__notice--wrap.white .evt__accordion li div ul li {color: #f3f3f3;}
.evt__notice--wrap.white .evt__accordion a>span:after,
.evt__notice--wrap.white .evt__accordion button>span:after {background:url(https://www.cjthemarket.com/design/cjom/event/2024/06/ico_arrow_white.png) no-repeat center center;background-size: 14px;}
.evt__notice--wrap.white .evt__accordion li div dd {color: #f3f3f3;}

/* 고정: 열려있게 하고 버튼 삭제 */
.evt__notice--wrap.fixed .evt__accordion a,
.evt__notice--wrap.fixed .evt__accordion button { pointer-events: none; }
.evt__notice--wrap.fixed .evt__accordion a > span:after,
.evt__notice--wrap.fixed .evt__accordion button > span:after {display:none;}
.evt__notice--wrap.fixed .accordion-panel {display:block !important;}

/* 추가 CSS */
.event__cj--purchase .btn-common {bottom: 4%; width: 84vw;}
.event__cj--purchase .link__wrap {position: absolute; left:50%; transform: translateX(-50%); top:22%; width:91vw;}
.event__cj--purchase .link__wrap a {display: block; width:100%; height:39vw;}
.event__cj--purchase .link__wrap a + a {margin-top:4%;}

/* 애니메이션 */
.event__cj--purchase .event-cont .ani-icon {
    width: 52vw; height:52vw; z-index: 1; position: absolute; top:18vw; left:73vw;
}

@keyframes updown__motion {
    0% {transform: translateY(0);}
    100% {transform: translateY(3vw);}
}
@keyframes updown__motion2 {
    0% {margin-top: 0;}
    100% {margin-top: -2vw;}
}

/* 뱃지 모션 */
.product__badge {position: absolute; top: 17.5%; left: 5vw; width: 37vw; clip-path: polygon(100% 0, 100% 0, calc(100% - 10px) 100%, 0 100%, 0 0); background: #000; box-sizing: border-box;}
.product__badge:before {content: ''; position: absolute; top: 0px; left: 0; width: 15px; height: 100%; background: #fff; -webkit-filter: blur(14px); filter: blur(14px); transform: skew(-45deg); animation: lineMove 1s linear infinite; z-index: 0;}

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


/* 추가 */
.event__cj--purchase .evt-cont00 {background-color: #c5ecdc;}
.event__cj--purchase .evt-cont00 .date {font-size:13px; position: absolute; top:12px; right:12px; font-weight:500;display:none;}
.event__cj--purchase .product__guide--detail {margin-top:-6.667vw;padding:0 15px 24px;}
.event__cj--purchase .product__guide--detail li {position: relative; border-radius: 4px; background: #FFF;padding:14px 20px;}
.event__cj--purchase .product__guide--detail li + li {margin-top: 6px;}
.event__cj--purchase .product__guide--detail .link__button {position:absolute;top:26px;right:16px;width:118px; }
.event__cj--purchase .product__guide--detail .guide__title {font-size:15px;font-weight:bold;}
.event__cj--purchase .product__guide--detail .guide__title span{display:flex;font-size:20px;color:#FF005A;align-items:baseline;line-height:1.12;}
.event__cj--purchase .product__guide--detail .guide__title span>em{font-size:22px;}

.event__cj--purchase .product__guide--detail .detail__view--wrap {margin-top:15px; color:#777; display: none;}
.event__cj--purchase .product__guide--detail .active .detail__view--wrap {display:block;}
.event__cj--purchase .product__guide--detail .detail__view--wrap p {position:relative;padding-left:8px;font-size: 12px; color:#585858; line-height:1.3;opacity:0.7;}
.event__cj--purchase .product__guide--detail .detail__view--wrap p:before{content:'';position:absolute;top:6px;left:0;width:2px;height:2px;background:#585858;}
.event__cj--purchase .product__guide--detail .detail__view--wrap p.sub__text {color:#A1A1A1; margin-top:0px}
.event__cj--purchase .product__guide--detail .detail__view {color: rgba(34, 34, 34, 0.60); font-size:11px; position: relative; padding-right:14px; margin-top:5px; display: inline-block;}
.event__cj--purchase .product__guide--detail .detail__view:after {content:""; width:8px; height:5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M7 0.999999L4 4L1 1' stroke='%23222222' stroke-opacity='0.6'/%3E%3C/svg%3E"); display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.event__cj--purchase .product__guide--detail .active .detail__view:after {transform: translateY(-50%) rotate(180deg);}

.event__cj--purchase .product-list .product-list-top .badge {position: absolute; top: 6px; right:6px; width: 58px; height:58px; z-index: 2;}
.event__cj--purchase .product-list .item.soldout .product-list-top a::before {content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 4px; background: #000; opacity: 0.3; z-index: 51;}
.event__cj--purchase .product-list .item.soldout .product-list-top a::after {content: "일시품절"; position: absolute; top: 50%; left: 50%; display: block; z-index: 53; width: 22vw; height: 22vw; border-radius: 100%; font-size: 12px; color: #fff; line-height: 22vw; text-align: center; background: rgba(0, 0, 0, 0.8); transform: translate(-50%, -50%);}
.event__cj--purchase .product-list li .btn-cart {width: 8.4vw; height: 8.4vw; bottom: 2vw; right: 2vw; border-radius: 2vw; background: none; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); z-index: 2; position: absolute; bottom: 8px; right: 8px;}
.event__cj--purchase .product-top-badge {z-index: 3;}
.event__cj--purchase .product-list li .btn-cart::before {display: inline-block; width: 4.4vw; height: 4.4vw; margin-top: 2px; background: url(/cjom/event/savingWeek/images/ico-product-cart2.png) no-repeat; background-size: contain; vertical-align: top; content: '';}

.event__cj--purchase .product-list {margin-top:-14px;padding:0 8px;}
.event__cj--purchase .product-list li {padding: 34px 8px 0;}
.event__cj--purchase .product-list li .product-title {overflow: visible; -webkit-line-clamp: none; text-overflow: unset; max-height: 70px; color:#222; letter-spacing: -1.1px; min-height:40px;}
.event__cj--purchase .product-list li .product-price {text-align: right; font-size: 12px; color: #888;}
@media screen and (max-width: 320px) {
    .event__cj--purchase .product-list li .product-title {font-size:12px; height:40px;}
    .event__cj--purchase .product-list li .product-title br {display:none;}
    .event__cj--purchase .product__discount dl:last-of-type dd {font-size: 16px;}
}

.event__cj--purchase .product__discount {margin-top:6px}
.event__cj--purchase .product__discount dl {display: flex; align-items: baseline; justify-content: space-between;}
.event__cj--purchase .product__discount dl dt,
.event__cj--purchase .product__discount dl dd {font-size:15px;line-height:100%;color:#222;font-weight:bold;}
.event__cj--purchase .product__discount dl dd {display:flex;font-size:18px;align-items:baseline;}
.event__cj--purchase .product__discount dl dd em {font-size:15px;}
.event__cj--purchase .product__discount dl:last-of-type {margin-top:4px;}
.event__cj--purchase .product__discount dl:last-of-type dt,
.event__cj--purchase .product__discount dl:last-of-type dd {color:#FF005A;}
.event__cj--purchase .product__discount dl:last-of-type dd {font-weight:bold; font-size: 18px;}
.event__cj--purchase .btn__fixed--wrap {position:fixed; width:193px; left:50%; bottom:70px; transform: translateX(-50%);  z-index: 60;}

.event__cj--purchase .guide__text--cont {margin-top:24px;}

.modal__repurchase--cont {padding:10px 0;}
.modal__repurchase--cont h3 {text-align:center;}
.modal__repurchase--cont .coupon__img{margin:12px 0;}
.modal__repurchase--cont img {display:block;width:240px;margin:0 auto;}