.layer-wrap {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}
.layer-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
}
.pop-layer {
    display: inline-block;
    font-family:inherit;
    width:96%;
    max-width:1400px;
    min-width:600px;
    vertical-align: middle;
    text-align:left;
    background-color: #fff;
    border-radius:10px;
    box-shadow:0 0 8px rgba(0,0,0,0.5);
   	overflow:hidden
}

.pop-layer.pop-small {width:640px}
.pop-layer.pop-basic {width:960px}
.pop-layer.pop-medium {width:1080px}
.pop-layer.pop-large {width:1280px}
.pop-layer.pop-xlarge {max-width:inherit}


.pop-layer .pop-head {
	padding:15px 18px;
	color:#fff;
	line-height:1;
	font-size:1.05em;
	background-color:#212121
}

.pop-layer .pop-container {
	min-height:250px;
	max-height:34vw;
    padding:20px 25px;
	overflow:auto
}

.pop-layer .pop-container .pop-conts {
	height:100%
}

.pop-layer .pop-tail {
	padding:10px 25px;
	background-color:#fff;
	border-top:1px solid #ededed;
	box-shadow:0 -2px 8px rgba(0,0,0,0.1)	
}


.pop-container .board_table th, 
.pop-container .board_table td {height:auto;font-size:0.93em}


/*
.pop-layer .btn-r {
    width: 100%;
    margin: 10px 0 20px;
    padding-top: 10px;
    border-top: 1px solid #DDD;
    text-align: right;
}
a.btn-layerClose {
    display: inline-block;
    height: 25px;
    padding: 0 14px 0;
    border: 1px solid #304a8a;
    background-color: #3f5a9d;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
}

.pop-layer-title {
	text-align: left;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 20px;
}
*/


