@charset "UTF-8";


.ui-datepicker {
	display: none;
	min-width: max-content;
	background-color: transparent;
	border-radius: 0;
	margin: 0;
	width: 320px;
  }
  
  .ui-helper-clearfix:before,
  .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
  }
  .ui-datepicker.ui-widget.ui-widget-content {
	max-width: 100%;
	display:flex;
  }
  .ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 0;
	border: none;
	background-color: var(--white);
  }
  .ui-datepicker .ui-datepicker-header .ui-icon {
	display: none;
  }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	text-align: center;
  }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title .calendar-title {
	display: none;
  }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title > span {
	/* font-family: "Pretendard";
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: var(--mainB);
	font-weight: 600; */
  }
  .ui-datepicker table {
	width: 100%;
	margin: 2rem 0 0;
  }
  
  .ui-datepicker table > thead > tr > th {
	font-family: "Pretendard";
	font-size: 13px;
	line-height: 20px;
	color: var(--gray900);
	font-weight: 500;
	height:40px;
  }
  .ui-datepicker table > thead > tr > th:first-child > span {
	color: var(--red)
  }
  .ui-datepicker table > thead > tr > th > span {
	font-family: "Pretendard";
	font-size: 13px;
	line-height: 20px;
	color: var(--gray900);
	font-weight: 500;
  }
  .ui-datepicker table > tbody > tr td {
	font-family: "Pretendard";
	width: 46px;
	height: 46px;
	line-height: 46px;
	border: none;
	background-color: transparent;
	font-size: 14px;
	color: var(--gray900);
	font-weight: 400;
	cursor: pointer;
	/* text-align: center; */
  }
  .ui-datepicker table > tbody > tr td > a {
	display: block;
	position: inherit;
	width: 46px;
	height: 46px;
	line-height: 46px;
	border: none;
	background-color: transparent;
	font-size: 14px;
	color: var(--gray900);
	font-weight: 400;
	padding:0;
	margin: 0 auto;
	/* text-align: center; */
  }
  .ui-datepicker table > tbody > tr td:first-child a {
	color: var(--red);
  }
  .ui-datepicker table > tbody > tr td.ui-state-disabled > span {
	color: var(--gray300);
  }
  .ui-datepicker table > tbody > tr td.ui-datepicker-today > a {
	border: none;
	color: var(--mainB);
	font-weight: 600;
	background-color: #F6F8FB;
	border-radius: 50%;
  }
  .ui-datepicker table > tbody > tr td.ui-datepicker-current-day > a, .ui-datepicker table > tbody > tr td.current-start > a, .ui-datepicker table > tbody > tr td.current-end > a {
	background-color: var(--gray50);
	border: none;
	border-radius: 50%;
	color: var(--mainB);
  }
  .ui-datepicker table > tbody > tr td.current-ing > a {
	background-color: var(--gray50);
	border: none;
	border-radius: 50%;
	color: var(--mainB);
	font-weight: 600;
  }
  .ui-datepicker .ui-state-disabled, .ui-datepicker .ui-widget-content .ui-state-disabled, .ui-datepicker .ui-widget-header .ui-state-disabled {
	opacity: 1;
  }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transform: -ms-translateY(-50%);
	transform: -o-translateY(-50%);
	transform: -webkit-translateY(-50%);
	transform: -moz-translateY(-50%);
	width: 3.2rem;
	height: 3.2rem;
	text-indent: -9999px;
	opacity: 1;
  }
  .ui-datepicker .ui-datepicker-prev.ui-state-hover,
  .ui-datepicker .ui-datepicker-next.ui-state-hover {
	background-color: var(--white);
  }
  .ui-datepicker .ui-datepicker-prev {
	display: block;
	background-image: url("../../images/icon/icon_prev.png");
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
	left: 0;
  }
  .ui-datepicker .ui-datepicker-prev.ui-state-disabled {
	display: block;
	background-image: url("../../images/icon/icon_prev_disabled.png");
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
  }
  .ui-datepicker .ui-datepicker-next {
	display: block;
	background-image: url("../../images/icon/icon_next.png");
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
	right: 0;
  }
  .ui-datepicker .ui-datepicker-next.ui-state-disabled {
	display: block;
	background-image: url("../../images/icon/icon_next_disabled.png");
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
  }
  
  .datepicker {
	width: 100%;
	cursor: pointer;
  }
  .datepicker .ui-widget.ui-widget-content {
	width: 100%;
	border: none;
	box-shadow: none;
  }
  .datepicker .ui-datepicker {
	padding: 0;
  }
  
