.ayna-faq-accordion__title {
  display: flex;
  width: fit-content;
  align-items: flex-start;
  color: #275048;
  font-size: 20px;
  font-weight: 700;
  gap: 2px;
}
@media (max-width: 639px) {
  .ayna-faq-accordion__title {
    font-size: 18px;
  }
}

.ayna-faq-accordion__title-icon {
  display: inline-flex;
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
}
.ayna-faq-accordion__title-icon svg {
  width: 10px;
  height: 10px;
}
@media (max-width: 639px) {
  .ayna-faq-accordion__title-icon {
    width: 8px;
    height: 8px;
  }
  .ayna-faq-accordion__title-icon svg {
    width: 8px;
    height: 8px;
  }
}

.ayna-faq-accordion__list {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  gap: 8px;
}

.ayna-faq-accordion__item {
  overflow: hidden;
  background-color: transparent;
}
.ayna-faq-accordion__item[open] {
  border-radius: 8px;
  background-color: #f4f6f6;
}
.ayna-faq-accordion__item[open] .ayna-faq-accordion__question-icon {
  transform: rotate(180deg);
}

.ayna-faq-accordion__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-radius: 8px;
  background-color: #f4f6f6;
  cursor: pointer;
  gap: 16px;
  list-style: none;
}
.ayna-faq-accordion__question::-webkit-details-marker {
  display: none;
}

