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

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

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

.view-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 410px;
  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:44px;
	font-family: 'NBG', 'Dotum';
	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-family:"나눔고딕";
	font-size:14px;
	line-height:20px;
	margin-bottom:20px;
}
.view-layer .inputBox { width:100%}

.view-layer a.btn-layerClose {
  display: inline-block;
  position:absolute;
  right:10px; 
  top:10px;
  padding:5px;  
}
@media all and (max-width: 400px) {
	
.view-layer {
  width: 300px;
}
}