body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: #FFFFFF;
}

.main-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 0;
}

.main1-img {
    width: 100vw;
    margin: 0;
}

.button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 0px solid #ccc;
}

.button-container img {
    width: 50%; /* 버튼 이미지의 반응형 크기 (화면의 50%씩 분할) */
    height: auto;
    cursor: pointer;
    transition: all 0.3s ease;
}

.content {
    display: none;
    margin: 0;
    padding: 0;
}

.content img {
    width: 100%; /* 콘텐츠 이미지는 화면에 꽉 차게 설정 */
    height: auto;
    max-width: 100%; /* 콘텐츠 이미지가 디바이스 화면 크기를 넘지 않도록 설정 */
    margin: 0;
    padding: 0;
}

.content.active {
    display: block;
    margin: 0;
}