/*공통*/
#wrap {overflow:hidden}
.event__cj--purchase {position:relative;top:0;left:0;min-width:1280px;width:100%;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;}

/* 유의사항 */
.event__notice {padding: 46px 0; text-align: center; background: #fff;}
.event__notice .event__btn-alim {display: inline-block; font-size: 17px; color: #333;}
.event__notice .event__btn-alim > span {display: inline-block; position: relative; border-bottom: 2px solid #333; /* text-decoration: underline; */ line-height: 20px;}
.event__notice .event__btn-alim > span::before {content: ''; position: absolute; top: 50%; left: -23px; width: 17px; height: 17px; margin-top: 1px; background: url(https://www.cjthemarket.com/cjom/web/images/icon/ico_evt_notice_info_black.png) no-repeat 0 0 / 17px auto; transform: translateY(-50%);}
.event__notice .event__btn-alim > span::after {content: ''; position: absolute; top: 50%; right: -20px; width: 14px; height: 10px; background: url(https://www.cjthemarket.com/cjom/web/images/icon/ico_evt_notice_arrow_black.png) no-repeat 0 0 / 14px auto; transform: rotate(180deg) translateY(50%);}
.event__notice .event__btn-alim.active > span::after {transform: rotate(0) translateY(-50%);}
.event__notice .event__notice-list {width: 630px; margin: 0 auto; padding: 20px 0 0 35px; text-align: left; color: #585858; list-style: none; box-sizing: border-box;}
.event__notice .event__notice-list > li {position: relative; padding-left: 12px; font-size: 16px; color: #585858; line-height: 1.3;}
.event__notice .event__notice-list > li::before {content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #585858;}

.event__notice .event__notice-title {width: 630px; margin: 20px auto 0; font-size: 16px; font-weight: bold; color: #000; text-align: left; line-height: 1.3;}
.event__notice .event__notice-title + .event__notice-list {padding-top: 0; margin-top: 2px;}
.event__notice .event__notice-title:first-child {margin-top: 24px;}

/* 스와이프 */
.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:554px;padding-bottom:46px;background-color:#C1F8E1;}
.event__cj--purchase .product_00 .kv_img {position:absolute;top:0;left:0;width:100%;}

/* 신규 쿠폰 스타일 */
.event__cj--purchase .coupon__wrap {position:relative;z-index:2;}
.event__cj--purchase .coupon__box {position:relative;width:447px;height:169px;margin:0 auto;background:url(/cjom/event/25_12_event/first_purchase/images/img_cooupon_bg_pc.png) no-repeat 0 0;background-size:contain;text-align:left;}
.event__cj--purchase .coupon__box .inner__cont {padding:43px 0 0 32px;}
.event__cj--purchase .coupon__box .inner__cont * {line-height:1;}
.event__cj--purchase .coupon__box .coupon__title {display:flex;font-size:48px;color:#fff;font-weight:bold;}
.event__cj--purchase .coupon__box .coupon__title > span {display:inline-block;padding-bottom:2px;margin-left:13px;margin-top:auto;font-size:22.5px;}
.event__cj--purchase .coupon__box .coupon__condition {display:block;margin-top:15px;font-size:22.5px;color:#fff;}
.event__cj--purchase .coupon__box .coupon__period {display:block;margin-top:6px;font-size:15px;color:rgba(255,255,255,0.6);}
.event__cj--purchase .coupon__box button {position:absolute;top:0;right:0;width:100px;height:100%;background:url(/cjom/event/25_12_event/first_purchase/images/ico_download.png) no-repeat 50% 50% !important;background-size:auto 33px !important;}
.event__cj--purchase .coupon__notice {margin-top:15px;color:rgba(0,0,0,0.6);font-size:20px;text-align:center;font-weight:500;}

.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: center; justify-content: space-between;}
.event__cj--purchase .product__discount dl:first-of-type dt,
.event__cj--purchase .product__discount dl:first-of-type dd {font-size: 16px; line-height:100%; color:#222; font-weight:bold;}
.event__cj--purchase .product__discount dl:first-of-type dt em {font-size:14px;}
.event__cj--purchase .product__discount dl:first-of-type dd em {font-size:14px; font-weight:normal;}
.event__cj--purchase .product__discount dl:last-of-type {margin-top:6px; padding-top: 6px; border-top: 1px solid rgba(34, 34, 34, 0.50);}
.event__cj--purchase .product__discount dl:last-of-type dt,
.event__cj--purchase .product__discount dl:last-of-type dd {font-size: 21px; line-height:100%; color:#000; font-weight:bold;}
.event__cj--purchase .product__discount dl:last-of-type dd {font-size: 27px; color: #F00;}
.event__cj--purchase .product__discount dl:last-of-type dd em {font-size: 22px; font-weight:normal;}
.event__cj--purchase .btn__fixed--wrap {position:fixed; width:320px; left:50%; bottom:35px; transform: translateX(-50%); z-index:10010;}
.event__cj--purchase .btn__fixed--wrap a {position: relative; z-index: 1;}
.event__cj--purchase .btn__fixed--wrap::before {content: ""; position: absolute; top: 11px; left: 7px; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.30); filter: blur(16.01241683959961px);border-radius: 200px;}

.event__cj--purchase .guide__text-cont {margin:40px 0 30px;}

.event__cj--purchase .product__wrap {text-align: left; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 18px; width: 492px; margin: 0 auto; padding-bottom: 2px;}
.event__cj--purchase .product__wrap .product-item {} 
.event__cj--purchase .product-item .memo, .product-item .title {text-overflow: initial;overflow: visible; height: 53px; font-size: 21px; letter-spacing: -1.5px; color:#222; max-height: 65px; min-height: 42px; line-height: 1.3;}
.event__cj--purchase .soldout.product-item .thumb:before {z-index: 20; opacity: .3;}
.event__cj--purchase .product-item .btn-cart {position: absolute; top: 177px; right: 12px; width: 48px; height: 48px; background: url(/cjom/event/EmployeeSpecial/images/2504/btn_cart.png) no-repeat 0 0; background-size: 100% auto; display: inline-block; z-index: 3;}
.event__cj--purchase .product-price-box .product-price {height:28px ;color:#888; font-size:16px; text-align:right; line-height: 1.3;}
.event__cj--purchase .product-price-box .product-price span {font-size:18px;}
.event__cj--purchase .product-item .badge {position: absolute; top: 12px; right:12px; width: 74px; height:74px; z-index: 2;}

.event__appdown--wrap {padding:48px 0 56px;background:#ededed;}
.event__appdown--wrap h3 {font-size:36px;color:#222;text-align:center;}
.event__appdown--wrap ul {display:flex;width:884px;margin:36px auto 0;padding:36px 50px 40px;border:1px solid #fff;border-radius:10px;box-sizing:border-box;flex-wrap:wrap;}
.event__appdown--wrap ul li{padding-top:38px;background-size:26px 26px;background-repeat:no-repeat;background-position:0 0;}
.event__appdown--wrap ul li.step_1 {width:280px;background-image:url(/cjom/event/25_07_event/first_purchase/images/txt_no_1.png);}
.event__appdown--wrap ul li.step_2 {width:280px;background-image:url(/cjom/event/25_07_event/first_purchase/images/txt_no_2.png);}
.event__appdown--wrap ul li.step_3 {width:220px;background-image:url(/cjom/event/25_07_event/first_purchase/images/txt_no_3.png);}
.event__appdown--wrap ul li strong {display:block;font-size:22px;color:#444;}
.event__appdown--wrap ul li p {margin-top:12px;font-size:16px;color:rgba(0,0,0,0.6);line-height:1.4;}
.event__appdown--wrap ul li .btn__link {display:block;width:207px;margin-top:20px;}
.event__appdown--wrap ul li .img_qr {display:block;width:67px;margin-top:16px;}
.event__appdown--wrap ul li .img_app {display:inline-block;width:70px;height:70px;margin-top:12px;padding-top:15px;text-align:center;background:#fff;border-radius:50%;box-sizing:border-box;}
.event__appdown--wrap ul li .img_app img {width:40px;}
.event__appdown--wrap ul li .img_app+.img_app {margin-left:8px;}

.modal.modal__apponly {width: 320px; padding: 0;}
.modal.modal__apponly .modal-contents {width: 320px; padding: 42px 0 33px; text-align: center;}
.modal.modal__apponly .btn-modal-close {top: 8px; right: 8px;}
.modal.modal__apponly h3 {font-size: 24px; color: #000; line-height: 1.3;}
.modal.modal__apponly h3 > span {color: #ef151e;}
.modal.modal__apponly h3 + p {margin-top: 6px; font-size: 16px; color: rgba(0,0,0,0.7);}
.modal.modal__apponly .app__qr--area {width: 125px; margin: 20px auto 0;}