.calendar_content_box{position:relative;height:100%;padding:112px 10px 10px}

.calendar_scroll{position:relative;overflow-y:scroll;width:970px;height:100%;margin:0 -5px 0 0}
.calendar_scroll:-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:rgba(106,255,241,0.7);border:1px rgba(255,255,255,0.17) solid}
.calendar_scroll::-webkit-scrollbar{width:5px;background:#ababab}
.calendar_scroll::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:#e91e63;border:1px rgba(255,255,255,0.17) solid}

.calendar_tab_box{position:absolute;top:1px;left:10px;width:960px;background:#ddd}
.calendar_sky{opacity:.77;float:left;width:479px;height:34px;padding:10px;text-align:center;background:#4c4747;margin-right:1px;color:#fff}
.calendar_you{opacity:.77;float:left;width:480px;height:34px;padding:10px;text-align:center;background:#4c4747;color:#fff}
.calendar_sky:hover,
.calendar_you:hover{opacity:1}
.sky .calendar_sky,
.you .calendar_you{opacity:1;background:#00786d}

.calendar_content_box td{position:relative;width:137px;height:137px;padding:10px;border:1px #bbb solid;background:#eee}
.calendar_content_box td:hover .hover{z-index:3;position:absolute;top:-1px;left:-1px;width:138px;height:138px;border:1px #111 solid;background:rgb(255 235 59 / 15%)}
.calendar_content_box .d1{position:absolute;top:0;left:0;width:100%;height:34px;padding:10px;background:#e7e7e7;font-size:16px}

.calendar_ymd_today{position:absolute;top:40px;left:10px;width:960px;height:34px;background:#606060;color:#fff}
.calendar_ymd_today span{color:#aaa}
.ymd_now,
.ymd_before,
.ymd_after{float:left;height:34px;padding:10px;text-align:center}
.ymd_now{width:460px;border-left:1px #eee solid;border-right:1px #eee solid;background:#333}
.ymd_before{width:250px;background:rgb(4 80 73 / 33%)}
.ymd_after{width:250px;background:rgb(4 80 73 / 33%)}

.yoil_title{position:absolute;top:75px;left:10px;width:960px;background:#ddd}
.yoil_title th{width:137px;height:34px;padding:10px 10px 10px 12px;border:1px #bbb solid;background:#e7e7e7;position:relative;text-align:left}

.suns,
.sun .d1{color:#d30000}
.sats,
.sat .d1{color:#0906bb}

.day_add_box{margin:5px 0}
.day_type1{width:960px;height:34px;padding:10px;background:#3e3e3e;text-align:center;color:#fff}

.event_box{position:absolute;top:33px;left:0;width:100%;padding:0 10px}
.event_name{padding:4px;margin:1px 0;}
.event_popup_on{z-index:3;position:absolute;top:0;left:0;width:100%;height:100%}

#event_popup_box.off{display:none}
#event_popup_box.on{z-index:33;position:absolute;top:0;left:0;display:block;width:960px;height:686px;padding: 271px 260px 100px;background:rgb(0 0 0 / 77%)}
.event_value{position:relative;width:100%;height:100%;padding:45px 10px 45px;background:#eee}

.event_end{position:absolute;left:10px;bottom:10px;width:119px;height:34px;padding:10px 0;background:#9e3c3c;text-align:center;color:#fff;}
.event_add{position:absolute;right:10px;bottom:10px;width:300px;height:34px;padding:10px 0;text-align:center;background:#006c2b;color:#fff;}

#event_value_ymd{position:absolute;top:10px;left:10px;width:420px;height:34px;padding:10px;text-align:center;background:#111;color:#fff;}
#event_value{overflow-y:scroll;width:425px;height:100%;padding:10px 12px 10px 12px;background:#111;color:#fff;}
#event_value:-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:rgba(106,255,241,0.7);border:1px rgba(255,255,255,0.17) solid}
#event_value::-webkit-scrollbar{width:5px;background:#ababab}
#event_value::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:#009688;border:1px rgba(255,255,255,0.17) solid}
.event_value_list{position:relative;margin:0 0 10px;padding:0 90px 10px 0;line-height:1.73;border-bottom:1px #333 solid;color:#aaa}
.event_user_name{color:#fff;}
.event_notice{color:#ccc}

.event_sangjo{color:#ffeb00;}
.event_ejang{color:#83f553;}
.event_non{color:#ff897d;}
.event_etc{color:#92fff5;}

#event_add_popup.off{display:none}
#event_add_popup.on{z-index:33;position:absolute;top:0;left:0;display:block;width:960px;height:686px;padding:180px 260px;background:rgb(17 26 32 / 77%);}
.event_add_value{position:relative;width:100%;height:100%;padding:10px;background:#eee}
#event_add_title{height:34px;padding:10px;margin:0 0 5px;background:#006c2b;color:#fff;text-align:center}

#event_add_type_list{margin:0 0 1px;}
.event_type_title{width:100%;height:34px;padding:10px;margin:0 0 1px;background:#30211b;color:#fff;text-align:center}
.event_add_types{float:left;width:104px;height:34px;padding:10px;margin:0 1px 0 0;background:#585858;color:#fff;text-align:center}

.event_type_etc{width:105px;margin:0}

.e_sangjo .event_type_sangjo{background:#111;}
.e_ejang .event_type_ejang{background:#111;}
.e_non .event_type_non{background:#111;}
.e_etc .event_type_etc{background:#111;}

#event_add_memo{resize:none;display:block;width:100%;height:100px;padding:10px;margin:0 0 1px;background:#d1d1d1;border:1px #aaa solid;color:#000;}
#event_add_memo::placeholder{color:#555}

.event_add_end{float:left;width:100px;height:34px;padding:10px;text-align:center;background:#720128;color:#fff;}
.event_add_db{float:right;width:319px;height:34px;padding:10px;background:#321664;color:#fff;text-align:center}

.event_me{position:absolute;top:2px;left:-7px;width:5px;height:5px;background:#00ff08;border-radius:100%;box-shadow:0 0 7px 3px rgb(255 255 255 / 30%);}
.event_del{position:absolute;top:0;right:0;padding:5px 10px;}
.event_del:hover{color:#fff;cursor:pointer;}

.event_del_title{padding:10px;margin:1px 0 0;text-align:center;line-height:1.37;background:#3c3c3c;color:#fff;}

.sss{background:#5a5a5a;color:#fff;}
.eee{background:#366244;color:#fff;}
.nnn{background:#ffadad;}
.ccc{background:#ccc}