@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: 400px;margin-left: -200px;padding: 0 25px;height: auto;background-color: #fff;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 {color:#000;line-height: 60px;font-size: 1.45em;padding: 0;margin-bottom:30px;font-weight:700;border-bottom:1px solid #000;}
.view-layer p.title strong{ color:#007c86; font-weight:700;}
.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;overflow: hidden;}
.view-layer .input_box input[type=text], 
.view-layer .input_box input[type=password] { width:100%; height:40px;}

.view-layer a.btn-layerClose {display: block;position:absolute;right: 0;top: 15px;width: 30px;height: 30px;font-size:0;}
.view-layer a.btn-layerClose:before{content:'';display:block;position:absolute;right: 10px;top:0;width: 2px;height: 30px;background: #000;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.view-layer a.btn-layerClose:after{content:'';display:block;position:absolute;right: 10px;top:0;width: 2px;height: 30px;background: #000;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}

@media all and (max-width: 450px) {
	.view-layer{width:410px;margin-left: -205px;padding: 0 10px;}
	.view-layer p.title{line-height:1.4;padding: 15px 0px;margin-bottom: 15px !important;}
	.view-layer a.btn-layerClose{top: 15px;width: 25px;height: 25px;}
	.view-layer a.btn-layerClose:before,
	.view-layer a.btn-layerClose:after{height: 25px;}
	.view-layer .txt{ margin-bottom:10px;}
}
@media all and (max-width: 400px) {
	.view-layer { width: 300px; margin-left: -150px; top: 10%; }
}