@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.8rem;
    text-align: center;
    padding: 0;
    background: #F2F2F2;
    font-weight: 600;
}

.custom_calendar_table tbody td {
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 10px;
    position: relative;
    width: 83px; 
    height: 60px; 
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    vertical-align: top; 
    text-align: right;
    position: relative;
    background: #FAFAFA;
}  
.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.hasEvent:after {
	position: absolute; content: ''; display: block; content: ''; width: 7px; height: 7px; background: #FFB016; border-radius: 50%; font-size: 1.8rem; bottom: 10px; right: 10px;
}

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

/*�ъ슜�먰솕硫� boot*/
@media (min-width: 992px) {
	h4.month {font-size: 4rem; }
}
  
h4.month {font-weight: 600; text-align: center; display: inline-block; margin: 0 10px; padding: 4px 15px; border: 1px solid #E6E6E6; border-radius: 10px;}

.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;}
.calnderArrow:focus {border: 0px;}

#eventListHtml {height: 321px; overflow-y: scroll;}
#eventListHtml::-webkit-scrollbar {width: 8px;} 
#eventListHtml::-webkit-scrollbar-thumb {background-color: #B5B5B6; border-radius: 10px; background-clip: padding-box; border: 0px solid transparent;}
#eventListHtml::-webkit-scrollbar-track {background-color: #FFFFFF; border: 0px solid #B5B5B6; border-left: 0;}  
.eventListItem li {background: #FAFAFA; padding: 21px 10px; border-bottom: 1px solid #E6E6E6;}
.eventListItem li > div {position: relative; padding-left: 17px; position: relative;}
.eventListItem li span {font-size: 14px; font-weight: 500; color: #FFFFFF; padding: 2px 7px; background: #004EA2; border-radius: 10px; flex:none;}
.eventListItem li h5 {font-size: 1.6rem; color: #004EA2; flex: none; line-height: 1.5;}
.eventListItem li p {font-size: 1.6rem;}
.eventListItem li > div > div {position: relative;}
.eventListItem li > div > div:after {position: absolute; content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #FFB016; top: 1.3rem; left: -17px;}