@CHARSET "UTF-8";
html, body{
    width:100%;	
    height:100%;
    margin:0;
    padding:0;
    outline: 1px solid transparent;
    font-size: 1em;
}

.modalWrap {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	z-index:1000;
}

.modalWrap .overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(https://shipget.co.kr/mdg/ver/apk2_0/img/background_layer_160329.png);
	overflow:scroll;
	z-index:1000;
}

.modalWrap .contentWrap {
	padding:10% 4% 20% 4%;
}

.modalWrap .content {
	background:#ffffff;
	font-size:1.2em;
	box-sizing:border-box;
	padding:5%;
}

.modalWrap .content img {
	width:100%;
}

.modalWrap .modalText{
	text-align:center;
	border-bottom:1px dottted grey;
	padding:5% 0 5% 0;
	font-size:0.8em;
}

.modalWrap .closeSpan {
	position:absolute;
	top:4%;
	right:4%;
	font-size:1.5em;
	color:#32b1ca;
	padding:2%;
	z-index:110;
}

.modalWrap .modalBtns {
	box-sizing:border-box;
	width:100%;
	padding:5% 0 5% 0;
}

.modalWrap .leftBtn {
	width:47%;
	heigth:50xp;
	color:#ffffff;
	margin-left:2%;
	border-radius:3px; 
	font-size:1.2em;
	z-index:111;
}

.modalWrap .rightBtn {
	width:47%;
	heigth:50px;
	color:#ffffff;
	margin-left:2%;
	border-radius:3px; 
	font-size:1.2em;
	z-index:111;
}

@media screen and (max-width: 400px) {
	.modalWrap .rightBtn, .modalWrap .leftBtn {
		font-size:1em;
	}
}

.modalWrap .footerBtn {
	width:100%;
	height:50px;
	color:#ffffff;
	background:#32b1ca;
	border:none;
	border-radius:3px; 
	font-size:1.2em;
	z-index:111;
}

.modalWrap .pinkBtn {
	background:#ff7293;
	border:none;
}

.modalWrap .blueBtn {
	background:#32b1ca;
	border:none;
}