.content_container { padding:0 !important; }
section{ position:relative; z-index:1; overflow:hidden; }
section {
	font-family:'Noto Sans KR',serif;
	font-size:24px;
	font-weight:300;
	color:#000;
	line-height:1.8em;
	box-sizing:border-box;
	word-break:keep-all;
}
img { display:inline-block; max-width:100%; }

/* 헤드라인 */
#headline {
	padding:150px 40px 100px;
	background-color:#fff;
}
.hl_con{
	position:relative;
	z-index:1;
	max-width:1200px;
	margin:0 auto;
	padding:50px 60px;
}
.hl_con:before, .hl_con:after {
	position:absolute;
	content:'';
	top:0;
	bottom:0;
	z-index:1;
	width:35px;
	border:2px solid #efd7c5;
}
.hl_con:before {
	left:0;
	border-right:none;
}
.hl_con:after {
	right:0;
	border-left:none;
}
.hl_con > img {
	 position:absolute;
	 display:block;
	 width:50px;
	 height:auto;
	 z-index:1;
}
.hl_con > img.qt01{
	top:0;
	left:55px;
	transform:translate(0, -50%);
}
.hl_con > img.qt02{
	bottom:0;
	right:55px;
	transform:translate(0, 50%);
}
.hl_con > h2 {
	font-family:'ns',serif;
	font-size:28px;
	font-weight:400;
	color:#000;
	line-height:1.5em;
	text-align:center;
	letter-spacing:-0.025em;
}

/* 플렉스 */
.flex {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:40px;
	transition:0.6s all;
	&.rev { flex-direction:row-reverse; }
}
.flex > li { position:relative; }
.col2 > li { width:calc((100% - 40px) / 2); }
.col3 > li { width:calc((100% - 80px) / 3); }

/* 이미지 설명 */
.img_txt.flex {
	justify-content:center;
}

/* 컨텐츠 */
.inner {
	display:flex;
	flex-direction:column;
	gap:80px;
	max-width:1200px;
	margin:0 auto;
}
.con_padd { padding:150px 0; }
.alignR { text-align:right !important; }
.alignC { text-align:center; }

/* title_integral */
.ti_container {
	display:flex;
	flex-direction:column;
	align-items:center;
}
.ti_wrap {
	position:relative;
	z-index:1;
	min-width:800px;
	min-height:175px;
	padding:40px 60px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:20px;
}
.ti_wrap:before, .ti_wrap:after {
	position:absolute;
	content:'';
	top:0;
	bottom:0;
	width:45px;
	border:1px solid #0c0c0c;
	z-index:1;
}
.ti_wrap:before {
	left:10px;
	border-right:none;
	border-radius:50px 0 0 50px;
}
.ti_wrap:after {
	right:10px;
	border-left:none;
	border-radius:0 50px 50px 0;
}
.ti_wrap > img {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	width:21px;
	transform:translate(0, -50%);
	&.st01{ left:0; }
	&.st02{ right:0; }
}
.ti_wrap > h3 {
	text-align:center;
	span {
		position:relative;
		display:inline-block;
		font-family:'ns',serif;
		font-size:42px;
		line-height:1.3em;
		font-weight:400;
		z-index:1;
		
		&:after {
			position:absolute;
			bottom:0;
			left:0;
			content:'';
			width:100%;
			height:35%;
			background-color:#efd7c5;
			z-index:-1;
		}
	}
}
.ti_wrap > p {
	font-size:16px;
	font-weight:400;
	line-height:1.2em;
}

.quote_wrap {
	font-family:'nc',serif;
	font-size:22px;
	font-style: italic;
	span {
		font-weight:500;
		color:#d1a788;
	}
}

.quote_wrap2 {
	display:inline-flex;
	flex-wrap:wrap;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:20px;
	text-align:center;
	font-family:'nc',serif;
	font-size:22px;
	font-style: italic;
	img { width:60px; }
}

/* 조리방법 */
.cooking_wrap {
	display:flex;
	align-items:center;
	justify-content:center;
	max-width:1200px;
	margin:0 auto 100px;
	padding:60px 30px;
	background-color:#fff;
	border-radius:40px;
	box-shadow:3px 3px 8px 0 rgba(0,0,0,.3);
	word-break:keep-all;
}
.cooking { width:100%; }
.cooking > h3 {
	position:relative;
	display:inline-block;
	padding:0 5px 8px;
	margin:0 0 10px;
	font-size:32px;
	font-weight:400;
	color:#000;
	line-height:1em;
	text-align:center;
	z-index:1;
}
.cooking > h3:after {
	content:'';
	position:absolute;
	z-index:-1;
	bottom:0;
	top:50%;
	left:0;
	width:100%;
	background-color:#efd7c5;
}
.cooking > h4 {
	font-size:20px;
	font-weight:400;
	color:#ce957c;
	line-height:1.6em;
	margin-top:10px;
}
.cooking > ul {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:10px;
	padding:50px 10px 0 10px;
}
.cooking > ul > li {
	position:relative;
	padding-left:28px;
	font-family:'NanumSquare',serif;
	font-size:22px;
	line-height:1.6em;
	span {
		position:absolute;
		left:0;
		font-weight:700;
	}
}

@media(max-width:1024px){
	/* 헤드라인 */
    #headline{ padding:80px 15px 80px; }
    .hl_con > h2{ font-size:24px; }
	
	/* 컨텐츠 공통 */
	.inner {
		gap:40px;
		padding-left:15px;
		padding-right:15px;
	}
	.con_padd {
		padding-top:100px;
		padding-bottom:100px;
	}
}
@media(max-width:768px){
	section, section *{ font-size:20px; }

	/* 헤드라인 */
    .hl_con{ padding:40px 30px; }    
    .hl_con:before, .hl_con:after{ width:30px; }
    .hl_con > h2{ font-size:20px; }
    .hl_con > img{ width:40px; }
    .hl_con > img.qt01{ left:45px; }
    .hl_con > img.qt02{ right:45px; }
	
	/* title_integral */
	.ti_wrap {
		min-width:unset;
		min-height:unset;
		padding:40px;
	}
	.ti_wrap > h3 {
		span { font-size:36px; }
	}

	/* description_integral */
	.de {
		gap:8px;
		p { font-size:16px; }
		img { height:16px; }
	}
	
	.flex {
		gap:20px;
		> li {
			width:calc((100% - 20px) / 2);
			img { width:100%; }
			p br { display:none; }
			.flex > li { width:100% !important; }
		}
	}
	.quote_wrap {
		font-size:18px;
		img { max-width:60%; }
	}
	
	/* 조리방법 */
	.cooking_wrap { padding:20px; }
	.cooking > h3 { font-size:26px; }
	.cooking > h4 { font-size:18px; }
	.cooking > ul { padding:10px 0 0 0; }
	.cooking > ul > li {
		padding-left:25px;
		font-size:18px;
		line-height:1.4em;
	}
}
@media(max-width:540px){
	section, section *{ font-size:16px; }
	
	/* 헤드라인 */
    .hl_con > h2{ font-size:16px; }
	
	/* 컨텐츠 공통 */
	.con_padd {
		padding-top:60px;
		padding-bottom:60px;
	}
	
	.flex {
		gap:10px;
		> li {
			width:100%;
			img { width:100%; }
			p br { display:none; }
		}
	}
	
	/* title_integral */
	.ti_wrap > h3 {
		span { font-size:32px; }
	}
	
	/* description_integral */
	.de {
		gap:6px;
		p {font-size:14px; }
		img {
			height:14px;
			margin-top:2px;
		}
	}
	
	.cooking > ul > li { font-size:16px; }
}