.layer_board_bg,
.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;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	/* background: #fff; */
	text-align: center;
	z-index: 2000;
	/* padding: 50px; */
	width: 90%;
	max-width: 1000px;
	box-shadow: 0px 0px 20px #ffffff;
}

.btn_close {
    width: 10vw;
    height: 10vw;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
@media (min-width: 821px) {
    .btn_close {
        width: 100px;
        height: 100px;
    }
}


.btn_obi {
    display: block;
    text-decoration: none;
        background: #ffffffd2;
    color: #000;
    text-align: center;
    padding: 8px 20px;
    width: 100%;
    margin: 0px 0 0 0%;
    z-index: 3000;
    position: absolute;
    font-weight: 800;
    font-size: 13px;
    backdrop-filter: blur(10px);
    line-height: 1.4;
    box-shadow: 0px 0px 20px #ffffff;
}

@media (min-width: 821px) {
    .btn_obi {
        text-align: center;
        padding: 14px 30px;
        width: 100%;
        margin: -150px 0 0 0%;
        font-size: 14px;
        background: #ffffffd2;
        box-shadow: 0px 0px 0px #ffffff;
		    backdrop-filter: blur(10px);
    }
}

.pop-btn a {
    background: #000;
    border-radius: 20px;
    position: relative;
    display: flex
;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 180px;
    padding: 6px 20px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    font-size: 13px;
}