@media screen and (max-width:550px){
    body { padding: 12vw 0 0 0; }
    .logo img { width: 57vw; }
    h1 { font-size: 5vw; }
    #search { margin-top: 3vw; width: 84.2vw; margin-left: auto; margin-right: auto; }
    #lawfirmName { height: 11vw; font-size: 3.5vw; padding: 1vw 3vw; }
    #search button { flex: 0 0 18vw; height: 11vw; font-size: 3.5vw; }
    .logo p { font-size: 1.92vw; }
    .ment { font-size: 2.5vw; margin-top: 5vw; margin-bottom: 4vw; }
    .qna { width: 75vw; border-radius: 5vw; margin-top: 5vw; padding: 5.81vw 4.6vw; }
    .qna li { font-size: 2.69vw; line-height: 5vw; margin-top: 3vw; }
    .qna li h3 { font-size: 2.69vw; }
    h2 { font-size: 3.18vw; line-height: 1.7; }
    .s { font-size: 3.18vw; line-height: 1.7; }
    #suggestions li { font-size: 2.31vw; line-height: 3.85vw; }
    #suggestions { width: 84.2vw; margin: 0 auto; }
    #result { width: 84.2vw; font-size: 3vw; margin-top: 6vw; border-radius: 8px; }
    #result h3 { flex: 0 0 16vw; font-size: 2.8vw; padding: 2vw 2.5vw; }
    #result p { font-size: 2.8vw; padding: 2vw 2.5vw; }
    #result > p { font-size: 2.8vw; padding: 3vw; }
    .baseLayout { width: 75vw; padding: 0 4.6vw; }

    /* ── 로고 (상단) ── */
    .com div img { width: 48vw !important; max-width: none !important; }

    /* ── 푸터 ── */
    footer { padding-bottom: 8vw; }
    footer .baseLayout > div { padding: 28px 0 20px 0 !important; gap: 20px !important; }
    footer .baseLayout > div > div:first-child { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
    footer img { width: 110px !important; height: auto !important; }
    footer .baseLayout > div > div:first-child > div:first-child div { white-space: normal !important; }
    footer .baseLayout > div > div:nth-child(2) { flex-wrap: wrap !important; gap: 16px 20px !important; white-space: normal !important; font-size: 12px !important; }
    footer .baseLayout > div > div:nth-child(2) button { font-size: 12px !important; white-space: normal !important; }
    footer > div > div:last-child { flex-direction: column !important; gap: 4px !important; }
    footer p[style] { font-size: 11px !important; }
}
