@charset "UTF-8";

/* Calender White Version */
.hidden{
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border: 0;
	background: none !important;
	font-size: 0;
	line-height: 0;	
}
span.spritef, div.calendar button#closeBtn {
	background-image: url(/WEB-APP/wts/theme/white/img/desktop/form.png);
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
	/* display: inline-block; */
	/* text-indent: -9999px; */
}
div.calendar {
	width: 197px;
	height: 100%;
 	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=5, Direction=90),
 			progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=5, Direction=180); 
	box-shadow: 2px 4px 3px #ddd; /* Firefox 4.0+, Opera, IE 9 */
	-webkit-box-shadow: 2px 4px 3px #ddd; /* Chrome and Safari         */
	-moz-box-shadow: 2px 4px 3px #ddd; /* Firefox 3.6               */
}

div.calendar button#closeBtn{
	width: 18px;
	height: 18px;
	color: transparent;
	border: none;
	position: absolute;
	top: -7px;
	right: -7px;
	background-color: transparent;
	background-position: -70px -100px;
}

div.calendar .wrap{
	width: 100%; 
}

/* div.month */
div.calendar div.month {
	padding: 5px 0 8px 7px;
	height: 13px;
	border: 1px solid #6a6158;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9c9187, endColorstr=#897f76, GradientType=0 ); /*(IE5.5 to IE9)*/
	background-image: -moz-linear-gradient(top, #9c9187 0%, #897f76 100%); /*(Firefox 3.6+) */
	background-image: -webkit-linear-gradient(top, #9c9187 0%, #897f76 100%); /*(Chrome10+,Safari5.1+) */
	background-image: -ms-linear-gradient(top, #9c9187 0%, #897f76 100%); /*(IE10) */
	background-image: linear-gradient(top, #9c9187 0%, #897f76 100%); /*(W3C) */
	background-image: -o-linear-gradient(top, #9c9187 0%, #897f76 100%); /*(Opera 11.10+) */
	background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #9c9187), color-stop(100%, #897f76) ); /*(Safari 4+,Chrome 2+) */
}

div.calendar div.month a{
	/* font-size:0; 정렬이 좀 안맞아서 주석.. 문제있으면 다시 풀어주세요.*/
	line-height: 0px;	
}

div.calendar div.month span.calendarTitle {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
 	text-align: center;
	min-width: 93px;
	display: inline-block;
}
div.calendar div.month a span.spritef {
	width: 11px;
	height: 11px;
	color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-size:0px;
}

div.calendar a.prevYear span.spritef {
	background-position: -10px 0;
	margin-right: 7px;
}

div.calendar a.prevMonth span.spritef {
	background-position: -100px 0;
	margin-right: 7px;
}

div.calendar a.nextYear span.spritef {
	background-position: -50px 0;
	margin-left: 7px;
}

div.calendar a.nextMonth span.spritef {
	background-position: -150px 0;
	margin-left: 7px;
}
/* div.month:end */
/* table */
div.calendar div.body_day table {
	margin: 0;
	padding: 0;
	width: 100%;
}
/* thead */
div.calendar div.body_day table thead {
	width: 100%;
}

div.calendar div.body_day table th {
	margin: 0;
	padding: 0;
	border: 0;
	width: 27px;
	font-size: 11px;
	color: #eaeaea;
	line-height: 18px;
	font-weight: normal;
	border: 1px solid #ada094;
	border-bottom: none;
	border-right: none;
	text-align: center;
	background-color: #7d746b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#867c73, endColorstr=#7a7168, GradientType=0 ); /*(IE5.5 to IE9)*/
	background-image: -moz-linear-gradient(top, #867c73 0%, #7a7168 100%); /*(Firefox 3.6+) */
	background-image: -webkit-linear-gradient(top, #867c73 0%, #7a7168 100%); /*(Chrome10+,Safari5.1+) */
	background-image: -ms-linear-gradient(top, #867c73 0%, #7a7168 100%); /*(IE10) */
	background-image: linear-gradient(top, #867c73 0%, #7a7168 100%); /*(W3C) */
	background-image: -o-linear-gradient(top, #867c73 0%, #7a7168 100%); /*(Opera 11.10+) */
	background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #867c73), color-stop(100%, #7a7168) ); /*(Safari 4+,Chrome 2+) */
}

div.calendar div.body_day table th:first-child {
	border-left-color: #6a6158; 
}
div.calendar div.body_day table th:last-child,div.calendar div.body_day table th.last {
	border-right: 1px solid #6a6158;
}
/* thead:end */
/* tbody */
div.calendar div.body_day table tbody{
	background-color: #fff;
}

div.calendar div.body_day table tbody td{
	padding: 0;margin:0;
	border: 1px solid #9c9187;
	border-top: none;
	border-left: none;
	width: 27px;
	height: 27px;
	text-align: center;
}

div.calendar div.body_day table tbody tr:first-child td{
	border-top: 1px solid #6a6158;
}	

div.calendar div.body_day table tbody tr td:first-child{
	border-left: 1px solid #9c9187;
}
div.calendar div.body_day table tbody td a{
	line-height: 27px;
}
div.calendar div.body_day table tbody td span{
	color: #545454;
	display: block;
	width: 27px;
	line-height: 27px;
	height: 100%;
	background-position: 50px 50px;
	cursor: pointer;
}
div.calendar div.body_day table tbody td a.today span{
	color: #6f4c0e;
	font-weight: bold;
	background-position: 0 -50px;
}

div.calendar div.body_day table tbody td a.select span{
	color: #545454;
	font-weight: bold;
	background-position: -140px -50px;
}

div.calendar div.body_day table tbody td a:hover span,
div.calendar div.body_day table tbody td a:focus span{
	color: #fff;
	font-weight: bold;
	background-position: -70px -50px;
}

div.calendar div.body_day table tbody td.disable{
	background: #ddd !important;
}
/* tbody:end */


/* calendarWrapper */
.calendarWrapper {/* position:relative; */width: 105px;height:23px;padding: 0 23px 0 0;border:1px solid #bbb; background:#fff; white-space: nowrap; }
.calendarWrapper .calendarInput {width:94px;border:0;}
.calendarWrapper .calendarInput:hover,
.calendarWrapper .calendarInput:focus {border:0;}
button.calOpenBtn{/* position:absolute;right:0;top:0; */width: 23px;height: 23px;background: url('/img/common/2015/btn_calopen.gif') no-repeat center;vertical-align: top}
div.date_container{display: inline;}
div.date_container input[type="text"]{width: 65px;}
button.calBtn{vertical-align: middle; /**/margin: 0;*margin: 0 4px 0 0;padding: 0;border: 0;width: 40px;height: 20px;line-height: 20px;background: url('/WEB-APP/_webponent/form/img/white/btn_days.png') no-repeat;color: #6e4d53; margin-left:-1px !important;}
button.calBtn.first{margin-left:4px !important;*margin-left:8px !important;}
button.calBtn.active{background: url('/WEB-APP/_webponent/form/img/white/btn_daysPush.png') no-repeat;}


/* MOBILE */
.box04 .inline  div.calendar span,.box04 .inline div.calendar a {margin-top: 0px;}
.mobile span.spritef,.mobile div.calendar button#closeBtn {background-image: url(/templets/mobile/img/calendar.png);}
.mobile .calendarWrapper {display:inline-block; width:45%; height:35px; padding: 0;border:1px solid #ddd; background: none;} 
.mobile .calendarWrapper .calendarInput {display:block; width:90%; margin-right:25px; padding:0 0 0 11px; font-size:14px; } /*padding: 추가 20151208*/
.mobile div.calendar { width: 250px; }
.mobile div.calendar button#closeBtn {top:-10px;right:-10px;width:22px;height:22px;margin:0;background-position: 0 -45px;}
.mobile div.calendar div.month a span.spritef {width: 13px;height: 13px;}
.mobile div.calendar a.prevYear span.spritef {background-position:-46px -50px;  }
.mobile div.calendar a.prevMonth span.spritef {background-position:-104px -50px;  }
.mobile div.calendar a.nextMonth span.spritef {background-position:-123px -50px;  }
.mobile div.calendar a.nextYear span.spritef {background-position:-77px -50px;  }
.mobile button.calOpenBtn {position:absolute; right:4px; top:1px; vertical-align: top; margin:0;margin-top:4px;margin-left: 5px;padding: 0;border: 0;width: 25px;height: 25px;background: url('/img/mobile/2015/btn_calendar.png') no-repeat center;background-size:16px; }
.mobile div.calendar div.month{padding:6px 0 14px 7px;}
.mobile div.calendar div.month a {display:inline-block;padding:5px;}
.mobile div.calendar div.body_day table tbody td span {width: 33px;height: 33px;line-height: 33px;} 
.mobile div.calendar div.body_day table tbody td a.today span {width: 100%;height: 33px;background-position: -98px 0px ;line-height: 33px;}
.mobile div.calendar div.body_day table tbody td a.select span {width: 100%;height: 33px;background-position: 0px 0px ;line-height: 33px;}
.mobile div.calendar div.body_day table tbody td a:hover span {width: 100%;height: 33px;background-position: -54px 0px ;line-height: 33px;}
/* MOBILE : end */

span.sunCol {color:#dc0808 !important;}

/* 월선택 추가 기락 150818*/
div.calendar div.body_mon	{background:#fff; }
div.calendar div.body_mon table	{border-top:0; margin:0;}
div.calendar div.body_mon table td	{padding:7px 5px; text-align:center; border-top:1px solid #ddd; }
div.calendar div.body_mon div.month span.calendarTitle {min-width: 125px;}