@charset "UTF-8";

/* 검색엔진 연동으로 추가된 요소 (퍼블리싱 search.css 보완) */

/* hidden 속성이 display 규칙에 덮이지 않게 */
.search-page [hidden] {
    display: none !important;
}

/* 검색어 자동완성 */
.search-page #integrated-search {
    position: relative;
}

.search-page .search-autocomplete {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 5;
    max-height: 320px;
    overflow-y: auto;
    list-style: none;
    padding: 8px 0;
    background: var(--bg-light);
    border: 1px solid var(--brd-color);
    border-radius: var(--radius-md);
    box-shadow: 0 12px 24px rgba(21, 68, 146, .16);
    color: var(--brand-gray-900);
}

.search-page .search-autocomplete li {
    padding: 10px 24px;
    font-size: var(--fz-body-sm);
    cursor: pointer;
}

.search-page .search-autocomplete li:hover,
.search-page .search-autocomplete li.is-active {
    background: var(--brand-primary-100);
}

/* 최근 검색어 */
.search-page #search-history li > a {
    min-width: 0;
    flex: 1;
    overflow-wrap: anywhere;
}

.search-page .search-history-del {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-supporting-700);
}

.search-page .search-history-empty {
    color: var(--brand-supporting-700);
}