#modal {
	visibility:hidden;
	height:180px;
	padding:8px;

	background:rgba(255,240,173,.5);

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

	position:absolute !important;
	top:10% !important;
	left:40% !important;
	z-index:500;
	box-shadow:0px 0px 5px 5px rgba(0,0,0,.2);
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

#heading {
	width:400px;
	height:45px;
    background: #FFD874;
	border-bottom:2px solid #C4B267;

	-webkit-box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);
	box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);

	-webkit-border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;
    font-family: 'NanumBarunGothic', 'serif';
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:42px;
	color:#333;
	text-shadow:0px 1px 0px #fff;
}

#content-cost {
    text-align:center;
	background:#fff;
	width:100%;
	height:74%;
	border-radius:0 0 3px 3px;
}
#content-cost p {
	padding:15px 0 10px;
	width:100%;
	font-size:14px;
	font-weight:bold;
}

#modal .button {
	width:180px;
	height:30px;
	font-size:15px;
	line-height:20px;
}

#modal .button img { 
	float:left;
	width:28px;
    margin-top:-6px;
}

#modal .button.green {
  background: #3da9f2;
  background-image: -webkit-linear-gradient(top, #3da9f2, #1173b0);
  background-image: -moz-linear-gradient(top, #3da9f2, #1173b0);
  background-image: -ms-linear-gradient(top, #3da9f2, #1173b0);
  background-image: -o-linear-gradient(top, #3da9f2, #1173b0);
  background-image: linear-gradient(to bottom, #3da9f2, #1173b0);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
  border: solid #208ac7 1px;
  text-decoration: none;
  margin:0 10px 0 15px;
}

#modal .button.green:hover {
  background: #0fbfff;
  background-image: -webkit-linear-gradient(top, #0fbfff, #066ba1);
  background-image: -moz-linear-gradient(top, #0fbfff, #066ba1);
  background-image: -ms-linear-gradient(top, #0fbfff, #066ba1);
  background-image: -o-linear-gradient(top, #0fbfff, #066ba1);
  background-image: linear-gradient(to bottom, #0fbfff, #066ba1);
  text-decoration: none;
}

#modal .button.red {
  background: #f28603;
  background-image: -webkit-linear-gradient(top, #f28603, #f23308);
  background-image: -moz-linear-gradient(top, #f28603, #f23308);
  background-image: -ms-linear-gradient(top, #f28603, #f23308);
  background-image: -o-linear-gradient(top, #f28603, #f23308);
  background-image: linear-gradient(to bottom, #f28603, #f23308);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
  border: solid #d15d19 1px;
  text-decoration: none;
}

#modal .button.red:hover {
  background: #fac014;
  background-image: -webkit-linear-gradient(top, #fac014, #eb2300);
  background-image: -moz-linear-gradient(top, #fac014, #eb2300);
  background-image: -ms-linear-gradient(top, #fac014, #eb2300);
  background-image: -o-linear-gradient(top, #fac014, #eb2300);
  background-image: linear-gradient(to bottom, #fac014, #eb2300);
  text-decoration: none;
}

/*
@media only screen and (max-width: 767px) {
        
	#modal {
		width:600px;
		height:156px;
		padding:8px;

		margin-left:-150px !important;
		margin-top:-78px;
	}
	#heading {
		width:550px;
		height:28px;

		line-height:28px;
		font-size:0.688em;
	}
	#content-cost {
		background:#fff;
		width:550px;
		height:128px;
		z-index:99999999999999 !important;
   	}
   	#content-cost p {
   		width:500px;
   		font-size:0.688em;
   	}
   	.button img { 
		width:23px;
		height:23px;
	}
	.button {float:left;
		width:70px;
		height:23px;

		line-height:23px;
		font-size:0.688em;
	}
	.button.green {
		margin:0 2px 0 5px !important;
	}
	.button.red {
		margin:0 5px 0 2px !important;
	}
}
*/