/*공통*/
#wrap {overflow:hidden}
.event__cj--purchase {position:relative;top:0;left:0;min-width:1280px;width:100%;padding-bottom:30px;background-color:#fff}
.event__cj--purchase.w100p {width:calc(100% + 640px);left:-320px;right:-320px}
.event__cj--purchase .event-cont {position:relative;left:0;right:0;width:100%;text-align:center}
.event__cj--purchase .event-cont > img {max-width:100%;width:auto;height:auto}
.event__cj--purchase button {display:block; line-height: 100%; border-radius:0; outline:none;}
.event__cj--purchase a {display:block}
.event__cj--purchase .event-cont .center {position: absolute; transform: translateX(-50%); left: 50%;}
.event__cj--purchase .event-cont .before,
.event__cj--purchase .event-cont .after {position: absolute; display: block; content:"";}
.event__cj--purchase .event-cont .background {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}

/* 영상 */
.event__cj--purchase .video-cont {width:726px; height:426px; left: 50%; position: absolute; z-index: 5; transform: translateX(-50%); top: 80px;}
.event__cj--purchase .video-cont iframe,
.event__cj--purchase .video-cont video {width:100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
/* 확인용 */
/* .event__cj--purchase .event-cont a,
.event__cj--purchase .event-cont button {background-color: rgba(134,32,64,0.5);} */

/* 링크 및 버튼 */
.event__cj--purchase .link-common {position: absolute; bottom: 78px; width: 714px; height: 96px; left: 50%; transform: translateX(-50%);}
.event__cj--purchase .btn-common {position: absolute;}
.event__cj--purchase .btn-common.apply {width:640px; height: 95px; bottom:70px; left: 50%; transform: translateX(-50%);}
.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 .top_tab_wrap{position:relative; background:#fff;}
.event__cj--purchase .top_tab_wrap .compactFixed {left: 0 !important;right: 0;}
.event__cj--purchase .top_tab_wrap .nav {position: relative; width:1280px; margin: 0 auto; text-align:center;
    background-color:#000; height:99px;}
.event__cj--purchase .top_tab_wrap .nav ul {position: relative;width: 1280px; margin: 0 auto;box-sizing: border-box; height:100%;}
.event__cj--purchase .top_tab_wrap .nav ul:after {content:"";display:block;clear:both;}

.event__cj--purchase .top_tab_wrap ul li {position:relative; text-align:center; float:left; background-size:cover; background-repeat: no-repeat;height:100%; background-position:0 0;}
.event__cj--purchase .top_tab_wrap ul li a {display:block; height:100%;}


/* 탭 디폴트 */
.event__cj--purchase .top_tab_wrap ul li:nth-child(1){width:530px; background-image:url(https://www.cjthemarket.com/design/cjom/event/2025/03/tab_lucky_pc_tab1_default.jpg)}
.event__cj--purchase .top_tab_wrap ul li:nth-child(2){width:240px; background-image:url(https://www.cjthemarket.com/design/cjom/event/2025/03/tab_lucky_pc_tab2_default.jpg)}
.event__cj--purchase .top_tab_wrap ul li:nth-child(3){width:510px; background-image:url(https://www.cjthemarket.com/design/cjom/event/2025/03/tab_lucky_pc_tab3_default.jpg)}

/* 활성화 */
.event__cj--purchase .top_tab_wrap ul li.active:nth-child(1),
.event__cj--purchase .top_tab_wrap ul li.none:nth-child(1):hover {background-image:url(https://www.cjthemarket.com/design/cjom/event/2025/03/tab_lucky_pc_tab1_on.jpg)}
.event__cj--purchase .top_tab_wrap ul li.active:nth-child(2),
.event__cj--purchase .top_tab_wrap ul li.none:nth-child(2):hover {background-image:url(https://www.cjthemarket.com/design/cjom/event/2025/03/tab_lucky_pc_tab2_on.jpg)}
.event__cj--purchase .top_tab_wrap ul li.active:nth-child(3),
.event__cj--purchase .top_tab_wrap ul li.none:nth-child(3):hover {background-image:url(https://www.cjthemarket.com/design/cjom/event/2025/03/tab_lucky_pc_tab3_on.jpg)}

/* 그 외 */
.event__cj--purchase .top_tab_wrap ul li.none:nth-child(1) {background-image:url(https://www.cjthemarket.com/design/cjom/event/2025/03/tab_lucky_pc_tab1_off.jpg)}
.event__cj--purchase .top_tab_wrap ul li.none:nth-child(2) {background-image:url(https://www.cjthemarket.com/design/cjom/event/2025/03/tab_lucky_pc_tab2_off.jpg)}
.event__cj--purchase .top_tab_wrap ul li.none:nth-child(3) {background-image:url(https://www.cjthemarket.com/design/cjom/event/2025/03/tab_lucky_pc_tab3_off.jpg)}

.event__cj--purchase .top_tab_wrap.nav-hide .nav{display:none;}


/* 알아두세요 */
/* 유의사항 */
.evt_notice {padding-bottom: 0;margin: 0;}

.evt_notice.fixed {}
.evt_notice.fixed .evt_notice_accordion li [data-accordion] { pointer-events: none; }
.evt_notice.fixed .evt_notice_accordion li .accordion_arrow {display:none;}
.evt_notice.fixed .evt_notice_accordion li div {display:block !important;}

.evt_notice_accordion {display: block; padding-top:40px; margin: 0px auto 0;text-align: left;border: 0;width: 720px;box-sizing: border-box;background: none;}
.evt_notice_accordion>li:first-child {text-align: center;}
.evt_notice_accordion li [data-accordion] {position: relative;display: inline-block !important;font-size: 17px;line-height: 20px;padding: 0;
    color: #585858;border-bottom: 2px solid #585858;}
.evt_notice_accordion li [data-accordion]:before {position: absolute;top: 2px;left: -23px;content: "";display: inline-block;width: 17px;height: 17px;background: url(/cjom/event/cjsalefesta/23_10_images/festa_accordion_icon.png) no-repeat center center;background-size: 17px;}
.evt_notice_accordion li .accordion_arrow {position: absolute;right: -28px;top: 1px;display: inline-block;margin-right: 0;width: 28px;height: 18px;background: url(/cjom/event/cjsalefesta/23_10_images/festa_accordion_arrow.png) no-repeat center center;background-size: 14px;transform: rotate(-180deg);transition: transform .3s;}
.evt_notice_accordion li a.active .accordion_arrow {transform: rotate(0);-webkit-transform: rotate(0);}
.evt_notice_accordion dl {width:100%;}
.evt_notice_accordion li div {padding: 0;display: none;}
.evt_notice_accordion li div dl {display: inline-block;padding: 20px 0 0 0;}
.evt_notice_accordion li div dt {padding: 0;font-size: 16px;color: #585858;text-align: left;}
.evt_notice_accordion li div dd+ dt {padding-top: 20px;}
.evt_notice_accordion li div dd {text-align:left; color:inherit; font-size: 16px; }
.evt_notice_accordion li div ul li {position: relative;font-size: 16px;color: #585858;line-height: 21px;padding-left: 14px;text-align: left;}
.evt_notice_accordion li div ul li + li {margin-top:6px;}

.evt_notice_accordion li div ul li:before {content: '';position: absolute;left: 0;top: 7px;width: 4px;height: 4px;border-radius: 100%;background-color: #666;}
.evt_notice_accordion li div ul li strong {font-weight: 600;}
.evt_notice_accordion li div.condition {padding: 0;}

/* 하얀색 */
.evt_notice.white .evt_notice_accordion li [data-accordion] { border-bottom: 2px solid #fefefe; color: #fefefe;}
.evt_notice.white .evt_notice_accordion li [data-accordion]:before {background: url(https://www.cjthemarket.com/design/cjom/event/2025/03/ico_mark_white.png) no-repeat center center;background-size: 17px;}
.evt_notice.white .evt_notice_accordion li div ul li {color: #ffefefef;}
.evt_notice.white .evt_notice_accordion li div ul li:before {background-color:#fefefe;}
.evt_notice.white .evt_notice_accordion li .accordion_arrow {background:url(https://www.cjthemarket.com/design/cjom/event/2025/03/ico_arrow_white.png) no-repeat center center;background-size: 14px;}
.evt_notice.white .evt_notice_accordion li div dd {color: #fefefe;}

/* 스와이프 */
.event__cj--purchase .mySwiper {position: absolute; bottom:0; left: 0; width: 100%; }
.event__cj--purchase .mySwiper .swiper-slide {width:231px; height:420px;}
.event__cj--purchase .mySwiper .swiper-slide a {height:100%;}

.event__cj--purchase .swiper__btn--wrap {position:absolute; top:180px; left:0; right:0;}
.event__cj--purchase .swiper-button-prev,
.event__cj--purchase .swiper-button-next {width:63px; height:73px; margin-top:-50px;}
.event__cj--purchase .swiper-button-prev {left:350px; background:url(https://www.cjthemarket.com/design/cjom/event/2025/03/btn_slide_prev.png) no-repeat 50% 50%; background-size: cover;}
.event__cj--purchase .swiper-button-next {right:350px; background:url(https://www.cjthemarket.com/design/cjom/event/2025/03/btn_slide_next.png) no-repeat 50% 50%; background-size: cover;}
.event__cj--purchase .swiper-button-prev:after,
.event__cj--purchase .swiper-rtl .swiper-button-next:after,
.event__cj--purchase .swiper-button-next:after,
.event__cj--purchase .swiper-rtl .swiper-button-prev:after {display:none;}

.event__cj--purchase .swiper-pagination {left:50%; transform: translateX(-50%); bottom:0px;}
.event__cj--purchase .swiper-pagination-bullet {background:#8d8d8d; opacity:1; width:13px; height:13px}
.event__cj--purchase .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:8px;}
.event__cj--purchase .swiper-pagination-bullet-active {background:#e91616;}

/* 추가 CSS */
.event__cj--purchase .btn-common.apply {width: 600px; bottom: 79px;}
.event__cj--purchase .link__wrap {display:flex; align-items:center; justify-content:space-between; position: absolute; left:50%; transform: translateX(-50%); top:220px; width:958px;}
.event__cj--purchase .link__wrap a {display: block; width:310px; height:423px;}

/* 애니메이션 */
.event__cj--purchase .ani-icon {
    width: 165px; height:174px; z-index: 1; position: absolute; top:50px; left:295px;
    animation: updown__motion 0.8s
    linear 0s
    infinite alternate;
}

@keyframes updown__motion {
    0% {transform: translateY(0);}
    100% {transform: translateY(10px);}
}

/* 뱃지 모션 */
.product__badge {position: absolute; top: 377px; left: 315px; width: 240px; clip-path: polygon(100% 0, 100% 0, calc(100% - 18px) 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(18px); filter: blur(18px); 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 .product_00 {position: relative;padding-top:383px;background-color: #c5ecdc;}
.event__cj--purchase .product_00 .date {font-size:20px; position: absolute; top:24px; right:335px;font-size:16px;color:#000;font-weight:500;display:none;}
.event__cj--purchase .product_00 .kv_img {position:absolute;top:0;left:0;width:100%;}

.event__cj--purchase .product__guide--detail {position:relative;padding:0px 0px 45px; margin:14px auto 0; width:600px;z-index:2;}
.event__cj--purchase .product__guide--detail li {position: relative;min-height:106px; border-radius: 8px; background: #FFF; padding:21px 32px; text-align:left;box-sizing:border-box;}
.event__cj--purchase .product__guide--detail li + li {margin-top: 6px;}
.event__cj--purchase .product__guide--detail .link__button {position: absolute; top: 21px;right: 32px; width:200px;}
.event__cj--purchase .product__guide--detail .guide__title {font-size:24px;color: #222; font-weight:bold;line-height:1;}
.event__cj--purchase .product__guide--detail .guide__title span {color:#FF005A;}

.event__cj--purchase .product__guide--detail .detail__view--wrap {margin-top:28px; color:#777; display: none;}
.event__cj--purchase .product__guide--detail .active .detail__view--wrap {display:block;height:auto;}
.event__cj--purchase .product__guide--detail .detail__view--wrap p {position:relative;padding-left:10px;font-size:16px;color:#585858;line-height:1.3;opacity:0.7;}
.event__cj--purchase .product__guide--detail .detail__view--wrap p:before{content:'';position:absolute;top:8px;left:0;width:3px;height:3px;background:#777;border-radius:50%;}
.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:16px; position: relative; padding-right:20px; margin-top:14px; display: inline-block;}
.event__cj--purchase .product__guide--detail .detail__view:after {content:""; width:12px; height:7px; background-image: url(/cjom/event/25_07_event/first_purchase/images/ico_arrow_down.svg); display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);background-size:100% auto;}
.event__cj--purchase .product__guide--detail .active .detail__view:after {transform: translateY(-50%) rotate(180deg);}


.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 {padding:0 8px;}
.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:nth-of-type(5) .product-title,
.event__cj--purchase .product-list li:nth-of-type(6) .product-title{height:75px;}
.event__cj--purchase .product-list li .product-price {text-align: right; font-size: 12px; color: #888;}
.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: 17px; line-height:100%; color:#222; font-weight:bold;}
.event__cj--purchase .product__discount dl dd {font-weight:bold; font-size: 22px;}
.event__cj--purchase .product__discount dl dd em {font-size: 18px;}
.event__cj--purchase .product__discount dl:last-of-type {margin-top:5px;}
.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 .btn__fixed--wrap {position:fixed; width:320px; left:50%; bottom:35px; transform: translateX(-50%); z-index:10010;}

.event__cj--purchase .guide__text--cont {margin:40px auto 26px; width:463px;}
.event__cj--purchase .product__wrap {text-align: left; display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; width: 1072px; margin: 0 auto;}
.event__cj--purchase .product__wrap .product-item {} 
.event__cj--purchase .product-item .memo, .product-item .title {margin-top:10px;text-overflow: initial;overflow: visible; font-size: 17px; letter-spacing: -1.5px; color:#222; max-height: 48px; min-height: 48px;}
.event__cj--purchase .soldout.product-item .thumb:before {z-index: 20; opacity: .3;}
.event__cj--purchase .product-item .btn-cart {position: absolute; top: 157px; right: 8px; width: 40px; height: 40px; background: url(/cjom/event/EmployeeSpecial/images/2504/btn_cart.png) no-repeat 0 0; background-size: 40px; display: inline-block; z-index: 3;}
.event__cj--purchase .product-price-box .product-price {color:#888; font-size:14px; text-align:right;}
.event__cj--purchase .product-price-box .product-price>span{font-size:15px;}
.event__cj--purchase .product-item .badge {position: absolute; top:10px; right:10px; width: 63px; height:63px; z-index: 2;}

.event__cj--purchase .product-item:nth-child(n+6):nth-child(-n+10) {margin-top: 32px;}

.event__cj--purchase .evt__txt--info {margin-top: 56px;} 
.event__cj--purchase .evt__txt--info img {display:block;width:467px;margin:0 auto;}

.modal__repurchase--cont {padding:40px 0 16px !important;}
.modal__repurchase--cont h3 {font-size:32px;text-align:center;}
.modal__repurchase--cont .coupon__img{margin:18px 0 9px;}
.modal__repurchase--cont img {display:block;width:358px;margin:0 auto;}