@charset "utf-8";

/* qna */
#container .page section.qna {
	margin-top: 150px;
	margin-bottom: 100px;
}
#container .page section.qna .form-group {
	display: flex;
	flex-wrap: wrap;
	column-gap: 50px;
	row-gap: 100px;
	margin-bottom: 100px;
}
#container .page section.qna .form-group.nogap {
	gap: 0;
}
#container .page section.qna .form-group .cols {
	flex: 1;
}
#container .page section.qna .form-group .control {
	position: relative;
	width: 100%;
}
#container .page section.qna .form-group .control label,
#container .page section.qna .label {
	font-size: 26px;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
	width: 100%;
}
#container .page section.qna span.req {
	color: #ff0000;
	font-size: 16px;
	vertical-align: top;
}
#container .page section.qna .form-group .control input {
	border: none;
	padding: 0;
	font-size: 20px;
	color: #000;
	border-bottom: 1px solid #D0D0D0;
	width: 100%;
	padding-bottom: 15px;
}
#container .page section.qna .form-group .control input:focus {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid #000 !important;
	outline: none;
	box-shadow: none;
}
#container .page section.qna .form-group .control input::placeholder {
	color: #999999;
}

#container .page section.qna .form-group .control_r {
	display: flex;
	flex-wrap: wrap;
	column-gap: 50px;
	row-gap: 20px;
	width: 100%;
}
#container .page section.qna .form-group .control_r label {
	font-size: 20px;
	cursor: pointer;
}
#container .page section.qna .form-group .control_r input {
	width: 25px;
	height: 25px;
	aspect-ratio: 1;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #D0D0D0;
	border-radius: 50%;
	outline-offset: 2.5px;
	padding: 2.5px;
	background: radial-gradient(farthest-side,#1FA490 100%,#0000) 50%/0 0 no-repeat content-box;
	transition-property: border-color, background-size;
	transition-timing-function: ease;
	transition-duration: 0.3s;
}
#container .page section.qna .form-group .control_r input:checked {
	border-color: #1FA490;
	background-size: 100% 100%;
}
#container .page section.qna .form-group .control_r input:disabled {
	background: linear-gradient(#939393 0 0) 50%/100% 20% no-repeat content-box;
	opacity: .5;
	cursor: not-allowed;
}
#container .page section.qna .form-group .control textarea {
	width: 100%;
	min-height: 300px;
	padding: 20px;
	border-color: #D9D9D9;
	font-size: 16px;
}
#container .page section.qna .form-group .control textarea:focus {
	border: 1px solid #000 !important;
	outline: none;
	box-shadow: none;
}
#container .page section.qna .form-group .control_c {
	position: relative;
	margin-top: 30px;
	font-size: 20px;
}
#container .page section.qna .form-group .control_c input {
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #000;
	width: 30px;
	height: 30px;
	border-radius: 0;
	margin-right: 10px;
}
#container .page section.qna .form-group .control_c input:checked::before {
	content: '\f00c';
	display: block;
	font-family: 'FontAwesome';
	font-size: 22px;
	padding: 3px;
	color: #1FA490;
}

#container .page section.qna .btn_confirm {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	text-align: center;
	margin-top: 50px;
}
#container .page section.qna .btn_confirm button {
	width: 100%;
	max-width: 300px;
	font-size: 20px;
	border: none;
	background-color: #1FA490;
	color: #fff;
	padding: 28px 10px;
}
#container .page section.qna .btn_confirm button:hover,
#container .page section.qna .btn_confirm button:focus {
	background-color: #197e6e;
}
#container .page section.qna .btn_confirm a {
	width: 100%;
	max-width: 300px;
	font-size: 20px;
	border: none;
	background-color: #3a8afd;
	color: #fff;
	padding: 28px 10px;
}
#container .page section.qna .btn_confirm a:hover,
#container .page section.qna .btn_confirm a:focus {
	background-color: #2375eb;
}

/* 반응형 */
@media screen and (max-width: 1000px) {
	#container .page section.qna {
		margin-top: 80px;
	}
	#container .page section.qna .form-group .cols {
		width: 100%;
		flex: none;
	}

	#container .page section.qna .form-group .control_c label {
		display: block;
		padding-left: 30px;
	}
	#container .page section.qna .form-group .control_c input {
		position: absolute;
		top: 2px;
		left: 0;
		width: 20px;
		height: 20px;
	}
	#container .page section.qna .form-group .control_c input:checked::before {
		font-size: 13px;
	}

	#container .page section.qna .form-group .control label,
	#container .page section.qna .label {
		font-size: 22px;
	}
	#container .page section.qna .form-group .control input,
	#container .page section.qna .form-group .control_r label,
	#container .page section.qna .form-group .control textarea,
	#container .page section.qna .form-group .control_c {
		font-size: 18px;
	}
}

@media print {
	#container .page section.qna .form-group .control_r input,
	#container .page section.qna .form-group .control_c input {
		-webkit-appearance: auto;
		appearance: auto;
	}
	#container .page section.qna .form-group .control_c input::before {
		display: none;
	}
}