/* 고객센터 첫 화면 검색(help-search.js): 큰 검색 칸 하나 + 아래 연한 하늘색 자주 묻는 질문 */
.hs{position:relative;max-width:640px;margin:44px auto 0;text-align:left}
.hs-box{display:flex;align-items:center;gap:12px;height:64px;padding:0 8px 0 22px;border:1px solid #D1D6DB;border-radius:32px;background:#fff;box-shadow:0 12px 32px -14px rgba(25,31,40,.22);transition:border-color .2s,box-shadow .2s}
.hs-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(50,95,235,.12),0 12px 32px -14px rgba(25,31,40,.22)}
.hs-ic{flex:none;color:#8B95A1}
.hs-box input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font:inherit;font-size:17px;color:var(--ink);-webkit-appearance:none;appearance:none}
.hs-box input::placeholder{color:#6B7684}
.hs-box input::-webkit-search-cancel-button{display:none}
.hs-go{flex:none;height:48px;padding:0 24px;border:0;border-radius:24px;background:var(--brand);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.hs-go:hover{background:#2849C9}
.hs-go:focus-visible,.hs-chips button:focus-visible,.hs-pop a:focus-visible,.hs-pop button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* 결과 창: 목록만 스크롤, 아래 'AI에게 묻기'는 늘 보이게 */
.hs-pop{position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;display:flex;flex-direction:column;max-height:min(480px,calc(100dvh - 120px));background:#fff;border:1px solid #E5E8EB;border-radius:20px;box-shadow:0 24px 48px -16px rgba(25,31,40,.24);overflow:hidden;text-align:left}
.hs-pop[hidden]{display:none}
.hs-list{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
.hs-list[hidden]{display:none}
.hs-list a[role=option]{display:flex;flex-direction:column;gap:3px;padding:14px 22px;border-bottom:1px solid #F2F4F6;color:var(--ink);text-decoration:none}
.hs-list a[role=option]:last-child{border-bottom:0}
.hs-list a[role=option] b{font-size:15px;font-weight:400;line-height:1.5}
.hs-list a[role=option] span{font-size:12px;color:#6B7684}
.hs-list a[role=option]:hover,.hs-list a[role=option].on{background:#F2F4F6}
.hs-msg{margin:0;padding:18px 22px 6px;font-size:14px;color:#6B7684;line-height:1.6}
.hs-msg:empty{display:none}
.hs-msg a{color:var(--ink);text-decoration:underline}
.hs-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 22px;border-top:1px solid #E5E8EB;background:#fff}
.hs-foot a{font-size:13px;color:#6B7684;text-decoration:underline;text-underline-offset:3px}
.hs-ask{height:40px;padding:0 16px;border:0;border-radius:20px;background:#E8F3FF;color:#1B64DA;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.hs-ask:hover{background:#D6E8FF}
.hs-faq{margin:28px auto 0;max-width:720px}
.hs-faq>p{margin:0 0 12px;font-size:13px;color:#6B7684}
.hs-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hs-chips button{height:40px;padding:0 16px;border:0;border-radius:20px;background:#E8F3FF;color:#1B64DA;font:inherit;font-size:14px;cursor:pointer;transition:background .15s}
.hs-chips button:hover{background:#D6E8FF}
/* 결과 창이 열려 있을 땐 아래 예시 · 페과장 버튼이 창 밑으로 비치지 않게 */
.hs:has(.hs-pop:not([hidden]))+.hs-faq{visibility:hidden}
.hs-open .peg-launcher{visibility:hidden}
@media(max-width:600px){
  .hs{margin-top:32px}
  .hs-box{height:56px;padding-left:18px;gap:10px;border-radius:28px}
  .hs-box input{font-size:16px}
  .hs-go{height:42px;padding:0 18px;border-radius:21px;font-size:14px}
  .hs-list a[role=option]{padding:13px 18px}
  .hs-foot{flex-direction:column;align-items:stretch;padding:12px 14px}
  .hs-foot a{text-align:center;padding:6px 0}
  .hs-chips button{height:38px;padding:0 14px;font-size:13px}
}