.react-calendar {
    width: 100%!important;
    background: transparent!important;
    border: none!important;
    font-family: 'NanumSquareNeo', serif !important;
    font-size: 13px;

}

.react-calendar .react-calendar__tile {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center;
    height:55px;
}

.react-calendar .react-calendar__tile.react-calendar__month-view__days__day abbr{
    width:100%;
}

.react-calendar .react-calendar__tile.react-calendar__tile--now {
    background: #0EC0DE !important;
    border-radius: 50px;
    border: 1px solid #0EC0DE;
    color: #fff;
}

.react-calendar .react-calendar__tile.react-calendar__tile--now:hover {
    background: #fff !important;
    border-radius: 50px;
    border: 1px solid #0EC0DE;
    color: #0EC0DE;
}

.react-calendar .react-calendar__tile.react-calendar__tile--active {
    background: transparent !important;
    color: #0EC0DE;
    border: 1px solid #0EC0DE;
    border-radius: 50px;
}

.react-calendar .react-calendar__tile:enabled:hover,
.react-calendar .react-calendar__tile:enabled:focus {
    background: transparent !important;
    border: 1px solid #0EC0DE;
    border-radius: 50px;
}

.react-calendar__month-view__days__day--weekend {
    color: #FF718B;
}

.react-calendar .react-calendar__tile{
    height : 45px !important;
}
.react-calendar .react-calendar__navigation__label__labelText.react-calendar__navigation__label__labelText--from {
    font-size: 1rem;
}

.react-calendar .react-calendar__tile.react-calendar__tile.react-calendar__year-view__months__month {
    padding: 0.8rem 0.5rem;
}