@media screen and (min-width: 870px) {
    .top {
        position: relative;
        width: 100%;
        height: 70vh;
        overflow: hidden;
    }

    .top img {
        position: absolute;
        width: 100%;
        min-width: 1980px;
        height: auto;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        filter: blur(4px)
    }

    .top_box {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        color: #fff;
        z-index: 9;
        padding: 0 15%;
    }

    .top_title2 {
        font-size: 60px;
        font-weight: bold;
        font-family: "Pretendard-Bold";
    }

    .container_about {
        width: 100%;
        position: relative;
        margin-top: -60px;
        background-color: #fff;
        border-top-left-radius: 70px;
        border-top-right-radius: 70px;
        overflow: hidden;
    }

    .center_title {
        text-align: center;
    }

}

@media screen and (max-width: 870px) {
    .top {
        position: relative;
        width: 100%;
        height: 70vh;
        overflow: hidden;
    }

    .top img {
        position: absolute;
        width: 100%;
        min-width: 1980px;
        height: auto;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        filter: blur(5px)
    }

    .top_box {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        color: #fff;
        z-index: 9;
        padding: 0 15%;
    }

    .top_title2 {
        font-size: 30px;
        font-weight: bold;
        font-family: "Pretendard-Bold";
    }

    .container_about {
        width: 100%;
        position: relative;
        margin-top: -60px;
        background-color: #fff;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
        overflow: hidden;
    }

    .center_title {
        text-align: center;
    }

}