/* 상단 검색 버튼 + 검색 결과 */
.site-header .gnb{margin-left:auto}
@media (min-width:1001px){.gnb>ul{gap:2px}.gnb>ul>li>a{padding:0 10px}}
.hd-search{position:relative;margin-left:16px;padding-left:16px;border-left:1px solid var(--line,#DCE4EF)}
.hd-search>summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;padding:8px 12px;border:1px solid var(--line,#DCE4EF);border-radius:22px;font-weight:700;font-size:15px;color:var(--navy,#0A2350);white-space:nowrap;user-select:none}
.hd-search>summary::-webkit-details-marker{display:none}
.hd-search>summary:hover,.hd-search[open]>summary{border-color:var(--blue,#0B5CC2);color:var(--blue,#0B5CC2)}
.hd-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.hd-sf{position:absolute;right:0;top:calc(100% + 14px);z-index:60;display:flex;gap:6px;width:360px;padding:12px;background:#fff;border:1px solid var(--line,#DCE4EF);border-top:3px solid var(--blue,#0B5CC2);border-radius:0 0 10px 10px;box-shadow:0 10px 28px rgba(10,35,80,.16)}
.hd-sf input{flex:1;min-width:0;border:1px solid #C9D6E8;border-radius:8px;padding:10px 12px;font:inherit;font-size:15px}
.hd-sf button,.srch-form button{border:0;border-radius:8px;background:var(--blue,#0B5CC2);color:#fff;font:inherit;font-weight:700;padding:0 16px;cursor:pointer}

.srch{max-width:900px}
.srch-form{display:flex;gap:8px;margin-bottom:18px}
.srch-form input{flex:1;min-width:0;border:2px solid var(--blue,#0B5CC2);border-radius:10px;padding:13px 16px;font:inherit;font-size:17px}
.srch-form button{padding:0 26px;font-size:16px}
.srch-tip,.srch-sum{color:var(--muted,#5A6882)}
.srch-tip a{color:var(--blue,#0B5CC2);font-weight:600}
.srch-sum b{color:var(--navy,#0A2350)}
.srch-none{background:var(--sky,#F1F6FC);border-radius:12px;padding:20px 22px}
.srch-none p{margin:4px 0}
.srch-h{font-size:19px;margin:30px 0 10px;padding-bottom:8px;border-bottom:2px solid var(--navy,#0A2350);color:var(--navy,#0A2350)}
.srch-h small{font-size:14px;color:var(--blue,#0B5CC2);margin-left:4px}
.srch-prod,.srch-list{list-style:none;margin:0;padding:0}
.srch-prod li,.srch-list li{border-bottom:1px solid var(--line,#DCE4EF)}
.srch-prod a,.srch-list a{display:flex;gap:16px;padding:14px 6px;text-decoration:none;color:inherit;align-items:flex-start}
.srch-prod a:hover,.srch-list a:hover{background:var(--sky,#F1F6FC)}
.srch-prod img{width:96px;height:96px;object-fit:contain;flex:none;background:#fff;border:1px solid var(--line,#DCE4EF);border-radius:8px}
.srch-prod div{min-width:0;display:flex;flex-direction:column;gap:2px}
.srch-prod small{color:var(--muted,#5A6882);font-size:13px}
.srch-prod strong,.srch-list strong{font-size:17px;color:var(--navy,#0A2350)}
.srch-prod em{font-style:normal;font-weight:500;color:var(--muted,#5A6882);font-size:14px}
.srch-list a{flex-direction:column;gap:3px}
.srch-list time{font-weight:400;font-size:13px;color:var(--muted,#5A6882);margin-left:6px}
.srch-sn{font-size:14.5px;color:#46546C;line-height:1.55}
.srch-pr{font-weight:700;color:var(--blue,#0B5CC2);font-size:15px}
.srch mark,.srch-sn mark{background:#FFE58A;color:inherit;padding:0 1px;border-radius:2px}
.srch-foot{margin-top:28px;color:var(--muted,#5A6882);font-size:14.5px}
.srch-foot a{color:var(--blue,#0B5CC2);font-weight:600}

@media (max-width:1240px) and (min-width:1001px){
  .gnb>ul>li>a{padding:0 8px;font-size:16px}
  .hd-search{margin-left:12px;padding-left:12px}
  .hd-search>summary span{display:none}
  .hd-search>summary{padding:9px 10px}
}
@media (max-width:1000px){
  .site-header .gnb{margin-left:0}
  .hd-search{order:2;margin-left:auto;margin-right:8px;padding-left:0;border-left:0;position:static}
  .site-header .menu-btn{order:3}
  .hd-search>summary{padding:8px 11px}
  .hd-search>summary span{display:none}
  .hd-sf{left:0;right:0;top:var(--head,64px);width:auto;position:fixed;border-radius:0}
}
@media (max-width:640px){
  .srch-prod img{width:72px;height:72px}
  .srch-form input{font-size:16px}
  .hd-sf input{font-size:16px}
}
@media print{.hd-search{display:none}}