.text-serif {
    font-family: 'Noto Serif KR';
}

.text-special {
    margin: 1rem 0 1rem 0;
}

.focus-box {
    width: 100%;
    background-image: var(--bg-img);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    height: 100vh;
}

.focus-box.dark {
    background-color: #000000;
}

.focus-box-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.85) 20%, rgba(0,0,0,0) 100%);
}

    .focus-box-content .content-left {
        position: absolute;
    }

.focus-box-title {
    margin: 5vh 0% 2vh 7%;
    color: #FCFCFC;
    font-weight: 700;
    font-size: max(3vw, 38px);
    font-family: 'Red Hat Text', 'Noto Sans CJK TC';
    user-select: none;
}

.focus-box-desc {
    margin: 0% 0% 8vh 7%;
    color: #ECECEC;
    font-weight: 300;
    font-size: max(1.15vw, 18px);
    user-select: none;
}