.dropdown-button {
    background-color: transparent; /* 배경 투명 */
    padding: 8px;
    font-size: 15px;
    border: none;
    color: white; /* 글자색 하얀색 */
    text-align: right; /* 버튼 내부의 텍스트를 오른쪽 정렬 */
}

.dropdown {
    position: absolute; /* 절대 위치 */
    right: 0; /* 화면의 오른쪽 끝에 위치 */
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: transparent; /* 배경 투명 */
    min-width: 75px;
    padding: 5px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0; /* 드롭다운 내용을 오른쪽에 정렬 */
    text-align: right; /* 드롭다운 내용의 텍스트를 오른쪽 정렬 */
}

.dropdown-content a {
    color: white; /* 드롭다운 항목의 글자색 하얀색 */
    padding: 8px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover { 
    background-color: #CD853F; 
}

.dropdown:hover .dropdown-content { 
    display: block; 
}

.dropdown:hover .dropdown-button { 
    background-color: transparent; 
}

.rounded-text {
    background-color: green;  /* 배경색 */
    color: white;             /* 글자색 */
    padding: 1px 5px;        /* 상하, 좌우 패딩 */
    border-radius: 5px;       /* 라운드 모양의 테두리 */
    font-size: small;         /* 글자 크기 */
}

.rounded2-text {
    background-color: red;  /* 배경색 */
    color: white;             /* 글자색 */
    padding: 1px 5px;        /* 상하, 좌우 패딩 */
    border-radius: 5px;       /* 라운드 모양의 테두리 */
    font-size: small;         /* 글자 크기 */
}

.rounded3-text {
    background-color: blue;  /* 배경색 */
    color: white;             /* 글자색 */
    padding: 1px 5px;        /* 상하, 좌우 패딩 */
    border-radius: 5px;       /* 라운드 모양의 테두리 */
    font-size: small;         /* 글자 크기 */
}

.item-container {
    display: flex;
    align-items: center;
    gap: 10px; /* 조정 가능 */
}

.item-image {
    width: 50px; /* 이미지의 고정 가로 크기 */
    height: 50px; /* 이미지의 고정 세로 크기 */
}

.item-content {
    flex-grow: 1; /* 남은 공간을 채움 */
}

#loading {
    position: fixed;
    bottom: 50%; /* 화면 하단에서 20px 위에 위치 */
    left: 50%; /* 화면 중앙에 위치 */
    transform: translateX(-50%); /* 가로 중앙 정렬 */
    z-index: 1000; /* 다른 요소들 위에 표시 */
    display: none; /* 기본적으로 숨김 */
}