@charset "utf-8";

/* ==============================
   popup.css
   레이어 팝업 스타일
   ============================== */

#popupBg {
  display:none;
  position:fixed;
  top:0; left:0; right:0; bottom:0;
  background:rgba(0,0,0,0.5);
  z-index:999;
}

#popupLayer {
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:450px;
  background:#fff;
  border-radius:10px;
  border:2px solid #444;
  box-shadow:0 0 15px rgba(0,0,0,0.4);
  z-index:1000;
  overflow:hidden;
  text-align:center;
}

#popupLayer img {
  width:100%;
  height:auto;
  display:block;
}

#popupLayer .popup-footer {
  padding:10px 0;
  background:#f8f8f8;
}

#popupLayer button {
  margin:5px;
  padding:8px 14px;
  border:none;
  border-radius:5px;
  cursor:pointer;
  font-size:14px;
}

.close-btn {
  background:#888;
  color:#fff;
}
.close-btn:hover {
  background:#666;
}

.noshow-btn {
  background:#0a84ff;
  color:#fff;
}
.noshow-btn:hover {
  background:#006fd6;
}