/*초기화*/
ul, ol {list-style: none}
/*캘린더 (normal)*/
.s_month {height:45px; line-height:45px; text-align:center;color:#fff; background:#cfa972;position: relative;}
.s_month a.move_month {position: absolute;top:0px;color:#fff;display: block;width: 45px; height: 45px; text-align: center;font-size:17px}
.s_month a.prev {left:0}
.s_month a.next {right:0}
.s_month p.month {display: inline-block;font-size: 17px;font-weight: 600}
.s_month span.eng_wcal {padding-left:5px; font-size:15px;font-weight: normal}
.tbl_wcalendar {width:100%; min-height:300px;}
.tbl_wcalendar thead {background:#f9f9f9}
.tbl_wcalendar thead th {padding:10px 0; color:#555}
.tbl_wcalendar tbody td {color: #666;cursor: pointer;padding: 10px 5px; font-size:12px;border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;vertical-align: top;height:80px;}
.tbl_wcalendar tbody td.text_left {text-align:left; padding:0 0 0 5px}
.tbl_wcalendar tbody td.text_right {text-align:right; padding:0 0 0 5px}
.tbl_wcalendar tbody td.td_wcal_bg {background:#ffecec}
.tbl_wcalendar tbody td a {font-weight: 600;margin-bottom: 5px;display: inline-block;font-size:13px}
.tbl_wcalendar span {font-size:13px}
.faint {opacity: 0.5}
a.red {border: none;background: #fff;color:#e25a5a}
a.blue {border: none;background: #fff;color:#5799c5}
a.black {border: none;background: #fff;color:#666}
div.lunar_date {font-size: 11px;float: right;color: #aaa;display: inline-block}
div.holiday {color:#e25a5a;margin-bottom: 5px}

/*캘린더 (mini)*/
.s_month_mini {height:45px; line-height:45px; text-align:center;color:#555; background:#f4f4f4;position: relative;border-bottom: 1px solid #eee;}
.s_month_mini a.move_month {position: absolute;top:2px;color:#555;display: block;width: 45px; height: 45px; text-align: center;font-size:17px}
.s_month_mini a.prev {left:-40px}
.s_month_mini a.next {right:-40px}
.s_month_mini p.month {display: inline-block;font-size: 17px;font-weight: 600;position: relative;}
.s_month_mini span.eng_wcal {padding-left:5px; font-size:15px;font-weight: normal}
.s_month_mini .today{position: absolute;top: 0; right: 10px;}
.s_month_mini .today .btn_today {cursor: pointer; border:0; background: #555;color:#fff;border-radius: 2px;font: inherit; width: 50px; height: 25px;line-height: 25px;text-align: center;}
.s_month_mini .today .btn_today:hover {background:#333;transition: all 0.3s ease}
.reserve_state_info {position: absolute;top:0;left:10px;width:200px}
.reserve_state_info li {float: left;margin-right:10px}
.tbl_wcalendar_mini {width:100%; min-height:300px;}
.tbl_wcalendar_mini thead {background:#f9f9f9}
.tbl_wcalendar_mini thead th {padding:10px 0; color:#555}
.tbl_wcalendar_mini tbody td {color: #666;cursor: pointer;padding:5px;border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;height:50px;text-align: center}
.tbl_wcalendar_mini tbody td.text_left {text-align:left; padding:0 0 0 5px}
.tbl_wcalendar_mini tbody td.text_right {text-align:right; padding:0 0 0 5px}
.tbl_wcalendar_mini tbody td.td_wcal_bg {background:#ffecec}
.tbl_wcalendar_mini tbody td a {font-weight: 600;margin-bottom: 10px;display: inline-block;font-size:17px}
.tbl_wcalendar_mini tbody td p.text {}
span.complete {width:7px;height:7px; background: #aaa;display: inline-block;border-radius: 7px}
span.possible {width:7px;height:7px; background: #009944;display: inline-block;border-radius: 7px}

/*날짜 선택용 작은달력*/
.cal_select {font-size: 10px;border-color:rgba(0,0,0,0);padding:3px 16px 3px 7px;background:url("../../../basic/common/image/common/triangle.svg") no-repeat 95% 50% / 8px;color:#fff;font-size:14px;line-height: 20px;}
.cal_select option {color:#333;}
.mini_calendar {min-width:242px;border:1px solid #ddd; background:#fff;box-shadow: 2px 2px 2px #ddd}
.s_month_mini2 {text-align: center; height:46px;width: 100%;line-height:46px;background:#08225d;}
.s_month_mini2 .month {font-weight:500;position: relative}
.s_month_mini2 .month > a {position: absolute;top:0;color:#fff;font-size:18px;}
.s_month_mini2 .month .prev {left: 3px}
.s_month_mini2 .month .next {right:3px}
.tbl_wcalendar_mini2 {width: 100%}
.tbl_wcalendar_mini2 thead th {font-size: 13px;padding:8px 0 7px;}
.tbl_wcalendar_mini2 tbody td {text-align: center; padding: 7px 7px 8px; font-size: 13px;cursor: pointer}
.tbl_wcalendar_mini2 tbody td.td_wcal_bg {background:var(--main-color);font-weight: bold}
.tbl_wcalendar_mini2 tbody td.td_wcal_bg > a {color:#08225d !important;font-weight: bold;}