/* 기본 폰트 */
@font-face{
  font-family:'Pretendard';
  font-display:swap;
  src:local('Pretendard');
}
.cf-wrap{max-width:1100px;margin:0 auto;font-family:Pretendard,'Helvetica Neue',Arial,sans-serif;}

/* ── 레이아웃 ─────────────────────────────────── */
.cf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;}
.cf-col{display:flex;flex-direction:column;gap:24px;}
.cf-field{display:flex;flex-direction:column;gap:6px;}
.cf-field label{font-size:14px;}
.cf-field input,
.cf-field textarea{padding:10px 12px;border:1px solid #999;font-size:14px;line-height:1.4;border-radius:2px;}
.cf-field textarea{min-height:120px;resize:vertical;}

/* 상담 유형 체크 */
.cf-checkbox-group label{margin-right:12px;font-size:14px;}

/* 제출 버튼 */
.cf-submit{
  display:block;
  width:auto;
  margin:120px 0 0 auto;
  padding:12px 48px;
  background:#2c6dd5;
  color:#fff;
  border:none;border-radius:2px;
  font-size:16px;
  cursor:pointer;
  float:right;
}
.cf-submit:hover{background:#1d4e9f;}

/* ── SNS 플랫폼 + 직접입력 ─────────────────────── */
#cf-sns-group{
  display:grid;
  grid-template-columns:1fr 1fr;  /* 50% / 50% */
  column-gap:4%;
}
#cf-sns-group label{
  grid-column:1 / -1;             /* 라벨 전체폭 */
  margin-bottom:6px;
}
#cf_sns_platform,
#cf_sns_custom{
  width:100%;                     /* 그리드가 폭 분배 */
}
#cf_sns_platform,
#cf-sns-group select{
  padding:10px 12px;border:1px solid #999;border-radius:2px;font-size:14px;
}
#cf_sns_custom{
  padding:10px 12px;border:1px solid #999;border-radius:2px;font-size:14px;
  margin-left:4%;
  display:none;                   /* 기본은 숨김 (JS 토글) */
}

/* ── 모바일 (≤768px) ─────────────────────────── */
@media (max-width:768px){
  .cf-grid{grid-template-columns:1fr;}
  .cf-submit{float:none;width:100%;margin:40px 0 0;}
  #cf-sns-group{grid-template-columns:1fr;}
  #cf_sns_custom{width:100%;margin:6px 0 0;}
}