@charset "UTF-8";

/* =============================
main
============================= */
.container {
    height: 100vh;
}

.main {
    background-image: url(../images/color_bg.png);
    background-repeat: no-repeat;
    background-size: 72.1vh auto;
    background-position: center;
    background-attachment: fixed;
    margin: 5.66vh 0 0;
    width: 100%;
    height: 86.8vh;
}

.contents {
    display: flex;
    flex-direction: column;
}

.article {
    margin: 0 10.6vw;
}

.contents__topic {
    width: 37.2%;
}

.thanks {
    position: relative;
    margin: 31.5vh auto;
    width: max-content;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.44px;
}


/* main pc */
@media screen and (min-width:769px) {
    .main {
        background-size: auto 82.7vh;
        background-position: center;
        background-attachment: fixed;
        margin: 9.32vh 0 0;
        height: auto;
    }

    .article {
        margin: 0 10.48vw;
    }

    .topic__Live {
        display: flex;
        gap: 3.86vw;
    }

    .contents__topic {
        width: 19.4vw;
    }

    .thanks {
        font-size: 2.5rem;
        letter-spacing: -0.55px;
    }

}