.mp-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap-reverse;
}

.popup_container {
  margin: 5px;
  position: relative;
  min-width: 400px; 
  max-width: 450px; 
  min-height: 550px;
  max-height: 700px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-image: url('/ui12/images/pop_notice_bg.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-color: #181818;
}

.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: #181818;
  /* background-image: url(/ui15/images/modal-banner-bg.bf2e503d.jpg); */
}

.mp-header.ui4 {
  background-image: url('/ui14/images/popup_noti_top.png?1');  
}

.mp-body {
  margin: 0;
  padding-bottom:10px;
  min-height:550px;
  max-height:580px;
  overflow-y: auto;  
}

.mp-body .imgbox {
  margin:0;
  padding: 0 0 30px 0;
  text-align: left;  
}

.mp-body .textbox {
  padding: 20px;
  text-align: left;  
}

.mp-footer{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

/* 스크롤바의 폭 너비 */
.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: 0;
  right: 10px;
  border-radius: 0;
  line-height: 1;
  transition: color 200ms ease-in-out;
  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;
}

.notice_popup_wrapper{
    position: absolute;
    top:100px;
    width:100%;
    z-index: 9999;
    background-color: transparent;       
}