/* 굿즈 */
.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 {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 {position: relative; width: 100%; height: 0; padding-top: 0; padding-bottom: calc(100% * (735 / 1307) - 1px);}
.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: calc(100% + 2px);}

/* 유의사항 */
.event__notice {padding: 30px 15px; margin-top: -1px; text-align: center; background: #F7F7F7;;}
.event__notice .event__btn-alim {display: inline-block; background: none;}
.event__notice .event__btn-alim > span {display: inline-block; position: relative; font-size: 15px; color: #333; border-bottom: 1px solid #999; line-height: 1.3;}
.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: 13px; color: #585858; line-height: 1.3;}
.event__notice .event__notice-list > li::before {content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: #585858; transform: translateY(8px);}
.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: #585858; 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__comment {background-color: #00462B;}
.event__comment .form-element__textarea {padding: 16px 16px 4px; border-radius: 4px 4px 0 0; border: 1px solid #ddd; border-bottom: 0; background: #fff;}
.event__comment .form-element__count {display: block; margin-top: -2px; padding: 4px 16px 12px; font-size: 11px; color: #aaa; background: #fff; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 4px 4px;}
.event__comment .form-element__count .txt__input--count {color: #222; font-weight: bold;}
.event__comment .forbidden-word {border-color: #ddd; background: #fff;}
.event__comment .form-element__count [data-js=form-ctrl__count-total] {margin-left: 0;}

.comment__input-box {padding: 0 20px 20px;}
.comment__input-box .btn__regist {display: block; width: 100%; height: 48px; margin-top: 16px; font-size: 15px; color: #fff; border-radius: 4px; background: #111;}
.comment__input-box .btn__regist > span {display: flex; align-items: center; justify-content: center; font-weight: bold; gap: 4px;}
.comment__input-box .btn__regist > span:after {content: ''; width: 12px; height: 12px; background: url(/cjom/event/26_02_event/goods_audition/images/ico_btn_arrow_w.png) no-repeat 0 0; background-size: 12px 12px;}

.comment__list--wrap {padding: 32px 0 28px; background-color: #fff;}
.comment__list--wrap .none-display--type3 {padding: 30px 0 10px; margin: 0 20px; border-top: 1px solid #ececec;}
.comment__list--wrap .comment-list .none-display--type3 {margin: 0;}
.comment__list--wrap .component-sorting {border: 0;}
.comment__list--wrap .product__state {padding: 0 20px; color: #222;}
.comment__list--wrap .product__state-text {font-size: 14px;}
.comment__list--wrap .product__state-box a {color: #222;}
.comment__list--wrap .comment-list {padding: 0 20px;}
.comment__list--wrap .comment-list > li {padding: 16px 0 12px; border-top: 1px solid #ececec;}
.comment__list--wrap .comment-list .commnet-list__text {font-size: 15px; color: #222; line-height: 1.5; letter-spacing: 0;}
.comment__list--wrap .comment-list .comment-list__info {padding: 0; margin-top: 4px; letter-spacing: 0;}
.comment__list--wrap .comment-list .comment-list__info--user {color: #aaa; line-height: 1.4; letter-spacing: 0;}
.comment__list--wrap .comment-list .comment-list__info--user > span {letter-spacing: 0;}
.comment__list--wrap .comment-list .comment-list__info--user .conment-list__date {position: relative;}
.comment__list--wrap .comment-list .comment-list__info--user .conment-list__date:before {content: ''; position: absolute; top: 50%; left: -2px; width: 2px; height: 2px; background: #aaa; transform: translateY(-50%);}
.comment__list--wrap .comment-list .comment-list__info--modi {display: flex; top: 1px; right: -8px; letter-spacing: 0;}
.comment__list--wrap .comment-list .comment-list__info--modi [class*=comment__btn] {padding: 0 8px; font-size: 13px; color: #aaa; background: none; line-height: 1.4;}
.comment__list--wrap .comment-list__edit {background-color: transparent;}
.comment-list__edit .btn-area {margin-top: 16px; padding-bottom: 8px; font-size: 0; text-align: center;}
.comment-list__edit .btn-area button {width: 80px; height: 32px; font-size: 13px; color: #333; background: #fff; border: 1px solid #ddd; border-radius: 4px; letter-spacing: 0;}
.comment-list__edit .btn-area button + button {margin-left: 8px; background: #111; border-color: #111; color: #fff;}

.comment__list--wrap .comment__btn--area {margin: 16px 20px 0;}
.comment__list--wrap .btn__allview {display: block; width: 100%; height: 48px; font-size: 15px; color: #333; border-radius: 4px; border: 1px solid #999;}
.comment__list--wrap .btn__allview > span {display: flex; align-items: center; justify-content: center; font-weight: bold; gap: 4px;}
.comment__list--wrap .btn__allview > span:after {content: ''; width: 12px; height: 12px; background: url(/cjom/event/26_02_event/goods_audition/images/ico_btn_arrow_b.png) no-repeat 0 0; background-size: 12px 12px;}

/* 댓글 동의 */
#modalCommentAgree .modal__contents {padding: 16px; border-top-width: 1px;}
#modalCommentAgree .modal__contents .evtAgree_all .checkbox__input {font-size: 14px; color: #333; font-weight: normal;}
#modalCommentAgree .modal__contents .evtAgree_accordion {padding: 8px 0 8px 16px;}
#modalCommentAgree .modal__contents .evtAgree_accordion .checkbox__input--type2 {padding: 8px 0 8px 28px;}
#modalCommentAgree .modal__contents .evtAgree_accordion .checkbox__input--type2 .terms_txt {font-size: 13px; color: #333; letter-spacing: 0;}
#modalCommentAgree .modal__contents .accordion_panel_inner {padding-left: 32px;}
#modalCommentAgree .modal__contents .accordion_panel .accordion_panel_inner ul li {padding: 0 20px 0 10px; color: #333; letter-spacing: 0; line-height: 1.4;}
#modalCommentAgree .modal__contents .modal__btn--area {margin-top: 20px;}
#modalCommentAgree .modal__contents .modal__btn--area .btn__black {display: block; width: 100%; height: 48px; font-size: 16px; color: #fff; font-weight: bold; line-height: 18px; border-radius: 4px; letter-spacing: 0; background: #111;}

/* 댓글 전체보기 */
#modalCommentAll .modal__contents {padding: 24px 0;}
#modalCommentAll .modal__contents .comment__list--wrap {padding: 0;}
#modalCommentAll .modal__contents .comment__list--wrap .product__state {height: auto; padding-bottom: 16px; letter-spacing: 0;}

/* goods-motion */
.goods-swiper {overflow: hidden; position: absolute; top: 57.222vw; left: 0; right: 0;}