#tsi { position:relative; width:100%; }
#tsi::after { content: ""; clear: both; display: table; }

#tsi .calendar-title {
    margin: 10px 0 12px; 
    height:40px;
    line-height:40px;
    text-align: center;
}

#tsi .calendar-title .today {
    display:inline-block;
    margin:0 8px;
    height:27px;
    line-height:27px;
    font-size:1.2em;
}
#tsi .calendar-title .arrow i {
    width: 25px;
    height: 25px;
    line-height: 21px;
    font-size: 16px;
    color: #5d5d5d;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
}
#tsi .calendar-table {}
#tsi .calendar-table table { width:100%; margin-bottom:20px; }
#tsi .calendar-table table thead th {
    height: 40px;
    background: #fff;
    text-align: center;
    border: 1px solid #c6c6c6;
    background-color:#FFF;
    border-top: 2px solid #008FCF;
}
#tsi .calendar-table table td {
    width: 14%;
    height: 60px;
    padding: 5px 5px;
    color: #444;
    background-color:#FFF;
    border: 1px solid #c6c6c6;
}
#tsi .calendar-table table td.noday {
    background-color:#f9fafe;
}

#tsi .calendar-table table .sun,
#tsi .calendar-table table .sun .day {
    color:#EC6423;
}
#tsi .calendar-table table .annivmoonday,
#tsi .calendar-table table .holiday-name {
    color:red;
    font-size:.9;
}
#tsi .calendar-table table .sat,
#tsi .calendar-table table .sat .day {
    color:#008FCF;
}
#tsi .calendar-table table .moonday {
    color:#909090;
    font-size:.9;
}

#tsi .calendar-table .sc-item {
    height:10px;
    background-color:#0097D0;
    margin:2px 0;
    cursor:pointer;
}
#tsi .sc-label { margin:5px 0; }
#tsi .calendar-table .sc-item[data-type1="수상안전교육"] { background-color:#FFD60A; }
#tsi .sc-label-box[data-type1="수상안전교육"] { position:absolute; display:inline-block; margin-top:3px; width:15px; height:15px; background-color:#FFD60A; }
#tsi .calendar-table .sc-item[data-type1="일반조종실기시험"] { background-color:#5495C0; }
#tsi .sc-label-box[data-type1="일반조종실기시험"] { position:absolute; display:inline-block; margin-top:3px; width:15px; height:15px; background-color:#5495C0; }
#tsi .calendar-table .sc-item[data-type1="요트조종실기시험"] { background-color:#0059AB; }
#tsi .sc-label-box[data-type1="요트조종실기시험"] { position:absolute; display:inline-block; margin-top:3px; width:15px; height:15px; background-color:#0059AB; }
#tsi .calendar-table .sc-item[data-type1="일반조종실기연수"] { background-color:#666; }
#tsi .sc-label-box[data-type1="일반조종실기연수"] { position:absolute; display:inline-block; margin-top:3px; width:15px; height:15px; background-color:#666; }
#tsi .calendar-table .sc-item[data-type1="요트조종실기연수"] { background-color:#82BC44; }
#tsi .sc-label-box[data-type1="요트조종실기연수"] { position:absolute; display:inline-block; margin-top:3px; width:15px; height:15px; background-color:#82BC44; }
#tsi .sc-label-txt { display:inline-block; margin-left:20px; height:15px; line-height:15px; }
#tsi-admin { display:block; margin:20px 0; padding:0; width:50%; background-color:#FFF; border:1px solid #EEE; text-align:center; }
#tsi-admin a { display:block; padding:10px; width:100%; }
#tsi-admin a:hover { background-color:#F0F0F0; }

.fc-header-toolbar { display:none !important; }
.fc-h-event .fc-event-title-container  { height:10px; } 
.fc-day-sun a{ color: #EC6423; }
.fc-day-sat a{ color: #008FCF; }
.fc-tooltip {
    position: absolute;
    z-index: 9999;
    background: #F0F0F0;
    color: black;
    width: 150px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 5px;
    text-align: center;
}
.fc-tooltip .fc-tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}
.fc-tooltip .fc-tooltip-arrow {
    border-color: #F0F0F0;
}
.fc-tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}
.fc-tooltip[x-placement^="top"] .fc-tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.fc-tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}
.fc-tooltip[x-placement^="bottom"] .fc-tooltip-arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.fc-tooltip[x-placement^="right"] {
    margin-left: 5px;
}
.fc-tooltip[x-placement^="right"] .fc-tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.fc-tooltip[x-placement^="left"] {
    margin-right: 5px;
}
.fc-tooltip[x-placement^="left"] .fc-tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
#sc-list { border-top:3px solid #EEE; }
#sc-list .item { position:relative; margin:10px 0; padding:0 5px; min-height:80px; border-bottom: 3px solid #EEE; }
#sc-list .item.before-more{ border-bottom:none; }
#sc-list .item.hidden-item { display:none; }
#sc-list .more-date{ display:block; width:100%; margin:10px 0; padding:5px; border:1px solid #EEE; text-align:center; cursor:pointer; }
#sc-list .more-date:hover{ background-color:#F0F0F0; }
#sc-list .item::after { content:""; clear:both; display:table; }
#sc-list .item .date{ position:absolute; top:0; left:0; display:inline-block; width:70px; background-color:#F0F0F0; text-align:center; }
#sc-list .item .date .year-month { color:#888; }
#sc-list .item .date .day{ margin:0 5px 5px 5px; padding:10px; background-color:#FFF; color:#888; font-size:1.2em; font-weight:bolder; }
#sc-list .item .date.date1{}
#sc-list .item .date-divider{ position:absolute; display:inline-block; top:0; left:70px; width:10px; height:70px;line-height:70px; }
#sc-list .item .date.date2{ left:80px; }
#sc-list .item .content-list { float:left; top:0; left:0; padding-left:160px; }
#sc-list .item .content-list.has-duration { padding-left:160px; }
#sc-list .item .content-list .list-item { display:block; width:100%; height:22px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px; font-weight:bold; }
#sc-list .item .content-list .list-item:first-child { margin-top:0; }
#sc-list .item .content-list .list-item .bullet { display:inline-block; width:10px; height:10px; margin-right:10px; }
#sc-list .item .content-list .list-item .title {}
#sc-list .item .content-list .type-item { padding-left:20px; font-weight:400; color:#555; }
#sc-list .item .content-list .type-item.mt1 { margin-top:5px; }
#sc-list .item .content-list .class-item { padding-left:20px; font-weight:200; color:#999; }
#sc-list .empty-list { display:block; width:100%; min-height:50px; padding:10px; text-align:center; }

@media (min-width: 992px) {
    #sc-list { max-height:500px; overflow-y:auto; }
}
@media (min-width: 800px) and (max-width: 991px) {
    #sc-list { display:flex; flex-wrap: wrap; }
    #sc-list .item { flex-basis:50%; }
}
@media (max-width: 400px) {
    #sc-list .item .c-year { display:none; }
    #sc-list .item .date { width:50px; }
    #sc-list .item .day{ padding:5px; }
    #sc-list .item .date-divider{ left:53px; }
    #sc-list .item .date.date2 { left:62px; }
    #sc-list .item .content-list.has-duration,
    #sc-list .item .content-list { padding-left:114px; }
    /*
    #sc-list .item .date{ position:relative; margin-bottom:8px;}
    #sc-list .item .date-divider{ left:80px; }
    #sc-list .item .date.date2 { left:20px; }
    #sc-list .item .content-list.has-duration,
    #sc-list .item .content-list { float:none; padding-left:0; }
    */
}