[data-hsfc-id="Renderer"] {
  --hsf-global__font-family: Freesentation, sans-serif !important;
  --hsf-global__font-size: 2rem !important;  
  --hsf-default-background__padding: 40px !important;
  /* --hsf-default-background__background-color: rgba(250, 250, 250, 1.0) !important; */
  --hsf-default-background__border-style: none !important;
  --hsf-default-background__border-color: rgba(250, 250, 250, 1.0) !important;
  --hsf-default-background__border-radius: 0.0px 0.0px 0.0px 0.0px !important;
  --hsf-default-progressbar-progressLine__background-color: rgba(0, 220, 132, 1.0) !important;
  /* --hsf-default-field-input__background-color: rgba(250, 250, 250, 1.0) !important; */
  --hsf-default-field-label__color: rgba(0, 0, 0, 1.0) !important;
  --hsf-default-field-input__background-color: transparent !important;
  --hsf-default-field-input__border-style: none !important;
  --hsf-default-field-checkbox__border-style: solid !important;
  --hsf-default-field-textarea__background-color: #FFF !important;
  --hsf-default-field-textarea__border-color: #EEEEEE !important;
  --hsf-default-field-checkbox__padding: 1rem !important;

}

@media (min-width: 1280px) {
  [data-hsfc-id="Renderer"] {
    --hsf-default-background__padding: 40px 104px !important; /* 데스크탑에서 원하는 값으로 변경 */
  }
}

.custom_hsform_inner{
  padding:9.6rem 0 12.4rem !important;
}

.custom_hsform .hsfc-Step__Content{
  min-height: 600px;
  background-color: #fff !important;
}

.custom_hsform .hsfc-Step .hsfc-Step__Banner {
  background-color: #FAFAFA !important;
}

/* 1. 모든 상태에서 기본 테두리와 외곽선 제거 */
.custom_hsform .hsfc-TextInput,
.custom_hsform .hsfc-TextInput:hover,
.custom_hsform .hsfc-TextInput:focus,
.custom_hsform .hsfc-DropdownInput--active {
  border: none !important; /* 전체 테두리 제거 */
  border-bottom: 1px solid #e0e0e0 !important; /* 기존 언더라인 유지 */
  outline: none !important; /* 클릭 시 브라우저 기본 파란 선 제거 */
  box-shadow: none !important; /* 포커스 시 생기는 그림자 제거 */
}

.custom_hsform .hsfc-TextInput {
  border-bottom: 1px solid #e0e0e0 !important;
}

.custom_hsform .hsfc-TextField input::placeholder,
.custom_hsform .hsfc-PhoneField input::placeholder,
.custom_hsform .hsfc-EmailField input::placeholder,
.custom_hsform .hsfc-DropdownInput input::placeholder,
.custom_hsform .hsfc-TextareaInput::placeholder{
  color: #CCCCCC !important;
}


.custom_hsform .hsfc-DropdownOptions__Search {
    padding: 0 !important;
}

.custom_hsform .hsfc-DropdownOptions__List {
    background: #fafafa !important;
}

.custom_hsform li.hsfc-DropdownOptions__List__ListItem{
  /* padding:12px 24px !important; */
  padding: .8rem !important;
  /* color:#616161 !important; */
  font-size:2rem !important;
  line-height:1 !important;
  font-weight:400 !important;
  background:#FAFAFA !important;
}
.custom_hsform li.hsfc-DropdownOptions__List__ListItem:hover{
  color:#fff !important;
  background:#000 !important;
}

.custom_hsform label {
  font-size: 2rem !important;
  font-weight: 500 !important;
}



{# ######################################################################### #}
{# ###########################   typography   ############################## #}
{# ######################################################################### #}
.custom_hsform h2.hsfc-Heading{
  /*
  padding-bottom:72px !important;
  padding-top: 82px !important;
  */
  font-size:3.2rem !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  color:#000 !important;
}

.custom_hsform label > span{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
.custom_hsform .hsfc-ErrorAlert{
  width:100%;
}
.custom_hsform .hsfc-RichText{
  font-size:24px !important;
  line-height:36px !important;
  color:#9E9E9E !important;
}

[data-hsfc-id="Renderer"] .hsfc-FieldLabel__RequiredIndicator {
  color:#000 !important;   
  /* display: none !important; */
}

[data-hsfc-id=Renderer] .hsfc-CheckboxField label a {
  border-bottom: 1px solid #000;
}

[data-hsfc-id=Renderer] .hsfc-ErrorAlert {
  font-size: max(14px, 1.4rem) !important;
}

.custom_hsform .hsfc-Button{
  font-size:2rem !important;
  font-weight:600 !important;
  color:#000 !important;
  line-height:1 !important;
  padding:11px 40px !important;
  border-radius: 0 !important;
  background:#eee !important;
  cursor:pointer !important;
  transition:all 0.3s ease;
}

.custom_hsform .hsfc-Button:hover{
  background:#000 !important;
  color:#fff !important;
}

.custom_hsform .hsfc-ProgressBar__Text {
  margin-bottom: 11px !important;
  text-align: center !important;
}

.custom_hsform .hsfc-ProgressBar__Progress {
  border-radius: 0px !important;
}

.custom_hsform .hsfc-ProgressBar__Progress>div {
  border-radius: 0px !important;
}