.valuetouch-sidebar {
 position: fixed;
 top: 40%;
 right: 20px;
 display: flex;
 flex-direction: column;
 z-index: 9999;
}

.valuetouch-sidebar a {
 width: 70px;
 height: 70px;
 border-radius: 50%;
 background-color: #ffffff;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 transition: transform 0.2s, box-shadow 0.2s;
 position: relative;
 margin-bottom: 12px;
 text-decoration: none;
 color: #000;
 font-size: 11px;
 font-weight: 500;
 text-align: center;
}

.valuetouch-sidebar a:last-child {
 margin-bottom: 0;
}

.valuetouch-sidebar a:hover {
 transform: scale(1.1);
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.valuetouch-sidebar img {
 width: 24px;
 height: 24px;
 margin-bottom: 4px;
}

/* ✅ 각 버튼별 배경색 및 텍스트 색상 지정 */
.valuetouch-sidebar a:nth-child(1) {
 background-color: #007BFF;  /* 파랑 */
 color: #fff;
}
.valuetouch-sidebar a:nth-child(2) {
 background-color: #FFC107;  /* 진한 노랑 */
 color: #fff;
}
.valuetouch-sidebar a:nth-child(3) {
 background-color: #3BD074;  /* 초록 */
 color: #fff;
}


.sidebar {
            opacity:0.9;
            /* 화면에 고정 */
            position: fixed;
            top: 20%;
            left: 0px;

            /* 너비 및 디자인 */
            width: 100px; /* 사이드바 너비 */
            background-color: #ffffff; /* 배경색 */
            box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1); /* 그림자 효과 */

            /* 내부 아이템 정렬 */
            display: flex;
            flex-direction: column; /* 아이템을 세로로 정렬 */
            align-items: center; /* 아이템을 가로 중앙에 배치 */

            z-index: 10002;
        }

        .sidebar-nav {
            list-style: none; /* 리스트 기본 스타일(점) 제거 */
            padding: 0;
            margin: 0;
            width: 100%;
        }

        .sidebar-item {
            width: 100%;
            text-align: center; /* 텍스트 중앙 정렬 */
        }

        /* 각 아이템을 감싸는 링크(a 태그) 스타일 */
        .sidebar-link {
            display: flex; /* 내부 아이콘과 텍스트 정렬을 위해 flex 사용 */
            flex-direction: column;
            align-items: center;
            justify-content: center;

            padding: 10px 0; /* 위아래 여백 */
            width: 100%;
            text-decoration: none; /* 링크 밑줄 제거 */
            color: #333; /* 글자색 */
            transition: background-color 0.3s ease; /* 부드러운 호버 효과 */
        }

        /* 마지막 아이템을 제외하고 아래에 빨간 구분선 추가 */
        .sidebar-item:not(:last-child) .sidebar-link {
            border-bottom: 2px solid #e74c3c;
        }

        /* 마우스를 올렸을 때 배경색 변경 */
        .sidebar-link:hover {
            background-color: #f8f9fa;
        }

        .sidebar-icon {
            width: 60%;  /* 아이콘 이미지 너비 */
            height: 100%; /* 아이콘 이미지 높이 */

            transform: scale(1.5);
            transition: transform 0.2s ease-in-out;
        }

        .sidebar-text {
            font-size: 16px; /* 글자 크기 */
            font-weight: bold; /* 글자 굵기 */
            line-height: 1.4; /* 줄 간격 */
        }