@CHARSET "UTF-8";


/* .datepicker {padding:5px 0 !important;} */

/* .date {position:relative; border:1px solid #a4a4a4; border-radius:5px; background:url("/images/cmmn/calendar/bg_datepicker.png") 95% 50% no-repeat;} */
.date input[type="text"] {margin-left:10px; border:0; background:transparent; padding:6px 0; height:16px;}
.date.disabled {background:url("/images/cmmn/calendar/bg_datepicker.png") #e4e4e4 95% 50% no-repeat;}
.date2 {position:relative; border:1px solid #a4a4a4; border-radius:5px; background:url("/images/cmmn/calendar/bg_datepicker2.png") 97.5% 50% no-repeat;}
.date2 input[type="text"] {margin-left:10px; border:0; background:transparent; padding:6px 0; height:16px;}
.date2.disabled {background:url("/images/cmmn/calendar/bg_datepicker_disabled.png") #e4e4e4 97.5% 50% no-repeat;}


/* /* jquery 플러그인 datepicker css변경 */ */
/* .ui-datepicker	{border:1px solid #727272;background:#fff;padding:10px;width:218px;} */
.ui-datepicker .ui-datepicker-header	{position:relative;background:#4d4e53;color:#fff;height:auto;text-align:center;padding:8px 0 0;overflow:hidden;font-size:16px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {position:absolute; top:13px; left: -15px; color:#fff;background:url("/images/cmmn/calendar/btns_prev.png") no-repeat 0 0;  width:13px; height:18px; overflow:hidden; display:none;}
/* .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {display:none;} */
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {position:absolute; top:13px; right: -15px; color:#fff;background:url("/images/cmmn/calendar/btns_next.png") no-repeat 0 0; width:13px; height:18px; overflow:hidden; display:none;}
/* .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {display:none;} */
/* .ui-datepicker .ui-datepicker-title	{text-align:center;padding-left: 30px;padding-right: 30px;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year	 {float:left;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month	 {float:right;}
.ui-datepicker .ui-datepicker-calendar	{width:100%; table-layout:fixed; border-collapse:collapse; border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4;}
.ui-datepicker .ui-datepicker-calendar thead th	{border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; text-align:center; background:#f0f0f0;}
.ui-datepicker .ui-datepicker-calendar thead th:first-child	 {color:#940034;}
.ui-datepicker .ui-datepicker-calendar thead th:last-child	 {color:#2695a9;}
.ui-datepicker .ui-datepicker-calendar tbody td	{border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; text-align:center;}
.ui-datepicker .ui-datepicker-calendar tbody td a	{display:block; font-size:11px; font-family:tahoma; padding:4px 0 6px;}
td.ui-datepicker-unselectable.ui-state-disabled {background-color: #E4E4E4;font-size: 11px;font-family: tahoma;padding: 4px 0 6px;} 2016-04-21
.ui-datepicker .ui-datepicker-calendar tbody td:first-child a	{color:#940034;}
.ui-datepicker .ui-datepicker-calendar tbody td:last-child a	{color:#2695a9;}
.ui-datepicker .ui-datepicker-calendar tbody td a:hover	{background:#940034; color:#fff;}
#ui-datepicker-div	{display:none;} */


/* .ui-state-default .mtz-monthpicker .mtz-monthpicker-month {background:#940034; color:#fff;}
.datepicker {font-size:12px;} */

/* 새로운 디자인-1 */
.ui-widget-header { border: 0px solid #dddddd; background: #fff; } 

 .ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; } 

 .ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; } 

 /*.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: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; } 

 .ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold; } 

 .ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 20px; padding-bottom: 10px; width: 300px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); } 

 .ui-widget.ui-widget-content { border: 1px solid #eee; } 

 #datepicker:focus>.ui-datepicker { display: block; } 

 .ui-datepicker-prev,
 .ui-datepicker-next { cursor: pointer; } 

 .ui-datepicker-next { float: right; } 

 .ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); } 

 .ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; } 

 .ui-datepicker-calendar { width: 100%; } 

 .ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 400; } 

 .ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none;}

 .ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; } 

 .ui-datepicker-calendar>tbody>tr>td {border-radius: 100%;width: 44px;height: 30px;cursor: pointer;/* padding: 5px; */font-weight: 100;text-align: center;font-size: 12px;} 

 .ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; } 

 .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 { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; } 

 .ui-widget-header .ui-icon { background-image: url('/images/cmmn/calendar/btns.png'); } 

 .ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; } 

 .ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; } 

 .ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; } 

 .ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; } 

 .ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; } 

 .ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; } 

 .ui-state-highlight,
 .ui-widget-content .ui-state-highlight,
 .ui-widget-header .ui-state-highlight { border: 0px; background: #f1f1f1; border-radius: 50%; padding-top: 10px; padding-bottom: 10px; } 

 .inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; } 

 .inp:focus { outline: none; background-color: #eee; } 

 .year-selector { width: 130px !important; }