@charset "UTF-8";

/* 싱글 팝업 */
.popwrap { position : fixed; box-shadow : 4rem 4rem 20rem rgba(0,0,0,.1); border : 1px solid #e9e9e9; background : #fff }

 .popwrap .popbody {  }

 .popwrap .popbody img{
  	width : 100% !important;
  	height : 100% !important;
  	-o-object-fit : contain !important;
  	object-fit : contain !important;
  	-o-object-position : center !important;
  	object-position : center !important;
  	max-width: 100%;
}

.popwrap .popfooter {
	padding : 0;
	background : #000;
	color : #fff;
	text-align : left;
	position : relative;
}

.popwrap .popfooter .btn_close_period { padding : 10px 20px; background : #000;  text-align : left; boarder : 0; color : #fff; }
.popwrap .popfooter .btn_close_period .close_txt {  }

.popwrap .popfooter .btn_close_period span.today-text1{ display: inline-block; }
.popwrap .popfooter .btn_close_period span.today-text2{display: none;}

.popwrap .popfooter .btn_close_period:hover .close_txt.today-text1{display: none;}
.popwrap .popfooter .btn_close_period:hover .close_txt.today-text2{display: inline-block;}

.popwrap .popfooter .btn_close_day { padding : 10px 20px; background : #393939; position: absolute; top: 0; right: 0; border :0; color : white }

.popwrap .popfooter::after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}


@media screen and (max-width: 1200px) {
	.popwrap {left:50% !important; top: 50% !important; transform : translate(-50%, -50%) !important; }
	.popwrap .popfooter .btn_close_period span.today-text1{ display: inline-block !important; }
 	.popwrap .popfooter .btn_close_period span.today-text2 { display: none !important; }
}

/* 모바일 */
@media screen and (max-width: 767px) {
	.popwrap {width : 85% !important; left:50% !important; top: 20.4rem !important; transform : translate(-50%, -50%) !important; }
	.popwrap .popbody { width : 100% !important; height: auto !important; }
	.popwrap .popfooter .btn_close_period { width : 100% !important; height : auto !important; padding : 0.5rem 1.25rem !important;  }
	.popwrap .popfooter .btn_close_day { padding : 0.5rem 1.25rem !important; }
	
}

/* 모바일 */
@media screen and (max-width: 434px) {
	.popwrap .popfooter .btn_close_period { width : 100% !important; height : auto !important; padding : 0.25rem 0.4rem !important;  }
	.popwrap .popfooter .btn_close_day { padding : 0.25rem 0.4rem !important; }
}



/* 싱글 팝업 */


/* 멀티팝업 PC */

.main-popup-slide-wrapper .main-popup-pagination {
	display: none !important;
  }
.main-popup-sect{
	display:block; 
	opacity:1; 
	visibility:visible; 
}
/*
.main-popup-sect, .main-popup-sect * {
	line-height: 0% !important;
}

.main-popup-sect .swiper-wrapper{width : 100% !important; height:100% !important;}*/

/* 배경화면 어둡게 */
.main-popup-modal-item-bg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  opacity:1;
  visibility:visible;
  z-index: 111;
  background: rgba(0,0,0,.5);
}

/* 팝업 영역 */
.main-popup-modal-item{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 500px;
	max-width:90%;
	height: auto;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	opacity:1;
	visibility:visible;
	z-index: 111;
	overflow:hidden;
}

.main-popup-slide-wrapper{
	width: 100%;
	display: flex;
	flex-direction: column;
}

.main-popup-slide-wrapper .main-popup-slide{
	width: 100%;
	height: auto;
	aspect-ratio: 500 / 707;
}

.main-popup-slide-wrapper,
.main-popup-slide-wrapper .main-popup-slide,
.main-popup-slide-wrapper .main-popup-slide > .swiper-wrapper,
.main-popup-slide-wrapper .main-popup-slide > .swiper-wrapper > .swiper-slide,
.main-popup-slide-wrapper .main-popup-slide > .swiper-wrapper > .swiper-slide > a {
  width: 100%;
  height: 100%;
}
.main-popup-slide-wrapper .main-popup-slide .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}


