@charset "UTF-8";

/* common */
.section {position: relative;}
.heading {--mg: -.1em; font-size: var(--size43-30);}
.heading .logo {width: 73px; margin-bottom: 15px;}

@media (max-width: 992px) {
	.heading .txt {color: var(--color-ivory);}
}

/* intro */
.sec_intro {height: var(--height); overflow: hidden; position: relative; background: url('../../images/img/nexis_video_new.webp') no-repeat center/cover}
.sec_intro video,
.sec_intro .poster {width: 100vw; height: 100%; -o-object-fit: cover; object-fit: cover;}
.sec_intro .poster {position: absolute; left: 0; top: 0; z-index: 1;}

@media (min-width: 993px) {
	html:not(.is-mobile) .main_slider_mo {opacity: 0; pointer-events: none;}
}
@media (max-width: 992px) {
	.main_slider_pc {opacity: 0; pointer-events: none;}
}

/* popup */
.popup {position: fixed; inset: 0; z-index: 1000; display: none; pointer-events: none;}
.popup .back {position: absolute; inset: 0; z-index: 0; background: rgba(0,0,0,.65); pointer-events: auto;}
.popup .popup_inner {height: 100%; display: flex; align-items: flex-start;}
.popup .ly_inner {position: relative; margin: 0 auto; width: 100%; max-width: calc(1360px + var(--pdd) * 2);  justify-content: center;}

.popup_content {display: block; pointer-events: auto; position: relative; z-index: 10; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.26); overflow: hidden; max-width: 400px; background: #fff;}
.popup_slider {--swiper-theme-color: #000;}
.popup_slider .swiper-pagination-bullet-active {opacity: 0.5;}
.popup_btns {display: flex; background: #fff;}
.popup_btns .el_btn {flex: 1; font-size: var(--size15); height: calc(var(--size50) - 5px);}
.popup_btns .el_btn + .el_btn {border-left: 1px solid #e0e0e0;}

@media (min-width: 993px) {
	.popup .back {display: none;}
	.popup .popup_inner {padding-top: 17vmin;}
}

@media all and (max-width: 992px){
	.popup .popup_inner {justify-content: center; align-items: center;}
	.popup_content {max-width: 480px;}
	.popup_content a {display: block;} 
	.popup_content a img {width: 100%;}
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  display: flex; /* 페이지 로드 시 바로 표시 */
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-content {
  position: relative;
  width: 90%;
  max-width: 1100px;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
}

.popup-content iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.8);
  border: none;
  font-size: 20px;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 50%;
}