/* ================================
   Fixed Bottom Consult (Brand: #765442)
   HTML 기준: #ftQform / name,tel,consult_type,i_agree
   ================================ */

/* 전체 바: 기본 배경 */
.fix-consult{
  position: fixed; left:0; right:0; bottom:0; z-index:9998;
  background:#7d7a7b; /* 기본색 */
  display:block;
  font-family: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

/* 좌측 50% 미만 덮개 + 우측 경계 대각선(사다리꼴) */
.fix-consult::before{
  content:"";
  position:absolute; top:0; left:0; bottom:0;
  width:48%;                         /* 50% 미만 */
  background:#ebb84b;                /* 짙은 톤 */
  pointer-events:none; z-index:0;
  clip-path: polygon(0% 0%, 100% 0%, 88% 100%, 0% 100%); /* 우측 대각 경계 */
}

/* 내부 래퍼(콘텐츠 레이어) */
.fix-consult__wrap{
  position:relative; z-index:1;
  max-width:1600px; width:90%; margin:0 auto; padding:14px 0;
  display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center;
}

/* 좌측 링크 */
.fix-consult__links{ display:flex; align-items:center; gap: clamp(20px, 2.6vw, 50px); }
.fix-consult__call, .fix-consult__kakao{
  color:#fff; text-decoration:none; font-weight:700;
  font-size: clamp(16px, 1.46vw, 28px);
  display:flex; align-items:center;
}
.fix-consult__call{
  position:relative; padding-right: clamp(20px, 2.6vw, 50px); flex-direction: column;
}
.fix-consult__call::after{
  content:""; position:absolute; top:50%; right:0; transform:translateY(-50%);
  width:1px; height:25px; background: rgba(255,255,255,.65);
}
.fix-consult__call span{
  display:flex; align-items:center; gap:10px;
  font-size: clamp(14px, 0.83vw, 16px); font-weight:400; opacity:.95; margin-bottom:10px;
}
.fix-consult__call span::before{
  content:""; display:block;
  width: clamp(12px, .94vw, 18px); height: clamp(12px, .94vw, 18px);
  background: url(./img/call_icon_full.svg) center/cover no-repeat;
}
.fix-consult__kakao::before{
  content:""; display:block; margin-right:10px;
  width: clamp(30px, 2.4vw, 46px); height: clamp(27px, 2.19vw, 42px);
  background: url(./img/kakao_icon_full.svg) center/cover no-repeat;
}

/* 우측 폼 컨테이너 */
.fix-consult__right{ position:relative; z-index:1; }

/* === 폼 레이아웃: Grid ===
   name | tel | select | agree | button (5열)
   좁아지면 단계적으로 4열→3열→1열 */
#ftQform{
  display:grid;
  grid-template-columns: auto auto auto auto auto;
  gap: 10px 16px;
  align-items:center;
}

/* 인풋 공통 */
.fix-consult__input{
	height:45px !important;
  font-size: clamp(14px, 0.89vw, 17px);
  padding: clamp(10px, 0.78vw, 15px);
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.2);
  background:#fff; color:#0e1114;
  outline:none;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.fix-consult__input::placeholder{ color:#9099a3; }

/* 각 필드 폭 (너무 넓지 않게) */
#ftQform #name{ width: clamp(110px, 9vw, 170px); }
#ftQform #tel { width: clamp(130px, 11vw, 210px); }

/* 포커스 */
.fix-consult__input:focus{
  border-color: #d8c6bb;
  box-shadow: 0 0 0 4px rgba(118,84,66,.18);
}


/* 셀렉트 */
.fix-consult__select{
  font-size: clamp(14px, 0.89vw, 17px);
  padding: clamp(10px, 0.78vw, 15px);
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.2);
  background:#fff; color:#0e1114;
  outline:none;
  width: clamp(180px, 14.8vw, 260px);
  appearance:none; -webkit-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, #98a6b6 50%),
    linear-gradient(-45deg, transparent 50%, #98a6b6 50%),
    linear-gradient(to right, #dfe5ec, #dfe5ec);
  background-position:
    calc(100% - 16px) 52%,
    calc(100% - 10px) 52%,
    calc(100% - 32px) 50%;
  background-size: 6px 6px, 6px 6px, 1px 24px;
  background-repeat: no-repeat;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.fix-consult__select:focus{
  border-color:#d8c6bb;
  box-shadow: 0 0 0 4px rgba(118,84,66,.18);
}



/* 컨트롤 키우기 */
.fix-consult__input,
.fix-consult__select{
  font-size: clamp(16px, 1.05vw, 18px);
  padding: 16px 18px;           /* 높이 ↑ */
  line-height: 1.4;             /* 가독성 */
  border-radius: 10px;          /* 둥글림 조금 ↑ */
}

/* ===== 동의 체크: 문구는 다음 줄 ===== */
.fix-consult__agree{
  display:flex;
  align-items:center;
  gap:6px;
  color:#fff; font-weight:400; font-size:14px;
  white-space:normal;          /* 줄바꿈 허용 */
}
.fix-consult__agree input[type="checkbox"]{
  position:absolute; opacity:0; pointer-events:none;
}
.fix-consult__check{
  width:24px; height:24px; border-radius:6px; background:#fff; display:inline-block;
  border:1px solid rgba(255,255,255,.2);
  background-position:center; background-repeat:no-repeat; background-size: 18px 15px;
}
.fix-consult__agree input[type="checkbox"]:checked + .fix-consult__check{
  background-image: url(./img/check_icon_b.svg);
}
.fix-consult__agree em{
  display:block; font-style:normal; line-height:1.3;
}

/* 제출 버튼 */
.fix-consult__btn{
  font-size: clamp(16px, 1.04vw, 20px);
  color:#fff;
  background: linear-gradient(180deg, #765442, #5d4335);
  width: clamp(120px, 9vw, 190px);
  text-align:center; padding:13px 0;
  border-radius:8px; border:0; margin-left:0;
  box-shadow: 0 6px 14px rgba(118,84,66,.28);
  cursor:pointer;
  transition: filter .15s ease, transform .08s ease, box-shadow .15s ease;
  justify-self:end;               /* 그리드에서 오른쪽 정렬 */
}
.fix-consult__btn:hover{ filter: brightness(1.05); box-shadow: 0 10px 18px rgba(118,84,66,.32); }
.fix-consult__btn:active{ transform: translateY(1px); }

/* 키보드 포커스 */
.fix-consult__btn:focus-visible,
.fix-consult__input:focus-visible,
.fix-consult__select:focus-visible{
  outline:none; box-shadow:0 0 0 4px rgba(118,84,66,.22);
}

/* ===== 반응형 단계 ===== */

/* 1440px↓ : 열 4개 (name | tel | select | agree) + 버튼은 마지막 열 */
@media (max-width:1440px){
  #ftQform{
    grid-template-columns: auto auto auto auto;
  }
  .fix-consult__btn{ grid-column: 4 / 5; }
}


/* 1080px↓ : 바 자체 숨김(원 정책 유지). 필요 없으면 삭제 */
@media (max-width:1080px){
  .fix-consult{ display:none !important; }
}