@charset "utf-8";

.scontents_fix.calendar .view_type{position:absolute; right:25px; top:10px; overflow:hidden;}

.date_view{position:relative;}
.date_view .view_ty1, .date_view .view_ty2{display:inline-block; vertical-align:middle;}
.date_view .date{display:inline-block; vertical-align:middle; font-weight:300; color:#303030; font-size:15px; line-height:26px; letter-spacing:normal; margin:0 5px;}

.monthly_result{position:relative; height:100%; box-sizing:border-box; padding-top:75px;}
.monthly_result .result_num{position:absolute; top:0; left:0; right:0;}


/* 월간현황 */
.monthly_calendar{position:relative; height:100%; box-sizing:border-box; padding-top:33px;}
.monthly_calendar .month_head{border-top:1px solid #ddd; border-bottom:1px solid #f1f1f1; position:absolute; left:0; top:0; right:0;}
.monthly_calendar .month_head table{table-layout:fixed; width:100%; margin:0; padding:0; color:#606060; background:#f2f3f7; border:0; border-collapse:collapse; border-spacing:0;}
.monthly_calendar .month_head table tbody th{margin:0; padding:6px 8px; text-align:left; font-weight:normal; font-size:12px; border-right:1px solid #f2f3f7;}
.monthly_calendar .month_head table tbody th:last-child{border-right:none;}

.monthly_calendar .month_body{position:relative; height:100%;}
.monthly_calendar .month_body table{table-layout:fixed; width:100%; height:100%; margin:0; padding:0; color:#404040; background:#fff; border:0; border-collapse:collapse; border-spacing:0;}
.monthly_calendar .month_body table tr{height:20%;}
.monthly_calendar .month_body.sixth table tr{height:16.666666%;}

.monthly_calendar .month_body table td{position:relative; margin:0; padding:0; text-align:left; font-weight:normal; font-size:12px; border-bottom:1px solid #ebebeb; border-right:1px solid #f1f1f1; vertical-align:top;}
.monthly_calendar .month_body table td:last-child{border-right:none;}
.monthly_calendar .month_body .day_box{padding:6px 8px; box-sizing:border-box; overflow-y:auto; transition:all .25s ease; height:100%; width:100%;}
.monthly_calendar .month_body .day_box:hover{background:#f2f3f7;}
.monthly_calendar .month_body .day_view{position:relative; overflow:hidden; margin-bottom:5px;}
.monthly_calendar .month_body .day_num{font-weight:normal; line-height:150%; letter-spacing:-0.2px;}
.monthly_calendar .month_body .day_info{color:#909090;}
.monthly_calendar .month_body .disable{color:#909090;}
.monthly_calendar .month_body .today{background:#f5fbfd !important; border:1px solid #515b75;}

.monthly_calendar .month_body .cont_time{display:inline-block; font-weight:300; margin-right:3px; color:#404040;}
.monthly_calendar .month_body .cont_txt{display:inline-block; position:relative; font-weight:normal; color:#404040;}
.monthly_calendar .month_body .cont_txt:hover{text-decoration:underline;}

.monthly_calendar .month_body .label_info{position:relative; line-height:150%; letter-spacing:-0.2px; margin:1px 0}
.monthly_calendar .month_body .label_info .cont_txt{padding-left:12px;}
.monthly_calendar .month_body .label_info .cont_txt:before{content:""; position:absolute; top:50%; left:0; margin-top:-4px; width:8px; height:8px; background:#777b88; border-radius:50%;}
.monthly_calendar .month_body .label_info.complete .cont_txt:before{background:#1c84b4;}
.monthly_calendar .month_body .label_info.complete .cont_time, .monthly_calendar .month_body .label_info.complete .cont_txt{color:#1c84b4;}
.monthly_calendar .month_body .label_info.notaction .cont_txt:before{background:#ef8821;}
.monthly_calendar .month_body .label_info.notaction .cont_time, .monthly_calendar .month_body .label_info.notaction .cont_txt{color:#f27824;}

.monthly_calendar .sun, .monthly_calendar .holiday{color:#f44336;}




/* 일일현황 */
.every_calendar{position:relative;}
.every_calendar ul > li{position:relative; min-height:83px; padding-left:160px; border:1px solid #ebebeb; border-bottom:none; background:#f2f3f7;}
.every_calendar ul > li:last-child{border-bottom:1px solid #ebebeb;}
.every_calendar ul > li:after{content:""; position:absolute; left:150px; top:0; width:1px; height:100%; background:#ddd;}
.every_calendar ul > li .date{position:absolute; left:0; height:100%; background:#fff; width:150px; padding:14px 10px; box-sizing:border-box;}
.every_calendar ul > li .date span{display:block; line-height:150%; color:#909090; letter-spacing:normal; font-size:12px; margin:1px 0;}
.every_calendar ul > li .date span:first-child{font-weight:300; color:#404040;}

.every_calendar .weekly_list{min-height:266px;}
.every_calendar .every_list{min-height:inherit;}
.every_calendar .every_list > li{min-height:180px;}

.every_calendar .day_detail{padding:14px 10px; box-sizing:border-box;}
.every_calendar .day_detail .day_info{color:#909090;}
.every_calendar .day_detail .disable{color:#909090;}
.every_calendar .day_detail .no_data{color:#909090; line-height:150%; letter-spacing:-0.2px; margin:1px 0;}

.every_calendar .day_detail .cont_time{display:inline-block; font-weight:300; margin-right:5px; color:#404040;}
.every_calendar .day_detail .cont_txt{display:inline-block; position:relative; font-weight:normal; padding-left:12px; color:#404040;}
.every_calendar .day_detail .cont_txt:hover{text-decoration:underline;}

.every_calendar .day_detail .label_info{line-height:150%; letter-spacing:-0.2px; margin:1px 0;}
.every_calendar .day_detail .label_info .cont_txt:before{content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:8px; height:8px; background:#777b88; border-radius:50%;}
.every_calendar .day_detail .label_info.complete .cont_txt:before{background:#1c84b4;}
.every_calendar .day_detail .label_info.complete .cont_time, .every_calendar .day_detail .label_info.complete .cont_txt{color:#1c84b4;}
.every_calendar .day_detail .label_info.notaction .cont_txt:before{background:#ef8821;}
.every_calendar .day_detail .label_info.notaction .cont_time, .every_calendar .day_detail .label_info.notaction .cont_txt{color:#f27824;}

.every_calendar .day_detail .holiday{color:#f44336;}


/* 주간현황 */
.weekly_calendar{position:relative;}
.weekly_calendar .week_day{position:relative; padding-left:80px; border:1px solid #ebebeb; border-top:1px solid #ddd; border-bottom:none; overflow:hidden; background:#f2f3f7;}
.weekly_calendar .week_day .tit_day ul{position:relative;}
.weekly_calendar .week_day .tit_day ul > li{position:relative; float:left; width:14.285714%; height:30px; padding-top:3px; text-align:center; box-sizing:border-box;}
.weekly_calendar .week_day .tit_day .day{display:block; position:absolute; top:0; width:100%; line-height:30px; font-weight:normal; color:#707070;}

.weekly_calendar .week_body{position:relative;}
.weekly_calendar .week_body .repeat_box{position:relative; border-top:1px solid #ebebeb; min-height:50px; border-bottom:1px solid #ebebeb; padding-left:80px; margin-top:-1px; box-sizing:border-box;}
.weekly_calendar .week_body .repeat_box .box_tit{position:absolute; left:0; top:50%; width:80px; height:30px; color:#707070; line-height:30px; margin-top:-15px; font-weight:300; text-align:center; letter-spacing:-0.2px; font-size:12px;}

.weekly_calendar .week_body .side_line{position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0; box-sizing:border-box; padding-left:80px;}
.weekly_calendar .week_body .side_line > li{position:relative; float:left; width:14.285714%; height:100%; box-sizing:border-box;}
.weekly_calendar .week_body .side_line > li:before{content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ebebeb; z-index:0;}
.weekly_calendar .week_body .side_line > li.today{background:#f5fbfd;}

.weekly_calendar .week_body .dateil_inner:after{content:""; display:block; clear:both;}
.weekly_calendar .week_body .dateil_inner > li{position:relative; float:left; width:14.285714%; padding:10px 9px 9px 10px; box-sizing:border-box;}

.weekly_calendar .day_detail{box-sizing:border-box;}
.weekly_calendar .day_detail .day_info{color:#909090;}
.weekly_calendar .day_detail .disable{color:#909090;}
.weekly_calendar .day_detail .no_data{color:#909090; line-height:150%; letter-spacing:-0.2px; margin:1px 0;}

.weekly_calendar .day_detail .cont_time{display:inline-block; font-weight:300; margin-right:5px; color:#404040;}
.weekly_calendar .day_detail .cont_txt{display:inline-block; position:relative; font-weight:normal; padding-left:12px; color:#404040;}
.weekly_calendar .day_detail .cont_txt:hover{text-decoration:underline;}

.weekly_calendar .day_detail .label_info{line-height:150%; letter-spacing:-0.2px; margin:1px 0;}
.weekly_calendar .day_detail .label_info .cont_txt:before{content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:8px; height:8px; background:#777b88; border-radius:50%;}
.weekly_calendar .day_detail .label_info.complete .cont_txt:before{background:#1c84b4;}
.weekly_calendar .day_detail .label_info.complete .cont_time, .weekly_calendar .day_detail .label_info.complete .cont_txt{color:#1c84b4;}
.weekly_calendar .day_detail .label_info.notaction .cont_txt:before{background:#ef8821;}
.weekly_calendar .day_detail .label_info.notaction .cont_time, .weekly_calendar .day_detail .label_info.notaction .cont_txt{color:#f27824;}


/* 일일, 주간현황 미니 캘린더 */
.calendar_mini{position:relative}
.calendar_mini_content{position:relative; background:#fff; padding:2px; border:1px solid #ddd;}
.calendar_mini_header{position:relative; height:34px; background:#515b75;}
.calendar_mini_header .date_area{position:relative; padding:0 35px; text-align:center;}
.calendar_mini_header .date_area strong{display:inline-block; color:#fff; line-height:34px; font-weight:normal; letter-spacing:normal; font-size:12px;}

.calendar_mini_header .calendar_ctrl
{
    display:block; position:absolute; top:0; margin:0; padding:0;
    color:#fff; text-align:center; vertical-align:middle; background:none; width:34px; height:34px; line-height:34px;
    border-radius:0; cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .25s ease; font-size:18px;
    box-sizing:border-box; border:0;
}
.calendar_mini_header .calendar_ctrl:hover{background:#434b61;}
.calendar_mini_header .calendar_ctrl i{line-height:34px;}
.calendar_mini_header .ctrl_prev{left:0; border-right:1px solid #434b61;}
.calendar_mini_header .ctrl_next{right:0; border-left:1px solid #434b61;}

.calendar_mini_content table{width:100%; margin:0; padding:0; font-size:12px; border:0; border-collapse:collapse; border-spacing:0; table-layout:fixed; overflow:hidden;}
.calendar_mini_content th{margin:0; padding:8px 4px; text-align:center; font-weight:normal; border:0; text-transform:uppercase; font-size:12px; color:#606060;}
.calendar_mini_content td{margin:0; border:0; padding:1px; text-align:center;}
.calendar_mini_content td span, .calendar_mini_content td a{display:block; padding:5px; text-align:center; text-decoration:none;}

.calendar_mini_content .day_sel{display:inline-block; width:20px; height:20px; padding:0; background:#fff; color:#808080; border:1px solid #ddd; border-radius:50%; font-size:11px; transition:all .25s ease;}
.calendar_mini_content .day_sel i{position:relative; line-height:20px;}
.calendar_mini_content .day_sel.active{background:#0095da; border:1px solid #0095da; color:#fff;}

.calendar_mini_content .day_box{border:1px solid #ddd; background:#fff; font-weight:normal; color:#707070; transition:all .25s ease;}
.calendar_mini_content table tbody tr td:hover .day_box{background:#faf3e2; border:1px solid #e0d2b5;}
.calendar_mini_content table tbody tr td.active .day_box{background:#faf3e2; border:1px solid #e0d2b5;}
.calendar_mini_content table tbody tr td.today .day_box{background:#f5fbfd; border:1px solid #777b88;}