/* ===========================
   ===== Modal  =====
   =========================== */


.centering{
	max-width:1200px;
	margin:50px auto;
}

.modal{
	display: none;
	position: fixed;
	z-index: 98;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);
}

.modal-content {
    position: relative;
    background: #fff;
    margin: 50px auto;
    margin-bottom: 50px;
    padding: 50px;
    width: 60%;
    animation: modalanim 0.5s ease;
	text-align: left;
}

.close {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 999;
    width: 30px;
    height: 30px;
    border-radius: 0px;
    background: #222 url(../image/sub/close_btn.png) center center no-repeat;
    color: #fff;
    cursor: pointer;
}

.close:hover {
	background: #000 url(../image/sub/close_btn.png) center center no-repeat;
}

@keyframes modalanim{
	from{top:-100px; opacity:0}
	to{top:0; opacity:1}
}

@keyframes modalanim{
	from{top:-100px; opacity:0}
	to{top:0; opacity:1}
}