.popupBox { 
position:fixed; 
z-index:9998; 
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5); 
margin-top: 10%;
margin-left: 3%;
width : 500px;
height : 694px;
}

.popupBox.hide { 
display:none !important; 
}

.popupBox  img {
	max-width:100%;
	max-height :100%;
	object-fit : cover;
	width : 100%;
		height : 100%;
}

.popupBox .pop { 
width:100%; height:100%; background-color:#fff; overflow: hidden; cursor: move; 
}

.popupBox .pop * { 
font-size:initial; line-height:initial; color:#000; font-family: 'Montserrat','NotoSansKR' !important;
}

.popupBox .popup_close_btn { 
width:100%; box-sizing:border-box; height: 30px; line-height:30px; padding:0 4%; background-color:#000;  

}

.popupBox .popup_close_btn div{ 
font-size:14px; color:#fff; cursor:pointer; font-family: 'Montserrat','NotoSansKR' !important;
}

.popupBox .popup_close_btn:after { 
content:""; display:block; clear:both; 
}


@media only screen and (max-width: 1480px) {
	.popupBox {
		margin-top: 100px;
		left : 56px;
		top : 132px;
	}

}

@media only screen and (max-width: 1280px) {
	.popupBox {

		margin-top: 100px;
		left : 56px;
		top : 132px;
	}

}

@media only screen and (max-width: 1024px) {
	.popupBox {

		margin-top: 100px;
		left : 56px;
		top : 132px;
	}

}

@media only screen and (max-width: 740px) {
	.popupBox {
		position : fixed;
		left :5%;
		top : 10%;
		width : 50%;
		height : 40%;
	}
	

}

@media only screen and (max-width: 640px) {
	.popupBox {
		position : fixed;
		left :5%;
		top : 10%;
		width : 50%;
		height : 40%;
	}
	

}