/* =============================================================
 * BASE STYLES
 * ============================================================*/
 .datepicker {
	box-sizing: border-box;
	overflow: hidden;
	position: absolute;
	width: 260px;
	z-index: 1;
  }
  
  .datepicker--inline {
	position: relative;
  }
  
  /* .datepicker__inner {
	overflow: hidden;
  } */
  
  .datepicker__month {
	border-collapse: collapse;
	text-align: center;
	width: 100%;
  }
  
  .datepicker__month--month2 {
	display: none;
  }
  
  .datepicker__month-day--valid {
	cursor: pointer;
	-webkit-user-select: none;
			user-select: none;
  }
  
  .datepicker__month-day--lastMonth,
  .datepicker__month-day--nextMonth {
	visibility: hidden;
  }
  
  .datepicker__month-button {
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
  }
  
  .datepicker__info--feedback {
	display: none;
  }
  
  .datepicker__info--error,
  .datepicker__info--help {
	display: block;
  }
  
  datepicker__buttons {
	-webkit-user-select: none;
			user-select: none;
  }
  
  .datepicker__close-button,
  .datepicker__clear-button {
	cursor: pointer;
  }
  
  .datepicker__tooltip {
	position: absolute;
  }
  
  /* =============================================================
   * THEME
   * ============================================================*/
  .datepicker {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 8px 8px 40px 5px rgba(0, 0, 0, 0.08);
	color: #000;
	font-family: "Pretendard", "NotoSans", "Arial", sans-serif;
	font-size: 14px;
	line-height: 14px;
  }
  
  .datepicker__inner {
	padding: 20px;
  }
  
  .datepicker__month {
	font-size: 12px;
  }
  
  .datepicker__month-caption {
	border-bottom: 1px solid #dcdcdc;
	height: 2.5em;
	vertical-align: middle;
  }
  
  .datepicker__month-name {
	text-transform: uppercase;
  }
  
  .datepicker__week-days {
	height: 2em;
	vertical-align: middle;
  }
  
  .datepicker__week-name {
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
  }
  
  .datepicker__month-day {
	transition-duration: 0.2s;
	transition-property: color, background-color, border-color;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	color: #333;
	padding: 9px 7px;
	border: 1px solid transparent;
  }
  
  .datepicker__month-day:focus {
	outline: none;
	background-color: #ffe684;
  }
  
  .datepicker__month-day--no-checkin {
	position: relative;
  }
  
  .datepicker__month-day--no-checkin::before {
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	border-bottom: 8px solid red;
	border-right: 8px solid transparent;
  }
  
  .datepicker__month-day--no-checkout {
	position: relative;
  }
  
  .datepicker__month-day--no-checkout::before {
	top: 0;
	content: "";
	display: block;
	right: 0;
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	border-top: 8px solid red;
	border-left: 8px solid transparent;
  }
  
  .datepicker__month-day--no-checkin.datepicker__month-day--no-checkout::before {
	content: none;
  }
  
  .datepicker__month-day--invalid {
	color: #e8ebf4;
  }
  
  .datepicker__month-day--disabled {
	color: #e8ebf4;
	position: relative;
  }
  
  .datepicker__month-day--disabled::after {
	content: "\00d7"; /* nani */
	left: 50%;
	position: absolute;
	color: red;
	font-size: 16px;
	top: 50%;
	transform: translate(-50%, -50%);
  }
  
  .datepicker__month-day--no-checkin,
  .datepicker__month-day--no-checkout,
  .datepicker__month-day--day-of-week-disabled {
	background-color: rgba(232, 235, 244, 0.5);
  }
  
  .datepicker__month-day--selected {
	background-color: rgba(56, 88, 233, 0.2);
	color: #fff;
  }
  
  .datepicker__month-day--selected::after, .datepicker__month-day--selected::before {
	display: none;
  }
  
  .datepicker__month-day--hovering {
	background-color: rgba(56, 88, 233, 0.3);
	color: #fff;
  }
  
  .datepicker__month-day--today {
	background-color: #000;
	color: #fff;
  }
  
  .datepicker__month-day--first-day-selected,
  .datepicker__month-day--last-day-selected {
	background-color: #3858e9;
	color: #fff;
  }
  
  .datepicker__month-day--last-day-selected::after {
	content: none;
  }
  
  .datepicker__month-button {
	transition-duration: 0.2s;
	transition-property: color, background-color, border-color;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	display: inline-block;
	text-indent: -9999px;
	padding: 5px;
  }
  
  .datepicker__month-button::after {
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	text-indent: 0;
	content: "";
	width: 12px;
	height: 12px;
  }
  
  .datepicker__month-button--prev::after {
	background-image: url(../icons/left.svg);
  }
  
  .datepicker__month-button--next::after {
	background-image: url(../icons/right.svg);
  }
  
  .datepicker__topbar {
	margin-bottom: 20px;
	position: relative;
  }
  
  .datepicker--topbar-bottom .datepicker__topbar {
	margin-bottom: 0;
	padding-top: 20px;
	border-top: 1px solid #dcdcdc;
  }
  
  .datepicker__info-text {
	font-size: 13px;
  }
  
  .datepicker__info--selected {
	font-size: 11px;
	text-transform: uppercase;
  }
  
  .datepicker__info--selected-label {
	color: #333;
  }
  
  .datepicker__info-text--selected-days {
	font-size: 11px;
	font-style: normal;
  }
  
  .datepicker__info--error {
	color: red;
	font-size: 13px;
	font-style: italic;
  }
  
  .datepicker__info--help {
	color: #333;
	font-style: italic;
  }
  
  .datepicker__close-button,
  .datepicker__clear-button,
  .datepicker__submit-button {
	transition-duration: 0.2s;
	transition-property: color, background-color, border-color;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	background-color: #3858e9;
	border-radius: 2px;
	border: none;
	box-shadow: none;
	font-size: 10px;
	color: #ffffff;
	margin-top: 20px;
	padding: 7px 13px;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
  }
  
  .datepicker--topbar-top .datepicker__close-button, .datepicker--topbar-top
  .datepicker__clear-button, .datepicker--topbar-top
  .datepicker__submit-button {
	margin-top: 0;
  }
  
  .datepicker__close-button:hover,
  .datepicker__clear-button:hover,
  .datepicker__submit-button:hover {
	background-color: #213fd4;
	color: #ffffff;
  }
  
  .datepicker__close-button:disabled, .datepicker__close-button[disabled],
  .datepicker__clear-button:disabled,
  .datepicker__clear-button[disabled],
  .datepicker__submit-button:disabled,
  .datepicker__submit-button[disabled] {
	background-color: #c8c9d0;
	color: #ffffff;
	cursor: not-allowed;
  }
  
  .datepicker__clear-button + .datepicker__close-button {
	margin-left: 10px;
  }
  
  .datepicker__clear-button + .datepicker__submit-button {
	margin-left: 10px;
  }
  
  .datepicker__submit-button {
	width: auto;
  }
  
  .datepicker__tooltip {
	background-color: #ffe684;
	border-radius: 1px;
	font-size: 11px;
	margin-top: -5px;
	padding: 5px 10px;
  }
  
  .datepicker__tooltip::after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #ffe684;
	bottom: -4px;
	content: "";
	left: 50%;
	margin-left: -4px;
	position: absolute;
  }
  
  /* @media (min-width: 320px) {
	.datepicker {
	  width: 300px;
	}
  }
  
  @media (min-width: 480px) {
	.datepicker {
	  width: 460px;
	}
	.datepicker__month {
	  width: 200px;
	}
	.datepicker__month--month1 {
	  float: left;
	}
	.datepicker__month--month2 {
	  display: table;
	  float: right;
	}
	.datepicker__months {
	  position: relative;
	}
	.datepicker__months::before {
	  background: #dcdcdc;
	  bottom: 0;
	  content: "";
	  display: block;
	  left: 50%;
	  position: absolute;
	  top: 0;
	  width: 1px;
	}
  }
  
  @media (min-width: 768px) {
	.datepicker {
	  width: 560px;
	}
	.datepicker__month {
	  width: 240px;
	}
	.datepicker--topbar-has-close-button .datepicker__info,
	.datepicker--topbar-has-clear-button .datepicker__info,
	.datepicker--topbar-has-submit-button .datepicker__info {
	  max-width: 325px;
	}
	.datepicker__buttons {
	  margin-top: 0;
	  position: absolute;
	  right: 0;
	  top: 50%;
	  transform: translateY(-50%);
	}
  } */
  
 
