@charset "utf-8";

/* Date Range Picker
----------------------------------*/
span.dateRangePicker {display:inline-block;}
.date-picker,.date-picker-wrapper { font-size:12px;font-family:'맑은 고딕', Malgun Gothic, sans-serif; }
.date-picker {position:relative;width:170px;height:25px;padding:0 0 0 10px;border:0;line-height:25px;color:#303030;font-weight:bold;cursor:pointer;z-index:999; }
.date-picker-wrapper { position:absolute;width:430px;padding:10px;line-height:20px;color:#aaa;border:1px solid #bfbfbf;background-color:#efefef;z-index:998; }
.date-picker-wrapper.single-date { width:auto;padding:10px }
.date-picker-wrapper .footer { display:none; }
.date-picker-wrapper b { color:#666;font-weight:700; }
.date-picker-wrapper a { color:#6bb4d6;text-decoration:underline; }

.date-picker-wrapper .month-wrapper { _overflow:hidden;position:relative;cursor:default;}
.date-picker-wrapper .month-wrapper table,.date-picker-wrapper .month-wrapper table.month2 { float:left;width:211px;border:1px solid #bfbfbf;background-color:#fff;border-collapse:separate;border-spacing:0;  }
.date-picker-wrapper .month-wrapper table.month2 { float:right; }
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td { margin:0;padding:0;line-height:24px;text-align:center;vertical-align:middle }
.date-picker-wrapper .month-wrapper table td{width:29px;height:24px;border-collapse:collapse;border-spacing:0;border:1px solid #e3e3e3;border-right:0;border-bottom:0}
.date-picker-wrapper .month-wrapper table tr td:first-child{ border-left:0}
.date-picker-wrapper .month-wrapper table .caption th {}

.date-picker-wrapper .month-wrapper table td .day{color:#444;cursor:pointer; }
.date-picker-wrapper .month-wrapper table tr td:first-child .day{ color:#dc2c2e; }
.date-picker-wrapper .month-wrapper table tr td:last-child .day{ color:#5366c2; }
.date-picker-wrapper .month-wrapper table tr td div.day.lastMonth,
.date-picker-wrapper .month-wrapper table tr td div.day.nextMonth { color:#b2b2b2;border:none;background:none; }
.date-picker-wrapper .month-wrapper table tr td div.day.lastMonth.real-today,
.date-picker-wrapper .month-wrapper table tr td div.day.nextMonth.real-today { color:#fff; }
	.date-picker-wrapper .month-wrapper table .day.checked {height:24px;line-height:24px;background-color:#bbcef5; }
.date-picker-wrapper .month-wrapper table tr td div.day.invalid, 
.date-picker-wrapper .month-wrapper table tr td div.day.autoInvalid { }

.date-picker-wrapper .month-wrapper table .day.lastMonth.valid:hover,
.date-picker-wrapper .month-wrapper table .day.lastMonth.valid.checked:hover,
.date-picker-wrapper .month-wrapper table .day.nextMonth.valid:hover,
.date-picker-wrapper .month-wrapper table .day.nextMonth.valid.checked:hover,
.date-picker-wrapper .month-wrapper table tr td div.day.autoInvalid:hover{ color:#595959}
.date-picker-wrapper .month-wrapper table .day:hover{ background:#a0bcf9 !important;}
.date-picker-wrapper .month-wrapper table tr td div.day.lastMonth.valid.checked,
.date-picker-wrapper .month-wrapper table tr td div.day.nextMonth.valid.checked  {background:#bbcef5;color:#888;}

.date-picker-wrapper .month-wrapper table .week-name { height:23px;line-height:23px;font-weight:bold;color:#4f4f4f }
.date-picker-wrapper .month-wrapper table .week-name th:first-child{ color:#dc2c2e; }
.date-picker-wrapper .month-wrapper table .week-name th:last-child{ color:#5366c2; }

.date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor:help !important; }

.date-picker-wrapper .month-wrapper table .day.real-today { background:#f0cdcd;color:#595959;line-height:24px;}
.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table tr td div.day.nextMonth.real-today.checked {background-color:#bbcef5;}

.date-picker-wrapper table .caption { height:33px;border-bottom:1px solid #b8b8b8;background:#fafafa }
.date-picker-wrapper table .caption>th { border-bottom:1px solid #b8b8b8;}
.date-picker-wrapper table .caption>th.month-name { color:#404040;font-weight:bold;padding:0; }
.date-picker-wrapper table .caption .pprev,
.date-picker-wrapper table .caption .prev,
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .nnext { display:inline-block;width:13px;height:13px;line-height:13px;text-align:center;cursor:pointer; }
.date-picker-wrapper table .caption span{ color:transparent;background:url(../../../images/calendar/btn_calendar_move.gif) no-repeat 0 0}

.date-picker-wrapper table .caption a.disabled span{background:url(../../../images/calendar/btn_calendar_moveoff.gif) no-repeat 0 0}

.date-picker-wrapper table .caption .pprev,.date-picker-wrapper table .caption a.disabled .pprev{ background-position:0 0}
.date-picker-wrapper table .caption .prev,.date-picker-wrapper table .caption a.disabled .prev{ background-position:0 -15px}
.date-picker-wrapper table .caption .next,.date-picker-wrapper table .caption a.disabled .next{ background-position:0 -30px}
.date-picker-wrapper table .caption .nnext,.date-picker-wrapper table .caption a.disabled .nnext{ background-position:0 -45px}

.date-picker-wrapper .gap,
.date-picker-wrapper .gap .gap-lines,
.date-picker-wrapper .gap .gap-line,
.date-picker-wrapper .gap .gap-line .gap-1,
.date-picker-wrapper .gap .gap-line .gap-2,
.date-picker-wrapper .gap .gap-line .gap-3,
.date-picker-wrapper .gap .gap-top-mask,
.date-picker-wrapper .gap .gap-bottom-mask{ display:none;visibility:hidden;font-size:0;line-height:0; }

.date-picker-wrapper .selected-days { display:none; }
.date-picker-wrapper .drp_top-bar { position:relative; }
.date-picker-wrapper.single-date .drp_top-bar{ height:2px; }
.date-picker-wrapper .drp_top-bar .error-top,
.date-picker-wrapper .drp_top-bar .normal-top,
.date-picker-wrapper .drp_top-bar .default-top { display:none;visibility:hidden;height:0;line-height:0 }

.date-picker-wrapper .drp_top-bar.error .default-top { display:none; }
.date-picker-wrapper .drp_top-bar.error .error-top { display:block; color:red; }

.date-picker-wrapper .drp_top-bar.normal .default-top { display:none; }
.date-picker-wrapper .drp_top-bar.normal .normal-top { display:block; }

.date-picker-wrapper .drp_top-bar .apply-btn,
.date-picker-wrapper .drp_top-bar .apply-btn.disabled { position:absolute;top:5px;right:0;width:9px;height:9px;border:none;color:transparent;cursor:pointer;background:url(../../../images/calendar/btn_calendar_close.png) no-repeat 0 0 }
.date-picker-wrapper.single-date .drp_top-bar .apply-btn,
.date-picker-wrapper.single-date .drp_top-bar .apply-btn.disabled{ top:0;width:20px;height:19px;background-color:#555;background-position:50% 50%;z-index:99}

/*time styling*/
.time { position:relative; }
.time input[type=range] {  vertical-align:middle; }
.time1, .time2 { width:180px; padding:0 5px; text-align:center; }
.time1 { float:left; }
.time2 { float:right; }
.hour, .minute { text-align:right; }
.hide { display:none; }

/* Month Picker
----------------------------------*/
.monthPicker { overflow:hidden;display:none;width:211px;font-size:11px;border:2px solid #a5a5a5;font-size:12px;font-family:'맑은 고딕', Malgun Gothic, sans-serif; }
.monthPicker a { vertical-align:top;text-decoration:none;cursor:pointer; }
.monthPicker .year { padding:8px 0 9px;text-align:center;border-bottom:1px solid #b7b7b7;background:#f9f9f9 }
.monthPicker .year a span { display:inline-block;width:13px;height:13px;line-height:13px;text-align:center;vertical-align:middle;color:transparent;text-indent:-9999px;background:url(../../../images/calendar/btn_calendar_move.gif) no-repeat 0 -30px}
.monthPicker .year a:first-child span { background-position:0 -15px }
.monthPicker strong { margin:0 25px;line-height:15px;font-size:14px; }
.monthPicker ul { overflow:hidden;margin:0 0 0 -1px;padding:0;list-style:none; }
.monthPicker ul li { float:left;width:52px;height:34px;border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; }
.monthPicker ul li a {display:block;line-height:34px;text-align:center;color:#3f3f3f; }
.monthPicker ul li a:hover, 
.monthPicker ul li a:focus { color:#fff;font-weight:bold;border:1px solid #5278b8;background-color:#9ab4e1;line-height:32px; }

.date-picker-wrapper table tr.tabletitle th {background:#f1f1f1; color:#333; border-bottom:1px solid #b8b8b8; border-top:1px solid #fff;}
.date-picker-wrapper table .caption th.month-name select {min-width:40px; margin-left:3px;}
.date-picker-wrapper table .caption th.month-name select:first-child {margin-left:0 !important;}
.date-picker-wrapper table .caption table {padding:0 12px; border:none !important; margin:0 !important; background:#fafafa}

.date-picker-wrapper>.btn_total {margin-top:3px !important;}
.date-picker-wrapper>.btn_total>button { height:24px !important; line-height:22px !important; padding:0 10px !important; font-size:12px !important}
.date-picker-wrapper>.btn_total>button>span { height:22px !important; }