@charset "euc-kr";

/* FAQ Àüü ÄÁÅ×ÀÌ³Ê */
.faq-con {
  margin-bottom: clamp(20px, 2.5vw, 30px);
}

/* FAQ ¿µ¿ª ¾È À̹ÌÁö °øÅë */
.faq-con img {
  width: 100%;
}

/* °¢ Q&A ºí·° °£ °£°Ý */
.faq-con details {
  margin-bottom: clamp(12px, 2.5vw, 18px);
}

/* summary ±âº» ºÒ¸´ Á¦°Å */
.faq-con details summary {
  list-style: none;
}
.faq-con details summary::-webkit-details-marker {
  display: none;
}

/* Q&A ¸®½ºÆ® Àüü ¿©¹é */
.faq-con .qna {
  margin-top: clamp(30px, 2.5vw, 80px);
  margin-bottom: clamp(30px, 2.5vw, 80px);
}
.faq-con .qna img {
  width: 100%;
}

/* °³º° Q&A Ç׸ñ(summary) */
.faq-con .qna01 summary {
  cursor: pointer;
  list-style: none;
}
.faq-con .qna01 summary::-webkit-details-marker {
  display: none;
}

/* ---------------------------
   Q / A º¸À̱â/¼û±â±â Á¦¾î
   --------------------------- */

/* ±âº» »óÅÂ
   - Q(tit)´Â º¸ÀÌ°í
   - A(answer)´Â ¼û±è */
.faq-con .qna01 .tit {
  display: block;
}
.faq-con .qna01 .answer {
  display: none;
}

/* ¿­·ÈÀ» ¶§ (details[open])
   - Q(tit)´Â ¼û±â°í
   - A(answer)´Â º¸ÀÌ°Ô */
.faq-con .qna01[open] .tit {
  display: none;
}
.faq-con .qna01[open] .answer {
  display: block;
}