#container.sub {
	position: relative
}

#container.sub .sub-title.taste_detail_title {
	margin: 0 auto;
	height: 60rem;
	padding: 13.9375rem 1.25rem 10.1875rem 1.25rem;
	gap: 0;
	align-items: flex-start;
	background-image: url("../images/taste_detail_bg.png");
	background-position: 80% center;
	background-size: cover
}

#container.sub .taste_detail_title_inner {
	width: 100%;
	padding-left: 1.25rem;
	position: absolute;
	left: 0;
	top: 13.3125rem;
	z-index: 1
}

#container.sub .taste_detail_title_inner .taste_subject_wrapper {
	width: 84.375%;
	min-width: 75rem;
	margin: 0 0 4.5rem auto
}

#container.sub .taste_detail_title_inner .taste_subject_wrapper .taste_subject h3 {
	font-size: 2.5rem;
	font-weight: 250;
	line-height: 3.5rem;
	color: #111;
	margin: .5rem 0 1.5rem 0
}

#container.sub .taste_detail_title_inner .taste_subject_wrapper .taste_subject span {
	font-size: .875rem;
	font-weight: 250;
	line-height: 1.5rem;
	color: #505050;
	letter-spacing: -0.025rem
}

#container.sub .taste_detail_title_inner .taste_subject_wrapper p {
	font-size: .875rem;
	font-weight: 300;
	line-height: 1.5rem;
	color: #505050;
	font-family: "Pretendard"
}

#container.sub .taste_detail_title_inner .taste_info {
	width: 84.375%;
	min-width: 75rem;
	margin: 0 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: .75rem
}

#container.sub .taste_detail_title_inner .taste_info>div {
	display: flex;
	align-items: flex-start
}

#container.sub .taste_detail_title_inner .taste_info>div strong {
	display: block;
	width: 7.5rem;
	margin-right: 2.5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.625rem;
	color: #111;
	font-family: "Pretendard"
}

#container.sub .taste_detail_title_inner .taste_info>div>div {
	display: flex;
	align-items: center
}

#container.sub .taste_detail_title_inner .taste_info>div>div span {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.625rem;
	color: #505050;
	font-family: "Pretendard";
	display: flex;
	align-items: center
}

#container.sub .taste_detail_title_inner .taste_info>div>div span.org_milk::before {
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: url("../html/svg/org_milk.svg") center no-repeat;
	margin-right: .25rem
}

#container.sub .taste_detail_title_inner .taste_info>div>div span.balanced::before {
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: url("../html/svg/balanced.svg") center no-repeat;
	margin: 0 .25rem 0 1.25rem
}

#container.sub .taste_detail_title_inner .taste_info>div>div span.savory::before {
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: url("../html/svg/savory.svg") center no-repeat;
	margin: 0 .25rem 0 1.25rem
}

#container.sub .taste_detail_title_inner .taste_info>div>div span.size_bar::after,
#container.sub .taste_detail_title_inner .taste_info>div>div span.price_bar::after {
	content: "";
	display: inline-block;
	width: .0625rem;
	height: .75rem;
	background-color: rgba(0, 0, 0, .1019607843);
	margin: 0 .5rem
}

#container.sub .taste_detail_title_inner .taste_info>div.nutrition_info {
	margin-top: .5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

#container.sub .taste_detail_title_inner .taste_info>div.nutrition_info strong {
	width: 100%
}

#container.sub .taste_detail_title_inner .taste_info>div.nutrition_info strong::after {
	content: "";
	display: block;
	width: 100%;
	max-width: 33.5625rem;
	height: .0625rem;
	margin: 1.25rem 0;
	background-color: rgba(17, 17, 17, .1019607843)
}

#container.sub .taste_detail_title_inner .taste_info>div.nutrition_info>div {
	width: 100%;
	max-width: 33.5625rem;
	display: flex;
	gap: 1.5rem
}

#container.sub .taste_detail_title_inner .taste_info>div.nutrition_info>div>div {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: .5rem
}

#container.sub .taste_detail_title_inner .taste_info>div.nutrition_info>div>div>div {
	display: flex;
	justify-content: space-between
}

#container.sub .taste_detail_title_inner .taste_info>div.nutrition_info>div>div>div span {
	font-size: .875rem;
	font-weight: 300;
	line-height: 1.5rem;
	color: #505050
}

#container.sub .view--contents {
	margin-left: 0rem
}

#container.sub .view--contents .taste_list_wrapper .taste_grid_container {
	grid-template-columns: repeat(4, 1fr)
}