/*달력*/
.ui-widget {
	position: absolute;
}

.ui-widget.ui-datepicker,
.datepicker {
	padding: 0;
	width: 100%;
	/* width: 100% !important; */
	/* min-height: 400px; */
	border: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br,
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-radius: 0px;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px);
	max-width: 322px;

}

.ui-datepicker-multi-2 .ui-datepicker-group-first {
	margin-right: 20px;
}

.ui-datepicker-multi-2 .ui-datepicker-group-last {
	/* margin-left: 35px; */
}

.ui-datepicker .ui-datepicker-header {
	/* padding: 0;
	border: 0px;
	background: #fff;
	color: #222; */
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 auto;
	line-height: 30px;
}

.m-resv-wrap .ui-datepicker .ui-datepicker-title>span {
	/* line-height: 20px;
	font-size: 20px;
	font-family: "Pretendard";
	letter-spacing: -0.5px; */
}

.ui-datepicker th {
	height: 46px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -.5px;
	font-weight: normal;
}

.ui-datepicker th,
.ui-datepicker td {
	padding: 0;
	width: 40px;
	font-size: 16px;
}

.ui-datepicker th span {
	line-height: 15px;
	color: #666;
	font-size: 15px;
	font-weight: 400;
}

.ui-datepicker th,
.ui-datepicker td,
.ui-datepicker td span,
.ui-datepicker td a {
	text-align: center;
	border-radius: 50%;
}

