.header_search_panel { max-height: min(70vh, 540px); overflow-y: auto; box-sizing: border-box; text-align: left; color: #333; }
.header_search_panel .header_search_section { padding: 8px 0; }
.header_search_panel .header_search_heading { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; font-size: 14px; }
.header_search_panel button { border: 0; background: transparent; font: inherit; cursor: pointer; color: inherit; }
.header_search_panel .header_search_keyword { display: block; width: 100%; text-align: left; line-height: 1.5; overflow-wrap: anywhere; }
.header_search_panel .header_search_autocomplete_list,
.header_search_panel .header_search_autocomplete_list > li { display: block; width: 100%; margin: 0; padding: 0; list-style: none; box-sizing: border-box; }
.header_search_panel .header_search_autocomplete_list > li > a { display: block; width: 100%; box-sizing: border-box; color: inherit; text-decoration: none; line-height: 36px;}
.header_search_panel .header_search_recent_row:hover, .header_search_panel .header_search_keyword:focus-visible { color: #ff8939; background: #fff7f1 !important; }
.header_search_panel .header_search_recent_row { display: flex; align-items: center; }
.header_search_panel .header_search_recent_row .header_search_keyword { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; box-sizing: border-box; }
.header_search_panel .header_search_recent_word { min-width: 0; overflow-wrap: anywhere; }
.header_search_panel .header_search_recent_date { flex-shrink: 0; color: #999; font-size: 12px; font-weight: 400; white-space: nowrap; font-variant-numeric: tabular-nums; }
.header_search_panel .header_search_clock { position: relative; display: inline-block; flex: 0 0 14px; width: 14px; height: 14px; box-sizing: border-box; border: 1.5px solid #999; border-radius: 50%; }
.header_search_panel .header_search_clock::before { content: ''; position: absolute; left: 5px; top: 2px; width: 1px; height: 5px; background: #999; }
.header_search_panel .header_search_clock::after { content: ''; position: absolute; left: 5px; top: 6px; width: 4px; height: 1px; background: #999; }
.header_search_panel .header_search_remove { flex-shrink: 0; width: 40px; height: 40px; color: #888; font-size: 20px; }
.header_search_panel .header_search_clear, .header_search_panel .header_search_retry { color: #777; font-size: 16px; padding: 5px; }
.header_search_panel .header_search_retry { margin: 0 10px 10px; text-decoration: underline; }
.header_search_panel .header_search_rank { display: inline-block; width: 25px; color: #333; font-weight: 600; }
.header_search_panel .header_search_message { padding: 12px 15px; font-size: 13px; color: #888; line-height: 1.5; }
.header_search_panel .header_search_scope { padding: 0 15px 5px; font-size: 13px; color: #888; line-height: 1.5; margin: 0px;}
.header_search_panel .header_search_keyword .header_search_match { color: var(--primary-color, #ff8939); font-weight: 700; }
#mobile_header_search_input, #header_search_input, #header_search_input_mobile { color: #000; font-weight: 700; }
.header_search_panel .header_search_autocomplete_list .header_search_keyword:focus-visible,
.header_search_panel .header_search_autocomplete_list .header_search_keyword.selected { color: #000 !important; font-weight: 700 !important; }
.header_search_panel .header_search_count { margin-left: 8px; color: #999; font-size: 12px; }
.sc_Header.header_search_active { z-index: 100; }
.sc_Header form.header_search_open { position: relative; z-index: 1001; }
.header_search_panel { pointer-events: auto; }
.header_search_panel .header_search_ranking_list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.header_search_panel .header_search_ranking_list > li { min-width: 0; margin: 0; padding: 0; list-style: none; }
.header_search_panel .header_search_ranking_list .header_search_keyword { display: flex; align-items: baseline; width: 100%; box-sizing: border-box; }
.header_search_panel .header_search_ranking_list .header_search_rank { flex: 0 0 23px; }
.header_search_panel .header_search_ranking_word { min-width: 0; overflow-wrap: anywhere; }
.header_search_panel .header_search_top_rank .header_search_keyword,
.header_search_panel .header_search_top_rank .header_search_rank { color: #ff8939; font-weight: 700  }
.header_search_panel .header_search_top_rank .header_search_ranking_word { color: #000; font-weight: normal;}
@media (max-width: 767px) {
    .sc_Header .mobile-header .search-area, .sc_Header .mobile-header .search_input_wrapper { overflow: visible; }
    .sc_Header .mobile-header .header_search_panel { width: 100%; max-height: 65vh; max-height: 65dvh; overscroll-behavior-y: contain; }
}

.sc_Header .logo_box .search_box .input_search { padding-right: 88px; }
.header_search_toggle { position: absolute; top: 0; right: 44px; display: flex; align-items: center; justify-content: center; width: 32px; height: 100%; padding: 0; border: 0; background: transparent; color: #FF8939; cursor: pointer; }
.header_search_toggle::before { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid currentColor; }
.header_search_toggle[aria-expanded="true"]::before { border-top: 0; border-bottom: 6px solid currentColor; }
.header_search_toggle:focus-visible { outline: 2px solid #ff8939; outline-offset: -3px; }
.header_search_toggle::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 16px; background: #ddd; transform: translateY(-50%); pointer-events: none; }

.header_search_panel .header_search_recent_more { display: block; width: calc(100% - 30px); margin: 4px 15px 0; padding: 12px 0; border-top: 1px solid #ddd; color: #777; font-size: 13px; text-align: center; }
.header_search_panel .header_search_recent_more::after { content: ''; display: inline-block; width: 6px; height: 6px; margin-left: 8px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; vertical-align: 3px; transform: rotate(45deg); }
.header_search_panel .header_search_recent_more[aria-expanded="true"]::after { vertical-align: 0; transform: rotate(225deg); }
.header_search_panel .header_search_footer { padding: 6px 15px; border-top: 1px solid #eee; background: #fafafa; }
.header_search_panel .header_search_recent_toggle { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 0; font-size: 13px; text-align: left; }
.header_search_panel .header_search_recent_state { margin-left: auto; color: #777; }
.header_search_panel .header_search_switch { position: relative; flex: 0 0 34px; height: 20px; border-radius: 10px; background: #aaa; }
.header_search_panel .header_search_switch::after { content: ''; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; }
.header_search_panel .header_search_recent_toggle[aria-checked="true"] .header_search_switch { background: #ff8939; }
.header_search_panel .header_search_recent_toggle[aria-checked="true"] .header_search_switch::after { left: 17px; }
.header_search_panel .header_search_recent_toggle:focus-visible { outline: 2px solid #ff8939; outline-offset: 2px; }
.sc_Header .logo_box .search_box .input_search[aria-expanded="true"] { border-radius: 8px 8px 0px 0px;}
.sc_Header .search_input_wrapper .input_search[aria-expanded="true"] ~ .autocomplete_dropdown { border-top: none !important; }
#header_search_input[aria-expanded="true"] { border-bottom: 1px solid #ddd; }
.header_search_panel .header_search_autocomplete_list .header_search_keyword::before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: -3px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bbb' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E") center / contain no-repeat; }
.header_search_panel .header_search_autocomplete_list .header_search_keyword { position: relative; padding-right: 42px !important; }
.header_search_panel .header_search_autocomplete_list .header_search_keyword::after { content: ''; position: absolute; right: 15px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bbb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 18 6 6M6 15V6h9'/%3E%3C/svg%3E") center / contain no-repeat; }