/* 공통 과정 FAQ: 0911-06 시안의 어두운 카드형 아코디언. */
.course-faq {
  width: 100%;
  margin: 0;
  padding: 112px 24px 120px;
  background: #0b0b0d;
  color: #adb0bd;
  scroll-margin-top: 150px;
}
.course-faq, .course-faq * { box-sizing: border-box; }
.course-faq * { font-family: techupSans, Arial, sans-serif; color: inherit; }
.course-faq .faq-shell { width: min(880px, 100%); margin: 0 auto; }
.course-faq .faq-head { margin: 0 0 52px; text-align: center; }
.course-faq .faq-title { margin: 0; color: #f7f7fa; font-size: 32px !important; font-weight: 700; line-height: 1.35; letter-spacing: -.035em; }
.course-faq .faq-list { display: grid; gap: 12px; }
.course-faq .faq-item { margin: 0; padding: 0; border: 0; border-radius: 16px; background: #1b1b20; overflow: hidden; }
.course-faq .faq-item summary {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  margin: 0;
  padding: 22px 28px;
  color: #f2f2f6;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  text-align: left;
  list-style: none;
  cursor: pointer;
  transition: background-color .18s ease;
}
.course-faq .faq-item summary::marker { content: ''; }
.course-faq .faq-item summary::-webkit-details-marker { display: none; }
.course-faq .faq-item summary:hover { background: #24242b; text-decoration: none; }
.course-faq .faq-item summary:focus-visible { outline: 2px solid #5ae3bb; outline-offset: -3px; border-radius: 14px; }
.course-faq .faq-q-mark { color: #00c78b; font-weight: 700; }
.course-faq .faq-chevron { display: block; width: 10px; height: 10px; margin-top: -5px; border-right: 2px solid #9999a5; border-bottom: 2px solid #9999a5; transform: rotate(45deg); transition: transform .18s ease; }
.course-faq .faq-item[open] .faq-chevron { margin-top: 5px; transform: rotate(225deg); }
.course-faq .faq-body { padding: 6px 54px 30px; }
.course-faq .faq-body-inner { font-size: 14px; font-weight: 400; line-height: 1.85; overflow-wrap: anywhere; }
.course-faq .faq-body-inner p { margin: 0 0 12px; }
.course-faq .faq-body-inner p:last-child { margin-bottom: 0; }
.course-faq .faq-body-inner ul { display: block; margin: -4px 0 16px; padding: 0 0 0 16px; list-style: disc; }
.course-faq .faq-body-inner li { margin: 0 0 3px; padding: 0; }
.course-faq .faq-strong { color: #edeef3; font-weight: 600; }
.course-faq .hl-red { color: #ff7379; font-weight: 600; font-style: normal; }
.course-faq .hl-yellow { padding: 0 2px; background: #fff0a3; color: #161618; font-weight: 600; font-style: normal; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.course-faq a { color: #80b5ff; text-decoration: underline; text-underline-offset: 3px; }
.course-faq a:hover { color: #b7d4ff; text-decoration: none; }
.course-faq a:focus-visible { outline: 2px solid #80b5ff; outline-offset: 3px; }
@media (max-width: 1000px) {
  .course-faq { padding-block: 80px; }
}
@media (max-width: 700px) {
  .course-faq { padding: 64px 20px; }
  .course-faq .faq-head { margin-bottom: 32px; }
  .course-faq .faq-title { font-size: 28px !important; }
  .course-faq .faq-list { gap: 10px; }
  .course-faq .faq-item { border-radius: 12px; }
  .course-faq .faq-item summary { grid-template-columns: 15px minmax(0,1fr) 10px; gap: 8px; min-height: 68px; padding: 19px 18px; font-size: 15px; }
  .course-faq .faq-body { padding: 2px 20px 24px; }
  .course-faq .faq-body-inner { font-size: 13px; line-height: 1.85; }
}
@media (prefers-reduced-motion: reduce) {
  .course-faq .faq-item summary, .course-faq .faq-chevron { transition: none; }
}