@media(max-width: 75rem) {
	#container.sub .view {
		padding: 4.5rem 1.25rem 4.625rem 1.25rem
	}

	#container.sub .view--contents .taste_list_wrapper .taste_grid_container {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media(max-width: 47.5rem) {
	#container.sub {
		position: relative
	}

	#container.sub .sub-title.taste_detail_title {
		height: 36.625rem;
		margin: 0 auto;
		background-image: url("../images/m_taste_detail_bg.png");
		background-position: calc(50% + .625rem) bottom;
		background-size: auto 49.625rem;
		border: none
	}

	#container.sub .taste_detail_title_inner {
		position: static;
		padding: 0 0 5rem 0;
		background-color: #e8e8e9
	}

	#container.sub .taste_detail_title_inner .taste_subject_wrapper {
		width: 100%;
		min-width: auto;
		margin: -3.5rem 0 3.25rem auto
	}

	#container.sub .taste_detail_title_inner .taste_subject_wrapper .taste_subject {
		padding: 0 1.25rem;
		width: 100%;
		position: relative;
		z-index: 1;
		padding-top: 3.5rem;
		margin-bottom: 1.25rem;
		background: linear-gradient(180deg, rgba(232, 232, 233, 0) -4.88%, #E8E8E9 21.63%)
	}

	#container.sub .taste_detail_title_inner .taste_subject_wrapper .taste_subject h3 {
		font-size: 1.75rem;
		font-weight: 250;
		line-height: 2.375rem;
		color: #111;
		margin: .75rem 0 0 0
	}

	#container.sub .taste_detail_title_inner .taste_subject_wrapper .taste_subject span {
		font-size: .875rem;
		font-weight: 250;
		line-height: 1.5rem;
		color: #505050;
		letter-spacing: -0.025rem
	}

	#container.sub .taste_detail_title_inner .taste_subject_wrapper p {
		padding: 0 1.25rem
	}

	#container.sub .taste_detail_title_inner .taste_info {
		padding: 0 1.25rem;
		width: 100%;
		min-width: 0;
		margin: 0
	}

	#container.sub .taste_detail_title_inner .taste_info>div strong {
		margin-right: .5rem;
		min-width: 7.5rem;
		font-size: .9375rem;
		font-weight: 400;
		line-height: 1.5625rem;
		color: #111
	}

	#container.sub .taste_detail_title_inner .taste_info>div>div {
		-moz-column-gap: .5rem;
		column-gap: .5rem;
		row-gap: .25rem;
		display: flex;
		flex-wrap: wrap
	}

	#container.sub .taste_detail_title_inner .taste_info>div>div span {
		font-size: .875rem;
		font-weight: 300;
		line-height: 1.5rem;
		color: #505050
	}

	#container.sub .taste_detail_title_inner .taste_info>div>div span.org_milk::before,
	#container.sub .taste_detail_title_inner .taste_info>div>div span.balanced::before,
	#container.sub .taste_detail_title_inner .taste_info>div>div span.savory::before {
		margin: 0 .25rem 0 0
	}

	#container.sub .taste_detail_title_inner .taste_info>div>div span.size_bar::after,
	#container.sub .taste_detail_title_inner .taste_info>div>div span.price_bar::after {
		display: none
	}

	#container.sub .taste_detail_title_inner .taste_info>div.nutrition_info>div {
		gap: 1.25rem;
		justify-content: space-between
	}

	#container.sub .taste_detail_title_inner .taste_info>div.nutrition_info>div>div {
		width: 46%
	}

	#container.sub .view {
		padding: 3.75rem 1.25rem 0 1.25rem
	}

	#container.sub .view--contents {
		margin-left: 0rem
	}

	#container.sub .view--contents .taste_list_wrapper .taste_grid_container {
		grid-template-columns: repeat(2, 1fr)
	}
}


/*icon*/
#container.sub .taste_detail_title_inner .taste_info>div>div span .icon,
#container.sub .taste_detail_title_inner .taste_info>div>div span .icon-txt{
	font-style: normal;
}
#container.sub .taste_detail_title_inner .taste_info>div>div span .icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .25rem;
	margin-left: 1.25rem;
}
#container.sub .taste_detail_title_inner .taste_info>div>div span .icon-txt{
	color: #505050;
	font-size: 1rem;
	font-weight: 300;
	font-family: "Pretendard";
	line-height: 1.625rem;
}
#container.sub .taste_detail_title_inner .taste_info>div>div span:first-child .icon{
	margin-left: 0;
}
#container.sub .taste_detail_title_inner .taste_info>div>div span.org_milk::before,
#container.sub .taste_detail_title_inner .taste_info>div>div span.balanced::before,
#container.sub .taste_detail_title_inner .taste_info>div>div span.savory::before{
	content: none;
}

@media(max-width: 47.5rem){
	#container.sub .taste_detail_title_inner .taste_info>div>div span .icon{
		margin-left: 0;
	}
}