/* 해당 #249d5e 색상코드 변경 시 디자인 일괄적용 */


/* datepicker Style */
.ui-datepicker { width: 100%; padding: 0; display: none; border: 0; }
.ui-widget.ui-widget-content { border: 0; border-radius: 3px; overflow: hidden; background: #fff; }
.ui-datepicker .ui-widget-header { position: relative; border: 0; background: #fff; border-radius: 0; border-bottom: 1px solid #000000; }
.ui-datepicker .ui-icon { width:38px; height:32px; display:inline-block; vertical-align:top; }
.ui-datepicker .ui-datepicker-prev .ui-icon { background-position:-228px -253px; }
.ui-datepicker .ui-datepicker-next .ui-icon { background-position:-266px -253px; }


.ui-datepicker .ui-datepicker-title { text-align:center; font-size:20px; font-weight:600; letter-spacing:0; line-height:40px; color:#5e5d5a; }
.ui-datepicker-title .ui-datepicker-year option, .ui-datepicker-title .ui-datepicker-month option { background: #fff; color: #333; }
.ui-datepicker-title .ui-datepicker-year { }
.ui-datepicker-title .ui-datepicker-year:after { content:'.'; }
.ui-datepicker-title .ui-datepicker-month { }
.ui-datepicker .ui-datepicker-calendar { position: relative; width: 314px; margin: 0 auto; box-shadow: 0px -1px 0px 0px #bd3c30; }
.ui-datepicker-calendar thead th { padding: 0; width: 14.2857%; line-height:38px; height:38px; color:#605d5d; font-size:15px; letter-spacing:1px; background-color:#fbfbfb; border-top:none !important; }
.ui-datepicker-calendar thead th,
.ui-datepicker-calendar tbody td { text-align:center; position:relative; }
.ui-datepicker-calendar tbody td { line-height:30px; height:30px; }
.ui-datepicker-calendar tbody td.ui-state-disabled .ui-state-default { color:#e4e4e4; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:180px; z-index:1; width:40px; height:40px; text-indent:-9999px; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev { left: -55px; }
.ui-datepicker .ui-datepicker-next { right:-57px; }
.ui-datepicker .ui-state-default { 
	display: block; border: 0; height: 41px; line-height: 41px; padding: 0; margin-top:7px; margin-bottom:7px;
	font-size: 14px; text-align: center; background: #fff; font-weight: normal; color: #333; box-sizing: border-box; 
}
.ui-datepicker-today .ui-state-default {  border-radius:100%; }
.ui-datepicker-today:after,
.start-highlight-class:after,
.end-highlight-class:after { 
	content:''; position:absolute; bottom:0; left:0; height:15px; line-height:15px; text-align:center;
	display:inline-block; text-align:center; color:#9e5151; font-size:14px; background-color:#fff; 
}
/*.ui-datepicker-today:after { content:'오늘'; width:30px; }*/
.start-highlight-class:after { /*content:'대여'; z-index:1; width:45px;*/ }
.end-highlight-class:after { /*content:'반납'; width:45px;*/ }
.ui-datepicker-current-day .ui-state-default {  }
.highlight-class a,
.start-highlight-class a,
.end-highlight-class a { background-color:#dc1516 !important; color:#fff !important; }
.start-highlight-class a { border-radius:20px 0 0 20px !important; width:auto !important; }
.end-highlight-class a { border-radius:0 20px 20px 0; }
.highlight-class a { background-color:#dc1516 !important; }
.highlight-start-next a {  }
.highlight-end-prev a {  }

table td.highlight-class:nth-last-of-type a { background-color:#000 !important; }
.highlight-class:first-child a { border-top-left-radius:5px; border-bottom-left-radius:5px; }
.highlight-class:last-child a { border-top-right-radius:5px; border-bottom-right-radius:5px; }
.ui-datepicker-buttonpane { overflow: hidden; border-top: 1px solid #eee; }
.ui-datepicker-buttonpane button[data-handler="today"] { color: #da494a; opacity: 0.75; }
.ui-datepicker-buttonpane button[data-handler="hide"] { }

/* ie add Style */
.ui-datepicker td, .ui-datepicker th { border: 0 }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; cursor: pointer; width: auto; margin: 0.5em 0.2em 0.4em; padding: 0.2em 0.6em 0.3em; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; }
.ui-corner-all { border-radius: 3px; }
.ui-icon { display: block; width: 16px; height: 16px; }

/* 기본셋팅 */
.modal-wrapper { position:fixed; z-index:9999; top:10%; left:50%; background-color:#fff; }
.modal-overlay {
	position:fixed; z-index:10; top:0; left:0;
	width:100%; height:100%; background:rgba(0, 0, 0, 0.5); visibility:hidden;
	opacity:0; transition:visibility 0s linear 0.3s, opacity 0.3s;
}
.datepicker-modal { position:absolute; z-index:10000; top:0; left:0; visibility:hidden; width:100%; height:100%; }
.datepicker-modal.is-visible { visibility:visible; }
.datepicker-modal.is-visible .modal-overlay { opacity:1; visibility:visible; transition-delay:0s; }
.datepicker-modal .modal-wrapper { width:738px; margin-left:-350px; }
.datepicker-modal.index-modal .modal-wrapper { margin-left:-373px; top:50%; margin-top:-240px; }
.modal-transition { transition:all 0.3s 0.12s; transform:translateY(-10%); opacity:0; }
.datepicker-modal.is-visible .modal-transition { 
	transform:translateY(0); opacity:1; 
	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
}
.datepicker-modal .modal-body { margin:30px 28px 10px; border-top:1px solid #eae6e6; padding-top:20px; }
.datepicker-modal .modal-body.time-modal-body { padding:18px 0 20px; margin:0; border-top:none; text-align:center; background-color:#f6f6f6; }

.datepicker-modal .modal-header { position:relative; }
/* UI */
.l-modal-header { line-height:50px; font-size:28px; margin-bottom:20px; border-bottom:1px solid #eae6e6; }
.l-modal-header > span { display:inline-block; }
.l-modal-header > span.title { color:#5e5d5a; }
ul.l-datepicker-wr { display:table; width:684px; margin:0 auto; }
ul.l-datepicker-wr > li { display:table-cell; vertical-align:middle; width:312px; border:1px solid #eae6e6; text-align:center; }
ul.l-datepicker-wr > li.l-wave { color:#bd3b2f; font-size:34px; font-weight:500; width:58px; border:none; }
ul.l-datepicker-wr > li > .title { display:block; color:#504545; font-size:18px; line-height:38px; text-align:left; }
ul.l-datepicker-wr > li > .title:before { content:''; width:5px; height:17px; display:inline-block; background-color:#da494a; vertical-align:middle; margin-right:7px; }
.l-timepicker { display:block; width:257px; margin:0 auto; padding:5px 0 10px; text-align:left; }
.l-timepicker .current-date { 
	color:#646464; font-size:19px; font-family: 'Nanum Barun Gothic'; font-weight:500; line-height:37px; letter-spacing:0.3px; display:block; 
	border-bottom:1px solid #bd3b2f; margin-bottom:10px;
}
.l-timepicker .current-date > span { color:#7e241c; font-family: 'NanumGothic'; font-size:17px; float:right; font-weight:600; }
.l-timepicker .l-time-select > * { vertical-align:top; }
.l-timepicker select.l-timepicker-select {
	display:inline-block; height:37px; width:85px; border:none; border-radius:3px; padding-left:14px; color:#fff; font-size:17px; font-family:'Nanum Barun Gothic';
	-webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight:500;
	background: #bd3b2f url("/theme/basic/img/common/arrow.png") right 11px top 15px no-repeat;
}
.l-timepicker select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }
.l-timepicker .after,
.l-timepicker .after_dot { display:inline-block; font-family:'Nanum Barun Gothic'; font-weight:500; line-height:37px; vertical-align:middle; }
.l-timepicker .after {  color:#646464; font-size:17px; margin-left:3px;}
.l-timepicker .after_dot { color:#bd3b2f; font-size:25px; margin-right:15px; margin-left:10px; }
.modal-btn_wr { display:block; text-align:center; }
.modal-btn_wr .modal-btn { 
	display:inline-block; width:115px; height:52px; line-height:52px; margin-top:20px; text-align:center; border-radius:8px; font-size:19px; vertical-align:top;
	font-size:20px; font-family:'Nanum Barun Gothic';
}
.modal-btn_wr .modal-submit { height:52px; background-color:#ca2a0f; border:1px solid #ca2a0f; color:#fff; margin-left:12px; font-weight:500; }
.modal-btn_wr .modal-close { background-color:#fff; border:1px solid #939393; color:#5e5b5b; cursor:pointer; }
/* 예약완료 */
.default-modal { position:absolute; z-index:10000; top:0; left:0; visibility:hidden; width:100%; height:100%; }
.default-modal.is-visible { visibility:visible; }
.default-modal.is-visible .modal-overlay { opacity:1; visibility:visible; transition-delay:0s; }
.default-modal .modal-wrapper { width:490px; margin-left:-250px; padding:15px; }
.default-modal .modal-wrapper .l-complete-close { position:absolute; top:-50px; right:-50px; z-index:11; cursor:pointer; }
.default-modal.is-visible .modal-transition {  transform:translateY(0); opacity:1; }
.default-modal .modal-body {  }
.default-modal .modal-body [class^="complete-"] { font-family:'nanum-square-r'; }
.default-modal .modal-foot { text-align:center; }
.l-modal-close {
	display:block; width:212px; height:60px; line-height:60px; text-align:center; background-color:#ca2a0f; margin:35px auto 25px;
	color:#fff; font-size:22px; font-weight:600; cursor:pointer;
}
	#dateRangePicker { display:inline-block; width:100%; min-height:250px; }
header.l-head > ul > li > p.dueDate { text-align:right; font-size:15px; font-weight:600; }
header.l-head > ul > li > p.dueDate > span { color:#ca2a0f; }