@charset "utf-8";
/*------------------------------------------------------------
	explanation
------------------------------------------------------------*/
#conts .photo {
	margin: 0 auto 2.7rem;
	max-width: 20.6rem;
}
#conts .title {
	margin-bottom: 0.8rem;
	font-weight: 700;
	line-height: 1.75;
	text-align: center;
}
#conts .sml {
	margin-bottom: 5.8rem;
	font-size: 1rem;
	font-weight: 500;
	text-align: center;
}
#conts .note {
	margin-bottom: 2.4rem;
	color: #FF3636;
	font-size: 1.2rem;
	letter-spacing: 0.04em;
	text-align: center;
	line-height: 1.33;
}
#conts .textArea {
	margin: 0 auto;
	max-width: 34rem;
}
#conts .textArea .text {
	margin-bottom: 1.4rem;
	padding: 1rem 1rem 1.4rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.42;
	letter-spacing: 0.04em;
	text-align: center;
	border-radius: 0.8rem;
	background-color: #E9F6FA;
}
#conts .textArea .smlText {
	font-size: 1rem;
	letter-spacing: 0;
	line-height: 1.6;
}
@media all and (max-width: 896px) {
	#conts {
		padding: 9.6rem 0 8rem;
		min-height: calc(100vh - 15.5rem);
		background-color: #FFF;
	}
	#conts .comFixBtn {
		background: #FFF;
	}
	#gFooter {
		background-color: #FFF;
	}
}
@media all and (min-width: 897px) {
	#conts .subInner {
		background-color: #FFF;
	}
	#conts .title,
	#conts .note {
		padding: 0 1.6rem;
	}
	#conts .sml {
		padding: 0 1.6rem;
	}
	#conts .textArea {
		margin: 0 1.6rem;
		max-width: inherit;
	}
}