.main {display: flex; flex-direction: column; background-color: var(--color-lightgreen); width: 100%; min-height: 100vh; position: relative;}

.main #navbar .navbar_member {
	margin-left: auto;
}

.main_section {
	/*padding-top: 5.955555vh; */
	margin: auto 0;
}

.main_section .inner_container {
	position: relative;
}

.main_section .bg_figure img {
	top: 53%; 
	left: 97.5%;
}

.main_heading {
	font-size: 5.0rem; 
	font-weight: 900; 
	line-height: 1.3;
	margin-bottom: 3.5vh; 
	text-align: center; 
}

.main .main_slide {
	max-height: 250px; 
	height: 24vh; 
	margin-bottom: 1.66%; 
}

.main .main_slide .main_slider {
	overflow: hidden; 
	height: 100%; 
	position: relative;
}

.main .main_slide .swiper-slide {
	display: flex; 
	align-items: center; 
	justify-content: center; 
	background: #fff; 
	border-radius: 25px; 
	border: 1px solid #eee; 
	height: 100%;
	overflow:hidden;
}

.main .main_slide .swiper-pagination-bullet {
	background: #b7d0ca; 
	width: 10px; 
	height: 10px; 
	opacity: 1;
}

.main .main_slide .swiper-pagination-bullet-active {
	background: #096d51; 
	width: 40px; 
	border-radius: 20px;
}

.main .summary {
	display: flex; 
	flex-direction: column; 
	width: min(23.75%, 285px); 
	max-height: 285px; 
	height: 22vh; 
	background-color: #fff; 
	border-radius: 30px; 
	padding: 35px 40px;
	border: 1px solid #eee; 
	position: relative;
}

.main .summary::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	border: 4px solid transparent;
	border-radius: 30px;
	transition: .25s;
}

.main .summary_title {
	font-size: 2.5rem; 
	margin-bottom: auto; 
	font-weight: 800; 
	letter-spacing: -1px; 
	word-break: keep-all;
	line-height: 1.3;
}

.main .summary_btn {
	font-size: 1.5rem; 
	font-family: 'KoPubWorldDotum'; 
	font-weight: 500;
}

.main .summary img {
	position: absolute; 
	right: 40px; 
	bottom: 35px;
}

.main .footer {margin-top: -2vh;}

@media only screen and (min-width: 1025px) {
	.main .summary:hover::after {
		border: 4px solid var(--color-green);
	}
} 

@media only screen and (max-width: 1920px) {
	.main .summary {
		height: 28vh;
	}
}

@media only screen and (max-width: 1440px) {
	.main_section .bg_figure img {
		/*top: 93%;*/
		left: 84.5%;
		width: 19%;
	}

	.main .summary {
		padding: 25px 25px;
		height: 19vh;
	}

	.main .summary img {
		right: 25px;
		bottom: 25px;
		width: 35%;
	}
}

@media only screen and (max-width: 1024px) {
	.main_section .bg_figure img {top: 91%;}
	.main .summary {height: 17vh;}
	.main .main_slide {height: 20vh;}
	.main .main_slide .swiper-slide .img_wrap {text-align: center;}
	.main .main_slide .swiper-slide img {max-width: 65%;}
}

@media only screen and (max-width: 767px) {
	.bg_figure .grass01 {
		top: 33%;
		width: 9%;
	}

	.bg_figure .grass02,
	.bg_figure .grass03 {display: none;}

	.bg_figure .grass04 {
		top: 13%;
		width: 14%;
	}

	.bg_figure .grass05 {
		display: block;
		left: -20px;
		top: 69%;
		width: 16%;
	}

	.main_section {
		padding-top: 40px;
	}

	.main_section .bg_figure {
		display: none;
	}

	.main_heading {
		font-size: 7.0rem;
	}

	.main_heading .br_mb {
		display: block;
	}

	.main_summary_list.dfbox {
		flex-wrap: wrap;
	}

	.main .summary {
		width: min(48.87%, 325px);
		padding: 35px 40px;
		height: 20vh;
	}

	.main .summary:nth-child(n+2) {
		margin-bottom: 2.26%;
	}

	.main .summary_title {
		font-size: 2.8rem;
	}

	.main .summary_btn {
		font-size: 2.0rem;
	}
	
	.main .footer {
		margin-top: -6vh;
	}
}

@media only screen and (max-width: 600px) {
	.main .main_slide {
		height: 26vh;
	}

	.main .summary {
		padding: 30px;
		height: 33vh;
	}

}

@media only screen and (max-width: 480px) {
	.bg_figure .grass05 {
		width: 21%;
		top: 64%;
	}

	.main_section {
		padding-top: 8vw;
	}

	.main_heading {
		font-size: 6.5rem;
	}

	.main .main_slide {
		height: 38vw;
	}

	.main .summary {
		height: 40vw;
		padding: 20px;
		border-radius: 20px;
	}

	.main .summary_title {
		font-size: 3.2rem;
	}

	.main .summary_btn {
		font-size: 2.25rem;
	}

	.main .summary img {
		bottom: 16px;
		right: 16px;
	}
}

@media only screen and (max-width: 350px) {
	.main .main_slide {
		height: 20vh;
	}

	.main .summary {
		height: 22vh;
		padding: 15px;
	}

	.main #navbar {
		margin-bottom: 20px;
	}

	.main #navbar .dfbox {
		position: relative;
	}

	.main #navbar .navbar_member {
		position: absolute;
		right: 0;
		top: 110%;
	}

	.navbar_search {
		margin-left: auto;
	}
}

@media only screen and (max-width: 300px) {
	.main_heading {font-size: 5.5rem;}
}