.toggle-content {
    display: none;
}

.toggle-content.active {
    display: block;
}

.toggle-btn {
    width: 32px;
    height: 32px;
    margin: 8px;
    border: none;
    background-size: contain;    /* 이미지를 버튼 크기에 맞게 조절 */
    background-repeat: no-repeat; /* 이미지 반복 방지 */
    background-position: center;  /* 이미지를 중앙에 위치 */
    cursor: pointer;             /* 마우스 오버시 포인터 표시 */
    padding: 0;                  /* 기본 패딩 제거 */
    display: inline-block;       /* img 태그처럼 인라인-블록 요소로 표시 */
}

.toggle-btn.active {
}

.toggle-btn1 {
    background-image: url('1.png');
}

.toggle-btn2 {
    background-image: url('2.png');
}

.toggle-btn3 {
    background-image: url('3.png');
}