@charset "UTF-8";

#multiPopup .branchName {box-sizing: border-box; padding:10px 15px; text-align:center; background-color:#000000; color:#ffffff; font-size:18px; font-weight:bold;}
#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: #498cff !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.7); z-index:10000000;}
#multiPopup .bannerWrap {width:1082px; height:644px; background-color:#333333;}
#multiPopup .bannerWrap .bannerCell {position:relative;}
#multiPopup .bannerWrap .mBannerCell {display:none;}
#multiPopup .bannerWrap .bannerCell .imgCell {width:100%; height:644px; overflow:hidden;}
#multiPopup .bannerWrap .bannerCell .imgCell .popupImg {cursor:pointer;}
#multiPopup .bannerWrap .bannerCell .imgCell a {display: block; width: 100%; height: 644px;}
#multiPopup .bannerWrap .bannerCell .imgCell img {position:absolute; top:0; left:0; width:100%; max-height: 644px;}
#multiPopup .bannerWrap .bannerCell .buttonCell {display: flex; align-items: center; height:44px; text-align:left;cursor:pointer;}
#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton {
	width:100%;
	height:100%;
	color: #333;
	font-size:15px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:middle;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:#ffffff;
	font-family: 'notoSansR','돋움','dotum';
	letter-spacing: -1px;
}
#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton:not(:last-of-type){border-right: 1px solid #d9d9d9;}
#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton span {font-size:20px; opacity:0; vertical-align:middle; padding-bottom:5px; box-sizing: border-box;}
#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton.on {color: #fff; background-color:#16aa9d;}
#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton.on span {opacity:1;}
#multiPopup .bannerWrap .bannerCell .btnSpClose {position:absolute; top:0; right:-50px; width: 35px; height: 35px;cursor:pointer;}
#multiPopup .bannerWrap .todayNoCell {font-size:14px; color:#ffffff; text-align:right; padding-top:3px; padding-right:10px; padding-bottom:5px;}
#multiPopup .bannerWrap .todayNoCell input {vertical-align:middle;}

@media (max-width:1300px){
	#multiPopup .bannerWrap{max-width: 640px; width: 100%;height: 400px;}
	#multiPopup .bannerWrap .bannerCell .imgCell {height: 380px;}
}

@media (max-width:768px){
	#multiPopup .bannerWrap {width:90% !important; height:auto; background-color:#333333;}
	#multiPopup .bannerWrap .bannerCell {display:none;}
	#multiPopup .bannerWrap .mBannerCell {display:block;}

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

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

	#multiPopup .bannerWrap .todayNoCell {font-size:14px; color:#ffffff; text-align:right; padding-top:2px; padding-right:10px; padding-bottom:5px;}
}