.qna-container {
    margin: 50px 0;
}

details summary { 
    list-style-type: none; 
}

details summary::-webkit-details-marker { 
    display: none; 
}

details summary::marker {
    display: none; 
}

.question-container .question {
    padding-bottom: 25px;
}

.question-container[open] .question {
    padding-bottom: 10px;
}

.qna-section {
    background-color: #F5F5F5;
    transition: 0.4s;
    outline: none;
    margin-bottom: 20px;
}

.qna-subtitle {
    font-size: 22px;
    line-height: 24px;
}

.qna-section-summary {
    padding: 20px 50px;
    vertical-align: middle;
    margin-bottom: 25px;
}

summary:hover, summary:focus {
    outline: none;
} 

.qna-section-summary:hover {
    background-color: #ccc;
    transition: 0.4s;
}

.question-summary:hover {
    text-decoration: underline;
}

.qna-section[open] .qna-section-summary {
    background-color: #ccc;
}

.question {
    font-size: 18px;
    font-family: "din-2014", sans-serif;
    line-height: 24px;
    color: #00909f;
}

.answer {
    padding: 0 50px;
    padding-bottom: 20px;
}

summary.question, detail.answer {
    padding: 0 50px;
}