.faq {
        max-width: 720px;
        margin: 40px auto;
        padding: 0 20px; /* ¸ð¹ÙÀÏ¿¡¼­ ÁÂ¿ì ¿©¹é È®º¸ */
      }


      .faq-item {
        margin-bottom: 15px;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
      }


      /* Áú¹® ¹öÆ° */
      .faq-question {
        width: 100%;
        background: #f4f4f4;
        color: #222;
        border: none;
        padding: 22px 26px;
        font-size: 18px;
        font-weight: 600;
        text-align: left;
        border-radius: 20px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: all 0.4s ease;
      }


      .faq-question:hover {
        background-color: #eaeaea;
      }


      /* È­»ìÇ¥ ¾ÆÀÌÄÜ */
      .faq-question .arrow {
        transition: transform 0.3s ease;
      }



      /* ´äº¯ ¿µ¿ª */
      .faq-answer {
        max-height: 0;
        overflow: hidden;
        background-color: #3e445e;
        border-radius: 0 0 20px 20px;
        padding: 0 26px;
        transition: all 0.3s ease;
        opacity: 0;
      }


      .faq-answer p{
        color: #fff !important;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.8;
      }

      /* ¿­·ÈÀ» ¶§ */
      .faq-item.active .faq-question {
        background-color: #3e445e;
        color: #fff;
        border-radius: 20px 20px 0 0;
      }


      .faq-item.active .faq-question .arrow {
        transform: rotate(180deg);
      }


      .faq-item.active .faq-answer {
        max-height: 400px;
        padding: 0 26px 22px;
        opacity: 1;
      }


      /* ¹ÝÀÀÇü ´ëÀÀ */
      @media (max-width: 768px) {
        .faq {
          margin: 30px auto;
          padding: 0 15px;
        }


        .faq-question {
          font-size: 16px;
          padding: 18px 22px;
        }


        .faq-answer {
          font-size: 15px;
          padding: 0 22px;
        }


        .faq-item.active .faq-answer {
          padding: 18px 22px 22px;
        }
      }


      @media (max-width: 480px) {
        .faq {
          padding: 0 12px;
        }


        .faq-question {
          font-size: 15px;
          padding: 16px 18px;
        }


        .faq-answer {
          font-size: 14px;
          line-height: 1.6;
        }
      }