@charset "utf-8";

/************************************************************** 
	메인에 노출되는 이벤트 존입니다.
	작성일 : 2024.01 / 작성자 : ㈜넥스미디어      
**************************************************************/

/* 이벤트존 */

#eventPop {
  position: absolute;
  top: 120px;
  left: 10%;
  width: 80%;
  height: calc(100vh - 160px);
  z-index: 99;
}
.main_body.popup_on,
.main_body.event_on { 
  /* z-index: 9999999; */
}
.main_body.event_on #eventPop {
  z-index: 9999999;
}
.main_body.event_on #loadPopup {
  z-index: 99;
}
.main_body.popup_on #loadPopup {
  z-index: 9999999;
}
.main_body.popup_on #eventPop {
  z-index: 99;
}
.event_zone { 
  display: none; 
  position:absolute; 
  top:50%; 
  left:50%; 
  transform: translate(-50%, -50%); 
  background:transparent; 
  z-index:9999;
  width: 100%;
  max-width: 1440px;
  /* min-height: 800px; */
  background: #09193e;
  border-radius: 40px;
}
.event_zone .inner_wrap {
  display: flex;
  padding: 5% 6%;  
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.event_zone::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 166px;
  height: 131px;
  background: url("/resources/img/main/event_label.png") no-repeat 0 0;
}
.event_zone::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 166px;
  height: 131px;
  background: url("/resources/img/main/event_label.png") no-repeat 0 0;
  transform: scaleX(-1);
}
.event_list { padding: 35px 0 10px; }
.event_list ul { display: flex; justify-content: center; max-width: 1300px; margin: 0 auto;}
.event_list ul li { padding: 0 10px; text-align: center;}
.event_list ul li img { width: 105%;}
.event_zone .tit { text-align: center;  padding: 10px 0;}
.event_zone .tit img { width: 95%;}
.event_zone .event_close { text-align: center; padding: 35px 0 0;}
.event_foot { max-width: 1200px; }
.event_foot ul { text-align: left; padding: 20px 0;}
.event_foot ul li {
  display: inline-block;
  color: #fff;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .event_zone { display: none; }
}