|
|
|
@ -2,370 +2,365 @@
|
|
|
|
|
<!--<![endif]-->
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
|
|
|
|
|
<meta name="viewport"
|
|
|
|
|
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
|
|
|
|
|
<title>아이키 매니저::login</title>
|
|
|
|
|
<link rel="shortcut icon" href="../../img/favicon.ico">
|
|
|
|
|
<link rel="stylesheet" href="../../css/style.css">
|
|
|
|
|
<script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
|
|
|
|
|
<meta name="viewport"
|
|
|
|
|
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
|
|
|
|
|
<title>아이키 매니저::login</title>
|
|
|
|
|
<link rel="shortcut icon" href="../../img/favicon.ico">
|
|
|
|
|
<link rel="stylesheet" href="../../css/style.css">
|
|
|
|
|
<script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<!-- modal-wrapper : 장바구니 팝업 -->
|
|
|
|
|
<div id="cartPop" class="modal-wrapper">
|
|
|
|
|
<div class="modal_content" style="width: calc(100% - 30px)">
|
|
|
|
|
<div class="head">
|
|
|
|
|
<div class="title">장바구니</div>
|
|
|
|
|
<div class="modal_close_btn"><img src="../../img/close_ico.png"></div>
|
|
|
|
|
<!-- modal-wrapper : 장바구니 팝업 -->
|
|
|
|
|
<div id="cartPop" class="modal-wrapper">
|
|
|
|
|
<div class="modal_content" style="width: calc(100% - 30px)">
|
|
|
|
|
<div class="head">
|
|
|
|
|
<div class="title">장바구니</div>
|
|
|
|
|
<div class="modal_close_btn"><img src="../../img/close_ico.png"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="bf_food_modal">
|
|
|
|
|
<div class="cart_search">
|
|
|
|
|
<input placeholder="추가할 식재료를 검색해주세요.">
|
|
|
|
|
<button>검색</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="cart_list">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="box">
|
|
|
|
|
<input id="check1" type="checkbox" class="check">
|
|
|
|
|
<label for="check1"></label>
|
|
|
|
|
<div>불린 쌀</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>50g
|
|
|
|
|
<img src="../../img/close_ico.png">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="bf_food_modal">
|
|
|
|
|
<div class="cart_search">
|
|
|
|
|
<input placeholder="추가할 식재료를 검색해주세요.">
|
|
|
|
|
<button>검색</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="cart_list">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="box">
|
|
|
|
|
<input id="check1" type="checkbox" class="check">
|
|
|
|
|
<label for="check1"></label>
|
|
|
|
|
<div>불린 쌀</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>50g</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="box">
|
|
|
|
|
<input id="check2" type="checkbox" class="check">
|
|
|
|
|
<label for="check2"></label>
|
|
|
|
|
<div>감자</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>20g</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="box">
|
|
|
|
|
<input id="check3" type="checkbox" class="check">
|
|
|
|
|
<label for="check3"></label>
|
|
|
|
|
<div>고구마</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>20g</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="description">
|
|
|
|
|
* 구매가 필요한 식재료를 장바구니에 담아서 한 눈에 확인할 수 있습니다.
|
|
|
|
|
</div>
|
|
|
|
|
<div class="button">
|
|
|
|
|
구매완료
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="box">
|
|
|
|
|
<input id="check2" type="checkbox" class="check">
|
|
|
|
|
<label for="check2"></label>
|
|
|
|
|
<div>감자</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>20g
|
|
|
|
|
<img src="../../img/close_ico.png">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal_layer"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //modal-wrapper -->
|
|
|
|
|
|
|
|
|
|
<!-- modal-wrapper : 홈메이드 이유식 레시피 검색 팝업 -->
|
|
|
|
|
<div id="homeMadeSearchPop" class="modal-wrapper">
|
|
|
|
|
<div class="modal_content" style="width: calc(100% - 30px)">
|
|
|
|
|
<div class="head">
|
|
|
|
|
<div class="title">이유식을 선택해 주세요</div>
|
|
|
|
|
<div class="modal_close_btn"><img src="../../img/close_ico.png"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content scroll">
|
|
|
|
|
<div class="bf_food_modal">
|
|
|
|
|
<div class="cart_search bf_search">
|
|
|
|
|
<input placeholder="이유식 검색">
|
|
|
|
|
<button>검색</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bf_search_list">
|
|
|
|
|
<div class="search_top">
|
|
|
|
|
<span><img src="../../img/nutrition/nutrition_search_allergy.png" alt="알레르기 아이콘" />
|
|
|
|
|
알레르기</span>
|
|
|
|
|
</div>
|
|
|
|
|
<ul class="search_result_homemade">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="../sn_nutrition/view_sn_nutrition_babyfood_homemade_introduce.html">
|
|
|
|
|
<p class="search_img">
|
|
|
|
|
<img src="../../img/nutrition/nutrition_subMain_suggest_img07.png"
|
|
|
|
|
alt="이유식 식재료 검색 사진" />
|
|
|
|
|
</p>
|
|
|
|
|
<div class="search_txt">
|
|
|
|
|
<p class="name">
|
|
|
|
|
<span class="box">곡물/채소</span>
|
|
|
|
|
<span class="tit">고구마 미음</span>
|
|
|
|
|
<span class="txt">추천개월 - 초기</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="scope">
|
|
|
|
|
<span>식재료</span>
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="search_display">
|
|
|
|
|
<span><img src="../../img/nutrition/nutrition_search_allergy.png"
|
|
|
|
|
alt="알레르기 아이콘" /></span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="../sn_nutrition/view_sn_nutrition_babyfood_homemade_introduce.html">
|
|
|
|
|
<p class="search_img">
|
|
|
|
|
<img src="../../img/nutrition/nutrition_subMain_suggest_img08.png"
|
|
|
|
|
alt="이유식 식재료 검색 사진" />
|
|
|
|
|
</p>
|
|
|
|
|
<div class="search_txt">
|
|
|
|
|
<p class="name">
|
|
|
|
|
<span class="box">곡물/채소</span>
|
|
|
|
|
<span class="tit">단호박브로콜리미음</span>
|
|
|
|
|
<span class="txt">추천개월 - 초기</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="scope">
|
|
|
|
|
<span>식재료</span>
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="search_display">
|
|
|
|
|
<span><img src="../../img/nutrition/nutrition_search_allergy.png"
|
|
|
|
|
alt="알레르기 아이콘" /></span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="../sn_nutrition/view_sn_nutrition_babyfood_homemade_introduce.html">
|
|
|
|
|
<p class="search_img">
|
|
|
|
|
<img src="../../img/nutrition/nutrition_subMain_suggest_img09.png"
|
|
|
|
|
alt="이유식 식재료 검색 사진" />
|
|
|
|
|
</p>
|
|
|
|
|
<div class="search_txt">
|
|
|
|
|
<p class="name">
|
|
|
|
|
<span class="box">곡물/채소</span>
|
|
|
|
|
<span class="tit">감자 미음</span>
|
|
|
|
|
<span class="txt">추천개월 - 초기</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="scope">
|
|
|
|
|
<span>식재료</span>
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star.png"
|
|
|
|
|
alt="별 이미지" />
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="search_display">
|
|
|
|
|
<span><img src="../../img/nutrition/nutrition_search_allergy.png"
|
|
|
|
|
alt="알레르기 아이콘" /></span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<!--<div class="search_result_homemade noData">
|
|
|
|
|
<p>검색해주세요</p>
|
|
|
|
|
</div>-->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="box">
|
|
|
|
|
<input id="check3" type="checkbox" class="check">
|
|
|
|
|
<label for="check3"></label>
|
|
|
|
|
<div>고구마</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>20g
|
|
|
|
|
<img src="../../img/close_ico.png">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="description">
|
|
|
|
|
* 구매가 필요한 식재료를 장바구니에 담아서 한 눈에 확인할 수 있습니다.
|
|
|
|
|
</div>
|
|
|
|
|
<div class="p_list_item select_del">
|
|
|
|
|
<button type="button" id="" name="" class="active p_btn p_border_box">
|
|
|
|
|
<span class="hidden icon">체크박스</span>삭제
|
|
|
|
|
</button>
|
|
|
|
|
<button type="button" id="" name="" class="p_btn p_border_box">
|
|
|
|
|
<span class="hidden icon">체크박스</span>구매완료
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="button">
|
|
|
|
|
구매완료
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal_layer"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //modal-wrapper -->
|
|
|
|
|
|
|
|
|
|
<!-- modal-wrapper : 추천 홈메이드 이유식 상세정보 팝업 -->
|
|
|
|
|
<div id="homeMadePop" class="modal-wrapper">
|
|
|
|
|
<div class="modal_content" style="width: calc(100% - 30px)">
|
|
|
|
|
<div class="head">
|
|
|
|
|
<div class="title"></div>
|
|
|
|
|
<div class="modal_close_btn"><img src="../../img/close_ico.png"></div>
|
|
|
|
|
<div class="modal_layer"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //modal-wrapper -->
|
|
|
|
|
|
|
|
|
|
<!-- modal-wrapper : 홈메이드 이유식 레시피 검색 팝업 -->
|
|
|
|
|
<div id="homeMadeSearchPop" class="modal-wrapper">
|
|
|
|
|
<div class="modal_content" style="width: calc(100% - 30px)">
|
|
|
|
|
<div class="head">
|
|
|
|
|
<div class="title">이유식을 선택해 주세요</div>
|
|
|
|
|
<div class="modal_close_btn"><img src="../../img/close_ico.png"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content scroll">
|
|
|
|
|
<div class="bf_food_modal">
|
|
|
|
|
<div class="cart_search bf_search">
|
|
|
|
|
<input placeholder="이유식 검색">
|
|
|
|
|
<button>검색</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bf_search_list">
|
|
|
|
|
<div class="search_top">
|
|
|
|
|
<span><img src="../../img/nutrition/nutrition_search_allergy.png" alt="알레르기 아이콘" />
|
|
|
|
|
알레르기</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content scroll">
|
|
|
|
|
<!-- main_nutrition -->
|
|
|
|
|
<main class="main_nutrition homemade_modal">
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_introduce_main -->
|
|
|
|
|
<div class="nutrition_introduce_main">
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_introduce_img -->
|
|
|
|
|
<div class="nutrition_introduce_img">
|
|
|
|
|
<div class="nutrition_introduce_txt">
|
|
|
|
|
<p class="introduce_txt01">초기</p>
|
|
|
|
|
<p class="introduce_txt02">감자미음</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_introduce_img -->
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_introduce_in -->
|
|
|
|
|
<div class="nutrition_introduce_in">
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_introduce_list -->
|
|
|
|
|
<div class="nutrition_introduce_list">
|
|
|
|
|
<h2>식재료</h2>
|
|
|
|
|
<ul class="introduce_list_shopping">
|
|
|
|
|
<li>
|
|
|
|
|
<!-- <img src="../../img/nutrition/homemade_img_ingredients_01.png" alt="식재료 이미지" /> -->
|
|
|
|
|
<span class="tit">불린 쌀</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<span>20g</span>
|
|
|
|
|
<a href="javascript:void(0)" class="hidden">장바구니 담기</a>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">감자</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<span>20g</span>
|
|
|
|
|
<a href="javascript:void(0)" class="hidden">장바구니 담기</a>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">오이</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<span>0g</span>
|
|
|
|
|
<a href="javascript:void(0)" class="hidden">장바구니 담기</a>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_introduce_list -->
|
|
|
|
|
<div class="description" style="position: relative; bottom: 22px">
|
|
|
|
|
* 구매가 필요한 식재료를 카트에 담아서 한 눈에 확인해보세요!
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_introduce_box -->
|
|
|
|
|
<div class="nutrition_introduce_box">
|
|
|
|
|
<h2>레시피</h2>
|
|
|
|
|
<ul class="recipe_list">
|
|
|
|
|
<li class="recipe">쌀은 30분-1시간 정도 불린 후 약간의 물과 함께 믹서기에 넣고 곱게 갈아요.</li>
|
|
|
|
|
<li class="recipe">감자는 껍질을 벗긴 후 푹 익도록 삶은 후 뜨거울 때 으깨어 놓아요. </li>
|
|
|
|
|
<li class="recipe">갈아놓은 쌀과 물을 냄비에 넣고 센불에서 주걱으로 저어가며 끓여요.</li>
|
|
|
|
|
<li class="recipe">미음이 끓어오르면 약한 불로 줄이고 으깬 감자를 넣고, 주걱으로 저어가며 모유 묽기까지 푹 퍼지도록
|
|
|
|
|
끓여요.</li>
|
|
|
|
|
<li class="recipe">고운체에 주걱으로 저어가며 걸러줘요.</li>
|
|
|
|
|
<li class="recipe">감자미음 완성!</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_introduce_box -->
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_introduce_box -->
|
|
|
|
|
<div class="nutrition_introduce_box">
|
|
|
|
|
<h2>조리팁</h2>
|
|
|
|
|
<p>감자 싹에는 솔라닌이라는 독소가 있으므로 반드시 깊숙이 도려내세요. 푸른 빛이 도는 감자도 독성이 있으므로 피하세요. 감자는 껍질을 벗기는 즉시 산소와
|
|
|
|
|
화학작용으로 갈변하므로 물에 담가 보관하세요.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_introduce_box -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_introduce_in -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_introduce_main -->
|
|
|
|
|
<ul class="search_result_homemade">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="../sn_nutrition/view_sn_nutrition_babyfood_homemade_introduce.html">
|
|
|
|
|
<p class="search_img">
|
|
|
|
|
<img src="../../img/nutrition/nutrition_subMain_suggest_img07.png" alt="이유식 식재료 검색 사진" />
|
|
|
|
|
</p>
|
|
|
|
|
<div class="search_txt">
|
|
|
|
|
<p class="name">
|
|
|
|
|
<span class="box">곡물/채소</span>
|
|
|
|
|
<span class="tit">고구마 미음</span>
|
|
|
|
|
<span class="txt">추천개월 - 초기</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="scope">
|
|
|
|
|
<span>식재료</span>
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png" alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png" alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png" alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star.png" alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star.png" alt="별 이미지" />
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="search_display">
|
|
|
|
|
<span><img src="../../img/nutrition/nutrition_search_allergy.png" alt="알레르기 아이콘" /></span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="../sn_nutrition/view_sn_nutrition_babyfood_homemade_introduce.html">
|
|
|
|
|
<p class="search_img">
|
|
|
|
|
<img src="../../img/nutrition/nutrition_subMain_suggest_img08.png" alt="이유식 식재료 검색 사진" />
|
|
|
|
|
</p>
|
|
|
|
|
<div class="search_txt">
|
|
|
|
|
<p class="name">
|
|
|
|
|
<span class="box">곡물/채소</span>
|
|
|
|
|
<span class="tit">단호박브로콜리미음</span>
|
|
|
|
|
<span class="txt">추천개월 - 초기</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="scope">
|
|
|
|
|
<span>식재료</span>
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png" alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png" alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png" alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star.png" alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star.png" alt="별 이미지" />
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="search_display">
|
|
|
|
|
<span><img src="../../img/nutrition/nutrition_search_allergy.png" alt="알레르기 아이콘" /></span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="../sn_nutrition/view_sn_nutrition_babyfood_homemade_introduce.html">
|
|
|
|
|
<p class="search_img">
|
|
|
|
|
<img src="../../img/nutrition/nutrition_subMain_suggest_img09.png" alt="이유식 식재료 검색 사진" />
|
|
|
|
|
</p>
|
|
|
|
|
<div class="search_txt">
|
|
|
|
|
<p class="name">
|
|
|
|
|
<span class="box">곡물/채소</span>
|
|
|
|
|
<span class="tit">감자 미음</span>
|
|
|
|
|
<span class="txt">추천개월 - 초기</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="scope">
|
|
|
|
|
<span>식재료</span>
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png" alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png" alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star_on.png" alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star.png" alt="별 이미지" />
|
|
|
|
|
<img src="../../img/nutrition/nutrition_babyfood_search_star.png" alt="별 이미지" />
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="search_display">
|
|
|
|
|
<span><img src="../../img/nutrition/nutrition_search_allergy.png" alt="알레르기 아이콘" /></span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
</main>
|
|
|
|
|
<!-- //main_nutrition -->
|
|
|
|
|
</div>
|
|
|
|
|
<!--<div class="search_result_homemade noData">
|
|
|
|
|
<p>검색해주세요</p>
|
|
|
|
|
</div>-->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal_layer"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //modal-wrapper -->
|
|
|
|
|
<div class="modal_layer"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //modal-wrapper -->
|
|
|
|
|
|
|
|
|
|
<!-- modal-wrapper : 추천 홈메이드 이유식 상세정보 팝업 -->
|
|
|
|
|
<div id="homeMadePop" class="modal-wrapper">
|
|
|
|
|
<div class="modal_content" style="width: calc(100% - 30px)">
|
|
|
|
|
<div class="head">
|
|
|
|
|
<div class="title"></div>
|
|
|
|
|
<div class="modal_close_btn"><img src="../../img/close_ico.png"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content scroll">
|
|
|
|
|
<!-- main_nutrition -->
|
|
|
|
|
<main class="main_nutrition homemade_modal">
|
|
|
|
|
|
|
|
|
|
<!-- wrap -->
|
|
|
|
|
<div class="wrap wrap_nutrition">
|
|
|
|
|
<!-- nutrition_introduce_main -->
|
|
|
|
|
<div class="nutrition_introduce_main">
|
|
|
|
|
|
|
|
|
|
<!-- header_sub -->
|
|
|
|
|
<header class="header_wrapper">
|
|
|
|
|
<div class="left_btn_box">
|
|
|
|
|
<a href="javascript:back.return_url()" class="side_Lbtn hidden pre_btn">이전으로</a>
|
|
|
|
|
<!-- nutrition_introduce_img -->
|
|
|
|
|
<div class="nutrition_introduce_img">
|
|
|
|
|
<div class="nutrition_introduce_txt">
|
|
|
|
|
<p class="introduce_txt01">초기</p>
|
|
|
|
|
<p class="introduce_txt02">감자미음</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="center_btn_box">
|
|
|
|
|
<h1 class="header_title">이유식</h1>
|
|
|
|
|
</div>
|
|
|
|
|
<div></div>
|
|
|
|
|
</header>
|
|
|
|
|
<!-- //header_sub -->
|
|
|
|
|
<!-- //nutrition_introduce_img -->
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_introduce_in -->
|
|
|
|
|
<div class="nutrition_introduce_in">
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_introduce_list -->
|
|
|
|
|
<div class="nutrition_introduce_list">
|
|
|
|
|
<h2>식재료</h2>
|
|
|
|
|
<ul class="introduce_list_shopping">
|
|
|
|
|
<li>
|
|
|
|
|
<!-- <img src="../../img/nutrition/homemade_img_ingredients_01.png" alt="식재료 이미지" /> -->
|
|
|
|
|
<span class="tit">불린 쌀</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<span>20g</span>
|
|
|
|
|
<a href="javascript:void(0)" class="hidden">장바구니 담기</a>
|
|
|
|
|
|
|
|
|
|
<!-- main_nutrition -->
|
|
|
|
|
<main class="main_bf_food">
|
|
|
|
|
<!-- header -->
|
|
|
|
|
<div class="header">
|
|
|
|
|
<div class="header_title">추천 홈메이드 이유식</div>
|
|
|
|
|
<div class="header_img"></div>
|
|
|
|
|
|
|
|
|
|
<!-- header subtitle -->
|
|
|
|
|
<div class="header_subtitle">
|
|
|
|
|
<span>가온</span>의 월령과 영양상태에 맞는<br>
|
|
|
|
|
맛있는 이유식을 추천해드릴께요
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">감자</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<span>20g</span>
|
|
|
|
|
|
|
|
|
|
<!-- recommend_list -->
|
|
|
|
|
<div class="recommend_list">
|
|
|
|
|
<div class="list_side">
|
|
|
|
|
<!-- <div class="hidden left">추천 홈메이드 이유식</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list">
|
|
|
|
|
<a href="#" class="recommend_item bf_homemade">감자오이미음</a>
|
|
|
|
|
<a href="#" class="recommend_item bf_homemade">사과 미음</a>
|
|
|
|
|
<a href="#" class="recommend_item bf_homemade">찹쌀 미음</a>
|
|
|
|
|
<a href="#" class="recommend_item bf_homemade">쌀 미음</a>
|
|
|
|
|
<a href="#" class="recommend_item bf_homemade">단호박 미음</a>
|
|
|
|
|
</div>
|
|
|
|
|
<a href="./10-1.이유식-추천식재료.html" class="list_side">
|
|
|
|
|
<div class="hidden right">추천 식재료</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<a href="javascript:void(0)" class="hidden">장바구니 담기</a>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<span class="tit">오이</span>
|
|
|
|
|
<div class="basket">
|
|
|
|
|
<span>0g</span>
|
|
|
|
|
<a href="javascript:void(0)" class="hidden">장바구니 담기</a>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_introduce_list -->
|
|
|
|
|
<div class="description" style="position: relative; bottom: 22px">
|
|
|
|
|
* 구매가 필요한 식재료를 카트에 담아서 한 눈에 확인해보세요!
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_introduce_box -->
|
|
|
|
|
<div class="nutrition_introduce_box">
|
|
|
|
|
<h2>레시피</h2>
|
|
|
|
|
<ul class="recipe_list">
|
|
|
|
|
<li class="recipe">쌀은 30분-1시간 정도 불린 후 약간의 물과 함께 믹서기에 넣고 곱게 갈아요.</li>
|
|
|
|
|
<li class="recipe">감자는 껍질을 벗긴 후 푹 익도록 삶은 후 뜨거울 때 으깨어 놓아요. </li>
|
|
|
|
|
<li class="recipe">갈아놓은 쌀과 물을 냄비에 넣고 센불에서 주걱으로 저어가며 끓여요.</li>
|
|
|
|
|
<li class="recipe">미음이 끓어오르면 약한 불로 줄이고 으깬 감자를 넣고, 주걱으로 저어가며 모유 묽기까지 푹 퍼지도록
|
|
|
|
|
끓여요.</li>
|
|
|
|
|
<li class="recipe">고운체에 주걱으로 저어가며 걸러줘요.</li>
|
|
|
|
|
<li class="recipe">감자미음 완성!</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_introduce_box -->
|
|
|
|
|
|
|
|
|
|
<!-- nutrition_introduce_box -->
|
|
|
|
|
<div class="nutrition_introduce_box">
|
|
|
|
|
<h2>조리팁</h2>
|
|
|
|
|
<p>감자 싹에는 솔라닌이라는 독소가 있으므로 반드시 깊숙이 도려내세요. 푸른 빛이 도는 감자도 독성이 있으므로 피하세요. 감자는 껍질을 벗기는 즉시 산소와
|
|
|
|
|
화학작용으로 갈변하므로 물에 담가 보관하세요.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_introduce_box -->
|
|
|
|
|
|
|
|
|
|
<div class="recommend_tooltip">
|
|
|
|
|
* 영양성분과 식품군 분석을 통한 이유식이 추천됩니다.
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_introduce_in -->
|
|
|
|
|
|
|
|
|
|
<!-- search_cont -->
|
|
|
|
|
<div class="search_cont">
|
|
|
|
|
<div id="homemade_search_btn" class="search_button">
|
|
|
|
|
<div class="hidden search_icon">검색 아이콘</div>
|
|
|
|
|
홈메이드이유식 레시피 검색
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //nutrition_introduce_main -->
|
|
|
|
|
|
|
|
|
|
<!-- float_cart -->
|
|
|
|
|
<div class="float_cart">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="22.93" height="24.1" viewBox="0 0 27.947 29.098">
|
|
|
|
|
<path id="패스_146" data-name="패스 146"
|
|
|
|
|
d="M20.585,17.454a2.664,2.664,0,0,0,2.356-1.447l4.819-9.118A1.4,1.4,0,0,0,26.588,4.81H6.667L5.4,2H1V4.81H3.692L8.538,15.473,6.721,18.9a2.815,2.815,0,0,0,2.356,4.173H25.228v-2.81H9.076l1.481-2.81ZM7.945,7.62H24.3l-3.715,7.025H11.135ZM9.076,24.479a2.813,2.813,0,0,0,0,5.62,2.812,2.812,0,0,0,0-5.62Zm13.46,0a2.812,2.812,0,1,0,2.692,2.81A2.75,2.75,0,0,0,22.536,24.479Z"
|
|
|
|
|
transform="translate(-0.5 -1.5)" fill="#fff" stroke="#ff9c01" stroke-width="1" />
|
|
|
|
|
</svg>
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
<!-- //main_nutrition -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //wrap -->
|
|
|
|
|
<!-- 하단 네비 iyu_nav -->
|
|
|
|
|
<nav class="iyu_nav">
|
|
|
|
|
<ul>
|
|
|
|
|
<!--
|
|
|
|
|
<div class="modal_layer"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //modal-wrapper -->
|
|
|
|
|
|
|
|
|
|
<!-- wrap -->
|
|
|
|
|
<div class="wrap wrap_nutrition">
|
|
|
|
|
|
|
|
|
|
<!-- header_sub -->
|
|
|
|
|
<header class="header_wrapper">
|
|
|
|
|
<div class="left_btn_box">
|
|
|
|
|
<a href="javascript:back.return_url()" class="side_Lbtn hidden pre_btn">이전으로</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="center_btn_box">
|
|
|
|
|
<h1 class="header_title">이유식</h1>
|
|
|
|
|
</div>
|
|
|
|
|
<div></div>
|
|
|
|
|
</header>
|
|
|
|
|
<!-- //header_sub -->
|
|
|
|
|
|
|
|
|
|
<!-- main_nutrition -->
|
|
|
|
|
<main class="main_bf_food">
|
|
|
|
|
<!-- header -->
|
|
|
|
|
<div class="header">
|
|
|
|
|
<div class="header_title">추천 홈메이드 이유식</div>
|
|
|
|
|
<div class="header_img"></div>
|
|
|
|
|
|
|
|
|
|
<!-- header subtitle -->
|
|
|
|
|
<div class="header_subtitle">
|
|
|
|
|
<span>가온</span>의 월령과 영양상태에 맞는<br>
|
|
|
|
|
맛있는 이유식을 추천해드릴께요
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- recommend_list -->
|
|
|
|
|
<div class="recommend_list">
|
|
|
|
|
<div class="list_side">
|
|
|
|
|
<!-- <div class="hidden left">추천 홈메이드 이유식</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list">
|
|
|
|
|
<a href="#" class="recommend_item bf_homemade">감자오이미음</a>
|
|
|
|
|
<a href="#" class="recommend_item bf_homemade">사과 미음</a>
|
|
|
|
|
<a href="#" class="recommend_item bf_homemade">찹쌀 미음</a>
|
|
|
|
|
<a href="#" class="recommend_item bf_homemade">쌀 미음</a>
|
|
|
|
|
<a href="#" class="recommend_item bf_homemade">단호박 미음</a>
|
|
|
|
|
</div>
|
|
|
|
|
<a href="./10-1.이유식-추천식재료.html" class="list_side">
|
|
|
|
|
<div class="hidden right">추천 식재료</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="recommend_tooltip">
|
|
|
|
|
* 영양성분과 식품군 분석을 통한 이유식이 추천됩니다.
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- search_cont -->
|
|
|
|
|
<div class="search_cont">
|
|
|
|
|
<div id="homemade_search_btn" class="search_button">
|
|
|
|
|
<div class="hidden search_icon">검색 아이콘</div>
|
|
|
|
|
홈메이드이유식 레시피 검색
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- float_cart -->
|
|
|
|
|
<div class="float_cart">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="22.93" height="24.1" viewBox="0 0 27.947 29.098">
|
|
|
|
|
<path id="패스_146" data-name="패스 146"
|
|
|
|
|
d="M20.585,17.454a2.664,2.664,0,0,0,2.356-1.447l4.819-9.118A1.4,1.4,0,0,0,26.588,4.81H6.667L5.4,2H1V4.81H3.692L8.538,15.473,6.721,18.9a2.815,2.815,0,0,0,2.356,4.173H25.228v-2.81H9.076l1.481-2.81ZM7.945,7.62H24.3l-3.715,7.025H11.135ZM9.076,24.479a2.813,2.813,0,0,0,0,5.62,2.812,2.812,0,0,0,0-5.62Zm13.46,0a2.812,2.812,0,1,0,2.692,2.81A2.75,2.75,0,0,0,22.536,24.479Z"
|
|
|
|
|
transform="translate(-0.5 -1.5)" fill="#fff" stroke="#ff9c01" stroke-width="1" />
|
|
|
|
|
</svg>
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
<!-- //main_nutrition -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- //wrap -->
|
|
|
|
|
<!-- 하단 네비 iyu_nav -->
|
|
|
|
|
<nav class="iyu_nav">
|
|
|
|
|
<ul>
|
|
|
|
|
<!--
|
|
|
|
|
<li class="nav_list01">
|
|
|
|
|
<a href="/bf/m/bf_food/index.do?return_url=index">
|
|
|
|
|
<div class="icon">영양</div>
|
|
|
|
@ -373,60 +368,60 @@
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
-->
|
|
|
|
|
<li class="nav_list02">
|
|
|
|
|
<a href="javascript:fncGoRecommend()">
|
|
|
|
|
<div class="icon">이유식</div>
|
|
|
|
|
<div class="tit">이유식</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="nav_list02">
|
|
|
|
|
<a href="/bf/m/bf_growth/nutrient_balance.do?return_url=index">
|
|
|
|
|
<div class="icon">분석</div>
|
|
|
|
|
<div class="tit">분석</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="nav_list03">
|
|
|
|
|
<a href="/bf/m/index.do">
|
|
|
|
|
<div class="icon">홈</div>
|
|
|
|
|
<div class="tit">홈</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav_list04">
|
|
|
|
|
<a href="/bf/m/memory/memory_timeline.do?return_url=index">
|
|
|
|
|
<div class="icon">메모리</div>
|
|
|
|
|
<div class="tit">메모리</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav_list05">
|
|
|
|
|
<a href="/bf/m/bf_community/list_bf_community.do?return_url=index">
|
|
|
|
|
<div class="icon">커뮤니티</div>
|
|
|
|
|
<div class="tit">커뮤니티</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</nav><!-- //iyu_nav -->
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
$(".float_cart").on("click", function () {
|
|
|
|
|
$("#cartPop").toggleClass("open")
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
$("#homemade_search_btn").on("click", function () {
|
|
|
|
|
$("#homeMadeSearchPop").toggleClass("open")
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
$(".bf_homemade").on("click", function () {
|
|
|
|
|
$("#homeMadePop").toggleClass("open")
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(".modal_close_btn").on("click", function () {
|
|
|
|
|
$(".modal-wrapper").removeClass("open")
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
<li class="nav_list02">
|
|
|
|
|
<a href="javascript:fncGoRecommend()">
|
|
|
|
|
<div class="icon">이유식</div>
|
|
|
|
|
<div class="tit">이유식</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="nav_list02">
|
|
|
|
|
<a href="/bf/m/bf_growth/nutrient_balance.do?return_url=index">
|
|
|
|
|
<div class="icon">분석</div>
|
|
|
|
|
<div class="tit">분석</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="nav_list03">
|
|
|
|
|
<a href="/bf/m/index.do">
|
|
|
|
|
<div class="icon">홈</div>
|
|
|
|
|
<div class="tit">홈</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav_list04">
|
|
|
|
|
<a href="/bf/m/memory/memory_timeline.do?return_url=index">
|
|
|
|
|
<div class="icon">메모리</div>
|
|
|
|
|
<div class="tit">메모리</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav_list05">
|
|
|
|
|
<a href="/bf/m/bf_community/list_bf_community.do?return_url=index">
|
|
|
|
|
<div class="icon">커뮤니티</div>
|
|
|
|
|
<div class="tit">커뮤니티</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</nav><!-- //iyu_nav -->
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
$(".float_cart").on("click", function () {
|
|
|
|
|
$("#cartPop").toggleClass("open")
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
$("#homemade_search_btn").on("click", function () {
|
|
|
|
|
$("#homeMadeSearchPop").toggleClass("open")
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
$(".bf_homemade").on("click", function () {
|
|
|
|
|
$("#homeMadePop").toggleClass("open")
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(".modal_close_btn").on("click", function () {
|
|
|
|
|
$(".modal-wrapper").removeClass("open")
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
<whale-quicksearch translate="no"></whale-quicksearch>
|
|
|
|
|