@charset "UTF-8";
/* ============================================================
   SURGINUS — 문의 페이지 (INQUIRY) 데스크톱 스타일
   ※ @media 는 m.inquiry.css 에 작성한다.
   ============================================================ */

/* ── hero ───────────────────────────────────────────────── */
.qhero {
    position: relative;
    height: 1080px;
    overflow: hidden;
}
.qhero__bg { position: absolute; inset: 0; }
.qhero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    opacity: .44;
}
.qhero .container { position: relative; height: 100%; width: var(--w-header); }
.qhero__title {
    position: absolute;
    left: 1px;
    top: 776px;
    font-size: 60px;
    font-weight: 500;
    line-height: 1.2;
}

/* ── form 영역 ──────────────────────────────────────────── */
.qform { padding-top: 150px; padding-bottom: 180px; }
.qform__inner { display: flex; }

/* 왼쪽 안내 */
.qform__intro { width: 440px; flex: none; }
.qform__title { font-size: 50px; font-weight: 500; line-height: 50px; }
.qform__desc { margin-top: 27px; font-size: 20px; line-height: 30px; }

/* 오른쪽 폼 */
.qform__form { width: 735px; margin-left: 45px; }

.qfield + .qfield { margin-top: 55px; }
.qfield__label {
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}
.qfield__req { color: #c8162e; }

.qfield__input {
    display: block;
    width: 100%;
    height: 67px;
    margin-top: 9px;
    padding: 20px;
    background: #f8f8f8;
    border: 1px solid #dadada;
    border-radius: 6px;
    font-family: inherit;
    font-stretch: inherit;
    font-size: 18px;
    line-height: 27px;
    color: #000;
    transition: border-color .2s, background-color .2s;
}
.qfield__input::placeholder { color: #848484; opacity: 1; }
.qfield__input:focus {
    outline: none;
    background: #fff;
    border-color: var(--c-navy);
}
.qfield__input--area { height: 260px; resize: none; }   /* 시안에 리사이즈 핸들이 없다 */

/* 개인정보 수집 동의 */
.qagree { display: flex; align-items: center; margin-top: 20px; }
.qagree__check {
    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 1px solid #000;
    border-radius: 0;
    accent-color: var(--c-navy);
    cursor: pointer;
}
.qagree__label { margin-left: 6px; font-size: 16px; line-height: 27px; cursor: pointer; }
.qagree__link {
    margin-left: 8px;
    font-size: 16px;
    line-height: 27px;
    color: #a3a3a3;
    text-decoration: underline;
}
.qagree__link:hover { color: var(--c-navy); }

/* 전송 버튼 */
.qsend {
    display: block;
    width: 198px;
    height: 67px;
    margin-top: 50px;
    border-radius: 33.5px;
    background: var(--c-navy);
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    transition: background-color .2s, transform .2s;
}
.qsend:hover { background: #33507f; transform: translateY(-2px); }
.qsend:disabled { background: #8a97ae; transform: none; cursor: default; }

/* 스팸 봇용 허니팟 — display:none 은 일부 봇이 건너뛰므로 화면 밖으로 밀어낸다 */
.qhoney { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* 전송 결과 안내 — 버튼 아래에 둬야 문구가 떠도 버튼 위치가 안 흔들린다 */
.qform__msg { margin-top: 18px; font-size: 16px; line-height: 27px; }
.qform__msg:empty  { margin: 0; }
.qform__msg.is-ok  { color: var(--c-navy); }
.qform__msg.is-err { color: #d0342c; }

/* 폼 아래 여백은 섹션 padding 으로 잡으므로 푸터 기본 여백은 해제한다 */
.qform + .footer { margin-top: 0; }