.layerPopup { display: none; }
.layerPopup img {}

/*.layerPopup:before { display: block; content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9000}*/
.layerPopup:before { display: block; content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9000}

.layerPopup .layerBox { z-index: 10000; position: fixed; left: 50%; top: 48%; transform: translate(-50%, -50%); _padding: 30px; border-radius: 6px; max-width: 30%; }
.layerPopup .layerBox .title { margin-bottom: 10px; padding-bottom: 10px; font-weight: 600; border-bottom: 1px solid #d9d9d9; }

.layerPopup div {position: relative; _display: inline; width: 100%;}
.layerPopup div.cont img {width:100%; height: auto;}

.layerPopup form {margin-top: 5px; font-weight: 600; height: 30px; line-height: 30px}

.layerPopup .close-btn { position:absolute; top:10px; right:20px; font-weight: 600; width: 40px; height: 30px; color: black; float: right; line-height: 30px; text-align: center;}
.layerPopup .close-btn a { text-decoration: none; color: black; width: 50px; height: 40px; font-size:1.3rem;}
.layerPopup label{font-size:1.3rem !important;}

.layerPopup .p-inner{padding:10px 20px; background: #fff;}

/* tablet */
@media screen and (min-width:768px) and (max-width:1400px){
    .layerPopup .layerBox {max-width: 40%;}
}

@media screen and (max-width:767px) {
    .layerPopup .layerBox {max-width: 70%; font-size: 1.2rem;}
}

@media (max-width:375px) {
    .layerPopup .layerBox {max-width: 60%;}
}