/* jQueryUI - Datepicker */
.date_box{ position: relative; max-width: 200px; display: inline-block; }
.date_box .ui_date {display: inline-block;width: 100%;padding: 0 42px 2px 14px;color: #000;letter-spacing: -0.01em;font-family: "Noto Sans KR", sans-serif;background-color: #fff;box-sizing: border-box;transition: border-color 0.2s ease-out;outline: none;}
.date_box .ui_date:active, .date_box .ui_date:focus { border-color: #000; }
.date_box .ui_date[disabled], .date_box .ui_date[aria-disabled], .date_box .ui_date[readonly] { color: #767676; background-color: #f7f7f7; pointer-events: none; cursor: default; }
.date_box .ui_date::-webkit-input-placeholder { font-size: inherit; color: #767676; }
.date_box .ui_date:-ms-input-placeholder { font-size: inherit; color: #767676; }
.date_box .ui_date::-ms-input-placeholder { font-size: inherit; color: #767676; }
.date_box .ui_date::placeholder { font-size: inherit; color: #767676; }
.date_box .ui_date:-ms-input-placeholder { font-size: inherit; color: #767676; }
.date_box .ui_date::-ms-input-placeholder { font-size: inherit; color: #767676; }
.date_box .ui-datepicker-trigger { position: absolute; right: 14px; top: 9px; cursor: pointer; width: 20px; height: 20px; }
.date_picker_box { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }
.date_picker_box .form_sel { flex-shrink: 0; width: 126px; }
.date_picker_box .form_sel .ui-selectmenu-button { width: 100%; }
.date_picker_box .form_sel + .date_box { margin-left: 6px; }
.date_picker_box .date_box { flex: 1; }
.date_picker_box .date_box + .btn_ip { margin-left: 6px; }
.date_picker_box .gap { display: inline-block; padding: 0 4px; font-size: 15px; color: #000; line-height: 42px; vertical-align: top; text-align: center; padding-bottom: 2px; }
.date_picker_box.only_date .date_box { flex: none; width: 143px; }
.date_picker_box.only_date .date_box .ui_date { width: 143px; }
@media only screen and (max-width: 768px){
	.date_box{ max-width: 130px;}	
    .date_box + .btn_wrap{ margin-top:5px;}
	.date_box .ui-datepicker-trigger{ top:15px;}
}

/* timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }