.elementor-15420 .elementor-element.elementor-element-936127c{--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;--overlay-opacity:0.5;}.elementor-15420 .elementor-element.elementor-element-936127c::before, .elementor-15420 .elementor-element.elementor-element-936127c > .elementor-background-video-container::before, .elementor-15420 .elementor-element.elementor-element-936127c > .e-con-inner > .elementor-background-video-container::before, .elementor-15420 .elementor-element.elementor-element-936127c > .elementor-background-slideshow::before, .elementor-15420 .elementor-element.elementor-element-936127c > .e-con-inner > .elementor-background-slideshow::before, .elementor-15420 .elementor-element.elementor-element-936127c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#050505;--background-overlay:'';}.elementor-15420 .elementor-element.elementor-element-8184144{--display:flex;}.elementor-15420 .elementor-element.elementor-element-9a57cd8 > .elementor-widget-container{margin:-9px 0px -10px -20px;}.elementor-15420 .elementor-element.elementor-element-887975f{--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;}.elementor-15420 .elementor-element.elementor-element-4390c6f:not(.elementor-motion-effects-element-type-background), .elementor-15420 .elementor-element.elementor-element-4390c6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://idc.kr/wp-content/uploads/2025/06/메인슬라이더-1-0612.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-15420 .elementor-element.elementor-element-4390c6f > .elementor-background-overlay{background-color:#0B0B0B;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15420 .elementor-element.elementor-element-4390c6f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:110px 0px 0px 0px;}.elementor-15420 .elementor-element.elementor-element-cd35212 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-15420 .elementor-element.elementor-element-cd35212 > .elementor-element-populated{margin:-74px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 100px 0px 100px;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb > .elementor-widget-container{margin:0px 0px 130px 0px;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-field-group.recaptcha_v3-bottomleft, .elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-labels-inline .elementor-field-group > label{padding-left:8px;}body:not(.rtl) .elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-labels-inline .elementor-field-group > label{padding-right:8px;}body .elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-labels-above .elementor-field-group > label{padding-bottom:8px;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-field-group > label, .elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-field-subgroup label{color:#0E0D0D;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-field-group > label{font-family:"나눔고딕", Sans-serif;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-field-type-html{padding-bottom:0px;font-family:"심플해", Sans-serif;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .e-form__buttons__wrapper__button-next{background-color:#030303;color:#ffffff;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-button[type="submit"]{background-color:#030303;color:#ffffff;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-15420 .elementor-element.elementor-element-b1ecdcb{--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-15420 .elementor-element.elementor-element-93de96d{--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;}.elementor-15420 .elementor-element.elementor-element-93de96d:not(.elementor-motion-effects-element-type-background), .elementor-15420 .elementor-element.elementor-element-93de96d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080808;}.elementor-15420 .elementor-element.elementor-element-471476d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15420 .elementor-element.elementor-element-62d42ff > .elementor-widget-container{margin:30px 0px 20px 0px;}.elementor-15420 .elementor-element.elementor-element-62d42ff, .elementor-15420 .elementor-element.elementor-element-62d42ff .elementor-text-editor *{font-size:12px;}.elementor-15420 .elementor-element.elementor-element-62d42ff, .elementor-15420 .elementor-element.elementor-element-62d42ff .elementor-text-editor *:not(.elementor-drop-cap-letter){color:#F8F8F8;}.elementor-15420 .elementor-element.elementor-element-ba4d5f0{--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;}.elementor-15420 .elementor-element.elementor-element-ba4d5f0:not(.elementor-motion-effects-element-type-background), .elementor-15420 .elementor-element.elementor-element-ba4d5f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080808;}.elementor-15420 .elementor-element.elementor-element-576f447{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15420 .elementor-element.elementor-element-9783caf > .elementor-widget-container{margin:5px 0px 5px 0px;}.elementor-15420 .elementor-element.elementor-element-9783caf, .elementor-15420 .elementor-element.elementor-element-9783caf .elementor-text-editor *{font-size:12px;}.elementor-15420 .elementor-element.elementor-element-9783caf, .elementor-15420 .elementor-element.elementor-element-9783caf .elementor-text-editor *:not(.elementor-drop-cap-letter){color:#F8F8F8;}@media(max-width:1024px){.elementor-15420 .elementor-element.elementor-element-4390c6f{padding:100px 0px 0px 0px;}.elementor-15420 .elementor-element.elementor-element-471476d{--grid-auto-flow:row;}.elementor-15420 .elementor-element.elementor-element-576f447{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15420 .elementor-element.elementor-element-471476d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15420 .elementor-element.elementor-element-576f447{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-15420 .elementor-element.elementor-element-93de96d{--content-width:981px;}.elementor-15420 .elementor-element.elementor-element-ba4d5f0{--content-width:981px;}}@media(min-width:1025px){.elementor-15420 .elementor-element.elementor-element-4390c6f:not(.elementor-motion-effects-element-type-background), .elementor-15420 .elementor-element.elementor-element-4390c6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-20a6c81 */<!-- Elementor HTML 위젯에 붙여넣을 코드 예 -->
<form id="estForm">
  <label>이름:
    <input type="text" name="name" required />
  </label><br />
  <label>연락처:
    <input type="tel" name="phone" required />
  </label><br />
  <label>이메일:
    <input type="email" name="email" required />
  </label><br />
  <button type="submit">견적신청</button>
