@charset "utf-8";

#atc_faq{position:relative;padding:var(--sec-pad) 0;width:100%;min-width:var(--main-size);background-color:#ebf7f9}
#atc_faq .faq_list{margin:60px auto 0;width:var(--wrap-narrow);max-width:calc(100% - var(--wrap-gap) * 2)}
#atc_faq .faq_item{border-radius:8px;background-color:#fff;transition:all .3s}
#atc_faq .faq_item+.faq_item{margin-top:12px}

/* 질문 */
#atc_faq .faq_q{display:flex;align-items:center;gap:18px;width:100%;padding:28px 34px;border:none;text-align:left;background-color:transparent;cursor:pointer;transition:all .3s}
#atc_faq .q_mark{flex-shrink:0;font-size:18px;font-weight:700;font-family:var(--e-font);color:var(--primary);transition:all .3s}
#atc_faq .q_txt{flex:1 1 auto;font-size:20px;font-weight:600;letter-spacing:-0.02em;color:var(--black);transition:all .3s}
#atc_faq .faq_q svg{flex-shrink:0;width:22px;height:22px;stroke-width:2px;color:#bbb;transition:all .3s}
#atc_faq .faq_q:hover .q_txt{color:var(--primary)}

/* 활성 상태: 브랜드 컬러 */
#atc_faq .faq_item.on{background-color:var(--primary)}
#atc_faq .faq_item.on .q_mark, #atc_faq .faq_item.on .q_txt, #atc_faq .faq_item.on .faq_q svg{color:#fff}
#atc_faq .faq_item.on .faq_q svg{transform:rotate(180deg)}

/* 답변 */
#atc_faq .faq_a{display:none;padding:0 34px 30px 72px}
#atc_faq .faq_a p{padding-top:22px;border-top:1px solid rgb(255, 255, 255, 0.3);font-size:17px;font-weight:400;line-height:1.8;color:rgb(255, 255, 255, 0.92)}

#atc_faq .faq_more{display:flex;justify-content:center;align-items:center;margin:56px auto 0;width:240px;height:60px;border:2px solid var(--primary);border-radius:30px;font-size:17px;font-weight:600;color:#fff;background-color:var(--primary);transition:all .3s}
#atc_faq .faq_more:hover{color:var(--primary);background-color:#fff}

@media (max-width:1980px){
#atc_faq .faq_q{padding:24px 30px}
#atc_faq .q_txt{font-size:18px}
#atc_faq .faq_a{padding:0 30px 26px 66px}
#atc_faq .faq_a p{font-size:16px}
}