@charset "UTF-8";

#multiPopup .swiper-pagination-bullet {width:10px !important; height:10px !important; opacity:1 !important; margin-left:3px !important; margin-right:3px !important; bottom:40px !important; background:#ffffff !important;}
#multiPopup .swiper-pagination-bullet-active {background: #111111 !important;}

#multiPopup {display:none; justify-content: center; align-items: center; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index:200000000;}
#multiPopup .bannerWrap {width:90%; max-width:516px; background-color:#f5f5f5;}
#multiPopup .bannerWrap .bannerCell {position:relative;}
#multiPopup .bannerWrap .mBannerCell {display:none;}
#multiPopup .bannerWrap .bannerCell .imgCell {overflow:hidden;}
#multiPopup .bannerWrap .bannerCell .imgCell img {display:block; width:100%;}
#multiPopup .bannerWrap .bannerCell .imgCell .popupImg {cursor:pointer;}
#multiPopup .bannerWrap .bannerCell .buttonCell {display:flex; align-items: center; border-top:solid 1px #e0e0e0; border-left:solid 1px #e0e0e0; cursor:pointer;}
#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton {
	display:flex;
	justify-content: center;
	align-items: center;
	flex:1;
	height:40px;
	font-size:14px;
	color:#606060;
	font-family:Pretendard-Light;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	border-right:solid 1px #e0e0e0;
	border-bottom:solid 1px #e0e0e0;
	padding:0 5px;
	box-sizing:border-box;
	background-color:#ffffff;
	letter-spacing: -1px;
}
#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton span {vertical-align:middle; padding-bottom:5px; box-sizing: border-box;}
#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton.on {color:#dda478; font-family:Pretendard-Medium; background-color:#ffffff;}
#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton.on span {opacity:1;}
#multiPopup .bannerWrap .bannerCell .btnSpClose {display:none; position:absolute; top:0; right:-45px; font-size:40px; color:#ffffff; cursor:pointer;}
#multiPopup .bannerWrap .todayNoCell {position:relative; font-size:14px; color:#ffffff; text-align:left; padding:10px; background-color:#343434;}
#multiPopup .bannerWrap .todayNoCell input {vertical-align:middle;}
#multiPopup .bannerWrap .todayNoCell .btnSpClose {position:absolute; right:10px; top:5px; font-size:26px; cursor: pointer;}


@media (max-width:768px){
	#multiPopup .bannerWrap {width:90% !important; height:auto; overflow: hidden;}
	#multiPopup .bannerWrap .bannerCell .imgCell {display:none;}
	#multiPopup .bannerWrap .bannerCell .buttonCell {flex-wrap:wrap;}
	#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton {flex:none; font-size:12px; width:33.33333333%;}

	#multiPopup .bannerWrap .mBannerCell {display:block;}

	#multiPopup .bannerWrap .mBannerCell {position:relative;}
	#multiPopup .bannerWrap .mBannerCell .swiper-slide img {display:block; width:100%;}

	#multiPopup .bannerWrap .mBannerCell .btnSpClose {display:none; position:absolute; top:-35px; right:0; width:30px; cursor:pointer;}

	#multiPopup .bannerWrap .todayNoCell {font-size:14px; color:#ffffff; text-align:left; padding:7px;}
	#multiPopup .bannerWrap .todayNoCell .btnSpClose {font-size:22px;}
}