@charset "utf-8";

.server-schedule ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.server-schedule > ul {
    display: flex;
    flex-wrap: wrap;
    min-height: 300px;
}

.server-schedule > ul >li {
    width: 20%;
    box-shadow: 
        1px 0 0 0 #ddd,  /* 오른쪽 선 */
        0 1px 0 0 #ddd, /* 아래 선 */
        1px 0 0 0 #ddd inset, /* 왼쪽 선(안쪽으로) */
        0 1px 0 0 #ddd inset, /* 위쪽 선(안쪽으로) */
        1px 1px 0 0 #ddd;  /* 요건 오른쪽 끝에 라운딩이 생기는거 방지 */
    -webkit-box-shadow: 
        1px 0 0 0 #ddd,  /* 오른쪽 선 */
        0 1px 0 0 #ddd, /* 아래 선 */
        1px 0 0 0 #ddd inset, /* 왼쪽 선(안쪽으로) */
        0 1px 0 0 #ddd inset, /* 위쪽 선(안쪽으로) */
        1px 1px 0 0 #ddd;  /* 요건 오른쪽 끝에 라운딩이 생기는거 방지 */
    -o-box-shadow: 
        1px 0 0 0 #ddd,  /* 오른쪽 선 */
        0 1px 0 0 #ddd, /* 아래 선 */
        1px 0 0 0 #ddd inset, /* 왼쪽 선(안쪽으로) */
        0 1px 0 0 #ddd inset, /* 위쪽 선(안쪽으로) */
        1px 1px 0 0 #ddd;  /* 요건 오른쪽 끝에 라운딩이 생기는거 방지 */
}

.server-schedule > ul >li.today {
    background-color: #fffbca;
}

.server-schedule .week {
    border-bottom: 1px solid #ddd;
    text-align: center;
    background-color: #ffff00;
    color: #000000;
}

.server-schedule .week-0 {
    color: #ff0000;
}

.server-schedule .week-6 {
    color: #0000ff;
}

.server-schedule .day {
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.server-schedule .items {
    padding: 0.5rem;
}

.server-schedule .items li .card {
    cursor: pointer;
    padding: 1rem;
    text-align: center;
    font-weight: 700;
    margin-bottom: 1px;
}

.server-schedule .items li:last-child .card {
    margin-bottom: 0;
}

.server-schedule .card h4 {
    margin: 0;
    font-size: 1.3rem !important;
}

.server-schedule .summary {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -0.5rem;
}

.server-schedule .summary > * {
    margin-right: 0.1rem;
}

.server-schedule .summary img{
    max-width: 14px;
    max-height: 14px;
}

.server-schedule .summary .ss-type {
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

.server-schedule .ss-type-new {
    color: #ff0000;
}

.server-schedule .ss-type-old {
    color: #0000ff;
}

.server-schedule .ss-type-remaster {
    color: #800080;
}

.server-schedule .header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.ss-list th  td {
    vertical-align: middle !important;
}