.mbsc-calendar-controls.mbsc-ios {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  position: relative !important;
  padding: 10px !important;
}
.mbsc-ios.mbsc-calendar-controls {
  position: relative !important;
  padding: 10px;
}
.mbsc-calendar-title-wrapper {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  display: flex !important;
  pointer-events: none;
}
.mbsc-calendar-button-prev,
.mbsc-calendar-button-next {
  position: relative !important;
  order: 2 !important;
  margin: 0 2px !important;
}
.mbsc-calendar-title {
  font-weight: bold;
  text-align: center !important;
  margin: 0 5px !important;
}

.mbsc-ios.mbsc-datepicker-inline {
  border-top: none;
  border-bottom: none;
}

.mbsc-calendar-label-text {
  color: #000;
  background-color: #eeeeee !important;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  border-radius: 12px;
}

.mbsc-ios.mbsc-calendar-today {
  text-decoration: underline
}
.mbsc-datepicker .mbsc-calendar {
  border: 1px solid #ddd;
  border-radius: 15px;
}
.mbsc-ios.mbsc-datepicker-inline {
  background: #F1F1F5 !important;
}
.mbsc-ios.mbsc-datepicker .mbsc-calendar-slide {
  background: none !important;
}
  /* 일요일 (한 주의 첫 번째 셀) */
.mbsc-calendar-row .mbsc-calendar-cell:nth-child(1) .mbsc-calendar-day-text {
  color: red !important;
}

/* 토요일 (한 주의 일곱 번째 셀) */
.mbsc-calendar-row .mbsc-calendar-cell:nth-child(7) .mbsc-calendar-day-text {
  color: blue !important;
}

.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {
  border-color: transparent;
  background : transparent;
  color: black;
}

.mbsc-ios.mbsc-selected .mbsc-calendar-cell-inner.mbsc-calendar-day-inner {
  color: #62ab41;
  border: 1px solid #62ab41;
  border-radius: 22%;
}
.mbsc-ios.mbsc-calendar-label-background {
  background: #F1F1F5;
}

.mbsc-calendar-button.mbsc-button {
  color: #000!important;
}

.mbsc-icon > svg {
  fill: #000;
}
.mbsc-calendar-controls mbsc-flex mbsc-ios {
  position: relative;
  font-size: 1.125em;
  margin: 0.4em 0;
}
.mbsc-ios.mbsc-calendar-week-day {
  font-size: 1rem;
}

.mbsc-datepicker-tab-expand {
  height: auto;
}

.dw-hsel {
  position: absolute;
  height: 1px!important;
  width: 1px!important;
  left: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px)
}

/* 바텀 팝업 */
.mbsc-ios.mbsc-popup-body,
.mbsc-popup-center .mbsc-ios.mbsc-popup-body {
  background: #fff;
  border-radius: 20px 20px 0 0 !important;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  margin: 0 auto !important;
  position: fixed !important;
  bottom: 0 !important;
  top: auto !important;
  overflow: hidden;
  display: block !important;
  opacity: 0;
  animation: mbsc-bottom-up 0.3s ease-out forwards !important;
}
.mbsc-popup-center .mbsc-ios.mbsc-popup-body {
  position: fixed !important;
  bottom: 0 !important;
  top: auto !important;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
}
.mbsc-ios.mbsc-popup-bottom {
  border-top: none !important;
}
.mbsc-popup-limits-center,
.mbsc-popup-limits {
  max-width: 100% !important;
}
.mbsc-popup {
  max-width: 100% !important;
  width: 100% !important;
  left: 0 !important;
}
.mbsc-popup-center {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end !important;
  width: 100% !important;
  height: 100% !important;
}
.mbsc-popup-wrapper-center {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end !important;
}
.mbsc-picker .mbsc-ios.mbsc-popup-body {
  position: relative !important;
  width: 100% !important;
  background: #fff;
  border-radius: 20px 20px 0 0 !important;

  /* [중요] 애니메이션 */
  animation: mbsc-bottom-up 0.3s ease-out forwards !important;
}
@keyframes mbsc-bottom-up {
  from {transform: translateY(100%); opacity: 0;}
  to {transform: translateY(0); opacity: 1;}
}
.mbsc-popup-padding {
  padding: 2rem !important;
}
/* 바텀 팝업 버튼 */
.mbsc-popup-buttons.mbsc-popup-buttons-bottom.mbsc-ios {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  padding: 0 36px 36px !important;
  justify-content: space-between !important;
  margin-top: 6px !important;
}
.mbsc-popup-center .mbsc-ios.mbsc-popup-buttons {
  padding: 0 36px 36px !important;
  bottom: 0 !important;
}
.mbsc-ios.mbsc-popup-buttons {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  border: none !important;
  background: none !important;
  order: 3 !important;
  padding: 0 36px 36px !important;
}

.mbsc-ios.mbsc-popup-button {
  flex: 1 !important;
  margin: 0 !important;
  height: 48px !important;
  font-size: 16px !important;
  border-radius: 12px !important;
  border: 1px solid #ccc !important;
}

.mbsc-popup-buttons-bottom. mbsc-ios.mbsc-popup-button-primary {
  flex: 3 !important;
  border: 1px solid #000 !important;
  background: #0e5cdf !important;
  color: #fff !important;
}
.mbsc-popup-buttons-bottom .mbsc-ios.mbsc-popup-button-close {
  flex: 1 !important;
  border: 1px solid #000 !important;
  color: #000 !important;
}

.mbsc-ios.mbsc-popup-button.button-0 {
  flex: 3 !important;
  background: #0e5cdf !important;
  color: #fff !important;
}
.mbsc-ios.mbsc-popup-button.button-1 {
  flex: 1 !important;
  border: 1px solid #000 !important;
  color: #000 !important;
}

/* 제목 표시 안함 */
#unicloud_alert_popup h3.md-text-center {
  display: none !important;
}
#unicloud_alert_popup .md-dialog {
  margin-top: 16px !important;
}
#unicloud_alert_popup .md-dialog p.md-text-center {
  text-align: center;
  line-height: 26px;
  font-family: 'Pretendard-SemiBold';
  font-size: 16px;
}

/* 검색창 팝업 */
.mbsc-popup-buttons-bottom {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 0 36px 36px !important;
}

/* 버튼 설정 */
.mbsc-popup-buttons-bottom.mbsc-ltr {
  direction: unset !important;
}
.mbsc-popup-buttons-bottom .mbsc-popup-button-primary {
  flex: 3 !important;
  background: #0e5cdf !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 12px !important;
  height: 48px !important;
  font-weight: bold;
  order: 2 !important;
  float: none !important;
}

.mbsc-popup-buttons-bottom .mbsc-popup-button-close {
  flex: 1 !important;
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 12px !important;
  height: 48px !important;
  order: 1 !important;
  float: none !important;
}

.mbsc-popup-buttons-bottom .mbsc-popup-button {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 16px !important;
}

.mbsc-popup-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.5) !important;
  z-index: 1000 !important;
  margin: 0 !important;
}

.mbsc-popup-wrap {
  z-index: 1001 !important;
}
.mbsc-popup {
  z-index: 1002 !important;
  position: relative !important;
}