@charset "utf-8";

.body_layout {
	font-family: 'gothic', SimHei, Sans-serif, '맑은고딕', 'Malgun Gothic',
		-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif, "FangSong", "仿宋", STFangSong,
		"华文仿宋", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		AppleGothic, Dotum, arial, sans-serif;
}

.txtwrap .h-box {
	font-size: 20px !important;
}

.txtwrap p {
	font-size: 17px !important;
}

.behavior-wrap {
	margin-top: 40px;
}

.behavior-step {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 20px;
	margin-top: 45px;
}

.behavior-step .arrow {
	width: 20px;
	position: relative;
	flex-shrink: 0;
}

.behavior-step .arrow:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	border-top: 3px solid #66b38f;
	border-right: 3px solid #66b38f;
	transform: translateY(-50%) rotate(45deg);
}

.step-box {
	flex: 1;
	background: #fff;
	border: 1px solid #dce9e2;
	border-top: 5px solid #0b8d5e;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .05);
}

.step-title {
	padding: 22px 20px;
	background: #f7fbf9;
	text-align: center;
	border-bottom: 1px solid #e5efea;
	font-size: 24px !important;
}

.step-title span {
	display: inline-block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border-radius: 50%;
	background: #0b8d5e;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 12px;
}

.step-title strong {
	display: block;
	font-size: 20px;
	color: #0b6d4c;
}

.step-box ul {
	padding: 28px 30px;
}

.step-box ul li {
	line-height: 1.8;
	font-size: 18px !important;
}

.step-box ul li+li {
	margin-top: 12px;
}

@media ( max-width :1024px) {
	.behavior-step {
		flex-direction: column;
	}
	.behavior-step .arrow {
		width: 100%;
		height: 35px;
	}
	.behavior-step .arrow:before {
		top: 8px;
		left: 50%;
		transform: translateX(-50%) rotate(135deg);
	}
}