@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: start; align-items: flex-start; position:fixed; top:100px; left:30px; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:200000000;}
#multiPopup .bannerWrap {width:615px; height:550px; background-color:#333333;}
#multiPopup .bannerWrap .bannerCell {position:relative; height:520px;}
#multiPopup .bannerWrap .mBannerCell {display:none;}
#multiPopup .bannerWrap .bannerCell .imgCell {width:400px; overflow:hidden;}
#multiPopup .bannerWrap .bannerCell .imgCell .popupImg {cursor:pointer;}
#multiPopup .bannerWrap .bannerCell .imgCell img {position:absolute; top:0; left:0; width:495px;}
#multiPopup .bannerWrap .bannerCell .buttonCell {position:absolute; top:0; right:0; width:140px; height:600px; text-align:left; overflow:hidden; cursor:pointer;}
#multiPopup .bannerWrap .bannerCell .buttonCell .bannerButton {
	width:140px;
	height:50px;
	font-size:13px;
	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: 'NanumGothic','돋움','dotum';
	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:-35px; 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;}
}