/* 기본 스타일 초기화 */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* 앱 자체의 스크롤 방지 */
}

/* iframe을 화면에 꽉 채우기 */
#site-frame {
    width: 100%;
    height: 100%;
    border: none; /* 테두리 제거 */
    display: block;
    /* 로딩 오버레이보다 뒤에 있도록 z-index 설정 */
    position: relative;
    z-index: 1;
}

/* 로딩 오버레이 스타일 */
#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff; /* 흰색 배경 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2; /* iframe보다 위에 표시 */
    transition: opacity 0.5s ease; /* 서서히 사라지는 효과 */
}

#loading-overlay p {
    font-size: 18px;
    font-family: sans-serif;
    color: #555;
}