/*  */
#schedule-view .sview-detail {
    margin-bottom:40px; min-height:100px;
}
#schedule-view .sview-detail .today-subject {margin-bottom:20px;}
#schedule-view .sview-detail .today-subject i {transform: translateY(2px);}
#schedule-view .sview-detail .schedule-list {display:flex; flex-wrap:wrap;}
#schedule-view .sview-detail .schedule-list .sch-row {width:49%; border:1px solid #f0f0f0; padding:30px 35px; margin-bottom:2%;}
#schedule-view .sview-detail .schedule-list .sch-row:nth-child(2n-1) {margin-right:1%;}
#schedule-view .sview-detail .schedule-list .sch-row:nth-child(2n) {margin-left:1%;}
#schedule-view .sview-detail .schedule-list .sch-row .sch-subject {margin-bottom:15px;}
#schedule-view .sview-detail .schedule-list .sch-row .sch-subject span {
    display:inline-block; padding:0 6px; background:linear-gradient(to bottom, transparent 50%, #ebf8f8 50%);
}
#schedule-view .sview-detail .schedule-list .sch-row .sch-content {min-height:80px; color:#454545;}


/* 달력 */
#schedule-view .calendar-rect {user-select:none;}
#schedule-view .calendar-rect .month_box {
    text-align:center; position:relative;
    height:60px; max-width:600px; margin:0 auto 30px auto;
}
#schedule-view .calendar-rect .month_box .month_slide {
    height:100%; display:flex; align-items: center; justify-content: center;
    font-weight:bold; font-size:36px;
}
#schedule-view .calendar-rect table {width:100%; opacity:0; table-layout: fixed;}
#schedule-view .calendar-rect .week-day-tr {border:1px solid #dfdfdf;}
#schedule-view .calendar-rect .week-day-tr th {text-align:center; height:70px; vertical-align: middle;}
#schedule-view .calendar-rect tr:nth-child(n+3) {}
#schedule-view .calendar-rect tr:nth-child(n+3) td {height:200px; border:1px solid #f5f5f5; border-top:0;}
#schedule-view .calendar-rect tr:nth-child(n+3) td:first-child {border-left-color:#dfdfdf;}
#schedule-view .calendar-rect tr:nth-child(n+3) td:last-child {border-right-color:#dfdfdf;}
#schedule-view .calendar-rect tr:last-child td {border-bottom-color:#dfdfdf;}
#schedule-view .calendar-rect td {position:relative; overflow:hidden;}
#schedule-view .calendar-rect tr:nth-child(n+3) td.active {}
#schedule-view .calendar-rect tr:nth-child(n+3) td.active span.day {font-weight:bold; font-size:1.4em;}
#schedule-view .calendar-rect tr:nth-child(n+3) td.today {background: #f2fcfc;}
#schedule-view .calendar-rect tr:nth-child(n+3) td.today:before {
    display:none;
    content:''; position:absolute; width:40px; height:40px; border-radius:100%;
    background:#26afb8; top:5px; right:5px; z-index:80;
}
#schedule-view .calendar-rect tr:nth-child(n+3) td .ta_clc {}
#schedule-view .calendar-rect tr:nth-child(n+3) td.today .ta_clc {}
#schedule-view .calendar-rect tr:nth-child(n+3) td {}
#schedule-view .calendar-rect tr:nth-child(n+3) td span.day {
    top:5px; right:5px; position:absolute; width:40px; height:38px; text-align:center;
    display:flex; justify-content: center; align-items: center; color:#666; z-index:90;
    transition:all 200ms;
}
#schedule-view .calendar-rect tr:nth-child(n+3) td.today span.day {color:#666; font-weight:bold;}
#schedule-view .calendar-rect tr th:first-child,
#schedule-view .calendar-rect tr:nth-child(n+3) td:first-child span.day {color:#e01212;}
#schedule-view .calendar-rect tr th:last-child,
#schedule-view .calendar-rect tr:nth-child(n+3) td:last-child span.day {color:#1212e0;}
#schedule-view .calendar-rect tr:nth-child(n+3) .day-content {
    position:absolute; top:0; right:0; bottom:0; left:0;
    padding:60px 0 0 0; transition:all 200ms; z-index:10;
}
#schedule-view .calendar-rect tr:nth-child(n+3) .day-content .day-row {
    color:#093259; font-weight:bold; font-size:16px;
    position:relative; padding:0 7px 0 14px;
}
#schedule-view .calendar-rect tr:nth-child(n+3) .day-content .day-row:before {
    content:''; width:4px; height:4px; position:absolute; background:#093259; margin:auto;
    top:0; right:auto; bottom:0; left:4px; border-radius:100%;
}
#schedule-view .calendar-rect tr:nth-child(n+3) .day-content:hover {
    background:#f9f9f9; cursor:pointer;
}

