@charset "utf-8";

/* 팝업이 열려있는 동안 배경 스크롤 방지 */
.scroll-lock {
  overflow: hidden;
  width: 100%;
}

/* 뉴스레터 구독 팝업 (사이트 공통) */
.newsletter-overlay{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.45);
  justify-content:center;
  align-items:center;
  z-index:9999;
}

.newsletter-modal{
  width:420px;
  background:#fff;
  border-radius:16px;
  padding:30px;
  box-shadow:0 20px 40px rgba(0,0,0,0.2);
  position:relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:#222;
  font-family: "Pretendard", sans-serif;
}

.modal-close{
  position:absolute;
  right:18px;
  top:14px;
  border:none;
  background:none;
  font-size:22px;
  cursor:pointer;
}

.newsletter-header{
  text-align:center;
}

.newsletter-header h2{
  margin:0;
  font-size:27px;
  font-weight:700;
}

.newsletter-header h3{
  margin:-5px 0 6px 0;
  font-size:25px;
}

.newsletter-desc{
  font-size:13px;
  color:#555;
  line-height:1.5;
  margin-bottom:20px;
}

.newsletter-body label{
  display:block;
  font-size:14px;
  margin-top:5px;
  font-weight:600;
}

.newsletter-body span{
  color:red;
}

.newsletter-body input{
  width:100%;
  padding:10px;
  margin-top:6px;
  border:1px solid #ccc;
  border-radius:6px;
  font-size:14px;
  box-sizing: border-box;
}

.checkbox-area{
  margin-top:12px;
  font-size:12px;
}

.checkbox-area label{
  display:flex;
  margin-bottom:0;
  font-weight:400;
  justify-content: start;
  align-items: center;
}
.checkbox-area input{
  width: 20px;
  height: 14px;
  margin: auto 0;
}
.checkbox-area p {
  display: flex;
  margin-bottom: 0;
  font-weight: 400;
  justify-content: start;
  align-items: center;
  font-size: 14px;
  padding-left: 5px;
  color: gray;
}
.subscribe-btn{
  width:100%;
  margin-top:18px;
  padding:12px;
  border:none;
  border-radius:6px;
  background:#2563EB;
  color:white;
  font-size:15px;
  cursor:pointer;
}

.subscribe-btn:hover{
  background:#3b6ae6;
}