.container { display: flex; width: 300px; height: 100%; .mat-tab-group { display: flex; flex-direction: row; } } .left-side-tabs-body { position: relative; height: 100%; div[id^='tabs'] { height: 100%; width: 100%; position: relative; } .left-side-tabs-contents { height: 100%; width: 100%; position: relative; } } //다이얼로그 창과 구분 .organization-side { flex-direction: column; height: 100%; }