@charset "utf-8";
/*
 * 파일명:		common.css
 * 설명:		초기화 기본 css
 * 작성자:		
 * 최초생성일:	2018/03/14
 * 최종수정일:	2018/03/14
 */

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* calendar */
.ui-widget-content {border:1px solid #bababa; background: #fff; color: #333333;}
.ui-widget-content a {color: #333333;}
.ui-widget-header {border: 0px solid #e78f08; color:#222; font-weight: bold; background:#fff;}

.ui-datepicker { width: 200px; display: none; padding:0.6em 0.2em 0.6em 0.2em;}

.ui-datepicker .ui-datepicker-title {margin:0 1.3em;}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position: absolute; top: 2px; width: 32px; height: 32px;}

.ui-datepicker .ui-datepicker-header {padding:0;}

.ui-datepicker table {width:174px; font-size: 12px; border-collapse: collapse; margin: auto;}
.ui-datepicker th {width:19px; height:16px; padding:0px 0 5px 0; text-align: center; font-weight: bold; border: 0; background-color:#fff;}
.ui-datepicker td {width:19px; height:16px; border: 0; padding: 0px 0 5px 0; background:#fff;}
.ui-datepicker td span,
.ui-datepicker td a {display: block; padding:0px 0; text-align: center; text-decoration: none; background:#fff;}



/* calendar */
/* 달, 일 선택 콤보박스 */
.ui-datepicker select {vertical-align: top;}
.ui-datepicker select.ui-datepicker-month{width:50px; border:0; font-size:12px; color:#1a1a1a; margin-left:10px;}
.ui-datepicker select.ui-datepicker-year {width: 70px; border:0; font-size:12px; color:#1a1a1a; margin-right:10px;}
.ui-datepicker-title:after  {
	content:" | ";
	background-color: transparent;
	color:transparent;
   background: url(../img/ui_cal_line.gif) no-repeat center center;
	position: absolute;
	top:-2px;
	left:55%;
}

/* 다음달, 이전달 */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}


.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 {
	border: 0px solid #fbcb09;
	background: none; /* url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x; */
	font-weight: normal;
	color: #c77405;
}

/* 날짜 색상 */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 0px solid #fff;
	background: #fff;
	font-weight: normal;
	color: #222;
}

.ui-state-default.ui-state-hover a,
.ui-state-default.ui-state-hover a:hover,
.ui-state-default.ui-state-hover a:link,
.ui-state-default.ui-state-hover a:visited{color:#00dd00 !important;}

/* 날짜 선택 */
.ui-state-default.ui-state-active{ background:#c3ee57 !important; font-weight:700; }

/* 날짜 오늘 */
.ui-state-default.ui-state-highlight{ background:#fff; border:1px solid #457fd7 !important;}

/* 다음달, 이전달 */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {	position: absolute; top: 2px; width: 21px; height: 21px;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top: 2px;}
.ui-datepicker .ui-datepicker-prev {left: 0px;}
.ui-datepicker .ui-datepicker-next {right: 0px;}
.ui-datepicker .ui-datepicker-prev-hover {left: 0px;}
.ui-datepicker .ui-datepicker-next-hover {right: 0px;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {display: block; position: absolute; left: 0;  top: 0; margin-left: -0px; margin-top: -0px; cursor:pointer;}

/*
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #a00;
	text-decoration: underline;
}
*/
.ui-widget-header .ui-icon {
	background-image: url("../img/arrow.gif");
}
.ui-icon-circle-triangle-e { background-position: -0px -0px; }
.ui-icon-circle-triangle-w { background-position: -0px -21px; }


/* 일요일 토요일 색상 */
.ui-datepicker-calendar > thead th.ui-datepicker-week-end:first-child span{ color:#f13f3f; }
.ui-datepicker-calendar > thead th.ui-datepicker-week-end:last-child span{ color:#166fd0; }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a { color:#f13f3f; }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a { color:#166fd0; }


/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {	border-top-left-radius: 0px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 0px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 0px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {	border-bottom-right-radius: 0px;}