:root {
  --RWDWidth: 1024px;
}

.faqList .mainBox .listBox {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 1150px;
  margin: 0 auto;
}
@media screen and (max-width: 1330px) {
  .faqList .mainBox .listBox {
    max-width: 1062px;
  }
}
.faqList .mainBox .active .qBox::after {
  transform: rotate(-90deg);
}
.faqList .mainBox .qBox {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 16px 30px;
  background: #f7f7f7;
  font-size: var(--clamp17);
  position: relative;
  line-height: 1.4;
  cursor: pointer;
}
.faqList .mainBox .qBox::after {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  -webkit-mask: url("../images/icon/icon_arrow_page.svg") center no-repeat;
          mask: url("../images/icon/icon_arrow_page.svg") center no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  transform: rotate(90deg);
  background: #000;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 550px) {
  .faqList .mainBox .qBox::after {
    width: 18px;
    height: 18px;
  }
}
.faqList .mainBox .qBox i {
  font-size: var(--clamp32);
  font-weight: 600;
  line-height: 1;
}
.faqList .mainBox .qBox p {
  margin: 0;
}
.faqList .mainBox .aBox {
  display: none;
  background: #FFF;
}
.faqList .mainBox .content {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 16px 30px;
  position: relative;
}
.faqList .mainBox .content i {
  font-size: var(--clamp32);
  font-weight: 600;
  line-height: 1;
}/*# sourceMappingURL=faq.css.map */