@import"https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&family=Noto+Sans+KR:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";

.bg {
    position: relative;
    width: 100%;
    background-image: url("https://resources.mookhonclassic.com/byWeb/images_guide/intro/intro_bg.png");
    background-size: cover;
    background-position: center
}

.content {
    margin-bottom: 36px
}

.content .img {
    width: 100%;
    height: 100%;
    margin-bottom: 25px
}

.content .img.maze {
    background-image: url("https://resources.mookhonclassic.com/byWeb/images_guide/category/maze.png");
    background-size: cover
}

.content .text {
    color: #fff;
    word-break: keep-all
}

.content .text h2 {
    font-family: "Noto Sans", "Nanum Myeongjo", sans-serif;
    font-weight: 400;
    margin-bottom: 40px
}

.content .text p {
    line-height: 28px
}

@media(max-width: 1220px) {
    .content {
        width: 100%
    }

    .content .img {
        width: 100%
    }

    .content .text {
        text-align: center
    }
}