모바일 - FAQ 디자인 반영

src/main/resources/static/css/main.css

@@ -5748,6 +5748,12 @@ select.form-control {
   overflow: hidden;
   margin-bottom: 40px;
 }
+@media (max-width: 768px) {
+  .faq-accordion {
+    background: #FFFFFF;
+    border-radius: 0;
+  }
+}
 .faq-accordion .faq-item {
   border-bottom: 1px solid #DADADA;
   transition: all 0.3s ease;
@@ -5809,6 +5815,11 @@ select.form-control {
   padding: 24px 20px 32px;
   border-top: none;
 }
+@media (max-width: 768px) {
+  .faq-accordion .faq-answer {
+    background: #FFFFFF;
+  }
+}
 @media (max-width: 1024px) {
   .faq-accordion .faq-answer {
     padding: 16px 24px 24px;

src/main/resources/static/sass/components/_accordion.scss

@@ -10,6 +10,11 @@
   overflow: hidden;
   margin-bottom: $spacing-2xl;
 
+  @include respond-to('sm') {
+    background: #FFFFFF;
+    border-radius: 0;
+  }
+
   .faq-item {
     border-bottom: 1px solid #DADADA;
     transition: $transition-base;
@@ -87,6 +92,10 @@
     padding: $spacing-lg 20px $spacing-xl;
     border-top: none;
 
+    @include respond-to('sm') {
+      background: #FFFFFF;
+    }
+
     @media (max-width: $breakpoint-md) {
       padding: $spacing-md $spacing-lg $spacing-lg;
     }