.popupBox {
  position: fixed;
  top: 80px;  /* 원하는 위치 */
  box-shadow: 0 25px 50px rgba(0,0,0,0.5);
  width: 393px;
  height: auto;
  max-height: 796px;
  background: #fff;
  display: flex;
  flex-direction: column;
  z-index: 9999;
}



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

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

.popupBox .pop { 
  flex: 1 1 auto;
  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 {
    position: fixed !important;
    top: 10% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80% !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* 팝업을 완전히 같은 위치에 겹치게 */
  .popupBox:nth-of-type(1),
  .popupBox:nth-of-type(2) {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

}

@media only screen and (max-width: 740px) {
  .popupBox {
    position: fixed !important;
    top: 10% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80% !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* 팝업을 완전히 같은 위치에 겹치게 */
  .popupBox:nth-of-type(1),
  .popupBox:nth-of-type(2) {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
	

}

@media only screen and (max-width: 640px) {
  .popupBox {
    position: fixed !important;
    top: 10% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80% !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* 팝업을 완전히 같은 위치에 겹치게 */
  .popupBox:nth-of-type(1),
  .popupBox:nth-of-type(2) {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}