@charset "UTF-8";
/****헤더 버튼****/
.header-toolbar{padding:10px}
.header-toolbar .hd-left{position:absolute;top:10px;left:10px;}
.header-toolbar .hd-center{text-align:center;width:100%;}
.header-toolbar .hd-center p.date_title{font-family: 'NotoSansKR',sans-serif,Malgun Gothic;color: #333;font-weight: 500;line-height: 1.7!important;font-size: 1.75em;margin: 0;background: none;padding-left: 0!important;}
.header-toolbar .hd-right{position:absolute;top:11px;right:10px;}
.button_group{display:inline-block}
.button_group:not(:first-child){margin-left:5px}
.button_group button{display: inline-block;text-align: center;vertical-align: middle;user-select: none;background-color: #445180;border: 1px solid #445180;padding: 0.4em 0.65em;line-height: 1.5;color: #fff;font-weight: 500;font-size: 14px;}
.button_group button:hover{background-color: #133061;border-color: #133061;}
.button_group button.start{border-radius: 0.25rem 0 0 0.25rem;}
.button_group button.end{border-radius: 0 0.25rem 0.25rem 0;}
.button_group button.one{border-radius: 0.25rem}
.button_group button:not(.start){margin-left: -4px;}
.button_group .calTypeBtn.active{background-color: #1da5e2;border-color: #1da5e2;}
@media all and (max-width:520px){
	.header-toolbar .hd-center{margin-top:55px}
}


/****월별 행사 일정 캘린더****/
.dayGridMonth-view{}
.dayGridMonth-view .scheduleTable{width:100%}
/* .dayGridMonth-view .scheduleTable tbody{position:relative} */
.dayGridMonth-view .scheduleTable th,
.dayGridMonth-view .scheduleTable td{border-color: #ddd;border-style: solid;border-width: 1px;padding: 0;vertical-align: top;width: calc(100%/7);}
.dayGridMonth-view .scheduleTable th{padding: 10px 0;text-align: center;background: #f3f3f3;}
/* .dayGridMonth-view .scheduleTable td.thisM{cursor:pointer}
.dayGridMonth-view .scheduleTable td.thisM:hover{background-color:#def2fd;} */
.dayGridMonth-view .scheduleTable td.more .moreDiv .more-number{cursor:pointer}
.dayGridMonth-view .scheduleTable td.more .moreDiv .more-number:hover{font-weight:bold}
.dayGridMonth-view .scheduleTable td.more .moreDiv .writeBtn{width: 23px;float: right;background: none;}
.dayGridMonth-view .scheduleTable td.sun {color:red}
.dayGridMonth-view .scheduleTable td.sat {color:blue}
.dayGridMonth-view .scheduleTable td.holiday {color:red !important}
.dayGridMonth-view .scheduleTable td span.day-number{float:right;padding:3px}
.dayGridMonth-view .scheduleTable td a.event{color: #fff;text-decoration: none;display: block;font-size: 1.2rem;line-height: 1.4;border-radius: 3px;padding: 0px 7px;position: absolute;text-align: left;}
.dayGridMonth-view .scheduleTable td a.event.hidden{display:none}
.dayGridMonth-view .scheduleTable td a.event:hover{opacity: 0.8;cursor:pointer}
.dayGridMonth-view .scheduleTable td{position:relative}
.dayGridMonth-view .scheduleTable td.other-month{position:relative}
.dayGridMonth-view .scheduleTable td div.other {position: absolute;width: 100%;display: block;top: 0;left: 0;height: 125px;background-color: #ffffff87;z-index: 999;}
.dayGridMonth-view .scheduleTable td div.today{position: absolute;width: 100%;display: block;top: 0;left: 0;height: 125px;z-index: -1;background-color: #fcf8e3;}
.dayGridMonth-view .scheduleTable td div.moreDiv span.more-number{color:#4a4341}
.more_cnt{height:20px}

.dayGridMonth-view{position:relative}
.dayGridMonth-view a.event{color: #fff;text-decoration: none;display: block;font-size: 1.2rem;line-height: 1.4;border-radius: 12px;position: absolute;text-align: left;}
.dayGridMonth-view a.event span{padding: 0px 7px;}
.dayGridMonth-view a.event.hidden{display:none}
.dayGridMonth-view a.event:hover{opacity: 0.8;cursor:pointer}
.state1{background-color:#ffb700}
.state2{background-color:#3967ff}
.state3{background-color:#036a17}

.wrapBox{position:relative;}
.container{position: relative;padding: 10px;}
.grayBox{display:none;position: absolute;top: 0;width: 100%;height: 100%;background-color: #0006;z-index: 1000;}
.popupBox{display: none;position: absolute;z-index: 10001;}
.popupBox .titleBox{
    height: 45px;
    background-color: #225383;
    width: 100%;
    display: inline-block;
    border-radius: 10px 10px 0 0;
    padding: 3px 5px;
}
.popupBox .titleBox span{
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 11px 15px;
    display: inline-block;
}
.popupBox .titleBox input[type=button]{
    padding: 5px 10px;
    float: right;
    margin: 6px 11px;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
}
.popupBox .titleBox input[type=button]:hover{
	background-color: #2e6499;
}
.popupBox .contentsBox{padding: 20px;text-align:center;background-color: #fff;border: 1px solid #225383;border-radius: 0 0 10px 10px;}
.popupBox .contentsBox ul{}
.popupBox .contentsBox ul li{color:#fff;cursor: pointer;}
.popupBox.size01{top: calc(50% - 100px);left: calc(50% - 170px);width: 340px;}
.popupBox.size02{top: calc(50% - 170px);left: 25%;width: 50%;}
table.tb_write{
    width: 100%;
}
table.tb_write tr{height: 45px;}
table.tb_write th{
    border-top: 1px solid #5e5e5e;
    border-bottom: 1px solid #5e5e5e;
    background-color: #f3f3f3;
}
table.tb_write td{
    background-color: #fff;
    border-right: none;
    border-top: 1px solid #5e5e5e;
    border-bottom: 1px solid #5e5e5e;
    text-align: left;
    padding: 5px 15px;
    line-height: 40px;
}
table.tb_write td input[type=text]{
    border: 1px solid #5e5e5e;
    padding: 0 10px;
}
.popupBox .contentsBox .btn{
    padding: 5px 10px;
    margin-top: 12px;
    background-color: #225383;
    border: 1px solid #225383;
    color: #ffffff;
    cursor: pointer;
    width: 100%;
}
.popupBox .contentsBox .btn:hover{
    background-color: #2e6499;
}

/****일정 목록 테이블****/
.listMonth-view{}
.listMonth-view .list-table{border:1px solid #ddd; table-layout: auto;width: 100%;}
.listMonth-view .list-table tr td{border-width: 1px 0 0;padding: 8px 4px;}
.listMonth-view .list-table tr:first-child td{padding: 8px 14px}
.listMonth-view .list-table tr td.header{border:1px solid #ddd;background: #eee;font-weight: 500;}
.listMonth-view .list-table tr td.header .heading-main{float:left}
.listMonth-view .list-table tr td.header .heading-alt{float:right}
.listMonth-view .list-table tr.list-item{cursor:pointer}
.listMonth-view .list-table tr.list-item:hover td.title{font-weight:500}
.listMonth-view .list-table tr.list-item td.left{width: 1%;}
.listMonth-view .list-table tr.list-item td.marker{width: 1%;}
.listMonth-view .list-table tr.list-item td.marker span.dot{display: inline-block;width: 10px;height: 10px;border-radius: 5px;}
.listMonth-view .list-table tr.list-item td.title{width: 98%;text-align: left;}


/****주별 일정 캘린더****/
.dayGridWeek-view .sun{color:red}
.dayGridWeek-view .sat{color:blue}
.dayGridWeek-view table{width:100%}
.dayGridWeek-view table tbody{position:relative}
.dayGridWeek-view table th,
.dayGridWeek-view table td{border:1px solid #ddd}
.dayGridWeek-view table th{padding: 10px 0;text-align: center;background: #f3f3f3;}
.dayGridWeek-view table td.today{background: #fcf8e3;}
.dayGridWeek-view table td a{position: absolute;display: block;font-size: 1.2rem;line-height: 1.4;border-radius: 3px;color: #fff;font-weight: 200;padding: 1px 0;cursor:pointer}
.dayGridWeek-view table td a:hover{opacity:0.8}



/****이벤트 위치****/
/* 주별S */
.eventW.row1{top:calc(19px * 0) }
.eventW.row2{top:calc(19px * 1) }
.eventW.row3{top:calc(19px * 2) }
.eventW.row4{top:calc(19px * 3) }
.eventW.row5{top:calc(19px * 4) }
.eventW.row6{top:calc(19px * 5) }
.eventW.row7{top:calc(19px * 6) }
.eventW.row8{top:calc(19px * 7) }
.eventW.row9{top:calc(19px * 8) }
.eventW.row10{top:calc(19px * 9) }
.eventW.row11{top:calc(19px * 10) }
.eventW.row12{top:calc(19px * 11) }
.eventW.row13{top:calc(19px * 12) }
.eventW.row14{top:calc(19px * 13) }
.eventW.row15{top:calc(19px * 14) }
.eventW.row16{top:calc(19px * 15) }
.eventW.row17{top:calc(19px * 16) }
.eventW.row18{top:calc(19px * 17) }
.eventW.row19{top:calc(19px * 18) }
.eventW.row20{top:calc(19px * 19) }
.eventW.row21{top:calc(19px * 20) }
.eventW.row22{top:calc(19px * 21) }
.eventW.row23{top:calc(19px * 22) }
.eventW.row24{top:calc(19px * 23) }
.eventW.row25{top:calc(19px * 24) }
.eventW.row26{top:calc(19px * 25) }
.eventW.row27{top:calc(19px * 26) }
.eventW.row28{top:calc(19px * 27) }
.eventW.row29{top:calc(19px * 28) }
.eventW.row30{top:calc(19px * 29) }

.eventW.cnt1{width:calc((100% / 7) * 1) }
.eventW.cnt2{width:calc((100% / 7) * 2) }
.eventW.cnt3{width:calc((100% / 7) * 3) }
.eventW.cnt4{width:calc((100% / 7) * 4) }
.eventW.cnt5{width:calc((100% / 7) * 5) }
.eventW.cnt6{width:calc((100% / 7) * 6) }
.eventW.cnt7{width:calc((100% / 7) * 7) }

/* 주별E */



/* 월별 S */
.event.week1.row1{top: calc(100px + (126.5px*0) + (19px * 0)) }
.event.week1.row2{top: calc(100px + (126.5px*0) + (19px * 1)) }
.event.week1.row3{top: calc(100px + (126.5px*0) + (19px * 2)) }
.event.week1.row4{top: calc(100px + (126.5px*0) + (19px * 3)) }
.event.week2.row1{top: calc(100px + (126.5px*1) + (19px * 0)) }
.event.week2.row2{top: calc(100px + (126.5px*1) + (19px * 1)) }
.event.week2.row3{top: calc(100px + (126.5px*1) + (19px * 2)) }
.event.week2.row4{top: calc(100px + (126.5px*1) + (19px * 3)) }
.event.week3.row1{top: calc(100px + (126.5px*2) + (19px * 0)) }
.event.week3.row2{top: calc(100px + (126.5px*2) + (19px * 1)) }
.event.week3.row3{top: calc(100px + (126.5px*2) + (19px * 2)) }
.event.week3.row4{top: calc(100px + (126.5px*2) + (19px * 3)) }
.event.week4.row1{top: calc(100px + (126.5px*3) + (19px * 0)) }
.event.week4.row2{top: calc(100px + (126.5px*3) + (19px * 1)) }
.event.week4.row3{top: calc(100px + (126.5px*3) + (19px * 2)) }
.event.week4.row4{top: calc(100px + (126.5px*3) + (19px * 3)) }
.event.week5.row1{top: calc(100px + (126.5px*4) + (19px * 0)) }
.event.week5.row2{top: calc(100px + (126.5px*4) + (19px * 1)) }
.event.week5.row3{top: calc(100px + (126.5px*4) + (19px * 2)) }
.event.week5.row4{top: calc(100px + (126.5px*4) + (19px * 3)) }
.event.week6.row1{top: calc(100px + (126.5px*5) + (19px * 0)) }
.event.week6.row2{top: calc(100px + (126.5px*5) + (19px * 1)) }
.event.week6.row3{top: calc(100px + (126.5px*5) + (19px * 2)) }
.event.week6.row4{top: calc(100px + (126.5px*5) + (19px * 3)) }


.event.cnt1{width:calc((100% / 7) * 1) }
.event.cnt2{width:calc((100% / 7) * 2) }
.event.cnt3{width:calc((100% / 7) * 3) }
.event.cnt4{width:calc((100% / 7) * 4) }
.event.cnt5{width:calc((100% / 7) * 5) }
.event.cnt6{width:calc((100% / 7) * 6) }
.event.cnt7{width:calc((100% / 7) * 7) }

.event.day1{left:calc((100% / 7) * 0)}
.event.day2{left:calc((100% / 7) * 1)}
.event.day3{left:calc((100% / 7) * 2)}
.event.day4{left:calc((100% / 7) * 3)}
.event.day5{left:calc((100% / 7) * 4)}
.event.day6{left:calc((100% / 7) * 5)}
.event.day7{left:calc((100% / 7) * 6)}
/* 월별 E */