/************************************************************
 * CONTACT PAGE ONLY
 ************************************************************/

/* 페이지 루트 */
.page--contact {
  background-color: #ffffff;
}


/* =========================================

    ⭐ Hero Section
    
========================================= */


.hero.hero--contact {
  position: relative;
  overflow: hidden;
  padding: 40px 0; /*padding: 140px 0 180px; */
}

/* contact hero 배경 (공통 hero__bg 위에 오버라이드) */
.hero--contact .hero__bg {
  position: absolute;
  inset: 0;
  height: 520px;
  background: linear-gradient(
    180deg,
    #d5e6ef 0%,
    #ffffff 40%,
    #ffffff 100%
  );
  z-index: 0;
  pointer-events: none;
}

/* hero 내용은 항상 배경 위 최상단 */
.hero--contact .hero__content {
  position: relative;
  z-index: 1;
}

/* 가운데 정렬, 텍스트 중심 */
.hero--contact .hero__inner {
  max-width: 680px;
  margin: 0 auto;
  padding: 96px 20px 72px;
  text-align: center;
}

/* 타이틀 / 본문 (따로 조절 필요 시 숫자만 조절해서 사용) 
.hero--contact .hero__title {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #1680ac;
}

.hero--contact .hero__desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #4f4f4f;
}

*/

/* contact 에서는 무조건 무효화 */
.page--contact .hero--contact + .section {
  margin-top: 0 !important;
  padding-top: 80px;
}



/* =========================================

    ⭐ Intro Text Section
    
========================================= */


.contact-intro.section {
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 20px 32px;
  text-align: center;
}

.contact-intro__title {
  margin-bottom: 12px;
  font-size: 28px;
  line-height: 1.5;
  font-weight: 700;
  color: #333333;
}

.contact-intro__desc {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #666666;
}



/* =========================================

    ⭐ Form Section
    
========================================= */


.contact-form.section {
  max-width: 680px;
  margin: 0 auto;
  padding: 32px 20px 200px;
}

.contact-form .form-group {
  margin-bottom: 20px;
}

.contact-form .form-actions {
  margin-top: 32px;
}

/* 버튼 너비 기본 – 필요 시 조절 */
.contact-form .btn-submit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* ======== Mobile(~1023) ============ */
@media (max-width: 1023px) {
  .hero.hero--contact {
    padding: 40px 0 20px; /*padding: 120px 0 140px; */
  }

  .hero--contact .hero__bg {
    height: 420px;
  }

  .hero--contact .hero__inner {
    padding: 72px 20px 56px;
  }

  /* 타이틀 / 본문 (따로 조절 필요 시 숫자만 조절해서 사용) 
  .hero--contact .hero__title {
    font-size: 28px;
    margin-bottom: 16px;
  }

  .hero--contact .hero__desc {
    font-size: 14px;
  }

  .contact-intro.section {
    padding: 64px 20px 24px;
  }

  .contact-intro__title {
    font-size: 22px;
  }

  .contact-intro__desc {
    font-size: 14px;
  }

  .contact-form.section {
    padding: 24px 20px 160px;
  }
    */
}