body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #ffffff; /* 배경색을 원하시는 색상으로 변경 가능 */
}

/* 오버레이 스타일 */
.overlay-modal {
    display: none; /* 기본적으로 숨김 */
    position: fixed; /* 화면에 고정 */
    z-index: 1000; /* 다른 요소 위에 표시 */
    left: 0;
    top: 0;
    width: 100%; /* 화면 전체 넓이 */
    height: 100%; /* 화면 전체 높이 */
    overflow: auto;
    background-color: rgba(31, 44, 89, 0.2);/*rgba(0, 0, 0, 0.5);  반투명 검정 배경 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.overlay-content {
    background-color: #ffffff;/*#fefefe;*/
    margin: auto;
    /*padding: 10px;*/
    /*border: 2px solid rgba(31, 44, 89, 1);*/
    /*border-radius: 30px;*/
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.overlay-iframe {
    background-color: none;/*#fefefe;*/
    width: 100%;
    height: 100%;
    /*border: none;*/
    /*border-radius: 20px;*/
}