.event__wrap {overflow: hidden; position: relative; background-color: #fff; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
.cornering-exhibition__detail-box .event__wrap {margin: 0 -15px;}
.event__wrap .event__section {position: relative; margin: -1px auto 0;}
.event__wrap .event__hide-cont,
.modal .event__hide-cont {position: absolute; top: -9999px; left: -9999px; color: transparent;}
.event__wrap img {display: block; margin: 0; padding: 0;}
.event__wrap .event__content {position: relative;}
.event__wrap [class^=deco__] {position: absolute; z-index: 1;}
/* animation:deco_effect 1.5s infinite; */
@keyframes deco_float {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-10px);}
}
@keyframes deco_center_float {
    0%, 100% {transform: translate(-50%, 0);}
    50% {transform: translate(-50%, -7px);}
}
@keyframes deco_effect {
    0%, 100% {opacity: 1;}
    40% {opacity: 0;}
}

/* 영상 */
.event__wrap video, 
.event__wrap video[poster] {width: 100%; height: 100%;}
.event__media .video-area {overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 0; padding-bottom: calc(100% * (1360 / 720));}
.event__media .video-area iframe,
.event__media .video-area object,
.event__media .video-area embed,
.event__media .video-area video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* 탭 메뉴 */
.event__sticky-bar {position: relative; width: 100%; height: 12.222vw; background-color: transparent; z-index: 101;}
.event__sticky-bar > div {position: absolute; top: 0; left: 0; width: 100%;}
.event__sticky-bar.fixed > div {position: fixed; top: 50px; width: 100%; z-index: 101;}

.event__nav {width: 100vw; height: 12.222vw; background-color: #1D74FF;}
.event__nav ul {display: flex; justify-content: space-around; align-items: center; height: 100%; padding: 0 2.777vw;}
.event__nav li {text-align: center; white-space: nowrap;}
.event__nav li.bar {width: 0.5px; height: 14px; background-color: rgba(255,255,255,0.4);}
.event__nav li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 12.222vw; font-size: 4.444vw; color: #fff; letter-spacing: -1px; text-align: center; box-sizing: border-box;}
.event__nav li.active a {color: #FFEF5C; font-weight: bold;}

/* 상품 */
.event__product {position: absolute; left: 0; top: 22.777vw; right: 0;}
.event__product li {position: relative; width: 88.888vw; height: 100vw; margin: 0 auto 5vw;}
.event__product a {display: block; width: 100%; height: 100%; text-indent: -9999em; /* background-color: rgba(0,255,0,0.5); */}
.event__product .event__product-item1 {height: 93.333vw;}
.event__product .event__product-item1::before {content:""; position: absolute; inset: 0; cursor: default;}
.event__product .event__product-item2 {height: 98.333vw;}
.event__product .event__product-item3 {height: 108.055vw;}
.event__product .event__product-item4 {height: 97.222vw;}

/* 응모하기 */
.event__wrap .event__btn-apply {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: block; width: 88.888vw; height: 15vw; /* background-color: rgba(0,255,0,0.5); */}
.event__wrap .event__btn-apply--deco {position: absolute; top: -5vw; left: 50%; transform: translateX(-50%); width: 31.388vw; animation: deco_center_float 1.5s infinite;}

/* 유의사항 */
.event__notice {padding: 32px 15px; margin-top: -1px; text-align: center;}
.event__notice .event__btn-alim {display: inline-block; background: none;}
.event__notice .event__btn-alim > span {display: inline-block; position: relative; font-size: 13px; color: #333; border-bottom: 1px solid #333; line-height: 1.3; opacity: 0.8;}
.event__notice .event__btn-alim > span::before {content: ''; position: absolute; top: 50%; left: -20px; width: 16px; height: 16px; background: url(https://www.cjthemarket.com/cjom/mobile/images/icon/ico_evt_notice_info_black.png) no-repeat 0 0; background-size: cover; transform: translateY(-50%);}
.event__notice .event__btn-alim > span::after {content: ''; position: absolute; top: 50%; right: -17px; width: 13px; height: 7px; background: url(https://www.cjthemarket.com/cjom/mobile/images/icon/ico_evt_notice_arrow_black.png) no-repeat 0 0; background-size: cover; transform: translateY(-50%);}
.event__notice .is-active .event__btn-alim > span::after {transform: rotate(180deg) translateY(50%);}

.event__notice .event__notice-list {padding: 15px 5px 0; text-align: left;}
.event__notice .event__notice-list > li {position: relative; padding-left: 8px; font-size: 12px; color: #333; line-height: 1.3; opacity: 0.7;}
.event__notice .event__notice-list > li::before {content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: #333; transform: translateY(6px);}
.event__notice .event__notice-list strong {font-weight: bold;}

.event__notice .event__notice-title {margin: 20px auto 0; font-size: 13px; font-weight: bold; color: #333; text-align: left; line-height: 1.3; -webkit-text-size-adjust: none;}
.event__notice .event__notice-title + .event__notice-list {padding-top: 0;}
.event__notice .event__notice-title:first-child {margin-top: 24px;}

/* 적립금 뽑기 */
.event__section-main {background-color: #000;}
.event__btn-draw {position: absolute; left: 50%; bottom: 12.222vw; transform: translateX(-50%); display: block; width: 91.111vw; height: 15.555vw; background-color: #D7FF01; border-radius: 4px; font-size: 4.444vw; font-weight: 700; color: #000;}
.event__btn-draw:disabled {background-color: #ccc; cursor: default;}
.event__btn-draw:not(:disabled) .txt-disabled,
.event__btn-draw:disabled .txt-active {display: none;}

/* 친구 초대 하기 */
.event__wrap .event__btn-invite {position: absolute; left: 50%; bottom: 8.888vw; transform: translateX(-50%); display: block; width: 91.111vw; height: 12.222vw; /* background-color: rgba(0,255,0,0.5); */}

/* 모달 */
.random-modal .modal__mask {background-color: rgba(0,0,0,0.8);}
.random-modal .modal__container {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 315px; min-height: 402px; height: auto; max-height: 100%; padding: 0; background-color: #089F68;; box-sizing: border-box;}
.random-modal .modal__close {top: -40px; right: 0; width: 40px; height: 40px; background: url(/cjom/event/26_03_event/random/images/ico_modal_close.png) no-repeat center / 40px auto;}