@import url(./main.css);

/* E-Letter */
#eLetter.content {
  margin: 0 0 84px 0;
}

/* E-Letter 02 */
#eLetter2 .table-submit button {
  width: 420px;
}

#eLetter2 .contents img,
#eLetter2 .contents iframe,
#eLetter2 .contents video {
  width: 600px;
}
@media (max-width: 768px) {
  #eLetter2 .table-submit button {
    width: 100%;
  }
  #eLetter2 .table-submit {
    padding: 12px 16px 52px 16px;
  }
  #eLetter2 .contents img,
  #eLetter2 .contents iframe,
  #eLetter2 .contents video {
    width: 100%;
  }
}

/* FAQ */
#faq .accordion {
  margin-bottom: 24px;
}

#faq .accordion-item {
  border: 0;
  border-top: 1px solid var(--G30);
  border-bottom: 1px solid var(--G30);
}

#faq .accordion-item p,
  #faq .accordion-item span {
  font-size: 14px;
  font-weight: 400;
  color: var(--G90);
}

#faq .accordion-item .group {
  width: 120px;
  text-align: center;
}

#faq .accordion-item .accordion-button {
  border-radius: 0;
}

#faq .accordion-item .accordion-button > div {
  display: flex;
}

#faq .accordion-button:not(.collapsed) {
  background: none;
}

#faq .accordion-body {
  background-color: var(--G10);
  padding-left: 50px;
}

#faq .accordion-header button > div > div,
#faq .accordion-body > div {
  display: flex;
}

@media (max-width: 1200px) {
  #faq.content {
    margin: 0 0 84px 0;
  }

  #faq .accordion-item:first-of-type {
    border-top: 0;
  }
  #faq .accordion-item .accordion-button {
    padding: 12px 8px;
    display: flex;
    align-items: flex-end;
  }
  #faq .accordion-item .accordion-button > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #faq .accordion-item .group {
    font-size: 13px;
  }
  #faq .accordion-item .group {
    width: auto;
    margin-bottom: 12px;
    color: var(--G60);
  }
  #faq .accordion-body {
    padding: 12px 8px;
  }
  #faq .accordion-body > div {
    flex-direction: column;
    align-items: flex-start;
  }
  #faq .accordion-body > div > img {
    margin-bottom: 12px;
  }
}