/* 이전달, 다음달 버튼 */
#schedule-view .calendar-rect .month_arrow{position: absolute; top: 0; left: 0; width: 100%; height:100%;}
#schedule-view .calendar-rect .month_arrow .prev_btn,
#schedule-view .calendar-rect .month_arrow .next_btn {
    margin:auto; top:0; bottom:0; width: 34px; height: 34px; border: 1px solid #dfdfdf;
    border-radius: 100%; transition: 0.3s; position: absolute;
}
#schedule-view .calendar-rect .month_arrow .prev_btn:hover,
#schedule-view .calendar-rect .month_arrow .next_btn:hover {
    border: 1px solid rgba(9, 50, 89, 0.5);
}
#schedule-view .calendar-rect .month_arrow .prev_btn{
    background: url(/images/content/main/month_prev.png) center center no-repeat;
    left: 0;
}
#schedule-view .calendar-rect .month_arrow .prev_btn:hover{
    background: url(/images/content/main/month_prev_hv.png) center center no-repeat rgba(9, 50, 89, 0.7);
}
#schedule-view .calendar-rect .month_arrow .next_btn{
    background: url(/images/content/main/month_next.png) center center no-repeat;
    right: 0;
}
#schedule-view .calendar-rect .month_arrow .next_btn:hover{
    background: url(/images/content/main/month_next_hv.png) center center no-repeat rgba(9, 50, 89, 0.7);
}

@media(max-width:767px){
    #schedule-view .sview-detail {min-height:0;}
    #schedule-view .sview-detail .schedule-list .sch-row {width:100% !important; padding:15px 20px;}
    #schedule-view .sview-detail .schedule-list .sch-row .sch-content {min-height:auto;}
    #schedule-view .sview-detail .schedule-list .sch-row:nth-child(2n-1),
    #schedule-view .sview-detail .schedule-list .sch-row:nth-child(2n) {margin:10px 0;}
    #schedule-view .calendar-rect tr:nth-child(n+3) {}
    #schedule-view .calendar-rect tr:nth-child(n+3) td.active span.day{font-size: 1em;}
    #schedule-view .calendar-rect tr:nth-child(n+3) td {height:80px;}
    #schedule-view .calendar-rect tr:nth-child(n+3) .day-content {z-index:100; padding: 30px 0 0 0;}
    #schedule-view .calendar-rect tr:nth-child(n+3) .day-content:before {
        content:''; width:8px; height:8px; padding:0; background:#093259;
        border-radius:100%; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0;
        transform:translateX(-10px) translateY(10px); display: none;
    }
    #schedule-view .calendar-rect tr:nth-child(n+3) .day-content:hover {background:transparent;}
    #schedule-view .calendar-rect tr:nth-child(n+3) .day-content:hover:before {background:#26afb8; display: none;}
    #schedule-view .calendar-rect tr:nth-child(n+3) .day-content > div {font-size:13px !important;}
    #schedule-view .calendar-rect tr:nth-child(n+3) td span.day {width:24px; height:20px;}

}
