@charset "utf-8";

/* 공통 */ 
#bo_list .theme-box {border-radius:5px;}
#bo_list .ui-btn {border-radius:2px;}

/* 캘린더 */
.cal-nav td{text-align:center;vertical-align:middle;} 
.cal-nav h2{text-align:center; font-size:16px; padding-bottom:5px;letter-spacing:3px;} 
.cal-nav .ico{position:relative;display:inline-block;width:20px;height:20px;overflow:hidden;text-indent:100%;white-space:nowrap;}
.cal-nav .ico:before{position:absolute;left:0;top:0;display:inline-block;width:20px;height:28px;line-height:28px;text-indent:0;}

.sched-list.theme-list {border-collapse:separate;border-spacing: 1px; table-layout: fixed; width:100%;}
.sched-list.theme-list th{ height:40px;padding:0;font-size:11px;font-weight:normal;border:0 none;background:#00000022;}
.sched-list.theme-list th.sun{background:#c7003955;} 
.sched-list.theme-list th.sat{background:#345ad655;} 

/* 날짜 칸: padding 상단을 없애고 유연하게 늘어나도록 조절 */
.sched-list.theme-list td {
    padding: 0 !important;
    font-size:11px;
    border:0 none; 
    background:#00000011;
    overflow: visible !important;
} 
.sched-list.theme-list td.noday {background:#aaaaaa11;} 

.sched-list .date{margin:0; display:inline-block;}
.sched-list.theme-list td i {position:relative;font-style:normal; z-index:1;}
.sched-list.theme-list td.today i {font-weight:bold;}

/* 일정 바 디자인 정의 */
.sched-list .liner {
    height: 20px !important;
    line-height: 20px !important;
    color: #263236 !important;
    text-decoration: none;
    box-sizing: border-box;
}

.sched-list .s_subject {
    height: 20px !important;
    line-height: 20px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    border-radius: 3px;
    font-size: 11px;
    box-sizing: border-box;
}

/* 팝업 레이어 */
.sched-list .popup_layer {position:absolute; display:none; top:22px !important; left:50%; transform:translateX(-50%); padding:5px 10px 10px; border-radius:5px; width:140px; z-index:999 !important;}
.sched-list td a:hover {z-index:9999 !important;}
.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;}
.sched-list .popup_layer .popup_cont{word-break:keep-all;} 

/* 오늘 일정 리스트 */
#today_schedule {text-align:left;} 
#today_schedule p.ui-btn.point{margin-bottom:10px;line-height:26px;cursor:default;}
#today_schedule .today-schedule {line-height:20px;padding:2px 0;}
#today_schedule .today-schedule .ico{display:inline-block;width:10px;height:10px;border-radius:2px;}
#today_schedule .today-schedule .sched-content {padding-left:14px;}

/* 표시색상 */
.color_1{background:#BBE7FE !important;}
.color_2{background:#C6F1E7 !important;}
.color_3{background:#FFD6E8 !important;} 
.color_4{background:#FFF3B3 !important;}
.color_5{background:#E1D5FD !important;}
.icon{background:#e1e1e1 !important;}

#bo_w .ico.color_1:before { content: "라무네 소다" !important; }
#bo_w .ico.color_2:before { content: "메론 소다" !important; }
#bo_w .ico.color_3:before { content: "피치 소다" !important; } 
#bo_w .ico.color_4:before { content: "레몬 소다" !important; }
#bo_w .ico.color_5:before { content: "그레이프 소다" !important; }