/* wrap */
.gs-modal { xdisplay:none; position:absolute; top:0; left:0; z-index:10000; width:100%; min-height:100%; min-height: 100vh; }

/* dimmed */
.gs-modal .dimmed { position:fixed; top:0; left:0; width:100%; min-height:100%; min-height: 100vh; background:#000; opacity:.2; filter:alpha(opacity=20); }

/* modal */
.gs-modal .modal-container { position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); background-color:#FFF; border-radius:7px; }
@media all and (min-width:1024px) {
	.gs-modal .modal-container { width:370px; }
} 
@media all and (min-width:768px) and (max-width:1023px) {
	.gs-modal .modal-container { width:90%; }
} 
@media all and (max-width:767px) {
	.gs-modal .modal-container { width:90%; }
}

/* body */
.gs-modal .header { color:#FE3368; font-weight:bold; font-size:20px; border-bottom:3px solid #FE3368; padding:15px; text-align:center; }
.gs-modal .body { color:gray; font-weight:bold; font-size:15px; padding:20px; text-align:center; border-bottom:1px solid #D4D4D4; }
.gs-modal .confirm, .gs-modal .confirm td { padding:15px; text-align:center; color:gray; font-size:17px; cursor:pointer; }
.gs-modal .confirm td:nth-child(1) { border-right:1px solid #D4D4D4; }