@charset "UTF-8";
.date-picker-wrapper {
  border-radius: 0 0 16px 16px;
  margin-top: 10px;
  border: 1px solid var(--Stroke-medium-01, #dadce0);
  background: var(--Primary-3, #fff);
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
  padding: 20px 10px;
}
.date-picker-wrapper .drp_top-bar {
  padding: 0 0 20px 0;
}
.date-picker-wrapper .drp_top-bar .default-top {
  color: var(--Gray-3, #333);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
}
.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top,
.date-picker-wrapper .drp_top-bar.normal .normal-top b,
.date-picker-wrapper .drp_top-bar.normal .normal-top .separator-day,
.date-picker-wrapper .drp_top-bar.normal .normal-top .selected-days {
  color: var(--Gray-3, #333);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 14px */
}
.date-picker-wrapper .month-wrapper {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background: #fff;
  padding: 20px 5px;
  width: 80vw !important;
  justify-content: center;
}
.date-picker-wrapper .month-wrapper table {
  width: 100% !important;
}
.date-picker-wrapper .month-wrapper table.month2 {
  width: 100% !important;
}
.date-picker-wrapper .month-wrapper table .caption .next,
.date-picker-wrapper .month-wrapper table .caption .prev {
  font-size: 0;
  width: 46px;
  height: 46px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.49837 0.71811C5.12463 0.32692 4.49996 0.32692 4.12622 0.71811C3.77584 1.08485 3.77584 1.6623 4.12622 2.02904L8.87541 7L4.12622 11.971C3.77584 12.3377 3.77584 12.9152 4.12622 13.2819C4.49996 13.6731 5.12463 13.6731 5.49837 13.2819L11.5 7L5.49837 0.71811Z' fill='black'/%3E%3C/svg%3E");
}
.date-picker-wrapper .month-wrapper table .caption .next:hover,
.date-picker-wrapper .month-wrapper table .caption .prev:hover {
  background-color: transparent;
}
.date-picker-wrapper .month-wrapper table .caption .prev {
  transform: rotate(180deg);
}
.date-picker-wrapper .month-wrapper table .caption th {
  padding-bottom: 32px;
}
.date-picker-wrapper .month-wrapper table th {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}
.date-picker-wrapper .month-wrapper table td:first-child div:not(.invalid) {
  color: #d6131b !important;
}
.date-picker-wrapper .month-wrapper table .day {
  color: var(--Gray-7_dimed, #aaa);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
  padding: 14px 1vw;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: var(--Gray-2, #222);
}
.date-picker-wrapper .month-wrapper table .day.toMonth.holiday {
  color: #d6131b;
}
.date-picker-wrapper .month-wrapper table .day.checked {
  background: var(--BG-1, #f6f4f1);
}
.date-picker-wrapper .month-wrapper table .week-name th {
  padding-bottom: 15px;
}
.date-picker-wrapper .month-wrapper table .week-name th:first-child {
  color: #d6131b;
}
.date-picker-wrapper .month-element {
  color: #000;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  text-transform: uppercase;
}
.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  background: var(--Gray-2, #222) !important;
}
.date-picker-wrapper .gap {
  display: none;
  width: 64px;
  background-color: #fff;
}
.date-picker-wrapper .gap .gap-lines {
  display: none;
}
.date-picker-wrapper.no-shortcuts {
  padding-bottom: 20px;
}

/* 1024 이상 PC */
@media all and (min-width: 1024px) {
  .date-picker-wrapper {
    border-radius: 16px;
    border: 1px solid var(--Stroke-medium-01, #dadce0);
    background: var(--Primary-3, #fff);
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    padding: 30px;
    left: 50% !important;
    transform: translateX(-50%);
  }
  .date-picker-wrapper .drp_top-bar {
    padding: 0 0 20px 0;
  }
  .date-picker-wrapper .drp_top-bar .default-top {
    color: var(--Gray-2, #222);
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%; /* 20px */
  }
  .date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top,
  .date-picker-wrapper .drp_top-bar.normal .normal-top b,
  .date-picker-wrapper .drp_top-bar.normal .normal-top .separator-day,
  .date-picker-wrapper .drp_top-bar.normal .normal-top .selected-days {
    color: var(--Gray-2, #222);
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%; /* 20px */
    font-style: normal;
  }
  .date-picker-wrapper .month-wrapper {
    display: block;
    border-radius: 8px;
    border: 1px solid var(--Stroke-medium-02, #ddd);
    background: #fff;
    padding: 20px 5px;
    width: 850px !important;
  }
  .date-picker-wrapper .month-wrapper table {
    width: 400px !important;
  }
  .date-picker-wrapper .month-wrapper table.month2 {
    width: 400px !important;
  }
  .date-picker-wrapper .month-wrapper table .caption .next,
  .date-picker-wrapper .month-wrapper table .caption .prev {
    font-size: 0;
    width: 46px;
    height: 46px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.49837 0.71811C5.12463 0.32692 4.49996 0.32692 4.12622 0.71811C3.77584 1.08485 3.77584 1.6623 4.12622 2.02904L8.87541 7L4.12622 11.971C3.77584 12.3377 3.77584 12.9152 4.12622 13.2819C4.49996 13.6731 5.12463 13.6731 5.49837 13.2819L11.5 7L5.49837 0.71811Z' fill='black'/%3E%3C/svg%3E");
  }
  .date-picker-wrapper .month-wrapper table .caption .next:hover,
  .date-picker-wrapper .month-wrapper table .caption .prev:hover {
    background-color: transparent;
  }
  .date-picker-wrapper .month-wrapper table .caption .prev {
    transform: rotate(180deg);
  }
  .date-picker-wrapper .month-wrapper table .caption th {
    padding-bottom: 32px;
  }
  .date-picker-wrapper .month-wrapper table th {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
  }
  .date-picker-wrapper .month-wrapper table .day {
    color: var(--Gray-7_dimed, #aaa);
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */
    padding: 18px;
  }
  .date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: var(--Gray-2, #222);
  }
  .date-picker-wrapper .month-wrapper table .day.toMonth.holiday {
    color: #d6131b;
  }
  .date-picker-wrapper .month-wrapper table .day.checked {
    background: var(--BG-1, #f6f4f1);
  }
  .date-picker-wrapper .month-wrapper table .week-name th {
    padding-bottom: 15px;
  }
  .date-picker-wrapper .month-element {
    color: #000;
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 600;
    line-height: 100%; /* 24px */
    text-transform: uppercase;
  }
  .date-picker-wrapper .first-date-selected,
  .date-picker-wrapper .last-date-selected {
    background: var(--Gray-2, #222) !important;
  }
  .date-picker-wrapper .gap {
    width: 10px;
    background-color: #fff;
    display: block;
  }
  .date-picker-wrapper .gap .gap-lines {
    display: none;
  }
  .date-picker-wrapper.no-shortcuts {
    padding-bottom: 30px;
  }
}
/* //1024 이상 PC *//*# sourceMappingURL=daterangepicker_custom.css.map */