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

/* 링크 및 버튼 */
.event__cj--holiday .link-common {position: absolute; bottom: 78px; width: 714px; height: 96px; left: 50%; transform: translateX(-50%);}
.event__cj--holiday .btn-common {position: absolute;}
.event__cj--holiday .btn-common.apply {width:640px; height: 95px; bottom:70px; left: 50%; transform: translateX(-50%);}
.event__cj--holiday .split__link--wrap {position: absolute;top: 262px; left: 100px; right: 100px; display: flex;  justify-content: space-between; align-items: center;}
.event__cj--holiday .split__link--wrap a {display:block; width:320px; height:380px;}

/* 알아두세요 */
/* 유의사항 */
.event__cj--holiday .evt_notice {padding-bottom: 0;margin: 0;}
.event__cj--holiday .evt_notice.fixed .evt_notice_accordion li [data-accordion] { pointer-events: none; }
.event__cj--holiday .evt_notice.fixed .evt_notice_accordion li .accordion_arrow {display:none;}
.event__cj--holiday .evt_notice.fixed .evt_notice_accordion li div {display:block !important;}

.event__cj--holiday .evt_notice_accordion {display: block; padding-top:40px; margin: 0px auto 0;text-align: left;border: 0;width: 860px;box-sizing: border-box;background: none;}
.event__cj--holiday .evt_notice_accordion>li:first-child {text-align: center;}
.event__cj--holiday .evt_notice_accordion li [data-accordion] {position: relative;display: inline-block !important;font-size: 17px;line-height: 20px;padding: 0;
    color: #333;border-bottom: 2px solid #3f3f3f;}
.event__cj--holiday .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;}
.event__cj--holiday .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;}
.event__cj--holiday .evt_notice_accordion li a.active .accordion_arrow {transform: rotate(0);-webkit-transform: rotate(0);}

