.notice_popup_wrapper{
  position: absolute;
  top: -460px;
  left: 0;
  width:100%;
  height:100vh;
  z-index: 9999;
  gap:10px;
  background-color: transparent;  
  /* border: 2px orange solid; */
  pointer-events: none;
}
/* ✅ 실제 팝업은 다시 이벤트 활성화 */
.notice_popup_wrapper .popup_container {
  pointer-events: auto;
}

.popup_container {
  position: relative;
  min-width: 400px;
  max-width: 450px;
  min-height: 600px;
  max-height: 620px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #212529;
  box-sizing: border-box;
  border-radius: 10px;
}

/* === 모바일 반응형 설정 === */
@media (max-width: 768px) {
  .notice_popup_wrapper {
    top: -280px;
  }
  .popup_container {
    top: 10px;
    left: 0px;
    width: 98%;          /* 화면 폭 꽉 채움 */
    min-width: auto;      /* 최소 폭 제한 해제 */
    max-width: 98%;      /* 화면을 넘지 않게 */
    min-height: auto;     /* 높이도 유연하게 */
    max-height: 600;     
    margin: 10px auto;    /* 화면 가운데 정렬 */
    border: 3px;
    border-radius: 0;     /* (선택) 모바일에서는 모서리 없애기 */
  }
}

.mp-header {
  font-size:16px;
  font-weight:bold;
  padding:10px 14px;
  height: 50px;
  display: flex;
  justify-content: left;
  align-items: left;
  background-size: cover;
  background-position: top;
  border-radius: 15px 15px 0 0;
  background-color: #131313;
}
.mp-body-textbox {
  margin: 0;
  padding-bottom:30px;
  min-height:500px;
  max-height:530px;
  overflow-y: auto;  
  padding: 20px 20px 50px 20px;
  text-align: left;  
}
.mp-body-imgbox {
  margin:0;
  padding: 0 0 60px 0;
  text-align: left;  
  overflow-y: hidden;  
}
.mp-footer{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.mp-logo {max-height: 40px;}
/* 스크롤바의 폭 너비 */
.mp-body::-webkit-scrollbar {
  width: 10px;  
}
.mp-body::-webkit-scrollbar-thumb {
  background: rgb(37, 36, 36); /* 스크롤바 색상 */
  border-radius: 10px; /* 스크롤바 둥근 테두리 */
}
.mp-body::-webkit-scrollbar-track {
  background: rgba(220, 20, 60, .1);  /*스크롤바 뒷 배경 색상*/
}
.mp-close-btn {
  padding: 10px 8px;
  background-color: transparent;
  position: absolute;
  top: 10px;
  right: 10px;
  box-shadow: none;
  color: #ffffff;
}
.mp-close-btn:hover, .mp-close-btn:focus {
  color: #a77362;
}
.mp-close-btn .fa-close:before {
  /*color: #bbb;*/
  content: '\00D7';
  font-size: 20px;
  font-weight: bold;
}
.mp-not-today-btn {
  background: linear-gradient(to bottom,#41081d 0%,#41081d 100%);
  color: #ffffff;
  border-radius: 0;
  height: 40px;
  width: 100%;
  position: bottom;
}
.mp-not-today-btn:hover, .mp-not-today-btn:focus {
  border: 1px solid #721e3d;
}