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


/* datepicker Style */
.ui-datepicker { width: 100%; padding: 0; display: none; border: 0; margin-top: 0px;}
.ui-widget.ui-widget-content { border: 0; overflow: hidden; background: #fff; /* box-shadow: 0 0 8px rgba(0,0,0,0.3); */ /* border:1px solid #dee2e6 */;z-index:1001 !important }
.ui-datepicker .ui-widget-header { position: relative; padding: 28px 0 70px 0; border: 0; background: #fff; color: #212529; border-radius: 0; max-width:200px;margin:0 auto;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 70px; height: 28px; line-height: 28px; background: rgba(0,0,0,0.15) url(images/arrow-button.png) 100% -27px no-repeat; margin: 0 4px; padding: 0 6px; border: 0; border-radius: 3px; color: #fff; font-size: 13px; font-weight: bold; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* 화살표 없애기 */ }
.ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover { background: rgba(0,0,0,0.3) url(images/arrow-button.png) 100% -27px no-repeat; }


.ui-datepicker select::-ms-expand {
display: none; /* 화살표 없애기 for IE10, 11*/
}

.ui-datepicker-unselectable .ui-state-default {}
.ui-datepicker .ui-datepicker-title { line-height: 30px; text-align: center; margin: 0px 2.3em; font-size:20px; font-weight:700; letter-spacing:0;color:#212529; }
.ui-datepicker-title .ui-datepicker-year option, .ui-datepicker-title .ui-datepicker-month option { background: #fff; color: #888888; }
.ui-datepicker-title .ui-datepicker-year { }
.ui-datepicker-title .ui-datepicker-month { }
.ui-datepicker .ui-datepicker-calendar { position: relative; width: 100%; max-width: 480px;margin: 0 auto;padding:0 10px 10px; }
.ui-datepicker-calendar thead tr { position: absolute; top: -36px; left: 0px; right: 0px;padding:4px 0px;background:#f8f9fa; }
.ui-datepicker-calendar thead th { float: left; display: block; padding: 0; width: 14.2857%; color: #888888; font-size:18px; letter-spacing:1px; /* opacity: 0.6 */ ;font-weight:700}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 28px; width: 30px; height:30px; text-indent: -9999px; cursor: pointer }
.ui-datepicker .ui-datepicker-prev { left: 0px; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover { /* background: rgba(0,0,0,0.1); border: 0; */ }
.ui-datepicker .ui-datepicker-prev .ui-icon { background: url(images/date_pic_left_n1.jpg) 0 0 no-repeat; }
.ui-datepicker .ui-datepicker-next { right: 0px; }
.ui-datepicker .ui-datepicker-next.ui-state-hover { /* background: rgba(0,0,0,0.1); border: 0; */ }
.ui-datepicker .ui-datepicker-next .ui-icon { background: url(images/date_pic_right_n1.jpg) 0 0 no-repeat; }
.ui-datepicker .ui-state-default { display: block; border: 0; border-radius: 0px; width: 42px; height: 42px; line-height: 42px; padding: 0; margin: 2px auto; font-size: 18px; text-align: center; background: #fff; font-weight: normal; color: #888888; box-sizing: border-box; }
.ui-datepicker .ui-state-default.ui-state-hover { background: #493b1f;color:#fff }
.ui-datepicker-today .ui-state-default { /* color: #888888; font-weight: bold; */ }
.ui-datepicker-current-day .ui-state-default { /* background: #fff0a5 !important; color: #fff; font-weight: bold; */ }
.ui-datepicker-buttonpane { overflow: hidden; border-top: 1px solid #eee; }
.ui-datepicker-buttonpane button[data-handler="today"] { color: #fff0a5; 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; position: absolute; left: 50%; margin-left: -12.5px; top: 50%; margin-top: -12.5px; }
.ui-corner-all { border-radius: 3px; }
.ui-icon { display: block; width: 25px; height: 25px; }

/* mobile Responsive */
 @media screen and (max-width:1280px) {
 

/* datepicker Style */
.ui-datepicker { width: 100%; padding: 0;  border: 0; margin-top: 0.000vw;}
.ui-widget.ui-widget-content { border: 0;  background: #fff; /* box-shadow: 0 0 0.625vw rgba(0,0,0,0.3); */ /* border:1px solid #dee2e6 */;z-index:1001 !important ;padding:0 5px}
.ui-datepicker .ui-widget-header {  padding: 2.188vw 0 5.469vw 0; border: 0; background: #fff;  border-radius: 0; max-width:15.625vw;margin:0 auto;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 5.469vw; height: 2.188vw; line-height: 2.188vw; background: rgba(0,0,0,0.15) url(images/arrow-button.png) 100% -2.109vw no-repeat; margin: 0 0.313vw; padding: 0 0.469vw; border: 0; border-radius: 0.234vw;  font-size: 1.016vw;   -webkit-appearance: none; -moz-appearance: none; appearance: none; /* 화살표 없애기 */ }
.ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover { background: rgba(0,0,0,0.3) url(images/arrow-button.png) 100% -2.109vw no-repeat; }


.ui-datepicker select::-ms-expand {
 /* 화살표 없애기 for IE10, 11*/
}

.ui-datepicker-unselectable .ui-state-default {}
.ui-datepicker .ui-datepicker-title { line-height: 2.344vw;  margin: 0.000vw 2.3em; font-size:1.563vw;  letter-spacing:0; }
.ui-datepicker-title .ui-datepicker-year option, .ui-datepicker-title .ui-datepicker-month option { background: #fff;  }
.ui-datepicker-title .ui-datepicker-year { }
.ui-datepicker-title .ui-datepicker-month { }
.ui-datepicker .ui-datepicker-calendar {  width: 100%; max-width: 100%;margin: 0 auto;padding:0 0.781vw 0.781vw; }
.ui-datepicker-calendar thead tr {  top: -2.813vw; left: 0.000vw; right: 0.000vw;padding:0.313vw 0.000vw;background:#f8f9fa; }
.ui-datepicker-calendar thead th {   padding: 0; width: 14.2857%;  font-size:1.406vw; letter-spacing:1px; /* opacity: 0.6 */ ;font-weight:700}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {  top: 2.188vw; width: 2.344vw; height:2.344vw; text-indent: -781.172vw; cursor: pointer }
.ui-datepicker .ui-datepicker-prev { left: 0.000vw; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover { /* background: rgba(0,0,0,0.1); border: 0; */ }
.ui-datepicker .ui-datepicker-prev .ui-icon { background: url(images/date_pic_left_n1.jpg) 0 0 no-repeat;background-size:cover }
.ui-datepicker .ui-datepicker-next { right: 0.000vw; }
.ui-datepicker .ui-datepicker-next.ui-state-hover { /* background: rgba(0,0,0,0.1); border: 0; */ }
.ui-datepicker .ui-datepicker-next .ui-icon { background: url(images/date_pic_right_n1.jpg) 0 0 no-repeat;background-size:cover }
.ui-datepicker .ui-state-default {  border: 0; border-radius: 0.000vw; width: 3.281vw; height: 3.281vw; line-height: 3.281vw; padding: 0;  font-size: 1.406vw;  background: #fff;    }
.ui-datepicker .ui-state-default.ui-state-hover { background: #493b1f;color:#fff }
.ui-datepicker-today .ui-state-default { /*   */ }
.ui-datepicker-current-day .ui-state-default { /* background: #fff0a5 !important;   */ }
.ui-datepicker-buttonpane {  border-top: 1px solid #eee; }
.ui-datepicker-buttonpane button[data-handler="today"] {  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 {  cursor: pointer; width: auto; margin: 0.5em 0.2em 0.4em; padding: 0.2em 0.6em 0.3em;  }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {  }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {   left: 50%; margin-left: -0.977vw; top: 50%; margin-top: -0.977vw; }
.ui-corner-all { border-radius: 0.234vw; }
.ui-icon {  width: 1.953vw; height: 1.953vw; }
 }
 @media screen and (max-width:768px) {
/* .ui-datepicker { width: 334px !important; left: 50% !important; margin-left: -147px !important; } */



/* datepicker Style */
.ui-datepicker { width: 100%; padding: 0;  border: 0; margin-top: 0.000vw;}
.ui-widget.ui-widget-content { border: 0;  background: #fff; /* box-shadow: 0 0 1.042vw rgba(0,0,0,0.3); */ /* border:0.130vw solid #dee2e6 */;z-index:1001 !important;padding-bottom:25px }
.ui-datepicker .ui-widget-header {  padding: 3.646vw 0 9.115vw 0; border: 0; background: #fff;  border-radius: 0; max-width:26.042vw;margin:0 auto;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 9.115vw; height: 3.646vw; line-height: 3.646vw; background: rgba(0,0,0,0.15) url(images/arrow-button.png) 100% -3.516vw no-repeat; margin: 0 0.521vw; padding: 0 0.781vw; border: 0; border-radius: 0.391vw;  font-size: 1.693vw;   -webkit-appearance: none; -moz-appearance: none; appearance: none; /* 화살표 없애기 */ }
.ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover { background: rgba(0,0,0,0.3) url(images/arrow-button.png) 100% -3.516vw no-repeat; }


.ui-datepicker select::-ms-expand {
 /* 화살표 없애기 for IE10, 11*/
}

.ui-datepicker-unselectable .ui-state-default {}
.ui-datepicker .ui-datepicker-title { line-height: 3.906vw;  margin: 0.000vw 1.3em; font-size:3.604vw;  letter-spacing:0; }
.ui-datepicker-title .ui-datepicker-year option, .ui-datepicker-title .ui-datepicker-month option { background: #fff;  }
.ui-datepicker-title .ui-datepicker-year { }
.ui-datepicker-title .ui-datepicker-month { }
.ui-datepicker .ui-datepicker-calendar {  width: 100%; max-width: 100%;margin: 0 auto;padding:0 1.302vw 1.302vw; }
.ui-datepicker-calendar thead tr {  top: -4.688vw; left: 0.000vw; right: 0.000vw;padding:0.521vw 0.000vw;background:#f8f9fa; }
.ui-datepicker-calendar thead th {   padding: 0; width: 14.2857%;  font-size:3.344vw; letter-spacing:0.130vw; /* opacity: 0.6 */ ;font-weight:700}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {  top: 3.646vw; width: 3.906vw; height:3.906vw; text-indent: -1301.953vw; cursor: pointer }
.ui-datepicker .ui-datepicker-prev { left: 0.000vw; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover { /* background: rgba(0,0,0,0.1); border: 0; */ }
.ui-datepicker .ui-datepicker-next { right: 0.000vw; }
.ui-datepicker .ui-datepicker-next.ui-state-hover { /* background: rgba(0,0,0,0.1); border: 0; */ }
.ui-datepicker .ui-state-default {  border: 0; border-radius: 0.000vw; width: 5.469vw; height: 5.469vw; line-height: 5.469vw;padding: 0;  font-size: 3.344vw;  background: #fff;    }
.ui-datepicker .ui-state-default.ui-state-hover { background: #493b1f;color:#fff }
.ui-datepicker-today .ui-state-default { /*   */ }
.ui-datepicker-current-day .ui-state-default { /* background: #fff0a5 !important;   */ }
.ui-datepicker-buttonpane {  border-top: 0.130vw solid #eee; }
.ui-datepicker-buttonpane button[data-handler="today"] {  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 {  cursor: pointer; width: auto; margin: 0.5em 0.2em 0.4em; padding: 0.2em 0.6em 0.3em;  }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {  }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {   left: 50%; margin-left: -1.628vw; top: 50%; margin-top: -1.628vw; }
.ui-corner-all { border-radius: 0.391vw; }
.ui-icon {  width: 3.255vw; height: 3.255vw; }
}