/* 달력 */
.wrap-calendar {
    padding:20px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wrap-calendar table {
    height:100%;
    min-height:800px;
    margin-bottom:30px;
    max-width:1400px;
}

.wrap-calendar td {
    position:relative;
    min-width:70px;
    min-height:80px;
    table-layout:fixed;
}
.wrap-calendar td .number-day {
    position:absolute;
    left:10px;
    top:10px;
    font-weight:bold;
    color:#ccc;
    font-size:3rem;
}
.wrap-calendar td .number-day.off {
    color:#eee;
}
.wrap-calendar td .number-day.sunday {
    color:#c48a8a;
}
.wrap-calendar td .number-day.sunday.off {
    color:#fedede;
}
.wrap-calendar td:hover {
    background-color: #fafafa;
}
.wrap-calendar td:hover .number-day {
    color:#04294b;
}
.wrap-calendar td:hover .number-day.sunday {
    color:#f00;
}

.wrap-calendar .line {
    position:relative;
    color:#fff;
    z-index:2;
}
.wrap-calendar .line::before {
    content:'';
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color: #ff7b00;
    z-index:-1;
}
.wrap-calendar .line.start::before {
    left:30px;
    width:calc(100% - 30px);
}

#calendar-date-string {
    display:inline-block;
    margin:0 20px;
}

section.calendar header .wrap-button button {
    border:0;
    background-color:#68adec;
    color:#fff;
    padding:5px 10px;
    font-size:.8rem;
    margin:0 5px;
}