@charset "utf-8";

/**************************************************************
	메인에 노출되는 팝업 스타일입니다.
	작성일 : 2024.05 / 작성자 : ㈜넥스미디어
**************************************************************/

#loadPopup .swiper-pagination-bullet-active { background: #fff; }

/* 모바일 */

.pop_mobile {
    position:absolute;
    top: 120px;
    left:50%;
    transform: translateX(-50%);
    background:transparent;
    z-index:1050;
    width: 90%;
    max-width:500px;
    display: none;
}
.pop_mobile img {display:block; width:100%; }
.pop_mobile .today {text-align:center; background:rgba(140, 111, 79, 0.8);padding: 0px 18px;color:#ffffff;font-size:16px;line-height:25px; min-height: 40px;}
.pop_mobile .today * {vertical-align: middle;}
.pop_mobile .today input {position: relative; top: 5px; width: 20px; height: 20px;}
.pop_mobile .today strong {margin-left: 6px; padding-top: 6px; display: inline-block;}
.pop_mobile .today a {position:absolute; top: -5%; left: 50%; transform: translate(-50%, -50%); color:#fff;font-size:13px; color:#fff; padding: 5px 10px;}
.pop_mobile .today a i::after {
  content: "\e870";
  display: inline-block;
  font-family:Linearicons-Free;
  font-size: 18px;
  margin-right: 6px;
  color: #fff;
  font-style: normal;
}

.pop_wrap .popimg, .pop_mobile .popimg {position: relative;}
.pop_wrap .popimg a, .pop_mobile .popimg a {position:absolute; display: block; text-indent: -200000px; overflow:hidden; z-index: 90;}

.pop_mobile .swiper-pagination {width: fit-content; display: block; top: 33%; left: 50%; transform: translate(-50%, -50%);}

/******************************************
  퀵메뉴 팝업 영역
******************************************/
.pop_wrap {
  position: absolute;
  top: 50%;
  right: -200%;
  height: 560px;
  transform: translateY(-50%);
  padding: 0 0 0 60px;
  z-index: 99999;
}
.pop_wrap.active {
  right: 0;
}
.pop_wrap ul {
  display: flex;
}
/* .pop_wrap ul li:not(:first-child) {
  padding: 0 0 0 10px;
} */
.pop_wrap .pop_control_btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
}
.pop_wrap .pop_control_btn a.pop_btn {
  display: block;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  background: url("../img/main/pop_open_btn.jpg") no-repeat 0 0;
}
.pop_wrap .pop_control_btn.active a.pop_btn {
  background: url("../img/main/pop_close_btn.jpg") no-repeat 0 0;
}
.pop_wrap .pop_control_btn a span { display: none;}
.main_popup { position: relative;}

.pop_wrap .pop_close {position: absolute; left: 0; top: 0;}
.pop_wrap .pop_close a { width: 60px; height: 200px; display: block; background: url("../img/common/pop_open.jpg");}
.pop_wrap.active .pop_close a {background: url("../img/common/pop_close.jpg");}