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

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

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

/* 탭 */
.event__cj--food .top_tab_wrap{position:relative;}
.event__cj--food .top_tab_wrap .compactFixed {left: 0 !important;right: 0;}
.event__cj--food .top_tab_wrap .nav {position: relative; width:1280px; margin: 0 auto; text-align:center;}
.event__cj--food .top_tab_wrap .nav ul {display: flex; align-items: center; justify-content: center; position: relative;width: 1280px; margin: 0 auto;box-sizing: border-box; height:100%;}
.event__cj--food .top_tab_wrap .nav ul:after {content:"";display:block;clear:both;}

.event__cj--food .top_tab_wrap ul li {position:relative; text-align:center; width: auto; background-size:cover; background-repeat: no-repeat;height:100%; background-position:0 0;}
.event__cj--food .top_tab_wrap ul li a {display:flex; align-items: center; justify-content: center; height:100%;}
.event__cj--food .top_tab_wrap.nav-hide .nav{display:none;}

.event__cj--food .top_tab_wrap .col2 ul li {width:50%;}
.event__cj--food .top_tab_wrap .col3 ul li {width:33.3333%;}
.event__cj--food .top_tab_wrap .col3 ul li:first-of-type {width:33.3334%;}
.event__cj--food .top_tab_wrap .col4 ul li {width:25%;}


/* 탭 이미지 형태 */
.event__cj--food .top_tab_wrap ul li {position: relative;text-align:center; height:58px;}

