@charset "utf-8";
/* 메인전용 */

/* =========================================================================== */
/* =========================================================================== */
/* 메인팝업 */
.modalMainpopup{}
.modalMainpopup .modal-dialog{width:100rem; max-width:none;}
.modalMainpopup .modalpop-container{border-radius:0px; background-color:transparent; box-shadow:none; padding:0px;}
.modalMainpopup .modalpop-head{display:none;}
.modalMainpopup .modalpop-head .Btn{position:absolute; top:0px; right:0px; margin-right:-3rem;}

/* 롤링배너 */
.mainPopup{display:flex; position:relative; flex-direction:column; gap:var(--padding); width:100%;}
.mainPopup .swiperArea{display:flex; position:relative; width:100%; align-items:stretch;}
	/* 메인팝업-배너영역 */
	.mainPopup .swiper{flex-basis:62%; width:62%; display:block; position:relative; }
	.mainPopup .swiper .swiper-slide{display:flex; position:relative; justify-content:center; align-items:center; transition:opacity 0.5s ease; }
	.mainPopup .swiper .swiper-slide a{display:block; position:relative; aspect-ratio: 620 / 725;  overflow:hidden; }
	.mainPopup .swiper .swiper-slide img{display:block; width:100%; height:100%;} /* object-fit:cover; */
	.mainPopup .swiper .swiper-slide.swiper-slide-active{}
	.mainPopup .swiper .swiper-slide{opacity:0 !important;} /* 페이드인아웃때문에설정 */
	.mainPopup .swiper .swiper-slide.swiper-slide-active{opacity:1  !important;}

	/* 컨트롤러 */
	.mainPopup .swiper-counterSet{display:none; }
	/* 메인팝업-버튼영역 */
	.mainPopup .swiper-counterSet{}
	.mainPopup .swiper-pagination-custom{flex:1; display:flex; position:relative; flex-direction:column; justify-content:space-between;  bottom:auto;}
		/* 메뉴버튼 */
		.mainPopup .btnList{flex:1; display:flex; position:relative; flex-direction:column;}
		.mainPopup .btnList li{flex:1 0 0; display:flex; position:relative;}
		.mainPopup .btnList li::after{content:''; display:block; position:absolute; left:0%; right:0%; bottom:0%; width:100%; height:1px; border-bottom:var(--border);}
		.mainPopup .btnList .menu-item{display:flex; position:relative; width:100%; justify-content:center; align-items:center; font-size:var(--font-size-lg); background-color:var(--bg-color-low);  cursor:pointer;}
		.mainPopup .btnList .menu-item.Active{color:var(--font-color-light); font-weight:var(--font-weight-bold); background-color:var(--primary);}
		/* 브랜드 */
		.mainpopupBrand{display:flex; position:relative; flex-direction:row; justify-content:center; align-items:flex-end; background-color:var(--bg-color-light); padding:var(--padding-xl); overflow: hidden;}
			.mainpopupBrand .Center{display:inline-flex; position:relative; justify-content:flex-end; align-items:flex-end; width:100%;}
			.mainpopupBrand .Center .logo{display:inline-block; position:relative; width:20%;}
			.mainpopupBrand .Center .logo img{display:inline-block; width:100%; aspect-ratio:1/1;}
			/* 브랜드문구와이미지 (사용하지않음20251023) */
			.mainpopupBrand .Left{flex: 1 0 0; display:flex; position:relative;}
			.mainpopupBrand .Left .brand{display:inline-flex; position:relative; flex-direction:column; align-self:flex-end; gap:var(--padding-sm); padding-left:var(--padding-xl); padding-bottom:var(--padding);}
			.mainpopupBrand .Left .title{display:block; position:relative; font-size:var(--font-size-xl); font-weight:var(--font-weight-bold);}
			.mainpopupBrand .Left .logo{display:block; position:relative;}
			.mainpopupBrand .Left .logo img{display:block; position:relative; header:3.2rem;}
			.mainpopupBrand .Left .branch{display:block; position:relative; color:var(--font-color-lowlow); font-size:var(--font-size-sm);}
			.mainpopupBrand .Right{flex: 1 0 0; display:flex; position:relative;}
			.mainpopupBrand .Right .thum{display:flex; position:relative; width:100%; aspect-ratio: 404 / 380; overflow: hidden;}
			.mainpopupBrand .Right .thum img{display:block; width:100%; height:100%; object-fit:cover;}

	/* 별도조정-배너수량에따른조정 */
	.mainPopup .swiperArea.num1 .mainpopupBrand{flex-basis:80%;}
	.mainPopup .swiperArea.num2 .mainpopupBrand{flex-basis:70%;}
	.mainPopup .swiperArea.num3 .mainpopupBrand,
	.mainPopup .swiperArea.num4 .mainpopupBrand{flex-basis:40%;}
	.mainPopup .swiperArea.num5 .mainpopupBrand,
	.mainPopup .swiperArea.num6 .mainpopupBrand{flex-basis:30%;}
	.mainPopup .swiperArea.num7 .mainpopupBrand,
	.mainPopup .swiperArea.num8 .mainpopupBrand,
	.mainPopup .swiperArea.num9 .mainpopupBrand,
	.mainPopup .swiperArea.num10 .mainpopupBrand{display:none;}
	/* 메인팝업하단-하루동안열지않기 */
	.modalMainpopup .modal-tail{}
	.modalMainpopup .modal-tail label input[type=checkbox]{background-color:var(--primary);}
	.modalMainpopup .modal-tail label{}
	
