html,body {
	height: 100%;
}


* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	
	z-index: 1000;
	
	top: 0;
	left: 0;
	
	display: none;
	cursor: pointer;
	background: #70bdf6;
}

.layer_board {
	box-sizing: border-box;
	display: none;
	position: fixed;
	height: 100%;
	left: 50%;
	padding: 60px;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 60px;
	text-align: center;
	z-index: 2000;
}

.layer_board_wrapper {
    z-index: 9999;
    position: relative;
}
.layer_board img {
    height: auto;
    left: 50%;
    max-height: 85%;
    max-width: 85%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}
.btn_close {
	border:0;
	padding:0;
	margin:0;
	overflow:visible;
	text-indent:-9999px;
	width:40px;
	height:40px;
	position:relative;
	top: -40px;
	right: 0;
	background:url(/assets/css/close.png) no-repeat 0 0;
	outline:none;
	cursor: pointer;
}


@media screen and (max-width: 767px) {
	.layer_board {
		left: 0;
	}
	.layer_board p:first-child img {
		width: 100%;
		height: auto;
	}
}