@charset "UTF-8";


/*1. 전체 화면에 검은투명화면 덮기*/
.wrap_black {
	z-index: 10001;
	position: fixed; 
	top: 0;
	width: 100%; 
	height: 100%; 
	background: rgba(0,0,0,.2);
}

/*2. 그 위에 alert 창*/
.alert_box, .confirm_box {
	padding: 40px 0 5px 0; 
	width: 100%; 
	height: auto;
	background: rgba(0,0,0,0.8); 
	box-sizing: border-box;
	text-align: center;
}

/*3. alert창 안의 contents*/
.alert_box > p {
	text-align: center; 
	font-size: 16px; 
	color: #ffffff;
	font-weight: bold;
	line-height: 150%;
}
.alert_box > input {
	margin: 25px auto; 
	display: block;
	width: 115px; 
	height: 30px; 
	color: #ffffff;
	font-size: 16px;
	background: #6ea1d6;
	cursor: pointer;
	line-height: 100%;
}
.alert_box > input:active {
	background: #444444;
}

.confirm_box > p {
	text-align: center; 
	font-size: 16px; 
	color: #ffffff;
	font-weight: bold;
	line-height: 150%;
}
.confirm_box > input {
	margin: 25px auto; 
	display: inline-block;
	width: 115px; 
	height: 30px; 
	color: #ffffff;
	font-size: 16px;
	background: #6ea1d6;
	cursor: pointer;
	line-height: 100%;
}
.confirm_box > input:active {
	background: #444444;
}

.pointer {
	cursor: pointer;
}