@media (min-width: 768px) and (max-width: 991.98px) {
/* 메인팝업 */
.modalMainpopup{}
.modalMainpopup .modal-dialog{width:1000px;}
.modalMainpopup .modalpop-container{}
.modalMainpopup .modalpop-head{}
.modalMainpopup .modalpop-head .Btn{}

/* 롤링배너 */
.mainPopup{}
.mainPopup .swiperArea{}
	/* 메인팝업-배너영역 */
	.mainPopup .swiper{}
}

@media (max-width: 767.98px) { /* 모바일 only: ~767.98px 스마트폰 전용 스타일 */
/* 메인팝업 */
.modalMainpopup{}
.modalMainpopup .modal-dialog{width:100%;}
/* 롤링배너 */
.mainPopup{width:100%;}
.mainPopup .swiperArea{width:100%;}
	/* 메인팝업-배너영역 */
	.mainPopup .swiper{flex-basis:100%;  width:100%;}
		/* 컨트롤러 */
		.mainPopup .swiper-counterSet{display:flex; }
	/* 메인팝업-버튼영역 */
	.mainPopup .swiper-pagination-custom{display:none;}
		/* 메뉴버튼 */
		.mainPopup .btnList{}
		/* 브랜드 */
		.mainpopupBrand{}

}


/* =========================================================================== */
/* =========================================================================== */
/* [모달]메인팝업스폐셜 */
.blockmodalPopup.modalSpeciallMainPopup{}
.modalSpeciallMainPopup{width:42rem; aspect-ratio: 820 / 1500; }
.modalSpeciallMainPopup .modal-dialog{width:100%; }
.modalSpeciallMainPopup .modalpop-head{}
.modalSpeciallMainPopup .modalpop-container{}
/* 모달컨텐츠 */
.speciallMainPopup{display:flex; position:relative;}

.speciallMainPopup .innerCont{display:flex; position:relative;}
	/* 배경용이미지 */
	.speciallMainPopup .bgArea{display:block; position:relative;}
	/* 컨텐츠 */
	.speciallMainPopup .contArea{display:flex; position:absolute; inset:0% 0% 0% 0%; width:100%; flex-direction:column; justify-content:flex-end; align-items:center; gap:var(--padding-lg); padding:var(--padding-lg);}
		/* 카운트영역 */
		.speciallMainPopup .top{display:flex; position:relative; justify-content:center; align-items:center; width:100%;}
			/* FlipClock카운트다운 */
			.mainClockBox{display:inline-flex; position:relative; align-items:center; overflow: hidden;}
			.mainClockBox #mainClock{display:inline-flex;  position:relative; margin:0 auto;}
			.mainClockBox #mainClock > *{height:5.4rem;}
			.mainClockBox .flip-clock-label{display:none;} /* 안내문구 */
			.mainClockBox .flip-clock-wrapper ul{margin: 3px; width: 4rem; height: 6rem; font-size: 4rem; line-height: 1.36em; }
			.mainClockBox .flip-clock-wrapper ul li + li{}
			.mainClockBox .flip-clock-divider{width:1rem;}
			.mainClockBox .flip-clock-wrapper .inn,
			.mainClockBox .flip-clock-wrapper ul li a div{font-size: 4rem; line-height: 1.36em;}
		/* 하단신청영역 */
		.speciallMainPopup .bottom{display:flex; position:relative; width:100%;}
			/* 신청폼 */
			.speciallMainPopup fieldset{font-size:1.4rem; display:flex; position:relative; flex-direction:column; gap:var(--padding); width:100%; border-radius:var(--border-radius-lg); background-color:var(--bg-color); box-shadow: var(--box-shadow); padding:var(--padding-lg) var(--padding-2xl);}
			.speciallMainPopup fieldset .Title{display:block; position:relative; text-align:center; letter-spacing:-1px;}
			.speciallMainPopup fieldset .Title em{display:block; position:relative; font-size:var(--font-size-lg); letter-spacing:-1px;}
			.speciallMainPopup fieldset .Title strong{font-weight:var(--font-weight-bold);}
			.speciallMainPopup fieldset .Title p{display:block; position:relative; font-size:var(--font-size-xs);}
			.speciallMainPopup .formList{display:flex; position:relative; flex-direction:column; gap:var(--padding-lg);}
			.speciallMainPopup .formset{border-radius:var(--border-radius-2xl); background-color:var(--bg-color-light); padding-left:var(--padding); padding-right:var(--padding);}
			.speciallMainPopup .formset .Entry{padding:0px; min-width:10%;}
			.speciallMainPopup .formset .Entry span{font-size: var(--font-size);}
			.speciallMainPopup .formset .Field{flex:1;}
			.speciallMainPopup .formset .item{flex:1; min-height:2.2rem;}
			.speciallMainPopup .formset .item::after{display:none;}
			.speciallMainPopup .formList .Box{display:flex; position:relative; width:100%; justify-content:center; border-radius:var(--border-radius-2xl); background-color:var(--bg-color-light); padding:var(--padding);}
			.speciallMainPopup .agreebar{letter-spacing:-1px;}
			.speciallMainPopup .submit{display:block; position:relative;}
			.speciallMainPopup .submit .Btn{width:100%;}



@media (max-width: 767.98px) {
/* [모달]메인팝업스폐셜 */
.blockmodalPopup.modalSpeciallMainPopup{width:90%;}
.modalSpeciallMainPopup{}
.modalSpeciallMainPopup .modal-dialog{}
		/* 하단신청영역 */
		.speciallMainPopup .bottom{}
			/* 신청폼 */
			.speciallMainPopup fieldset{padding:var(--padding-lg) var(--padding-xl);}
			.speciallMainPopup fieldset .Title{}
			.speciallMainPopup fieldset .Title em{}
			.speciallMainPopup .formset{flex-direction: row;align-items: center;}

}



/* =========================================================================== */
/* =========================================================================== */