@charset "UTF-8";
/* [2026-10-29] 헤더 통합검색 레이어(.Search-ShowBox1) 음성 검색어 입력 버튼 — 통합검색 화면(.ais)은 ai_search.css 에 따로 있다.
   순서: 입력칸 · 지우기 · 검색(돋보기 .a-go1) · 마이크(맨 오른쪽). 돋보기가 오른쪽 absolute(right:12px)라 마이크를 그 자리에 두고,
   마이크가 보일 때만(:has) 돋보기를 왼쪽으로 옮기고 입력칸 오른쪽 여백을 늘린다 — 마이크가 숨겨지면(http 등) 원래 배치 그대로.
   듣는 중이면 빨간 정지 + 깜빡임 */
.Search-ShowBox1 .Search-input01:has(.ais-mic-btn:not([hidden])){padding-right:106px}
.Search-ShowBox1 .Search-input01:has(.ais-mic-btn:not([hidden])) .a-go1{right:56px}
.Search-ShowBox1 .Search-input01 .ais-mic-btn{position:absolute; top:0; bottom:0; right:12px; margin:auto;
  width:36px; height:36px; padding:0; border:0; border-radius:50%;
  font-size:0; overflow:hidden; text-indent:-9999px; cursor:pointer;
  background:#eef3fd url(/images/front/aisearch/ic_search_mic.png) center center / 20px 20px no-repeat}
.Search-ShowBox1 .Search-input01 .ais-mic-btn:hover{background-color:#dfe8fb}
.Search-ShowBox1 .Search-input01 .ais-mic-btn:focus-visible{outline:2px solid #283f87; outline-offset:2px}
.Search-ShowBox1 .Search-input01 .ais-mic-btn.on{background:#e5484d url(/images/common/ic_stop.png) center center / 14px 14px no-repeat;
  animation:aisHdMicPulse 1.2s ease-in-out infinite}
.Search-ShowBox1 .Search-input01 .ais-mic-btn.wait{background-color:#d9dde5; cursor:default}
.Search-ShowBox1 .Search-input01 .ais-mic-btn[hidden]{display:none}
@keyframes aisHdMicPulse{0%,100%{box-shadow:0 0 0 0 rgba(229,72,77,.45)} 50%{box-shadow:0 0 0 7px rgba(229,72,77,0)}}
@media (prefers-reduced-motion:reduce){ .Search-ShowBox1 .Search-input01 .ais-mic-btn.on{animation:none} }
.Search-ShowBox1 .ais-mic-msg{margin:-5px 20px 15px; font-size:15px; color:#283f87}
@media (max-width:767px){
  .Search-ShowBox1 .Search-input01 .ais-mic-btn{width:32px; height:32px; right:10px}
  .Search-ShowBox1 .Search-input01:has(.ais-mic-btn:not([hidden])){padding-right:96px}
  .Search-ShowBox1 .Search-input01:has(.ais-mic-btn:not([hidden])) .a-go1{right:48px}
  .Search-ShowBox1 .ais-mic-msg{margin:-5px 10px 12px; font-size:14px}
}