@charset "UTF-8";
.toggle-msg{width:300px;padding:20px 0;font-size:17px;line-height:26px;}

.quick-coupon-banner{position:fixed;bottom:50px;left:50%;margin-left:630px;width:150px;height:49px;padding:0 16px;cursor:pointer;background:#fff;border-radius:48px;box-shadow:0 0 4px rgba(0,0,0,.25);box-sizing:border-box;transform:translateX(-100%);z-index:10002;}
.quick-coupon-banner .coupon-txt{display:inline-block;font-size:14px;color:#000;line-height:47px;}
.quick-coupon-banner .c-floating__banner_cpn {display:inline-block;position:absolute;top:2px;right:2px;width:45px;height:45px;padding:3px;box-sizing:border-box;background-color:#f3f3f3;border:1px solid #f3f3f3; border-radius: 45px;margin: 0 auto;transition: all .5s ease-in-out;overflow:hidden;}
@media all and (max-width:1280px) {
  .quick-coupon-banner{left:auto;right:10px;margin-left:0;transform:translateX(0);}
}
.quick-coupon-banner.fixed{position:absolute;}


/***************** 일반 선물 세트 ********************/
.common-giftset-wrap {min-width:1280px;margin:0 auto;padding:0;background:#fff;}
.common-giftset-wrap .hide-cont {position:absolute;top:-9999px;left:-9999px;color:transparent;}
.common-giftset-wrap img {display:block;}
.common-giftset-wrap button:disabled {cursor:default;}
.common-giftset-wrap [class^=deco__] {position:absolute;z-index:1;}
@keyframes decoFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes decoEffect {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

.common-giftset-wrap .giftset__section {position:relative;max-width:1920px;min-width:1280px;margin:0 auto;}
.common-giftset-wrap .giftset__section::before {content:'';position:absolute;top:0;left:50%;width:100%;height:100%;background-position:50% 0;background-size:auto 100%;background-repeat:no-repeat;transform:translateX(-50%);z-index:0;}
/* .common-giftset-wrap .giftset__section::after {content:'';position:absolute;top:0;left:50%;width:100%;height:100%;background-position:50% 0;background-size:auto 100%;background-repeat:no-repeat;transform:translateX(-50%);z-index:0;} */

.common-giftset-wrap .giftset__section .giftset__inner {position:relative;width:1280px;margin:0 auto;z-index:1;}

/* visual */
.common-giftset-wrap .giftset__kv {height:633px;}
.common-giftset-wrap .giftset__kv::before {background-image:url(/cjom/event/employee/202511/images/pc/common/kv_bg.jpg);}
.common-giftset-wrap .giftset__kv::after {content:'';position:absolute;top:0;bottom:0;left:50%;width:100%;background-position:50% 0;background-size:100% auto;transform:translateX(-50%);z-index:0;background-image:url(/cjom/event/employee/202511/images/pc/common/kv_embossed_pattern.png);background-repeat:repeat-y;background-blend-mode:color-burn;mix-blend-mode:overlay;z-index:3;pointer-events:none;}

.common-giftset-wrap .deco__kv1 {right:50%;top:197px;width:65px;margin-right:288px;animation:decoFloat 1.5s infinite;animation-delay: 0.2s;}
.common-giftset-wrap .deco__kv2 {right:50%;top:292px;width:65px;margin-right:161px;animation:decoFloat 1.5s infinite;animation-delay: 0.4s;}
.common-giftset-wrap .deco__kv3 {left:50%;top:204px;width:67px;margin-left:108px;animation:decoFloat 1.5s infinite;animation-delay: 0.6s;}
.common-giftset-wrap .deco__kv4 {left:50%;top:80px;width:53px;margin-left:202px;animation:decoFloat 1.5s infinite;animation-delay: 0.8;}
.common-giftset-wrap .deco__kv5 {right:50%;top:121px;width:62px;margin-right:149px;animation:decoFloat 1.5s infinite;animation-delay: -0.2s;}
.common-giftset-wrap .giftset__kv-motion {position:absolute;left:50%;top:0;transform:translateX(-50%);width:1920px;z-index:1;animation:motionMove 2.2s infinite;}
.common-giftset-wrap .giftset__kv-layer {position:absolute;left:50%;top:0;transform:translateX(-50%);width:1920px;z-index:1;}
@keyframes motionMove {
  0% {transform:translate(-50%, 100px);}
  80%, 100% {transform:translate(-50%, 0);}
}

/* 플로팅 배너 */
.common-giftset-wrap .giftset__floating--banner {position:absolute;top:153px;left:50%;width:100px;height:110px;transform:translateX(517px);z-index:101;}
.common-giftset-wrap .giftset__floating--banner .banner__link {display:block;position:relative;width:100px;height:100px;}
.common-giftset-wrap .giftset__floating--banner .banner__link span {display:block;position:absolute;top:0;left:0;width:100%;height:100%;animation:visible__banner 1s steps(1) infinite alternate;}
.common-giftset-wrap .giftset__floating--banner .banner__link span.banner_1 {animation-delay: 0s;}
.common-giftset-wrap .giftset__floating--banner .banner__link span.banner_2 {animation-delay: -1s;}
.common-giftset-wrap .giftset__floating--banner .btn__close--banner {position:absolute;top:-4px;right:0;width:30px;height:30px;background:url(/cjom/event/employee/202511/images/pc/common/img_floating_banner_close.png) no-repeat 50% 50%;background-size:19px 19px;}
.common-giftset-wrap .giftset__floating--banner.is__fixed {position:fixed;top:180px;}
@keyframes visible__banner {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* 일반선물세트 탭 */
.common-giftset-wrap .giftset__tab--section {display:block;width:100%;height:98px;background:#D20004;}
.common-giftset-wrap .giftset__tab--section.is-floating {position:fixed;top:70px;left:0;z-index:100;}
.common-giftset-wrap .giftset__tab--section.hide {visibility:hidden;z-index:-1 !important;}
.common-giftset-wrap .giftset__tab--section .main__tab--list {position:relative;min-width:1280px;padding-top:50px;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li .main__tab--area {position:absolute;top:0;width:50%;height:50px;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li .main__tab--area.tab01 {right:50%;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li .main__tab--area.tab02 {left:50%;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li .main__tab--area .btn__main-tab {display:block;position:absolute;width:auto;height:50px;padding:0 100px;font-size:22px;color:#fff;text-align:center;line-height:50px;opacity:0.8;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li .main__tab--area.tab01 .btn__main-tab {top:0;right:0;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li .main__tab--area.tab02 .btn__main-tab {top:0;left:0;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li .sub__tab--list {display:none;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li.active,
.common-giftset-wrap .giftset__tab--section .main__tab--list>li.active .main__tab--area {background:#940003;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li.active .main__tab--area .btn__main-tab {font-weight:bold;opacity:1;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li.active .sub__tab--list {display:block;width:1280px;margin:0 auto;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li.active .sub__tab--list ul {display:flex;padding:0 16px;justify-content:center;align-items:center;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li.active .sub__tab--list li {padding:0 56px;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li.active .sub__tab--list li.bar {width:1px;height:20px;padding:0;background:#fff;opacity:0.6;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li.active .sub__tab--list a {display:block;height:48px;font-size:19px;color:#fff;font-weight:bold;text-align:center;line-height:48px;opacity:0.6;}
.common-giftset-wrap .giftset__tab--section .main__tab--list>li.active .sub__tab--list .is-active a {opacity:1;}

.common-giftset-wrap .giftset__tab--content {display:none;}
.common-giftset-wrap .giftset__tab--content.active {display:block;}
.common-giftset-wrap .giftset__tab--section.is-floating ~ .giftset__tab--content.active::before {content:'';display:block;height:98px;background:#940003;}

/* 사전예약혜택 */
.common-giftset-wrap .giftset__benefit {height:366px;}
.common-giftset-wrap .giftset__benefit::before {background-image:url(/cjom/event/employee/202511/images/pc/common/bg_benefit.jpg);}
.common-giftset-wrap .giftset__benefit .deco__benefit {left:50%;top:10px;width:568px;margin-left:-281px;animation:decoEffect 1.5s infinite;}
.common-giftset-wrap .giftset__benefit-list {position:absolute;top:145px;left:50%;transform:translateX(-50%);display:flex;flex-wrap:wrap;gap:8px;width:968px;}
.common-giftset-wrap .giftset__benefit-list li {position:relative;width:480px;height:77px;}
.common-giftset-wrap .giftset__benefit-list li::before {content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;animation: stepCycle 6s linear infinite;opacity:0;}
.common-giftset-wrap .giftset__benefit-list li:nth-child(1)::before {background-image:url(/cjom/event/employee/202511/images/pc/common/list_benefit1_on.png);}
.common-giftset-wrap .giftset__benefit-list li:nth-child(2)::before {animation-delay: 1.5s;background-image:url(/cjom/event/employee/202511/images/pc/common/list_benefit2_on.png);}
.common-giftset-wrap .giftset__benefit-list li:nth-child(3)::before {animation-delay: 3s;background-image:url(/cjom/event/employee/202511/images/pc/common/list_benefit3_on.png);}
.common-giftset-wrap .giftset__benefit-list li:nth-child(4)::before {animation-delay: 4.5s;background-image:url(/cjom/event/employee/202511/images/pc/common/list_benefit4_on.png);}
@keyframes stepCycle {
  0%,
  25% {
    opacity: 1;
  }
  25.1%,
  100% {
    opacity:0;
  }
}

/* 장바구니 쿠폰 */
.common-giftset-wrap .giftset__cart-coupon {min-height:359px;padding-bottom:56px;background-color:#FFE0E1;}
.common-giftset-wrap .giftset__cart-coupon .deco__cart-coupon {right:50%;top:-56px;width:202px;margin-right:113px;animation:decoFloat 1.5s infinite;z-index:2;}

.common-giftset-wrap .coupon__list {position:absolute;left:50%;right:0;bottom:38px;width:792px;transform:translateX(-50%);display:flex;justify-content:center;gap:0 12px;}
.common-giftset-wrap .coupon__list li {flex:1;width:256px;}
.common-giftset-wrap .coupon__list button {position:relative;display:block;width:100%;height:48px;}
.common-giftset-wrap .coupon__list button::before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:176px;background-repeat:no-repeat;background-position:center;background-size:100% auto;pointer-events:none;}
.common-giftset-wrap .coupon__list .btn__coupon-1::before {background-image:url(/cjom/event/employee/202511/images/pc/common/btn_coupon1.png);}
.common-giftset-wrap .coupon__list .btn__coupon-1:disabled::before {background-image:url(/cjom/event/employee/202511/images/pc/common/btn_coupon1_complete.png);}
.common-giftset-wrap .coupon__list .btn__coupon-2::before {background-image:url(/cjom/event/employee/202511/images/pc/common/btn_coupon2.png);}
.common-giftset-wrap .coupon__list .btn__coupon-2:disabled::before {background-image:url(/cjom/event/employee/202511/images/pc/common/btn_coupon2_complete.png);}
.common-giftset-wrap .coupon__list .btn__coupon-first::before {background-image:url(/cjom/event/employee/202511/images/pc/common/btn_coupon3.png);}
.common-giftset-wrap .coupon__list .btn__coupon-first:disabled::before {background-image:url(/cjom/event/employee/202511/images/pc/common/btn_coupon3_complete.png);}
.common-giftset-wrap .coupon__list .btn__coupon-first::after {content:'첫구매전용';position:absolute;bottom:130px;right:-28px;display:block;width:67px;height:67px;background:url(/cjom/event/employee/202511/images/mo/common/badge_coupon.png) no-repeat 0 0;background-size:cover;font-size:0;pointer-events:none;}

.common-giftset-wrap .giftset__cart-coupon .btn__link-prod {position:absolute;top:358px;left:50%;width:236px;height:40px;transform:translateX(-240px);}
.common-giftset-wrap .giftset__cart-coupon .btn__link-coupon {position:absolute;top:358px;left:50%;width:236px;height:40px;transform:translateX(4px);}
.common-giftset-wrap .giftset__cart-coupon .accordion__notice--wrap {margin-top:0;width:760px;}

.common-giftset-wrap .giftset__cart-coupon .coupon__product--wrap {position:relative;padding:42px 0;background:#FFD4D5;}
.common-giftset-wrap .giftset__cart-coupon .coupon__product--wrap::before {content:'';position:absolute;top:0;left:50%;width:1920px;height:100%;background:#FFD4D5;transform:translateX(-50%);}
.common-giftset-wrap .giftset__cart-coupon .coupon__product--wrap h4 {position:relative;margin-bottom:20px;font-size:26px;color:#333;font-weight:600;text-align:center;}
.common-giftset-wrap .giftset__cart-coupon .scrolling-swiper .product-list .product-list-top {height:180px;margin-bottom:0;}
.common-giftset-wrap .giftset__cart-coupon .coupon__btn--area {display:flex;margin:26px 0;gap:8px;justify-content:center;}
.common-giftset-wrap .giftset__cart-coupon .coupon__btn--area .btn__link-coupon,
.common-giftset-wrap .giftset__cart-coupon .coupon__btn--area .btn__link-prod {position:static;width:236px;height:40px;font-size:15px;color:#111;text-align:center;line-height:38px;;border:1px solid #ddd;border-radius:8px;background:#fff;transform:translate(0,0);}

/* 스와이퍼 */
.common-giftset-wrap .swiper_product--area {position:relative;width:1280px;padding:0 60px;box-sizing:border-box;}
.common-giftset-wrap .swiper_product--area .swiper-pagination {display:flex;position:static;margin-top:26px;gap:11px;justify-content:center;}
.common-giftset-wrap .swiper_product--area .swiper-pagination-bullet {width:11px;height:11px;margin:0;background:#fff;opacity:0.4;}
.common-giftset-wrap .swiper_product--area .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#D20004;opacity:1;}
.common-giftset-wrap .swiper_product--area .swiper-button-prev,
.common-giftset-wrap .timedeal__swiper--wrap .swiper-button-prev,
.common-giftset-wrap .swiper_product--area .swiper-button-next,
.common-giftset-wrap .timedeal__swiper--wrap .swiper-button-next {width:40px;height:100px;margin-top:-50px;background:url(/cjom/event/employee/202511/images/pc/common/btn_swiper.png) no-repeat 0 0;background-size:contain;}
.common-giftset-wrap .swiper_product--area .swiper-button-prev,
.common-giftset-wrap .timedeal__swiper--wrap .swiper-button-prev {transform:rotate(180deg);}
.common-giftset-wrap .swiper_product--area .swiper-button-prev::after,
.common-giftset-wrap .timedeal__swiper--wrap .swiper-button-prev::after,
.common-giftset-wrap .swiper_product--area .swiper-button-next::after,
.common-giftset-wrap .timedeal__swiper--wrap .swiper-button-next::after {display:none;}

/* 선물세트 공통 상품 목록 */
.common-giftset-wrap .product-top-badge,
.common-giftset-wrap .product-amount-badge {z-index: 3;}

.giftset__product--wrap .scrolling-swiper {width:1160px;padding:0}
.giftset__product--wrap .scrolling-swiper .swiper-wrapper {display:flex;align-items:stretch;}
.giftset__product--wrap .scrolling-swiper .swiper-slide {height:auto;background:#fff;}
.giftset__product--wrap .scrolling-swiper .product-list {flex-wrap:nowrap;margin:0;padding:0;}
.giftset__product--wrap .scrolling-swiper .product-list li {width:100%;padding:0;background:#fff;}
.giftset__product--wrap .scrolling-swiper .product-list li .product-list-top {height:auto;margin-bottom:0;}
.giftset__product--wrap .scrolling-swiper .product-list li .product-thumb {border-radius:0;}
.giftset__product--wrap .scrolling-swiper .product-list li .product-list-cont {margin-top:0;padding:16px;}
.giftset__product--wrap .scrolling-swiper .product-list li .product-title {max-height:36px;margin-top:0;font-size:15px;color:#333;line-height:1.2;}
.giftset__product--wrap .scrolling-swiper .product-list li .product-title+.product-price-box {margin-top:6px;}
.giftset__product--wrap .scrolling-swiper .product-list li .product-price {font-size:13px;}
.giftset__product--wrap .scrolling-swiper .product-list li .product-top-badge .badge-default:before {z-index:-1;}
.giftset__product--wrap .scrolling-swiper .product-list li .product-top-badge.rank {width:27px;height:27px;font-size:15px;color:#fff;font-weight:bold;text-align:center;line-height:27px;background:#e84e4d;}

.giftset__product--wrap .product-list li.timesale-timeout .btn-product-cart,
.giftset__product--wrap .product-list li.timesale-opening .btn-product-cart,
.giftset__product--wrap .product-list li.timesale-soldout .btn-product-cart,
.giftset__product--wrap .product-list li.soldout .btn-cart {display:none;}
.giftset__product--wrap .product-list li .product-title {max-height:36px;font-size:15px;color:#333;font-weight:normal;line-height:1.2;}
.giftset__product--wrap .product-list li .product-price-box {margin-top:6px;font-size:0;}
.giftset__product--wrap .product-list li .product-price {margin:0;font-size:13px;color:#888;font-family:'SF Pro';line-height:13px;}
.giftset__product--wrap .product-list li .product-price+.product-price-discount {margin-top:3px;}
.giftset__product--wrap .product-list li .product-price-discount {font-size:0;line-height:1;}
.giftset__product--wrap .product-list li .product-price-discount .per {color:#b00000;font-weight:bold;font-size:20px;line-height:1;}
.giftset__product--wrap .product-list li .product-price-discount .price {font-size:20px;color:#111;font-weight:bold;line-height:1;}
.giftset__product--wrap .product-list li .product-price-discount .price .won {font-size:19px;color:#111;line-height:1;}
.giftset__product--wrap .product-list li .product-price-primediscount {margin-top:3px;color:#b00000;font-weight:bold;font-size:15px;line-height:21px;}
.giftset__product--wrap .product-list li .product-price-primediscount .price {margin:0;font-size:16px;color:#b00000;}
.giftset__product--wrap .product-list li .product-price-primediscount+.product-benefit__price.gray {margin-top:0;}
.giftset__product--wrap .product-list li .product-benefit__price.gray {margin-top:5px;font-size:12px;color:#666;line-height:1.3;}
.giftset__product--wrap .product-list li .badge-o-ne {margin-top:6px;}
.giftset__product--wrap .product-list li .btn-cart,
.giftset__product--wrap .product-list .product-list-top .btn-product-cart {position:absolute;right:10px;bottom:10px;min-width:36px;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:2;}
.giftset__product--wrap .product-list li .btn-cart:before, 
.giftset__product--wrap .product-list .product-list-top .btn-product-cart:before {content:'';display:inline-block;width:19px;height:18px;background:url(/cjom/web/images/common/ico-product-cart2.png) no-repeat;background-size:cover;margin:1px auto 0;}

.giftset__product--wrap .product-list .product-list-top .thumbnail-img {border-radius:0;}
.giftset__product--wrap .product-list .product-list-top.sold-out .product-alarm {height:48px;}
.giftset__product--wrap .product-list .product-list-top.sold-out .product-alarm a {font-size:15px;line-height:16px;}
.giftset__product--wrap .product-list .product-list-top.sold-out .product-alarm a .txt {bottom:34%;line-height:16px;background-size:16px 16px;}
.giftset__product--wrap .product-list .product-list-top.sold-out .product-alarm a .txt::after {top:4px;right:-11px;width:7px;height:10px;background-size:7px 10px;}
.giftset__product--wrap .product-list .product-list-top.sold-out .thumbnail-img::after {height:16px;font-size:15px;line-height:16px;border-radius:0;}
.giftset__product--wrap .product-list .product-list-top.sold-out .thumbnail-img:before {border-radius:0;}
.giftset__product--wrap .product-list .product-list-top.soldout-alarm .thumbnail-img::after {top:40%;}
/* .giftset__product--wrap .product-list .product-list-top.sold-out .product-top-badge, */
.giftset__product--wrap .product-list .product-list-top.sold-out .product-amount-badge {z-index:0;}
.giftset__product--wrap .product-list .product-list-top.sold-out .btn-cart {display: none;}

.giftset__product--wrap .product-list .timesale-timeout .thumb::after, 
.giftset__product--wrap .product-list .timesale-timeout .thumbnail-img::after, 
.giftset__product--wrap .product-list .timesale-soldout .thumb::after, 
.giftset__product--wrap .product-list .timesale-soldout .thumbnail-img::after, 
.giftset__product--wrap .product-list .timesale-soldout .thumbnail-img::after, 
.giftset__product--wrap .product-list .timesale-opening .thumb::after, 
.giftset__product--wrap .product-list .timesale-opening .thumbnail-img::after {content: '';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);border-radius:0 !important;}

.giftset__product--wrap .product-list .timeout-msg, 
.giftset__product--wrap .product-list .opening-msg {
    display: none;
}

.giftset__product--wrap .product-list .timesale-timeout .timeout-msg, 
.giftset__product--wrap .product-list .timesale-soldout .soldout-msg,
.giftset__product--wrap .product-list .timesale-opening .open-msg {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 130px;
    height: 130px;
    font-size: 0;
    background: url(/cjom/web/images/icon/bg-timesale-timeout.png) no-repeat 0 0;
    background-size: 130px 130px;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.giftset__product--wrap .product-list .timesale-soldout .soldout-msg {
    background-image: url(/cjom/web/images/icon/bg-timesale-soldout.png)
}

.giftset__product--wrap .product-list .timesale-opening .open-msg {
    background-image: url(/cjom/web/images/icon/bg-timesale-open.png)
}


/* 스페셜 에디션 */
.common-giftset-wrap .giftset__special-edition {height:792px;background:#B00000;box-sizing:border-box;}
.common-giftset-wrap .giftset__special-edition::before {height:792px;background-image:url(/cjom/event/employee/202511/images/pc/common/bg_special_edition.jpg);background-size:auto 100%;}
.common-giftset-wrap .deco__special-edition {left:50%;top:-70px;width:216px;margin-left:238px;animation:decoFloat 1.5s infinite;}
.common-giftset-wrap .deco__special-edition2 {left:50%;top:50px;width:801px;margin-left:-345px;animation:decoEffect 1.5s infinite;}

.common-giftset-wrap .giftset__edition-media {position:absolute;top:165px;right:50%;margin-right:28px;width:442px;}
.common-giftset-wrap .giftset__edition-media video {display:block;width:100%;height:100%;object-fit:cover;}
.common-giftset-wrap .giftset__edition-media video[poster] {width:100%;height:100%;}

.common-giftset-wrap .giftset__special-edition .giftset__special-edition-product {position:absolute;left:50%;top:161px;width:459px;padding:20px;margin-left:10px;background:#fff;border-radius:12px;box-sizing:border-box;}
.common-giftset-wrap .giftset__special-edition .giftset__special-edition-product li + li {padding-top:12px;margin-top:12px;border-top:1px solid #E8E8E8;}

.common-giftset-wrap .giftset__special-edition .product-item {display:flex;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-top {position:relative;width:165px;height:165px;border-radius:0;overflow:hidden;flex-shrink:0;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-top.sold-out::after {content:'품절';display:flex;position:absolute;top:0;left:0;height:100%;width:100%;font-size:20px;color:#fff;align-items:center;justify-content:center;/* background:rgba(0,0,0,0.6); */z-index:4;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-top.sold-out .btn-product-cart {display:none;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-top .thumbnail-img {border-radius:0;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-top .thumbnail-img::after {content:'';position:absolute;top:0;left:0;height:100%;width:100%;background:#000;opacity:0.03;z-index:2;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-top .btn-product-cart {position:absolute;right:10px;bottom:10px;width:36px;height:36px;border-radius:8px;background:none;background-color:#fff;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);z-index:5;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-top .btn-product-cart::before {content:'';display:inline-block;width:19px;height:18px;margin:6px auto 0;background:url(/cjom/web/images/common/ico-product-cart2.png) no-repeat;background-size:contain;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont {width:calc(100% - 185px);margin:5px 0 0 20px;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .product-title {display:-webkit-box;max-height:48px;margin:0;font-size:18px;color:#333;line-height:24px;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .product-price-box {margin-top:6px;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .product-price {height:17px;font-size:17px;color:#888;text-decoration:line-through;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .product-price-discount {display:flex;height:22px;margin-top:4px;align-items:baseline;line-height:30px;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .product-price-discount .per {font-size:22px;color:#b00000;font-weight:bold;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .product-price-discount .price {display:flex;margin-left:4px;font-size:22px;color:#111;font-weight:bold;align-items:baseline;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .product-price-discount .price .won {font-size:20px;font-weight:normal;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .product-price-primediscount {margin-top:6px;height:24px;font-size:18px;color:#b00000;font-weight:bold;line-height:24px;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .product-price-primediscount .price {font-size:18px;color:#b00000;line-height:24px;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .product-benefit__price {margin:4px 0 0;font-size:15px;color:#888;font-weight:normal;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .btn__area {display:flex;margin-top:16px;gap:8px;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .btn__area .btn__purchase {display:block;width:182px;}
.common-giftset-wrap .giftset__special-edition .product-item .product-list-cont .btn__area .btn__join-prime {display:block;width:182px;}
.common-giftset-wrap .giftset__special-edition .btn__link-more {display:block;width:480px;margin:26px auto 0;}

.common-giftset-wrap .product-top-badge .badge-box {background:#000;}
.common-giftset-wrap .product-top-badge .badge-box > span {
    display: block;
    position: relative;
    width: 49px;
    height: 24px;
    text-indent: -9999px;
    background-image: url(/cjom/event/employee/202511/images/pc/common/tx_box_discount.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 12px;
    z-index: 1;
}
.common-giftset-wrap .product-top-badge .badge-box:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 30px;
    height: 30px;
    background: #474747;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transform: skew(-45deg);
    animation: lineMove 1s linear infinite;
    z-index: 0;
}

/* 구매 이벤트 */
.common-giftset-wrap .giftset__section.purchase_event {padding:752px 0 56px;background:#FFE0E1;}
.common-giftset-wrap .giftset__section.purchase_event::before {height:752px;background-image:url(/cjom/event/employee/202511/images/pc/common/bg_apply_event.jpg);}
.common-giftset-wrap .giftset__section.purchase_event .btn__apply {display:block;position:relative;width:480px;margin:0 auto 0;}
.common-giftset-wrap .giftset__section.purchase_event .btn__apply:disabled img {visibility:hidden;}
.common-giftset-wrap .giftset__section.purchase_event .btn__apply:disabled::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/cjom/event/employee/202511/images/pc/common/btn_apply_on.png) no-repeat 0 0;background-size:cover;}
.common-giftset-wrap .giftset__section.purchase_event .accordion__notice--list {width:790px;margin:30px auto 0;}
.common-giftset-wrap .giftset__section.purchase_event .accordion__notice--wrap {margin-top: 16px;}

/* 쿠폰팩 */
.common-giftset-wrap .giftset__coupon-pack {padding:637px 0 56px;background:#E44447;}
.common-giftset-wrap .giftset__coupon-pack::before {height:637px;background-image:url(/cjom/event/employee/202511/images/pc/common/bg_coupon_pack.png);z-index:2;}
.common-giftset-wrap .giftset__coupon-pack::after {content:'';position:absolute;top:0;bottom:0;left:50%;width:100%;background-position:50% 0;background-size:100% auto;transform:translateX(-50%);z-index:0;background-image:url(/cjom/event/employee/202511/images/pc/common/bg_embossed_pattern.png);background-repeat:repeat-y;background-blend-mode:color-burn;mix-blend-mode:overlay;z-index:3;pointer-events:none;}
.common-giftset-wrap .giftset__coupon-pack .deco__coupon-pack {left:50%;top:135px;transform:translateX(-50%);width:492px;height:461px;background:url(/cjom/event/employee/202511/images/mo/common/deco_coupon_pack.png) no-repeat center 0;background-size: 428px auto;animation:decoMove 10s infinite;}
.common-giftset-wrap .giftset__coupon-pack .deco__coupon-pack::before {content:"";display:block;width:100%;height:141px;background:linear-gradient(180deg, #E44447 0%, rgba(228, 68, 71, 0.00) 86.54%);}
.common-giftset-wrap .giftset__coupon-pack .deco__coupon-pack::after {content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:141px;background:linear-gradient(0, #E44447 0%, rgba(228, 68, 71, 0.00) 86.54%);}
@keyframes decoMove {
  0% {
    background-position: center 0;
  }
  50% {
    background-position: center 100%;
  }
  100% {
    background-position: center 0;
  }
}

.common-giftset-wrap .giftset__coupon-pack .accordion__notice--wrap {position:relative;margin-top:26px;z-index:1;}
.common-giftset-wrap .giftset__coupon-pack .accordion__notice--wrap .accordion__anchor {color:#fff;border-color:#fff;opacity:0.6;}
.common-giftset-wrap .giftset__coupon-pack .accordion__notice--wrap .accordion__anchor:before {background-image:url(/cjom/web/images/icon/ico_evt_notice_info_white.png);}
.common-giftset-wrap .giftset__coupon-pack .accordion__notice--list {width:790px;margin:30px auto 0;}
.common-giftset-wrap .giftset__coupon-pack .accordion__notice--list li {opacity:0.6;}

/* 배너 영역*/
.common-giftset-wrap .giftset__banner {max-width:1920px;margin:0 auto;background-size:auto 100%;background-repeat:no-repeat;background-position:center 0;background-image:url(/cjom/event/employee/202511/images/pc/common/bg_giftset_banner.jpg)}
.common-giftset-wrap .giftset__banner a {display:block;width:100%;margin:0 auto;}
.common-giftset-wrap .giftset__banner img {display:block;width:1280px;margin:0 auto;}
.common-giftset-wrap .giftset__banner.primejoin {background-image:url(/cjom/event/employee/202511/images/pc/common/bg_banner_prime.jpg)}

.common-giftset-wrap .giftset__banner.save_point {background:#7979ee;}
.common-giftset-wrap .giftset__banner.save_point span {display:block;}
.common-giftset-wrap .giftset__banner.save_point img {display:block;width:1280px;margin:0 auto;}

/* 카드 혜택 */
.common-giftset-wrap .giftset__section.card_benefit {padding:153px 0 56px;background:#fff;}
.common-giftset-wrap .giftset__section.card_benefit::before {height:153px;background-image:url(/cjom/event/employee/202511/images/pc/common/bg_card_benefit.jpg);}
.common-giftset-wrap .giftset__section.card_benefit ul {width:580px;margin:0 auto;}
.common-giftset-wrap .giftset__section.card_benefit ul li+li {margin-top:8px;}
.common-giftset-wrap .giftset__section.card_benefit ul li a,
.common-giftset-wrap .giftset__section.card_benefit ul li span {display:block;}
.common-giftset-wrap .giftset__section.card_benefit ul li .complete {position:relative;}
.common-giftset-wrap .giftset__section.card_benefit ul li .complete::after {content:'이벤트 종료';display:flex;position:absolute;top:0;left:0;width:100%;height:100%;font-size:24px;color:#fff;font-weight:bold;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);border-radius:8px;}
.common-giftset-wrap .giftset__section.card_benefit p {margin-top:14px;font-size:16px;color:#868686;text-align:center;}
.common-giftset-wrap .giftset__section.card_benefit .btn_more_card {display:block;width:480px;margin:14px auto 0;}

/* 타임딜 */
.common-giftset-wrap .giftset__timedeal {padding:145px 0 56px;background:#FFE0E1 url(/cjom/event/employee/202511/images/pc/common/bg_timedeal.jpg) no-repeat center 0 / 1280px auto; }
.common-giftset-wrap .giftset__timedeal .deco__timedeal {left:50%;top:0;width:685px;margin-left:-345px;animation:decoEffect 1.5s infinite;}
.common-giftset-wrap .timedeal__swiper--wrap {position:relative;width:1172px;padding:0 60px;margin:0 auto;}
.common-giftset-wrap .timedeal__swiper--wrap .timedeal-swiper {position:relative;overflow:hidden;}
.common-giftset-wrap .timedeal__swiper--wrap .timedeal-swiper .product-list {margin:0;padding:0;flex-wrap:nowrap;}
.common-giftset-wrap .timedeal__swiper--wrap .timedeal-swiper .product-list .product-list-top {height:278px;}
.common-giftset-wrap .timedeal__swiper--wrap .timedeal-swiper .swiper-slide {width:240px;margin-top:0;padding:0}
.common-giftset-wrap .timedeal__swiper--wrap .timedeal-swiper .product-title {margin-top:8px;max-height:38px;font-size:15px;line-height:1.3;}
.common-giftset-wrap .timedeal__swiper--wrap .timedeal-swiper .product-list-cont {margin:0;}
.common-giftset-wrap .timedeal__swiper--wrap .product-time-box {float:none;width:100%;height:36px;border-radius:0;}
.common-giftset-wrap .timedeal__swiper--wrap .product-time-box .time-txt {position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;}
.common-giftset-wrap .timedeal__swiper--wrap .product-time-box .time-txt .time-num {color:#fff;}
.common-giftset-wrap .timedeal__swiper--wrap .time-graph-bar {width:100%;margin-left:0;box-sizing:border-box;}
.common-giftset-wrap .timedeal__swiper--wrap .time-graph-bar .bar {background-color:#D20004;}

.common-giftset-wrap .timedeal__swiper--wrap .swiper-pagination {display:flex;position:static;margin-top:26px;gap:11px;justify-content:center;}
.common-giftset-wrap .timedeal__swiper--wrap .swiper-pagination.swiper-pagination-lock {display:none;}
.common-giftset-wrap .timedeal__swiper--wrap .swiper-pagination-bullet {width:11px;height:11px;margin:0;background:#fff;opacity:0.4;}
.common-giftset-wrap .timedeal__swiper--wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#D20004;opacity:1;}

/* 추천 상품 */
.common-giftset-wrap .giftset__special-product {padding:146px 0 56px;background:#FFE3C5;}
.common-giftset-wrap .giftset__special-product::before {height:146px;background-image:url(/cjom/event/employee/202511/images/pc/common/bg_special_prod.jpg);}
.common-giftset-wrap .giftset__special-product .deco__special-product {left:50%;top:-59px;width:191px;margin-left:262px;animation:decoFloat 1.5s infinite;}

.common-giftset-wrap .giftset__special-product .scrolling-swiper .product-list .product-list-top {height:180px;margin-bottom:0;}

.common-giftset-wrap .giftset__special-product .giftset__product--tab {padding:0 16px;}
.common-giftset-wrap .giftset__special-product .giftset__product--tab ul {display:flex;gap:8px;justify-content:center;}
.common-giftset-wrap .giftset__special-product .giftset__product--tab ul>li {width:130px;}
.common-giftset-wrap .giftset__special-product .giftset__product--tab ul>li>a {display:flex;height:38px;font-size:18px;color:#9f9f9f;background:#fff;align-items:center;justify-content:center;border:0.5px solid rgba(0,0,0,0.2);border-radius:8px;box-sizing:border-box;}
.common-giftset-wrap .giftset__special-product .giftset__product--tab ul>li.active>a {color:#f6d33d;;background:#D20004;border-color:#D20004;}
.common-giftset-wrap .giftset__special-product .giftset__product--content {display:none;}
.common-giftset-wrap .giftset__special-product .giftset__product--content.active {display:block;margin-top:20px;}

.common-giftset-wrap .giftset__special-product .swiper_product--area .swiper-pagination .swiper-pagination-bullet {background:#CACACA;opacity:1;}
.common-giftset-wrap .giftset__special-product .swiper_product--area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#000;opacity:1;}

/* 박스 특가 */
.common-giftset-wrap .giftset__box-product {padding:145px 0 56px;background:#FFE0E1;}
.common-giftset-wrap .giftset__box-product::before {height:145px;background-image:url(/cjom/event/employee/202511/images/pc/common/bg_box_price.jpg);}
.common-giftset-wrap .giftset__box-product .deco__box-product {left:50%;top:-9px;width:134px;margin-left:137px;animation:decoFloat 1.5s infinite;}

.common-giftset-wrap .giftset__box-product .scrolling-swiper .product-list .product-list-top {height:180px;margin-bottom:0;}
.common-giftset-wrap .giftset__box-product .giftset__product--tab {padding:0 16px;}
.common-giftset-wrap .giftset__box-product .giftset__product--tab ul {display:flex;gap:8px;justify-content:center;}
.common-giftset-wrap .giftset__box-product .giftset__product--tab ul>li {width:111px;}
.common-giftset-wrap .giftset__box-product .giftset__product--tab ul>li>a {display:flex;height:34px;font-size:18px;color:#9f9f9f;background:#fff;align-items:center;justify-content:center;border:0.5px solid rgba(0,0,0,0.2);border-radius:34px;box-sizing:border-box;}
.common-giftset-wrap .giftset__box-product .giftset__product--tab ul>li.active>a {color:#fff;font-weight:bold;background:#111;border-color:#111;}
.common-giftset-wrap .giftset__box-product .giftset__product--content {display:none;}
.common-giftset-wrap .giftset__box-product .giftset__product--content.active {display:block;margin-top:20px;}

.common-giftset-wrap .giftset__box-product .swiper_product--area .swiper-pagination .swiper-pagination-bullet {background:#CACACA;opacity:0.8;}
.common-giftset-wrap .giftset__box-product .swiper_product--area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#000;opacity:1;}

/*베스트*/
.common-giftset-wrap .giftset__best-product {padding:127px 0 56px;background:#fff;}
.common-giftset-wrap .giftset__best-product::before {height:127px;background-image:url(/cjom/event/employee/202511/images/pc/common/bg_best_prod.jpg);}
/* .common-giftset-wrap .giftset__best-product .txt__update {position:absolute;top:-48px;left:0;width:100%;font-size:18px;color:#777;text-align:center;} */
.common-giftset-wrap .giftset__best-product .scrolling-swiper .product-list .product-list-top {height:180px;margin-bottom:0;}
.common-giftset-wrap .giftset__best-product .swiper_product--area .swiper-pagination .swiper-pagination-bullet {background:#CACACA;opacity:0.8;}
.common-giftset-wrap .giftset__best-product .swiper_product--area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#000;opacity:1;}

/* 하단 버튼 */
.common-giftset-wrap .giftset__section .btn__view-more {display:block;width:480px;margin:26px auto 0;}

/* 일반선물세트 하단 탭 */
.giftset-new-tabwrap {position:relative;width:1280px;margin:0 auto;}
.giftset-new-tabwrap.fixed {position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:99;}
.giftset-new-tabwrap ul {display:flex;background:#fff;}
.giftset-new-tabwrap ul>li {flex:1;}
.giftset-new-tabwrap ul>li a {display:block;height:60px;padding:10px 0 0;font-size:24px;font-weight:normal;color:#9f9f9f;text-align:center;box-sizing:border-box;border-bottom:1px solid #d9d9d9;}
.giftset-new-tabwrap ul>li.active a {color:#000;font-weight:bold;border-bottom:3px solid #000;}

.giftset-new-tabwrap.fixed+.contents {padding-top:130px;}
.giftset-new-tabwrap.fixed+.contents .giftset-new-tablist {position:fixed;top:130px;left:50%;transform:translateX(-50%);z-index:99;}

.giftset-new-tablist {width:1280px;margin:0 auto;padding:20px 0;background:#fff;}
.giftset-new-tablist.fixed {position:fixed;top:130px;left:50%;transform:translateX(-50%);z-index:99;}
.giftset-new-tablist ul {display:flex;gap:8px;}
.giftset-new-tablist ul>li a {display:inline-block;height:46px;padding:12px 22px 0;font-size:18px;color:#000;border:1px solid #ddd;line-height:1;border-radius:24px;box-sizing:border-box;}
.giftset-new-tablist ul>li.is-active a {color:#fff;background:#000;border-color:#000;}

.section-notice-new{padding:40px 0;background-color:#fff;}
.section-notice-new .emp-noti{padding:15px 30px;border-radius:4px;font-size:15px;color:#000;text-align:left;border:1px solid #e5e5e5;}
.section-notice-new .emp-noti .emp-noti-sbj{position:relative;font-size:20px;font-weight:bold;}
.section-notice-new .emp-noti dl dt{margin-top:10px;font-size:16px;font-weight:700;}
.section-notice-new .emp-noti dl dd .desc-list{margin-top:10px;}
.section-notice-new .emp-noti dl dd .desc-list li{padding-left:10px;text-indent:0;}
.section-notice-new .emp-noti dl dd .desc-list img{margin-left:4px;vertical-align:-5px;}
.section-notice-new .emp-noti .emp{color:#0c8050;}
.section-notice-new .emp-noti .emp-noti-sbj:before{content:'';display:block;position:absolute;top:0;right:0;width:29px;height:30px;background:url(/cjom/web/images/common/spr_common.svg) -30px -90px no-repeat;background-size:510px 210px;-webkit-transition:all ease-in .3s;transition:all ease-in .3s;}
.section-notice-new .emp-noti .emp-noti-sbj.active:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg);}


/* 적립금(이벤트) */
.common-giftset-wrap .giftset__section.add_point {padding-top:56px;}
.common-giftset-wrap .giftset__section.add_point::before {display:none;}

.common-giftset-wrap .event_save_cont {padding:0 0 56px;width:640px;margin:0 auto;}
.common-giftset-wrap .event_save_cont h2 {text-align:center;font-size:40px;line-height:57px;font-weight:bold;letter-spacing:-3px;font-family:inherit !important;}
.common-giftset-wrap .giftset__section.add_point .emp{color:#7979ef !important;}
.common-giftset-wrap .giftset__section.add_point .buy_state .graph li.active:after {border:1px solid #7979ef !important;background-color:#7979ef !important;}
.common-giftset-wrap .giftset__section.add_point .buy_state .graph li.check:after {border:1px solid #7979ef !important;}
.common-giftset-wrap .giftset__section.add_point .buy_state .graph li.check em {color:#7979ef !important;}
.common-giftset-wrap .giftset__section.add_point .buy_state .graph_bar div {background-color:#7979ef !important;}
.common-giftset-wrap .giftset__section.add_point .buy_state .graph_bar span {background-color:#7979ef !important;}
.common-giftset-wrap .giftset__section.add_point .buy_state .graph_bar span:before {border-top:8px solid #7979ef !important;}

  .color00 .emp {color:#8BC34B;}
  .color02 .emp {color:#1BA774;}
  .color03 .emp {color:#48C9A7;}
  .color04 .emp {color:#63B4F9;}
  .color05 .emp {color:#4A9AF8;}
  .color06 .emp {color:#7979EF;}
  .color07 .emp {color:#A876F5;}
  .color08 .emp {color:#C27EE9;}
  .color09 .emp {color:#EE79AE;}
  .color10 .emp {color:#ED727D;}
  .color11 .emp {color:#EF8D66;}
  .color12 .emp {color:#EDA241;}
  .color13 .emp {color:#C75E46;}
  .color14 .emp {color:#C61D23;}
  .color15 .emp {color:#C42C05;}
  
.event_info {padding:40px 0 0;}
.event_info .event_sec {display:table;width:100%;font-size:28px;line-height:36px;}
.event_info .event_sec + .event_sec {margin-top:20px;}
.event_info .event_sec dt {display:table-cell;vertical-align:top;text-align:left;width:165px;}
.event_info .event_sec dd {display:table-cell;vertical-align:top;text-align:left;}
.event_info .event_sec h3 {font-size:28px;line-height:36px;text-align:left;padding:0;}
.save_condition {padding:15px 0 20px;}
.save_condition table {width:100%;}
.save_condition table thead th {font-size:28px;height:64px;text-align:center;vertical-align:middle;color:#666;font-weight:normal;border:1px solid #ddd;border-left:0;background-color:#f6f8f8;}
.save_condition table thead th:last-child {border-right:0;}
.save_condition table tbody td {font-size:28px;height:64px;text-align:center;vertical-align:middle;color:#333;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.save_condition table tbody td:last-child {border-right:0;}
.save_condition table tbody td.emp {font-weight:bold;}
.buy_state {padding:100px 16px 0;}
.buy_state .graph_wp {position:relative;height:16px;background-color:#ddd;border-radius:100px;}
.buy_state .graph {display:flex;justify-content:space-between;}
.buy_state .graph li {position:relative;}
.buy_state .graph li:after {position:absolute;left:-14px;top:-8px;display:block;width:28px;height:28px;border:1px solid #ddd;border-radius:100%;z-index:100;background-color:#fff;content:'';}
  .color00 .buy_state .graph li.active:after {border:1px solid #8BC34B;background-color:#8BC34B;}
  .color02 .buy_state .graph li.active:after {border:1px solid #1BA774;background-color:#1BA774;}
  .color03 .buy_state .graph li.active:after {border:1px solid #48C9A7;background-color:#48C9A7;}
  .color04 .buy_state .graph li.active:after {border:1px solid #63B4F9;background-color:#63B4F9;}
  .color05 .buy_state .graph li.active:after {border:1px solid #4A9AF8;background-color:#4A9AF8;}
  .color06 .buy_state .graph li.active:after {border:1px solid #7979EF;background-color:#7979EF;}
  .color07 .buy_state .graph li.active:after {border:1px solid #A876F5;background-color:#A876F5;}
  .color08 .buy_state .graph li.active:after {border:1px solid #C27EE9;background-color:#C27EE9;}
  .color09 .buy_state .graph li.active:after {border:1px solid #EE79AE;background-color:#EE79AE;}
  .color10 .buy_state .graph li.active:after {border:1px solid #ED727D;background-color:#ED727D;}
  .color11 .buy_state .graph li.active:after {border:1px solid #EF8D66;background-color:#EF8D66;}
  .color12 .buy_state .graph li.active:after {border:1px solid #EDA241;background-color:#EDA241;}
  .color13 .buy_state .graph li.active:after {border:1px solid #C75E46;background-color:#C75E46;}
  .color14 .buy_state .graph li.active:after {border:1px solid #C61D23;background-color:#C61D23;}
  .color15 .buy_state .graph li.active:after {border:1px solid #C42C05;background-color:#C42C05;}
  
.buy_state .graph li.check {font-weight:bold;}
.color00 .buy_state .graph li.check:after {border:1px solid #8BC34B;}
.color02 .buy_state .graph li.check:after {border:1px solid #1BA774;}
.color03 .buy_state .graph li.check:after {border:1px solid #48C9A7;}
.color04 .buy_state .graph li.check:after {border:1px solid #63B4F9;}
.color05 .buy_state .graph li.check:after {border:1px solid #4A9AF8;}
.color06 .buy_state .graph li.check:after {border:1px solid #7979EF;}
.color07 .buy_state .graph li.check:after {border:1px solid #A876F5;}
.color08 .buy_state .graph li.check:after {border:1px solid #C27EE9;}
.color09 .buy_state .graph li.check:after {border:1px solid #EE79AE;}
.color10 .buy_state .graph li.check:after {border:1px solid #ED727D;}
.color11 .buy_state .graph li.check:after {border:1px solid #EF8D66;}
.color12 .buy_state .graph li.check:after {border:1px solid #EDA241;}
.color13 .buy_state .graph li.check:after {border:1px solid #C75E46;}
.color14 .buy_state .graph li.check:after {border:1px solid #C61D23;}
.color15 .buy_state .graph li.check:after {border:1px solid #C42C05;}

.buy_state .graph li em {position:absolute;left:50%;bottom:-59px;transform:translateX(-50%);width:100px;font-size:24px;text-align:center;font-family:Roboto;}
.buy_state .graph li.active em {color:#999;}
.color00 .buy_state .graph li.check em {color:#8BC34B;}
.color02 .buy_state .graph li.check em {color:#1BA774;}
.color03 .buy_state .graph li.check em {color:#48C9A7;}
.color04 .buy_state .graph li.check em {color:#63B4F9;}
.color05 .buy_state .graph li.check em {color:#4A9AF8;}
.color06 .buy_state .graph li.check em {color:#7979EF;}
.color07 .buy_state .graph li.check em {color:#A876F5;}
.color08 .buy_state .graph li.check em {color:#C27EE9;}
.color09 .buy_state .graph li.check em {color:#EE79AE;}
.color10 .buy_state .graph li.check em {color:#ED727D;}
.color11 .buy_state .graph li.check em {color:#EF8D66;}
.color12 .buy_state .graph li.check em {color:#EDA241;}
.color13 .buy_state .graph li.check em {color:#C75E46;}
.color14 .buy_state .graph li.check em {color:#C61D23;}
.color15 .buy_state .graph li.check em {color:#C42C05;}

.buy_state .graph_bar {position:relative;width:100%;height:16px;z-index:5;}
.buy_state .graph_bar * {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.buy_state .graph_bar div {position:relative;width:0;height:16px;border-radius: 100px;}
.color00 .buy_state .graph_bar div {background-color:#8BC34B;}
.color02 .buy_state .graph_bar div {background-color:#1BA774;}
.color03 .buy_state .graph_bar div {background-color:#48C9A7;}
.color04 .buy_state .graph_bar div {background-color:#63B4F9;}
.color05 .buy_state .graph_bar div {background-color:#4A9AF8;}
.color06 .buy_state .graph_bar div {background-color:#7979EF;}
.color07 .buy_state .graph_bar div {background-color:#A876F5;}
.color08 .buy_state .graph_bar div {background-color:#C27EE9;}
.color09 .buy_state .graph_bar div {background-color:#EE79AE;}
.color10 .buy_state .graph_bar div {background-color:#ED727D;}
.color11 .buy_state .graph_bar div {background-color:#EF8D66;}
.color12 .buy_state .graph_bar div {background-color:#EDA241;}
.color13 .buy_state .graph_bar div {background-color:#C75E46;}
.color14 .buy_state .graph_bar div {background-color:#C61D23;}
.color15 .buy_state .graph_bar div {background-color:#C42C05;}
  
.buy_state .graph_bar span {position:absolute;right:-78px;top:-62px;display:block;width:156px;font-size:26px;color:#fff;font-weight:bold;height:46px;line-height:46px;border-radius:50px;text-align:center;}
.buy_state .graph_bar span.ty1 {right:-118px;}
.buy_state .graph_bar span.ty2 {right:-46px;}
.color00 .buy_state .graph_bar span {background-color:#8BC34B;}
.color02 .buy_state .graph_bar span {background-color:#1BA774;}
.color03 .buy_state .graph_bar span {background-color:#48C9A7;}
.color04 .buy_state .graph_bar span {background-color:#63B4F9;}
.color05 .buy_state .graph_bar span {background-color:#4A9AF8;}
.color06 .buy_state .graph_bar span {background-color:#7979EF;}
.color07 .buy_state .graph_bar span {background-color:#A876F5;}
.color08 .buy_state .graph_bar span {background-color:#C27EE9;}
.color09 .buy_state .graph_bar span {background-color:#EE79AE;}
.color10 .buy_state .graph_bar span {background-color:#ED727D;}
.color11 .buy_state .graph_bar span {background-color:#EF8D66;}
.color12 .buy_state .graph_bar span {background-color:#EDA241;}
.color13 .buy_state .graph_bar span {background-color:#C75E46;}
.color14 .buy_state .graph_bar span {background-color:#C61D23;}
.color15 .buy_state .graph_bar span {background-color:#C42C05;}

.buy_state .graph_bar span:before {position:absolute;left:50%;bottom:-6px;width:0;height:0;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid transparent;content:"";}
.buy_state .graph_bar span.ty1:before {left:26%;}
.buy_state .graph_bar span.ty2:before {left:72%;}
.color00 .buy_state .graph_bar span:before {border-top:8px solid #8BC34B;}
.color02 .buy_state .graph_bar span:before {border-top:8px solid #1BA774;}
.color03 .buy_state .graph_bar span:before {border-top:8px solid #48C9A7;}
.color04 .buy_state .graph_bar span:before {border-top:8px solid #63B4F9;}
.color05 .buy_state .graph_bar span:before {border-top:8px solid #4A9AF8;}
.color06 .buy_state .graph_bar span:before {border-top:8px solid #7979EF;}
.color07 .buy_state .graph_bar span:before {border-top:8px solid #A876F5;}
.color08 .buy_state .graph_bar span:before {border-top:8px solid #C27EE9;}
.color09 .buy_state .graph_bar span:before {border-top:8px solid #EE79AE;}
.color10 .buy_state .graph_bar span:before {border-top:8px solid #ED727D;}
.color11 .buy_state .graph_bar span:before {border-top:8px solid #EF8D66;}
.color12 .buy_state .graph_bar span:before {border-top:8px solid #EDA241;}
.color13 .buy_state .graph_bar span:before {border-top:8px solid #C75E46;}
.color14 .buy_state .graph_bar span:before {border-top:8px solid #C61D23;}
.color15 .buy_state .graph_bar span:before {border-top:8px solid #C42C05;}

.buy_state .desc {text-align:center;margin-top:60px;color:#333;font-size:26px;line-height:40px;margin-left:-20px;width:calc(100% + 40px);}
.buy_state .desc strong {font-weight:bold;}
.event_save .btn_area {margin-top:34px;text-align:center;}
.event_save .btn_area a {display:block;width:100%;height:90px;line-height:90px;text-align:center;font-size:32px;font-weight:bold;border-radius:8px;text-decoration:none;}
.event_save .btn_area a + a {margin-top:10px;}
.event_save .btn_area a.btn01 {color:#fff;border:1px solid #222;background-color:#222;}
.event_save .btn_area a.btn02 {color:#fff;border:1px solid #bbb;background-color:#bbb;opacity:1;}
.event_save .btn_area a.btn02:focus{outline:none;}
.event_save .btn_area a.btn02:link { pointer-events:none;cursor: default;}
.event_save .btn_area a.btn03 {height:88px;line-height:88px;color:#333;border:1px solid #bbb;font-weight:normal;background-color:#fff;}
.info-bx {margin-top:20px;padding:25px 40px;background-color:#f6f8f8;}
.info-bx .info-desc-tit {position:relative;padding:5px 0;font-weight:bold;font-size:24px;line-height:24px;color:#666;}
.info-bx .info-desc-tit:before {content: '';display: block;position:absolute;top:50%;right: 0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%); width:24px;height:14px;background: url('/cjom/web/images/icon/ico-toggle-bx02.svg') no-repeat 0 0;background-size: 24px 14px;}
.info-bx .active .info-desc-tit:before {-webkit-transform: translateY(-50%) rotate(180deg);-moz-transform: translateY(-50%) rotate(180deg);transform: translateY(-50%) rotate(180deg)}
.info-bx .info-desc-list {margin-top:20px;}
.info-bx .info-desc-list + .info-desc-list {padding-top:20px;border-top:1px dotted #ddd;}
.info-bx .info-desc-list li {position:relative;padding-left:10px;margin-bottom:8px;font-size:20px;line-height:26px;color:#666;}
.info-bx .info-desc-list li:last-child {margin-bottom: 0;}
.info-bx .info-desc-list li:after {position:absolute;left:0;top:8px;display:block;width:3px;height:3px;background-color:#666;border-radius:100px;content: '';}

/* 앱 설치 안내 모달 */
.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;}

/* 임직원 안내 팝업 */
#modal_employees{position:fixed;top:55%;width:500px;padding:30px 50px 0;color:#333;z-index:30000;}
#modal_employees .modal-contents{padding:0;}
#modal_employees .title{font-size:25px;font-weight:bold;}
#modal_employees .text{font-size:17px;color:#333;line-height:28px;}
#modal_employees .text_list{margin-top:6px;font-size:17px;line-height:28px;}
#modal_employees .text_list li{position:relative;padding-left:12px;}
#modal_employees .text_list li:after{content:'';display:block;position:absolute;left:0;top:13px;width:4px;height:4px;background-color:#333;border-radius:100%;}
#modal_employees .btn_apply{width:100%;height:80px;margin-top:20px;text-align:center;background:#225136 url('/cjom/mobile/images/employee/2020/icon_arrow_modal.png') no-repeat 92% 50%;background-size: 14px 27px;}
#modal_employees .btn_apply a{display:block;color:#fff;font-size:18px;padding-top:8px;box-sizing: border-box;}
#modal_employees .btn_apply a strong{display:block;font-size:26px;font-weight:bold;line-height:28px;}
#modal_employees .modal__footer{width:calc(100% + 100px);height:50px;margin-top:25px;background-color:#dfdfdf;overflow:hidden;transform:translate(-50px);}
#modal_employees .modal__footer button{display:block;float:left;width:50%;height:100%;font-size:17px;text-align:center;line-height:50px;background-color:#dfdfdf;box-sizing:border-box;}
#modal_employees .modal__footer .btn-modal-close{float:right;position:static;top:0;right:auto;background:none;border-left:1px solid #fff;}
#modal_employees .modal__footer .btn-modal-close span{position:static;top:auto;left:auto;height:50px;margin:0;line-height:50px;text-indent:0;background:none;}