.ui-datepicker td a,
.ui-state-default, .ui-widget-content .ui-state-default {
	/* margin: 5px auto;
	width: 46px;
	line-height: 46px; */
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	padding: 0;
	border: 0;
	background: none;
}
.ui-datepicker-multi .ui-datepicker-group table {
	margin: 0 auto;
	width: 100%;
	font-size: inherit;
	overflow: hidden;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
	/* background: #fff;
	color: var(--gray900); */
	/* padding: 13px; */
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	/* background: transparent; */
}

.ui-datepicker-current-day .ui-state-default.ui-state-active {
	background: var(--mainY);
	color: var(--mainB);
}

.ui-datepicker-today .ui-state-default.ui-state-highlight,
.ui-widget-content .ui-state-default.ui-state-hover {
	/* background: var(--mainY);
	color: var(--mainB); */
}

.ui-datepicker th:first-child span,
.ui-datepicker table tbody tr td:first-child a,
.ui-datepicker table tbody tr td:first-child span,
.ui-datepicker table tbody tr td:first-child a.ui-state-hover,
.ui-datepicker table tbody tr td:first-child span.ui-state-hover{
	color: #e25454;
}

.ui-datepicker table tbody tr td:first-child a.ui-state-active.ui-state-hover,
.ui-datepicker table tbody tr td:first-child span.ui-state-active.ui-state-hover{
	color: #fff;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled{
	opacity: .4;
}

