/*20170919 by jin: for pop-up panel*/
.PopupPanel{
	position:fixed;
	top:0;
	left:0;
	z-index:20001;
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,0.85);
	pointer-events: all;
	text-align:center;
	opacity:0;
	perspective: 500px;
	-ms-touch-action: none;
	touch-action: none;
}

.PopupPanel .vAlign{
	width:0;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}

.PopupPanel .board{
	display:inline-block;
	vertical-align:middle;
	background-color:#DDD;
	opacity:0;
	transform: rotateX(30deg);
	transform-style: preserve-3d;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.PopupPanel .btnBG{
	cursor:pointer;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.PopupPanel .btnClose{
	cursor:pointer;
	position:absolute;
	right:20px;
	top:20px;
	width:32px;
	height:32px;
	background-image:url(/images/common/ico_closeA_1.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}

.PopupPanel .upperLayer{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	text-align: center;
	opacity: 1;
}

.PopupPanel .upperLayerA{
	pointer-events: all;
}

@media screen and (max-width:768px){
	.PopupPanel .btnClose{
		width:4.2vw;
		height:4.2vw;
	}
}