.btn { width:100%; text-align:center;}
.btn .btn-open {cursor:pointer;z-index: 999;display:inline-block;padding:15px 40px;margin:40px 5px 10px 5px;background:#CE3076;font-size:15px;font-weight:600;color:#FFFFFF;}
.btn .btn-open:hover {background:#AB3066;text-decoration:none;color:#FFFFFF;}
.btn .btn-list {cursor:pointer;z-index: 999;display:inline-block;padding:15px 40px;margin:40px 5px 10px 5px;background:#7F7F7F;font-size:15px;font-weight:600;color:#FFFFFF;}
.btn .btn-list:hover {background:#616161;text-decoration:none;color:#FFFFFF;}


.btn_mint {display:inline-block;padding:15px 40px;margin:20px 5px 10px 5px;background:#00A2A5;font-size:15px;font-weight:600;color:#FFFFFF;}
a.btn_mint {color:#FFFFFF;}
.btn_mint:hover{background-color:#067E80; text-decoration:none;color:#FFFFFF;}

.btn_grey {display:inline-block;padding:15px 40px;margin:20px 5px 10px 5px;background:#7F7F7F;font-size:15px;font-weight:600;color:#FFFFFF;}
a.btn_grey {color:#FFFFFF;}
.btn_grey:hover{background-color:#616161; text-decoration:none;color:#FFFFFF;}


.modal {
	position: fixed;
	top: 51%;
	left: 51%;
	
	transform: translate( calc(-50% + 0.5px), calc(-50% + 0.5px)) scale(0.7);
/*	transform: translate(-51%, -51%) scale(0.7);	*/

	z-index: -1;
	opacity: 0;
	transition: 0.5s;
}
.modal.active {
	opacity: 1.0;
/*	visibility: visible;*/
	transform: translate( calc(-50% + 0.5px), calc(-50% + 0.5px)) scale(1.0);
/*	transform: translate(-51%, -51%) scale(1.0);	*/

	z-index: 20 !important;
}


.modal-content {
		position: relative;
		width: 100%;
		max-width: 1200px;
		background: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
		overflow: hidden;
		border: 5px solid #3A5DB9;
		z-index: 120;
	}
	
.modal-content > div {
		padding: 4%;
}

.desc {
		text-align: center;
	}
	.desc-header h2{
		font-size:30px; 
		font-weight:600; 
		text-align:left; 
		padding:20px 0 40px 0;
	}
	.desc-content {

	}

	.desc-content button {
		display: block;
		width: 100%;
		border: none;
		background-color: crimson;
		color: #fff;
		cursor: pointer;
		padding: 7px;
	}

.btn-close {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #3A5DB9;
	border: none;
	outline: none;
	font-size: 25px;
	color: #fff;
	cursor: pointer;
	padding:10px 15px;
}
.btn-close:hover {color: #000;}
.desc-content button {
	display: block;
	width: 100%;
	border: none;
	background-color: crimson;
	color: #fff;
	cursor: pointer;
	padding: 7px;
}

@media (max-width:640px) {
	
	    .desc-header h2{font-size:22px;padding:40px 0 20px 0;}

	}


    .data_table1 {clear:both;overflow:hidden;width:100%;margin-bottom:20px;border-collapse:separate; border-top:1px solid #000;}
	.data_table1 caption {padding:10px 0 0 10px;margin:10px 0;text-align:left;font-size:1.1em;font-weight:600;letter-spacing:-0.05em;}
	.data_table1 caption span {float:right;right:0;font-size:0.8em;font-weight:400;color:#333;}
	.data_table1 thead th {padding:10px 0;text-transform:uppercase;font-weight:600;font-size:1.0em;}
	.data_table1 thead th.none {border-top:none;}
	.data_table1 thead th:last-child,
	.data_table1 tbody td:last-child,
	.data_table1 tfoot td:last-child {border-right:0;}
	.data_table1 th,
	.data_table1 td {padding:15px;font-size:1.0em;font-weight:400;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;color:#333;text-align:center;}
	.data_table1 tbody th {font-weight:600;}
	.data_table1 tbody th strong.r {color:#E50005;}
	.data_table1 tbody td strong.m_tel { display:none;}
	.data_table1 tbody td span {font-size:0.8em;}
	.data_table1 tbody td ul {padding:0;margin:0 0 0 10px;list-style:none;}
	.data_table1 tbody td ul li {padding:5px 0 5px 10px;margin:0;line-height:1.8em;background:url(/apply/images/s_bulet.gif) no-repeat 0 15px;}
	.data_table1 tbody td ul li ul {padding:0;margin:3px 0 10px 5px;list-style:none;}
	.data_table1 tbody td ul li ul li {padding-left:10px;margin:3px 0;font-size:0.9em;font-weight:400;line-height:1.4em;color:#666;text-align:left; background-repeat:no-repeat;background-position:0 6px;background-size:3px;}
	.data_table1 tfoot th,
	.data_table1 tfoot td {background-color:#f6f6f6;}
	.data_table1 tbody td.txLeft {text-align:left;}
	.data_table1 tbody td.txCenter {text-align:center; border-bottom:1px solid #000;}
	.data_table1 tbody td.line {border-right:1px solid #CCCCCC;}
	.data_table1 tbody th.lineweight {border-right:3px solid #CCCCCC;}
	.data_table1 tbody th {background-color:#FAFAFA;}
	.data_table1 thead th.lineweight {border-right:3px solid #CCCCCC;}

	.data_table1 td input {padding:6px;border:solid 1px #888; margin:2px 0;}
	.data_table1 td select {padding:5px;border:solid 1px #888;margin:2px 0;}
	
	
	.data_table1 td .btn{display:inline-block;margin: 2px 3px;min-width:inherit; width:120px;height:30px;line-height:30px;font-size:14px;padding:0 10px;color:#fff;background:#696e7f;border:none;box-sizing:border-box;cursor:pointer;vertical-align:middle;border-radius:2px;}
	
	 label {cursor:pointer; vertical-align:sub;}
	 
	 @media (max-width:640px) {
	
		.data_table1 th,
	    .data_table1 td {padding:10px;font-size:12px;}

	}



	@media all and (max-width:1200px) {
   	 .modal-content {
		width: 94%; margin-left:3%; margin-right:3%;
	}
	}
	@media (max-width:820px) {
		.modal-content {
			width: 94%; margin-left:3%; margin-right:3%;
		}
	}
    @media (max-width:770px) {
		.modal-content {
			width: 94%; margin-left:3%; margin-right:3%;
		}
	}
	@media (max-width:640px) {

		.modal-content {
			width: 96%; margin-left:2%; margin-right:2%;
		}

	}


   @media (max-width:640px) {
		.data_table1 colgroup col {width:100%;}
		.data_table1 th {width:100%; display:block; border-right:none;}
		.data_table1 td { width:100%; display:block; border-right:none;}
	}
.btn { width:100%; text-align:center;}
.btn .btn-open {cursor:pointer;z-index: 9;display:inline-block;padding:15px 40px;margin:40px 5px 10px 5px;background:#CE3076;font-size:15px;font-weight:600;color:#FFFFFF;}
.btn .btn-open:hover {cbackground:#AB3066;text-decoration:none;color:#FFFFFF;}
.btn .btn-list {cursor:pointer;z-index: 9;display:inline-block;padding:15px 40px;margin:40px 5px 10px 5px;background:#7F7F7F;font-size:15px;font-weight:600;color:#FFFFFF;}
.btn .btn-list:hover {background:#616161;text-decoration:none;color:#FFFFFF;}

#btn_cancel,
#btn_submit {z-index: 200 !important;}

/* bg_sheet */
	.bg_sheet {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		padding: 30px 10px 50px 10px;
		background: rgba(0,0,0,.75);
		visibility: hidden;
		z-index: 20;
	}
	.layer-content .contents {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		z-index: 21;
		opacity: 0;
		transform: scale(0.5);
		transition: all .2s;
	}
	.layer-content .contents img { max-width:100%; }

	.opened_layer { overflow: hidden; }
	.opened_layer .bg_sheet.active { visibility: visible; }
	.opened_layer .bg_sheet.active .layer-content .contents { 
		transform: none;
		opacity: 1;
	}

	.layer-content .contents {
		max-width: 1200px;
		overflow: hidden;
		z-index: 23;
	}
	.layer-content .contents:before {
		content: '';
		position: absolute;
		left: 0; 
		top: 0;
		width: 100%;
		height: 0 !important; /*70px;*/
		background: #fff;
		z-index: 26;
	}