.help {
	margin: 0 auto;
	max-width: 1276px;
	padding: 80px 0;
}
.help > header {
	display:		flex;
	flex-direction:	column;
	position:		relative;
	padding-bottom:	40px;
}
.help h1 {
	font-family:	var(--bold);
	padding-bottom:	20px;
	font-size:		24px;
	line-height:	36px;
	font-weight:	normal;
}
.help > header p {}

.help-form {
	display:flex;
	gap:20px;
	flex-direction:column;
}
.help-form h2 {
	color:var(--blue-1);
	font-size:36px;
	line-height:54px;
	padding-bottom:8px;
	font-family:var(--semibold);
}
.help-form p {
	font-size:16px;
	line-height:24px;
	padding-bottom:8px;
}
.help-form h3 {
	color:var(--light-blue);
	font-size:24px;
	line-height:48px;
	padding-bottom:8px;
	font-family:var(--semibold);
	padding-top:20px;
}
.help-form form {
	border-radius:15px;
	padding:20px 20px 25px;
	background: var(--another-grey);
	order:2;
}
.help-form .headline-1 {
	order:1;
}
.help-form .headline-2 {
	order:3;
}
.help-form fieldset {
	border:0;
}
.help-form p {
	font-size:18px;
	line-height:27px;
	padding-bottom:20px;
}
.help-form label {
	display:flex;
	gap:8px;
	flex-direction:column;
	position:relative;
}
.help-form label span {
	font-family:var(--normal);
	padding-left:12px;
}
.help-form label input {
	border:0;
	padding:0 15px;
	margin:0;
	border-radius:7px;
	line-height:48px;
	font-size:16px;
	background:var(--default);
}
.help-form label input:placeholder,
.help-form label textarea:placeholder {
	opacity:1;
	color:var(--grey-one);
}
.help-form label input::placeholder,
.help-form label textarea::placeholder {
	opacity:1;
	color:var(--grey-one);
}
.help-form label input::-moz-placeholder,
.help-form label textarea::-moz-placeholder {
	opacity:1;
	color:var(--grey-one);
}
.help-form label input::-webkit-placeholder,
.help-form label textarea::-webkit-placeholder {
	opacity:1;
	color:var(--grey-one);
}
.help-form label textarea {
	border:0;
	padding:0 15px;
	margin:0;
	border-radius:7px;
	line-height:18px;
	font-size:16px;
	height:240px;
	background:var(--default);
}
.help-form label[for="contact-problem"] {
	border:0;
	padding:0 15px;
	margin:0;
	border-radius:7px;
	line-height:48px;
	font-size:16px;
	background:var(--default);
	position:relative;
	height:48px;
}
.help-form label[for="contact-problem"] span {
	position:absolute;
	top:0;
	left:0px;
	color:var(--placeholder);
	font-family:var(--normal);
	z-index: 1;
}
.help-form label select {
	border:0;
	line-height:48px;
	font-size:16px;
	background:white;
	border-radius:7px;
	min-height:48px;
	z-index: 2;
	position: relative;
	padding: 0 15px;
}
.help-form label option {
	background:white;
	font-size:16px;
	padding:0 16px;
	line-height:24px;
}
.help-form label i {
	position:absolute;
	z-index:3;
	height:48px;
	width:48px;
	right:0;
	top:0;
	border-radius:7px;
	display:block;
	background:white;
	pointer-events:none;
}
.help-form label[for="contactLog_Category"] i,
.help-form label[for="contactLog_Memno"] i {
	top: 35px;
}
.field-validation-error {
	background:var(--red-25);
	border-left:3px solid var(--red);
	display:block;
	font-size:12px;
	padding: 5px;
	margin-top: 8px;
	line-height:16px;
}
.help-form label i svg{
	width: 28px;
	height: 17px;
	display: block;
	margin-right: 24px;
	position: relative;
	top: 19px;
}
.help-form label i path {
	stroke: var(--blue-1);
	stroke-width: 4;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
}
.faq-accordion .section-content {
	display:none;
	padding:15px;
	padding:0 24px 24px;
}
.help-form .submit-line {
	padding-top:20px;
	text-align:right;
}
.help-form .btn-secondary {
	background:			var(--secondary);
	color:				var(--charcoal);

	border-radius:		5px;
	box-shadow:			0px 0px 7px 0px #00000040;
	font-size:			21px;
	height:				50.92px;
	letter-spacing:		-0.03em;
	line-height:		50.92px;
	text-align:			center;
	padding:			0 24px;
	display:			inline-block;
	transition:			all 0.2s ease;
}
.help-form .btn-secondary:hover {
	background:			var(--sky-blue);
	color:				var(--default);
}
.alert {
	background:var(--light-blue-25);
	margin:12px;
	padding:12px;
	border-left:3px solid var(--light-blue);
}
.alert .btn-close {
	display:none;
}
.help-extra-text {
	max-width:			906px;
	margin:				0 auto;
	padding:			0 20px 24px;
}
.help-extra-text h2 {
	font-family:		var(--semibold);
	padding-bottom:		12px;
}
.help-extra-text p {
	padding-bottom:		8px;
}
@media all and (min-width:780px) {
	.help > header {
		flex-direction:	row;
		gap:			20px;
		align-items:	center;
	}
	.help h1 {
		font-size:		70px;
		line-height:	84.84px;
		padding-bottom:	26px;
	}
	.help > header > div {
		width:			60%;
		min-width:		60%;
		max-width:		60%;
	}
	.help-form {
		display:			block;
		max-width:			906px;
		margin:				0 auto;
		width:				100%;
		padding:			0 20px;
	}
	.help-form:after{
		content:"";
		display:block;
		clear:both;
		width:100%;
	}
	/*.help-form form {
		order:1;
		float:left;
		width:calc(50% - 20px);
	}
	.help-form .headline-1 {
		order:2;
		float:right;
		width:calc(50% - 20px);
	}
	.help-form .headline-2 {
		order:3;
		float:right;
		width:calc(50% - 20px);
	}*/
}