.longer-text-skip-5vw {
    width: 5vw;             /* 요소의 너비를 뷰포트 너비의 5%로 설정 */
    white-space: nowrap;     /* 텍스트가 줄바꿈되지 않도록 설정 */
    overflow: hidden;        /* 내용이 요소의 크기를 초과할 경우 내용을 숨김 */
    text-overflow: ellipsis; /* 텍스트가 오버플로우될 때 끝에 말줄임표(...)를 추가 */
}

.longer-text-skip-10vw {
    width: 10vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.longer-text-skip-15vw {
    width: 15vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.longer-text-skip-20vw {
    width: 20vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.longer-text-skip-30vw {
    width: 30vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.longer-text-skip-40vw {
    width: 40vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.longer-text-skip-50vw {
    width: 50vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}