.date-picker{border:0; color:#303030; cursor:pointer; font-size:12px; font-weight:700; height:25px; line-height:25px; padding:0; padding-left:10px; position:relative; width:170px; z-index:2; }
.date-picker-wrapper{font-family: 'Lato',sans-serif; background-color:#efefef; border:1px solid #bfbfbf; box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5); box-sizing:initial; color:#aaa; font-size:12px; line-height:20px; padding:5px 12px; position:absolute; webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5); webkit-box-sizing:initial; z-index:1; }
.dp-clearfix{clear:both; font-size:0; height:0; }
.date-picker-wrapper.inline-wrapper{box-shadow:none; display:inline-block; position:relative; webkit-box-shadow:none; }
.date-picker-wrapper.single-date{width:auto; }
.date-picker-wrapper.no-shortcuts{
	/* padding-bottom:20px; */
	/* z-index:10; */
	/* 20260625 - 플로팅버튼에 가려져서 높임 */
	z-index: 2200;
}
.date-picker-wrapper.no-topbar{padding-top:12px; }
.date-picker-wrapper .footer{/*font-size:11px; padding-top:3px; */}
.date-picker-wrapper b{color:#666; font-weight:700; }
.date-picker-wrapper a{color:#6bb4d6; text-decoration:underline; }
.date-picker-wrapper .month-name{text-transform:uppercase; }
.date-picker-wrapper .select-wrapper{display:inline-block; overflow:hidden; position:relative; vertical-align:middle; }
.date-picker-wrapper .select-wrapper:hover{text-decoration:underline; }
.date-picker-wrapper .month-element{display:inline-block; vertical-align:middle; }
.date-picker-wrapper .select-wrapper select{appearance:none; background:transparent; border:0; color:inherit; cursor:pointer; filter:alpha(opacity=1); font-size:inherit; font-style:inherit; font-weight:inherit; left:0; margin:0; moz-appearance:none; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; opacity:0.01; outline:0; padding:0; position:absolute; text-transform:inherit; top:-1px; webkit-appearance:none; }
.date-picker-wrapper .month-wrapper{_overflow:hidden; background-color:#fff; border:1px solid #bfbfbf; border-radius:3px; cursor:default; padding:5px; position:relative; }
.date-picker-wrapper .month-wrapper table{float:left; width:190px; }
.date-picker-wrapper .month-wrapper table.month2{float:left; width:220px; }
.date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td{margin:0px; padding:0px; text-align:center; vertical-align:top; }
.date-picker-wrapper .month-wrapper table .day{
	position:relative;
	/* color:#ccc;  */
	cursor:default;
	/* font-size:12px;  */
	/* line-height:1;  */
	/* margin-bottom:1px;  */
	/* padding:9px 0 8px 0;  */
	/* font-family:'Lato',sans-serif; */
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 100%;
	color: #999999;
	/* margin-bottom:2px; */
	padding: 1.6rem 1.4rem;
	font-family: "Pretendard Variable";
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth{color:#999; cursor:default; }
.date-picker-wrapper .month-wrapper table .day.checked{background-color:#ffd3d3; /*color:#fff !important;*/}
.date-picker-wrapper .month-wrapper table .week-name{
	/* font-weight:100;
	height:20px;  */
	/* line-height:20px;  */
	height: 6rem;
	text-transform:uppercase;
 }
.date-picker-wrapper .month-wrapper table .day.has-tooltip{cursor:help !important; }
.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip{white-space:nowrap; }
.date-picker-wrapper .time label{white-space:nowrap; }
.date-picker-wrapper .month-wrapper table .day.toMonth.valid{
	/* color:#333;  */
	color:#111111;
	cursor:pointer;
 }
.date-picker-wrapper .month-wrapper table tr td:first-child > .day.toMonth.valid{color:#c82900;}

/**/
.checkin-web.date-picker-wrapper .gap{position:relative; width:45px; visibility:visible !important;}
.checkin-web.date-picker-wrapper .gap:after{display:block; content:''; position:absolute; top:0; left:50%; width:1px; height:100%; border-left:dashed 1px #cccccc;}
.checkin-web.date-picker-wrapper{box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.2);}


.day.toMonth.valid:before{content:none;}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering{background-color:transparent; }
.date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth{display:none; }
.date-picker-wrapper .month-wrapper table .day.real-today{/*background-color:#ffe684; */}
.datepicker-area .date-picker-wrapper .month-wrapper table .day.real-today:before{display:block; position:absolute; bottom:5px; left:50%; margin-left:-1px; border-radius:50%; width:4px; height:4px; content:''; background:#999999;}
.date-picker-wrapper .month-wrapper table .day.real-today:before{display:block; position:absolute; bottom:4px; left:50%; margin-left:-2px; border-radius:50%; width:3px; height:3px; content:''; background:#999999;}
.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering{}
.date-picker-wrapper .month-wrapper table .checked.day.real-today:before {background:#fff}




/* */
.date-picker-wrapper{
	/*width:100%;*/
	/* min-height:286px;*/
	background:#fff;
	box-sizing:border-box;
	border:0;
	/* padding:28px 30px 0 30px; */
	padding: 3.2rem 3.2rem 2.6rem;
	border-radius: 0.4rem;
	border: 1px solid #816c5b;
	box-shadow: none !important;
	margin-top: 0.8rem;
}
.date-picker-wrapper .drp_top-bar .apply-btn{
	/* display:inline-block; */
	display: none;
	width:13px;
	height:13px;
	position:absolute;
	top:-7px;right:-13px;
	background:url("../../image/btn/reserve_close.webp") no-repeat;
	text-indent:-99999px;
}
.date-picker-wrapper .drp_top-bar .normal-top {display:none;}
.date-picker-wrapper .drp_top-bar .error-top {display:none;}
.date-picker-wrapper .drp_top-bar .default-top {display:none;}
.date-picker-wrapper .month-wrapper{position:relative; padding:0; border:0; background:none; margin:0 auto;}
.date-picker-wrapper .month-wrapper table{
	float:left;
	/* width:220px; */
	width:34rem;
}
.date-picker-wrapper .month-name{
	/* font-size:14px;
	color:#000;  */
	/* font-family:'Lato','Noto Sans KR',sans-serif; */
	font-family: "Pretendard Variable";
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 3rem;
	color: #111111;
}
.date-picker-wrapper .month-wrapper table .day{
	/* color:#bdbdbd;  */
	/* cursor:default; */
	/* font-size:13.4px;
	line-height:1;  */
}
.date-picker-wrapper .month-wrapper table .week-name th{
	/* font-size:11.4px; */
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.6rem;
	color: #111111;
	font-family: "Pretendard Variable";
}
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td{
	/* width:15px; */
	vertical-align:middle}
/* .date-picker-wrapper table .caption{height:48px; } */
/* .date-picker-wrapper .month-wrapper table .week-name{height:25px;} */
.date-picker-wrapper .month-wrapper table .week-name th{
	/* vertical-align:top;
	color:#333;
	font-family:"Noto Sans KR",sans-serif; */
}
/* .date-picker-wrapper table .caption{height:47px; } */
.date-picker-wrapper table .caption > th:first-of-type, .date-picker-wrapper table .caption > th:last-of-type{width:15px; }
.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev{
	cursor:pointer;
	display: inline-block;
	padding:0;
	margin-top: 0.8rem;
	width: 2.4rem;
	height: 2.4rem;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	text-indent:-9999px;
}
.date-picker-wrapper table .caption .next{
	/* width:13px;
	height:10px;
	display:inline-block;
	text-indent:-9999px;  */
	background:url("../../image/btn/btn_datepicker_arrow.webp") 0 0;
	/* background-size:13px auto;
	margin-top:8px; */
}
.date-picker-wrapper table .caption .prev{
	/* width:13px;
	height:10px;
	display:inline-block;
	text-indent:-9999px;  */
	background:url("../../image/btn/btn_datepicker_arrow.webp") 0 bottom;
	/* background-size:13px auto;
	margin-top:8px; */
}
.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover{/*background-color:#ccc; color:white; */}
.date-picker-wrapper .gap{background-color:transparent; float:left; font-size:0; height:0; height:100%; line-height:0; position:relative; top:-5px; width:100px; z-index:1; }
.date-picker-wrapper .gap .gap-lines{height:100%; overflow:hidden; position:relative;}
.date-picker-wrapper .gap .gap-line{height:15px; position:relative; width:15px; }

/*.date-picker-wrapper .gap .gap-line .gap-1{border-bottom:8px solid #eee; border-left:8px solid white; border-top:8px solid #eee; height:0; z-index:1; }
.date-picker-wrapper .gap .gap-line .gap-2{border-left:8px solid transparent; border-top:8px solid white; height:0; position:absolute; right:0; top:0px; z-index:2; }
.date-picker-wrapper .gap .gap-line .gap-3{border-bottom:8px solid white; border-left:8px solid transparent; height:0; position:absolute; right:0; top:8px; z-index:2; }
.date-picker-wrapper .gap .gap-top-mask{background-color:#eee; height:1px; left:1px; position:absolute; top:-1px; width:6px; z-index:3; }
.date-picker-wrapper .gap .gap-bottom-mask{background-color:#eee; bottom:-1px; height:1px; left:7px; position:absolute; width:6px; z-index:3; }*/
.date-picker-wrapper .selected-days{display:none; }
.date-picker-wrapper .drp_top-bar{line-height:1.4; padding:0; position:relative; }
.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top{display:none; }
.date-picker-wrapper .drp_top-bar.error .default-top{display:none; }
.date-picker-wrapper .drp_top-bar.error .error-top{color:red; display:block; }
.date-picker-wrapper .drp_top-bar.normal .default-top{display:none; }
.date-picker-wrapper .drp_top-bar.normal .normal-top{display:none; }
.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top{color:#333; }
/*.date-picker-wrapper .drp_top-bar .apply-btn.disabled{background:#fff; background:-moz-linear-gradient(top, #fff, #ededed); border:solid 1px #b7b7b7; color:#606060; cursor:pointer; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }*/
.date-picker-wrapper .time{position:relative; }
.date-picker-wrapper.single-month .time{display:block; }
.date-picker-wrapper .time input[type=range]{height:20px; margin:0; padding:0; vertical-align:middle; width:129px; }
.date-picker-wrapper .time1{padding:0 5px; text-align:center; width:180px; }
.time2{padding:0 5px; text-align:center; width:180px; }
.date-picker-wrapper .time1{float:left; }
.date-picker-wrapper .time2{float:right; }
.date-picker-wrapper .hour{text-align:right; }
.minute{text-align:right; }
.date-picker-wrapper .hide{display:none; }
.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected{background-color:#da291c !important; color:white !important; border-radius:50%}
.date-picker-wrapper .active-bg.first-date-selected:after{position:absolute; top:0; right:0; z-index:-1; display:block; content:''; width:50%; height:100%; background-color:#ffd3d3 !important;}
.date-picker-wrapper .active-bg.last-date-selected:after{position:absolute; top:0; left:0; z-index:-1; display:block; content:''; width:50%; height:100%; background-color:#ffd3d3 !important;}
.date-picker-wrapper .date-range-length-tip{background-color:yellow; border-radius:2px; box-shadow:0 0 3px rgba(0, 0, 0, 0.3); display:none; filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); font-size:12px; line-height:16px; margin-left:-8px; margin-top:-4px; moz-filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); ms-filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); o-filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); padding:0 6px; position:absolute; webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.3); webkit-filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); }
.date-picker-wrapper .date-range-length-tip:after{border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid yellow; bottom:-4px; content:''; left:50%; margin-left:-4px; position:absolute; }
.date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev{display:none; }
.date-picker-wrapper .week-number{color:#999; cursor:pointer; font-size:12px; line-height:1; margin-bottom:1px; padding:5px 0; }
.date-picker-wrapper .week-number.week-number-selected{color:#49e; font-weight:700; }

/* inline */
.datepicker-area{position:relative; width:900px;}
.datepicker-area .date-picker-wrapper{width:100%;  height:460px; background:#fbfbfb; box-sizing:border-box; border:0; padding:35px 0 0; /*padding:48px 0 0;*/}
.datepicker-area .date-picker-wrapper .drp_top-bar{display:none;}
.datepicker-area .date-picker-wrapper .month-wrapper{position:relative; padding:0; border:0; background:none; margin:0 auto;}
.datepicker-area .date-picker-wrapper .month-wrapper:after{display:block; content:''; position:absolute; top:0; left:50%; width:1px; height:100%; max-height:400px; border-left:1px dotted #ccc;}
.datepicker-area .date-picker-wrapper .month-wrapper table{float:left; top:0px; width:330px; }
.datepicker-area .date-picker-wrapper .month-name{font-size:22px; color:#000; font-family:'Lato','Noto Sans KR',sans-serif; font-weight:900}
.datepicker-area .date-picker-wrapper .month-wrapper table .day{color:#bdbdbd; cursor:default; font-size:19px; line-height:1; margin-bottom:7px; padding:12px 0 13px 0;}
.datepicker-area .date-picker-wrapper .month-wrapper table .week-name th{font-size:16px;}
.datepicker-area .date-picker-wrapper .month-wrapper table th,
.datepicker-area .date-picker-wrapper .month-wrapper table td{width:56px;}
.datepicker-area .date-picker-wrapper table .caption{height:70px; }
.datepicker-area .date-picker-wrapper .month-wrapper table .week-name{height:40px;}
.datepicker-area .date-picker-wrapper .month-wrapper table .week-name th{vertical-align:top; color:#333; font-family:"Noto Sans KR",sans-serif;}
.datepicker-area .date-picker-wrapper table .caption .next{width:23px; height:18px; display:inline-block; text-indent:-9999px; background:url("../../image/btn/btn_datepicker_arrow.webp") 0 0; margin-left:-8px; margin-top:0;}
.datepicker-area .date-picker-wrapper table .caption .prev{width:23px; height:18px; display:inline-block; text-indent:-9999px; background:url("../../image/btn/btn_datepicker_arrow.webp") 0 bottom; margin-right:-8px; margin-top:0;}
.datepicker-area .date-picker-wrapper .month-name .month-element:first-child{font-size:15px; font-family: 'Lato',sans-serif;}
.datepicker-area .date-picker-wrapper .month-name .month-element:last-child{font-size:30px; font-family: 'Lato',"Noto Sans KR",sans-serif; font-weight:900}
.datepicker-area .date-picker-wrapper table tr td:first-child > div{color:#c82900;}
.datepicker-area .date-picker-wrapper .month-wrapper table td:first-child .day.toMonth.valid{color:#c82900;}

/*0430 캘린더 수정*/
.datepicker-area .date-picker-wrapper .month-wrapper table.month1{position: absolute;left:0;}
.datepicker-area .date-picker-wrapper .month-wrapper table.month2{position: absolute;right:0;}
/*0430 캘린더 수정*/

/* mobile */
.datepicker-area.mobile{width:100%;background:#fff;max-width:660px;margin:0 auto}
.datepicker-area.mobile .date-picker-wrapper{height:100%; padding:0;}
.datepicker-area.mobile .date-picker-wrapper .gap{display:none;}
.datepicker-area.mobile .date-picker-wrapper .month-wrapper:after{content:none;}
.datepicker-area.mobile .date-picker-wrapper .month-wrapper{width:100% !important;}
.datepicker-area.mobile .date-picker-wrapper .month-wrapper table{float:none; width:100%; margin:0 auto; position: relative;}
.datepicker-area.mobile .date-picker-wrapper{background:#fff;}
.datepicker-area.mobile .date-picker-wrapper .month-name{font-size:22px; color:#000; font-family:'Lato','Noto Sans KR',sans-serif;}
.datepicker-area.mobile .date-picker-wrapper .month-wrapper table .day{margin-bottom:7px; padding:12px 0; font-size:1.5rem;}
.datepicker-area.mobile .date-picker-wrapper .month-wrapper table .week-name th{font-size:1.3rem;}
.datepicker-area.mobile .date-picker-wrapper .month-wrapper table th,
.datepicker-area.mobile .date-picker-wrapper .month-wrapper table td{width:14%;}
.datepicker-area.mobile .date-picker-wrapper table .caption{height:70px; }
.datepicker-area.mobile .date-picker-wrapper .month-wrapper table .week-name{height:40px;}
.datepicker-area.mobile .date-picker-wrapper .month-wrapper table .week-name th{vertical-align:top; color:#333; font-family:"Noto Sans KR",sans-serif;}
.datepicker-area.mobile .date-picker-wrapper table .caption .next{width:23px; height:18px; display:inline-block; text-indent:-9999px; background:url("../../image/btn/btn_datepicker_arrow.webp") 0 0; margin-left:-8px; margin-top:0;}
.datepicker-area.mobile .date-picker-wrapper table .caption .prev{width:23px; height:18px; display:inline-block; text-indent:-9999px; background:url("../../image/btn/btn_datepicker_arrow.webp") 0 bottom; margin-right:-8px; margin-top:0;}
.datepicker-area.mobile .date-picker-wrapper .month-name .month-element:first-child{font-size:15px; }
.datepicker-area.mobile .date-picker-wrapper .month-name .month-element:last-child{font-size:26px; font-family: 'Lato',"Noto Sans KR",sans-serif; font-weight:900}

.datepicker-area.mobile .date-picker-wrapper .first-date-selected,
.datepicker-area.mobile .date-picker-wrapper .last-date-selected{background-color:#da291c !important; color:white !important; border-radius:50%;width:39px;height:39px;margin:0 auto}

.datepicker-area.mobile .date-picker-wrapper .active-bg.first-date-selected:before {position:absolute; top:0; left:20px; z-index:-1; display:block; content:''; width:43px; height:100%; background-color:#ffd3d3 !important;margin:0}
.datepicker-area.mobile .date-picker-wrapper .active-bg.last-date-selected:before {position:absolute; top:0; right:20px; z-index:-1; display:block; content:''; width:43px; height:100%; background-color:#ffd3d3 !important;margin:0}
.datepicker-area.mobile .date-picker-wrapper .real-today.active-bg.first-date-selected:before {position:absolute; top:0; left:20px; z-index:-1; display:block; content:''; width:43px; height:100%; background-color:#ffd3d3 !important;margin:0;border-radius:0}

.date-picker-wrapper.checkin-web  { padding: 1.5rem  1rem }
.date-picker-wrapper.checkin-web.date-picker-wrapper .gap { width: 15px;}
.date-picker-wrapper.checkin-web .drp_top-bar .apply-btn { top: -8px;  right: -3px; }

.date-picker-wrapper .month-wrapper .start-date-mark,
.date-picker-wrapper .month-wrapper .end-date-mark {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' viewBox='0 0 30 30'%3e%3cpath fill='%23999999' d='M21.174 2.552c-3.39-3.403-8.947-3.403-12.348 0L2.55 8.828c-3.401 3.402-3.401 8.96 0 12.352l6.275 6.276c3.39 3.392 8.957 3.392 12.348 0l6.275-6.276c3.401-3.402 3.401-8.96 0-12.352l-6.275-6.276Z'/%3e%3c/svg%3e") !important;
	background-size: 86%;
  background-repeat: no-repeat;
  background-position: center center;
	color: #fff !important;
}

/* 삭제 예정 */
#two-inputs{display:none;}

/* 20240708 : 캘린더 패딩값 수정 */
/* @media (max-width: 431px) { */
@media (max-width: 767px) {
	.date-picker-wrapper.date-picker-start,
	.date-picker-wrapper.date-picker-end { padding: 1.2rem 1rem 0.6rem; }
	/* .date-picker-wrapper.date-picker-end { padding: 2rem; } */
	.date-picker-wrapper .month-name{
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.date-picker-wrapper .month-wrapper table{
		width: 26rem;
	}
	.date-picker-wrapper .month-wrapper table .week-name{
		height: 4rem;
	}
	.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev{
		margin-top: 0;
	}
	.date-picker-wrapper .month-wrapper table .week-name th{
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.date-picker-wrapper .month-wrapper table .day{
		font-size: 1.4rem;
		padding: 1.2rem 1rem;
	}
}

@media (min-width: 1280px) {
	/* .date-picker-wrapper.date-picker-start { padding: 3.5rem;  }
	.date-picker-wrapper.date-picker-end { padding: 3.5rem;  }
	.date-picker-wrapper.date-picker-start .drp_top-bar .apply-btn { top: -15px; }
	.date-picker-wrapper.date-picker-end .drp_top-bar .apply-btn { top: -15px; } */
}