.list-wrap dl { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; } .faq_set.card { border: 0.5px solid #e5e7eb; border-radius: 12px; background: #fff; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s; margin: 0 !important; padding: 0 !important; } .faq_set.card:has(.faq_main:not(.none)) { border-color: #93c5fd; box-shadow: 0 2px 12px rgba(24, 95, 165, 0.5); } .faq_set.card dt { margin: 0; padding: 0; } .faq_set.card dt a.view-link-btn { display: flex; align-items: center; gap: 12px; padding: 1rem 1.25rem; text-decoration: none; color: #111; font-size: 15px; font-weight: 500; line-height: 1.4; transition: background 0.15s; } .faq_set.card dt a.view-link-btn:hover { background: #f8fafc; } .faq_set.card dt a.view-link-btn img { display: none; } .faq_set.card dt a.view-link-btn::before { content: 'Q'; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #f0f4f8; color: #64748b; font-size: 13px; font-weight: 600; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .faq_set.card:has(.faq_main:not(.none)) dt a.view-link-btn::before { background: #dbeafe; color: #185FA5; } .faq_set.card dt a.view-link-btn::after { content: ''; display: inline-block; width: 8px; height: 8px; border-right: 2px solid #aab; border-bottom: 2px solid #aab; transform: rotate(45deg); margin-left: auto; flex-shrink: 0; transition: transform 0.3s ease, border-color 0.2s; position: relative; top: -2px; } .faq_set.card:has(.faq_main:not(.none)) dt a.view-link-btn::after { transform: rotate(225deg); border-color: #185FA5; top: 2px; } .faq_main { overflow: hidden; transition: height 0.3s ease; margin: 0 !important; padding: 0 !important; border-top: 0.5px solid #e5e7eb; } .faq_main.none { display: none; border-top: none; } .faq_main .contents_list { padding: 1rem 1.25rem 1.25rem 1.25rem; margin: 0 !important; font-size: 14px; color: #4b5563; line-height: 1.75; } .faq_main .contents_list p { margin: 0 0 0.4em 0; } .faq_main .contents_list p:last-child { margin-bottom: 0; } .faq_main .contents_list img.upload_img { display: block; max-width: 100%; height: auto; border-radius: 8px; margin: 0.75rem 0; }