#pc_wrap {
	width: 100%;
	height: 100%;
}

#pc_wrap p, #mobile_wrap p {
	font-family: 'Paperozi';
}

#mobile_wrap {
	display: none;
}


/* ------------------------------ 메인 타이틀 시작 ------------------------------ */
#main_title_box {
	max-width: 1200px;
	padding: 120px 0;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.title_box {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.title_box p:nth-of-type(1) {
	font-size: 32px;
}

.title_color {
	font-size: 64px;
	font-weight: 500;
	color: #D91407;
}

.title_box p:nth-of-type(3) {
	font-size: 24px;
	margin-top: 20px;
	color: #666;
}

.title_line {
	width: 80px;
	height: 3px;
	background-color: #F79A49;
}
/* ------------------------------ 메인 타이틀 끝 ------------------------------ */


/* --------------- 섹션01 시작 --------------- */
#section01 {
	max-width: 1200px;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.section01_img_box {
	width: 100%;
	display: flex;
	gap: 126px;
}

.se01_main_img {
	width: calc(60% - 30px);
	height: auto;
	margin: 0;
	border-radius: 40px;
	overflow: hidden;
}

.se01_main_img img {
	display: block;
	width: 100%;
	height: 100%;
}

.se01_text_box {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.se01_text {
	display: flex;
	gap: 24px;
	margin: 0;
}

.se01_text > p {
	font-size: 24px;
	font-weight: 500;
	margin: 0;
}

.se01_sub_text {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.se01_sub_text > p {
	font-size: 24px;
	margin: 0;
	color: #666;
}

.section01_tip {
	display: flex;
	align-items: center;
	gap: 24px;
}

.tip_icon {
	width: auto;
	height: 40px;
}

.tip_icon img {
	display: block;
	width: 100%;
	height: 100%;
}

.section01_tip > p {
	font-size: 24px;
}
/* --------------- 섹션01 끝 --------------- */


/* ------------------------------ 섹션02 시작 ------------------------------ */
#section02 {
	max-width: 1200px;
	padding: 120px 0;
}

.section02_contents {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.section02_title {
	display: flex;
	align-items: flex-end;
	gap: 24px;
	margin: 0;
}

.section02_title > p {
	font-size: 24px;
	margin: 0;
}

.se02_title_line {
	flex: auto;
	height: 2px;
	background-color: #dbdbdb;
	margin-bottom: 6px;
}

.section02_img_box {
	width: 100%;
	display: flex;
	align-items: center;
}

.se02_img {
	flex: auto;
	height: auto;
	border-radius: 80px;
	overflow: hidden;
}

.se02_img img {
	display: block;
	width: 100%;
	height: 100%;
}

.se02_arrow_box {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
}

.se02_arrow {
	width: 12px;
    height: 12px;
    border-top: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
    transform: rotate(45deg);
    margin-left: 11px;
}

.section02_text_box {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-top: 20px;
}

.se02_text {
	display: flex;
	align-items: center;
	gap: 24px;
	width: 100%;
}

.se02_num_icon {
	width: auto;
	height: 36px;
	margin: 0;
}

.se02_num_icon img {
	display: block;
	width: 100%;
	height: 100%;
}

.se02_text > p {
	font-size: 24px;
	margin: 0;
}
/* ------------------------------ 섹션02 끝 ------------------------------ */


/* --------------- 섹션03 시작 --------------- */
#section03 {
	max-width: 1200px;
	padding-bottom: 200px;
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.section03_contents {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.section03_title {
	display: flex;
	align-items: flex-end;
	gap: 24px;
	margin: 0;
}

.section03_title > p {
	font-size: 24px;
	margin: 0;
}

.se03_title_line {
	flex: auto;
	height: 2px;
	background-color: #dbdbdb;
	margin-bottom: 6px;
}

.section03_img_box {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 24px;
}

.se03_img {
	width: calc(100% / 3);
	height: auto;
}

.se03_img a {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	height: 100%;
}

.se03_product {
	width: 100%;
	background-color: rgba(25, 25, 25, 3%);
	border-radius: 40px;
}

.se03_product img {
	display: block;
	height: 210px;
    padding: 30px 0;
    transition: all 0.2s linear;
}

.se03_img > a > p {
	width: fit-content;
	font-size: 20px;
	transition: color .3s ease;
	position: relative;
    display: inline-block;
    z-index: 1;
}

.se03_img > a > p::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 15px;
    background-color: rgba(247, 154, 73, 50%);
    transition: width .35s ease;
    z-index: -1;
}

.se03_img a:hover .se03_product img {
	transform: scale(1.03);
}

.se03_img > a:hover > p::after {
    width: 100%;
}

.recipe_btn {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #F79A49;
    box-sizing: border-box;
    border-radius: 100px;
    cursor: pointer;
    transition: background-color .6s ease, border-color .6s ease;
}

.recipe_btn a {
	display: block;
	padding: 18px 69px;
}

.recipe_btn p {
	font-size: 18px;
    font-weight: 400;
    color: #F79A49;
    transition: color .5s ease;
}

.recipe_btn:hover {
	background-color: rgba(247, 154, 73, 70%);
	border: 1px solid rgba(247, 154, 73, 10%);
}

.recipe_btn:hover p {
	color: #f3f3f3;
}
/* --------------- 섹션03 끝 --------------- */
 
/* -------------------------------- 모바일 -------------------------------- */
@media (max-width: 480px){
	#pc_wrap {
		display: none;
	}

	#mobile_wrap {
		display: block;
		width: 100%;
		height: 100%;
	}

	
/*---------- 메인타이틀 ----------*/
	#mobile_main_title_box {
		width: calc(100% - 40px);
		padding: 40px 0;
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.mobile_title_box {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.mobile_title_box > p:nth-of-type(1) {
		font-size: 18px;
	}

	.mobile_title_color {
		font-size: 32px;
		font-weight: 500;
		color: #D91407;
	}

	.mobile_title_box > p:nth-of-type(3) {
		font-size: 17px;
		color: #666;
		margin-top: 8px;
		text-align: center;
	}

	.mobile_title_line {
		width: 80px;
		height: 3px;
		background-color: #f79a49;
	}
/*---------- 메인타이틀 ----------*/


/*-------------------- 섹션01 --------------------*/
	#mobile_section01 {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.mobile_se01_contents {
		width: calc(100% - 40px);
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.mobile_se01_img_box {
		width: 100%;
		height: auto;
		border-radius: 25px;
		overflow: hidden;
	}

	.mobile_se01_img_box img {
		display: block;
		width: 100%;
		height: auto;
	}

	.mobile_se01_text_box {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.mobile_se01_text {
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.mobile_se01_text > p:nth-of-type(1) {
		margin: 0;
		font-size: 15px;
		font-weight: 500;
	}

	.mobile_se01_text > p:nth-of-type(2) {
		margin: 0;
		font-size: 15px;
		color: #666;
	}

	.mobile_tip_box {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 12px;
		text-align: center;
	}

	.tip_text {
		width: fit-content;
		font-size: 15px;
		font-weight: 500;
		color: #E53935;
		position: relative;
		padding-bottom: 4px;
	}

	.tip_text::after {
		content: "";
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
		width: 80%;
		height: 1px;
		background-color: #E53935;
	}

	.mobile_tip_box > p {
		font-size: 15px;
	}
/*-------------------- 섹션01 --------------------*/


/*---------- 섹션02 ----------*/
	#mobile_section02 {
		width: 100%;
		padding: 30px 0;
	}

	.mobile_se02_contents {
		width: calc(100% - 40px);
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.mobile_se02_title {
		width: 100%;
		display: flex;
		align-items: flex-end;
		gap: 8px;
		margin-bottom: -20px;
	}

	.mobile_se02_title > p {
		font-size: 18px;
		margin: 0;
	}

	.mobile_se02_title_line {
		flex: auto;
		height: 1px;
		background-color: #dbdbdb;
		margin-bottom: 5px;
	}

	.mobile_se02_img_box {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.mobile_se02_img {
		width: 100%;
		height: auto;
		border-radius: 25px;
		overflow: hidden;
	}

	.mobile_se02_img img {
		display: block;
		width: 100%;
		height: 100%;
	}

	.mobile_se02_text {
		width: 100%;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.mobile_se02_num_icon {
		margin: 0;
		flex: 0 0 42px;
		width: 42px;
		height: auto;
	}

	.mobile_se02_num_icon img {
		display: block;
		width: 100%;
		height: 100%;
	}

	.mobile_se02_text > p {
		flex: 1 1 auto;
		font-size: 16px;
		margin: 0;
		word-break: keep-all;
	}
/*---------- 섹션02 ----------*/


/*-------------------- 섹션03 --------------------*/
	#mobile_section03 {
		width: 100%;
		padding-top: 30px;
		padding-bottom: 140px;
		display: flex;
		flex-direction: column;
		gap: 60px;
	}

	.mobile_se03_contents {
		width: calc(100% - 40px);
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.mobile_se03_title {
		width: 100%;
		display: flex;
		align-items: flex-end;
		gap: 8px;
	}

	.mobile_se03_title > p {
		font-size: 18px;
		margin: 0;
	}

	.mobile_se03_title_line {
		flex: auto;
		height: 1px;
		background-color: #dbdbdb;
		margin-bottom: 5px;
	}

	.mobile_se03_img_box {
		width: 100%;
	}

	.mobile_se03_img {
		width: 100%;
	}

	.mobile_se03_img a {
		display: flex;
		flex-direction: column;
		gap: 16px;
		width: 100%;
	}

	.mobile_se03_product {
		width: 100%;
		height: auto;
		border-radius: 25px;
		overflow: hidden;
		background-color: rgba(25, 25, 25, 3%);
	}

	.mobile_se03_product img {
		display: block;
		width: auto;
		height: 210px;
		padding: 30px 0;
	}

	.mobile_se03_img p {
		font-size: 17px;
		width: fit-content;
		transition: color .3s ease;
		position: relative;
		display: inline-block;
		z-index: 1;
	}

	.mobile_se03_img > a > p::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 12px;
		background-color: rgba(247, 154, 73, 50%);
		transition: width .35s ease;
		z-index: -1;
	}

	.mobile_se03_img > a:hover > p::after {
		width: 100%;
	}

	.mobile_recipe_btn {
		background-color: rgba(0, 0, 0, 0);
		border: 1px solid #F79A49;
		box-sizing: border-box;
		border-radius: 100px;
		cursor: pointer;
	}

	.mobile_recipe_btn a {
		display: block;
		padding: 18px 69px;
	}

	.mobile_recipe_btn p {
		font-size: 18px;
		font-weight: 400;
		color: #F79A49;
		transition: color .5s ease;
	}
/*-------------------- 섹션03 --------------------*/

}