@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: 27.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-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: 10% 0 0 0;
  opacity:1;
  visibility:visible;
  z-index: 111;
  background: rgba(0,0,0,.4);
}

/* 팝업 영역 */
.main-popup-modal-item{
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width:100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); 
  -moz-transform: translate(-50%, -50%); 
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  padding: 10% 0 0 0;
  opacity:1;
  visibility:visible;
  z-index: 111;
}

/* wrapper */
.main-popup-slide-wrapper{position:absolute; top:50%; left:50%; width:100%; max-width:1000px; height:29.313rem; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); margin:0 auto; background:rgba(254, 254, 254, 0); z-index:-1;}


.main-popup-slide-wrapper .main-popup-slide{position:relative; width:100%; height:100%;}
.main-popup-slide-wrapper .main-popup-slide > .swiper-wrapper{transform:none;}
.main-popup-slide-wrapper .main-popup-slide > .swiper-wrapper > .swiper-slide{position:relative; width:auto; height:100%; }

/* 이미지 */
.main-popup-slide-wrapper .main-popup-slide .swiper-wrapper .swiper-slide img {
			width : 100% !important;
		  	height : 100% !important;
		  	-o-object-fit : fill !important;
		  	object-fit : fill !important;
		  	-o-object-position : center !important;
		  	object-position : center !important;
		  	max-width: 100%;
		  	/* display : none; */
		}

/*
.main-popup-slide-wrapper .main-popup-slide .swiper-wrapper .swiper-slide-active img {
			
		  	display : block;
		}
*/

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

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


.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:1000px; 
	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:#000; background-color: #fff; 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:#006241; 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: inline-block;
  margin : 0 !important;
  font-size : 1.075rem !important;
  line-height: 160% !important;
}



/* 닫기 영역 */
.stp-btn{position:relative; width:100%; max-width:1000px; height:34px; margin:0 auto; background:#222; display:block;}
.stp-btn .main-popup-today{position:relative; width:30%; 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) {
		
		.main-popup-slide-wrapper .main-popup-slide .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:3%}
		.main-popup-slide-wrapper .main-popup-slide .swiper-pagination-bullet{width: 6px; height: 6px; background-color: #fff; opacity: 0.8; vertical-align: middle;}
		.main-popup-slide-wrapper .main-popup-slide .swiper-pagination-bullet-active{width: 10px; height: 10px; background-color: #006241; opacity:1;}
		
		.main-popup-slide-wrapper .stp-btn{position:relative; width:100%; max-width:100%; height:40px; margin:0 auto; background:#212121; display:block;}
		
		.main-popup-slide-wrapper .stp-btn .main-popup-today{position:relative; width:40%; height:100%; font-size:1rem;}
		.main-popup-slide-wrapper .stp-btn .main-popup-today .today-text{position:absolute; top:48%; left:0%; width:100%; color:#fff; transform:translateY(-50%); padding:0 0 0 10px; cursor:pointer; transition: 0.8s;}
		
		
		.main-popup-slide-wrapper .main-popup-pagination{
			width:100%; 
			max-width:1000px; 
			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; 
		}
		
}

@media screen and (max-width: 1020px) {
	.main-popup-modal-item{
			 width : 90% !important; left:50% !important; top: 50% !important; transform : translate(-50%, -50%) !important; max-width:85%;
		}
		
}


@media screen and (max-width: 722px) {
		
		.main-popup-modal-item{
			 width : 85% !important; left:50% !important; top: 50% !important; transform : translate(-50%, -50%) !important; max-width:85%;
		}

	.main-popup-slide-wrapper .stp-btn .main-popup-today{position:relative; width:40%; height:100%; font-size:1rem;}
		
}

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

/* 멀티팝업 모바일 */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin : 0 !important;
}