#faq .menu { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin: 2.5rem 0; }
#faq .menu li { flex: 50%; margin: -0.5px; }
#faq .menu li a { cursor: pointer; text-decoration: none; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 0; padding: 1.25rem; font-size: 2.5rem; background: #fff; border: 1px solid #bdbdbd; color: #616161; height: 8rem; }
#faq .menu li.on a { background: #f4c413; color: #000; border-color: #f4c413; z-index: 1; font-weight: 500; }
#faq .list li { border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; margin-bottom: -1px; position: relative; z-index: 0; background: #fff; }
#faq .list li h3 { display: flex; justify-content: space-between; align-items: center; position: relative; cursor: pointer; font-size: 2.5rem; font-weight: 400; line-height: 1.5; padding: 2.5rem; padding-left: 4.5rem; }
#faq .list li h3:before { content: 'Q'; color: #f4c413; font-weight: 700; position: absolute; left: 1.25rem; text-align: center; width: 2.5rem; }
#faq .list li h3 .icon-add { color: #bdbdbd; }
#faq .list li h3 .icon-remove { color: #f4c413; }
#faq .list li.active { border-color: #757575; z-index: 1; }
#faq .list li.active h3 { color: #f4c413; font-weight: 500; }
#faq .list div { position: relative; background: #fefcf3; font-size: 2.5rem; padding: 2.5rem; padding-left: 5rem; border-top: 1px solid rgba(189, 189, 189, 0.2); }
#faq .list div:before { content: 'A'; color: rgba(0, 0, 0, 0.5); font-weight: 700; position: absolute; left: 1.3888888889rem; text-align: center; width: 2.5rem; }
#faq .list div.hide { position: absolute; left: -1000%; top: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; }
#faq .list div.faqContent img { max-width: 100%; height: auto; }
#faq .notFAQ { height: calc(calc(var(--c-vh, 1vh) * 100) - 8rem * 4); display: flex; justify-content: center; align-items: center; font-size: 2.5rem; background: #f5f5f5; }