@charset "UTF-8";

/* 동행구함 달력 스타일 */
.calendar-flex-container > ul { display:grid; gap:20px; grid-template-columns: 1fr 1fr 1fr; }
.calendar-flex-container > ul > li { flex:1; }

.calendar-item {
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    padding:20px;
    height: 353px;
    position: relative;
}
.calendar-item .calendar-item__header { 
    background-color: #ffffff;
    padding: 10px;
    text-align: center;
}
.calendar-item .calendar-item__header > h3 {
    margin: 0 0 10px 0;
    font-size: 22px;
    color: #333;
    font-weight: 500;
}
.calendar-item .calendar-item__header > p {
    margin: 0;
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.calendar-item .calendar-item__body {
    
    padding: 0 20px;
}
.calendar-item .calendar-item__body .cal-left,
.calendar-item .calendar-item__body .cal-right {
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #333;
    cursor: pointer;
    z-index: 1;
}
.calendar-item .calendar-item__body .cal-left.off,
.calendar-item .calendar-item__body .cal-right.off {
    color: #ccc;
    cursor: default;
}

.calendar-item .calendar-item__body .cal-left { 
    left: 15px;
}
.calendar-item .calendar-item__body .cal-right { 
    right: 15px;
}
.calendar-item .calendar-item__body table.calendar { 
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.calendar-item .calendar-item__body table.calendar thead > tr {
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
}
.calendar-item .calendar-item__body table.calendar th {
    height: 38px;
    width: 36px;
    font-family: "NanumSquareR";
    font-size: 12px;
    color: #666666;
    vertical-align: middle;
}
.calendar-item .calendar-item__body table.calendar th:first-child {
    border-left: 0;
    color: #d13131;
}
.calendar-item .calendar-item__body table.calendar th+th+th+th+th+th+th {
    color: #186ebd;
}

.calendar-item .calendar-item__body table.calendar td {
    border-bottom: 1px solid #e8e8e8;
    height: 37px;
    font-weight: 400;
    width: 36px;
    color: #acacac;
    font-family: "NanumSquareR";
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    position: relative;
}
.calendar-item .calendar-item__body table.calendar td:hover {
    cursor: pointer;
    background: #FFD600;
}

.tX > a, .tX > p {
    background: #17987c;
}

.calendar-item .c_tag > a, .calendar-item .c_tag > p {
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;    
    width: 30px;
    height: 30px;
    line-height: 29px;
}

.calendar-item .calendar-item__body table.calendar td.c_tag a, 
.calendar-item .calendar-item__body table.calendar td.c_tag p {
    color: #fff !important;
}

.calendar-item .calendar-item__body table.calendar td.c_tag.tZ a, 
.calendar-item .calendar-item__body table.calendar td.c_tag.tZ p {
    color: #383838 !important;
}

.calendar-item .c_red {
    font-size: 12px;
    color: #002d7e !important;
    font-weight: 600;
    line-height: 13px;
}