.ayna-faq-accordion__question-text {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.ayna-faq-accordion__question-icon {
  display: inline-flex;
  flex: 0 0 auto;
  color: #555;
  transition: transform 0.2s ease;
}
.ayna-faq-accordion__question-icon svg {
  width: 16px;
  height: 16px;
}

.ayna-faq-accordion__answer {
  padding: 0 16px 16px;
  color: #000;
  font-size: 14px;
}
.ayna-faq-accordion__answer > * {
  margin: 1em 0;
}
.ayna-faq-accordion__answer > *:first-child {
  margin-top: 0;
}
.ayna-faq-accordion__answer > *:last-child {
  margin-bottom: 0;
}
.ayna-faq-accordion__answer p {
  margin: 1em 0;
}
.ayna-faq-accordion__answer p:first-child {
  margin-top: 0;
}
.ayna-faq-accordion__answer p:last-child {
  margin-bottom: 0;
}
.ayna-faq-accordion__answer a {
  color: #4c907f;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  transition: color 0.2s;
}
.ayna-faq-accordion__answer a:hover, .ayna-faq-accordion__answer a:focus {
  color: #275048;
}
.ayna-faq-accordion__answer ol,
.ayna-faq-accordion__answer ul {
  padding-left: 24px;
  margin: 1em 0;
}
.ayna-faq-accordion__answer ol li {
  list-style-type: decimal;
}
.ayna-faq-accordion__answer ul li {
  list-style-type: disc;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/faq-accordion.scss%22,%22../../../../themes/ayna-online/assets/scss/helpers/_variables.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAIA;EACE;EACA;EACA;EACA,OCQa;EDPb;EACA;EACA;;AAEA;EATF;IAUI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAXF;IAYI;IACA;;EAEA;IACE;IACA;;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA,kBCpCc;;ADsCd;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA,kBClDgB;EDmDhB;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE,OCrDa;EDsDb;EACA;;;AAGF;EACE;EACA;EACA,OC5De;ED6Df;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA,OCxEa;EDyEb;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE,OCzGQ;ED0GR;EACA;EACA;;AAEA;EAEE,OCpHS;;ADwHb;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE%22,%22file%22:%22faq-accordion.css%22,%22sourcesContent%22:%5B%22//%20FAQ%20%EC%95%84%EC%BD%94%EB%94%94%EC%96%B8%20%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%20%EC%8A%A4%ED%83%80%EC%9D%BC%EC%9E%85%EB%8B%88%EB%8B%A4.%5Cn%5Cn@use%20'./theme-tokens'%20as%20*;%5Cn%5Cn.ayna-faq-accordion__title%20%7B%5Cn%20%20display:%20flex;%5Cn%20%20width:%20fit-content;%5Cn%20%20align-items:%20flex-start;%5Cn%20%20color:%20$ayna-default;%5Cn%20%20font-size:%2020px;%5Cn%20%20font-weight:%20700;%5Cn%20%20gap:%202px;%5Cn%5Cn%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20font-size:%2018px;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn.ayna-faq-accordion__title-icon%20%7B%5Cn%20%20display:%20inline-flex;%5Cn%20%20width:%2010px;%5Cn%20%20height:%2010px;%5Cn%20%20flex:%200%200%20auto;%5Cn%5Cn%20%20svg%20%7B%5Cn%20%20%20%20width:%2010px;%5Cn%20%20%20%20height:%2010px;%5Cn%20%20%7D%5Cn%5Cn%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20width:%208px;%5Cn%20%20%20%20height:%208px;%5Cn%5Cn%20%20%20%20svg%20%7B%5Cn%20%20%20%20%20%20width:%208px;%5Cn%20%20%20%20%20%20height:%208px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn.ayna-faq-accordion__list%20%7B%5Cn%20%20display:%20flex;%5Cn%20%20flex-direction:%20column;%5Cn%20%20margin-top:%2016px;%5Cn%20%20gap:%208px;%5Cn%7D%5Cn%5Cn.ayna-faq-accordion__item%20%7B%5Cn%20%20overflow:%20hidden;%5Cn%20%20background-color:%20transparent;%5Cn%5Cn%20%20&%5Bopen%5D%20%7B%5Cn%20%20%20%20border-radius:%208px;%5Cn%20%20%20%20background-color:%20$ayna-background;%5Cn%5Cn%20%20%20%20.ayna-faq-accordion__question-icon%20%7B%5Cn%20%20%20%20%20%20transform:%20rotate(180deg);%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn.ayna-faq-accordion__question%20%7B%5Cn%20%20display:%20flex;%5Cn%20%20align-items:%20center;%5Cn%20%20justify-content:%20space-between;%5Cn%20%20padding:%2016px;%5Cn%20%20border-radius:%208px;%5Cn%20%20background-color:%20$ayna-background;%5Cn%20%20cursor:%20pointer;%5Cn%20%20gap:%2016px;%5Cn%20%20list-style:%20none;%5Cn%5Cn%20%20&::-webkit-details-marker%20%7B%5Cn%20%20%20%20display:%20none;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn.ayna-faq-accordion__question-text%20%7B%5Cn%20%20color:%20$text-default;%5Cn%20%20font-size:%2014px;%5Cn%20%20font-weight:%20500;%5Cn%7D%5Cn%5Cn.ayna-faq-accordion__question-icon%20%7B%5Cn%20%20display:%20inline-flex;%5Cn%20%20flex:%200%200%20auto;%5Cn%20%20color:%20$text-secondary;%5Cn%20%20transition:%20transform%200.2s%20ease;%5Cn%5Cn%20%20svg%20%7B%5Cn%20%20%20%20width:%2016px;%5Cn%20%20%20%20height:%2016px;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn.ayna-faq-accordion__answer%20%7B%5Cn%20%20padding:%200%2016px%2016px;%5Cn%20%20color:%20$text-default;%5Cn%20%20font-size:%2014px;%5Cn%5Cn%20%20%3E%20*%20%7B%5Cn%20%20%20%20margin:%201em%200;%5Cn%5Cn%20%20%20%20&:first-child%20%7B%5Cn%20%20%20%20%20%20margin-top:%200;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20&:last-child%20%7B%5Cn%20%20%20%20%20%20margin-bottom:%200;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20p%20%7B%5Cn%20%20%20%20margin:%201em%200;%5Cn%5Cn%20%20%20%20&:first-child%20%7B%5Cn%20%20%20%20%20%20margin-top:%200;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20&:last-child%20%7B%5Cn%20%20%20%20%20%20margin-bottom:%200;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20a%20%7B%5Cn%20%20%20%20color:%20$ayna-link;%5Cn%20%20%20%20text-decoration:%20underline;%5Cn%20%20%20%20text-underline-offset:%200.2em;%5Cn%20%20%20%20transition:%20color%200.2s;%5Cn%5Cn%20%20%20%20&:hover,%5Cn%20%20%20%20&:focus%20%7B%5Cn%20%20%20%20%20%20color:%20$ayna-default;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20ol,%5Cn%20%20ul%20%7B%5Cn%20%20%20%20padding-left:%2024px;%5Cn%20%20%20%20margin:%201em%200;%5Cn%20%20%7D%5Cn%5Cn%20%20ol%20li%20%7B%5Cn%20%20%20%20list-style-type:%20decimal;%5Cn%20%20%7D%5Cn%5Cn%20%20ul%20li%20%7B%5Cn%20%20%20%20list-style-type:%20disc;%5Cn%20%20%7D%5Cn%7D%5Cn%22,%22//%20use%5Cn@use%20'sass:map';%5Cn%5Cn//%20layouts%5Cn$container:%20640px;%5Cn%5Cn//%20breakpoints%5Cn$lg_up:%20'min-width:%20%23%7B1024px%7D';%5Cn$md_up:%20'min-width:%20%23%7B640px%7D';%5Cn$sm_up:%20'min-width:%20%23%7B425px%7D';%5Cn%5Cn$lg_down:%20'max-width:%20%23%7B1023px%7D';%5Cn$md_down:%20'max-width:%20%23%7B639px%7D';%5Cn$sm_down:%20'max-width:%20%23%7B424px%7D';%5Cn%5Cn//%20colors%5Cn$ayna-default:%20%23275048;%5Cn$ayna-background:%20%23f4f6f6;%5Cn$ayna-accent:%20%23faba20;%5Cn$ayna-accent-50:%20%23fffcf4;%5Cn$ayna-link:%20%234c907f;%5Cn%5Cn$base-white:%20%23fff;%5Cn$base-black:%20%23000;%5Cn%5Cn$text-default:%20%23000;%5Cn$text-secondary:%20%23555;%5Cn$text-muted:%20%23999;%5Cn$text-subtle:%20%23f1f1f1;%5Cn%5Cn$info-default:%20%230057ff;%5Cn$info-background:%20%23e6eeff;%5Cn%5Cn$brand-naver-default:%20%2303c75a;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-default:%20%23fff8d1;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-background:%20%23fffef6;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-accent:%20%23fff099;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-card-background:%20%23fff9cc;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-button-background:%20%23ffe130;%5Cn$brand-%EB%B0%94%EC%9A%B0%EC%B2%98-default:%20%2316b0b2;%5Cn$brand-%EB%B0%94%EC%9A%B0%EC%B2%98-background:%20%23b2eeee;%5Cn$brand-%EB%B0%94%EC%9A%B0%EC%B2%98-background-50:%20%23f2f9fa;%5Cn$brand-kakao-default:%20%23fae100;%5Cn$brand-kakao-black:%20%23020303;%5Cn%5Cn$danger-default:%20%23e81919;%5Cn$danger-background:%20%23ffefef;%5Cn%5Cn$success-default:%20%2300b894;%5Cn$success-background:%20%23cff9f1;%5Cn%5Cn$accessibility-focus-background:%20%23eee;%5Cn$accessibility-focus-text:%20%23444;%5Cn%5Cn//%20%EC%83%89%EC%83%81%20%EC%A1%B0%ED%95%A9%20(%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC%20%EB%A7%81%ED%81%AC%20%EC%B9%B4%EB%93%9C%20%EB%93%B1%20accent%20+%20%ED%85%8C%EB%91%90%EB%A6%AC%20%EC%8C%8D)%5Cn$scheme-teal-deep:%20%230f8b7f;%5Cn$scheme-teal-line:%20%23cfe9e3;%5Cn$scheme-gold-deep:%20%23c99a00;%5Cn$scheme-gold-line:%20%23efe6c2;%5Cn$scheme-blue-deep:%20%231059cc;%5Cn$scheme-blue-line:%20%23cfe0ff;%5Cn$scheme-red-deep:%20%23c0201c;%5Cn$scheme-red-line:%20%23f5d3d3;%5Cn$scheme-purple-deep:%20%237b34b0;%5Cn$scheme-purple-line:%20%23e8d5f5;%5Cn$scheme-orange-deep:%20%23c46000;%5Cn$scheme-orange-line:%20%23f5e0cc;%5Cn%22%5D%7D */