.faq {
        max-width: 720px;
margin: 40px auto 100px;
  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: #F2F3F7;
        color: #20325F;
        border: none;
        padding: 22px 26px;
        font-family: 'Presentation', sans-serif;
        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: #E5E8EE;
      }
















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
























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
















      .faq-answer p{
        color: #ffffffd9 !important;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.8;
         font-family: 'Presentation', sans-serif;
      }








      /* ¿­·ÈÀ» ¶§ */
      .faq-item.active .faq-question {
        background-color: #20325F;
        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:18px;  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;margin-bottom:60px; }
        .faq-question {font-size: 16px;padding: 16px 18px;}
        .faq-answer { font-size: 14px;  line-height: 1.6; }
      }