/* 탭 디폴트 */
.event__cj--food .top_tab_wrap[data-type="text"] {margin: 0; background:#004C2A; height:62px;}
.event__cj--food .top_tab_wrap[data-type="text"] .nav {background-color:#004C2A; height:62px;}
.event__cj--food .top_tab_wrap[data-type="text"] ul {}
.event__cj--food .top_tab_wrap[data-type="text"] ul li {height: 100%; width: auto;}
.event__cj--food .top_tab_wrap[data-type="text"] ul li a {font-size:20px; color:#fff; opacity: .8;  background:none; padding:0 40px;}

/* 활성화 */
.event__cj--food .top_tab_wrap[data-type="text"] ul li.active a,
.event__cj--food .top_tab_wrap[data-type="text"] ul li:hover a {opacity: 1; font-weight:bold;}
.event__cj--food .top_tab_wrap.fixed .sticky{position: fixed; top:70px; z-index: 10; left: 50%; transform: translateX(-50%);}

/* 알아두세요 */
/* 유의사항 */
.evt_notice {padding-bottom: 0;margin: 0;}
.evt_notice_accordion {display: block; padding-top:40px; padding-bottom:20px; margin: 0px auto 20px;text-align: left;border: 0;width: 480px;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: #333;border-bottom: 2px solid #3f3f3f;}
.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 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; padding: 0 0 0 10px;}
.evt_notice_accordion li div ul li {position: relative;font-size: 16px;color: #666;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;}

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

/* 애니메이션 */
.event__cj--food .ani-icon {
    width: 165px; height:174px; z-index: 1; position: absolute; top:50px; left:295px;
    animation: updown__motion 0.8s
    linear 0s
    infinite alternate;
}
.event__cj--food .top_tab_wrap.fixed .sticky{position: fixed; top:70px; z-index: 10;  left: 50%; transform: translateX(-50%);}

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

/* 수정 */
.event__cj--food .img__title--wrap {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.event__cj--food #move2 {padding:48px 0 40px; background: #FECB4B;}
.event__cj--food #move2 .img__title--wrap .item {width:415px;}
.event__cj--food .coupon__item {position: relative; width: 480px; height: 214px; margin: 24px auto; background: url(/cjom/event/25_11_event/food_rank/images/img_coupon_pc.png) no-repeat 0 0; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; text-align: left; justify-content: center; box-sizing: border-box; padding-left: 32px;}
.event__cj--food .coupon__item::after {display: block; width: 76px; height: 102px; position: absolute; right: -92px;  background: url(/cjom/event/25_11_event/food_rank/images/ico_arrow.png) no-repeat 0 0; background-size: 100% auto; content:""; top: 34px;}
.event__cj--food .coupon__item .coupon__title {color: #111; font-size: 48px; font-weight: bold; line-height: 130%;}
.event__cj--food .coupon__item .coupon__guide--text {color: #666; font-size: 24px; line-height: 130%; margin-top:12px;}
.event__cj--food .coupon__wrap {display: flex; justify-content: center;flex-direction: column; align-items: center;}
.event__cj--food .coupon__wrap .btn_coupon {width:480px; align-items: center;}
.event__cj--food .coupon__wrap .guide__text {margin-top:15px; color: rgba(0, 0, 0, 0.60); text-align: center; font-size: 20px; line-height: 130%; letter-spacing: -1px;}
.event__cj--food #move3 {padding:56px 0 80px; background-color: #004C2A;}
.event__cj--food #move3 .img__title--wrap .item1 {width:288px}
.event__cj--food #move3 .img__title--wrap .item2 {width:421px; margin-top:16px;}

.event__cj--food .rank__item--wrap {position: relative; margin-top:90px; display: flex; align-items: flex-end; justify-content: center;}
.event__cj--food .rank__item--wrap .rank__item {position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; box-sizing: border-box;}
.event__cj--food .rank__item--wrap .item__img {position: relative; display: flex; align-items: center; justify-content: center; width: 170px; height: 170px; border-radius:50%; background: #fff; box-sizing: border-box;}
.event__cj--food .rank__item--wrap .item__img:before {position: absolute; left:50%; transform:translateX(-50%); content: ""; background-position: 50% 50%; background-repeat:no-repeat; background-size: 100% auto;}
.event__cj--food .rank__item + .rank__item {margin-left:40px;}
.event__cj--food .rank__item .item__img img {width: 98px;}
.event__cj--food .rank__item .rank__detail {margin-top:14px;}
.event__cj--food .rank__item .rank__detail .item__product {color: #FFF;font-size: 26px; font-weight: bold; line-height: 130%;}
.event__cj--food .rank__item .rank__detail .item__product em {color:#FFBD3B; margin-right:8px;}
.event__cj--food .rank__item .rank__detail .item__rank--total {color: rgba(255, 255, 255, 0.70); font-size: 30px; line-height: 130%; text-align: center;}

.event__cj--food .rank__item.rank1 .item__img {width: 236px; height: 236px; border:4px solid#FFBD3B;}
.event__cj--food .rank__item.rank1 .item__img img {width:143px;}
/* .event__cj--food .rank__item.rank2 {position: absolute; bottom: 0; left: 23%;}
.event__cj--food .rank__item.rank3 {position: absolute; bottom: 0; right: 23%;} */
.event__cj--food .rank__item.rank2 .item__img {border:4px solid #C7C8C7;}
.event__cj--food .rank__item.rank3 .item__img {border:4px solid #C69867;}
.event__cj--food .rank__item.rank1 .item__img::before {background-image:url(/cjom/event/25_11_event/food_rank/images/bg_rank1.png); width:248px; height:135px; top:-90px;}
.event__cj--food .rank__item.rank2 .item__img::before {background-image:url(/cjom/event/25_11_event/food_rank/images/bg_rank2.png); width: 90px; height: 80px; top: -69px; margin-left: -6px;}
.event__cj--food .rank__item.rank3 .item__img::before {background-image:url(/cjom/event/25_11_event/food_rank/images/bg_rank3.png); width: 86px; height: 72px; top: -59px; margin-left: -8px;}

.event__cj--food .rank__list--wrap {width:970px; margin:24px auto 0;}
.event__cj--food .rank__list--wrap .rank__item--title {color: #FFF; text-align: center; font-size: 38px; font-weight: bold; line-height: 130%;}
.event__cj--food .rank__item--list {margin-top:22px; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 24px; row-gap: 24px;}
.event__cj--food .rank__item--list .item {position: relative; width:473px; height:263px; background: #fff;}
.event__cj--food .rank__item--list .item .img__item {position: absolute; width:201px; height:201px; top:50%; transform: translateY(-50%); left:26px; border-radius:50%; overflow: hidden;}
.event__cj--food .rank__item--list .item::after {width: 40px; height: 40px; background: #000; display: flex; align-items: center; justify-content: center;flex-shrink: 0; content: attr(data-item); color: #FFF; font-size: 30px;line-height: 100%; position: absolute; top:0; left: 0; z-index:1;}

.event__cj--food .rank__item--list .item .product__desc--wrap {position: absolute; top: 50%; transform: translateY(-50%); text-align: left; left: 250px; padding-left:12px;}
.event__cj--food .rank__item--list .item .product__title {font-size: 36px; font-weight: bold; line-height: 130%;}
.event__cj--food .rank__item--list .item .product__desc {color: #000; margin-top:4px; font-size: 21px; line-height: 130%;}
.event__cj--food .rank__item--list .btn__vote {display: flex; width: 180px; height: 48px; justify-content: center; align-items: center; flex-shrink: 0; margin-left:-12px; color: #000; font-size: 18px; line-height: 100%; letter-spacing: -0.75px; border-radius: 6px; border: 1.5px solid rgba(102, 101, 101, 0.97); background: #FFF; margin-top:11px;}
.event__cj--food .rank__item--list .btn__vote.is-active {border-color:#1BA774; background: #F2FFFA;}


.event__cj--food .rank__item--list .item[data-item="1"] .product__title {color: #F16939;}
.event__cj--food .rank__item--list .item[data-item="2"] .product__title {color: #D60202;}
.event__cj--food .rank__item--list .item[data-item="3"] .product__title {color: #793A24;}
.event__cj--food .rank__item--list .item[data-item="4"] .product__title {color: #65B956;}
.event__cj--food .rank__item--list .item[data-item="5"] .product__title {color: #B26F28;}
.event__cj--food .rank__item--list .item[data-item="6"] .product__title {color: #EF5C73; font-size:31.5px;}
.event__cj--food .rank__item--list .item[data-item="7"] .product__title {color: #B05DBD;}
.event__cj--food .rank__item--list .item[data-item="8"] .product__title {color: #F9A61A;}
.event__cj--food .rank__item--list .item[data-item="9"] .product__title {color: #BC2C2B;}
.event__cj--food .rank__item--list .item[data-item="10"] .product__title {color: #D57324;}


.event__cj--food .evt_notice_accordion li div ul li {color: rgba(88, 88, 88, 0.70);}
.event__cj--food .evt_notice_accordion li div ul li .bold {color: rgba(0, 0, 0, 0.70);}
.event__cj--food .evt_notice_accordion [data-accordion] {pointer-events: none;}