</form>

<script>
  document.getElementById('estForm').addEventListener('submit', function(e) {
    e.preventDefault();
    var form = e.target;
    var data = new FormData(form);
    var params = new URLSearchParams(data).toString();
    var url = '/contact/estimate';

    fetch(url, {
      method: 'POST',
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
      body: params
    })
    .then(function(response) {
      if (!response.ok) throw new Error('서버 오류: ' + response.status);
      return response.json();
    })
    .then(function(res) {
      alert(res.message || '견적신청 완료되었습니다!');
      form.reset();
    })
    .catch(function(err) {
      console.error(err);
      alert('신청 중 오류가 발생했습니다.');
    });
  });
</script>/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-b1ecdcb *//* == 웹마이드 견적문의 스타일: 폼 전체는 .webmind-estimate로 감싸세요 == */
.webmind-estimate {
  font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif !important;
  background: #fff;
  width: 90vw;
  max-width: 1450px;
  margin: 40px auto 32px auto;
  padding: 0;
}
/* 폼 박스(좌우 박스도 적용) */
.webmind-estimate .estimate-grid,
.webmind-estimate .elementor-widget-container,
.webmind-estimate .wpcf7-form,
.webmind-estimate form {
  display: flex;
  gap: 44px;
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  background: #fff;
  border-radius: 20px;
  border: 2.5px solid #e5e7ef;
  box-shadow: 0 8px 34px 0 rgba(70,78,100,0.06);
  padding: 38px 34px 24px 34px;
  min-width: 320px;
}
.webmind-estimate .estimate-section {
  background: #fff;
  border: none;
  border-radius: 20px;
  flex: 1 1 0;
  min-width: 390px;
  max-width: 670px;
  padding: 0;
}
/* 제목/섹션 타이틀 */
.webmind-estimate .estimate-title,
.webmind-estimate h2,
.webmind-estimate .elementor-heading-title {
  color: #111;
  font-size: 1.49rem;
  font-weight: 900;
  margin-bottom: 19px;
  margin-top: 0;
  border-left: 5px solid #1963d1;
  padding-left: 15px;
  letter-spacing: -0.01em;
  background: none;
}
/* 라벨+필수 동그라미 */
.webmind-estimate label {
  color: #111 !important;
  font-size: 1.19rem !important;
  font-weight: 800 !important;
  margin-bottom: 11px !important;
  margin-top: 17px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  background: none;
  border: none;
}
.webmind-estimate label .required-dot {
  display: inline-block;
  width: 19px; height: 19px; min-width: 19px; min-height: 19px;
  border-radius: 50%;
  background: #2264d1;
  margin-right: 7px;
  position: relative;
  vertical-align: middle;
  box-shadow: 0 1px 2.5px #2264d135;
}
.webmind-estimate label .required-dot::before {
  content: "✔";
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  position: absolute;
  left: 50%; top: 45%;
  transform: translate(-50%,-52%);
}
/* 인풋/셀렉트/텍스트에어리어 */
.webmind-estimate input[type="text"],
.webmind-estimate input[type="email"],
.webmind-estimate input[type="tel"],
.webmind-estimate select,
.webmind-estimate textarea {
  border: 2.5px solid #d7dbea !important;
  border-radius: 13px !important;
  background: #f8fafd !important;
  padding: 21px 22px !important;
  font-size: 1.21rem !important;
  color: #111 !important;
  margin-bottom: 21px !important;
  width: 100% !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: border 0.18s, background 0.17s;
  outline: none !important;
}
.webmind-estimate input[type="text"]:focus,
.webmind-estimate input[type="email"]:focus,
.webmind-estimate input[type="tel"]:focus,
.webmind-estimate select:focus,
.webmind-estimate textarea:focus {
  border-color: #1963d1 !important;
  background: #fff !important;
}
/* 인풋 가로배치(휴대폰 등) */
.webmind-estimate .input-row {
  display: flex;
  gap: 13px;
  align-items: center;
  margin-bottom: 21px;
}
.webmind-estimate .input-row > * { flex: 1 1 0; }
/* 설명/안내 */
.webmind-estimate .form-desc {
  font-size: 1.08rem;
  color: #555;
  margin-bottom: 13px;
  font-weight: 500;
}
/* 라디오/체크박스 */
.webmind-estimate input[type="radio"],
.webmind-estimate input[type="checkbox"] {
  accent-color: #1963d1 !important;
  transform: scale(1.19);
  margin-right: 8px;
  vertical-align: middle;
}
/* 파일첨부 */
.webmind-estimate .file-row {
  background: #f8fafb;
  border: 2px solid #d8dbea;
  border-radius: 13px;
  padding: 13px 18px;
  margin-bottom: 12px;
  font-size: 1.06rem;
  color: #111;
  display: flex;
  align-items: center;
  gap: 13px;
}
.webmind-estimate .file-row input[type="file"] {
  font-size: 1.08rem;
  margin-right: 8px;
}
/* 행/여백 */
.webmind-estimate .form-row {
  margin-bottom: 28px !important;
}
.webmind-estimate .form-row:last-child { margin-bottom: 0 !important; }
/* 버튼(대형/라운드/중앙) */
.webmind-estimate button,
.webmind-estimate input[type="submit"] {
  background: #151515 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 19px !important;
  font-size: 1.52rem !important;
  font-weight: 900 !important;
  padding: 23px 54px !important;
  margin: 43px auto 0 auto !important;
  display: block !important;
  box-shadow: 0 4px 24px 0 rgba(30,30,30,0.09);
  text-align: center !important;
  letter-spacing: -0.01em !important;
  width: 99%;
  max-width: 99vw;
  cursor: pointer;
  user-select: none;
  transition: none !important;
}
.webmind-estimate button:active,
.webmind-estimate input[type="submit"]:active {
  background: #222 !important;
}
/* 모바일 반응형 */
@media (max-width: 1000px) {
  .webmind-estimate .estimate-grid,
  .webmind-estimate .elementor-widget-container,
  .webmind-estimate .wpcf7-form,
  .webmind-estimate form { flex-direction: column; gap: 30px; padding: 7vw 3vw 4vw 3vw; }
  .webmind-estimate .estimate-section { min-width: 0; max-width: 99vw; }
  .webmind-estimate { width: 99vw; padding: 0 !important; }
}
@media (max-width: 650px) {
  .webmind-estimate .estimate-section { padding: 4vw 1.2vw 3vw 1.2vw; }
  .webmind-estimate { margin: 7vw 0 6vw 0 !important; }
  .webmind-estimate .estimate-title,
  .webmind-estimate h2,
  .webmind-estimate .elementor-heading-title { font-size: 1.08rem !important; }
  .webmind-estimate label { font-size: 0.99rem !important; }
  .webmind-estimate input, .webmind-estimate textarea, .webmind-estimate select {
    font-size: 0.96rem !important; padding: 12px 7px !important;
  }
  .webmind-estimate button, .webmind-estimate input[type="submit"] {
    font-size: 1.08rem !important; padding: 12px 8px !important; border-radius: 11px !important;
  }
}

<label>회사명 <span class="required-dot"></span></label>

.webmind-estimate .elementor-form { ... }
.webmind-estimate .elementor-field-label { ... }
/* ... 이하 모두 동일하게 *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: '나눔고딕';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://idc.kr/wp-content/uploads/2025/01/NanumGothic.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: '심플해';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://idc.kr/wp-content/uploads/2025/01/Cafe24Simplehae-v2.0.ttf') format('truetype');
}
/* End Custom Fonts CSS */