.faq_cat {
width: 94%;
max-width: 1024px;
margin: 16px auto;
}
.faq_cat_list {
justify-content: center;
font-size: 14px;
}
.faq_cat_list li {
width: calc(100% / 4);
}
.faq_cat_list li:first-of-type {
width: calc((100% / 4) - 96px);
}
.faq_cat_list li a {
position: relative;
padding-bottom: 12px;
}
.faq_cat_list li a::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-top: 2px solid #1a1a1a;
border-right: 2px solid #1a1a1a;
transform: translateY(-85%) rotate(45deg);
position: absolute;
right: 8px;
top: 42%;
}
.faq_cat_list li a.active::after {
border-top: 2px solid #977500;
border-right: 2px solid #977500;
transform: translateY(-85%) rotate(133deg);
}
.faq_cat_list li:hover {
transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
color: #957500;
}
.faq_in:nth-last-of-type(2) {
margin-bottom: 50px;
}
.faq_cat_list li:first-of-type a {
line-height: 42px;
}
.faq_cat_list li:first-of-type {
width: calc((100% / 4) - 90px);
}
@media screen and (max-width:768px) {
.faq_cat_list {
font-size: 12px;
}
}
@media screen and (max-width:480px) {
.faq_cat {
width: 100%;
max-width: max-content;
}
.faq_cat_list {
justify-content: start;
}
.faq_cat_list li {
width: 184px;
min-width: 184px;
}
.faq_cat_list li a {
height: 52px;
line-height: 1.4;
padding-bottom: 0;
}
.faq_cat_list li:first-of-type {
width: 171px;
min-width: 120px;
}
.faq_ques {
padding: 0 38px 0 26px;
}
.faq_content {
padding: 24px 0;
}
.faq_ans,
.maternity_faq_ans {
margin-top: 16px;
}
}