@charset "UTF-8";

/*공통*/
#wrap {overflow:hidden}
.vi__event--wrap {position:relative;overflow:hidden;}

.vi__event--wrap .event__visual--wrap {position:relative;background:#3ea639;}
.vi__event--wrap .event__visual--wrap img {visibility:hidden;}
.vi__event--wrap .event__visual--wrap .video__area {position:absolute;top:0;left:50%;transform:translateX(-50%);}
.vi__event--wrap .event__visual--wrap .video__area video, 
.vi__event--wrap .event__visual--wrap .video__area img {width:360px;visibility:visible;background-color:#3ea639 !important;}

.vi__event--wrap .top_tab_wrap {position:relative;height:50px;}
.vi__event--wrap .top_tab_wrap .compactFixed {left: 0 !important;right: 0; }
.vi__event--wrap .top_tab_wrap .nav {position:relative;width:100%;max-width:1280px;height:50px;margin:0 auto;background-color:#252525;-webkit-backdrop-filter: blur(25px);backdrop-filter: blur(25px);}
.vi__event--wrap .top_tab_wrap ul {position:relative;display:flex;width:1280px;height:100%;margin:0 auto;box-sizing:border-box;justify-content:center;}
.vi__event--wrap .top_tab_wrap ul li + li {margin-left:104px;}
.vi__event--wrap .top_tab_wrap ul li a {display:flex;height:50px;align-items:center;text-align:center;box-sizing:border-box;overflow:hidden;}
.vi__event--wrap .top_tab_wrap ul li a span {display:block;font-size:16px;color:#fff;opacity:0.7;}
.vi__event--wrap .top_tab_wrap ul li.active a span {font-weight:bold;opacity:1;}

.vi__event--wrap .event__cont {position:relative;}
.vi__event--wrap .event__cont .cont__img {display:block;}
.vi__event--wrap .event__cont .cont__img img {display:block;margin:0 auto;}

.vi__event--wrap .event__cont.frontierlabs-info {background:#d9f3e8;overflow:hidden;}

.vi__event--wrap .event__cont.frontierlabs-info .video__area {position:relative;width:360px;height:202px;margin:0 auto;}
.vi__event--wrap .event__cont.frontierlabs-info .video__area iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.vi__event--wrap .event__cont.product-info .product__swiper--wrap {position:relative;}

.vi__event--wrap .event__cont.product-info {padding-bottom:45px;background:#f5ffe8;}
.vi__event--wrap .event__cont.product-info .swiper-container{position:relative;width:612px;margin:0 auto;padding-bottom:33px;overflow:hidden;z-index:1;}
.vi__event--wrap .event__cont.product-info .swiper-wrapper{display:flex;}
.vi__event--wrap .event__cont.product-info .swiper-slide {position:relative;width:306px;padding:0 8px;box-sizing:border-box;flex-shrink:0;}
.vi__event--wrap .event__cont.product-info .swiper-slide a.btn__link {position:absolute;bottom:0;left:8px;right:8px;height:50px;}

.vi__event--wrap .event__cont.product-info .swiper-pagination {position:absolute;left:0;bottom:0;width:100%;font-size:0;text-align:center;}
.vi__event--wrap .event__cont.product-info .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:7px;height:7px;background-color:#e2dfdf;border-radius:100%;opacity:1;}
.vi__event--wrap .event__cont.product-info .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {margin-left:6px;}
.vi__event--wrap .event__cont.product-info .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#000;opacity:0.6;}
.vi__event--wrap .event__cont.product-info .swiper-button-prev {position:absolute;top:50%;left:50%;width:42px;height:102px;background:url(/cjom/event/25_06_event/venture_investment/images/btn_slider.png) no-repeat 0 0;background-size:cover;transform:translate(-365px, -50%) rotate(180deg);cursor:pointer;}
.vi__event--wrap .event__cont.product-info .swiper-button-next {position:absolute;top:50%;left:50%;width:42px;height:102px;background:url(/cjom/event/25_06_event/venture_investment/images/btn_slider.png) no-repeat 0 0;background-size:cover;transform:translate(323px, -50%);cursor:pointer;}
.vi__event--wrap .event__cont.product-info .swiper-button-prev.swiper-button-disabled,
.vi__event--wrap .event__cont.product-info .swiper-button-next.swiper-button-disabled {opacity: 0.3;}

.vi__event--wrap .event__cont.reply-event {padding-bottom:60px;background:#fff;}

.vi__event--wrap .event__cont.coupon {padding:32px 0 48px;background:#ececec;}
.vi__event--wrap .event__cont.coupon h3 {font-size:24px;color:#222;text-align:center;line-height:1.2;}
.vi__event--wrap .event__cont.coupon h3 > span {display:block;margin-bottom:4px;font-size:15px;font-weight:normal;line-height:1.3;}

.vi__event--wrap .event__comment--wrap {background:#fff;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap {width:760px;margin:0 auto;}

.vi__event--wrap .event__comment--wrap .select__comment--list {width:328px;margin:0 auto;padding:0 16px 32px;}
.vi__event--wrap .event__comment--wrap .select__comment--list ul {display:flex;flex-wrap:wrap;gap:6px 12px;}
.vi__event--wrap .event__comment--wrap .select__comment--list ul > li {position:relative;width:calc(50% - 6px);}
.vi__event--wrap .event__comment--wrap .select__comment--list .input-radio {position:absolute;top:8px;left:8px;width:32px;height:32px;padding:0;border:0;background:url(/cjom/event/25_06_event/venture_investment/images/ico_radio.svg) no-repeat 0 0;background-size:cover;}
.vi__event--wrap .event__comment--wrap .select__comment--list .input-radio.on {background:url(/cjom/event/25_06_event/venture_investment/images/ico_radio_chk.svg) no-repeat 0 0;background-size:cover;}
.vi__event--wrap .event__comment--wrap .select__comment--list .input-radio.on:after {display:none;}

.vi__event--wrap .event__comment--wrap .comment__input--box {padding-bottom:32px;background:#fff;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box {width:760px;margin:0 auto;border:0;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box li.row {display:flex;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box [class^=column-] {display:block;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box .column-white {width:634px;padding:0;flex-shrink:0;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box .column-white .textarea__box {position:relative;height:98px;border:1px solid #ddd;background:#fff;border-radius:4px;overflow:hidden;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box .scroll-textarea {border:0;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box .scroll-textarea > .scroll-content {height:98px !important;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box .scroll-textarea > .scroll-content > textarea {position:relative;height:98px;padding:16px;font-size:15px;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box .scroll-textarea > .scroll-content > textarea::placeholder {font-size:15px;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box .textarea-count {position:absolute;bottom:14px;right:16px;margin:0;font-size:12px;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box .column-label {width:118px;position:relative;width:100%;margin-left:8px;padding:0;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box .btn__comment {width:118px;height:100px;}
.vi__event--wrap .event__comment--wrap .comment__input--box .coment-box .btn__comment > span{display:block;height:100px;font-size:20px;color:#fff;font-weight:bold;background:#111;line-height:100px;border-radius:4px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap {background:#fff;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .title-bar {position:relative;height:auto;padding:40px 0 7px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .title-bar .bbs-total {font-size:14px;color:#222;letter-spacing:-0.1em;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .title-bar button {position:absolute;bottom:7px;right:2px;font-size:14px;color:#222;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box {border-top:1px solid #ddd;border-bottom:0;background:none;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box [class^=column-] {display:block;border:0;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment {padding:16px 0 12px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .comment-select__name {font-size:16px;font-weight:bold;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .txt {font-size:16px;color:#333;letter-spacing:-0.05em;line-height:1.5;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .date-list {margin-top:4px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .date-list li {font-size:13px;color:#aaa;letter-spacing:0;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .date-list li+li {margin-left:4px;padding-left:6px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .date-list li+li:before {top: 8px;width: 2px;height: 2px;margin: 0;background: #aaa;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .link-box {top: auto;bottom: 12px;right: -6px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .link-box .link-list {padding: 0 8px;font-size: 13px;color: #aaa;line-height: 1.3;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .comment .link-box .link-list > span {letter-spacing: 0;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .column-white {padding: 16px 0;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row {display:block;border-bottom: 1px solid #e6e6e6;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment [class^=column-] {border:0;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .textarea {position:relative;margin:0 auto;border:1px solid #ddd;font-size:16px;background:#fff;border-radius:4px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .row {border:0;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .coment-box {border:0;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .scroll-textarea {height:100px !important;border:0;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .scroll-textarea > .scroll-content {height:100px !important;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .scroll-textarea > .scroll-content > textarea {padding:16px 24px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .textarea-count {position:absolute;bottom:16px;right:24px;color:#999;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .textarea-count .current {font-size:12px;color:#111;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .coment-box .row.modify__comment .textarea-count .total {font-size:12px;color:#999;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .paging {margin-top:32px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .paging .btn-prev {margin-left:4px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .paging .btn-next {margin-right:4px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .paging ul {margin:0 4px;font-size:0;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .paging li:first-child {margin-left:0;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .paging li+li {margin-left:4px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .paging li a {font-size:14px;color:#333;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .paging li span {font-size:14px;color:#fff;background:#111;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .row.modify__comment .btn-area {padding:0 0 20px;font-size:0;background:none;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .row.modify__comment .btn-area .btn-white-lg {width:84px;min-width:auto;height:40px;padding:0;font-size:15px;color:#111;border:1px solid #ddd;border-radius:4px;background:#fff;line-height:38px;}
.vi__event--wrap .event__comment--wrap .comment__list--wrap .row.modify__comment .btn-area .btn-default-lg {width:84px;min-width:auto;height:40px;margin-left:8px;padding:0;font-size:15px;color:#fff;border:1px solid #111;border-radius:4px;background:#111;line-height:38px;}


.coupon__box {
  display: block;
  position: relative;
  width: 240px;
  height: 107px;
  margin: 12px auto 0;
  background: #1ba774;
  border: 1px solid #1ba774;
  overflow: hidden;
}
.coupon__box::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 42px;
  width: 213px;
  height: 213px;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
}
.coupon__box .inner__cont {
  position: relative;
  padding: 19px 18px 0;
  color: #666;
  text-align: left;
  line-height: 1.3;
}
.coupon__box.type2 .inner__cont {
  padding: 24px 32px 0;
}
.coupon__box .inner__cont strong {
  font-size: 18px;
  margin-bottom: 6px;
  font-weight: bold;
  color: #111;
}
.coupon__box .inner__cont .coupon__title {
  display: block;
  font-size: 24px;
  color: #111;
  line-height: 1.3;
}
.coupon__box .inner__cont strong + .coupon__title {
  margin-top: 7px;
}
.coupon__box .inner__cont span {
  display: block;
  font-size: 12px;
  line-height: 1.3;
}
.coupon__box button {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 100%;
  background: url(/cjom/event/25_06_event/venture_investment/images/ico_down.svg) no-repeat 50% 50%;
  background-size: 20px auto;
}


/* 모달 팝업 */
.cjsalefesta-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  padding-bottom: 40px;
  background: #fff;
  border: 1px solid #ddd;
  transform: translate(-50%, -50%);
  z-index: 20205;
}

.modal__salefesta--wrap {
  width: 350px;
  padding: 0 !important;
  margin: 0 auto;
  text-align: left;
  box-sizing: border-box;
}
.modal__salefesta--wrap .modal-header {
  height: 48px;
}
.modal__salefesta--wrap .modal-header .modal-title {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #eee;
  line-height: 48px;
}
.modal__salefesta--wrap .modal__close {
  position: absolute;
  top: 4px;
  right: 8px;
  width: 40px;
  height: 40px;
  background: url(/cjom/event/cjsalefesta/25_03_images_cold/btn_popup_close.png) no-repeat 50% 50%;
}
.modal__salefesta--wrap .modal-contents {
  padding: 16px 15px 0;
}
.modal__salefesta--wrap .evtAgree_all {
  padding: 0;
}
.modal__salefesta--wrap .evtAgree_all .input-checkbox + label {
  display: inline-block;
  width: calc(100% - 40px);
}
.modal__salefesta--wrap .evtAgree_all strong {
  font-size: 14px;
  color: #333;
  font-weight: normal;
  letter-spacing: 0;
}
.modal__salefesta--wrap .evtAgree_accordion {
  margin-top: 16px;
  padding: 0 0 16px;
}
.modal__salefesta--wrap .evtAgree_accordion .agree-head {
  padding: 16px 16px 0;
}
.modal__salefesta--wrap .evtAgree_accordion .agree-head label,
.modal__salefesta--wrap .evtAgree_accordion .agree-head .required {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
}
.modal__salefesta--wrap .evtAgree_accordion .agree-content ul li {
  letter-spacing: 0;
}
.modal__salefesta--wrap .evtAgree_accordion .agree-head .more {
  top: 8px;
  width: 40px;
  height: 40px;
}
.modal__salefesta--wrap .evtAgree_accordion .agree-head .more:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal__salefesta--wrap .btn-area {
  margin-top: 24px;
}
.modal__new--wrap.modal__agree .btn-area .btn__black {
  width: calc(100%);
  height: 48px;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  background: #111;
  line-height: 46px;
  border-radius: 4px;
  letter-spacing: 0;
}

html.dim::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20204;
 
}

/* 팝업이 딤드 위에 오도록 설정 */
.coupon-popup_02.is-active {
  z-index: 20204;
}
/* 스크롤을 막는 클래스 */
html.no-scroll {
  overflow: hidden;
}


.modal__new--wrap {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  z-index: 20205;
}
.modal__new--wrap .modal__new--contents h3 {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  line-height: 1.3;
}
.modal__new--wrap .modal__new--contents .modal__btn--area {
  width: 100%;
  margin: 16px auto;
}
.modal__new--wrap .modal__new--close {
  position: absolute;
  top: 10px;
  right: 8px;
  width: 40px;
  height: 40px;
  background: url(/cjom/event/cjsalefesta/25_03_images/btn_popup_close_m.png) no-repeat 50% 50%;
  background-size: 40px auto;
}