.ui-state-disabled span,
.ui-widget-content .ui-state-disabled span,
.ui-widget-header .ui-state-disabled span{
	/* font-weight: 400; */
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 0px solid transparent;
	background: transparent;
	color: #fff;
}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
	border: none;
	background: none;
}
/* .ui-state-active:hover,
.ui-widget-content .ui-state-active:hover,
.ui-state-highlight a:hover,
.ui-widget-content .ui-state-highlight a:hover,
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-datepicker-today a:hover,
.ui-datepicker-today a: focus {
	background: #262e39 !important;
	color: #fff !important;
} */

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	top: 20px;
	width: 14px;
	height: 27px;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	position: unset;
	top: 0;
	left: 0;
	margin: 0;
}

.ui-datepicker .ui-datepicker-prev {
	left: 15px;
}

.ui-datepicker .ui-datepicker-next {
	right: 15px;
}

.m-resv-wrap .ui-datepicker-prev .ui-icon,
.m-resv-wrap .ui-datepicker-next .ui-icon {
	background-position: 0 0;
	position: absolute;
	text-indent: -9999px;
	font-size: 0;
}

.ui-datepicker .ui-datepicker-prev .ui-icon-circle-triangle-w {
	background-image: url('../../images/icon/icon_prev.png');
}

.ui-datepicker .ui-datepicker-prev .ui-icon-circle-triangle-w:hover {
	background-image: url('../../images/icon/icon_prev.png');
}

.ui-datepicker .ui-datepicker-next .ui-icon-circle-triangle-e {
	background-image: url('../../images/icon/icon_next.png');
}

.ui-datepicker .ui-datepicker-next .ui-icon-circle-triangle-e:hover {
	background-image: url('../../images/icon/icon_next');
}

.ui-datepicker .ui-state-hover {
	border: 0;
	/* background: var(--yellow200); */
	border-radius: 50%;
}

input.checkDate {
	background: transparent;
	position: absolute;
	left: 0;
	padding: 0;
	width: 145px;
	height: 25px;
	cursor: pointer;
	font-size: 0;
}

.datepicker{
	border-radius: 0px;
	box-shadow: none;
	color: #333;
	line-height: normal;
}

.datepicker__inner{
	position: relative;
	padding: 0;
}

.datepicker__month--month1,
.datepicker__month--month2{
	width: -webkit-calc(50% - 18px);
	width: calc(50% - 18px);
}

.datepicker .datepicker__month-caption{
	margin: 0 auto;
	height: 30px;
  line-height: 30px;
	border-bottom: 0;
}

.datepicker .datepicker__month-name{
	line-height: 20px;
  font-size: 20px;
  font-family: "Pretendard";
  letter-spacing: -0.5px;
	color: #222;
}

.datepicker th,
.datepicker td {
	text-align: center;
}

.datepicker__month-button{
	position: relative;
	padding: 0;
}

.datepicker__month-button:hover{
	opacity: 1;
}

.datepicker__month-button--prev::after,
.datepicker__month-button--next::after {
	display: inline-block;
	position: absolute;
	top: 0;
	width: 14px;
	height: 27px;
	background-size: cover;
	opacity: 1;
}

.datepicker__month-button--prev::after {
	left: 0;
	background-image: url('../../../images/property/prev-on.png');
}

.datepicker__month-button--next::after {
	right: 0;
	background-image: url('../../../images/property/next-on.png');
}

.datepicker__month-button--disabled{
	opacity: .4;
}

.datepicker__month--month1 .datepicker__month-caption th:last-child span,
.datepicker__month--month2 .datepicker__month-caption th:first-child span{
	display: none;
}

.datepicker__month--month1 .datepicker__month-caption th:first-child,
.datepicker__month--month2 .datepicker__month-caption th:last-child{
	display: inline-block;
	position: absolute;
	top: 0;
	width: 14px;
	height: 27px;
}

.datepicker__month--month1 .datepicker__month-caption th:first-child{
	left: -45px;
}

.datepicker__month--month2 .datepicker__month-caption th:last-child{
	right: -45px;
}


.datepicker__month-day{
	width: 40px;
}

.datepicker__week-name,
.datepicker__month-day{
	padding: 5px;
	border: 0;
	border-radius: 50%;
	line-height: 40px;
	font-weight: normal;
}

