.milestone-layer{
    overflow: hidden;
    margin-top: -60px;
    height: calc(100vh - 130px);
}
.milestone-container{
    background-color: white;
    position:absolute;
    overflow:hidden;
    z-index:300;
    width: calc(100% - 700px);
    right: 0px;
    height: calc(100vh - 180px);
    border: solid 1px #dddddd;
}
.milestone-task{
    
    position:absolute;
    overflow-y:auto;
    z-index:200;
    width:800px;
    height: calc(100vh - 180px);
}
.milestone-task table{

    width: 100%;
}
.milestone-task table tr{
    height: 38px !important;
}
.milestone-task table td{
    padding: 0px;
    height: 38px !important;
    vertical-align: middle;
    overflow: hidden;
}
.gantt-container{
    height: calc(100vh - 180px);
}
#milestone{
    position:absolute;
    margin-left: 8px;
}
.milestone-wrap{
    background-color: white;
    overflow: auto;
    z-index:300;
    width: 100%;
    height: 600px;
}


/* 스크롤바의 폭 너비 */
.gantt-container::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.gantt-container::-webkit-scrollbar-thumb {
    background: rgba(123, 123, 123, 1); /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.gantt-container::-webkit-scrollbar-track {
    background: rgba(53, 53, 53, 0.5); /*스크롤바 뒷 배경 색상*/
}