@font-face {
								font-family: 'jalnan';
								src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
								font-weight: normal;
								font-style: normal
							}

							.vision__top {
								margin-top: 100px;
								border-radius: 20px;
								background: #F9F9F9;
								padding: 44px 24px;
								display: flex;
								align-items: center;
								justify-content: center;
								gap: 110px;
							}

							.vision__top-img {
								flex-shrink: 0;
							}

							.vision__top-con {
								text-align: center;
							}

							.vision__top-title {
								font-family: 'jalnan';
								font-size: 26px;
								color: #56B65C;
							}

							.vision__top-desc {
								margin: 12px 0 0 !important;
								font-size: 16px;
								color: #545454;
							}

							.vision__edu {
								text-align: center;
								display: flex;
								position: relative;
								justify-content: space-between;
								padding-top: 44px;
								max-width: 1000px;
								margin: 40px auto 0;
							}

							.vision__edu::before {
								content: "";
								width: 1px;
								height: 40px;
								position: absolute;
								left: 50%;
								top: -40px;
								background-color: #DBDBDB;
							}

							.vision__edu::after {
								content: "";
								width: calc(100% - 210px);
								height: 1px;
								position: absolute;
								left: 50%;
								transform: translateX(-50%);
								top: 0;
								background-color: #DBDBDB;
							}

							.vision__edu-item {
								width: 210px;
								height: 210px;
								display: flex;
								flex-direction: column;
								align-items: center;
								padding: 46px 8px 10px;
								gap: 20px;
								background-color: #fff;
								position: relative;
								border-radius: 50%;
								border: 1px solid #56B65C;
							}

							.vision__edu-item::before {
								content: "";
								width: 10px;
								height: 10px;
								border-radius: 50%;
								background-color: #51B95B;
								position: absolute;
								top: -5px;
								left: 50%;
								transform: translateX(-50%);
							}

							.vision__edu-item::after {
								content: "";
								width: 1px;
								height: 44px;
								top: -44px;
								left: 50%;
								background-color: #DBDBDB;
								position: absolute;
								z-index: -1;
							}

							.vision__edu-title {
								font-family: 'jalnan';
								font-size: 16px;
								color: #56B65C;
							}
							.vision__edu-title > span {
								position: relative;
								z-index: 0;
							}

							.vision__edu-title > span::before {
								background-color: #E2EFC4;
								position: absolute;
								bottom: -1px;
								left: 50%;
								transform: translateX(-50%);
								content: "";
								width: calc(100% + 4px);
								height: 8px;
								z-index: -1;
							}

							.vision__edu-desc {
								margin: 0 !important;
								font-size: 14px;
								color: #545454;
								line-height: 1.4;
							}

							@media (max-width: 1140px) and (min-width: 1001px) {
								.vision__top {
									gap: 40px;
								}

								.vision__edu {
									flex-wrap: wrap;
									padding: 0;
									max-width: 500px;
									gap: 34px;
								}

								.vision__edu::after,
								.vision__edu::before,
								.vision__edu-item::after,
								.vision__edu-item::before {
									display: none;
								}
							}

							@media (max-width: 900px) {
								.vision__top {
									gap: 40px;
								}

								.vision__edu {
									flex-wrap: wrap;
									justify-content: center;
									padding: 0;
									max-width: 500px;
									gap: 34px;
								}

								.vision__edu::after,
								.vision__edu::before,
								.vision__edu-item::after,
								.vision__edu-item::before {
									display: none;
								}
							}

							@media (max-width: 580px) {
								.vision__top {
									flex-direction: column;
									gap: 30px;
									padding: 24px 24px 34px;
								}

								.vision__edu {
									max-width: 210px;
								}

								.vision__edu-item::after,
								.vision__edu-item::before {
									display: block;
								}
							}
