#layer_popup {width:602px; margin: 0 auto; position:fixed; background:#fff;  z-index: 999; box-shadow:2px 3px 10px rgba(0,0,0,0.3);
 box-sizing:border-box; height:auto; border:1px solid #111; top:100px;left: calc(50% - 500px);
  /*top: calc(50% - 200px);  left: calc(50% - 200px);*/} 

#layer_popup2 {width:500px; margin: 0 auto; position:fixed; background:#fff;  z-index: 999; box-shadow:2px 3px 10px rgba(0,0,0,0.3);
 box-sizing:border-box; height:auto; border:1px solid #111; top:100px;left: calc(50% + 100px);
  /*top: calc(50% - 200px);  left: calc(50% - 200px);*/} 


/*#layer_popup iframe {width:100%; height:270px;   }*/
.popup body {margin:0 !important;}
.popup img {vertical-align:top;}
.close {clear:both; overflow:hidden; padding:5px;  }
.close div{float:left; text-align:right;}
#check{font-size:14px; color:#333; position:relative; padding-top:4px; }
#close{font-size:12px; position:relative; float:right; }
#close a {display:block; color:#fff; z-index:9999; background-color:#111; padding:5px 10px; }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
#layer_popup {width:320px; height:auto; box-sizing:border-box; height:auto; left: 50%; transform: translate(-50%,0)  } 
#layer_popup2 {width:320px; height:auto; box-sizing:border-box; height:auto; left: 50%; transform: translate(-50%,0)  } 
/*#layer_popup iframe {width:100%; height:300px;   }*/	
.popup p {color:#fff; font-size:14px; padding:0px 0px 0px 0px !important;}
.popup img{max-width:100%;}
#check{font-size:12px; }
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}