.video-js .vjs-overlay {
    display: none;
    color: #fff;
    position: absolute;
    text-align: center;
    transition: all 0.5s;
}
.video-js .vjs-overlay h1.title {
    font-size: 1.2rem;
}
.video-js .vjs-overlay-no-background {
    max-width: 33%;
}
.video-js .vjs-overlay-background {
    /* background-color: #363636; */
    background-color: rgba(54, 54, 54, 0.4);
    border-radius: 3px;
    /* padding: 10px; */
    width: 30%;
    text-align: left;
    z-index: 1;
}
.video-js .vjs-overlay-background .title {
    font-family: "yg-jalnan", "Noto Sans KR", sans-serif, serif;
}
.video-js .vjs-overlay-background .title,
.video-js .vjs-overlay-background .subtitle {
    color: #fff !important;
}
.video-js .vjs-overlay-top-left {
    top: 5px;
    left: 5px;
}
.video-js .vjs-overlay-top {
    left: 50%;
    margin-left: -16.5%;
    top: 5px;
}
.video-js .vjs-overlay-top-right {
    right: 5px;
    top: 5px;
}
.video-js .vjs-overlay-right {
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.video-js .vjs-overlay-bottom-right {
    bottom: 3.5em;
    right: 5px;
}
.video-js .vjs-overlay-bottom {
    bottom: 3.5em;
    left: 50%;
    margin-left: -16.5%;
}
.video-js .vjs-overlay-bottom-left {
    bottom: 3.5em;
    left: 5px;
}
.video-js .vjs-overlay-left {
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.video-js .vjs-overlay-center {
    left: 50%;
    margin-left: -16.5%;
    top: 50%;
    transform: translateY(-50%);
}
.video-js .vjs-no-flex .vjs-overlay-left,
.video-js .vjs-no-flex .vjs-overlay-center,
.video-js .vjs-no-flex .vjs-overlay-right {
    margin-top: -15px;
}