@charset "utf-8";
.faq_section {
		padding: 130px 40px;
		background: #FAFAFA;
		color: #022F7A;
}
.faq_inner {
		max-width: 960px;
		margin: 0 auto;
}
.faq_inner hgroup {
		text-align: center;
}
.faq_group {}
.faq_item {
		margin: 0 0 20px;
		padding: 0 25px 0;
		background: #fff;
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}
.faq_Q {
		font-size: 18px;
		font-weight: 700;
		position: relative;
		padding-left: 70px;
		height: 70px;
		display: flex;
		align-items: center;
		cursor: pointer
}
.faq_Q .no, .faq_A .no {
		font-family: "Poppins", sans-serif;
		font-size: 20px;
		font-weight: 800;
		position: absolute;
		left: 0px;
		width: 70px;
		text-align: center;
}
.faq_Q .no {
		color: #527DC3;
}
.faq_A .no {
		color: #D3336B;
}
.faq_Q .faq_trigger {
		position: absolute;
		width: 26px;
		height: 26px;
		top: 22px;
		right: 15px;
		background: #EDEFF2;
		border-radius: 50%;
}
.faq_trigger::before, .faq_trigger::after {
		content: '';
		display: block;
		position: absolute;
		top: 12px;
		left: 7px;
		width: 12px;
		height: 2px;
		background: #022F7A;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.faq_trigger::after {
		transform: rotate(90deg)
}
.isOpen .faq_trigger::before {
		transform: rotate(180deg);
}
.isOpen .faq_trigger::after {
		transform: rotate(270deg);
		opacity: 0;
}
.faq_A {
		font-weight: 500;
		padding-left: 70px;
		position: relative;
		padding-top: 20px;
		padding-bottom: 35px;
		display: none;
}
.faq_A::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #E4E4E4;
}
.faq_A p {
		line-height: 1.8;
}
@media(max-width: 767px) {
		.faq_section {
				padding: 60px 20px;
		}
		.faq_item {
				margin: 0 0 15px;
				padding: 0 15px 0;
				box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
		}
		.faq_Q {
				font-size: 16px;
				padding-left: 40px;
				height: 90px;
				line-height: 1.6;
				padding-right: 40px;
		}
		.faq_Q .no, .faq_A .no {
				font-size: 18px;
				width: 40px;
				text-align: left;
		}
		.faq_Q .faq_trigger {
				top: calc(50% - 13px);
				right: 0;
		}
		.faq_A {
				padding-left: 40px;
				padding-top: 20px;
		}
}