/* 비활성화된 링크 스타일 */
.main-popup-slide-wrapper .main-popup-slide .swiper-wrapper .swiper-slide a {
  pointer-events: none; /* 클릭 방지 */
  opacity: 1;
}

/* 활성화된 링크 스타일 */
.main-popup-slide-wrapper .main-popup-slide .swiper-wrapper .swiper-slide.swiper-slide-active a {
  pointer-events: auto; /* 클릭 가능 */
}

.main-popup-slide-wrapper .main-popup-slide .swiper-wrapper .swiper-slide:not(.swiper-slide-active) a {
  pointer-events: none;
}


.main-popup-slide-wrapper .main-popup-slide > .swiper-wrapper > .swiper-slide > a{
	display:block; 
	width:100%; 
	height:100%; 
	cursor: pointer;
}


/* 탭 타이틀 */
.main-popup-slide-wrapper .main-popup-pagination{
	position:relative; 
	width:100%; 
	max-width:100%; 
	height:30px; 
	margin:0 auto; 
	text-align : center; 
	transition : .3s opacity; 
	-webkit-transition : .3s opacity; 
	position : absolute; 
	-o-transition : .3s opacity; 
	-webkit-transform : translate3d(0,0,0); 
	transform : translate3d(0,0,0); 
	z-index: 10; 
	bottom: 0 !important;
	
}


/* 탭 타이틀 출력용 */
.main-popup-sect .main-popup-pagination span:after {
  /*content: "";*/
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1px solid white;
  display: inline-block;
  
}

.main-popup-sect .main-popup-pagination .swiper-pagination-bullet{
	width: 25%; 
	height: 30px; 
	border-radius:0; 
	margin:0; 
	border-right:1px solid #d9d9d9; 
	box-sizing:border-box; 
	color:#ffffffb6; 
	 opacity: 1; 
	 vertical-align: middle; 
	 font-weight:300; 
	}

.main-popup-sect .main-popup-pagination .swiper-pagination-bullet:last-child{border-right:none;}
.main-popup-sect .main-popup-pagination .swiper-pagination-bullet-active{
	width: 25%; 
	color:white; 
	opacity:1; 
	font-weight:500;}
/* 단일 건일 경우에도 bullet 출력  */
.main-popup-sect .main-popup-pagination .swiper-pagination-bullet:only-child { display: block !important; }

.main-popup-sect .main-popup-pagination span {
  	width: 100% !important;
  height: 100%  !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin : 0 !important;
  font-size : 1.075rem !important;
  line-height: 160% !important;
}

@media screen and (min-width: 1301px) {
	.main-popup-modal-item{
		width: 500px;
	}

	.main-popup-slide-wrapper{
		display: flex;
		flex-direction: column;
	}

	.main-popup-slide-wrapper .stp-btn{
		margin: 0;
	}
}



/* 닫기 영역 */
.stp-btn{position:relative; width:100%; max-width:100%; height:34px; margin:0 auto; background:#222; display:block;}
.stp-btn .main-popup-today{position:relative; width: auto; height:100%; }
.stp-btn .main-popup-today .today-text{position:absolute; top:46%; left:0%; width:100%; color:#fff; transform:translateY(-50%); padding:0 0 0 10px; cursor:pointer; transition: 0.8s; font-size : 1.075rem !important;}
.stp-btn .main-popup-today:hover .today-text.today-text1{opacity:0;}
.stp-btn .main-popup-today:hover .today-text.today-text2{opacity:1;}
.stp-btn .main-popup-today .today-text1{opacity:1;}
.stp-btn .main-popup-today .today-text2{opacity:0;}

/* 닫기 버튼 */
.stp-btn .main-popup-close-modal-btn { padding : 3px 20px; background : #393939; position: absolute; top: 0; right: 0; border :0; color : white; font-size : 1.085rem !important; line-height: 160% !important; }


/* 멀티팝업 PC */

/* 멀티팝업 탭 */
@media screen and (max-width: 1300px) {
		

		
}

@media screen and (max-width: 1020px) {

}


@media screen and (max-width: 722px) {
		

}

@media screen and (max-width: 700px) {
	
	
}