@media screen and (max-width: 768px) {
	.main_popup {
		position: fixed;
		width:70%;
		right: calc(15%);
		top: calc(50% - 155px);
		z-index: 300;
		box-shadow: 2px 3px 3px 2px rgba(0, 0, 0, 0.4);
		transition: all 0.5s;
		pointer-events: none;
		opacity: 0;
	}
	.main_popup img:first-child {
		width:100%;
	}
	.close_btn {
		width: 25px;
		height: 25px;
		position: absolute;
		top: 0;
		right: -30px;
		cursor: pointer;
		border: 1px solid #ddd;
		border-radius: 12px;
		padding:2px;
	}
}

@media screen and (min-width: 769px) {
	.main_popup {
		position: fixed;
		width:500px;
		height:375px;
		right: calc(7%);
		top: calc(55% - 155px);
		z-index: 300;
		box-shadow: 2px 3px 3px 2px rgba(0, 0, 0, 0.4);
		transition: all 0.5s;
		pointer-events: none;
		opacity: 0;
	}
	.main_popup img:first-child {
		width: 100%;
	}
	
	.close_btn {
		width: 20px;
		height: 20px;
		position: absolute;
		bottom: -10px;
		right: 3px;
		z-index: 300;
		cursor: pointer;
		border: 1px solid red;
		padding:2px;
	}
}