.datepicker__month{
	font-size: 15px;
}

.datepicker__week-name{
	font-size: 15px;
}

.datepicker__month-day{
	font-size: 16px;
}

.datepicker__week-days th:first-child,
.datepicker__week-row td:first-child{
	color: #e25454;
}

.datepicker__month-day--invalid{
	opacity: .4;
	color: #333;
}

.datepicker__month-day--today{
	color: #333;
}

.datepicker__month-day,
.datepicker__month-day--today{
	position: relative;
	background: transparent;
}

.datepicker__month-day::before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 6px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	z-index: -1;
}

.datepicker__month-day--invalid::before{
	content: none;
}

.datepicker__month-day--selected::before,
.datepicker__month-day--last-day-selected::before,
.datepicker__month-day--today::before,
.datepicker__month-day:hover::before,
.datepicker__month-day--hovering::before,
.datepicker__month-day--last-day-selected::before{
	background-color: var(--yellow200); 
}

.datepicker__month-day--last-day-selected::before,
.datepicker__month-day--first-day-selected::before{
	background-color: #262e39;
}

.datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected{
	color: #fff !important;
}

.datepicker__month-day--hovering,
.datepicker__month-day--selected,
.datepicker__week-row td:first-child.datepicker__month-day--selected{
	color: #333;
}

.datepicker__month-day--selected:hover{
	color: #fff;
}

.datepicker__month-day--selected:hover::before{
	background-color: #262e39;
}

.datepicker__month-day:focus{
	background: transparent;
	color: #fff;
}

.datepicker__months::before{
	display: none;
}

.resv-step2-box .checkDate input{
	padding: 0;
	height: 22px;
	background-color: transparent;
	border: 0;
	line-height: 22px;
  	font-size: 22px;
  	font-family: "Pretendard";
	cursor: pointer;
}

.resv-step2-box .checkDate input:focus{
	border: 0;
	outline: 0;
}

.resv-step2-box > div:first-child input{
	text-align: left;
}

.resv-step2-box > div:last-child input{
	text-align: right;
}

/*달력*/
.revArea {
	position: relative;
}

.calendarLayer {
	display: none;
	position: absolute;
	top: -32px;
	right: -30px;
	width: 941px;
	height: 476px;
	background-color: #fff;
	border: 1px solid var(--mainB);
	color: #333;
	font-size: 16px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}
.calendarLayer.subcalLayer {
	top: 90px;
	left: -40px;
}
.mainCalendar {
	background: #efefef;
}

