@charset "UTF-8";
/* ============================================================
   SURGINUS — 문의 페이지 반응형 전용
   시안은 PC 1920 만 있어 태블릿 이하 구성은 이 파일에서 정의한다.
   브레이크포인트: 1680 / 1300 / 1024 / 768 / 480
   ============================================================ */

/* ── ≤1680 : 히어로 컨테이너를 화면에 맞춘다 ── */
@media (max-width: 1680px) {
    .qhero .container { width: calc(100% - 80px); }
}

/* ── ≤1300 : 본문 폭(1220) 유동 — 좌우 비율을 유지한다 ── */
@media (max-width: 1300px) {
    .qhero__title { font-size: 48px; }

    .qform__intro { width: 36%; }
    .qform__form { width: 60.2%; margin-left: 3.8%; }
}

/* ── ≤1024 : 태블릿 — 안내문을 폼 위로 올린다 ── */
@media (max-width: 1024px) {
    .qhero { height: 100vh; min-height: 620px; max-height: 1080px; }
    .qhero__title { top: auto; bottom: 120px; font-size: 34px; }

    .qform { padding-top: 100px; padding-bottom: 110px; }
    .qform__inner { display: block; }
    .qform__intro { width: 100%; }
    .qform__title { font-size: 38px; line-height: 44px; }
    .qform__desc { margin-top: 18px; font-size: 18px; line-height: 28px; }
    /* 시안의 4줄 강제 개행은 좁은 폭에서 어색하므로 자연스럽게 흐르게 둔다 */
    .qform__desc br { display: none; }

    .qform__form { width: 100%; margin: 46px 0 0; }
    .qfield + .qfield { margin-top: 34px; }
    .qfield__label { font-size: 18px; line-height: 28px; }
    .qfield__input { height: 60px; padding: 16px 18px; font-size: 16px; }
    .qfield__input--area { height: 220px; }
    .qsend { margin-top: 40px; }
}

/* ── ≤768 : 모바일 ── */
@media (max-width: 768px) {
    .qhero .container { width: calc(100% - 40px); }
    .qhero__title { bottom: 80px; font-size: 24px; }

    .qform { padding-top: 70px; padding-bottom: 70px; }
    .qform__title { font-size: 28px; line-height: 34px; }
    .qform__desc { margin-top: 14px; font-size: 15px; line-height: 24px; }

    .qform__form { margin-top: 32px; }
    .qfield + .qfield { margin-top: 24px; }
    .qfield__label { font-size: 16px; line-height: 26px; }
    .qfield__input { height: 54px; padding: 14px 16px; font-size: 15px; }
    .qfield__input--area { height: 180px; }

    /* 동의 문구가 한 줄에 안 들어가면 링크가 자연스럽게 다음 줄로 넘어가게 둔다 */
    .qagree { flex-wrap: wrap; align-items: flex-start; margin-top: 18px; }
    .qagree__check { margin-top: 3px; }
    .qagree__label { font-size: 14px; line-height: 22px; width: calc(100% - 30px); margin-left: 10px; }
    .qagree__link { font-size: 14px; line-height: 22px; margin-left: auto; margin-top: 14px; }

    .qsend { width: 176px; height: 58px; margin-top: 30px; border-radius: 29px; font-size: 16px; }
}

/* ── ≤480 : 소형 모바일 ── */
@media (max-width: 480px) {
    .qhero__title { font-size: 20px; }
    .qform__title { font-size: 24px; }
    .qfield__input { font-size: 14px; }
    .qfield__input::placeholder { font-size: 14px; }
}