/* /css/page_faq.css */

/* ==================== FAQ ==================== */
#boxFaq{padding:0;}
#boxFaq .faq-wrap{max-width:900px;padding-top:0;padding-bottom:3rem;}

/* ==================== Ä«Å×°í¸® ==================== */
#boxFaq .faq-category{display:flex;width:100%;margin-bottom:0;border-bottom:1px solid #e5e7eb;overflow-x:auto;white-space:nowrap;scrollbar-width:none;}
#boxFaq .faq-category::-webkit-scrollbar{display:none;}
#boxFaq .faq-category a{position:relative;flex:0 0 auto;padding:1rem .5rem;color:#8b95a1;font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:-.025em;}
#boxFaq .faq-category a:first-child{padding-left:0;}
#boxFaq .faq-category a.on{color:#222;}
#boxFaq .faq-category a.on::after{content:'';position:absolute;right:1.15rem;bottom:0;left:1.15rem;height:3px;background:#222;}
#boxFaq .faq-category a:first-child.on::after{left:0;}

/* ==================== ¸ñ·Ï ==================== */
#boxFaq .faq-list{border-top:0;}
#boxFaq .faq-item{border-bottom:1px solid #e5e7eb;}
#boxFaq .faq-question{display:flex;align-items:center;width:100%;min-height:72px;padding:1rem 0;border:0;background:#fff;color:#222;text-align:left;cursor:pointer;}
#boxFaq .faq-question strong{flex:1;min-width:0;font-size:1.05rem;font-weight:500;line-height:1.5;letter-spacing:-.025em;word-break:keep-all;}
#boxFaq .faq-q{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;margin-right:.85rem;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.95rem;font-weight:700;line-height:1;}
#boxFaq .faq-arrow{position:relative;flex:0 0 10px;width:10px;height:10px;margin-left:1rem;margin-right:.3rem;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(45deg) translateY(-3px);transition:transform .2s ease;}
#boxFaq .faq-question[aria-expanded="true"] .faq-arrow{transform:rotate(225deg) translate(-2px,-2px);}
#boxFaq .faq-answer{background:#fafbfc;}
#boxFaq .faq-answer__inner{padding:1.5rem 1.25rem 2rem 3.65rem;color:#333;font-size:1rem;line-height:1.9;word-break:keep-all;}
#boxFaq .faq-answer__image{margin-top:1.8rem;text-align:center;}
#boxFaq .faq-answer__image img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:.75rem;}
#boxFaq .faq-empty{min-height:200px;padding:5rem 1rem;border-bottom:1px solid #e5e7eb;color:#94a3b8;font-size:.95rem;text-align:center;}
#boxFaq .faq-paging{margin-top:2rem;text-align:center;}

/* ==================== PC ==================== */
@media(min-width:769px){
	#boxFaq{padding:0 0 2rem;}
	#boxFaq .faq-wrap{max-width:1100px;}
	#boxFaq .faq-category{justify-content:flex-start;}
	#boxFaq .faq-category a{padding:1.4rem 1.6rem;font-size:1.1rem;}
	#boxFaq .faq-category a.on::after{right:1.6rem;left:1.6rem;}
	#boxFaq .faq-category a:first-child.on::after{left:0;}
	#boxFaq .faq-list{border-top:1px solid #1d2b3a;}
	#boxFaq .faq-question{min-height:72px;padding:1rem 1.25rem;}
	#boxFaq .faq-question strong{font-size:1rem;}
	#boxFaq .faq-answer__inner{padding:2rem 4.8rem 2.5rem;font-size:1.05rem;line-height:2;}
}

@media(max-width:768px){
	#boxFaq .faq-category a.on::after{
		right:.5rem;
		left:.5rem;
	}
	#boxFaq .faq-category a:first-child.on::after{
		left:0;
	}
}

@media(max-width:480px){
	#boxFaq .faq-wrap{padding-left:0;padding-right:0;min-height:100vh;}
	#boxFaq .faq-category{padding-left:1.25rem;}
	#boxFaq .faq-category a:last-child{margin-right:1.25rem;}
	#boxFaq .faq-question{padding-left:1.25rem;padding-right:1.25rem;}
	#boxFaq .faq-answer__inner{padding-left:4.1rem;padding-right:1.25rem;}
}