.event__cj--holiday .evt_notice_accordion li div {padding: 0;display: none;}
.event__cj--holiday .evt_notice_accordion li div dl {display: inline-block;padding: 20px 0 0 0;}
.event__cj--holiday .evt_notice_accordion li div dt {padding: 0;font-size: 16px;color: #585858;text-align: left;}
.event__cj--holiday .evt_notice_accordion li div dd+ dt {padding-top: 20px;}
.event__cj--holiday .evt_notice_accordion li div dd {text-align:left; color:inherit; padding: 0 0 0 10px;}
.event__cj--holiday .evt_notice_accordion li div ul li {position: relative;font-size: 16px;color: #666;line-height: 21px;padding-left: 14px;text-align: left;}
.event__cj--holiday .evt_notice_accordion li div ul li + li {margin-top:6px;}

.event__cj--holiday .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;}
.event__cj--holiday .evt_notice_accordion li div ul li strong {font-weight: 600;}
.event__cj--holiday .evt_notice_accordion li div.condition {padding: 0;}

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

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


.event__cj--holiday .event-cont.product_00 {font-size:0;}
.event__cj--holiday .time__info--wrap {display: flex; flex-direction: column; align-items: center; padding: 24px 0; background: #000;}
.event__cj--holiday .time__info--wrap.fixed {position: fixed; top:70px; left: 0; width: 100%; margin: 0; z-index: 10;}
.event__cj--holiday .time__info--wrap .title {color: #00FF96; font-size: 24px; font-weight: bold; line-height: 100%;  margin-bottom:10px;}
.event__cj--holiday .time__info--wrap .time__info {display: flex; align-items: flex-start; justify-content: center; gap: 20px;}
.event__cj--holiday .time__info--wrap .time__text {color: #fff; text-align: center; font-size: 40px; font-weight: bold; line-height: 100%; display: inline-flex; flex-direction: column; gap: 8px;}
.event__cj--holiday .time__info--wrap .time__ico {color: #fff; text-align: center; font-size: 40px; font-weight: bold; line-height: 100%; margin-top: 2px;}
.event__cj--holiday .time__info--wrap .time__text--thumb {color: #fff; font-size: 14px; font-style: normal; font-weight: normal; line-height: 100%;}

/* 쿠폰 영역 */
.event__cj--holiday .coupon__title {width: 579px; margin:0 auto;}
.event__cj--holiday .coupon__wrap {width: 606px; margin:0 auto;}
.event__cj--holiday .coupon__wrap .coupon {width: 298px;}
.event__cj--holiday .coupon__wrap .coupon button {display: block; width:100%; height:114px;}
.event__cj--holiday .coupon__btn--wrap {margin: 26px 0 56px; display: flex; align-items: center; justify-content: center; position: relative; padding-top: 28px;}
.event__cj--holiday .coupon__btn--wrap:after {display: block; content: "*인당 1일 1회 발급 가능"; position: absolute; top: 0; left: 50%; transform: translateX(-50%); font-size: 13px; color: rgba(0, 0, 0, 0.50); line-height: 100%;}
.event__cj--holiday .coupon__btn--wrap .btn__common {display: inline-flex;width: 236px; height: 40px; justify-content: center; align-items: center; color: #111; text-align: center; font-size: 15px; line-height: 100%; border-radius: 8px; border: 1px solid #DDD; background: #FFF;}
.event__cj--holiday .coupon__btn--wrap .btn__common + .btn__common {margin-left:8px;}
.event__cj--holiday .event-cont.gray {background: #F4F4F4;}
.event__cj--holiday .event-cont.gray .benefit {width:580px; margin:0 auto;}
.event__cj--holiday .event-cont.gray .benefit a {display: block;}

.event__cj--holiday .event-cont.theme1 {background: #00FF96; padding-bottom:56px;}
.event__cj--holiday .event-cont.theme2 {background: #FE0;  padding-bottom:56px;}
.event__cj--holiday .theme__title {width:500px; position: relative; margin:auto;}
.event__cj--holiday .theme__title::before,
.event__cj--holiday .theme__title::after {display: block; content: ""; position: absolute; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;}
.event__cj--holiday .theme__title.theme1::before {width:163px; height:116px; top:56px; left:-120px; background-image: url(/cjom/event/25_10_event/holiday/images/ico_deco2_pc.png);}
.event__cj--holiday .theme__title.theme1::after {width:185px; height:146px; top:56px; right:-130px;background-image: url(/cjom/event/25_10_event/holiday/images/ico_deco1_pc.png); transform: rotate(-3.176deg); top: 38px;}
.event__cj--holiday .theme__title.theme2::before {width:64px; height:150px; top:26px; background-image: url(/cjom/event/25_10_event/holiday/images/ico_deco4_pc.png); width:136px; height:180px; left:-111px;}
.event__cj--holiday .theme__title.theme2::after {width:64px; height:150px; top:56px; background-image: url(/cjom/event/25_10_event/holiday/images/ico_deco3_pc.png); width:142px; height:130px; right:-100px;}

.event__cj--holiday .btn__product--wrap {display: flex; width: 480px; height: 64px; justify-content: center; align-items: center;border-radius: 8px; border: 1px solid #999; margin: 26px auto 0;}
.event__cj--holiday .btn__product--wrap span {display: inline-flex; justify-content: center; align-items: center; color: #111; font-size: 18px; font-weight: bold; line-height: 100%;}
.event__cj--holiday .btn__product--wrap span:after {display:inline-block; margin-left:8px; width:10px; height:20px; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 10 20' fill='none'%3E%3Cpath d='M1.07031 2.14258L8.21317 9.28544L1.07031 16.4283' stroke='%23111111'/%3E%3C/svg%3E");}


/* 스와이프 */
.event__cj--holiday .swiper {padding-top: 80px;}
.event__cj--holiday .swiper-horizontal >.swiper-pagination-bullets, 
.event__cj--holiday .swiper-pagination-bullets.swiper-pagination-horizontal, 
.event__cj--holiday .swiper-pagination-custom, .swiper-pagination-fraction {top:0; bottom: auto;}
.event__cj--holiday .swiper-pagination-bullet {border-radius:0; border-radius: 32px; border: 1px solid #111; display: inline-flex; padding: 0px 24px; justify-content: center; align-items: center; box-sizing: border-box; color: #000; text-align: center; font-size: 18px; font-weight: bold; height: 54px;  width: auto; min-width: 120px; opacity: 1; background: transparent;}
.event__cj--holiday .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #111; color: #fff;}

/* 스와이프 상품 */
.event__cj--holiday .swiper-container-wrapper {position: relative; width:1280px; margin:0 auto;}
.event__cj--holiday .swiper {width:1160px;}
.event__cj--holiday .swiper .product__wrap {display:flex; width:1160px; margin:0 auto; overflow: hidden;}
.event__cj--holiday .swiper .product__wrap .product-item {width:180px; min-height:335px; background:#fff; text-align: left;}
.event__cj--holiday .swiper .product__wrap .product-item + .product-item{margin-left:16px;}

.event__cj--holiday .swiper-button-prev, 
.event__cj--holiday .swiper-button-next {width: 40px; height: 100px; background: url(/cjom/event/employee/202508/images/pc/common/btn_swiper.png) no-repeat 0 0; background-size: contain; outline: none; margin:0;}
.event__cj--holiday .swiper-button-prev {transform: rotate(180deg);}
.event__cj--holiday .swiper-button-prev:after, 
.event__cj--holiday .swiper-button-next:after {display: none;}

.event__cj--holiday .product-benefit__price.gray {font-size: 12px; color:#666; padding: 0 16px;}
.event__cj--holiday .product-item .category {padding: 0 16px;}
.event__cj--holiday .badge-o-ne {margin:5px 0px 0 16px;}
.event__cj--holiday .product-item .price-info del {display: block; margin-top: 6px;}
.event__cj--holiday .product-item .price-info del .num {display: block; font-size: 13px; line-height: 1;}
.event__cj--holiday .product-item .price-info {font-size: 20px; line-height: 1;     padding: 0 16px;}
.event__cj--holiday .product-item .price-info .dis-rate {font-size: 20px; color: #b00000; font-weight: bold; vertical-align: middle; line-height: 1;}
.event__cj--holiday .product-item .title {font-size: 15px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; box-sizing: border-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; padding:0 16px;}
.event__cj--holiday .product-item .price-info .price {font-size: 19px; color: #111; vertical-align: middle; line-height: 1;}
.event__cj--holiday .product-item .price-info .price .num {font-size: 20px; line-height: 1;}
.event__cj--holiday .product-top-badge {position: absolute; left: 0; top: 0; z-index: 3;}
.event__cj--holiday .product-top-badge.rank {width: 27px; height: 27px; padding-top: 2px; font-size: 15px; font-weight: bold; color: #fff; text-align: center; background: #eb4e4d; box-sizing: border-box;}
.event__cj--holiday .product-top-badge.percent {width: auto; height: 27px; padding: 2px 6px 0; font-size: 15px; font-weight: bold; color: #fff; text-align: center; background: #eb4e4d; box-sizing: border-box;}
.event__cj--holiday .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: 23px; background-color: #f07f00; vertical-align: top; clip-path: polygon(100% 0, 100% 0, 90% 100%, 0 100%, 0 0); box-sizing: border-box;}
.event__cj--holiday .product-top-badge .badge-exclusive, 
.event__cj--holiday .product-top-badge .badge-prime {background: #000;}
.event__cj--holiday .product-top-badge .badge-emph .ico-badge {display: inline-block; margin: 6px 2px 0 0; width: 12px; height: 12px; background: url(/cjom/web/images/icon/ico-badge-rise.svg) no-repeat; background-size: 12px 12px; vertical-align: top;}
.event__cj--holiday .product-top-badge .badge-emph .ico-badge-onair {background-image: url(/cjom/mobile/images/icon/ico_badge_play.png) !important; background-size: 12px auto !important;}
.event__cj--holiday .product-top-badge .badge-emph:before {z-index: -1;}
.event__cj--holiday .product-top-badge .badge-emph .ico-badge-star {background-image: url(/cjom/web/images/icon/ico-badge-star.svg);}
.event__cj--holiday .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;}
.event__cj--holiday .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;}

/*sold out 처리*/
.event__cj--holiday .inner.sold-out .thumb::before {background-color: rgba(0, 0, 0, 0.6); opacity: 1; display: inline-block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 4; border-radius: 0;}
.event__cj--holiday .inner.sold-out .thumb::after {font-size: 15px; height: 16px; line-height: 16px ; content: "일시품절"; z-index: 5; position: absolute; top: 50%; left: 50%; display: block; width: 100%; color: #fff; font-weight: 400; text-align: center; transform: translate(-50%, -50%);}
.event__cj--holiday .inner.sold-out.soldout-alarm a .thumb::after {top: 40%;}
.event__cj--holiday .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);}
.event__cj--holiday .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);}
.event__cj--holiday .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;}
.event__cj--holiday .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;}