@import'../../../common/css/style.scss';
@import'../../../common/css/common.scss';
.container {
    @extend .publicContainer;
    justify-content: center;
}
.employContent {
    width: $screenWidth;
    height: $screenWidth;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.listUl {
    width: $screenWidth;
    height: $screenWidth;
    padding-top: 10px;
}
.content, .item {
    width: 386px;
    height: 400px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.item, .itemEmploy {
    width: $screenWidth;
}
.itemEmploy {
    height: 120px;
}
.titBox {
    width: 386px;
    height: 82px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.dateTimeTxt {
    color: $subTextColor;
}
.listLi {
    width: 366px;
    height: 120px;
    border-radius: 12px;
    background-color: #282828;
    margin-bottom: 10px;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
}
.courseTime {
    font-size: $subTextFontSize;
    color: $apnsTextColor;
}
.courseNameBox {
    width: 326px;
    height: 44px;
    background-color: transparent;
}
.courseName {
    width: 326px;
    height: 44px;
    text-overflow: ellipsis;
    font-size: $subTextFontSize;
}

.employIcon {
    width: 61px;
    height: 74px;
    margin-bottom: 33px;
}

.employTxt {
    font-size: $subTextFontSize;
    height: 44px;
}