@charset "utf-8";
/* 2026 리뉴얼 날짜 선택 테마 — flatpickr(js/flatpickr/flatpickr.min.css) 위에 덮는다. 메인 달력과 같은 색·글꼴
   (달력은 body 끝에 붙으므로 .flatpickr-calendar.iact_dp 로 한정) */
.flatpickr-calendar.iact_dp{width:316px; padding:10px 10px 8px; border:1px solid #e1e8f0; border-radius:14px; background:#fff; box-shadow:0 14px 34px rgba(0,40,90,.18); font-family:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif; letter-spacing:0;}
.flatpickr-calendar.iact_dp.arrowTop:before,.flatpickr-calendar.iact_dp.arrowTop:after,
.flatpickr-calendar.iact_dp.arrowBottom:before,.flatpickr-calendar.iact_dp.arrowBottom:after{display:none;} /* 말풍선 꼬리 없이 */
.flatpickr-calendar.iact_dp.open{margin-top:4px;}
.iact_dp .iact_dp_blind{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}

/* 머리: 이전 · 2026년 9월 · 다음 */
.iact_dp .flatpickr-months{align-items:center; height:44px; margin-bottom:4px;}
.iact_dp .flatpickr-months .flatpickr-month{height:44px; color:#222; fill:#222;}
.iact_dp .flatpickr-current-month{display:flex; align-items:center; justify-content:center; gap:2px; left:0; width:100%; height:44px; padding:0; font-size:17px; font-weight:700;}
.iact_dp .flatpickr-current-month .numInputWrapper{order:1; width:auto;}
.iact_dp .flatpickr-current-month .numInputWrapper:after{content:"년"; margin-right:6px; font-size:17px; font-weight:700;} /* 한국식: 연도 먼저 */
.iact_dp .flatpickr-current-month input.cur-year{width:52px; padding:0 2px; font-size:17px; font-weight:700; color:#222; text-align:right;}
.iact_dp .flatpickr-current-month span.cur-month{order:2; margin:0; font-weight:700; color:#222;}
.iact_dp .flatpickr-current-month span.cur-month:hover{background:none;}
.iact_dp .numInputWrapper span.arrowUp,.iact_dp .numInputWrapper span.arrowDown{display:none;} /* 연도 옆 위·아래 버튼: "년" 글자 사이에 떠 보여 없앰 (연도는 직접 입력·이전/다음 달로) */
.iact_dp .numInputWrapper:hover{background:none;}
.iact_dp .flatpickr-months .flatpickr-prev-month,
.iact_dp .flatpickr-months .flatpickr-next-month{top:6px; display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:1.5px solid #cfd8e3; border-radius:50%; color:#222; font-size:18px; line-height:1;}
.iact_dp .flatpickr-months .flatpickr-prev-month{left:6px;}
.iact_dp .flatpickr-months .flatpickr-next-month{right:6px;}
.iact_dp .flatpickr-months .flatpickr-prev-month:hover,
.iact_dp .flatpickr-months .flatpickr-next-month:hover{border-color:#00539f; background:#00539f; color:#fff;}
.iact_dp .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.iact_dp .flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:flex; opacity:.3; pointer-events:none;}

/* 요일 */
.iact_dp .flatpickr-weekdays{height:30px; margin-bottom:2px; border-radius:6px; background:#e9f3fc;}
.iact_dp span.flatpickr-weekday{font-size:13px; font-weight:500; color:#555;}
.iact_dp span.flatpickr-weekday:first-child{color:#f00;}
.iact_dp span.flatpickr-weekday:last-child{color:#014eff;}

/* 날짜 */
.iact_dp .flatpickr-innerContainer,.iact_dp .flatpickr-rContainer{width:100%;}
.iact_dp .flatpickr-days{width:100% !important;}
.iact_dp .dayContainer{width:100%; min-width:0; max-width:none; padding:2px 0;}
.iact_dp .flatpickr-day{flex-basis:14.2857%; max-width:none; height:38px; line-height:38px; margin:1px 0; border:1px solid transparent; border-radius:8px; font-size:14px; color:#222;}
.iact_dp .dayContainer .flatpickr-day:nth-child(7n+1){color:#e02020;} /* 일요일 */
.iact_dp .dayContainer .flatpickr-day:nth-child(7n){color:#1452e0;}   /* 토요일 */
.iact_dp .flatpickr-day.prevMonthDay,.iact_dp .flatpickr-day.nextMonthDay{color:#bbb !important;}
.iact_dp .flatpickr-day:hover,.iact_dp .flatpickr-day:focus{border-color:#eef4fc; background:#eef4fc; color:#00539f;}
.iact_dp .flatpickr-day.today{border-color:#00539f; font-weight:700;}
.iact_dp .flatpickr-day.today:hover{background:#eef4fc; color:#00539f;}
.iact_dp .flatpickr-day.selected,.iact_dp .flatpickr-day.selected:hover,
.iact_dp .flatpickr-day.startRange,.iact_dp .flatpickr-day.endRange{border-color:#00539f; background:#00539f; color:#fff !important; font-weight:700; box-shadow:none;}
.iact_dp .flatpickr-day.inRange{border-color:#e3eefb; background:#e3eefb; box-shadow:none; border-radius:0;}
.iact_dp .flatpickr-day.flatpickr-disabled,.iact_dp .flatpickr-day.flatpickr-disabled:hover{border-color:transparent; background:none; color:#d0d4da !important; cursor:not-allowed;}

/* 아래: 오늘 · 지우기 */
.iact_dp .iact_dp_foot{display:flex; justify-content:space-between; margin-top:6px; padding-top:8px; border-top:1px solid #e5e5e5;}
.iact_dp .iact_dp_foot button{height:32px; padding:0 14px; border:0; border-radius:16px; background:none; font-family:inherit; font-size:14px; font-weight:600; color:#00539f; cursor:pointer;}
.iact_dp .iact_dp_foot button:hover{background:#eef4fc;}
.iact_dp .iact_dp_foot .iact_dp_clear{color:#777; font-weight:500;}

/* 시간 선택 (.input_time): 시·분 칸을 크게, 위·아래 버튼은 여기서는 보이게 */
.flatpickr-calendar.iact_dp.iact_tp{width:230px; padding:12px 12px 8px;}
.iact_tp .flatpickr-time{height:auto; max-height:none; line-height:1; border:0 !important; gap:6px; align-items:center;}
.iact_tp .flatpickr-time .numInputWrapper{height:56px; border:1px solid #d5dee8; border-radius:10px; background:#f7f9fc;}
.iact_tp .flatpickr-time .numInputWrapper:hover{background:#eef4fc;}
.iact_tp .flatpickr-time input{height:56px; font-size:24px; font-weight:700; color:#222; font-family:inherit;}
.iact_tp .flatpickr-time input:hover,.iact_tp .flatpickr-time input:focus{background:transparent;}
.iact_tp .flatpickr-time .flatpickr-time-separator{width:auto; padding:0 2px; font-size:22px; font-weight:700; color:#999;}
.iact_dp.iact_tp .numInputWrapper span.arrowUp,.iact_dp.iact_tp .numInputWrapper span.arrowDown{display:block; width:22px; opacity:.45; border:0;}
.iact_dp.iact_tp .numInputWrapper:hover span{opacity:1;}
.iact_tp .iact_dp_foot{margin-top:10px;}

@media (max-width:360px){
  .flatpickr-calendar.iact_dp{width:calc(100vw - 20px);}
}