@charset "utf-8";

input.useDatepicker {width:118px;background:#fff url(/images/bg_inputDate.png) no-repeat 95% center;	float:none;}

div.calendarCtrl{padding:15px 0;text-align:center;}
div.calendarCtrl > a{display:inline-block;vertical-align:middle;width:30px;height:30px;line-height:30px;margin:0 10px;text-indent:-9999px;}
div.calendarCtrl > a.prev{background:url(/images/icon_calendar_prev.png) no-repeat center center;}
div.calendarCtrl > a.next{background:url(/images/icon_calendar_next.png) no-repeat center center;}
div.calendarCtrl > b{display:inline-block;vertical-align:middle;height:30px;line-height:30px;padding:0 20px;font-size:24px;}

.calendarWrap{margin-bottom:30px;}
.calendarWrap table{width:100%;border-collapse:collapse;}
.calendarWrap table thead th{border-collapse:collapse;padding:15px;border-right:1px solid #dedede;background-color:#549e26;color:#fff}
.calendarWrap table thead th:last-child{border:0;}
.calendarWrap table tbody td{border-collapse:collapse;padding:5px 5px 5px 10px;border:1px solid #dedede;height:150px;vertical-align:top;background:#fff;}
.calendarWrap table .etc{color:#b8b8b8;}
.calendarWrap table .sun{color:#fa6400;}
.calendarWrap table .sat{color:#4084d2;}
.calendarWrap table .day{display:block;margin-bottom:5px;text-align:left;font-size:14px;}
.calendarWrap table tbody td .subjectlist{position:relative;display:block;margin-bottom:5px;}
.calendarWrap table tbody td .subject{display:block;position:relative;height:40px;}
.calendarWrap table tbody td .subject .cate{display:inline-block;padding:0 6px;line-height:20px;background:#4cb30c;color:#fff;position:absolute;top:0;left:0;}
.calendarWrap table tbody td .subject .cate.blue{background:#374dd4;}
.calendarWrap table tbody td .subject .cate.orange{background:#B8650B;}
.calendarWrap table tbody td .subject .cate.magenta{background:#d646a7;}
.calendarWrap table tbody td .subject .cate.blue2{background:#4683d6;}
.calendarWrap table tbody td .subject .cate.violet{background:#943bd8;}
/*.calendarWrap table tbody td .subject .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:37px;text-indent:40px;line-height:20px;}*/
.calendarWrap table tbody td .subject .title{overflow:hidden;text-overflow:ellipsis;display:block;height:37px;text-indent:40px;line-height:20px;}
.calendarWrap table tbody td a:hover.subject .title{color:#4358d8}
.calendarWrap table tbody td .subject .title.mgl{text-indent:62px;}

.calendarLayer{display:none;position:absolute;top:32px;left:0;z-index:9;}
.subjectWrap{position:relative;width:300px;padding:20px;box-sizing:border-box;border:1px solid #cacaca;background:#f9faff}
.subjectWrap .title{padding:5px 15px 10px 15px;background:#4cb30c;font-size:20px;color:#fff;}
.subjectWrap .title.blue{background:#374dd4;}
.subjectWrap .title.orange{background:#e17b0c;}
.subjectWrap .title.magenta{background:#d646a7;}
.subjectWrap .title.blue2{background:#4683d6;}
.subjectWrap .title.violet{background:#943bd8;}
.subjectWrap .title > span{display:inline-block;margin-right:10px;padding:0 13px;line-height:23px;color:#4358d8;background:#fff;font-size:12px;vertical-align:middle;}
.subjectWrap:before{display:block;content:"";width:18px;height:10px;position:absolute;left:10px;top:-10px;background:url(/images/calendarLayer_bg.png) 0 0 no-repeat;}
.subjectWrap ul{padding:15px 10px 10px;}
.subjectWrap ul li{position:relative;padding-left:8px;font-size:16px;line-height:28px;}
.subjectWrap ul li:after{display:block;content:"";width:3px;height:3px;background:#969699;position:absolute;top:13px;left:0;}


@media all and (max-width:768px){
	.calendarWrap table th, .calendarWrap table td{word-break:break-all;}	
	.calendarWrap table,
	.calendarWrap table tbody,
	.calendarWrap table tr{display:block;}
	.calendarWrap table{width:100%;border-bottom:1px solid #dedede}
	.calendarWrap table thead,
	.calendarWrap table tbody th{display:none;}
	.calendarWrap table tbody tr:after{display:block;content:'';clear:both;}
	.calendarWrap table tbody tr td{padding:0;height:auto !important;line-height:inherit !important;min-height:50px;border-bottom:0;display:table;width:100%;}
	.calendarWrap table tbody tr td .day:after{display:inline-block;font-weight:bold;}
	.calendarWrap table tbody tr td:nth-child(1) .day:after{content:'(일)'}
	.calendarWrap table tbody tr td:nth-child(2) .day:after{content:'(월)'}
	.calendarWrap table tbody tr td:nth-child(3) .day:after{content:'(화)'}
	.calendarWrap table tbody tr td:nth-child(4) .day:after{content:'(수)'}
	.calendarWrap table tbody tr td:nth-child(5) .day:after{content:'(목)'}
	.calendarWrap table tbody tr td:nth-child(6) .day:after{content:'(금)'}
	.calendarWrap table tbody tr td:nth-child(7) .day:after{content:'(토)'}
	.calendarWrap table tbody tr td .day{display:table-cell;background:#549e26;color:#fff;height:100%;top:0;left:0;bottom:0;box-sizing:border-box;width:75px;text-align:center;vertical-align:middle;}
	.calendarWrap table tbody tr td.etc{display:none;}
	.calendarWrap table tbody td .subjectlist {padding:7px 10px 0;}
	.calendarWrap table tbody td .subjectlist > .calendarLayer{display:none;}
	.calendarWrap table tbody td .subjectlist > a{display:block;height:auto;}
	.calendarWrap table tbody td .subjectlist + .subjectlist{padding:7px 10px 5px;}
	.subjectWrap {width:auto;padding:0;border:0;background:none;}
	.calendarWrap table tbody td .subjectlist{margin-bottom:0;}
	.subjectWrap:before{display:none;}
	.subjectWrap .title {padding:0;background:none;font-size:16px;color:#333;	margin-bottom:5px;}
	.subjectWrap .title > span {display:inline-block;margin-right:10px;padding:0 13px;line-height:23px;color:#fff;background:#4358d8;font-size:12px;vertical-align:middle;}
	.subjectWrap ul {padding:0;}
	.subjectWrap ul li {padding-left:8px;font-size:14px;line-height:20px;}
}