/* ===================================================
&#128293; 상담신청 폼 최종 완성
&#10004; PC 1줄 유지
&#10004; 모바일 가독성 개선 (개인정보 동의 구조 변경)
=================================================== */


/* ===================================================
&#128313; 전체 영역
=================================================== */
.fm-skin{
  max-width:1280px;
  margin:0 auto;
  padding:10px;
}


/* ===================================================
&#128313; 카드 박스
=================================================== */
.fm-card{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px;


  background:#f3f4f6;
  border:1px solid #ddd;
  border-radius:14px;
  padding:15px;
}


/* ===================================================
&#128313; 타이틀
=================================================== */
.fm-titlebar{
  width:100%;
  text-align:center;
  margin-bottom:10px;
}


.fm-title{
  font-size:18px;
  font-weight:800;
}


/* ===================================================
&#128313; 필드 구조
=================================================== */
.fm-field{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:8px;
  min-width:0;
}


/* 라벨 */
.fm-label{
  white-space:nowrap;
  font-size:13px;
  font-weight:700;
  flex-shrink:0;
}


/* ===================================================
&#128313; 비율
=================================================== */
.fm-field:nth-child(2){ flex:0.8; }
.fm-field:nth-child(3){ flex:1.5; }
.fm-field:nth-child(4){ flex:2.5; }


/* ===================================================
&#128313; 입력 공통 (디자인 포함)
=================================================== */
.fm-input,
.fm-num,
.fm-textarea{
  border-radius:10px;
  border:2px solid #cbd5e1;
  background:#f9fafb;
  font-size:14px;
  color:#111;
  box-sizing:border-box;
}


/* input */
.fm-input,
.fm-num{
  height:40px;
  padding:0 10px;
}


.fm-input{
  flex:1;
  width:100%;
}


/* 포커스 */
.fm-input:focus,
.fm-num:focus,
.fm-textarea:focus{
  border-color:#0c1c5a;
  background:#fff;
  box-shadow:0 0 0 3px rgba(12,28,90,0.15);
  outline:none;
}


/* ===================================================
&#128313; 전화번호
=================================================== */
.fm-phone{
  display:flex;
  align-items:center;
  gap:5px;
  flex:1;
}


.fm-num{
  width:70px;
  text-align:center;
}


.fm-phone span{
  font-weight:700;
  color:#555;
}


/* ===================================================
&#128313; 개인정보 텍스트 (PC는 한줄 유지)
=================================================== */
.fm-textarea{
  flex:1;
  width:100%;
  height:40px;
  padding:5px 10px;


  font-size:11px;


  white-space:normal;
  overflow-y:auto;
  overflow-x:hidden;
}


/* 체크 */
.fm-check{
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:5px;
  flex-shrink:0;
}


.fm-check input{
  width:20px;
  height:20px;
}


.fm-check span{
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}


/* ===================================================
&#128313; 버튼
=================================================== */
.fm-submit{
  width:100%;
  height:45px;
  border:none;
  border-radius:10px;
  background:#0c1c5a;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  margin-top:10px;
}


/* 기본 버튼 숨김 */
table[bordercolor="#E5E5E5"] + div[align="center"]{
  display:none !important;
}


/* ===================================================
&#128293; 반응형 (핵심 수정 포함)
=================================================== */
@media screen and (max-width:800px){


  .fm-card{
    flex-direction:column;
    align-items:stretch;
  }


  .fm-field{
    width:100%;
    flex:none !important;
  }


  .fm-input{
    width:100%;
  }


  .fm-phone{
    width:100%;
  }


  .fm-num{
    flex:1;
  }


  /* ===================================================
  &#128293; 개인정보 동의 모바일 전용 구조 변경 (핵심)
  =================================================== */
  .fm-field:nth-child(4){
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }


  .fm-textarea{
    height:auto !important;
    min-height:80px;


    white-space:normal;
    overflow:visible;
  }


  .fm-check{
    margin-left:0;
  }


  .fm-check span{
    white-space:normal;
  }


}