@charset "utf-8";
/******************************************************
	레이어 팝업
******************************************************/

.view-layer .pop-container { position:relative}

.view-layer .btn-area { width: 100%; margin: 0px 0 20px; padding-top: 15px; text-align: center; }

.view-layer {display: none;position: absolute;top: 40%;left: 50%;width: 500px;margin-left: -225px;height: auto;background-color: #f8f8f8;border: 5px solid #444;z-index: 9999;}

.dim-layer { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8888; }

.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); }

.dim-layer .view-layer { display: block; }
.view-layer p.title { background:#444; color:#fff; line-height:40px; font-weight: 400; font-size:16px; padding:0 20px; margin-bottom:30px; }
.view-layer p { padding:0 30px; }
.view-layer .txt {text-align:center;font-size:15px;line-height: 1.6;margin-bottom: 15px;letter-spacing: -0.05em;}
.view-layer .inputBox { width:100%}

.view-layer button.btn-close { display: block; position:absolute; right:10px;  top:12px; padding:5px; width:15px; height: 15px; font-size:0;  }
.view-layer button.btn-close:before{ content:''; display:block; position:absolute; right:0; top:0; width:2px; height:15px; background:#fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.view-layer button.btn-close:after{ content:''; display:block; position:absolute; right:0; top:0; width:2px; height:15px; background:#fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}

@media all and (max-width: 450px) {
	.view-layer{ width:410px; margin-left: -205px;}
	.view-layer p.title{line-height:1.4;padding: 10px 20px;}
}
@media all and (max-width: 400px) {
	.view-layer { width: 300px; margin-left: -150px; top: 10%; }
}