@charset "utf-8";

.cal-scroll{
  max-height: 280px;           /* 원하는 높이로 조절 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 스크롤바 숨기기 (크로스브라우저 대응) */
.cal-scroll::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}
.cal-scroll {
  -ms-overflow-style: none;  /* IE, Edge */
  scrollbar-width: none;     /* Firefox */
}

/* thead 고정 (table 헤더가 스크롤 중에도 보이도록) */
.cal-scroll .theme-list{
  border-collapse: separate;
  width: 100%;
  table-layout: fixed;
}
.cal-scroll .theme-list thead th{
  position: sticky;
  top: 0;
  background: rgba(251,242,242,1); /* 배경색 지정(투명하면 글자가 비칠 수 있음) */
  backdrop-filter: blur(6px);
  z-index: 1;
}

/* 캘린더 */
.cal-nav h2{font-size:12px;padding-bottom:10px;letter-spacing:3px;font-weight:bold;color:#E6494D;} 

.sched-list .theme-list th{ height:30px;padding:0;font-size:11px;font-weight:normal;border-top:1px solid #E6494D;border-bottom:1px solid #E6494D;background:none;font-weight:bold;color:#E6494D;} /* 요일 표시 칸 */
.sched-list .theme-list td {text-align:center; padding:0;line-height:18px;font-size:11px;height:40px;border-bottom:0 none;background:none;color:#E6494D;} /* 날짜 표시 칸 */
.sched-list .theme-list td i {position:relative;display:block;margin-bottom:3px;font-style:normal;color:#73494F;} /* 날짜(숫자) */
.sched-list .theme-list td.today i {font-weight:bold;}
.sched-list .theme-list td.today i:after{ /* 오늘 날짜 동그라미 */
    content:"";display:block;
    position:absolute;top:45%;left:50%;
    width:19px;height:19px;
    border:1.4px solid #E6494D; border-radius:80%;
    transform:translate(-50%,-50%);z-index:10;
} 

/* 일정표시 */
.sched-list .liner{ position:relative; display:block;margin-top:1px; width:100%;height:15px;color:#E6494D;} 
.sched-list .starter {padding:0;}
.sched-list .liner:not(.first,.starter) {z-index:-1;}

.sched-list .s_subject {height:15px;line-height:14px;}
.sched-list .left .starter .s_subject {left:0;}
.sched-list .right .starter .s_subject {right:0;}
.sched-list .starter .s_subject,.sched-list .first .s_subject {border-radius: 5px;z-index:2;}
.sched-list .starter .s_subject{position:absolute;width:100%;min-width:100%;padding:0 2px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; text-align:left;font-size:10px;box-sizing:border-box;color:#FBF2F2;}
.sched-list .starter:hover .s_subject {width:auto;overflow:visible;}
.sched-list .liner:not(.first, .starter) p{background:none;border:0 none;}

/* 일정 팝업레이어 */
.sched-list .popup_layer {position:absolute; display:none;bottom:16px;left:50%;transform:translateX(-50%); padding:5px 10px 10px; border-radius:5px; width:125px; z-index:20;}
.sched-list td a:hover {z-index:40;}
.sched-list td a:hover .popup_layer {display:block;}
.sched-list .left .popup_layer {left:0;transform:none;}
.sched-list .right .popup_layer {left:auto;right:0;transform:none;}
.sched-list .popup_layer .popup_title{padding:5px 0;font-size:13px;color:#FBF2F2;}
.sched-list .popup_layer .popup_cont{word-break:keep-all;color:#FBF2F2;} 


/*표시색상*/
.color_1{background:#ED585C;}
.color_2{background:#FECECE;}
.color_3{background:#54D8DC;} 
.color_4{background:#C5DDDD;}