#calendar { position: relative; left: 6px; font-family: "Noto Sans KR"; border-collapse: collapse; margin: 0; padding: 0; z-index: 100002; border: 1px solid rgba(0,0,0,0.08); width:220px; font-weight:300; text-align: center; background-color: #FFF; table-layout: fixed; }
#calendar tr { border:0; }
#calendar th { text-align:center; background:#FFF; }
#calendar td { text-align: center; -webki-ttransition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: auto; text-align: center; background: transparent; padding: 0 6px; margin: 0; line-height: 20px; font-size: 12px;  }
#calendar th:first-child, #calendar td:first-child { margin-left: 5px; }
#calendar span { padding: 6px 4px; display: block; margin:0px; font-size:12px; line-height:normal; font-weight:300; }
#calendar .month { padding: 10px 6px; }
#calendar .pMDate span, #calendar .nMDate span { color: #AAA; font-weight:300; font-size:12px; }
#calendar .date, #calendar .pMDate, #calendar .nMDate, #calendar .month { cursor: pointer;  }
#calendar .date span {font-weight:300; font-size:12px; color:#333;}
#calendar .date:hover, #calendar .pMDate:hover, #calendar .nMDate:hover, #calendar .month:hover { background-color: #E2E2E2; }
#calendar .date:active, #calendar .pMDate:active, #calendar .nMDate:active, #calendar .month:active { background-color: #4d77dd; color: #FFF; }
#calendar .date:active span, #calendar .pMDate:active span, #calendar .nMDate:active span, #calendar .month:active span { color: #FFF; }
#calendar .date.selected { background-color: #4d77dd; color: #FFF; }
#calendar .date.selected span { color: #FFF; }
#calendar tr:first-child th { background-color: #FFF; padding: 4px; padding-top: 8px; font-size: 12px; }
#calendar tr:first-child th { cursor: pointer; color: #000; }
#calendar tr:first-child th:hover { color: #4d77dd; }
#calendar tr:first-child th:active { color: #4d77dd; }
#calendar thead tr:nth-child(2) th { color: grey; padding: 8px 3px; font-size:12px; color:#333; font-weight:300; }
#calendar #prev, #calendar #next { font-family: "Noto Sans KR"; font-size: 20px; padding: 0; }
#calendar #today { text-align: center; cursor: pointer; color: #4d77dd; padding: 6px; font-size:12px; }
#calendar #today:hover { color: #80A7DD; }
#calendar #today:active { color: #000; }
#calendar .currDay span { color: #4d77dd; }
/*.datepicker { background: url('./icon.png') transparent right no-repeat; background-size: contain; }*/
#calendar #currM { font-size: 13px; font-weight: 400; color: #333; }

.calendar-overlay {
    position: fixed;
    top: 0; bottom: 0;
    left: 0; right: 0;
    background-color: rgba(10,10,10,.0);
    z-index: 100001;
    overflow: hidden;
    display: block;
}