/* @TODO: 폰트 관련 공통작업 리팩토링 후 삭제 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css');

/* Calendar Popup */
.mrt_cal_layer_wrap {
  padding: 0px !important;
}
.mrt_cal_wrap .calendar_popup {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: unset;
  box-shadow: unset;
}

.calendar_popup .calendar_title {
  display: flex;
  align-items: center;
  box-shadow: unset !important;
  border-bottom: unset !important;
  justify-content: center;
}

/* Calendar Tab - Tab Area */
.mrt_cal_wrap .cal_tab_wrap {
  display: flex;
  background-color: #fff;
  width: 100%;
  position: absolute;
  top: 64px;
  z-index: 99;
}
.mrt_cal_wrap .cal_tab {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
}
.mrt_cal_wrap .cal_tab li {
  flex: 1;
  text-align: center;
  list-style: none;
}
.mrt_cal_wrap .cal_tab li a {
  display: block;
  padding: 14px;
  color: #999;
  font-size: 15px;
  text-decoration: none;
  margin-bottom: -1px;
}

.mrt_cal_wrap .cal_tab li.active {
  color: #333;
  border-bottom: 2px solid #333;
}

.mrt_cal_wrap .cal_tab_content {
  background: #fff;
  width: 100%;
}

.mrt_cal_wrap .cal_tab_content.hidden {
  display: hidden;
}

.mrt_cal_wrap .cal_title {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Calendar Tab - Table */
.mrt_cal_wrap .tbl_cal {
  /* position: inherit !important; */
  /* top: 2px !important; */
  bottom: unset !important;
  width: 100%;
  padding-top: 2px !important;
}

/* Calendar Tab - ly_contents (캘린더용) */
.mrt_cal_wrap .cal_tab_content .ly_contents {
  top: unset !important;
  bottom: unset !important;
}

/* Graph Tab - ly_contents (그래프용) */
.mrt_cal_wrap .mrt_cal_tab_content .ly_contents {
  position: absolute;
  top: 64px !important;
  bottom: unset !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  overflow-y: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: calc(100vh - 265px) !important;
  box-sizing: content-box !important;
}

/* Desktop Calendar Tab Styles (mrt_calendar_wrap) */
.mrt_calendar_wrap .cal_tab_wrap {
  display: flex;
  background: #fff;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}

.mrt_calendar_wrap .cal_tab {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

.mrt_calendar_wrap .cal_tab li {
  flex: 1;
  text-align: center;
  list-style: none;
}

.mrt_calendar_wrap .cal_tab li a {
  display: block;
  padding: 14px;
  color: #999;
  font-size: 15px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}

.mrt_calendar_wrap .cal_tab li.active a {
  color: #333;
  border-bottom: 2px solid #333;
  font-weight: 600;
}

.mrt_calendar_wrap .cal_tab_content {
  background: #fff;
  width: 100%;
  padding-top: 20px;
}

.mrt_calendar_wrap .cal_tab_content.hidden {
  display: none;
}

.mrt_calendar_wrap .mrt_cal_tab_content {
  background: #fff;
  width: 100%;
  padding-top: 20px;
}

.mrt_cal_tab_content.hidden {
  display: hidden;
}

.mrt_calendar_wrap .mrt_cal_tab_content .ly_contents {
  position: relative;
  width: 100%;
  min-height: 400px;
  overflow-y: auto;
}
#calendarPop.with_tab .k1_pop {
  display: flex;
  flex-direction: column;
}
/* 탭 활성화 시에만 flex layout 적용 */
#calendarPop.with_tab .k1_pop {
  display: flex;
  flex-direction: column;
}
#calendarPop.with_tab .mrt_cal_header{
  top: 108px;/** 상단 타이틀 영역 높이 + 탭 높이 - border */
}
#calendarContent .mrt_cal_inner {
  position: relative;
  top: 114px; /** 상단 타이틀 영역 높이 + 탭 높이 + 인디케이터 높이 - border*/
  margin-top: unset;
}
#graphContent.mrt_cal_inner {
  position: relative;
  top: 64px; /** 상단 타이틀 영역 높이 */
  margin-top: unset;
}

/* 캘린더/그래프 탭 전환 시 하단 액션 영역 높이 일관성 유지 */
.mrt-calendar-action {
  min-height: 40px;
  box-sizing: content-box;
}

/* Desktop Calendar Popup 고정 너비 - 캘린더/그래프 탭 전환 시 너비 변화 방지 */
#calendarPop.mrt_static_calendar_wrap {
  width: 748px; /** css적으로 계산된 값 */
}