.w_1350 {
	max-width: 1350px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	.bh_wrap {
		padding-left: 0;
		padding-right: 0;
	}
}

main {
	padding-top: 18rem;
	overflow-x: hidden;
	@media (max-width: 992px){
		padding-top: 11.2rem;
	}
}

/* 메인 스와이퍼 */

.mainSwiper {
	max-width: 1170px;
	height: fit-content;
	overflow: visible;
	.swiper-slide {
		font-size: 18px;
		display: flex;
		max-width: 1170px;
		height: 530px;
		justify-content: center;
		align-items: center;
		position: relative;
		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: right;
			border-radius: 2rem;
		}
		.textarea {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: 7rem;
			h1 {
				font-size: 5rem;
				color: var(--bh_color_white);
				font-weight: 800;
				margin-bottom: 2rem;
				text-align: left;
				span {
					&.color_lemon {
						color: #ffeb78;
					}
					&.color_brown {
						color: #6b3f20;
					}
					&.color_red {
						color: #c42a26;
					}
				}
			}
			p {
				font-size: 2.4rem;
				font-weight: 600;
				color: var(--bh_color_white);
				text-align: left;
				margin-bottom: 5rem;
			}
			a {
				width: fit-content;
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				column-gap: 1rem;
				font-size: 1.8rem;
				font-weight: 600;
				color: #194f00;
				padding: 0.8rem 1.5rem;
				border-radius: 2.6rem;
				background-color: var(--bh_color_white);
				i {
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 50%;
					width: 3rem;
					height: 3rem;
					background-color: #194f00;
					color: var(--bh_color_white);
					font-size: 2rem;
					font-weight: normal;
					line-height: 1;
				}
			}
		}
		&.two{
			.textarea{
				a {
					color: var(--bh_color_white);
					background-color: #007200;
					i {
						background-color: var(--bh_color_white);
						color: #007200;
					}
				}
			}
		}
		&.three{
			.textarea{
				a {
					color: var(--bh_color_white);
					background-color: #1e2ea3;
					i {
						background-color: var(--bh_color_white);
						color: #1e2ea3;
					}
				}
			}
		}
		&.four{
			.textarea{
				a {
					color: var(--bh_color_white);
					background-color: #6b3f20;
					i {
						background-color: var(--bh_color_white);
						color: #6b3f20;
					}
				}
			}
		}
		&.five{
			position: absolute;
    		margin-left: -1200px;
			.textarea{
				a {
					color: var(--bh_color_white);
					background-color: #c42a26;
					i {
						background-color: var(--bh_color_white);
						color: #c42a26;
					}
				}
			}
		}
	}
	@media (max-width: 992px){
		width: 100%;
		overflow: hidden;
		.swiper-slide {
			width: 100% !important;
			height: 200px;
			img {
				border-radius: 0;
			}
			.textarea {
				left: 1rem;
				h1 {
					font-size: 1.8rem;
					margin-bottom: 1rem;
				}
				p {
					font-size: 1.5rem;
					margin-bottom: 2rem;
				}
				a {
					font-size: 1.5rem;
					column-gap: 0.5rem;
					padding: 0.4rem 1rem;
					i {
						width: 2.5rem;
						height: 2.5rem;
						font-size: 1.5rem;
					}
				}
			}
		}
	}
	.swiper-button-next,.swiper-button-prev {
		top: unset;
		left: unset;
		right: unset;
		width: fit-content;
		height: auto;
		margin-top: 0;
		bottom: -38px;
		&::after {
			display: none;
		}
		span {
			display: inline-block;
			font-size: 20px;
			line-height: 1;
			color: var(--bh_color_gray_400);
		}
	}
	.swiper-button-prev {
		position: static;
		right: 112px;
	}
	.swiper-button-next {
		right: 0;
		position: static;

	}
	.swiper-pagination-fraction {
		position: static;
		white-space: nowrap;
		width: fit-content;
		right: 40px;
		bottom: unset;
		top: unset;
		left: unset;
		font-size: 2rem;
		font-weight: 500;
		color: var(--bh_color_gray_400);
		span.line {
			display: inline-block;
			width: 1px;
			height: 13px;
			background-color: var(--bh_color_gray_300);
			margin: 0 14px;
		}
		.swiper-pagination-current {
			color: var(--bh_color_main);
		}
		@media (max-width: 992px){
			font-size: 1.6rem;
			span.line {
				margin: 0 10px;
			}
		}
	}
	.swiper_control {
		margin-top: 3rem;
		display: flex;
		column-gap: 30px;
		align-items: center;
		margin-left: 15px;
		@media (max-width: 992px){
			margin-top: 1.5rem;
			column-gap: 15px;
		}
	}
	.swiper_control_right {
		display: flex;
		column-gap: 20px;
		@media (max-width: 992px){
			column-gap: 10px;
		}
	}
	.swiper-pagination-progressbar {
		position: relative;
		flex-shrink: 1;
		height: 1px !important;
		width: 85% !important;

	}
}

