@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:100000;}
#multiPopup .bannerWrap {width:755px; height:625px; background-color:#333333;}
#multiPopup .bannerWrap .bannerCell {position:relative;}
#multiPopup .bannerWrap .mBannerCell {display:none;}
#multiPopup .bannerWrap .bannerCell .imgCell {width:500px; height:600px; overflow:hidden;}
#multiPopup .bannerWrap .bannerCell .imgCell .popupImg {cursor:pointer;}
#multiPopup .bannerWrap .bannerCell .imgCell img {position:absolute; top:0; left:0; width:600px;}
#multiPopup .bannerWrap .bannerCell .buttonCell {position:absolute; top:0; right:0; width:175px; height:600px; text-align:left; overflow:hidden; cursor:pointer;}
#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton {
	width:172px;
	height:50px;
	font-size:14px;
	color:#ffffff;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:49px;
	vertical-align:middle;
	border-bottom:solid 1px #cccccc;
	padding-left:5px;
	margin-left:20px;
	box-sizing:border-box;
	background-color:#929292;
	/*font-family: 'notoSansR','돋움','dotum';*/
	font-family: 'PretendardR';
	letter-spacing: -1px;
}
#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 {width:175px; background-color:#ff7e9a;}
#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton.on span {opacity:1;}
#multiPopup .bannerWrap .bannerCell .btnSpClose {position:absolute; top:0; right:-45px; font-size:40px; color:#ffffff; 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: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:-80px; 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;}
}