/*공통*/
#wrap {overflow:hidden}
/*
.event__battle--wrap  {margin:0 -15px;}
*/
.event__battle--wrap  .section__title {text-align:center;line-height:1.2;}
.event__battle--wrap  .section__title > p {display:block;margin-bottom:8px;font-size:15px;font-weight:500;}
.event__battle--wrap  .section__title > h3 {font-size:20px;color:#111;font-weight:bold;}

.event__battle--wrap  .event-cont {position:relative;}
.event__battle--wrap  .coupon__wrap {position:relative;width:240px;margin:0 auto;}
.event__battle--wrap  .coupon__wrap .coupon__box {position:relative;height:90px;border:1px solid #1ba774;background:#1ba774;overflow:hidden;}
.event__battle--wrap  .coupon__wrap .coupon__box:after {content:'';position:absolute;top:50%;left:0;width:200px;height:185px;background:#fff;border-radius:100%;transform:translateY(-50%);}
.event__battle--wrap  .coupon__wrap .coupon__box .coupon__inner {position:relative;height:100%;padding:11px 0 0 18px;margin-right:62px;background:#fff;line-height:1.3;box-sizing:border-box;z-index:1;}
.event__battle--wrap  .coupon__wrap .coupon__box strong {display:block;font-size:22px;color:#111;font-weight:bold;white-space:nowrap;/* letter-spacing:-1px; */}
.event__battle--wrap  .coupon__wrap .coupon__box span {display:block;margin-top:6px;font-size:12px;color:#666;}
.event__battle--wrap  .coupon__wrap .coupon__box em {color: #000; display:inline-block; margin-bottom:2px;}
.event__battle--wrap  .coupon__wrap .coupon__box + .coupon__box {margin-top:8px;}

.event__battle--wrap  .coupon__wrap.complete .coupon__box {border-color:#ccc;background-color:#cccc;}
.event__battle--wrap  .coupon__wrap.complete .coupon__box strong, 
.event__battle--wrap  .coupon__wrap.complete .coupon__box span {color:#ccc;}

.event__battle--wrap  .event-cont .btn__download {display:block;width:240px;height:44px;margin:0 auto;border-radius:4px;background:#111;}
.event__battle--wrap  .event-cont .btn__download > span {display:inline-block;padding-right:20px;font-size:16px;color:#fff;font-weight:bold;line-height:44px;background:url(/cjom/event/25_09_event/open_runday/images/ico_download_mo.svg) no-repeat 100% 50%;background-size:12px auto;}

.event__battle--wrap  .date__text {color: #B7B2B2; font-size: 13px; line-height: 140%; letter-spacing: 1px; position: absolute; top: 17px; right: 16px;}
.event__battle--wrap  .date__text em{color: #FFF; text-align: right; font-size: 20px; font-weight: 500; line-height: 140%;}
.event__battle--wrap  .video__cont {font-size: 0; background: #01041C;}
.event__battle--wrap  .video__cont iframe,
.event__battle--wrap  .video__cont video {width:100%; object-fit: cover; position: relative;}

.event__battle--wrap  .event-cont .btn__download:disabled,
.event__battle--wrap  .event-cont .btn__download.complete {background:#ccc;}
.event__battle--wrap  .event-cont .btn__download:disabled > span,
.event__battle--wrap  .event-cont .btn__download.complete > span {padding:0;background:transparent;}

.event__battle--wrap  .event-cont .event__notice--list {margin:20px 20px 0;}
.event__battle--wrap  .event-cont .event__notice--list > li {position:relative;padding-left:16px;font-size:13px;color:#504F4F;line-height:1.3;}
.event__battle--wrap  .event-cont .event__notice--list > li:before {content:'';position:absolute;top:6px;left:6px;width:2px;height:2px;background:#504F4F;border-radius:100%;}

.event__battle--wrap  .coupon__list {display:flex;justify-content:center;gap:0 9px;margin:16px;text-align:center;}
.event__battle--wrap  .coupon__list > li {flex:1; }
/* .event__battle--wrap  .coupon__list .coupon__until {margin-top:6px;font-size:10px;line-height:1.3;color:#999;} */
.event__battle--wrap  .coupon__box {overflow:hidden;display:inline-block;position:relative;width:100%;border-radius:8px;background:#1ba774;border:1px solid #1ba774;box-sizing:border-box;}
.event__battle--wrap  .coupon__box::after {content:'';position:absolute; left:50%;width:330px;height:330px;background:#fff; left: -10px; content: ''; position: absolute; top: 50%; right: -40px; width: 140px; height: 140px; border-radius: 100%; transform: translateY(-50%);}

.event__battle--wrap  .coupon__box .inner__cont {position:relative;width:100%;padding:9px 0 42px 10px;font-size:12px;color:#666;text-align:left;line-height:1.3;box-sizing:border-box;z-index:1; height:72px;;} 
.event__battle--wrap  .coupon__box .inner__cont span {display:block;margin-top:1px;font-size:11px;}
.event__battle--wrap  .coupon__box .inner__cont .coupon__title {font-size:20px;color:#000;font-weight:bold;line-height:1;}
.event__battle--wrap  .coupon__box .inner__cont .coupon__title strong {font-size:20px;vertical-align:bottom;}
.event__battle--wrap  .coupon__box .inner__cont .coupon__title span {display:block;margin-top:6px; font-size: 9px; color: #000; line-height: 100%; font-weight: bold; margin: 8px 0 4px;}
.event__battle--wrap  .coupon__box button {position:absolute;bottom:-1px;left:0;width:100%;height:32px;background:#1ba774;text-align:center;color:#fff;font-size:13px;font-weight:bold;box-sizing:border-box;border-radius:0 0 8px 8px;}
.event__battle--wrap  .coupon__box.complete {background:#ccc;border-color:#ccc;}
.event__battle--wrap  .coupon__box.complete button {background:#ccc;}
.event__battle--wrap  .coupon__box.complete button:disabled {cursor:default;}

/* 추가 */
.event__battle--wrap .hidden {display:none;}
.event__battle--wrap .top_tab_wrap {position:relative;background-color:#fff;}
.event__battle--wrap .top_tab_wrap>div {position:absolute;top:0;left:0;width:100%;}

.event__battle--wrap .top_tab_wrap.fixed>div {position:fixed !important;top:50px;width:100%;z-index:100;}
.event__battle--wrap .is-fixed {left: 0 !important;right: 0;top:120px !important;}
.event__battle--wrap .top_tab_wrap .nav {position: relative;margin: 0 auto;box-sizing:border-box;}

.event__battle--wrap .top_tab_wrap ul li {position: relative;text-align:center;float:left; height:100%;}
/*
.event__battle--wrap .top_tab_wrap ul li:nth-child(1) {padding-right:24px;}
.event__battle--wrap .top_tab_wrap ul li:nth-child(2) {padding-left:25px;}
*/
.event__battle--wrap .top_tab_wrap ul li:before {width: 1px;
height: 22px; position:absolute; left:0; top:50%; transform: translateY(-50%); content: ""; background:rgba(0, 0, 0, 0.40);;}
.event__battle--wrap .top_tab_wrap ul li:nth-child(1):before {display:none;}
.event__battle--wrap .top_tab_wrap.fixed  li:nth-child(1)::after{display: none;}
.event__battle--wrap .top_tab_wrap li:nth-child(1)::after {content: ''; position: absolute; top: -14px; left: 50%; transform: translateX(-45%); width: 130px; height: 31px; background: url(/cjom/event/25_12_event/cooking_battle/images/ico_tab_label.png) no-repeat 0 0; background-size: cover; z-index: 1;}

.event__battle--wrap .top_tab_wrap ul li a {position:relative;display:block;width:100%; height:100%; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; background-size:contain !important; z-index:1;}
.event__battle--wrap .top_tab_wrap.nav-hide .nav{display:none;}

/* 텍스트 적용 */
.event__battle--wrap .top_tab_wrap[data-type="text"] {background:#fff; height:52px;}
.event__battle--wrap .top_tab_wrap[data-type="text"] .nav {background-color:#fff; height:52px;}
.event__battle--wrap .top_tab_wrap[data-type="text"] .tab__bg {display: none;}
.event__battle--wrap .top_tab_wrap[data-type="text"] ul {height: 100%; text-align: center; font-size:0;}
.event__battle--wrap .top_tab_wrap[data-type="text"] ul li {display:inline-block; float:none; width: 50%; box-sizing: border-box;}
.event__battle--wrap .top_tab_wrap[data-type="text"] ul li a {background: none;  font-size: 16px; color: rgba(0, 0, 0, 0.60); display: flex; align-items: center; justify-content: center;}
.event__battle--wrap .top_tab_wrap[data-type="text"] ul li.active a {color:#000; font-weight: bold;}
.event__battle--wrap .top_tab_wrap[data-type="text"] > div {position: relative;}


/* 알아두세요 */
.event__battle--wrap .evt__notice--wrap{background-color: inherit;}
.event__battle--wrap .evt__notice--wrap .evt__accordion{padding:25px 20px;text-align:center; background: #fff;}
.event__battle--wrap .evt__notice--wrap .evt__accordion a,
.event__battle--wrap .evt__notice--wrap .evt__accordion button{display:inline-block; position: relative;}
.event__battle--wrap .evt__notice--wrap .evt__accordion a>span,
.event__battle--wrap .evt__notice--wrap .evt__accordion button>span{display:inline-block;position:relative;font-size:15px;color:#333;border-bottom:1px solid #333;line-height:18px;}
.event__battle--wrap .evt__notice--wrap .evt__accordion a>span:before,
.event__battle--wrap .evt__notice--wrap .evt__accordion button>span:before{content:'';position:absolute;top:50%;left:-20px;width:16px;height:16px;background:url(https://www.cjthemarket.com/cjom/design/event/2023/10/img_icon_info_mo2.png) no-repeat 0 0;background-size:cover;transform:translateY(-50%);}
.event__battle--wrap .evt__notice--wrap .evt__accordion a>span:after,
.event__battle--wrap .evt__notice--wrap .evt__accordion button>span:after{content:'';position:absolute;top:50%;right:-17px;width:13px;height:7px;background:url(https://www.cjthemarket.com/cjom/design/event/2023/10/ico_arrow_mo2.png) no-repeat 0 0;background-size:cover;transform:translateY(-50%); transition: transform .3s;}
.event__battle--wrap .evt__notice--wrap .evt__accordion .is-active a>span:after,
.event__battle--wrap .evt__notice--wrap .evt__accordion .is-active button>span:after{transform:rotate(180deg) translateY(50%);}
.event__battle--wrap .evt__notice--wrap .evt__accordion .notice-list{padding:20px 5px 0;text-align:left;}
.event__battle--wrap .evt__notice--wrap .evt__accordion .notice-list>li{position:relative;padding-left:8px;font-size:13px;color:rgba(88, 88, 88, 0.70);;line-height:20px;}
.event__battle--wrap .evt__notice--wrap .evt__accordion .notice-list>li.none {padding-left:0;}
.event__battle--wrap .evt__notice--wrap .evt__accordion .notice-list>li.none:before {display:none;}
.event__battle--wrap .evt__notice--wrap .evt__accordion .notice-list>li+li{margin-top:6px;}
.event__battle--wrap .evt__notice--wrap .evt__accordion .notice-list>li:before{content:'';position:absolute;top:0;left:0;width:3px;height:3px;border-radius:50%;background-color:rgba(88, 88, 88, 0.70);transform:translateY(8px);}
.event__battle--wrap .evt__notice--wrap .evt__accordion .notice-list .minus:before{content:'';position:absolute;top:1px;left:0;width:4px;height:1px;border-radius:0 !important;background-color:#333;transform:translateY(8px);}

/* 하얀색 */
.event__battle--wrap .evt__notice--wrap.white .evt__accordion button>span:before {background: url(https://www.cjthemarket.com/design/cjom/event/2024/06/ico_mark_white.png) no-repeat center center;background-size: contain;}
.event__battle--wrap .evt__notice--wrap.white .evt__accordion button>span{color:#f3f3f3;border-bottom:1px solid #f3f3f3;}
.event__battle--wrap .evt__notice--wrap.white .evt__accordion .notice-list>li:before {background-color: #f3f3f3;}
.event__battle--wrap .evt__notice--wrap.white .evt__accordion li div ul li {color: #f3f3f3;}
.event__battle--wrap .evt__notice--wrap.white .evt__accordion a>span:after,
.event__battle--wrap .evt__notice--wrap.white .evt__accordion button>span:after {background:url(https://www.cjthemarket.com/design/cjom/event/2024/06/ico_arrow_white.png) no-repeat center center;background-size: 14px;}
.event__battle--wrap .evt__notice--wrap.white .evt__accordion li div dd {color: #f3f3f3;}
.event__battle--wrap .event-cont.tab__cont{background: #C4EA38;} 
.event__battle--wrap .tab__content--wrap {}
.event__battle--wrap .tab__content--wrap .btn__tab--wrap {display: flex; align-items: center; justify-content: center;}
.event__battle--wrap .tab__content--wrap .btn__tab--wrap button {display: flex; height:40px; justify-content: center; align-items: center; border-radius: 100px;
background: rgba(1, 92, 59, 0.20); color: rgba(1, 92, 59, 0.70); text-align: center; font-size: 15px; font-weight: bold; line-height: 100%; letter-spacing: -0.3px; box-sizing: border-box; width:132px;}
.event__battle--wrap .tab__content--wrap .btn__tab--wrap button.is-active {color: #FFF; background: #015C3B;}
.event__battle--wrap .tab__content--wrap .btn__tab--wrap button + button {margin-left:8px;}
.event__battle--wrap .tab__content--wrap .tab__cont--view {margin-top:13px; padding: 0 20px 40px 20px;}
.event__battle--wrap .tab__content--wrap .tab__cont--view > div {display:none;}
.event__battle--wrap .tab__content--wrap .tab__cont--view > div.is-active {display:block;}
.event__battle--wrap .event-cont.gift:before {display: block; position: absolute; margin-top: -20px; z-index: 1; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; content: ""; background: url(/cjom/event/25_12_event/cooking_battle/images/ico_circle.png) no-repeat 50% 50%; background-size: cover;}


.event__battle--wrap .event-cont.gift {background:#FFF3C0; padding-bottom: 40px;}
.event__battle--wrap .event-cont.gift .notice__wrap {margin:0 auto; padding:0 24px;}
.event__battle--wrap .event-cont.gift .notice__wrap dl {border-bottom:1px solid #111;}
.event__battle--wrap .event-cont.gift .notice__wrap dt {position: relative;}
.event__battle--wrap .event-cont.gift .notice__wrap dt button {text-align: left; color: #111; font-size: 14px; line-height: 100%; padding: 12px 0; box-sizing: border-box; width:100%;}
.event__battle--wrap .event-cont.gift .notice__wrap dt button:after {display: block; position: absolute; top:50%; right:6px; margin-top:-3.5px; width:12px; height:7px; content:"";  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M11 1L6 6L1 1' stroke='%23111111'/%3E%3C/svg%3E") no-repeat 50% 50%; background-size: 12px 7px; transition: all 0.4s;}
.event__battle--wrap .event-cont.gift .notice__wrap .is-active dt button:after {transform: rotate(180deg);}
.event__battle--wrap .event-cont.gift .notice__wrap dd {display:none; padding-bottom:18px;}
.event__battle--wrap .event-cont.gift .notice__wrap .notice__text {color: rgba(17, 17, 17, 0.80); font-size: 14px; line-height: 150%; letter-spacing: -0.14px; text-align: left; word-break: keep-all;}
.event__battle--wrap .event-cont.gift .list__text .notice__text {position: relative; padding-left: 15px; margin-left: 10px;}
.event__battle--wrap .event-cont.gift .list__text .notice__text:after {display: block; position: absolute; background:rgba(17, 17, 17, 0.80); border-radius:50%; content: ""; width: 5px; height:5px; left:0; top:50%; transform: translateY(-50%);}
.event__battle--wrap .event-cont.gift .notice__wrap .is-active dd {display:block;}
.event__battle--wrap .event-cont.gift .notice__wrap .img {width:100%;  margin-bottom:11px;}
.event__battle--wrap .event-cont.gift .notice__wrap .img.ico {width:102px; margin:16px 0 8px;}


.event__battle--wrap .event-cont.join {background: #015C3B; padding-bottom:40px;}
.event__battle--wrap .event-cont.join .btn__wrap {margin:24px auto 0; padding:0 20px; text-align: center;}
.event__battle--wrap .event-cont.join .btn__wrap .btn + .btn {margin-top:8px;}

.event__battle--wrap .event-cont.join .checkbox__select--wrap {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.event__battle--wrap .event-cont.join .checkbox__select {background: #004A2F; box-sizing: border-box; border: 1.5px solid #004A2F;}
.event__battle--wrap .event-cont.join .checkbox__select label {position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 12px 0 12px 24px; width: 300px; box-sizing: border-box;}
.event__battle--wrap .event-cont.join .checkbox__select label::before {border-radius: 50%; width:18px; height:18px; border: 1px solid rgba(255, 255, 255, 0.60); background: #004A2F; content: ""; display:inline-block;}
.event__battle--wrap .event-cont.join .checkbox__select label input[type="checkbox"] {display: none;}
.event__battle--wrap .event-cont.join .checkbox__select label input[type="radio"] {display: none;}
.event__battle--wrap .event-cont.join .checkbox__select + .checkbox__select {margin-top:6px;}
.event__battle--wrap .event-cont.join .checkbox__select.is-active {border: 1.5px solid #C4EA38; background: rgba(196, 234, 56, 0.10);}
.event__battle--wrap .event-cont.join .checkbox__text {color: #FFF; font-size: 14px; line-height: 100%; letter-spacing: -0.18px; opacity: 0.6; margin-left:10px;}
.event__battle--wrap .event-cont.join .checkbox__text.count {font-weight: bold;}
.event__battle--wrap .event-cont.join .checkbox__select .checkbox__text {font-size:14px; opacity: 0.6;}
.event__battle--wrap .event-cont.join .checkbox__select .checkbox__text.count {font-weight: bold;}
.event__battle--wrap .event-cont.join .checkbox__select.is-active .checkbox__text {opacity:1;}

.event__battle--wrap .event-cont.join .input-radio {width:26px; height:26px; border: 1.5px solid rgba(255, 255, 255, 0.60); margin:0;}
.event__battle--wrap .event-cont.join .checkbox__select.is-active label::before {border-color:#C4EA38; background: rgba(196, 234, 56, 0.10);}
.event__battle--wrap .event-cont.join .checkbox__select.is-active label::after {width:12px; height:12px; background:#C4EA38; border-radius: 50%;  content: ""; display:inline-block; position: absolute; top:50%; transform: translateY(-50%); left:28px}
.event__battle--wrap .event-cont.join .radio__text {color: #FFF; font-size: 14px; line-height: 100%; letter-spacing: -0.18px; opacity: 0.6; margin-left:10px;}
.event__battle--wrap .event-cont.join .radio__text.count {font-weight: bold;}
.event__battle--wrap .event-cont.join .is-active .radio__text {color: #FFF; opacity: 1;}

.event__battle--wrap .event-cont.review {background: #EAEAEA; padding-bottom:48px;}
.event__battle--wrap .form-element__inner,
.review__event--list .form-element__inner {margin: 20px 20px 0 20px; position: relative; height: 110px; border: 1px solid #ccc; border-radius: 4px; background: #fff;}
.review__event--list .btn__view--review {text-align: center;}

.event__battle--wrap .form-element__inner .form-element__textarea,
form-element
.review__event--list .form-element__inner .form-element__textarea {border-radius: 4px; overflow: hidden; border: none; height: 80px;}

.event__battle--wrap .form-element__inner .form-element__count,
.review__event--list .form-element__inner .form-element__count {position: absolute; right: 16px; bottom: 16px; margin: 0; line-height: 100%;}
.event__battle--wrap .event-cont.review .btn__wrap,
.review__event--list .event-cont.review .btn__wrap {padding:0 20px; margin-top:16px; text-align: center;}

.review__group {padding:32px 20px 0; background: #fff;}
.review__group .review__title--wrap {display: flex; align-items: center; justify-content: space-between;}
.review__group .review__list {margin-top:16px;}
.review__group .review__list > li {position: relative; padding:16px 0; border-top:1px solid #ECECEC;}

.review__event--list .none-display {margin-top:16px; border-bottom:1px solid #ECECEC;}
.review__event--list .comment-list__info--modi [class*=comment__btn],
.review__event--list .comment-list__info--user {color:#aaa;}
.review__event--list .comment-list__date:before {width:2px; height:2px; border-radius: 50%; background:#aaa;}
.review__event--list .review__list .form-element__inner {margin:0;}

/* 
.review__event--list .review__modify--view {display: none;}
.review__list .is-active .comment {display:none;}
.review__list .is-active .review__modify--view {display:block;} 
*/


.review__event--list .comment-list__edit .btn-area, 
.review__modify--view .btn-area {margin-top:16px; display: flex; align-items: center; justify-content: center;}
.review__event--list .comment-list__edit .btn-area button,
.review__modify--view .btn-area button {display: flex; width: 80px; height: 32px; justify-content: center; align-items: center; font-size: 13px; box-sizing: border-box; border-radius: 4px;}
.review__event--list .comment-list__edit .btn-area button:first-of-type,
.review__modify--view .btn-area button:first-of-type {color: #333; border: 1px solid #DDD; background: #FFF;}
.review__event--list .comment-list__edit .btn-area button:nth-of-type(2),
.review__modify--view .btn-area button:nth-of-type(2) {background: #111; color: #FFF;}
.review__event--list .comment-list__edit .btn-area button + button,
.review__modify--view .btn-area button + button {margin-left:8px}

/* 모달 */



/* 체크박스 수정 */
.event__battle--wrap .event-cont.join .input-checkbox {position: relative; background: #004A2F; box-sizing: border-box; border: 1.5px solid #fff; border-radius: 50%;}
.event__battle--wrap .event-cont.join .input-checkbox.active {border: 1.5px solid #C4EA38; background: rgba(196, 234, 56, 0.10);}
.event__battle--wrap .event-cont.join .input-checkbox:after {background: none;}
.event__battle--wrap .event-cont.join .input-checkbox.active:after {position: absolute; top: 50%; left: 50%; width:17px; height:17px; background: #C4EA38; border-radius:50%; transform: translate(-50%, -50%);}

/* 리뷰 댓글 수정 */
.review__event--list .product__state {padding: 0; height: auto;}
.review__event--list .comment-list > li {padding:16px 0;}
.review__event--list .comment-list__edit {background: #fff; border-top:0;     position: relative;}
.review__event--list .comment-box .form-element {margin-top:0; height: 110px; border: 1px solid #ccc; border-radius: 4px;}
.review__event--list .comment-box .form-element__textarea {overflow: hidden; border: none; height: 80px;}
.review__event--list .comment-box .form-element__count {position: absolute; right: 16px; bottom: 16px; margin-top: 0;}

.modal__review--view .review__group {padding: 24px 20px 0px;}
.modal__review--view .modal__contents {border-top-width: 1px;}
.modal__review--view .modal__contents .form-element__textarea {border:0;}
.review__event--list .component-sorting {padding-bottom: 16px;}
.review__event--list .component-sorting .product__state-text-color,
.review__event--list .product__state-text {color:#222; font-weight: normal; font-size: 14px;
}
.review__event--list .link-right-arrow {font-size:14px; color:#222; padding-right:0; background: none;}

.event__battle--wrap .forbidden-word {margin:-3px 20px 0 20px;}
.review__event--list .forbidden-word {margin:-3px 0px 0 0px;}
.event__battle--wrap .forbidden-word,
.modal__review--view .forbidden-word {position: relative; border-radius: 0 0 4px 4px; z-index: 2; border-color: #F4E0E4; box-sizing: border-box; background: #FEF4F6;}
.event__battle--wrap .forbidden-word .forbidden-word-tit,
.modal__review--view .forbidden-word .forbidden-word-tit {color:#E72A50; padding-left:20px; line-height: 100%;}
.event__battle--wrap .forbidden-word .forbidden-word-desc,
.modal__review--view .forbidden-word .forbidden-word-desc {font-size:12px; margin-top:7px; color:#666;}
.event__battle--wrap .forbidden-word .forbidden-word-tit:after,
.modal__review--view .forbidden-word .forbidden-word-tit:after {width:15px; height:15px; top:50%; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_24265_414)'%3E%3Cpath d='M7.5 14.5C11.366 14.5 14.5 11.366 14.5 7.5C14.5 3.63401 11.366 0.5 7.5 0.5C3.63401 0.5 0.5 3.63401 0.5 7.5C0.5 11.366 3.63401 14.5 7.5 14.5Z' stroke='%23E72A50'/%3E%3Cpath d='M6.7002 4H8.2002V8H6.7002V4ZM6.7002 9H8.2002V11H6.7002V9Z' fill='%23E72A50'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_24265_414'%3E%3Crect width='15' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 0 0;}
.event__battle--wrap .forbidden-word .forbidden-word-desc .emp,
.modal__review--view .forbidden-word .forbidden-word-desc .emp {color:#E72A50}
.event__battle--wrap .forbidden-word:after,
.modal__review--view .forbidden-word:after {position: absolute; display:block; width:12px; height:7px; content: ""; background:url(/cjom/event/25_12_event/cooking_battle/images/ico_arrow.png) no-repeat 0 0; background-size: 100% auto; top: -7px; left: 8px;}
.modal__review--view .forbidden-word.hide {display: none;}

 /* 임시 버튼 */
.temp__btn--wrap {position: fixed; background: rgba(0, 0, 0, 0.6); z-index: 4; top: 30%; right:10px; transform: translateY(-50%); display: grid; grid-template-columns: repeat(2, 2fr); border: 1px solid #fff;}
.temp__btn--wrap  button {color: #fff; padding:3px 6px; border-bottom:1px solid #fff; font-size: 12px;}
.temp__btn--wrap  button:nth-child(odd){border-right:1px solid #fff; }

/********************************************
* 수정
********************************************/
/* 모달 */
.modal--mini.modal__card--select .modal__header-title {display: block; color: #000;text-align: center; font-size: 24px; font-weight: bold; line-height: 130%;}
.modal--mini.modal__card--select .modal__container {padding:30px 0; text-align: center;}
.modal--mini.modal__card--select .modal__header-title em {color: #0C8050;}
.modal--mini.modal__card--select .modal__container {width:90vw;}
.modal--mini.modal__card--select .card__cont {position: relative; text-align: center; margin-top:16px;}
.modal--mini.modal__card--select .card__cont img {width:145px;}
.modal--mini.modal__card--select .card__cont::before {position: absolute; top: -15px; left: 13%; content: ""; width:41px; height:52px; background:url(/cjom/event/25_12_event/cooking_battle/images/card_select_arrow.png) no-repeat 0 0; background-size: cover;}
.modal--mini.modal__card--select .guide__text {margin-top:7px; color: #606060; text-align: center; font-size: 15px; line-height: 130%;}
.modal--mini.modal__card--select .btn__confirm {margin-top:23px; width:80vw;}

.modal--mini.modal__app--only .modal__container {width: 85vw; padding: 44px 0;}
.modal--mini.modal__app--only .modal__title {color: #333; text-align: center; font-size: 24px; font-weight: bold; line-height: 130%;}
.modal--mini.modal__app--only .modal__title  strong {color: #EF151E; font-size: inherit; font-weight: inherit; line-height: inherit;}
.modal--mini.modal__app--only .thumb__text {color: #515151; font-size: 14px; line-height: 21px; margin-top:5px; text-align: center;}
.modal--mini.modal__app--only .btn__wrap {margin-top:20px; display: flex; align-items: center; justify-content: center;}
.modal--mini.modal__app--only .btn__wrap .btn__common {display: flex; width: 85px; height: 30px; justify-content: center; align-items: center; gap: 8px; flex-shrink: 0; box-sizing: border-box; background: #000; color: #fff; font-size: 11px; line-height: 100%;}
.modal--mini.modal__app--only .btn__wrap .btn__common.white {border: 1px solid #000; background: #FFF; color: #000;}
.modal--mini.modal__app--only .btn__wrap button + button {margin-left:16px;;}
/* //모달 */


.event__battle--wrap .event-cont.visual video {width:100%;}
.event__battle--wrap .battle__wrap {background: #fff; padding:16px;}
.event__battle--wrap .btn__alarm--wrap {display: flex; justify-content: space-between; padding: 8px 16px; background: #F4F4F4; align-items: center;}
.event__battle--wrap .btn__alarm--wrap .toggle__wrap {display: flex; align-items: center; gap: 10px;}
.event__battle--wrap .btn__alarm--wrap .toggle__text {color: #333; font-size: 12px; line-height: 169%; font-weight: bold;}
.event__battle--wrap .btn__alarm--wrap .thumb__text {color: #888; font-size: 10px; line-height: 169%;}
.event__battle--wrap .btn__alarm--wrap .switch {position: relative; display: inline-block; width: 48px; height: 24px;}
.event__battle--wrap .btn__alarm--wrap .switch input {display: none;}
.event__battle--wrap .btn__alarm--wrap .slider {position: absolute; cursor: pointer; background-color: #ccc; border-radius: 24px; top: 0; left: 0; right: 0; bottom: 0; transition: 0.3s;}
.event__battle--wrap .btn__alarm--wrap .slider:before {position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: #fff; border-radius: 50%; transition: 0.3s;}
.event__battle--wrap .btn__alarm--wrap input:checked + .slider {background-color: #4caf50;}
.event__battle--wrap .btn__alarm--wrap input:checked + .slider:before {transform: translateX(24px);}

.event__battle--wrap .battle__guide--wrap {position: relative; margin-top:8px;}
.event__battle--wrap .battle__guide--wrap .battle__info {display: flex; align-items: center; justify-content: center; border:1px solid #000; width: max-content; margin: auto;}
 .event__battle--wrap .battle__guide--wrap .battle__info strong,
.event__battle--wrap .battle__guide--wrap .battle__info span {display: inline-flex; align-items: center; justify-self: center; box-sizing: border-box; height:32px; padding:0 10px; width:auto;}
.event__battle--wrap .battle__guide--wrap .battle__info strong{color: #000; text-align: center; font-size: 16px; font-weight: bold; letter-spacing: -0.5px;}
.event__battle--wrap .battle__guide--wrap .battle__info span{color: #FFF; background: #000; text-align: center; font-size: 13px; letter-spacing: -0.065px; text-transform: uppercase;}
.event__battle--wrap .battle__guide--wrap .battle__title--wrap {margin-top:14px; text-align: center;}
.event__battle--wrap .battle__guide--wrap .battle__title {width:251px; margin: auto;}
.event__battle--wrap .battle__guide--wrap .time__guide{position: relative; color: #888; text-align: center; font-size: 15px; line-height: 130%; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; margin-top:8px;}
.event__battle--wrap .battle__guide--wrap .time__guide:before {position: relative; content: ""; height: 15px; width: 15px; margin-right: 2px; background:url(/cjom/event/25_12_event/cooking_battle/images/ico_time.png) no-repeat 0 0; background-size: 100% auto;}
.event__battle--wrap .battle__guide--wrap .time__guide em {margin-left:8px; color: #000;font-size: 15px; font-weight: bold; line-height: 130%; letter-spacing: -0.5px;}

/* 이전, 다음 버튼 */
.event__battle--wrap .event__btn--wrap .btn__event--common {width:58px; position: absolute; top:4px; height: auto;}
.event__battle--wrap .event__btn--wrap .btn__event--common.btn__prev {left:0px;}
.event__battle--wrap .event__btn--wrap .btn__event--common.btn__next {right:0px;}
.event__battle--wrap .event__btn--wrap .btn__event--common.btn__prev:after {display:block; position: absolute; content: ""; width: 75px; height: 27px; margin-right: 2px; background:url(/cjom/event/25_12_event/cooking_battle/images/ico_prev_view.png) no-repeat 0 0; background-size: 100% auto; top: -23px; left: -5px; z-index: 1;}

/* 배틀 영역 */
.event__battle--wrap .battle__content--wrap {margin:16px -8px 0;}
.event__battle--wrap .battle__content {display:none; border-radius: 8px; background: #EFEFEF; padding:30px 24px 36px; position: relative;}
.event__battle--wrap .battle__content.active {display:block;}

.event__battle--wrap .battle__content.default {padding:0; background: none; border-radius: 0;}
.event__battle--wrap .battle__content.join {padding:80px 0 115px; background: linear-gradient(344deg, #EFEFEF 13.56%, #000 89.17%);}
.event__battle--wrap .battle__content.join:before {position: absolute; content: ""; left:50%; top:27px; height:42px; width: 42px; transform: translateX(-50%);  background:url(/cjom/event/25_12_event/cooking_battle/images/ico_cont1_result1.png) no-repeat 0 0; background-size: 100% auto;}
.event__battle--wrap .join .battle__title {color: #FFF; text-align: center; font-size: 27px; font-weight: bold; line-height: 140%;}
.event__battle--wrap .join .total__box--wrap {position: relative; margin-top:7px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.event__battle--wrap .join .total__text {font-size: 16px; color: #FFF; }
 /* 그래프 */
/* 전체 그래프 wrapper */
.event__battle--wrap  .graph__wrap {margin-top:10px; padding:0 16px; position: relative; display: flex; width: 100%; height: 58px; box-sizing: border-box;}
.event__battle--wrap .graph__bar {position: relative; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: bold; box-sizing: border-box; height: 100%; transition: width 0.5s ease; white-space: nowrap; border: 1px solid #000; font-size:17px;}
.event__battle--wrap .graph__bar.left {background: #000; border-radius: 8px 0 0 8px; color:#fff; justify-content: flex-start; padding-left: 13px;}

.event__battle--wrap .graph__bar.right {background: #fff; color: #000; border-left: 1px solid #dcdcdc; border-radius:0 8px 8px 0; justify-content: flex-end; padding-right: 13px;}
.event__battle--wrap .graph__bar.left::after,
.event__battle--wrap .graph__bar.right::after {display: block; position: absolute; bottom:-18px; color: #000; font-size: 11px; line-height: 100%;}
.event__battle--wrap .graph__bar.left::after {content: "흑수저파"; left:2px;}
.event__battle--wrap .graph__bar.right::after {content: "백수저파"; right:2px;}
.event__battle--wrap .graph__wrap.ing .graph__bar.left,
.event__battle--wrap .graph__wrap.ing .graph__bar.right {width:50% !important;}
.event__battle--wrap .battle__content.join .default__text {color: #000; text-align: center; font-size: 18px; font-weight: bold;}
.event__battle--wrap .battle__content.join .winner__text {display: flex; align-items: center; justify-content: center; color: #000; font-size: 25px; font-weight: bold; line-height: 100%;}
.event__battle--wrap .battle__content.join .winner__text::before {display:inline-block; width:25px; height:25px; margin-right:2px; content: ""; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; background-image:url(/cjom/event/25_12_event/cooking_battle/images/ico_win.png);}
.event__battle--wrap .battle__content.join .winner__text.draw::before {background-image:url(/cjom/event/25_12_event/cooking_battle/images/ico_draw.png);}

.event__battle--wrap .result__wrap {position: absolute; left:0; right:0; width:100%; bottom:46px;}
.event__battle--wrap .join[data-win="draw"] .result__wrap,
.event__battle--wrap .join[data-win="black"] .result__wrap,
.event__battle--wrap .join[data-win="white"] .result__wrap {bottom:20px;}
.event__battle--wrap .result__wrap .winner__text--wrap,
.event__battle--wrap .join[data-win="draw"] .winner__text.white,
.event__battle--wrap .join[data-win="draw"] .winner__text.black,
.event__battle--wrap .join[data-win="black"] .winner__text.white,
.event__battle--wrap .join[data-win="black"] .winner__text.draw,
.event__battle--wrap .join[data-win="white"] .winner__text.black,
.event__battle--wrap .join[data-win="white"] .winner__text.draw,
.event__battle--wrap .join[data-win="draw"] .default__text,
.event__battle--wrap .join[data-win="black"] .default__text,
.event__battle--wrap .join[data-win="white"] .default__text {display:none;}
.event__battle--wrap .join[data-win="draw"] .winner__text--wrap,
.event__battle--wrap .join[data-win="black"] .winner__text--wrap,
.event__battle--wrap .join[data-win="white"] .winner__text--wrap {display: block;}

.event__battle--wrap .join[data-win="draw"] .winner__text--common {display:none;}
.event__battle--wrap .join[data-win="draw"] .winner__text--draw {display:block;}
.event__battle--wrap .join .winner__text--common {display: block; color: #000;
font-size: 13px; line-height: 100%; text-align: center;}
.event__battle--wrap .join .winner__text--common strong {display: block; color: #000; font-size: 16px; font-weight: bold; line-height: 100%; margin: 12px 0 -5px;}
.event__battle--wrap .join .winner__text--draw {display:none; color: #000;
font-size: 13px; line-height: 100%; text-align: center;}
.event__battle--wrap .join .winner__text--draw strong {display: block; color: #000; font-size: 13px; font-weight: bold; line-height: 100%; margin: 12px 0 -5px;}

.event__battle--wrap .battle__content .guide__text {color: #000;text-align: center; font-size: 13px; line-height: 100%; margin-top:8px;}
.event__battle--wrap .battle__content .guide__text em {color: #F00; font-size: 13px; font-weight: bold; line-height:100%;}
.event__battle--wrap .battle__content .btn__choice {display: flex; width: 100%; height: 44px; justify-content: center; align-items: center; border-radius: 4px; background: #F00; font-size:16px; font-weight: bold;}
/* .event__battle--wrap .battle__content .btn__choice.active {background: #C20808;} */

/* 선택 라디오 버튼 */
.event__battle--wrap .split__radio--wrap {display: flex; gap: 7px; margin-bottom: 8px; margin-top:26px;}
.event__battle--wrap .radio-box {position: relative; display: block;  cursor: pointer;}
.event__battle--wrap .radio-box input {display: none;}
.event__battle--wrap .radio-ui {position: relative; display: flex; height: 44px; align-items: center; justify-content: center; background: #F00; color: #fff; border-radius: 4px; font-size: 13px; text-align: center; box-sizing: border-box; font-weight: bold;}
.event__battle--wrap .radio-box::before {position: absolute; top: 14px; left: 14px; display:inline-block; content: ""; width:24px; height:24px; background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; background-image: url(/cjom/event/25_12_event/cooking_battle/images/ico_radio_default.png); z-index: 1;}
.event__battle--wrap .radio-box.active::before {background-image: url(/cjom/event/25_12_event/cooking_battle/images/ico_radio_check.png);}

.event__battle--wrap .radio-box.active::after {position: absolute; top: -1px; left: -1px; display: block; content: ""; width: calc(100% - 2px); height: calc(100% - 2px);  z-index:1; border-radius: 8px;
border: 2px solid #F00;}
.event__battle--wrap .btn__choice {width: 100%; padding: 18px; background: #ccc; border-radius: 8px; color: #fff; font-size: 18px; border: none; /* transition: all .2s ease-in-out; */}

.event__battle--wrap .review .img__cont--wrap {}
.event__battle--wrap .review .img__cont--wrap .img__cont {margin-top: 10px; padding:0 20px;}
.event__battle--wrap .guide__list {padding:0 30px; margin-top:22px;}
.event__battle--wrap .guide__list li {display: flex; align-items: center;  justify-content: flex-start;}
.event__battle--wrap .guide__list li + li {margin-top:12px;}
.event__battle--wrap .guide__list .guide__title {width:90px; color: #333; font-size: 14px; font-weight: bold; line-height: 100%; letter-spacing: -0.14px;}
.event__battle--wrap .guide__list .guide__text {display: flex; align-items: center;  justify-content: center; color: #333; font-size: 14px; line-height: 100%; letter-spacing: -0.14px;}
.event__battle--wrap .guide__list .guide__text em {font-weight: bold; position: relative; padding-left:18px; margin-left:4px;}
.event__battle--wrap .guide__list .guide__text em::before {position: absolute; top:50%; transform: translateY(-50%); left:0; display:inline-block; content: ""; width:16px; height:16px; background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; background-image: url(/cjom/event/25_12_event/cooking_battle/images/ico_coin.png);}

/* 선택 배틀 */
.event__battle--wrap .battle__item--wrap {margin-top:16px; display: flex; align-items: center; justify-content: space-between; padding:0 16px;}
.event__battle--wrap .battle__item--wrap .battle__item {display: flex; align-items: center;}
.event__battle--wrap .battle__item--wrap .battle__item .battle__item--img {position: relative; width:50px;}
.event__battle--wrap .battle__item--wrap .battle__item .battle__item--img::after {display:none; position: absolute; top:26%; left: -8px; transform: translateY(-50%);  content: ""; width:59px; height:52px; background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; background-image: url(/cjom/event/25_12_event/cooking_battle/images/ico_paper_flower.png );}
.battle__item--wrap .battle__item .thumb__text {width:87px; height:44px; background-position: 50% 50%; background-size: 100% auto; background-repeat: no-repeat; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #000; font-size: 11px; font-weight: 400;}
.battle__item--wrap .battle__item .thumb__text em {color: inherit; font-size: 11px; font-weight: bold; display: inline-block; margin-top: 2px;}

[data-win="black"] .battle__item--wrap .battle__item.black .thumb__text,
[data-win="white"] .battle__item--wrap .battle__item.white .thumb__text {color:#F00;}
[data-win="black"] .battle__item--wrap .battle__item.black .battle__item--img::after {display:block;}
[data-win="white"] .battle__item--wrap .battle__item.white .battle__item--img::after{display:block; left: -2px; background-image: url(/cjom/event/25_12_event/cooking_battle/images/ico_paper_flower2.png );}
.battle__item--wrap .battle__item.black .thumb__text{background-image: url(/cjom/event/25_12_event/cooking_battle/images/bg_text_box_left.png);}
.battle__item--wrap .battle__item.white .thumb__text{background-image: url(/cjom/event/25_12_event/cooking_battle/images/bg_text_box_right.png);} 

.battle__content.choice .choice__title {color: #000; text-align: center; font-size: 27px; line-height: 130%; letter-spacing: -0.5px;}
.battle__content.choice .choice__title em {color: #000; font-size: 27px; font-weight: bold; line-height: 130%; letter-spacing: -0.5px;}


/* 현재 일차만 표시 */
.event__battle--wrap .battle__content .battle__day {display: none;}
.battle__content--wrap .battle__content.active .battle__day.active { display: block;}