/* 메인 공통  */
.front_icon {
	display: flex;
	align-items: center;
	column-gap: 1rem;
	&::before {
		content: "";
		display: inline-block;
		width: 3rem;
		height: 3rem;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
	}
}
.fire_icon {
	&::before {
		background-image: url("/assets/images/main/fire_icon.png");
	}
}
.sprout_icon {
	&::before {
		background-image: url("/assets/images/main/sprout_icon.png");
	}
}

/* 메인 - 섹션1 */
.section1 {
	margin-top: 8rem;
	margin-bottom: 10rem;
	.categorylist {
		display: flex;
		row-gap: 2rem;
		&:first-child {
			margin-bottom: 5rem;
		}
		.title {
			font-size: 2.4rem;
			font-weight: bold;
			margin-bottom: 1.5rem;
		}
		li {
			width: 100%;
		}
		.iconlist {
			display: flex;
			column-gap: 3rem;
			row-gap: 2rem;
			&.bo-r{
				padding-right: 3rem;
				margin-right: 3rem;
				border-right: 1px solid var(--bh_color_gray_300);
			}
			a {
				display: flex;
				flex-direction: column;
				align-items: center;
				transition: .3s;
				min-width: 11.5rem;
				&:hover {
					img {
						transform: scale(1.2);
					}
				}
				.imgarea {
					aspect-ratio: 1;
					background-color: #fff9f0;
					border-radius: 25px;
					display: flex;
					align-items: center;
					justify-content: center;
					width: 100%;
					/* min-width: 10rem; */
					&.bg_blue {
						background-color: #f1f6fd;
					}
					&.bg_green {
						background-color: #f2fbed;
					}
					&.bg_gray {
						background-color: var(--bh_color_gray_50);
					}
					img {
						transition: .3s;
					}
				}
				p {
					font-size: 1.8rem;
					font-weight: 500;
				}
			}
			.imgarea {
				margin-bottom: 1rem;
			}
		}
	}
	@media (max-width: 1200px){
		.categorylist {
			flex-wrap: wrap;
			&:first-child {
            	margin-bottom: 2rem;
			}
			.iconlist {
				column-gap: 2rem;
				&.bo-r{
					padding-right: 0;
					margin-right: 0;
					border-right: 0;
				}
			}
		}
	}
	@media (max-width: 992px){
		margin-top: 4rem;
		margin-bottom: 5rem;
		.categorylist {
			flex-wrap: wrap;
			&:first-child {
				margin-bottom: 2rem;
			}
			li {
				margin-bottom: 2rem;
			}
			.iconlist {
				column-gap: 1rem;
				&.f-wrap {
					flex-wrap: wrap;
				}
				a {
					width: calc((100% - 2rem)/3);
				}
			}
		}
	}
}

/* 메인 - 섹션2 */
.section2 {
	margin-bottom: 13.6rem;
	.cardlist {
		display: flex;
		column-gap: 3rem;
		row-gap: 5rem;
		li {
			position: relative;
			padding-top: 4rem;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			width: 100%;
			height: 26.9rem;
			border-radius: 2rem;
			span {
				display: block;
				font-size: 3rem;
				font-weight: 800;
				color: var(--bh_color_white);
				text-align: center;
				position: relative;
			}
			p {
				width: 50rem;
				padding-top: 2.5rem;
				border-radius: 2rem 2rem 0 0;
				background-color: var(--bh_color_white);
				font-size: 1.8rem;
				color: var(--bh_color_gray_800);
				text-align: center;
				position: absolute;
				left: 50%;
				bottom: -2.5rem;
				transform: translateX(-50%);
			}
			&:first-child {
				background-image: url("/assets/images/main/card1.png");
			}
			&:last-child {
				background-image: url("/assets/images/main/card2.png");
			}
		}
	}
	@media (max-width: 992px){
		margin-bottom: 9rem;
		.cardlist {
			flex-direction: column;
			li {
				height: 20rem;
				padding-top: 3rem;
				span {
					font-size: 2.4rem;
				}
				p {
					width: 90%;
					padding-top: 1.5rem;
				}
			}
		}
	}
}

/* 메인 - 섹션3 */
.section3 {
	margin-bottom: 11.1rem;
	h2 {
		font-size: 2.4rem;
		font-weight: bold;
		margin-bottom: 2.5rem;
	}
	.productlist {
		display: flex;
		column-gap: 3rem;
		li {
			.imgarea {
				overflow: hidden;
				border-radius: 2rem;
				margin-bottom: 1.5rem;
				img {
					width: 100%;
					border-radius: 2rem;
					display: block;
					transition: .3s;
				}
			}
			&:hover {
				.imgarea {
					img {
						transform: scale(1.1);
					}
				}
			}
			.textarea {
				p {
					font-size: 2rem;
					font-weight: 500;
					margin-bottom: 0.5rem;
				}
				span {
					display: block;
					font-size: 1.6rem;
					color: var(--bh_color_main);
				}
			}
		}
	}
	@media (max-width: 992px) {
		margin-bottom: 5rem;
		h2 {
			margin-bottom: 1.5rem;
		}
		.productlist {
			flex-wrap: wrap;
			justify-content: stretch;
			column-gap: 2rem;
			row-gap: 2rem;
			li {
				width: 47%;
				flex-shrink: 1;
				img {
				}
				.textarea {
					p {
						font-size: 1.8rem;
						margin-bottom: 0.2rem;
					}
					span {
						font-size: 1.6rem;
					}
				}
			}
		}
	}
}