.mainCalendar .ui-datepicker.ui-widget.ui-widget-content {
	max-width: 680px;
	height: 325px;
	background: var(--white);
	margin-top: 24px;
	margin-left: 24px;
}
.calContainer {
	position: relative;
}
.calendar_layer_wrap {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.calendar_layer_wrap .btnClose {
	position: absolute;
	right: 24px;
	top: 24px;
	width: 32px;
	height: 32px;
	background: url(../../images/icon/icon_close.png) no-repeat 50% 50%;
	background-size: 32px;
	text-indent: -9999em;
	cursor: pointer;
	z-index: 1;
}
.calendar_layer_wrap .calendarCont {
	/* display: flex;
	justify-content: space-between; */
}
.calendar_layer_wrap .calendarTime {
	width: 712px;
	background: var(--gray50);
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 24px 30px;
}
.calendar_layer_wrap .calendarTime .rent_time {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.calendar_layer_wrap .calendarTime .rent_time .select_wrap {
	width: calc(50% - 100px);
}
.calendar_layer_wrap .calendarTime .rent_time .time_txt {
	font-size: 14px;
	font-weight: 600;
	color: var(--gray900);
	padding-right: 30px;
}
.calendar_layer_wrap .calendarTime .rent_time .select_wrap + .time_txt {
	margin-left:40px;
}
.calendar_layer_wrap .calendarSide {
	width: 228px;
	height: 100%;
	position: relative;
	padding: 80px 30px 24px;
	border-left: 1px solid var(--gray100);
}
.calendar_layer_wrap .calendarSide h4.tit04 {
	margin-bottom:26px;
}
.calendar_layer_wrap .calendarSide .frm_wrap .frm_full > span {
	width:100%;
}
.calendar_layer_wrap .calendarSide .btn_wrap {
	margin-top:106px;
}
.calendar_layer_wrap .calendarSide .btn_wrap .btn {
	height: 46px;
}

.close {
	display: none;
}
.calContainer {
	position: relative;
}

.m-resv-wrap .mainCalendar .ui-datepicker-title>span {
	/* font-family: "Pretendard";
	font-weight: normal; */
}

.mainCalendar .ui-datepicker th,
.mainCalendar .ui-datepicker th span {
	background: none;
}

.mainCalendar .ui-state-default,
.mainCalendar .ui-widget-content .ui-state-default {
	
}

.mainCalendar .revOn.ui-state-disabled {
	opacity: 1;
}

.mainCalendar td,
.mainCalendar td a {
	position: relative;
}

.mainCalendar td a {
	z-index: 10;
}

.mainCalendar td.revIng a {
	background: var(--yellow200);
}

.mainCalendar td.revIng::before, 
.mainCalendar .revOff::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 46px;
	background-color: var(--yellow200);
}

.mainCalendar td.revIng::before,
.mainCalendar .revOff::before,
.mainCalendar td.revOn + td .ui-state-hover::before {
	left: -50%;
}
.mainCalendar td:last-child.revIng a {
	border-radius: 0;
}
.mainCalendar td.revOn a,
.mainCalendar td.revOff a,
.mainCalendar .ui-datepicker-today.revOn a,
.mainCalendar .ui-datepicker-today.revOff a {
	background: var(--mainY);
	color: var(--mainB);
	font-size: 14px;
	line-height: 46px;
	font-weight: 600;
}

/*메인팝업*/
#mainPopLayer {
	width: 500px;
}

#mainPopLayer .layer-cont {
	padding: 0;
}

#mainPopLayer .cont_txt {
	padding: 0 40px 65px;
}

#mainPopLayer .cont_txt dt {
	color: #333;
	font-size: 18px;
	line-height: 30px;
	font-family: "Pretendard";
}

#mainPopLayer .cont_txt dd {
	color: #101010;
	font-size: 18px;
	line-height: 40px;
	font-weight: 500;
}

#mainPopLayer .cont_txt p.topline {
	color: #666;
	font-size: 18px;
	padding-top: 30px;
	border-top: 1px solid #dadada;
	margin-top: 40px;
}

#mainPopLayer .layer-head {
	padding: 40px 40px 30px;
}

#mainPopLayer .fncArea {
	background: #262e39;
	position: relative;
	height: 60px;
}

#mainPopLayer .fncArea .frm {
	position: absolute;
	left: 30px;
	top: 17px
}

#mainPopLayer .fncArea .frm input[type=checkbox] {
	position: absolute;
	left: 12px;
	top: 16px;
	width: 1px;
	height: 1px;
	opacity: 0;
}

#mainPopLayer .fncArea .frm label {
	font-size: 16px;
	color: #fff;
	position: relative;
	display: inline-block;
}

#mainPopLayer .fncArea .frm label::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 14px;
	width: 26px;
	height: 26px;
	background: url("../../../images/hub/icon/icon_check_32x32.png") no-repeat;
	background-size: cover;
}

#mainPopLayer .fncArea .frm input[type=checkbox]:checked+label::before {
	background: url("../../../images/hub/icon/icon_checked_26x26.png") no-repeat;
	background-size: cover;
}

#mainPopLayer .fncArea .frm label:hover::before {
	background: url("../../../images/hub/icon/icon_check_hover_32x32.png") no-repeat;
	background-size: cover;
}

#mainPopLayer .fncArea .bannerClose {
	position: absolute;
	right: 30px;
	top: 6px;
	color: #fff;
	font-size: 16px;
}

#mainPopLayer .fncArea .bannerClose::before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../../../images/hub/mainPopClose.png) no-repeat center;
	margin-right: 10px;
	vertical-align: middle;
}