@media (max-width: 767px){
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: #000;
}

.layer_board {
	display: none;
	position: fixed;
	margin: 50px 0px 0px 0px;
	
	text-align: center;
	z-index: 2000;
}

.close{
	margin: 30px 0px;
}

.close img{
	width:  120px;
}



.pr_img img{
	width: 80%;
}
}




@media (min-width: 768px){	
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: #000;
}

.layer_board {
	display: none;
	position: fixed;
	left: 45%;
	margin: 50px 0px 0px -285px;
	
	text-align: center;
	z-index: 2000;
}

.close{
	margin: 30px 0px;
}


.pr_img img{
	width: 700px;
}
}