.hione { height:20px; }
.hifour { height:86px; }
ul.calul { width:100%; margin:0; padding:0; }
ul.calul li { list-style:none; padding:0; margin:0; height:22px; }
.date-header-none { height: 40px; background-color: #fff; }
.date-item-none { margin-top: 10px; margin-bottom: 0px; font-size: 14px;}

.commonDay { background-color: #565d6a; }
.commonDay h4 { color: #fff; }
.saturDay { background-color: #0085d2; }
.saturDay h4 { color: #fff; }
.sunDay { background-color: #2261ab; }
.sunDay h4 { color: #fff; }

.reservedDay { text-align:left; }
.possibleDay { margin:0; padding:0; }

/* 원본 */
h1, h2 {
    color: #000;
}
.month-selector {
    background-color: #e4e4e4;
    border-radius: 4px;
    padding: 10px;
    position: relative;
    top: -5px;
    margin: 10px 0;
}
#calendar {
    padding-top: 10px;
}
#calendar h2 {
    display: inline-block;
    padding: 0 30px;
    margin: 20px 0 25px;
}
#calendar h2 span {
    color: #FFD555;
}
#cal-wrapper {
    font-size: 0;
}
 .date {
    margin-bottom: 20px;
}
.date-header {
    height: 40px;
}

.date-header h4 {
    margin: 10px;
    font-size: 16px;
    padding-top: 5px;
}
.date-item {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 14px;
}
.date-item.none {
    text-align: center;
}
.yesterday .date-header {
    background-color: #e0e0e0;
}
.yesterday .date-header h4 {
    color: #2d2d2d;
    font-size: 16px;
}
.today .date-header {
    background-color: #0075df;
}
.today .date-header h4 {
    color: #ffffff;
    font-size: 16px;
}
.no-items {
    color: #fb6003;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}
.show-past {
    color: #2d2d2d;
    font-weight: bold;
    font-size: 130%;
    margin-top: 20px;
    background-color: #ffffff;
    border: 1px solid #2d2d2d;
}
.nextmonth {
    margin-top: 0px;
	height:40px;
}
.nextmonth .date-header {
    background-color: #E0E0E0;
    height: 40px;
}
.nextmonth .date-header a {
    text-decoration: none;
}
.nextmonth .date-header a:hover span,
.nextmonth .date-header a:hover h4 {
    color: #ffffff;
    text-decoration: none;
}
.nextmonth .date-header a span {
    color: #acacac;
    font-size: 300%;
    padding-top: 15px;
}
.nextmonth .date-header a h4 {
    color: #2d2d2d;
    margin-top: 0px;
    padding-bottom: 10px;
}
.month-header {
    position: relative;
}

/* CALENDAR BOOTSTRAP HELPER CLASSES -- VERY IMPORTANT STUFF HERE */
@media (min-width: 1220px) {
    .clearfix.clearfix-lg {
        display: block;
    }
    .clearfix.clearfix-md {
        display: none;
    }
    .sevencols.col-lg-2 {
        padding-left: 3px;
        padding-right: 3px;
        width: 14.2857%;
    }
}
@media (max-width: 1219px) {
    .clearfix.clearfix-lg {
        display: none;
    }
}
@media (min-width: 992px) and (max-width: 1219px) {
    .clearfix.clearfix-md {
        display: block;
    }
}
@media (min-width: 992px) {
    .clearfix.clearfix-sm {
        display: none;
    }
}
@media (max-width: 991px) {
    .clearfix.clearfix-md {
        display: none;
    }
    .clearfix.clearfix-sm {
        display: block;
    }
}