.calendarBoardWrap { }
.calendarChangeView { position: relative; width: 100%; margin-bottom: 20px; text-align: right; }
.calendarChangeView .viewCalendar, .calendarChangeView .viewList { margin-left: 10px; vertical-align: middle; }

.calendarTitle { position: relative; width: 100%; text-align: center; }
.calendarTitle #currentDate { max-width: 228px; padding: 10px 0; border: 0; font-size:var(--f-size40); font-weight: bold; color: #000; text-align: center; vertical-align: middle; }
.calendarTitle .calendarPrev , .calendarTitle .calendarNext{ width: 40px; height: 40px; outline: none; vertical-align: middle;}
.calendarTitle .calendarPrev { background: url("/images/arr_left.gif") no-repeat center center;  margin-right: var(--line-spacing-50);}
.calendarTitle .calendarNext { background: url("/images/arr_right.gif") no-repeat center center; margin-left: var(--line-spacing-50);}

.calendarBoardWrapM .calendarTitle #currentDate { width: 180px; padding: 10px 0; border: 0; font-size:18px; text-align: center; vertical-align: middle; }

.calendarBoardWrap .point { padding: 10px 0; margin-top: var(--line-spacing-30); color: #777; font-size: var(--f-size18); line-height:1.4; }
.calendarBoardWrapM .point { max-width:600px; margin: var(--line-spacing-30) auto 0;}
.calendarTable { width: 100%; margin-top: 10px;  border: 1px solid #e1e5e8; border-top: 2px solid #000; border-collapse: collapse; box-sizing: content-box; text-align: center; overflow:hidden; font-size: var(--f-size20);}
.calendarTable th, .calendarTable td { padding: 12px 2px 12px 20px; border: 1px solid #e1e5e8; color:#000; text-align: left; }
.calendarTable thead th { padding: 0; line-height: 70px; text-align: center; }
.calendarTable .calendarDate td ,.calendarTable .calendarContent td {width:14.25%; word-break:break-all;}
.calendarTable .calendarDate td { font-weight:bold; background: #f5f6f8;}
.calendarTable .calendarDate .disableDay { opacity: 0.5;}

.calendarTable .calendarContent td {}
.calendarTable .calendarContent td > div { min-height:110px; }
.calendarTable .calendarContent td > div:after{clear:both; display:block; content:"";}
.calendarTable .calendarContent td > div > a {position: relative; display: block; }
.calendarBoardWrapM .calendarTable .calendarContent td > div > a {font-size:10px;}
.calendarTable .calendarContent td > div > a.daylow {  display: block; width: 100%; height: 15px; line-height: 15px; overflow:hidden;}
.calendarTable .calendarContent td > div > a.daylow span { display: block; width: 100%; overflow: visible; width: auto; z-index: 5; background: #f2f2f2;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.calendarTable .calendarContent td > div > a.daylow span:hover { /*overflow: visible; width: auto; z-index: 5; */}

.calendarTable .calendarSunday { color:#f2412c; }
.calendarTable .calendarSaturday { }
.calendarTable .calendarWeekday { }

.calendarBoardWrapM .calendarTable {}

.calendarBoardWrapM { width: 100%; overflow: hidden;}
.calendarBoardWrapM .innerTable { width: 100%;overflow-x: scroll;  }
.calendarBoardWrapM .innerTable::-webkit-scrollbar { height:10px;}
.calendarBoardWrapM .innerTable > .calendarTable { width: 600px; margin:10px auto 0; }