.elementor-5794 .elementor-element.elementor-element-5cb9413b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 24px;--row-gap:0px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5{width:initial;max-width:initial;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-field-type-html{padding-bottom:0px;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-deep_sapphire_400 );border-width:2px 2px 2px 2px;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-deep_sapphire_400 );border-width:2px 2px 2px 2px;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-deep_sapphire_400 );}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-button[type="submit"]{color:#ffffff;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(max-width:767px){.elementor-5794 .elementor-element.elementor-element-5cb9413b{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:24px 0px;--row-gap:24px;--column-gap:0px;}}/* Start custom CSS for form, class: .elementor-element-5b75b8e5 *//* --- 1. 기존 전화번호 필드 숨기기 (필수) --- */
.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .elementor-field-group-telnumber input#form-field-telnumber {
  position: absolute;
  left: -9999px; /* 화면 밖으로 밀어내기 */
  opacity: 0;
  width: 1px;
  height: 1px;
  border: none;
  padding: 0;
  margin: 0;
}

/* --- 2. 3개 인풋 필드를 감싸는 컨테이너 --- */
.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .tel-split-container {
  display: flex; /* 가로 정렬 */
  align-items: center;
  justify-content: space-between; /* 요소 사이 간격 자동 배분 */
  width: 100%;
}

/* --- 3. [모던 스타일] 3개의 새 인풋 필드 --- */
.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .tel-split-container input.tel-part {
  /* 폰트 설정 */
  font-family: "Pretendard", sans-serif; /* 요청하신 Pretendard 폰트 */
  font-size: 16px; /* 가독성 좋은 크기 */
  font-weight: 500;
  color: var(--e-global-color-gray_900, #101828); /* 텍스트 색상 */
  text-align: center;
  
  /* 박스 모델 */
  width: 31%; /* 3개로 나누기 */
  min-height: 48px; /* 더 높고 모던한 높이 */
  padding: 10px 12px;
  
  /* 디자인 */
  background-color: var(--e-global-color-gray_50, #f9fafb); /* 아주 연한 배경색 */
  border: 1px solid var(--e-global-color-gray_300, #d1d5dc); /* 연한 테두리 */
  
  /* 둥근 모서리 (사이트 글로벌 변수 사용) */
  border-radius: var(--ui-radius-sm, 12.5px); 
  
  /* 그림자 (사이트 글로벌 변수 사용) */
  box-shadow: var(--tw-shadow-inner, inset 0 2px 4px 0 rgb(0 0 0 / 0.05));
  
  /* 부드러운 전환 효과 */
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* --- 4. 인풋 플레이스홀더(placeholder) 스타일 --- */
.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .tel-split-container input.tel-part::placeholder {
  color: var(--e-global-color-gray_400, #99a1af); /* 연한 회색 */
  font-weight: 400;
}

/* --- 5. [모던 스타일] 인풋 포커스(Focus) 효과 --- */
.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .tel-split-container input.tel-part:focus,
.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .tel-split-container input.tel-part:focus-visible {
  outline: none; /* 브라우저 기본 아웃라인 제거 */
  
  /* 테두리 색상을 사이트 메인 컬러로 변경 */
  border-color: var(--uicore-primary-color, #009FE3); 
  
  /* 파란색 포커스 링(Ring) 효과 (사이트 글로벌 변수 사용) */
  /* 'deep_sapphire_100' 변수를 사용해 은은한 효과를 줍니다 */
  box-shadow: 0 0 0 3px var(--e-global-color-deep_sapphire_100, #dae7ff);
}

/* --- 6. 인풋 사이의 대시(-) 스타일 --- */
.elementor-5794 .elementor-element.elementor-element-5b75b8e5 .tel-split-container span.tel-divider {
  font-size: 1.1em;
  font-weight: 600;
  color: var(--e-global-color-gray_400, #99a1af); /* 인풋 placeholder와 동일 */
  padding: 0 4px;
  flex-shrink: 0;
}/* End custom CSS */
/* Start custom CSS */span.gradient-text {
    background: linear-gradient(90deg,#009fe3, #3873f9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: transparent;
}

span.gradient-text-lg {
    /* 1. 글자는 흰색으로 통일 (가장 깔끔) */
    color: #ffffff;
    
    /* 2. 배경에 그라디언트 박스 깔기 */
    /* 400번대(밝음) -> 500번대(진함)로 자연스러운 입체감 */
    background: linear-gradient(
        90deg, 
        var(--e-global-color-curious_blue_400) 0%, 
        var(--e-global-color-deep_sapphire_500) 100%
    );
    
    /* 3. 박스 형태 잡기 */
    padding: 0.01em 0.08em;       /* 상하 2px, 좌우 10px 여백 */
    border-radius: 2px;      /* 모서리 살짝 둥글게 */
    
    /* 4. 기존 텍스트 클립 해제 (배경이 보여야 하므로) */
    -webkit-background-clip: border-box; 
    background-clip: border-box;
    -webkit-text-fill-color: initial;
    text-fill-color: initial;

    /* 5. 줄바꿈 시 박스 모양 유지 */
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    
    /* 6. 약간의 그림자로 팝업 느낌 주기 */
    box-shadow: 0px 4px 15px rgba(56, 115, 249, 0.4);
}/* End custom CSS */