@charset "utf-8";

/* =========================================================
   상세페이지 공통 자주 묻는 질문
========================================================= */
#boxFaq{--blue:#0059d9;padding-top:106px;padding-bottom:106px;}
#boxFaq .sectionTitle{margin-bottom:1.5rem;color:#1b2639;font-size:2rem;font-weight:500;line-height:1.35;text-align:left;}
#boxFaq .faqInner{max-width:92rem;margin:0 auto;}
#boxFaq .faqList{display:flex;flex-direction:column;gap:.75rem;}
#boxFaq .faqItem{overflow:hidden;border:1px solid #edf0f5;border-radius:.5rem;background:#f4f6fa;}
#boxFaq .faqQuestion{display:flex;width:100%;min-height:4rem;padding:.5rem 3rem;align-items:center;justify-content:space-between;gap:2rem;border:0;background:transparent;text-align:left;cursor:pointer;box-sizing:border-box;}
#boxFaq .faqQuestion span{display:flex;min-width:0;align-items:center;gap:1.35rem;color:#050505;font-size:1.25rem;font-weight:500;line-height:1.4;letter-spacing:-.035em;}
#boxFaq .faqQuestion b{flex:0 0 auto;color:#c8cdd2;font-size:1.5rem;font-weight:600;}
#boxFaq .faqItem.isOpen .faqQuestion span,#boxFaq .faqItem.isOpen .faqQuestion b{color:var(--blue);}
#boxFaq .faqQuestion i{position:relative;width:1rem;height:1rem;flex:0 0 1rem;}
#boxFaq .faqQuestion i:before{content:"";position:absolute;left:50%;top:50%;width:.65rem;height:.65rem;border-right:.18rem solid #d0d4d8;border-bottom:.18rem solid #d0d4d8;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;transition:transform .2s ease,border-color .2s ease;}
#boxFaq .faqItem.isOpen .faqQuestion i:before{border-color:#c8cdd2;transform:translate(-50%,-50%) rotate(225deg);}
#boxFaq .faqAnswer{display:none;padding:0 5.5rem 2.5rem;}
#boxFaq .faqItem.isOpen .faqAnswer{display:block;}
#boxFaq .faqAnswer>div{color:#666;font-size:1.15rem;line-height:1.65;}
@media(max-width:768px){
	#boxFaq{padding-top:2.5rem;padding-bottom:2.5rem;}
	#boxFaq .sectionTitle{margin-bottom:.75rem;padding-left:1rem;font-size:1.25rem;}
	#boxFaq .faqList{gap:0;}
	#boxFaq .faqItem{border-radius:0;background:#fff;}
	#boxFaq .faqQuestion{min-height:3.4rem;padding:0 1.25rem;gap:1rem;}
	#boxFaq .faqQuestion span{align-items:flex-start;gap:.65rem;font-size:1.1rem;font-weight:500;line-height:1.4;letter-spacing:-.035em;}
	#boxFaq .faqQuestion b{font-size:1.2rem;}
	#boxFaq .faqAnswer{padding:0 3rem 1rem;}
	#boxFaq .faqAnswer>div{font-size:1rem;line-height:1.6;}
}