/* 메인 - 섹션4 */
.section4 {
	margin-bottom: 10rem;
	h2 {
		font-size: 2.4rem;
		font-weight: bold;
		margin-bottom: 2.5rem;
	}
	li {
		img {
			border-radius: 2rem;
			margin-bottom: 1.5rem;
			display: block;
		}
		.textarea {
			p {
				font-size: 2rem;
				font-weight: 500;
				margin-bottom: 0.5rem;
			}
			span {
				display: block;
				font-size: 1.6rem;
				color: var(--bh_color_main);
			}
		}
	}
	.productSwiper {
		position: static;
		.swiper-wrapper {
			height: fit-content;
			position: static;
			.swiper-slide {
				height: fit-content;
			}
		}
		.swiper-button-next,.swiper-button-prev {
			top: 45%;
			width: 5rem;
			height: 5rem;
			aspect-ratio: 1;
			margin-top: 0;
			border-radius: 50%;
			box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  			background-color: var(--bh_color_white);
			&::after {
				display: none;
			}
			span {
				display: inline-block;
				font-size: 2.4rem;
				line-height: 1;
				color: var(--bh_color_gray_400);
			}
		}
		.swiper-button-next {
			right: 0;
		}
		.swiper-button-prev {
			left: 0;
		}
	}
	@media (max-width: 992px) {
		margin-bottom: 3rem;
		h2 {
			margin-bottom: 1.5rem;
		}
		li {
			.textarea {
				p {
					font-size: 1.4rem;
				}
				span {
					font-size: 1.3rem;
				}
			}
		}
		.productSwiper {
			width: 75%;
			.swiper-slide {
			    display: flex;
    			justify-content: center;
			}
			.swiper-button-next,.swiper-button-prev {
				width: 4rem;
				height: 4rem;
				span {
					font-size: 1.8rem;
				}
			}
			.swiper-button-next {
				right: 2rem;
			}
			.swiper-button-prev {
				left: 2rem;
			}
		}
	}
}

/* 메인 - 섹션5 */
.section5 {
	background-image: linear-gradient(to bottom, #fafafa, #fff);
	padding: 10rem 0 15rem;
	position: relative;
	&::before {
		content: "";
		display: inline-block;
		width: 35rem;
		height: 100%;
		background-image: linear-gradient(to bottom, #fafafa, #fff 20%);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		opacity: 0.7;
	}
	&::after {
		content: "";
		display: inline-block;
		width: 35rem;
		height: 100%;
		background-image: linear-gradient(to bottom, #fafafa, #fff 83%);
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
		opacity: 0.7;
	}
	.reviewSwiper {
		overflow: visible;
		position: static;
		.swiper-wrapper {
			height: fit-content;
			position: static;
			.swiper-slide {
				height: fit-content;
			}
		}
	}
	.review_item {
		box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.03);
		border-radius: 2rem;
    	overflow: hidden;
		transition: .3s;
		display: block;
		img {
			width: 100%;
			background-color: var(--bh_color_gray_300);
		}
		.content_area {
			padding: 3rem 3rem 2rem 3rem;
			.rating_area {
				display: flex;
				column-gap: 0.5rem;
				margin-bottom: 1.68rem;
				i {
					color:#ffcc00;
					font-size: 2.4rem;
					line-height: 1;
					@media (max-width: 992px) {
						font-size: 1.8rem;
					}
				}
			}
			.textarea {
				padding-bottom: 2.6rem;
				border-bottom: 1px solid var(--bh_color_gray_300);
				margin-bottom: 2rem;
				>p {
					font-size: 1.8rem;
					color: var(--bh_color_gray_800);
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 3;
					-webkit-box-orient: vertical;
					@media (max-width: 992px) {
						font-size: 1.6rem;
						-webkit-line-clamp: 2;
					}

				}
			}
			>p {
				display: flex;
				justify-content: space-between;
				font-size: 2rem;
				font-weight: bold;
				i {
					font-weight: 500;
					font-size: 2.4rem;
				}
			}
		}
		&:hover {
			transform: translateY(-2rem);
			.content_area>p {
				color: var(--bh_color_main);
			}
		}
	}
	@media (max-width: 992px) {
		padding: 5rem 0 7rem;
		.reviewSwiper {
			overflow: hidden;
		}
		&::before,&::after {
			display: none;
		}
		.review_item {
			.content_area {
				padding: 1rem;
				.rating_area {
					margin-bottom: 0.5rem;
				}
				.textarea {
					padding-bottom: 1.5rem;
					margin-bottom: 1rem;
				}
				>p {
					font-size: 1.5rem;
					i {
						font-size: 2rem;
					}
				}
			}
		}
	}
}