#visual {
	position: relative;
	background-image: url("../image/brand_visual02.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 285px;
	margin-top: 103.28px;
}

@media screen and (max-width: 1440px) {
	#visual {
		height: 152px;
		margin-top: 52.7px;
	}
}

#smallmenu {
	position: relative;
	width: 100%;
	height: 52px;
}

#home-black-18dp_cfg {
	position: absolute;
	width: 17.869px;
	height: 17.869px;
	left: 23.2%;
	top: 18px;
	overflow: visible;
}

#home {
	fill: transparent;
}

.home {
	overflow: visible;
	position: absolute;
	width: 17.869px;
	height: 17.869px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

#home1 {
	fill: rgba(140, 133, 125, 1);
}

.home1 {
	overflow: visible;
	position: absolute;
	width: 14.891px;
	height: 12.657px;
	left: 1.489px;
	top: 2.233px;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

#home2 {
	fill: transparent;
	stroke: rgba(140, 133, 125, 1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}

.home2 {
	overflow: visible;
	position: absolute;
	width: 1px;
	height: 12px;
	left: 24.7%;
	top: 21.5px;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

#smallmenu_cake {
	left: 25.2%;
	top: 17px;
	position: absolute;
	overflow: visible;
	width: 37px;
	white-space: nowrap;
	text-align: left;
	font-family: 'Noto Sans KR', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	color: rgba(140, 133, 125, 1);
}

#smallmenu_arrow01 {
	position: absolute;
	width: 18px;
	height: 18px;
	left: 30%;
	top: 18px;
	overflow: visible;
}

#arrow1 {
	fill: rgba(140, 133, 125, 1);
}

.arrow1 {
	overflow: visible;
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

#arrow2 {
	fill: transparent;
	stroke: rgba(255, 255, 255, 1);
	stroke-width: 1px;
	stroke-linejoin: round;
	stroke-linecap: round;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}

.arrow2 {
	overflow: visible;
	position: absolute;
	width: 7.303px;
	height: 4.941px;
	left: 6.186px;
	top: 7.512px;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

@media screen and (max-width: 1440px) {
	#smallmenu {
		margin: 0 auto;
		max-width: 300px;
		box-sizing: border-box;
	}

	#home-black-18dp_cfg {
		left: 0;
	}

	.home2 {
		left: 8%;
	}

	#smallmenu_cake {
		left: 15%;
	}

	#smallmenu_arrow01 {
		left: 45%;
	}

	#smallmenu_arrow02 {
		left: 90%;
	}
}

#section {
	position: relative;
	max-width: 1396px;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
}

#bg05 {
	position: absolute;
	left: 82.6%;
	top: 20%;
}

#bg06 {
	position: absolute;
	left: -20%;
	top: 40%;
	overflow-x: hidden !important;
}

#bg07 {
	position: absolute;
	left: 61.5%;
	top: 65%;
	overflow-x: hidden !important;
}

article {
	position: relative;
}

#dessertstory1 {
	text-align: left;
	margin-top: 50px;
}

#classic_chic {
	display: block;
	margin-bottom: 20px;
	white-space: nowrap;
	font-family: Louis George Café;
	font-style: normal;
	font-weight: 900;
	font-size: 45px;
	color: rgba(38, 11, 1, 1);
}

#head {
	white-space: nowrap;
	line-height: 54px;
	text-align: left;
	font-family: 'Noto Sans KR', sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 37px;
	color: rgba(115, 2, 32, 1);
}

#dessertstory1 p {
	display: inline-block;
	line-height: 40px;
	margin-top: 20px;
	text-align: left;
	font-family: 'Noto Sans KR', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	color: rgba(38, 11, 1, 1);
}

#dessertstory2 {
	margin-top: 100px;
}

#content1, #content2, #content3 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.textstory {
	margin: auto 0;
	text-align: left;
	margin-left: 50px;
}

.textstory span {
	display: block;
	width: 585px;
	line-height: 33px;
	font-family: 'Noto Sans KR', sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 40px;
	color: rgba(115, 2, 32, 1);
}

.textstory p {
	display: block;
	width: 585px;
	line-height: 40px;
	margin-top: -7.5px;
	text-align: left;
	font-family: 'Noto Sans KR', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	color: rgba(38, 11, 1, 1);
}

#dessertstory3 {
	margin-top: 100px;
	text-align: left;
}

#mariage__harmony {
	display: block;
	margin-bottom: 20px;
	white-space: nowrap;
	line-height: 64px;
	margin-top: -9.5px;
	text-align: left;
	font-family: Louis George Café;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	color: rgba(38, 11, 1, 1);
}

#img10 {
	margin-bottom: 20px;
}

#dessertstory3 p {
	white-space: nowrap;
	line-height: 29px;
	margin-top: -4.5px;
	text-align: left;
	font-family: 'Noto Sans KR', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	color: rgba(38, 11, 1, 1);
}

.content4_head {
	width: 152px;
	text-align: left;
	font-family: Louis George Café;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	color: rgba(115, 2, 32, 1);
}

.content4_body {
	line-height: 22px;
	margin-top: -4px;
	text-align: left;
	font-family: 'Noto Sans KR', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: rgba(38, 11, 1, 1);
}

#section1 {
	background-color: rgba(115, 2, 32, 0.1);
}

#dessertstory4 {
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
	max-width: 100vw !important;
	height: 520px;
}

.container {
	display: flex;
	text-align: left;
	height: 620px;
	max-width: 1043px;
	margin: 100px auto;
	box-sizing: border-box;
}

.content4_img {
	display: block;
	margin-bottom: 20px;
	margin-top: 30px;
}

.content4_head {
	display: block;
	margin-bottom: 20px;
}

#content4, #content5, #content6 {
	margin-right: 22px;
}

@media screen and (max-width: 1440px) {
	#section {
		max-width: 286px;
	}

	section img {
		width: 285px;
	}

	#bg05, #bg06, #bg07 {
		display: none;
	}

	#classic_chic {
		font-size: 18px;
	}

	#head {
		white-space: break-spaces;
		line-height: 29px;
		font-size: 18px;
		width: 280px;
	}

	#dessertstory1 p {
		line-height: 25px;
		font-size: 15px;
		width: 286px;
	}

	#dessertstory2 {
		margin-top: 0px;
	}

	#content2 {
		margin-top: 0px;
		display: flex;
		flex-direction: column;
	}

	#content2 .textstory {
		order: 1;
	}

	#content1, #content2, #content3 {
		grid-template-columns: 1fr;
	}

	.imgstory {
		margin-top: 20px;
	}

	.textstory {
		margin-top: 20px;
		margin-left: 0;
	}

	.textstory span {
		font-size: 24px;
	}

	.textstory p {
		line-height: 25px;
		margin-top: -30px;
		font-size: 18px;
		width: 286px;
	}

	#dessertstory3 {
		margin-top: 50px;
	}

	#mariage__harmony {
		margin-bottom: 0px;
		font-size: 18px;
	}

	#dessertstory3 p {
		line-height: 25px;
		margin-top: -9px;
		font-size: 16px;
		white-space: break-spaces;
	}

	.content4_head {
		font-size: 16px;
	}

	.content4_body {}

	#section1 {
		background-color: rgba(115, 2, 32, 0.1);
	}

	#dessertstory4 {
		height: 1199px;
	}

	.container {
		display: grid;
		max-width: 286px;
		margin: 50px auto;
	}

	.content4_img {
		display: block;
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.content4_head {
		display: block;
		margin-bottom: 20px;
	}

	#content4, #content5, #content6 {
		margin-right: 22px;
	}
}