@charset "UTF-8";
* {
    margin: 0;
    padding: 0
}

.custom_calendar_table td {
    text-align: center;
}

.custom_calendar_table thead.cal_date th {
    font-size: 1.5rem;
}

.custom_calendar_table thead.cal_date th button {
    font-size: 1.5rem;
    background: none;
    border: none;
}

.custom_calendar_table thead.cal_week th {
    /*background-color: #288CFF;*/
    color: #000000;
    font-size: 1.4rem;
    text-align: center;
    padding: 0.3rem 0;
    background: #F2F2F2;
    font-weight: 600;
}

.custom_calendar_table tbody td {
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    /*padding-top: 1rem;*/
    position: relative;
    width: 5.2rem;
    height: 3.9rem; 
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    vertical-align: top; 
    text-align: right;
    position: relative;
    background: #FAFAFA;
    vertical-align: middle;
}  
.custom_calendar_table tbody td:first-child {border-left: 1px solid #E6E6E6;}
.custom_calendar_table tbody td.none {opacity: 0.5;}

.custom_calendar_table tbody td span {position: relative; z-index: 2; display: flex; width: 30px; height: 30px; text-align: center; border-radius: 100%; align-items: center; justify-content: center; margin-right: 0; margin-left: auto;}
.custom_calendar_table tbody td.hasEvent {background: #FBEEEE;}
.custom_calendar_table tbody td.today span {color: #FFFFFF;}
.custom_calendar_table tbody td.today span:after {content: ''; display: block; width: 30px; height: 30px; background: #1D2088; border-radius: 100%; position: absolute; top: 0; left: 0; z-index: -1;}

/*�ъ슜�먰솕硫� boot*/
@media (min-width: 0px) {
	h4.month {font-size: 2.8rem;}
}

/*�ъ슜�먰솕硫� boot*/
@media (min-width: 992px) {
	h4.month {font-size: 2.8rem; }
}
  
h4.month {font-weight: 600; text-align: center; display: inline-block; margin: 0 0; padding: 0px 2.7rem;}

.custom_calendar_table tbody td:nth-child(1) {
    color: #F05672;
}

.custom_calendar_table tbody td:nth-child(7) {
    color: #004EA2;
}

.custom_calendar_table tbody td.select_day {
    background-color: #FF7949;
    color: #fff;
    border: 1px solid #ff7949;
}

.custom_calendar_table tbody td p.closed {position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 100%; color: #FF0000; font-weight: 300;}
.custom_calendar_table tbody td p.open {position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 100%; color: #00980F; font-weight: 300;}

.calnderArrow {border: 0px; background-color: transparent;}
.calnderArrow:focus {border: 0px;}

#eventListHtml {padding: 1.9rem 1.5rem; background: #FFFFFF;}

#eventListHtml > div {display: flex;}
#eventListHtml > div h5 {font-size: 1.4rem; background: #12B8D7; border-radius: 10px; color: #FFFFFF; text-align: center; width: 7.1rem; height: 7.1rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#eventListHtml > div h5 span {font-size: 3rem; color: #F6F5BD; font-weight: 600;}

.eventListItem {height: 7.1rem; overflow-y: scroll; min-height: 100%;}
.eventListItem::-webkit-scrollbar {width: 8px;} 
.eventListItem::-webkit-scrollbar-thumb {background-color: #B5B5B6; border-radius: 10px; background-clip: padding-box; border: 0px solid transparent;}
.eventListItem::-webkit-scrollbar-track {background-color: #FFFFFF; border: 0px solid #B5B5B6; border-left: 0;}  

.eventListItem {padding-left: 1.2rem; flex: 0 0 calc(100% - 7.1rem); max-width: calc(100% - 7.1rem);}
.eventListItem li {font-size: 1.6rem; position: relative; padding-left: 1rem; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.eventListItem li:after {content: ''; display: block; width: 5px; height: 5px; background: #000000; position: absolute; top: 50%; transform: translateY(-50%); left: 0; border-radius: 50%;}