.search-box {
    position: relative; /* ✅ dropdown 기준점 = input 박스 */
    width: 320px; /* input 폭과 동일하게 */
}

    .search-box input {
        width: 100%;
    }

    .search-box .search-history {
        position: absolute;
        top: 100%;
        left: 0; /* ✅ input 왼쪽에 딱 붙음 */
        width: 100%; /* ✅ input 폭과 동일 */
    }


.search-history {
    color: #111827; /* 🔥 기본 텍스트 색 명시 */
    position: absolute;
    /*top: calc(100% + 6px); */
    top: 100%;
    /*left: 0; */
    left: 0;
    width: 320px; /* 320px;필요 시 조정 */
    max-height: 420px;
    overflow-y: auto;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.12);
    z-index: 9999;
    padding: 6px;
    pointer-events: auto; /* 혹시 none이면 강제 복구 */
}

    .search-history.hidden {
        display: none;
    }

    .search-history .hist-item {
        height: 24px; /* 🔥 고정 높이 */
        padding: 0 8px;
        line-height: 24px; /* 수직 중앙 정렬 */
        font-size: 12px;
    }

        .search-history .hist-item.active {
            background: #e0e7ff;
        }

        .search-history .hist-item:hover {
            background: #f3f4f6;
        }

    .search-history .hist-del {
        border: none;
        background: none;
        cursor: pointer;
        color: #9ca3af;
        font-size: 12px;
    }

        .search-history .hist-del:hover {
            color: #ef4444;
        }