@import url('./guide.css');
@import url('./application.css');

/* ----- 문의처: 참가신청/가이드와 동일한 안내박스·테이블 패턴 ----- */
.contact-content {
  background: #fff;
  padding: 64px 24px 96px;
}

.contact-content-inner {
  position: relative;
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
}

.contact-section {
  width: 100%;
  margin-bottom: 48px;
}

.contact-section:last-child {
  margin-bottom: 0;
}

.contact-section .guide-block-head {
  margin-bottom: 28px;
}

.contact-section .guide-block-head__title-wrap {
  margin-bottom: 12px;
}

.contact-section .guide-block-head__title {
  margin: 0;
}

.contact-section .guide-block-head__lead {
  margin: 0;
}

.contact-info-box {
  margin-bottom: 0;
}

.contact-info-link {
  color: #011D20;
  font-weight: 800;
  text-decoration: none;
}

.contact-info-link:hover {
  text-decoration: underline;
  color: #0F6055;
}

.contact-info-box .app-info-row__text a {
  color: #0F6055;
  font-weight: 600;
  text-decoration: none;
}

.contact-info-box .app-info-row__text a:hover {
  text-decoration: underline;
}

.contact-member-table col.contact-member-table__col-name {
  width: 28%;
}

.contact-member-table col.contact-member-table__col-phone {
  width: 28%;
}

.contact-member-table col.contact-member-table__col-email {
  width: 44%;
}

@media (max-width: 767px) {
  .contact-content {
    padding: 40px 16px 72px;
  }

  .contact-section {
    margin-bottom: 40px;
  }

  .contact-info-box .app-info-row {
    grid-template-columns: 1fr;
  }

  .contact-info-box .app-info-row dt {
    border-right: none;
    border-bottom: 1px solid #e8e8e8;
    justify-content: flex-start;
    text-align: left;
    padding: 14px 16px;
  }

  .contact-info-box .app-info-row dd {
    padding: 14px 16px 18px;
  }

  .contact-member-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}