diff --git a/src/main/resources/sqlmap/m/bf_growth/com.backoffice.m.bf_growth.xml b/src/main/resources/sqlmap/m/bf_growth/com.backoffice.m.bf_growth.xml
index 0501b74..0e3df28 100644
--- a/src/main/resources/sqlmap/m/bf_growth/com.backoffice.m.bf_growth.xml
+++ b/src/main/resources/sqlmap/m/bf_growth/com.backoffice.m.bf_growth.xml
@@ -313,9 +313,9 @@
 				LEFT JOIN tbl_code_item cis_1 ON cis_1.cd_no = dn6.rest_tp	
 				ORDER BY dn6.dn_no DESC
 		)x
-		LEFT JOIN tbl_code_item_str qty_cis ON x.color_tp=qty_cis.cg_cd AND x.rest_qty=qty_cis.val_1
-		LEFT JOIN tbl_code_item_str color_cis ON color_cis.cg_cd='BF_FECES_QTY' AND x.rest_qty=color_cis.val_1
-		LEFT JOIN tbl_bf_daily_nutrition dn ON dn.dn_no = x.dn_no
+	 	LEFT JOIN tbl_code_item_str qty_cis ON  qty_cis.cg_cd ='BF_FECES_QTY' AND x.rest_qty=qty_cis.val_1
+		LEFT JOIN tbl_code_item_str color_cis ON  x.color_tp=color_cis.cg_cd AND x.rest_color=color_cis.val_1
+	 	LEFT JOIN tbl_bf_daily_nutrition dn ON dn.dn_no = x.dn_no
 		ORDER BY x.dn_no DESC
     </select>
     
diff --git a/src/main/webapp/WEB-INF/views/ftl/m/bf_growth_body/view_bf_growth_body_input.ftl b/src/main/webapp/WEB-INF/views/ftl/m/bf_growth_body/view_bf_growth_body_input.ftl
index b9877b7..deee00e 100644
--- a/src/main/webapp/WEB-INF/views/ftl/m/bf_growth_body/view_bf_growth_body_input.ftl
+++ b/src/main/webapp/WEB-INF/views/ftl/m/bf_growth_body/view_bf_growth_body_input.ftl
@@ -72,7 +72,7 @@
 						<div class="p_list_item p_border_box">
                             <label for="child_weight" class="p_label">체중 입력</label>
                             <div class="p_input_box">
-                                <input type="text" id="child_weight" name="child_weight" class="" placeholder="체중 입력" readonly>
+                                <input type="text" id="child_weight" name="child_weight" value="${model['weight']!}" class="required" placeholder="체중 입력" data-tit="체중" step="0.1">
                                 <span class="unit">kg</span>
                             </div>
                         </div>
@@ -91,7 +91,7 @@
 						<div class="r_list_item">
 							<div>
 								<div class="result_num_box">
-									<div class="height_result result_num">${item['height']?string('0.0')}<span class="unit">cm</span></div>
+									<div class="height_result result_num">${item['height']?string('0.0')}<span class="unit">cm</span> / ${item['weight']?string('0.0')}<span class="unit">kg</span></div>
 									<#if item['data_from'] == '1'><span class="icon hidden">수기입력</span></#if>
 								</div>
 								<div class="date">
@@ -138,13 +138,21 @@
 				if (!SNValidator.validateWithAlert('#frmHeight')) {
 					e.preventDefault()
 					return;
-				}else if($('#child_height').val() >= 210 || $('#child_height').val() < 30){
+				}
+				if($('#child_height').val() >= 210 || $('#child_height').val() < 30){
 					Swal.fire({
 						text: '신장범위(30~210cm)를 초과했습니다'
 					}).then((result)=>{ $('#child_height').focus() })
 					e.preventDefault()
 					return;
 				}
+				if($('#child_weight').val() >= 100 || $('#child_weight').val() < 1){
+					Swal.fire({
+						text: '체중범위(1~100Kg)를 초과했습니다'
+					}).then((result)=>{ $('#child_weight').focus() })
+					e.preventDefault()
+					return;
+				}
 
 				this.ajax_insert_growth_body()
 				e.preventDefault()
@@ -159,6 +167,7 @@
 			data.smc_no = $('#smc_no').val()
 			data.base_dt = moment( $('#input_date').val(),'YYYY. MM. DD' ).format('YYYYMMDD') 
 			data.height = $('#child_height').val()
+			data.weight = $('#child_weight').val()
 
 			$.ajax({
 				url:'${URL_ROOT}/m/bf_growth_body/ajax_insert_bf_growth_body.do?1=1',
diff --git a/src/main/webapp/WEB-INF/views/ftl/m/include/index_top.ftl b/src/main/webapp/WEB-INF/views/ftl/m/include/index_top.ftl
index 0f362a1..68f6534 100644
--- a/src/main/webapp/WEB-INF/views/ftl/m/include/index_top.ftl
+++ b/src/main/webapp/WEB-INF/views/ftl/m/include/index_top.ftl
@@ -12,8 +12,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" /> 
 
     <title>이유식당</title>
+   <!-- 
+    <link href="${URL_STATIC_ROOT}/m/css/style.css?1" rel="stylesheet" > 
+    -->
     
-    <link href="${URL_STATIC_ROOT}/m/css/style.css?1" rel="stylesheet" >
+    <link href="/m/css/style.css?1" rel="stylesheet" >
     <link rel="stylesheet" href="${URL_STATIC_ROOT}/m/css/anypicker-all.min.css" />
     
     <script src="${URL_STATIC_ROOT}/m/js/jquery-3.3.1.min.js"></script>
diff --git a/src/main/webapp/m/css/style.css b/src/main/webapp/m/css/style.css
new file mode 100644
index 0000000..ec6cab4
--- /dev/null
+++ b/src/main/webapp/m/css/style.css
@@ -0,0 +1,12231 @@
+@charset "utf-8";
+@import url(reset.css);
+.hidden {
+    display: inline-block;
+    overflow: hidden;
+    text-indent: -9999999999999px;
+}
+
+body.swal2-height-auto {
+    height: 100%!important;
+}
+
+
+/*checkbox*/
+
+.checkbox {
+    position: relative;
+    text-align: left;
+    margin: 0 auto;
+    height: 24px;
+    vertical-align: middle;
+}
+
+.checkbox.checkbox_center {
+    display: inline-block;
+}
+
+.checkbox label {
+    cursor: pointer;
+    display: inline;
+}
+
+.checkbox label:before,
+.checkbox label:after {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+
+.checkbox label:before {
+    width: 1.25rem;
+    height: 1.25rem;
+    border-radius: 50%;
+    cursor: pointer;
+    background: url(../img/chk_sprites.png)no-repeat 10% 50% / auto 2.5rem;
+}
+
+.checkbox input[type="checkbox"],
+.checkbox input[type="radio"] {
+    outline: 0;
+    visibility: hidden;
+    width: 20px;
+    height: 20px;
+    margin: 0;
+    display: block;
+    float: left;
+    font-size: inherit;
+}
+
+.checkbox input[type="checkbox"]:checked+label:before,
+.checkbox input[type="radio"]:checked+label:before {
+    background: url(../img/chk_sprites.png)no-repeat 90% 50% / auto 2.5rem;
+    border: none;
+}
+
+
+/*switch_checkbox*/
+
+.switch_checkbox input[type=checkbox] {
+    height: 0;
+    width: 0;
+    visibility: hidden;
+}
+
+.switch_checkbox label {
+    position: relative;
+    display: block;
+    width: 50px;
+    height: 27px;
+    text-indent: -9999px;
+    background: #d9d9d9;
+    border-radius: 25px;
+}
+
+.switch_checkbox label:after {
+    content: '';
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    width: 22px;
+    height: 23px;
+    background: #fff;
+    border-radius: 50%;
+    -webkit-transition: 0.3s;
+    transition: 0.3s;
+}
+
+.switch_checkbox input:checked+label {
+    background: #FF9C00;
+}
+
+.switch_checkbox input:checked+label:after {
+    left: calc(100% - 2px);
+    -webkit-transform: translateX(-100%);
+    transform: translateX(-100%);
+}
+
+.switch_checkbox label:active:after {
+    width: 50px;
+}
+
+.pagination {
+    margin: 2.5rem auto;
+    margin-bottom: 0;
+    text-align: center;
+    height: 4rem;
+}
+
+.pagination li {
+    height: 25px;
+    width: 25px;
+    display: inline-block;
+    text-align: center;
+    float: none;
+    overflow: hidden;
+}
+
+.pagination li.page {
+    text-indent: 0;
+}
+
+.pagination li a {
+    display: inline-block;
+    text-indent: -9999999px;
+    vertical-align: middle;
+    height: 25px;
+    width: 25px;
+    font-size: 14px;
+    border-radius: 3px;
+}
+
+.pagination li.page a {
+    display: inline-block;
+    line-height: 1.5rem;
+    background-color: #d8d8d8;
+    vertical-align: top;
+    color: #fff;
+    text-indent: 0;
+}
+
+.pagination li.page.active a {
+    background-color: #004A71!important;
+}
+
+.pagination li.prev_first a {
+    background: url(../img/arrow_sprites.png) no-repeat 39.768% 35.759%/auto 6.4375rem;
+}
+
+.pagination li.prev a {
+    background: url(../img/arrow_sprites.png) no-repeat 22.309% 100%/auto 6.4375rem;
+}
+
+.pagination li.next a {
+    background: url(../img/arrow_sprites.png) no-repeat -2% 100%/auto 6.4375rem;
+}
+
+.pagination li.next_end a {
+    background: url(../img/arrow_sprites.png) no-repeat 39.768% 3.705%/auto 6.4375rem;
+}
+
+.m_noti_center .pagination li.page.active a,
+.m_notice_list .pagination li.page.active a {
+    background-color: #FF9C00!important;
+}
+
+
+/*******************팝업 css*********************/
+
+.layer-wrap {
+    display: none;
+}
+
+.layer-wrap .bg {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    background-color: #000;
+    opacity: .5;
+    z-index: 201;
+}
+
+.layer-wrap .pop-layer {
+    overflow: hidden;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    z-index: 202;
+    min-width: 290px;
+    width: 85%;
+    height: auto;
+    min-height: 200px;
+    background: #fff;
+    -webkit-box-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.2);
+    box-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.2);
+    border-radius: 5px;
+}
+
+.layer-wrap .pop-layer .btn-xx {
+    position: absolute;
+    top: 1.1rem;
+    right: 0.9375rem;
+    width: 0.9375rem;
+    height: 0.9375rem;
+    overflow: hidden;
+}
+
+.layer-wrap .popup_title {
+    background-color: #FF9C00;
+    color: #fff;
+    font-size: 1.125rem;
+    font-weight: 400;
+    text-align: center;
+    padding: 1rem;
+}
+
+.layer-wrap .popup_cont {
+    padding: 1.5625rem;
+    padding-bottom: 2.5rem;
+}
+
+.layer-wrap .sub_title {
+    font-weight: 400;
+    font-size: 1rem;
+    margin-bottom: 1rem;
+    color: #252525;
+}
+
+.layer-wrap .list_item {
+    width: 100%;
+    height: 2.9375rem;
+    line-height: 2.9375rem;
+    padding: 0 1.5rem;
+    background-color: #fff;
+    border: 1px solid #d9d9d9;
+    border-radius: 50px;
+}
+
+.layer-wrap .btns {
+    width: 100%;
+    margin-top: 1rem;
+    box-shadow: none;
+}
+
+
+/********************공통 css*********************/
+
+.blue_bg {
+    background-color: #FEF7F1;
+    background-repeat: no-repeat;
+}
+
+.blue_w_bg,
+.blue_w_bg .blue_bg {
+    background-color: #fff;
+}
+
+.grey_2_bg,
+.w_grey_bg,
+.blue_g_bg,
+.grey_bg {
+    background-color: #fef5f0;
+    background-repeat: no-repeat;
+}
+
+body {}
+
+.wrap {
+    max-width: 1024px;
+    height: 100%;
+    margin: 0 auto;
+    padding-top: 50px;
+    padding-bottom: 0.001rem;
+}
+
+main {
+    max-width: 1024px;
+    margin: 0 auto;
+}
+
+
+/*  iOS Safari 11.4+, Safari 11.1+, Chrome 69+, Opera 56+ */
+
+
+/* IOS 11.0 버전 (구)*/
+
+.btns {
+    display: inline-block;
+    height: 2.8125rem;
+    border-radius: 10px;
+    border: none;
+    text-align: center;
+    cursor: pointer;
+    vertical-align: middle;
+    line-height: 2.8125rem;
+    font-size: 1.125rem;
+}
+
+.pink_btn {
+    background-color: #fd8235;
+    color: #fff;
+}
+
+.yellow_btn {
+    background-color: #fff2cc;
+    color: #252525;
+}
+
+.blue_btn {
+    background-color: #FF9C00;
+    color: #fff;
+}
+
+.grey_btn {
+    background-color: #989898;
+    color: #fff;
+}
+
+.white_btn {
+    background-color: #fff;
+    color: #6f6f6e;
+}
+
+.blue_btn:active,
+.blue_btn:hover,
+.grey_btn:active,
+.grey_btn:hover {
+    color: #fff;
+}
+
+
+/*floating_btn*/
+
+.floating_btn {
+    position: fixed;
+    bottom: 80px;
+    right: 1.25rem;
+    width: 5.4375rem;
+    height: 5.4375rem;
+    border-radius: 50%;
+    background-color: rgba(31, 31, 31, 0.7);
+    font-size: 0.875rem;
+    text-align: center;
+    color: #fff;
+    border: none;
+    line-height: 1.1rem;
+}
+
+.floating_btn .icon {
+    display: block;
+    width: 1.1rem;
+    height: 1.1rem;
+    margin: 0 auto;
+    margin-bottom: 0.4rem;
+    margin-top: 1.5rem;
+    background: url(../img/setting/list_icon.png)no-repeat center/contain;
+}
+
+.floating_btn:active,
+.floating_btn:hover {
+    color: #fff;
+}
+
+
+/**/
+
+.p_10 {
+    padding: 0.625rem;
+}
+
+.p_25 {
+    padding: 0 1.5625rem 1.78125rem;
+}
+
+.w_title {
+    font-size: 1.0625rem;
+    font-weight: 400;
+    line-height: 1.3rem;
+    padding-bottom: 0.9375rem;
+    padding-top: 1.71875rem;
+}
+
+.w_title a {
+    font-size: 1.0625rem;
+    line-height: 1.3rem;
+    font-weight: 400;
+}
+
+.w_title a span {
+    font-size: 1.0625rem;
+    font-weight: 500;
+}
+
+.w_title .more_icon {
+    display: inline-block;
+    height: 1.3rem;
+    width: 0.625rem;
+    vertical-align: top;
+    background: url(../img/arrow_sprites.png)no-repeat 92.565% 68%/auto 6.4375rem;
+    margin-left: 0.1rem;
+}
+
+.sub_title {
+    position: relative;
+    font-size: 18px;
+    font-weight: 400;
+    padding: 0 0 20px;
+}
+
+
+/*header_wrapper*/
+
+.header_wrapper * {
+    vertical-align: top;
+}
+
+.header_wrapper,
+.index_header_wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 50px;
+    max-width: 1024px;
+    width: 100%;
+    margin: 0 auto;
+    padding: 0 20px;
+    background: #fff;
+    z-index: 99999;
+}
+
+.header_wrapper .side_Rbtn,
+.header_wrapper .side_Lbtn,
+.header_wrapper .header_title {
+    float: left;
+}
+
+.header_wrapper .header_title {
+    font-size: 18px;
+    font-weight: 400;
+    color: #000;
+}
+
+.side_Rbtn,
+.side_Lbtn {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.header_wrapper .c_left_btn {
+    top: 12px;
+    right: 20px;
+}
+
+.main_bg .header_wrapper,
+.main_bg .index_header_wrapper {
+    background: #fff;
+}
+
+.main_bg .header_wrapper .right_btn_box a {
+    width: 19px;
+}
+
+.nutrition_subMain_cart img {
+    width: 18px;
+    height: auto;
+    margin-top: 1px;
+}
+
+.nutrition_subMain_set img {
+    width: 17px;
+    height: auto;
+    margin-left: 5px;
+}
+
+.growth_cal img {
+    width: 18px;
+    height: auto;
+}
+
+.growth_cal input {
+    display: none;
+}
+
+.foodInfo_subMain_basket img {
+    width: 18px;
+    height: auto;
+}
+
+.nutrition_subMain_detail img {
+    width: 17px;
+    height: auto;
+}
+
+.foodInfo_subMain_close img {
+    width: 18px;
+    height: auto;
+    margin-left: 5px;
+}
+
+.nutrition_subMain_delete img {
+    width: 17px;
+    height: auto;
+}
+
+
+/*index header*/
+
+.header_wrapper .brand_logo {
+    height: 1.7rem;
+    width: 5rem;
+    background: url(../img/main/brand_logo_w.png)no-repeat center/contain;
+    margin-top: -2px;
+}
+
+.index_header_wrapper .brand_logo {
+    height: 2.347375rem;
+    width: 9rem;
+    background: url(../img/main/brand_logo_w.png)no-repeat center/contain;
+}
+
+.right_btn_box {
+    height: 25px;
+    width: auto;
+}
+
+.pre_btn {
+    background: url(../img/main/header_pre.png) no-repeat 0 0/ auto 15px;
+    width: 19px;
+    height: 17px;
+}
+
+.noti_btn {
+    background: url(../img/main/header_sprites.png) no-repeat -2.25rem -0.375rem/ auto 3.875rem;
+    width: 1.1875rem;
+    height: 1.4375rem;
+}
+
+.noti_new_btn {
+    background: url(../img/main/header_sprites.png) no-repeat -0.375rem -0.3125rem/ auto 3.875rem;
+    width: 1.25rem;
+    height: 1.5rem;
+}
+
+.setting_btn {
+    background: url(../img/main/header_sprites.png) no-repeat -0.37125rem -2.4375rem/ auto 3.875rem;
+    width: 1.3125rem;
+    height: 1.1875rem;
+}
+
+.home_btn {
+    background: url(../img/main/header_sprites.png) no-repeat -4.0625rem -0.3125rem/ auto 3.875rem;
+    width: 1.375rem;
+    height: 1.3125rem;
+}
+
+
+/*****************************/
+
+
+/*m_noti*/
+
+.m_noti_center .noti_list {
+    margin-top: 30px;
+}
+
+.m_noti_center .noti_list .noti_item {
+    flex-wrap: nowrap;
+    padding: 20px 60px 20px 20px;
+    background-color: #fff;
+    overflow: hidden;
+    align-items: center;
+    margin-bottom: 10px;
+}
+
+.m_noti_center .noti_list .noti_item,
+.m_noti_center .noti_list .noti_item a {
+    display: flex;
+}
+
+.m_noti_center .noti_item.more_icon {
+    position: relative;
+    background-color: #fff;
+}
+
+.m_noti_center .noti_item.more_icon:after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    right: 1rem;
+    margin-top: -0.5625rem;
+    width: 0.625rem;
+    height: 1.125rem;
+    background: url(../img/arrow_sprites.png)no-repeat 92.565% 5.367%/auto 6.4375rem;
+}
+
+.m_noti_center .noti_item .new_icon {
+    position: absolute;
+    top: -10px;
+    right: -33px;
+    width: 27px;
+    height: 27px;
+    overflow: hidden;
+    background: url(../img/setting/alarm_new_ico.png)no-repeat center/contain;
+}
+
+.m_noti_center .noti_item .noti_txt {
+    margin: auto 0;
+}
+
+.m_noti_center .noti_item .noti_txt h3 {
+    position: relative;
+    font-size: 15px;
+    line-height: 20px;
+    font-weight: 400;
+}
+
+.m_noti_center .noti_item .noti_txt span {
+    color: #6f6f6e;
+    display: block;
+    font-size: 14px;
+    padding-top: 7px;
+}
+
+
+/*****************************/
+
+
+/*main*/
+
+.m_index {
+    overflow: hidden;
+}
+
+.main_header {
+    display: flex;
+    margin-top: -2px;
+    height: 15.71875rem;
+    background: #FF9C00 url(../img/main_bg.png)no-repeat top -0.5rem center/100% auto;
+}
+
+.main_header .iker_box {
+    flex: 0 0 52%;
+    padding-left: 1.5625rem;
+}
+
+.main_header .iker_box .iker_img {
+    margin-top: 4.3787rem;
+    height: 4rem;
+    width: 100%;
+    background: url(../img/main_bg_03.png)no-repeat center left 0.3rem/contain;
+}
+
+.main_header .iker_box .main_title_box h2,
+.main_header .iker_box .main_title_box h3 {
+    color: #fff;
+    white-space: nowrap;
+    word-break: keep-all;
+    padding-top: 0.5rem;
+}
+
+.main_header .iker_box .main_title_box h2 {
+    position: relative;
+    font-size: 1.52rem;
+    font-weight: 500;
+    padding-bottom: 1rem;
+}
+
+.main_header .iker_box .main_title_box h2:after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 0.55rem;
+    background: url(../img/brand_tit.png)no-repeat center left/contain;
+}
+
+.main_header .iker_box .main_title_box h3 {
+    font-weight: 100;
+    font-size: 0.75rem;
+    letter-spacing: -0.05rem;
+}
+
+.main_header .child_img {
+    flex: 0 0 48%;
+    height: 19.5rem;
+    background: url(../img/main_bg_02.png)no-repeat bottom right/contain;
+}
+
+.child_wrap {
+    background-color: #efefef;
+    height: auto;
+}
+
+.child_wrap .child_add {
+    position: relative;
+    top: -1.25rem;
+    height: 2.5rem;
+    line-height: 2.5rem;
+    padding: 0 1.4375rem 0 1.4375rem;
+    border-radius: 3rem;
+    display: inline-block;
+    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
+    background-color: #ffd0db;
+}
+
+.child_wrap .child_add:after {
+    content: "";
+    width: 0.625rem;
+    height: 0.625rem;
+    display: inline-block;
+    vertical-align: middle;
+    margin-left: 0.3rem;
+    margin-top: -2px;
+    background: url(../img/child/child_common_sprites.png) no-repeat 40.957% 73.034% / auto 11.75rem;
+}
+
+.child_wrap .w_title {
+    padding: 40px 20px 15px !important;
+}
+
+.child_wrap .w_title a {
+    z-index: 99999999999;
+    display: block;
+}
+
+.child_wrap .child_list_item {
+    display: flex;
+    flex-wrap: wrap;
+    background-color: #fff;
+    height: 72px;
+    align-content: center;
+    justify-content: space-between;
+    overflow: hidden;
+    margin-bottom: 0.9375rem;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
+    border: none;
+    min-width: 250px;
+}
+
+.child_wrap .child_list_item:last-child {
+    margin-bottom: 0;
+}
+
+.child_list_item>a {
+    display: flex;
+    flex: 0 0 74%;
+}
+
+.child_list_item .child_pic {
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    margin: auto;
+    margin-left: 20px;
+    margin-right: 0.9375rem;
+    background-size: cover!important;
+    background-repeat: no-repeat!important;
+    background-position: center!important;
+    background-image: url(../img/child/child_pic.png);
+    background-color: #ececec;
+}
+
+.child_list_item .child_info {
+    align-content: center;
+    margin: auto 0;
+}
+
+.child_list_item .child_name {
+    font-size: 17px;
+    white-space: nowrap;
+    font-weight: 400;
+    line-height: 1.4rem;
+    padding-bottom: 0.15rem;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    max-width: 7.4rem;
+}
+
+.child_list_item .child_h_date_box {}
+
+.child_list_item .child_h_date_box .h_date_icon {
+    display: inline-block;
+    width: 10px;
+    height: 0.7rem;
+    background: url(../img/child/child_common_sprites.png) no-repeat 5.236% 94.334% / auto 11.75rem;
+}
+
+.child_list_item .child_h_date_box .h_date {
+    font-size: 0.875rem;
+    color: #787878;
+    line-height: 1rem;
+}
+
+.child_list_item .child_r_box {
+    background-color: #fff;
+    width: 5.25rem;
+    height: 4.5625rem;
+    display: flex;
+    flex: 0 0 26%;
+}
+
+.child_list_item .child_r_box .child_m_a_btn {
+    width: 100%;
+    height: 100%;
+    display: block;
+    line-height: 4.5625rem;
+    text-align: center;
+    color: #fff;
+    font-size: 0.9375rem;
+    vertical-align: middle;
+    font-weight: 400;
+}
+
+.child_list_item .child_r_box .child_m_a_btn .more_icon {
+    height: 1.0625rem;
+    width: 0.625rem;
+    margin-left: 0rem;
+    background: url(../img/arrow_sprites.png) no-repeat 68.727% 89.615%/auto 6.4375rem;
+}
+
+
+/*****************************/
+
+
+/*아이등록 list item*/
+
+.child_add_list_item {}
+
+.child_add_list_item .child_pic {
+    background: #ececec url(../img/child/child_pic.png)no-repeat center/contain!important;
+}
+
+.child_add_list_item .child_name {
+    color: #b6b6b6;
+}
+
+.child_add_list_item .child_h_date_box .h_date {
+    color: #c5c5c5;
+}
+
+.child_add_list_item .child_r_box {
+    background-color: #ffd0db;
+}
+
+.child_add_list_item .child_r_box .child_m_a_btn {
+    color: #252525;
+}
+
+.child_add_list_item .child_r_box .child_m_a_btn .more_icon {
+    background: url(../img/arrow_sprites.png)no-repeat 88.727% 89.615%/auto 6.4375rem;
+}
+
+
+/*****************************/
+
+
+/*사용방법영상*/
+
+.how_use_wrap {
+    padding-bottom: 0.5rem;
+    ;
+}
+
+.how_use_wrap h3 span {
+    font-size: 1.0625rem;
+    font-weight: 500;
+}
+
+.how_use_wrap .cont {
+    display: flex;
+    flex-wrap: wrap;
+    height: 11.125rem;
+    border-radius: 20px;
+    background: url(../img/how_use_bg.png)no-repeat center/cover;
+    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
+}
+
+.how_use_wrap .cont .more_box {
+    height: 2.65625rem;
+    background-color: #ffd0db;
+    margin-top: auto;
+    margin-bottom: 1.625rem;
+    font-size: 1.0625rem;
+    line-height: 2.65625rem;
+    color: #636363;
+    font-weight: 400;
+    padding: 0 1rem;
+    border-radius: 0 25px 25px 0;
+}
+
+.how_use_wrap .cont .more_box .icon {
+    height: 2.65625rem;
+    width: 2rem;
+    vertical-align: top;
+    background: url(../img/arrow_sprites.png) no-repeat 0.2rem .5rem/auto 6.4375rem;
+}
+
+
+/*****************************/
+
+
+/*아이목록 m_list_member_child*/
+
+.m_list_member_child {
+    height: 100%;
+    padding-bottom: 0;
+}
+
+.m_list_member_child .w_title {
+    /*padding-top: 1.75rem!important;*/
+}
+
+.m_list_member_child .child_wrap {
+    background: none;
+    width: 100%;
+}
+
+.m_list_member_child .child_list_item .child_r_box {
+    width: 5.5rem;
+}
+
+.m_list_member_child .child_add {
+    display: block;
+    height: 3.125rem;
+    line-height: 3.125rem;
+    text-align: center;
+    background-color: #FF9C00;
+    border-radius: 10px;
+    color: #fff;
+}
+
+.m_list_member_child .child_edit_btn {
+    margin-top: auto;
+    position: fixed;
+    bottom: 80px;
+    right: 20px;
+    width: 4.375rem;
+    height: 4.375rem;
+    text-align: center;
+    border: none;
+    border-radius: 50%;
+    background-color: rgba(80, 80, 80, 0.7);
+    color: #fff;
+    font-size: 0.875rem;
+}
+
+.m_list_member_child .child_edit_btn.edit_mode {
+    background-color: #FF9C00;
+}
+
+.m_list_member_child .child_edit_btn .tit.tit_02 {
+    display: none;
+}
+
+.m_list_member_child .child_edit_btn.edit_mode .tit_01 {
+    display: none;
+}
+
+.m_list_member_child .child_edit_btn.edit_mode .tit_02 {
+    display: block;
+}
+
+.m_list_member_child .child_edit_btn .child_edit_icon {
+    width: 1.25rem;
+    height: 1.25rem;
+    display: block;
+    margin: 0 auto;
+    background: url(../img/child/child_common_sprites.png) no-repeat 5.634% 31.437%/ auto 11.75rem;
+}
+
+.child_add .add_icon {
+    vertical-align: middle;
+    margin-top: -7px;
+    width: 20px;
+    height: 20px;
+    margin-left: 5px;
+    background: url(../img/child/child_common_sprites.png)no-repeat 56.649% 73.034% / auto 11.75rem;
+    border-radius: 50%;
+}
+
+
+/*편집모드 x*/
+
+.m_list_member_child .child_list_item .drag_btn {
+    display: none;
+    z-index: 999;
+}
+
+.m_list_member_child .child_list_item.edit_list_item {
+    position: relative;
+}
+
+.m_list_member_child .child_list_item:last-child {
+    margin-bottom: 0.9375rem!important;
+}
+
+.m_list_member_child .child_list_item.edit_list_item .drag_btn {
+    position: absolute;
+    display: block;
+    top: 0.375rem;
+    left: 0.375rem;
+    width: 1.40625rem;
+    height: 1.40625rem;
+    z-index: 111;
+    border: none;
+    background: url(../img/child/child_common_sprites.png) no-repeat 30% 6.061% / auto 11.75rem;
+}
+
+.m_list_member_child .child_list_item.edit_list_item:nth-child(1) .drag_btn,
+.m_list_member_child .child_list_item.edit_list_item:nth-child(2) .drag_btn,
+.m_list_member_child .child_list_item.edit_list_item:nth-child(3) .drag_btn {
+    background: url(../img/child/child_common_sprites.png) no-repeat 5.714% 6.061% / auto 11.75rem;
+}
+
+.child_list_item .child_info_box {
+    display: flex;
+}
+
+.child_list_item .child_r_box .edit_box {
+    flex-wrap: wrap;
+    display: flex;
+    align-content: center;
+    text-align: center;
+    vertical-align: middle;
+    height: 100%;
+    width: 100%;
+}
+
+.child_list_item .child_r_box .edit_box .edit_box_btn {
+    flex: 0 0 45%;
+    margin: auto 0;
+    border: none;
+    line-height: 1.5rem;
+    font-size: 0.75rem;
+    padding-top: 0.3rem;
+    color: #000;
+    background-color: rgba(0, 0, 0, 0);
+    font-weight: 400;
+}
+
+.child_list_item .child_r_box .edit_box .edit_box_btn .icon {
+    display: block;
+    height: 1.125rem;
+    width: 1.125rem;
+    margin: 0 auto;
+    background-color: #fff;
+    border-radius: 50%;
+}
+
+.child_list_item .child_r_box .edit_box .edit_btn {
+    position: relative;
+}
+
+.child_list_item .child_r_box .edit_box .edit_btn:after {
+    content: "";
+    position: absolute;
+    top: 43%;
+    right: 0;
+    width: 1px;
+    margin-top: -0.9375rem;
+    height: 35px;
+    background-color: #ccc;
+}
+
+.child_list_item .child_r_box .edit_box .edit_box_btn.edit_btn .icon {
+    background: #FF9C00 url(../img/child/child_common_sprites.png) no-repeat 72.654% 73.222% / auto 11.75rem;
+}
+
+.child_list_item .child_r_box .edit_box .edit_box_btn.del_btn .icon {
+    background: #FF9C00 url(../img/child/child_common_sprites.png) no-repeat 31.7% 94.6% / auto 11.75rem;
+}
+
+.child_list_item .child_r_box .edit_hidden {}
+
+
+/*****************************/
+
+
+/*아이홈*/
+
+.m_home_child {}
+
+.home_child_box {
+    background: #fff url(../img/child/child_home_bg.png)no-repeat center/cover;
+    padding: 2.5rem 0 2.5rem 1.875rem;
+    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
+}
+
+.home_child_box .h_c_header {
+    position: relative;
+    padding-top: 0.7rem;
+    margin-bottom: 1.71875rem;
+}
+
+.home_child_box .h_c_header:before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100%;
+    height: 21.46875rem;
+    background: url(../img/child/child_home_bg_02.png)no-repeat top right/contain;
+}
+
+.home_child_box .h_c_header .header_title {
+    position: relative;
+}
+
+.home_child_box .h_c_header h4 {
+    font-size: 0.875rem;
+    font-size: 300;
+    padding-left: 0.5rem;
+    padding-bottom: 0.5rem;
+}
+
+.home_child_box .h_c_header h2 {
+    font-size: 1.5rem;
+    font-weight: 500;
+    padding-left: 0.5rem;
+    padding-bottom: 1.9rem;
+}
+
+.home_child_box .h_c_header .child_result {
+    position: relative;
+    display: flex;
+    background-color: #42acd5;
+    width: 68%;
+    min-width: 12.8rem;
+    height: 4.0625rem;
+    border-radius: 50rem;
+    justify-content: space-between;
+    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
+}
+
+.home_child_box .h_c_header .child_result.child_list_item .child_pic {
+    height: 3.4375rem;
+    width: 3.4375rem;
+    background-image: url(../img/child/child_pic_02.png);
+    margin-right: 0.5rem;
+}
+
+.home_child_box .h_c_header .child_result.child_list_item .child_r_box {
+    max-width: 2.1875rem;
+    min-width: 2.1875rem;
+    width: 2.1875rem;
+    height: 2.1875rem;
+    margin: auto 0;
+    margin-right: 0.9375rem;
+    border-radius: 50%;
+    border: none;
+    background: #fff url(../img/child/child_common_sprites.png) no-repeat 74.9% 44.748% / auto 11.75rem;
+}
+
+.home_child_box .h_c_header .child_result.child_list_item .child_height {
+    font-size: 1.25rem;
+    font-weight: 500;
+    line-height: 1.4rem;
+    padding-bottom: 0.15rem;
+    color: #fff;
+}
+
+.home_child_box .h_c_header .child_result.child_list_item .child_height .unit {
+    font-weight: 300;
+    font-size: 1.125rem;
+}
+
+.home_child_box .h_c_header .child_result.child_list_item .child_h_date_box .h_date_icon {
+    background: url(../img/child/child_common_sprites.png) no-repeat 19.06% 93.803% / auto 11.75rem;
+}
+
+.home_child_box .h_c_header .child_result.child_list_item .child_h_date_box .h_date {
+    color: #aae5fb;
+    font-size: 0.8125rem;
+}
+
+.home_child_box .h_c_header .child_result:after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    margin-top: -10px;
+    right: -28px;
+    width: 0px;
+    height: 0px;
+    border-top: 10px solid transparent;
+    border-bottom: 10px solid transparent;
+    border-right: 20px solid transparent;
+    border-left: 20px solid #FF9C00;
+}
+
+.home_child_box .h_c_hw_box {
+    margin-top: 2.71875rem;
+}
+
+.home_child_box .h_c_hw_box .h_c_hw {
+    position: relative;
+    margin-top: 1.5rem;
+}
+
+.home_child_box .h_c_hw_box .h_c_hw:before {
+    content: "";
+    position: absolute;
+    top: -8px;
+    left: 0.5rem;
+    ;
+    ;
+    width: 15px;
+    height: 4px;
+    background-color: #ffc600;
+    transform: rotate(-45deg);
+}
+
+.home_child_box .h_c_hw_box p {
+    font-size: 1.0625rem;
+    line-height: 1.8rem;
+    padding-left: 0.4rem;
+}
+
+.home_child_box .h_c_hw_box p .blue_tit.under_tit {
+    display: inline-block;
+    font-size: 1.375rem;
+    line-height: 1.8rem;
+    font-weight: bold;
+    border-bottom: 1px solid #FF9C00;
+}
+
+
+/*아래 버튼들*/
+
+.home_child_box .h_btns_wrap {
+    position: relative;
+    margin-right: 1.875rem;
+}
+
+
+/*키 측정, 체중측정 버튼*/
+
+.h_btns_wrap .measure_btnbox {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+
+.h_btns_wrap .measure_btnbox .btns {
+    flex: 0 0 49%;
+    width: 49%;
+    height: 2.8125rem;
+    line-height: 2.8125rem;
+    margin-bottom: 1.75rem;
+    font-size: 1.125rem;
+    vertical-align: middle;
+}
+
+.h_btns_wrap .measure_btnbox .btns .icon,
+.h_btns_wrap .grow_view_btnbox .btns span {
+    vertical-align: top;
+    margin-left: 0.5rem;
+    width: 1.05rem;
+    margin-top: 1px;
+}
+
+.h_btns_wrap .measure_btnbox .m_height_btn .icon {
+    background: url(../img/child/child_common_sprites.png) no-repeat 26.039% 54.545% / auto 11.75rem;
+}
+
+.h_btns_wrap .grow_view_btnbox {}
+
+.h_btns_wrap .grow_view_btnbox .btns {
+    display: block;
+    width: 100%;
+    height: 3.125rem;
+    line-height: 3.125rem;
+    box-shadow: none;
+}
+
+.h_btns_wrap .grow_view_btnbox .btns:first-child {
+    margin-bottom: 0.5rem;
+}
+
+.h_btns_wrap .grow_view_btnbox .g_v_report_btn .icon {
+    background: url(../img/child/child_common_sprites.png) no-repeat 5.42% 82.923%/ auto 11.75rem;
+}
+
+.h_btns_wrap .grow_view_btnbox .g_v_graph_btn .icon {
+    background: url(../img/child/child_common_sprites.png) no-repeat 6.044% 56.9%/ auto 11.75rem;
+}
+
+
+/*아이홈- 측정리스트*/
+
+.result_list_wrap {
+    padding: 1.5625rem 1.5625rem 0;
+}
+
+.result_list_wrap .sub_title {
+    margin-bottom: 0.975rem;
+}
+
+.r_list_item {
+    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
+}
+
+.r_list_item a {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-content: center;
+    height: 5.125rem;
+    background-color: #fff;
+    border-radius: 50px;
+    margin-bottom: 0.625rem;
+    padding-left: 2.5rem;
+    padding-right: 1.3125rem;
+}
+
+.r_list_item a>div {
+    margin: auto 0;
+}
+
+.r_list_item .view_report_btn {
+    background: #FF9C00 url(../img/arrow_sprites.png)no-repeat 105% 35.5%/auto 8rem;
+    height: 2.5rem;
+    width: 2.5rem;
+    border-radius: 50%;
+}
+
+.result_num_box {
+    display: flex;
+    margin-bottom: 0.46rem;
+}
+
+.result_num_box .result_num {
+    color: #004A71;
+    font-size: 1.4375rem;
+    line-height: 1.4375rem;
+    font-weight: 500;
+}
+
+.result_num_box .result_num .unit {
+    font-weight: 300;
+    font-size: 1.125rem;
+    padding-left: 0.2rem;
+}
+
+.r_list_item .date {
+    color: #252525;
+    font-size: 0.875rem;
+    font-weight: 300;
+}
+
+.r_list_item .date>span {
+    position: relative;
+    color: #004A71;
+    font-size: 0.875rem;
+    margin-right: 0.35rem;
+    font-weight: 400;
+}
+
+
+/*****************************/
+
+
+/*아이프로필 m_child_profile*/
+
+.m_child_profile {}
+
+.profile_wrap .p_title {
+    font-weight: 400;
+    font-size: 17px;
+    margin-bottom: 15px;
+}
+
+.profile_wrap .profile_header .p_title {
+    font-weight: 500;
+}
+
+.profile_wrap .p_sub_title {
+    font-weight: 400;
+    margin: 30px 20px 20px;
+}
+
+
+/*상단 사진*/
+
+.m_child_profile .profile_wrap .p_header_pic {
+    padding: 30px 20px 30px;
+    margin: 0;
+    background: #fff;
+}
+
+.m_child_direct_input .profile_header {
+    margin: 0 20px;
+}
+
+.m_child_direct_input .p_list_item.p_border_box {
+    border-radius: 10px;
+    border: 1px solid #ddd;
+}
+
+.m_child_direct_input .profile_wrap .p_header_pic .pic {
+    border: 2px solid #004A71 !important;
+}
+
+.profile_wrap .p_header_pic {
+    display: flex;
+    flex-wrap: wrap;
+    align-content: center;
+    justify-content: center;
+    margin: 0 0 25px;
+}
+
+.profile_wrap .p_header_pic .pic {
+    width: 70px;
+    height: 70px;
+    border-radius: 50%;
+    background-position: center!important;
+    background-size: cover!important;
+    background-repeat: no-repeat!important;
+    border: 2px solid #ff9c00;
+    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
+}
+
+.profile_wrap .p_header_pic .child_tit {
+    margin: auto 0;
+    margin-left: 13px;
+}
+
+.profile_wrap .p_header_pic .name {
+    font-size: 1.3125rem;
+    font-weight: 500;
+    line-height: 1.8rem;
+    margin-bottom: 5px;
+}
+
+.profile_wrap .p_header_pic .age {
+    font-size: 0.9375rem;
+    font-weight: 300;
+}
+
+.profile_wrap .p_border_box {
+    min-height: 45px;
+    margin: 0 0 10px;
+    background-color: #fff;
+}
+
+.profile_wrap .p_border_box:last-child {
+    margin: 0;
+}
+
+.p_list_item.p_border_box {
+    padding: 0 20px;
+    overflow: hidden;
+}
+
+.p_list_item {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-content: center;
+}
+
+.p_list_item.gender_box {
+    padding: 0 20px;
+}
+
+.profile_wrap .p_label {
+    flex: 0 0 40%;
+    color: #999;
+    line-height: 2.9375rem;
+    white-space: nowrap;
+}
+
+.profile_wrap .p_input_box {
+    display: flex;
+    flex: 0 0 60%;
+}
+
+.profile_wrap .p_input_box input {
+    border: none;
+    width: 100%;
+    height: 2.9375rem;
+    text-align: right;
+    font-size: 1rem;
+    color: #000000;
+}
+
+.profile_wrap .p_input_box input::placeholder {
+    color: #ccc;
+}
+
+
+/*버튼 공통*/
+
+.profile_wrap .p_list_item .p_btn {
+    line-height: 2.9375rem;
+    vertical-align: middle;
+    background: #fff;
+    border: 2px solid #ccc;
+    color: #999;
+    border-radius: 10px;
+}
+
+.profile_wrap .p_list_item .p_btn .icon {
+    display: none;
+    vertical-align: top;
+    width: 1.25rem;
+    height: 100%;
+    margin-right: 0.3rem;
+    background: url(../img/chk_sprites.png)no-repeat 10% 50% / auto 2.5rem;
+}
+
+.profile_wrap .p_list_item .p_btn.active {
+    color: #ff9c00;
+    border: 2px solid #ff9c00;
+}
+
+.profile_wrap .p_list_item .p_btn.active .icon {
+    background: url(../img/chk_sprites.png)no-repeat 90% 50% / auto 2.5rem;
+}
+
+
+/*성별선택*/
+
+.m_child_profile .profile_wrap .gender_box .p_btn {
+    margin: 0;
+}
+
+.profile_wrap .gender_box .p_btn {
+    flex: 0 0 48%;
+    height: 45px;
+    line-height: 40px;
+    white-space: nowrap;
+}
+
+
+/*혈액형*/
+
+.profile_wrap .blood_groups_box .p_btn {
+    flex: 0 0 24%;
+    white-space: nowrap;
+}
+
+
+/*p_info*/
+
+.profile_wrap .p_info {
+    text-align: center;
+    font-size: 0.8125rem;
+    margin-top: 20px;
+    color: #6f6f6e;
+}
+
+.profile_wrap .p_info .blue_tit {
+    display: block;
+    font-size: 0.9375rem;
+    line-height: 1.2rem;
+    word-break: keep-all;
+    margin-bottom: 0.3rem;
+}
+
+
+/*cont*/
+
+.profile_cont {
+    padding: 0;
+}
+
+.profile_wrap .p_input_box .unit {
+    display: inline-block;
+    margin-left: 0.5rem;
+    line-height: 2.9375rem;
+    width: 2.3rem;
+    text-align: center;
+}
+
+
+/*프로필사진 등록*/
+
+.profile_pic_box {}
+
+.profile_pic_box .p_border_box {
+    position: relative;
+    padding: 10px 0;
+    display: flex;
+    flex-wrap: wrap;
+    align-content: center;
+    overflow: hidden;
+}
+
+.profile_pic_box .p_border_box .profile_imgbox {
+    margin: auto 0;
+}
+
+.profile_pic_box .p_border_box .profile_imgbox:after {
+    content: "사진 등록";
+    position: absolute;
+    display: block;
+    width: 6rem;
+    height: 1.4rem;
+    left: 100px;
+    top: 50%;
+    margin-top: -0.7rem;
+    text-align: left;
+    font-size: 1.125rem;
+    line-height: 1.4rem;
+}
+
+.profile_pic_box .p_border_box .profile_imgbox:before {
+    content: "";
+    position: absolute;
+    top: 39%;
+    left: 15px;
+    height: 20px;
+    width: 20px;
+    margin-left: 10.5rem;
+    background: url(../img/child/child_common_sprites.png) no-repeat 40.957% 74% / auto 11.75rem;
+}
+
+.profile_imgbox .input_file_upload {
+    position: relative;
+    height: 60px;
+    width: 60px;
+    margin-left: 20px;
+    border-radius: 50%;
+}
+
+.profile_imgbox .input_file_upload .upfile {
+    display: block;
+    position: absolute;
+    top: 50%;
+    margin-top: -1.96875rem;
+    background: url(../img/child/child_pic.png) no-repeat 0/100% auto;
+    visibility: visible;
+    width: 100%;
+    height: 100%!important;
+    opacity: 1;
+    overflow: hidden;
+    text-indent: -999px;
+    border-radius: 50%;
+    color: #fff;
+}
+
+.profile_imgbox .input_file_upload .btn_upfile {
+    position: relative;
+    display: block;
+    margin: 0 auto;
+    width: 14rem;
+    height: 100%;
+    overflow: hidden;
+    color: #ececec;
+    background-color: transparent;
+    border: none;
+    z-index: 99;
+}
+
+.profile_imgbox .input_file_upload .add_thumb {
+    position: absolute;
+    display: block;
+    top: 50%;
+    margin-top: -1.96875rem;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+.profile_imgbox .input_file_upload .add_thumb img {
+    width: 100%;
+    height: 100%;
+    display: block;
+    -o-object-fit: cover;
+    object-fit: cover;
+    overflow: hidden;
+    border-radius: 50%;
+}
+
+.profile_imgbox .add_thumb.off,
+.profile_imgbox .ibtn_x.off {
+    display: none;
+}
+
+.profile_imgbox .ibtn_x {
+    position: absolute;
+    display: block;
+    top: 0;
+    right: 0;
+    width: 4.875rem;
+    height: 100%;
+    border: none;
+    text-indent: -9999px;
+    background-color: #fff;
+    border-radius: 0 50px 50px 0;
+    outline: none;
+    z-index: 9999;
+}
+
+.profile_imgbox .ibtn_x:before {
+    content: "삭제아이콘";
+    position: absolute;
+    top: 30%;
+    right: 1.8875rem;
+    width: 4.875rem;
+    height: 1.1rem;
+    width: 1.1rem;
+    background: #FF9C00 url(../img/child/child_common_sprites.png) no-repeat 31.65% 94.3% / auto 11.75rem;
+    font-size: 0.75rem;
+    color: #000;
+    border-radius: 50%;
+}
+
+.profile_imgbox .ibtn_x:after {
+    content: "삭제";
+    position: absolute;
+    top: 55%;
+    right: 0;
+    width: 4.875rem;
+    height: 1rem;
+    text-indent: 0;
+    font-size: 0.75rem;
+    color: #000;
+}
+
+
+/*아래 버튼*/
+
+.profile_btn_box {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    padding: 40px 20px 20px;
+}
+
+.profile_btn_box .btns {
+    height: 40px;
+    line-height: 38px;
+    box-shadow: none;
+}
+
+.profile_btn_box button {
+    flex: 0 0 48%;
+    font-size: 1.125rem;
+}
+
+.profile_btn_box button .icon {
+    width: 1.25rem;
+    height: 1.25rem;
+    vertical-align: -3px;
+    margin-left: 0.3rem;
+}
+
+.profile_btn_box .top_move {
+    display: none;
+    position: relative;
+    flex: 0 0 20%;
+    color: #fff;
+    width: 3.125rem;
+    min-width: 3.125rem;
+    max-width: 3.125rem;
+    background-color: #ffc417;
+}
+
+.profile_btn_box .top_move:after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-left: -0.33rem;
+    margin-top: -0.625rem;
+    width: 0.75rem;
+    height: 1.25rem;
+    background: url(../img/arrow_sprites.png) no-repeat 8.302% 37.751%/auto 9rem;
+}
+
+
+/* 부모선택 */
+
+.radio-toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin: 0 20px;
+}
+
+.radio-toolbar input[type="radio"] {
+    opacity: 0;
+    position: fixed;
+}
+
+.radio-toolbar label {
+    display: inline-block;
+    background-color: #ffff;
+    padding: 10px 20px;
+    flex: 0 0 48%;
+    font-size: 1.125rem;
+    text-align: center;
+    border: 2px solid #d9d9d9;
+    border-radius: 5px;
+    color: #999;
+}
+
+.radio-toolbar label:hover {
+    border: 2px solid #FF9C00;
+    color: #FF9C00;
+}
+
+.radio-toolbar input[type="radio"]:focus+label {
+    border: 2px dashed #FF9C00;
+    color: #FF9C00;
+}
+
+.radio-toolbar input[type="radio"]:checked+label {
+    border: 2px solid #FF9C00;
+    color: #FF9C00;
+}
+
+.disease {
+    padding: 10px 0;
+}
+
+.disease_item input {
+    margin-right: 5px;
+}
+
+.disease_item {
+    display: inline-block;
+    padding: 5px 7px 5px 0;
+}
+
+.allergy {
+    overflow: hidden;
+}
+
+.allergy .disease_item {
+    display: block;
+    float: left;
+    padding: 5px 0;
+    width: 33%;
+}
+
+.allergy .disease_item1 {
+    width: 46%;
+}
+
+.allergy .disease_item2 {
+    width: 30%;
+}
+
+.allergy .disease_item3 {
+    width: 24%;
+}
+
+.allergy_input {
+    position: relative;
+    width: 100%;
+    padding: 0 0 20px;
+}
+
+.allergy_input input {
+    position: relative;
+    width: 100%;
+    padding: 5px 60px 5px 10px;
+    border-radius: 5px;
+    border: 1px solid #ffaf7c;
+}
+
+.allergy_input input::placeholder {
+    font-size: 14px;
+}
+
+.allergy_input a {
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 36px;
+    line-height: 36px;
+    font-size: 14px;
+    padding: 0 10px;
+    display: inline-block;
+    color: #fff;
+    background: #ff8135;
+    border-radius: 0 5px 5px 0;
+}
+
+
+/*****************************/
+
+
+/*m_child_direct_input*/
+
+.m_child_direct_input {
+    padding: 25px 0 0;
+}
+
+.m_child_direct_input .profile_list .btns {
+    display: block;
+    width: 100%;
+    margin-top: 40px;
+    background: #004A71;
+    color: #fff;
+}
+
+.m_child_direct_input .p_info {
+    font-size: 0.8125rem;
+    text-align: left;
+    line-height: 1.1rem;
+    padding-left: 1rem;
+}
+
+.m_child_direct_input .p_info .blue_tit {
+    font-size: 0.875rem;
+    text-align: left;
+    text-indent: -1.1rem;
+    margin-bottom: 0.1rem;
+    word-break: break-all;
+}
+
+
+/*직접입력*/
+
+.direct_input_wrap {
+    padding: 40px 20px 0;
+}
+
+.direct_input_wrap .title {
+    font-size: 17px;
+    font-weight: 500;
+    margin-bottom: 15px;
+    margin-left: 5px;
+}
+
+.r_list_item {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-content: center;
+    background-color: #fff;
+    border: 1px solid #eee;
+    border-radius: 10px;
+    padding: 15px 15px 17px 20px;
+    margin-top: 15px;
+}
+
+.r_list_item>div {
+    margin: auto 0;
+}
+
+.r_list_item .del_btn {
+    background: #bcbbbb url(../img/xxxx_sprites/xxx.png)no-repeat center/10px;
+    height: 1.5625rem;
+    width: 1.5625rem;
+    margin: auto 0;
+    border-radius: 50%;
+    border: none;
+}
+
+
+/*****************************/
+
+
+/*m_child_report*/
+
+.m_child_report {
+    padding-bottom: 0.9375rem;
+}
+
+.report_summary {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 2.1875rem 1.5625rem;
+    background: url(../img/child/report_summary.png)no-repeat right 1.875rem top 2.5625rem/auto 16.875rem;
+    background-color: #fff;
+    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.07);
+}
+
+.summary_tit_box {
+    margin-left: 0.71875rem;
+    height: 5.625rem;
+    width: 100%;
+    word-break: keep-all;
+    white-space: nowrap;
+    margin-bottom: 1.6875rem;
+}
+
+.summary_tit_box .meausure_date {
+    font-size: 0.875rem;
+    color: #202020;
+    margin-bottom: 0.5rem;
+}
+
+.summary_tit_box .meausure_date .blue_tit {
+    margin-right: 0.4rem;
+}
+
+.summary_tit_box .summary_tit {
+    font-size: 1.1875rem;
+    color: #252525;
+}
+
+.summary_tit_box .summary_tit .blue_tit {
+    font-size: 1.5625rem;
+    line-height: 2.12rem;
+}
+
+.summary_tit_box .summary_tit .under_tit {
+    border-bottom: 1px solid #FF9C00;
+    line-height: 2.12rem;
+    display: inline-block;
+    margin-bottom: 0.2rem;
+}
+
+
+/*첫측정시 나오는 텍스트*/
+
+.first_report_summary .summary_tit_box .summary_tit {
+    line-height: 1.5rem;
+    font-size: 1.0625rem;
+    margin-top: 0.5rem;
+    white-space: initial;
+}
+
+.first_report_summary .summary_tit_box .summary_tit,
+.first_report_summary .summary_tit_box .summary_tit .normal_tit {
+    line-height: 1.5rem;
+    font-size: 1.0625rem;
+    margin-top: 0.5rem;
+    white-space: initial;
+}
+
+.first_report_summary .summary_tit_box .summary_tit .normal_tit {
+    font-weight: 400;
+}
+
+.first_report_summary .s_growth_img_box {
+    margin-top: 1.5rem
+}
+
+.first_report_summary .s_growth_img_box .tit {
+    display: none;
+}
+
+.summary_cont {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    width: 100%;
+}
+
+.s_growth_img_box {
+    display: flex;
+    flex-wrap: wrap;
+    margin-left: 0.71875rem;
+    align-content: flex-end;
+}
+
+.s_growth_img_box .s_growth {
+    text-align: center;
+}
+
+.s_growth_img_box .s_growth .height_img {
+    width: 2.75rem;
+    height: 8.6875rem;
+}
+
+.s_growth_img_box .s_growth:first-child {
+    margin-right: 0.9375rem;
+}
+
+.s_growth_img_box .s_growth:first-child .height_img {
+    background: url(../img/child/child_height_img_01.png)no-repeat center/auto 8.6875rem;
+}
+
+.s_growth_img_box .s_growth:last-child .height_img {
+    background: url(../img/child/child_height_img_02.png)no-repeat center bottom/auto 7.0625rem;
+}
+
+.s_growth_img_box .s_growth .tit {
+    font-size: 0.9375rem;
+    color: #252525;
+    padding-top: 0.5rem;
+}
+
+.s_growth_img_box .s_growth:first-child .tit {
+    text-indent: -0.5rem;
+}
+
+.s_grow_num_box {}
+
+.s_grow_num_box .height_num {
+    position: relative;
+    height: 2.5rem;
+    width: 5.875rem;
+    margin-right: 3rem;
+    margin-top: 0.25rem;
+    line-height: 2.3rem;
+    border-radius: 50px;
+    text-align: center;
+    background-color: #FF9C00;
+    color: #fff;
+    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
+}
+
+.s_grow_num_box .height_num:after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    margin-top: -12px;
+    right: -27px;
+    width: 0px;
+    height: 0px;
+    border-top: 12px solid transparent;
+    border-bottom: 12px solid transparent;
+    border-right: 20px solid transparent;
+    border-left: 20px solid #FF9C00;
+}
+
+.summary_cont.btn_box {
+    margin-top: 1.95rem;
+}
+
+.summary_cont.btn_box .btns {
+    height: 2.9375rem;
+}
+
+.summary_cont.btn_box a.grey_btn {
+    flex: 0 0 80%;
+}
+
+.summary_cont.btn_box a.grey_btn .icon {
+    width: 1rem;
+    vertical-align: top;
+    margin-top: -2px;
+    margin-left: 0.5rem;
+    background: url(../img/child/child_common_sprites.png) no-repeat 6.044% 54.07%/ auto 11.75rem;
+}
+
+.summary_cont.btn_box button.blue_btn {
+    flex: 0 0 20%;
+    max-width: 2.9375rem;
+    min-width: 2.9375rem;
+    background: #FF9C00 url(../img/child/child_common_sprites.png) no-repeat 103.595% -3.135% / auto 11.75rem;
+}
+
+
+/*성장 평가*/
+
+.report_box .w_box .growth_box {
+    display: flex;
+    flex-wrap: wrap;
+    min-height: 8.8125rem;
+}
+
+.report_box .w_box .growth_box .g_box {
+    display: flex;
+    flex-wrap: wrap;
+    align-content: center;
+    flex: 0 0 48.5%;
+    background-color: #e5f2f7;
+    border-radius: 0.9375rem;
+    margin: auto;
+    height: 100%;
+    min-height: 8.8125rem;
+}
+
+.report_box .w_box .growth_box .g_box .big_tit {
+    font-weight: 500;
+    color: #FF9C00;
+    width: 100%;
+    text-align: center;
+    font-size: 1.9375rem;
+    line-height: 2.1rem;
+}
+
+.report_box .w_box .growth_box .g_box .big_tit .sub_tit {
+    font-size: 1rem;
+    font-size: 1.3125rem;
+}
+
+.report_box .w_box .growth_box .g_box .i_tit {
+    width: 100%;
+    text-align: center;
+    font-size: 1.125rem;
+    line-height: 1.2rem;
+    padding-top: 0.4rem;
+}
+
+.report_box .w_box .growth_box .g_box .unit {
+    font-size: 1.1875rem;
+    font-weight: 300;
+    padding-left: 0.3rem;
+}
+
+
+/*키 성장평가*/
+
+.report_box.report_height_box .w_box .growth_box .g_box .unit {
+    display: block;
+    line-height: 1.3rem;
+    padding-top: 0.3rem;
+    padding-bottom: 0.5rem;
+}
+
+.report_box .w_box .growth_box .red_tit_box {
+    background-color: #fee9ee;
+}
+
+.report_box .w_box .growth_box .red_tit_box .big_tit,
+.report_box .w_box .growth_box .red_tit_box .big_tit .sub_tit {
+    color: #ff5400;
+}
+
+
+/*또래아이비교*/
+
+.peer_group_header {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    padding-bottom: 1.3rem;
+    z-index: 0;
+}
+
+.peer_group_header:before {
+    content: "";
+    position: absolute;
+    top: 7.79rem;
+    left: 0;
+    width: 2.2px;
+    height: 4.8rem;
+    background: url(../img/child/dotted.png)repeat 0 0/100% auto;
+}
+
+.peer_group_header:after {
+    content: "";
+    position: absolute;
+    top: 7.79rem;
+    right: 0;
+    width: 2.2px;
+    height: 1.9rem;
+    background: url(../img/child/dotted.png)repeat 0 0/100% auto;
+}
+
+.peer_group_header_weight:before {
+    display: none;
+}
+
+.peer_group_header_weight:after {
+    display: none;
+}
+
+.peer_group_header .p_g_inner_box {
+    position: relative;
+    flex: 0 0 33.333333%;
+    display: flex;
+    flex-wrap: wrap;
+    align-content: center;
+    min-height: 6.5625rem;
+    background-color: #004a71;
+    border-radius: 10px;
+    color: #252525;
+    z-index: 9999999;
+}
+
+.peer_group_header .p_g_inner_box>div {
+    width: 100%;
+}
+
+.peer_group_header .p_g_inner_box .tit_box {
+    font-size: 0.875rem;
+    line-height: 1.3rem;
+}
+
+.peer_group_header .p_g_inner_box_02 .tit_box>div:nth-child(2) {
+    max-width: 6rem;
+    margin: 0 auto;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.peer_group_header .p_g_inner_box .num_box {
+    font-size: 1.25rem;
+    font-weight: 500;
+    padding-top: 0.3rem;
+}
+
+.peer_group_header .p_g_inner_box .num_box .unit {
+    color: #fff;
+}
+
+.peer_group_header .p_g_inner_box:nth-child(2) .num_box .unit {
+    color: #000;
+}
+
+.peer_group_header .p_g_inner_box .num_box .unit {
+    font-size: 1rem;
+    font-weight: 300;
+    padding-left: 0.2rem;
+}
+
+.peer_group_header .p_g_inner_box_01 {
+    text-align: left;
+    padding-left: 0.6875rem;
+    box-shadow: 0.5px 2.5px 2px rgba(0, 0, 0, 0.11);
+    border-radius: 0 0 0 15px;
+    color: #fff;
+}
+
+.peer_group_header .p_g_inner_box_02 {
+    text-align: center;
+    background-color: #fff;
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
+}
+
+.peer_group_header .p_g_inner_box_03 {
+    text-align: right;
+    padding-right: 0.6875rem;
+    box-shadow: 0px 2.5px 2px rgba(0, 0, 0, 0.11);
+    border-radius: 0 0 15px 0;
+    color: #fff;
+}
+
+.peer_group_header .p_g_inner_box:after {
+    content: "";
+    position: absolute;
+    bottom: -18px;
+    width: 25px;
+    height: 25px;
+}
+
+.peer_group_header .p_g_inner_box_02:after {
+    left: 50%;
+    margin-left: -12px;
+    background: url(../img/child/peer_group_02.png)no-repeat center/contain;
+}
+
+
+/*또래아이비교 그래프*/
+
+.peer_group_graph .graph_cont {
+    position: relative;
+    height: 7.75rem;
+    margin-top: 0.8rem;
+    margin-bottom: 1.34375rem;
+    margin-bottom: 1.34375rem;
+    background: url(../img/child/peer_bg.png)no-repeat left bottom/100% 100%;
+}
+
+.peer_group_graph .graph_cont.graph_cont_weight {
+    background: url(../img/child/peer_weight_bg.png)no-repeat left bottom/100% 100%;
+}
+
+.peer_group_graph .graph_cont .g_child_precent {
+    height: 7.75rem;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box {
+    display: flex;
+    justify-content: space-between;
+    align-content: flex-end;
+    height: 7.75rem;
+}
+
+
+/*키*/
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg {
+    flex: 0 0 10%;
+    background: url(../img/child/peer_height_child_01.png)no-repeat center bottom/contain;
+    margin-top: auto;
+    text-indent: -999999999999px;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_01,
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_10 {
+    background: url(../img/child/peer_height_child_01.png)no-repeat center bottom/contain;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_01 {
+    height: 3.5rem;
+    opacity: 0.2;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_02 {
+    height: 3.75rem;
+    opacity: 0.3;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_03 {
+    height: 4.1rem;
+    opacity: 0.4;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_04 {
+    height: 4.48rem;
+    opacity: 0.5;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_05 {
+    height: 4.8rem;
+    opacity: 0.2;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_06 {
+    height: 5.3rem;
+    opacity: 0.6;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_07 {
+    height: 5.7rem;
+    opacity: 0.7;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_08 {
+    height: 6.1rem;
+    opacity: 0.8;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_09 {
+    height: 6.5rem;
+    opacity: 0.9;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_10 {
+    height: 7.40625rem;
+    opacity: 1;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.active {
+    position: relative;
+    background: url(../img/child/peer_height_child.png)no-repeat center bottom/contain;
+    opacity: 1;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.active:after {
+    content: "";
+    position: absolute;
+    bottom: -15px;
+    left: 50%;
+    margin-left: -8px;
+    width: 0px;
+    height: 0px;
+    border-top: 7px solid #004A71;
+    border-bottom: 0px solid transparent;
+    border-right: 5px solid transparent;
+    border-left: 5px solid transparent;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight {
+    flex: 0 0 14.2857%;
+    margin-top: auto;
+    text-indent: -999999999999px;
+    height: 6.40625rem;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_01 {
+    background: url(../img/child/peer_weight_child_01.png)no-repeat center bottom/contain;
+    opacity: 0.2;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_02 {
+    background: url(../img/child/peer_weight_child_02.png)no-repeat center bottom/contain;
+    opacity: 0.3;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_03 {
+    background: url(../img/child/peer_weight_child_03.png)no-repeat center bottom/contain;
+    opacity: 0.45;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_04 {
+    background: url(../img/child/peer_weight_child_04.png)no-repeat center bottom/contain;
+    opacity: 0.6;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_05 {
+    background: url(../img/child/peer_weight_child_05.png)no-repeat center bottom/contain;
+    opacity: 0.75;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_06 {
+    background: url(../img/child/peer_weight_child_06.png)no-repeat center bottom/contain;
+    opacity: 0.9;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_07 {
+    background: url(../img/child/peer_weight_child_07.png)no-repeat center bottom/contain;
+    opacity: 1;
+}
+
+
+/* active */
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_01.active {
+    position: relative;
+    background: url(../img/child/peer_weight_child_active_01.png)no-repeat center bottom/contain;
+    opacity: 0.2;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_02.active {
+    position: relative;
+    background: url(../img/child/peer_weight_child_active_02.png)no-repeat center bottom/contain;
+    opacity: 1;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_03.active {
+    position: relative;
+    background: url(../img/child/peer_weight_child_active_03.png)no-repeat center bottom/contain;
+    opacity: 1;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_04.active {
+    position: relative;
+    background: url(../img/child/peer_weight_child_active_04.png)no-repeat center bottom/contain;
+    opacity: 1;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_05.active {
+    position: relative;
+    background: url(../img/child/peer_weight_child_active_05.png)no-repeat center bottom/contain;
+    opacity: 1;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_06.active {
+    position: relative;
+    background: url(../img/child/peer_weight_child_active_06.png)no-repeat center bottom/contain;
+    opacity: 1;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_07.active {
+    position: relative;
+    background: url(../img/child/peer_weight_child_active_07.png)no-repeat center bottom/contain;
+    opacity: 1;
+}
+
+.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.active:after {
+    content: "";
+    position: absolute;
+    bottom: -15px;
+    left: 50%;
+    margin-left: -8px;
+    width: 0px;
+    height: 0px;
+    border-top: 7px solid #004A71;
+    border-bottom: 0px solid transparent;
+    border-right: 5px solid transparent;
+    border-left: 5px solid transparent;
+}
+
+
+/*또래아이비교 그래프*/
+
+.peer_group_graph .graph_bar {
+    width: 100%;
+    height: 3px;
+    background: url(../img/child/graph_bar.png)no-repeat center/100% 100%;
+    margin-bottom: 0.3rem;
+}
+
+.graph_label_box {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    font-size: 0.7rem;
+}
+
+.graph_label_box .g_label {
+    white-space: nowrap;
+    word-break: keep-all;
+    flex: 0 0 15%;
+}
+
+.graph_label_box .g_label .tit {
+    padding-top: 1.5625rem;
+    padding-bottom: 0.2rem;
+    letter-spacing: -1.2px;
+    font-weight: bold;
+}
+
+.graph_label_box .g_label_03 {
+    flex: 0 0 36%;
+    text-align: center;
+}
+
+.graph_label_box .g_label_04,
+.graph_label_box .g_label_05 {
+    text-align: right;
+}
+
+
+/*선 - ∪ㄷ자 선*/
+
+.graph_label_box .g_label:before {
+    content: "";
+    position: absolute;
+    top: 0;
+    height: 0.3rem;
+    ;
+    border: 1px dotted #dadada;
+    border-top: none;
+    height: .5rem;
+}
+
+.graph_label_box .g_label_01:before {
+    left: 0%;
+    width: 10%;
+}
+
+.graph_label_box .g_label_02:before {
+    left: 11%;
+    width: 14%;
+}
+
+.graph_label_box .g_label_03:before {
+    left: 26%;
+    width: 49%;
+}
+
+.graph_label_box .g_label_04:before {
+    left: 76%;
+    width: 14%;
+}
+
+.graph_label_box .g_label_05:before {
+    left: 91%;
+    width: 9%;
+}
+
+
+/*가운데 세로선*/
+
+.graph_label_box .g_label .tit:before {
+    content: "";
+    position: absolute;
+    top: .5rem;
+    width: 2px;
+    height: 0.8rem;
+    margin-left: -1px;
+    border-right: 1px dotted #dadada;
+}
+
+.graph_label_box .g_label_01 .tit:before {
+    left: 5%;
+}
+
+.graph_label_box .g_label_02 .tit:before {
+    left: 17.5%;
+}
+
+.graph_label_box .g_label_03 .tit:before {
+    left: 50%;
+}
+
+.graph_label_box .g_label_04 .tit:before {
+    left: 82.5%;
+}
+
+.graph_label_box .g_label_05 .tit:before {
+    left: 95.5%;
+}
+
+
+/*점*/
+
+.graph_label_box .g_label:after {
+    content: "";
+    position: absolute;
+    top: 1rem;
+    right: 0;
+    margin-left: -3px;
+    width: 5px;
+    height: 5px;
+    border-radius: 50%;
+    z-index: 111;
+}
+
+.graph_label_box .g_label_01:after {
+    background-color: #f34b33;
+    left: 5%;
+}
+
+.graph_label_box .g_label_02:after {
+    background-color: #f6a31d;
+    left: 18%;
+}
+
+.graph_label_box .g_label_03:after {
+    background-color: #FF9C00;
+    left: 50%;
+}
+
+.graph_label_box .g_label_04:after {
+    background-color: #f6a31d;
+    left: 83%;
+}
+
+.graph_label_box .g_label_05:after {
+    background-color: #f34b33;
+    left: 96%;
+}
+
+
+/*p_growth_box*/
+
+.p_growth_box {
+    height: 3.25rem;
+    margin-top: 1.34375rem;
+    text-align: center;
+}
+
+.p_growth_box .icon {
+    position: relative;
+    width: 1.5625rem;
+    height: 1.5625rem;
+    background-color: #6f6f6e;
+    border-radius: 50%;
+    vertical-align: middle;
+    margin-right: 0.3rem;
+}
+
+.p_growth_box .num {
+    font-size: 1.3rem;
+    font-weight: 500;
+}
+
+.p_growth_box .num .unit {
+    display: inline-block;
+    font-size: 1.1rem;
+    font-weight: 300;
+}
+
+.p_growth_box .tit {
+    margin-top: 0.4rem;
+    font-weight: 400;
+}
+
+.cont_prediction {
+    flex-wrap: wrap;
+    display: flex;
+    justify-content: space-between;
+}
+
+.prediction_box {
+    position: relative;
+    flex: 0 0 31%;
+    margin-top: auto;
+}
+
+.prediction_box .c_p_box {
+    flex: 0 0 30%;
+}
+
+.prediction_box .c_p_box .tit_box {
+    height: 6.875rem;
+    background-color: #6f6f6e;
+    border-radius: 15px;
+    text-align: center;
+    color: #fff;
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
+}
+
+.prediction_box_02:after,
+.prediction_box_03:after {
+    content: "";
+    position: absolute;
+    bottom: 13rem;
+    ;
+    left: -9px;
+    width: 8px;
+    height: 16px;
+    background: url(../img/child/growth_prediction_arrow.png)no-repeat center/contain;
+}
+
+.prediction_box .c_p_box .icon_box {
+    position: relative;
+}
+
+.prediction_box .c_p_box .icon_box .info_num {
+    position: absolute;
+    bottom: 4.96875rem;
+    ;
+    height: 1.75rem;
+    padding-top: 0.5rem;
+    text-align: right;
+    font-weight: 500;
+    font-size: 1.125rem;
+}
+
+.prediction_box .c_p_box .icon_box .info_num .unit {
+    display: inline-block;
+    font-weight: 300;
+    font-size: 0.9375rem;
+}
+
+
+/*tit_box*/
+
+.prediction_box .c_p_box .tit_box {
+    font-size: 1.125rem;
+    display: flex;
+    flex-direction: column;
+}
+
+.prediction_box .c_p_box .tit_box .tit {
+    margin-top: 1.3rem;
+    line-height: 1.3rem;
+}
+
+.prediction_box .c_p_box .tit_box .num {
+    margin-top: 0.40625rem;
+    font-size: 1.125rem;
+    font-weight: 500;
+    display: block;
+}
+
+.prediction_box .c_p_box .tit_box .num .unit {
+    font-size: 0.8125rem;
+    font-weight: 300;
+    display: inline-block;
+}
+
+
+/*p_growth_box*/
+
+.p_growth_box {
+    height: 3.25rem;
+    margin-top: 1.34375rem;
+    text-align: center;
+}
+
+.p_growth_box .icon {
+    position: relative;
+    width: 1.5625rem;
+    height: 1.5625rem;
+    background-color: #6f6f6e;
+    border-radius: 50%;
+    vertical-align: middle;
+    margin-right: 0.3rem;
+}
+
+.p_growth_box .num {
+    font-size: 1.3rem;
+    font-weight: 500;
+}
+
+.p_growth_box .num .unit {
+    display: inline-block;
+    font-size: 1.1rem;
+    font-weight: 300;
+}
+
+.p_growth_box .tit {
+    margin-top: 0.4rem;
+    font-weight: 400;
+}
+
+.prediction_box_01 .c_p_box .icon_box {
+    height: 5rem;
+}
+
+.prediction_box_01 .c_p_box .icon_box {
+    height: 5rem;
+}
+
+
+/*prediction_box_02*/
+
+.prediction_box_02 .c_p_box .icon_box {
+    height: 6.9375rem;
+}
+
+
+/*prediction_box_03*/
+
+.prediction_box_03 .c_p_box .icon_box {
+    height: 9.6875rem;
+}
+
+.p_growth_box .icon:after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-left: -4px;
+    margin-top: -2px;
+    width: 8px;
+    height: 4px;
+    border-radius: 50px;
+    background-color: #fff;
+}
+
+
+/*미달*/
+
+.prediction_box.p_growth_01 .p_growth_box .icon:after {
+    margin-left: -6px;
+    width: 12px;
+}
+
+.prediction_box_02.p_growth_01 .c_p_box .tit_box {
+    background-color: #f06f8e;
+}
+
+.prediction_box_02.p_growth_01 .p_growth_box .icon {
+    background-color: #ca4464;
+}
+
+.prediction_box_02.p_growth_01 .p_growth_box .num {
+    color: #ca4464;
+}
+
+.prediction_box_03.p_growth_01 .c_p_box .tit_box {
+    background-color: #f06f8e;
+}
+
+.prediction_box_03.p_growth_01 .p_growth_box .icon {
+    background-color: #ca4464;
+}
+
+.prediction_box_03.p_growth_01 .p_growth_box .num {
+    color: #ca4464;
+}
+
+
+/*초과*/
+
+.prediction_box.p_growth_02 .p_growth_box .icon:after {
+    margin-left: -6px;
+    width: 12px;
+}
+
+.prediction_box.p_growth_02 .p_growth_box .icon:before {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-left: -2px;
+    margin-top: -6px;
+    width: 4px;
+    height: 12px;
+    border-radius: 50px;
+    background-color: #fff;
+}
+
+.prediction_box_02.p_growth_02 .c_p_box .tit_box {
+    background-color: #FF9C00;
+}
+
+.prediction_box_02.p_growth_02 .p_growth_box .icon {
+    background-color: #FF9C00;
+}
+
+.prediction_box_02.p_growth_02 .p_growth_box .num {
+    color: #2b98c1;
+}
+
+.prediction_box_03.p_growth_02 .c_p_box .tit_box {
+    background-color: #FF9C00;
+}
+
+.prediction_box_03.p_growth_02 .p_growth_box .icon {
+    background-color: #0090c7;
+}
+
+.prediction_box_03.p_growth_02 .p_growth_box .num {
+    color: #0090c7;
+}
+
+
+/*키 예측*/
+
+.report_height_box .prediction_box_01 .c_p_box .icon_box {
+    height: 5rem;
+    background: url(../img/child/growth_prediction_height_01.png)no-repeat center/contain;
+}
+
+.report_height_box .prediction_box_02.p_growth_01 .c_p_box .icon_box {
+    background: url(../img/child/growth_prediction_height_02_01.png)no-repeat center/contain;
+}
+
+.report_height_box .prediction_box_02.p_growth_02 .c_p_box .icon_box {
+    background: url(../img/child/growth_prediction_height_02_02.png)no-repeat center/contain;
+}
+
+.report_height_box .prediction_box_02 .c_p_box .icon_box .info_num {
+    left: -5rem;
+    height: 2.0625rem;
+    width: 7rem;
+    background: url(../img/child/growth_prediction_height_arrow_01.png)no-repeat right bottom/auto 2.0625rem;
+    padding-top: 0.35rem;
+    padding-right: 1.3rem;
+}
+
+.report_height_box .prediction_box_03.p_growth_01 .c_p_box .icon_box {
+    background: url(../img/child/growth_prediction_height_03_01.png)no-repeat center/contain;
+}
+
+.report_height_box .prediction_box_03.p_growth_02 .c_p_box .icon_box {
+    background: url(../img/child/growth_prediction_height_03_02.png)no-repeat center/contain;
+}
+
+.report_height_box .prediction_box_03 .c_p_box .icon_box .info_num {
+    left: -4.8rem;
+    width: 7rem;
+    height: 4.84375rem;
+    padding-right: 1.075rem;
+    background: url(../img/child/growth_prediction_height_arrow_02.png)no-repeat right bottom/auto 4.6rem;
+    padding-top: 0.875rem;
+}
+
+.report_blue_info_txt {
+    position: relative;
+    padding: 15px 15px 15px 35px;
+    margin: 20px 0 0;
+    line-height: 22px;
+    background-color: #f5f5f5;
+    border-radius: 5px;
+}
+
+.report_blue_info_txt::before {
+    content: '※';
+    position: absolute;
+    top: 15px;
+    left: 15px;
+}
+
+.report_footer_info {
+    padding: 10px 15px;
+    margin: 20px 0 0;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    font-size: 0.8125rem;
+    border-radius: 5px;
+}
+
+.report_footer_info p {
+    padding-left: 20px;
+    font-size: 0.8125rem;
+    line-height: 1.3rem;
+    word-break: break-all;
+    text-indent: -1.3rem;
+    color: #252525;
+}
+
+.report_footer_info p .icon {
+    width: 0.9rem;
+    height: 0.9rem;
+    margin-right: 0.3rem;
+    vertical-align: middle;
+    background: url(../img/child/child_common_sprites.png) no-repeat 94.595% 26.857% / auto 11.75rem;
+}
+
+
+/*****************************/
+
+
+/*아이 그래프 m_child_graph*/
+
+.m_child_graph {
+    padding: 0 0.625rem 0.625rem;
+    padding-bottom: 0;
+    height: 100%;
+}
+
+.graph_legend,
+.m_child_graph .graph_cont {
+    border-radius: 4px;
+    background-color: #fff;
+    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
+    margin-bottom: 0;
+}
+
+.m_child_graph .graph_cont {
+    padding: 0.9375rem;
+    padding-left: 0.4375rem;
+    height: calc(100% - 6rem);
+    margin: 0.625rem 0;
+}
+
+.m_child_graph .graph_cont canvas.graph {}
+
+.graph_footer_wrap {
+    padding-bottom: env(safe-area-inset-bottom, 44px)!important;
+    padding-bottom: constant(safe-area-inset-bottom, 44px)!important;
+}
+
+.graph_footer_wrap .report_footer_info {
+    margin: 0.625rem 0;
+}
+
+
+/*범례*/
+
+.graph_legend {
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    white-space: nowrap;
+    height: 3rem;
+}
+
+.graph_legend .title {
+    flex: 0 0 15%;
+    min-width: 2.5625rem;
+    max-width: 2.5625rem;
+    background-color: #5c5c5c;
+    color: #fff;
+    text-align: center;
+    padding: 0.5625rem;
+    height: 100%;
+    font-size: 0.9375rem;
+    border-radius: 4px 0 0 4px;
+}
+
+.graph_legend .legend_box {
+    flex: 0 0 85%;
+    flex-direction: row;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    margin: auto;
+}
+
+.graph_legend .legend {
+    position: relative;
+    font-size: 0.9375rem;
+    font-weight: 400;
+    padding-bottom: 7px;
+}
+
+.graph_legend .legend.active_n {
+    text-decoration: line-through;
+    opacity: .65;
+}
+
+.graph_legend .legend:after {
+    content: "";
+    position: absolute;
+    bottom: 0px;
+    left: 50%;
+    margin-left: -1rem;
+    width: 2rem;
+    height: 2px;
+    border-radius: 5px;
+}
+
+.graph_legend .legend:before {
+    content: "";
+    position: absolute;
+    bottom: -2px;
+    left: 50%;
+    margin-left: -3px;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    border: 1px solid #fff;
+    z-index: 999;
+}
+
+.graph_legend .legend_01 {
+    color: #757575;
+}
+
+.graph_legend .legend_02 {
+    color: #f0c03f;
+}
+
+.graph_legend .legend_03 {
+    color: #d973e5;
+}
+
+.graph_legend .legend_04 {
+    color: #6dc66a;
+}
+
+.graph_legend .legend_05 {
+    color: #ff9e3f;
+}
+
+.graph_legend .legend_06 {
+    color: #FF9C00;
+    max-width: 4.5rem;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.graph_legend .legend_01:before,
+.graph_legend .legend_01:after {
+    background-color: #757575;
+}
+
+.graph_legend .legend_02:before,
+.graph_legend .legend_02:after {
+    background-color: #f0c03f;
+}
+
+.graph_legend .legend_03:before,
+.graph_legend .legend_03:after {
+    background-color: #d973e5;
+}
+
+.graph_legend .legend_04:before,
+.graph_legend .legend_04:after {
+    background-color: #6dc66a;
+}
+
+.graph_legend .legend_05:before,
+.graph_legend .legend_05:after {
+    background-color: #ff9e3f;
+}
+
+.graph_legend .legend_06:before,
+.graph_legend .legend_06:after {
+    background-color: #FF9C00;
+}
+
+.m_child_graph .graph_btn_box {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    height: 3rem;
+}
+
+.m_child_graph .graph_btn_box .btns {
+    flex: 0 0 50%;
+    position: relative;
+    height: 100%;
+}
+
+.m_child_graph .graph_btn_box .btns:after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    margin-top: -0.9375rem;
+    width: 1.875rem;
+    height: 1.875rem;
+    border-radius: 50%;
+}
+
+.m_child_graph .graph_btn_box .btns:first-child {
+    border-radius: 5rem 0 0 5rem;
+}
+
+.m_child_graph .graph_btn_box .btns:first-child:after {
+    left: 0.625rem;
+    background: #ebf7fb url(../img/child/child_common_sprites.png) no-repeat 47.458% 53.295% / auto 11.75rem;
+    outline: 1px solid red;
+}
+
+.m_child_graph .graph_btn_box .btns:last-child {
+    border-radius: 0 5rem 5rem 0;
+}
+
+.m_child_graph .graph_btn_box .btns:last-child:after {
+    right: 0.625rem;
+    background: #b0b0b0 url(../img/child/child_common_sprites.png) no-repeat 77.5% 1% / auto 11.75rem;
+}
+
+.m_child_graph .user_child_result_btn {
+    position: fixed;
+    bottom: 8.25rem;
+    right: 1.25rem;
+    width: 5.4375rem;
+    height: 5.4375rem;
+    border-radius: 50%;
+    background: #f7f7f7;
+    font-size: 0.875rem;
+    border: none;
+    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
+    padding-top: 1rem;
+    line-height: 1.1rem;
+}
+
+.m_child_graph .user_child_result_btn:after {
+    content: "";
+    position: absolute;
+    top: 0.9rem;
+    right: 50%;
+    margin-right: -0.7rem;
+    width: 1.5rem;
+    height: 1.3rem;
+    background: url(../img/child/child_common_sprites.png) no-repeat 47.458% 53.295%/ auto 11.75rem;
+}
+
+.m_child_graph .user_child_result_btn.active {
+    color: #fff;
+    background-color: #FF9C00;
+}
+
+.m_child_graph .active.user_child_result_btn:after {
+    background: url(../img/child/child_common_sprites.png) no-repeat 76% 3.5% / auto 11.75rem;
+}
+
+.m_child_graph .user_child_result_btn.active .blue_tit {
+    color: #fff;
+}
+
+.m_child_graph .user_child_result_btn .blue_tit {
+    font-weight: 400;
+    display: inline-block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 4.1rem;
+    overflow: hidden;
+    vertical-align: bottom;
+}
+
+
+/*****************************/
+
+
+/*m_growth_talk_view*/
+
+
+/*게시판 temp*/
+
+.board_view {
+    padding-bottom: 65px;
+}
+
+.board_view_wrap {
+    background-color: #fff;
+    border-radius: 10px;
+    padding: 0 0 30px;
+}
+
+.board_header {
+    padding-bottom: 0.9375rem;
+}
+
+.board_header h1 {
+    font-size: 22px;
+    line-height: 1.4rem;
+    font-weight: 500;
+    text-align: center;
+}
+
+.board_header .view_num {
+    font-size: 0.9375rem;
+    margin-top: 0.7rem;
+    border: 1px solid #d7d7d7;
+    display: inline-block;
+    padding: 0.625rem 1rem 0.625rem 1rem;
+    border-radius: 50px;
+}
+
+.board_header .view_num .icon {
+    width: 1rem;
+    margin-right: 0.4rem;
+    vertical-align: top;
+    background: url(../img/content/view_num_icon_02.png)no-repeat center/contain;
+}
+
+.board_img_cont {}
+
+.board_img_cont img {
+    width: 100%;
+    margin-bottom: 0.625rem;
+    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.08);
+}
+
+.board_img_cont img:last-child {
+    margin-bottom: 0;
+}
+
+.board_txt_cont {
+    margin-top: 1.25rem;
+    white-space: pre-wrap;
+    font-size: 0.9375rem;
+    line-height: 1.4rem;
+}
+
+.board_txt_cont b {
+    font-weight: 500;
+}
+
+.board_txt_cont table.table {
+    border: 1px solid #d7d7d7;
+    width: 100%;
+}
+
+.board_txt_cont table.table td {
+    border: 1px solid #d7d7d7;
+    padding: 0.3rem;
+    font-size: 0.875rem;
+}
+
+
+/*****************************/
+
+
+/*m_list_wrap*/
+
+.m_list_wrap {
+    height: 100%;
+}
+
+.list_wrap {}
+
+.list_wrap .list_item {
+    margin-bottom: 10px;
+    border-radius: 7px;
+}
+
+.list_wrap .list_item:last-child {
+    margin-bottom: 0;
+}
+
+.list_wrap .list_item a {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    min-height: 4.375rem;
+    background-color: #fff;
+    overflow: hidden;
+    padding: 0 10px;
+    overflow: hidden;
+}
+
+.list_wrap .list_item a:after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    right: 1rem;
+    margin-top: -0.5625rem;
+    width: 0.625rem;
+    height: 1.125rem;
+    background: url(../img/arrow_sprites.png)no-repeat 92.565% 5.367%/auto 6.4375rem;
+}
+
+.list_wrap .list_item .list_l_label {
+    display: flex;
+    flex-wrap: wrap;
+    flex: 0 0 20%;
+    min-width: 3.125rem;
+    max-width: 3.125rem;
+    color: #fff;
+    text-align: center;
+}
+
+.list_wrap .list_item .list_l_label::after {
+    position: absolute;
+    top: 20px;
+    left: 62px;
+    content: '';
+    width: 1px;
+    height: 34px;
+    background: #ccc;
+}
+
+.list_wrap .list_item.l_item_01 .list_l_label {}
+
+.list_wrap .list_item.l_item_02 .list_l_label {}
+
+.list_wrap .list_item.l_item_03 .list_l_label {}
+
+.list_wrap .list_item .list_l_label .label_tit {
+    display: block;
+    text-align: center;
+    margin: auto;
+    font-size: 0.8125rem;
+}
+
+.list_wrap .list_item .list_l_label .label_tit .num {
+    margin-bottom: 0.3rem;
+    font-weight: 300;
+}
+
+.list_wrap .list_item .list_l_label .label_tit .icon01 {
+    display: block;
+    width: 30px;
+    height: 30px;
+    margin: 0 auto;
+    background: url(../img/setting/notice_ico02.png) no-repeat center / contain;
+}
+
+.list_wrap .list_item .list_l_label .label_tit .icon02 {
+    display: block;
+    width: 34px;
+    height: 34px;
+    margin: 0 auto;
+    background: url(../img/setting/notice_ico03.png) no-repeat center / contain;
+}
+
+.list_wrap .list_item .tit_box {
+    flex: 0 0 80%;
+    width: 80%;
+    margin: auto 0;
+    padding-left: 1.0625rem;
+}
+
+.list_wrap .list_item .tit_box .title {
+    font-weight: 400;
+    line-height: 1.3rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 99%;
+}
+
+.list_wrap .list_item .tit_box .date {
+    color: #6f6f6e;
+    font-size: 0.8125rem;
+    padding-top: 0.3rem;
+}
+
+.m_noti_center,
+.m_notice_list {
+    padding: 0 0 65px;
+}
+
+
+/*****************************/
+
+
+/*m_notice_list*/
+
+.notice_header {
+    padding: 30px 20px;
+    text-align: center;
+}
+
+.notice_header .icon {
+    display: inline-block;
+    width: 40px;
+    height: 40px;
+    background: url(../img/setting/notice_ico01.png) no-repeat center / contain;
+    margin: 0 auto 7px;
+}
+
+.notice_header .tit {
+    flex: 0 0 80%;
+    margin: auto 0;
+    padding-left: 1.125rem;
+    font-size: 1.0625rem;
+    font-weight: 500;
+    color: #252525;
+    word-break: keep-all;
+    line-height: 1.4rem;
+}
+
+
+/*m_notice_view*/
+
+.m_notice_view .board_header {
+    background: #f1f1f1;
+    padding: 30px 20px;
+}
+
+.m_notice_view .board_txt_cont {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+    padding: 0 20px;
+    font-family: 'Noto Sans KR', 'Myriad Pro', sans-serif!important;
+}
+
+.m_notice_view .board_txt_cont p,
+.m_notice_view .board_txt_cont span,
+.m_notice_view .board_txt_cont b {
+    font-family: 'Noto Sans KR', 'Myriad Pro', sans-serif!important;
+    font-size: 0.9375rem!important;
+}
+
+.m_notice_view .board_txt_cont b {
+    font-weight: 500;
+}
+
+.m_notice_view .notice_h {}
+
+.m_notice_view .notice_h .l_item {
+    min-width: 5.09375rem;
+    height: 1.6875rem;
+    line-height: 1.6875rem;
+    border-radius: 25px;
+    text-align: center;
+    color: #fff;
+    color: 0.78125rem;
+    font-weight: 300;
+    margin-bottom: 12px;
+}
+
+.m_notice_view .notice_h .l_item_02 {
+    background-color: #9a9a9a;
+}
+
+.m_notice_view .notice_h .l_item_03 {
+    background-color: #e793a8;
+}
+
+.m_notice_view .notice_h .l_item .num {
+    display: inline-block;
+    margin-right: 0.4rem;
+}
+
+.m_notice_view .notice_h .l_item .new {
+    display: inline-block;
+    text-indent: -99999999px;
+    overflow: hidden;
+    width: 32px;
+    height: 32px;
+    background: url(../img/setting/notice_view_ico.png) no-repeat center / contain;
+}
+
+.m_notice_view .notice_h .date {
+    line-height: 1.6875rem;
+    text-align: center;
+    color: #5f5f5f;
+}
+
+.m_notice_view .board_img_cont {
+    margin: 0 20px;
+}
+
+
+/*****************************/
+
+
+/*m_customer_center_faq*/
+
+.m_customer_center_faq {}
+
+.m_customer_center_faq .faq_list {
+    overflow: hidden;
+    margin-bottom: 10px;
+}
+
+.m_customer_center_faq .faq_list.active {}
+
+.m_customer_center_faq .faq_list .title {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    align-content: center;
+    padding: 0.9375rem;
+    background-color: #eef0ef;
+}
+
+.m_customer_center_faq .faq_list .title:after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    right: 1rem;
+    margin-top: -0.3125rem;
+    width: 1rem;
+    height: 0.625rem;
+    background: url(../img/arrow_sprites.png) no-repeat 37.795% 65.038%/auto 6.4375rem;
+}
+
+.m_customer_center_faq .faq_list.active .title:after {
+    background: url(../img/arrow_sprites.png) no-repeat 68.11% 7.519%/auto 6.4375rem;
+}
+
+.m_customer_center_faq .faq_list.active .title {
+    background: #eef0ef;
+    border-radius: 4px 4px 0 4px;
+}
+
+.m_customer_center_faq .faq_list .title .icon {
+    flex: 0 0 15%;
+    max-width: 1.875rem;
+    min-width: 1.875rem;
+    height: 1.875rem;
+    line-height: 1.875rem;
+    background-color: #FF9C00;
+    color: #fff;
+    text-align: center;
+    border-radius: 50%;
+    font-size: 1.0625rem;
+}
+
+.m_customer_center_faq .faq_list .title h3 {
+    line-height: 1.3rem;
+    margin-left: 0.7rem;
+    font-weight: 400;
+    flex: 0 0 80%;
+    padding-top: 0.3rem;
+    font-size: 1rem;
+}
+
+.m_customer_center_faq .faq_list .cont .c_title {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+}
+
+.m_customer_center_faq .faq_list .cont .c_title .icon {
+    display: inline-block;
+    max-width: 1.875rem;
+    min-width: 1.875rem;
+    height: 1.875rem;
+    line-height: 1.875rem;
+    background-color: #FF9C00;
+    text-align: center;
+    border-radius: 50%;
+    font-size: 1.0625rem;
+    color: #fff;
+}
+
+.m_customer_center_faq .faq_list .cont .c_title h3 {
+    line-height: 1.875rem;
+    margin-left: 0.7rem;
+    font-weight: 400;
+    max-width: 85%;
+    font-size: 1rem;
+}
+
+.m_customer_center_faq .faq_list .inner {
+    padding-top: 1rem;
+    padding: 0.9375rem;
+    background-color: #fff;
+}
+
+.m_customer_center_faq .faq_list .cont .c_cont {
+    padding-top: 0.7rem;
+    font-size: 1rem;
+}
+
+.m_customer_center_faq .faq_list .cont .c_cont p {
+    font-size: 1rem;
+}
+
+.m_customer_center_faq .faq_list .cont .c_cont img {
+    width: 100%;
+    margin: 0 auto;
+    display: block;
+    margin-bottom: 1rem;
+}
+
+.m_customer_center_faq .faq_list .cont .c_cont .blue_tit {
+    font-weight: 500;
+    font-size: 0.875rem;
+    padding-top: 0.3rem;
+}
+
+.m_customer_center_faq .faq_list .cont .c_cont ul {
+    margin-bottom: 2rem;
+}
+
+.m_customer_center_faq .faq_list .cont .c_cont ul li {
+    float: none;
+    position: relative;
+    font-size: 0.9375rem;
+    line-height: 1.375rem;
+    padding-bottom: 0.2rem;
+    padding-left: 1.375rem;
+    word-break: break-all;
+}
+
+.m_customer_center_faq .faq_list .cont .c_cont ul li:before {
+    content: "";
+    position: absolute;
+    top: 0.5rem;
+    left: 0.9rem;
+    width: 3px;
+    height: 3px;
+    border-radius: 50%;
+    background-color: #000;
+}
+
+.m_customer_center_faq .faq_noti_wrap {
+    margin-top: 2rem;
+}
+
+.m_customer_center_faq .faq_noti_wrap .noti_title {
+    color: #FF9C00;
+    font-weight: 500;
+    margin-bottom: 0.8rem;
+}
+
+.m_customer_center_faq .faq_noti {
+    background-color: #fff9f1;
+    padding: 1rem 0.5rem 1rem 0rem;
+    border-radius: 5px;
+}
+
+.m_customer_center_faq .faq_noti ul {
+    margin-bottom: 0!important;
+}
+
+.m_customer_center_faq .faq_noti ul li {
+    font-size: 0.875rem!important;
+}
+
+.m_customer_center_faq .faq_noti ul li:last-child {
+    padding-bottom: 0!important;
+}
+
+.m_customer_center_faq .faq_list .cont .c_cont img {
+    max-width: 30rem;
+}
+
+.m_customer_center_faq .faq_list:nth-child(1) .cont .c_cont img:first-of-type {
+    width: 11.5rem;
+}
+
+.m_customer_center_faq .faq_list:nth-child(1) .cont .c_cont img:last-of-type {
+    width: 100%;
+}
+
+.m_customer_center_faq .faq_list:nth-child(2) .cont .c_cont img:first-of-type {
+    width: 9.68rem;
+}
+
+.m_customer_center_faq .faq_list:nth-child(2) .cont .c_cont img:last-of-type {
+    width: 100%;
+    margin-top: 3rem;
+}
+
+.m_customer_center_faq .faq_list:nth-child(3) .cont .c_cont img,
+.m_customer_center_faq .faq_list:nth-child(4) .cont .c_cont img {
+    width: 100%;
+}
+
+
+/*****************************/
+
+
+/*login*/
+
+.login_warp {
+    padding-top: 0;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.copyright {
+    margin-top: auto;
+}
+
+.m_login {
+    padding-top: 1.7rem;
+    margin: auto;
+    width: 100%;
+    max-width: 600px;
+    height: auto!important;
+}
+
+.login_header {
+    margin: 0 20px;
+}
+
+.login_header img {
+    display: block;
+    width: 37%;
+    height: auto;
+    max-width: 350px;
+    margin: 0 auto;
+}
+
+.login_header h2 {
+    text-align: center;
+    color: #5d5552;
+    font-size: 0.9375rem;
+    margin-top: 1.78125rem;
+    line-height: 1.3rem;
+}
+
+.input_wrap {
+    margin-top: 3.6875rem;
+}
+
+.login_input {
+    position: relative;
+    text-align: center;
+    width: 100%;
+    height: 3.125rem;
+    margin-bottom: 0.8125rem;
+    background-color: #fff;
+    overflow: hidden;
+}
+
+.login_input label {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.login_input input {
+    position: relative;
+    height: 3.125rem;
+    line-height: 3.125rem;
+    width: 70%;
+    flex: 0 0 70%;
+    color: #252525;
+    border: none;
+    padding-left: 15px;
+    font-weight: 300;
+}
+
+.login_input input::placeholder {
+    color: #a3a3a3;
+}
+
+.login_input .icon {
+    width: 1.1rem;
+    height: 3.125rem;
+    vertical-align: top;
+    margin-top: -1px;
+    display: inline-block;
+    margin: 0 0.8125rem 0 1.25rem;
+}
+
+.login_input .icon:after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 3.2rem;
+    height: 15px;
+    margin-top: -7px;
+    border: 1px solid #ddd;
+    z-index: 1;
+    background-color: red;
+}
+
+.login_input.id_input .icon {
+    background: url(../img/login/login_id_ico.png)no-repeat center/contain;
+}
+
+.login_input.pw_input .icon {
+    background: url(../img/login/login_pw_ico.png)no-repeat center/contain;
+}
+
+.login_a_box {
+    text-align: center;
+    margin: 50px 20px;
+}
+
+.login_a_box a {
+    position: relative;
+    color: #000;
+    padding: 0 1.0625rem;
+    line-height: 1rem;
+}
+
+.login_a_box a:first-child:after {
+    content: "";
+    position: absolute;
+    top: 51%;
+    right: -2px;
+    width: 1px;
+    margin-top: -0.4375rem;
+    height: 13px;
+    background-color: #666;
+}
+
+.m_login .btns {
+    display: block;
+    width: 100%;
+    font-weight: 400;
+    font-size: 1.1875rem;
+}
+
+.m_login .btns .icon {
+    vertical-align: top;
+    margin-left: 0.5rem;
+    width: 0.77rem;
+    background: url(../img/login/login_icon.png)no-repeat center/contain;
+}
+
+.copyright {
+    margin-top: auto;
+    color: #5d5552;
+    text-align: center;
+    font-size: 0.70rem;
+    padding-bottom: 2rem;
+    font-weight: 300;
+}
+
+
+/*****************************/
+
+
+/*m_join_member*/
+
+.m_join_member {}
+
+.l_title {
+    font-weight: 500;
+    line-height: 1.3rem;
+    word-break: break-all;
+    color: #000;
+    padding: 30px 20px 15px 20px;
+    line-height: 1.4rem;
+}
+
+.m_join_member .profile_cont {
+    padding: 0;
+}
+
+.m_join_member .profile_wrap .p_title {
+    margin: 25px 20px 15px;
+    font-weight: 500;
+}
+
+.m_join_member .profile_wrap .p_label {
+    flex: 0 0 35%;
+}
+
+.m_join_member .profile_wrap .p_input_box {
+    flex: 0 0 65%;
+}
+
+.m_join_member .profile_wrap .phone_cont .p_list_item {
+    padding-right: 0;
+}
+
+.m_join_member .profile_wrap input::placeholder {
+    color: #333;
+}
+
+.m_join_member .profile_wrap .phone_cont input {
+    text-align: left;
+    height: 2.9375rem;
+}
+
+.m_join_member .profile_wrap .phone_cont .p_list_item .btns {
+    border-radius: 0 10px 10px 0;
+    border: none;
+    box-shadow: none;
+    height: 2.9375rem;
+    color: #fff;
+    font-size: 0.9375rem;
+    padding: 0 1rem;
+}
+
+.m_join_member .profile_wrap .p_list_item {
+    position: relative;
+}
+
+.m_join_member .profile_wrap .p_input_box .timer {
+    position: absolute;
+    top: 0;
+    right: 6rem;
+    height: 2.9375rem;
+    line-height: 2.9375rem;
+    font-weight: 400;
+    color: #FF9C00;
+    font-size: 0.9375rem;
+}
+
+.m_join_member .profile_info {
+    padding: 0 20px 30px 40px;
+    font-size: 14px;
+    text-indent: -1rem;
+    line-height: 20px;
+    color: #999;
+    word-break: keep-all;
+}
+
+.m_join_member .join_member_btn {
+    width: 100%;
+    box-shadow: none;
+    margin-top: 2rem;
+}
+
+.m_join_member .join_member_btn .icon {
+    width: 1rem;
+    height: 100%;
+    vertical-align: top;
+    margin-left: 0.5rem;
+    background: url(../img/login/join_member_icon.png)no-repeat center/contain;
+}
+
+.m_join_member .checkbox label:before {
+    width: 18px;
+    height: 18px;
+    border-radius: 3px;
+    background: url(../img/login/join_check_ico.png)no-repeat center / contain;
+}
+
+.m_join_member .checkbox input[type="checkbox"]:checked+label:before,
+.m_join_member .checkbox input[type="radio"]:checked+label:before {
+    width: 18px;
+    height: 18px;
+    border-radius: 3px;
+    background: url(../img/login/join_check_ico_active.png)no-repeat center / contain;
+}
+
+.m_join_member .checkbox input[type="checkbox"],
+.checkbox input[type="radio"] {
+    width: 18px;
+    height: 18px;
+}
+
+
+/*****************************/
+
+
+/*m_pw_reset*/
+
+.m_pw_reset {
+    padding: 40px 0;
+}
+
+.m_pw_reset .list_item {
+    position: relative;
+    display: block;
+    height: 2.9375rem;
+    line-height: 2.9375rem;
+    background-color: #fff;
+    border: 1px solid #d9d9d9;
+    border-radius: 50px;
+    padding: 0 1.25rem;
+    margin-bottom: 0.34375rem;
+}
+
+.m_pw_reset .list_item:after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    right: 1rem;
+    margin-top: -0.5625rem;
+    width: 0.625rem;
+    height: 1.125rem;
+    background: url(../img/arrow_sprites.png)no-repeat 92.565% 5.367%/auto 6.4375rem;
+}
+
+
+/*****************************/
+
+
+/*m_pw_reset_phone*/
+
+.m_pw_reset .profile_cont {
+    padding: 0;
+}
+
+.m_pw_reset .p_input_box {
+    width: 100%;
+    flex: 0 0 100%;
+}
+
+.m_pw_reset .p_input_box input {
+    text-align: left;
+    height: 2.9375rem;
+    width: 100%;
+}
+
+.m_pw_reset .p_input_box input::placeholder {
+    color: #aaa;
+}
+
+.m_pw_reset_main .btns {
+    width: 100%;
+    box-shadow: none;
+    border-radius: 0;
+    font-size: 16px;
+    color: #aaa;
+}
+
+.m_pw_reset_main .btns img {
+    width: 22px;
+    height: auto;
+    vertical-align: middle;
+    margin-top: -4px;
+    margin-right: 12px;
+}
+
+.m_pw_reset_email .btns {
+    width: 100%;
+    margin-top: 70px;
+    box-shadow: none;
+    font-size: 16px;
+    color: #fff;
+}
+
+.m_pw_reset_email .l_title {
+    padding: 0 20px 15px;
+}
+
+.m_pw_reset .l_list {
+    margin-bottom: 3rem;
+}
+
+.l_info {
+    margin: 30px 20px 3px;
+    font-size: 14px;
+    line-height: 1.3rem;
+    color: #525252;
+    word-break: keep-all;
+}
+
+.timer_box {
+    padding-left: 37px;
+    font-size: 14px;
+    line-height: 1.3rem;
+    color: #525252;
+    margin-bottom: 10px;
+}
+
+.m_pw_reset_email .l_info {
+    padding-left: 1rem;
+    text-indent: -1rem;
+    margin-top: 0.5rem;
+}
+
+
+/*m_pw_reset_email*/
+
+.m_pw_reset_email .l_info_02 span {
+    font-size: 0.85rem;
+    display: inline-block;
+    padding-left: 0.3rem;
+    text-indent: -0.5rem;
+    padding-top: 0.3rem;
+}
+
+
+/*****************************/
+
+
+/*setting*/
+
+.bg_setting {
+    background: #f5f5f5;
+}
+
+.m_setting .s_title {
+    margin: 30px 0 15px 20px;
+    font-weight: 500;
+    color: #000;
+}
+
+.setting_box {
+    padding: 0 20px;
+    background: #fff;
+}
+
+.setting_box .list_item {
+    background-color: #fff;
+    border-bottom: 1px solid #d9d9d9;
+    height: 45px;
+}
+
+.setting_box .list_item:last-child {
+    border-bottom: 0;
+}
+
+.setting_box .list_item a {
+    position: relative;
+    display: block;
+    line-height: 45px;
+}
+
+.setting_box .list_item a:after {
+    content: "";
+    position: absolute;
+    top: 12px;
+    right: 0;
+    width: 12px;
+    height: 22px;
+    background: url(../img/arrow_sprites.png)no-repeat 92.565% 5.367%/auto 6.4375rem
+}
+
+
+/*****************************/
+
+
+/*m_set_version*/
+
+.m_set_version {}
+
+.set_version_wrap {}
+
+.set_version_wrap .ver_logo {
+    height: 40px;
+    width: 100%;
+    background: url(../img/setting/version_ico.png)no-repeat center/contain;
+    margin: 35px 0 10px;
+}
+
+.set_version_wrap .ver_box {
+    text-align: center;
+}
+
+.set_version_wrap .ver_box h2 {
+    text-align: center;
+    font-size: 1rem;
+    margin-bottom: 20px;
+    color: #252525;
+}
+
+.set_version_wrap .ver_box h1 {
+    text-align: center;
+    font-size: 1.125rem;
+    color: #000;
+    font-weight: 500;
+    border: 2px solid #FF9C00;
+    padding: 0 30px;
+    margin-bottom: 35px;
+    box-shadow: none;
+    border-radius: 5px;
+    height: 38px;
+    line-height: 32px;
+}
+
+.set_version_wrap .ver_list_wrap {}
+
+.set_version_wrap .ver_list_wrap .ver_list {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 10px;
+    padding: 20px;
+    background: #fff;
+    justify-content: space-between;
+}
+
+.set_version_wrap .ver_list_wrap .ver_list .emphasis_tit {
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.set_version_wrap .ver_list_wrap .ver_list>div {
+    font-size: 0.875rem;
+}
+
+.ver_copyright {
+    margin-top: 0.8rem;
+    ;
+    font-size: 0.6rem;
+    text-align: center;
+}
+
+
+/*****************************/
+
+
+/*m_set_account*/
+
+.account_header {
+    padding: 1.5625rem;
+    background: #f3f3f3;
+}
+
+.p_header_pic {
+    display: flex;
+    flex-wrap: wrap;
+    align-content: center;
+    justify-content: center;
+}
+
+.p_header_pic .pic {
+    width: 70px;
+    height: 70px;
+    border-radius: 50%;
+    background-position: center!important;
+    background-size: cover !important;
+    background-repeat: no-repeat!important;
+    background: url(../img/main/nutrition_cont_img_camera.png);
+    border: 2px solid #777;
+    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
+}
+
+.p_header_pic .name_tit {
+    margin: auto 0;
+    padding-left: 0.8rem;
+}
+
+.set_account_cont {
+    padding: 20px;
+}
+
+.set_account_cont .set_account_info {
+    padding-left: 1rem;
+    text-indent: -1rem;
+    font-size: 0.875rem;
+    line-height: 1.2rem;
+    word-break: break-all;
+    color: #666;
+    margin-bottom: 20px;
+}
+
+.m_set_account .set_account_list {
+    border-top: 1px solid #d9d9d9;
+}
+
+.m_set_account .list_item {
+    position: relative;
+    display: block;
+    height: 45px;
+    line-height: 45px;
+    border-bottom: 1px solid #d9d9d9;
+}
+
+.m_set_account .list_item:after {
+    content: "";
+    position: absolute;
+    top: 12px;
+    right: 0;
+    width: 12px;
+    height: 22px;
+    background: url(../img/arrow_sprites.png)no-repeat 92.565% 5.367%/auto 6.4375rem;
+}
+
+.m_set_account .logout_btn {
+    margin-top: 1.5rem;
+}
+
+
+/*****************************/
+
+.m_set_account .p_input_box {
+    width: 100%;
+}
+
+.m_set_account .p_input_box.border_b {
+    border-bottom: 1px solid #ddd;
+}
+
+.m_set_account .p_border_box {
+    min-height: 2.9375rem;
+    background-color: #fff;
+}
+
+.m_set_account .btns {
+    width: 100%;
+    box-shadow: none;
+    margin: 30px 0 0;
+}
+
+.m_set_account .p_input_box input {
+    text-align: left;
+    height: 2.9375rem;
+    width: 100%;
+    border: 0;
+}
+
+.m_set_account .p_input_box input::placeholder {
+    color: #999;
+}
+
+.emphasis_tit {
+    color: #FF9C00;
+}
+
+
+/*****************************/
+
+
+/*m_set_account_name*/
+
+
+/*m_set_account_password*/
+
+
+/*m_set_account_mail*/
+
+
+/*m_set_account_phone*/
+
+.m_set_account_name,
+.m_set_account_password,
+.m_set_account_mail,
+.m_set_account_phone {
+    padding: 0 0 30px;
+}
+
+.m_set_account_btn {
+    margin: 0 20px;
+}
+
+.m_list_member_child .m_set_account_btn {
+    padding: 40px 0 20px;
+}
+
+
+/*****************************/
+
+
+/*m_set_account_memberleave*/
+
+.m_set_account_memberleave {
+    height: 100%;
+}
+
+.m_set_account_memberleave .w_box {
+    /*display: flex;
+    flex-direction: column;*/
+    width: 100%;
+    height: 100%;
+}
+
+.m_set_account_memberleave .w_box_wrap {
+    padding: 25px 20px;
+    background-color: #f3f3f3;
+    overflow: hidden;
+}
+
+.m_set_account_memberleave .w_box_wrap:first-child {
+    margin-bottom: 10px;
+}
+
+.m_set_account_memberleave .w_box .btns {
+    margin-top: 30px;
+}
+
+.m_set_account_memberleave .h_tit {
+    font-weight: 400;
+    word-break: keep-all;
+    line-height: 1.4rem;
+}
+
+.m_set_account_memberleave .txt {
+    line-height: 1.4rem;
+    word-break: break-all;
+}
+
+.m_set_account_memberleave .agreed_box {
+    margin-top: 20px;
+}
+
+.m_set_account_memberleave .agreed_box .checkbox input {
+    margin-right: 0.4rem;
+}
+
+.m_set_account_memberleave .agreed_box .checkbox {
+    font-size: 0.9375rem;
+    line-height: 1.3rem;
+    word-break: keep-all;
+}
+
+
+/*****************************/
+
+
+/*m_set_lighting_time*/
+
+.m_set_lighting_time {}
+
+.m_set_lighting_time header {
+    background-color: #fff;
+    padding: 30px 20px;
+}
+
+.m_set_lighting_time header h2 {
+    font-size: 18px;
+    font-weight: 500;
+    margin-bottom: 15px;
+}
+
+.m_set_lighting_time header a {
+    position: relative;
+    font-weight: 300;
+    font-size: 0.875rem;
+    text-decoration: underline;
+    color: #666;
+    padding-right: 0.8rem;
+    line-height: 1.3rem;
+}
+
+.m_set_lighting_time header a:after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: -.2rem;
+    width: 1rem;
+    height: 1.3rem;
+    background: url(../img/arrow_sprites.png)no-repeat 48.905% 93.961%/auto 6.4375rem;
+}
+
+.m_set_lighting_time .cont {
+    padding: 0 0 30px;
+}
+
+.set_list_wrap {}
+
+.set_list_wrap .list_item {
+    position: relative;
+    height: 45px;
+    line-height: 45px;
+    background-color: #fff;
+}
+
+.set_list_wrap .list_item .checkbox {
+    height: 2.9375rem;
+    line-height: 2.9375rem;
+}
+
+.set_list_wrap .list_item .checkbox input {
+    margin-right: 0.8rem;
+}
+
+.set_list_wrap .list_item .checkbox label:before {
+    height: 100%;
+    margin-top: -1px;
+}
+
+.checkbox label {
+    font-weight: 400;
+    font-size: 16px;
+}
+
+.m_set_lighting_time .btns {
+    width: 100%;
+    box-shadow: none;
+    margin-top: 20px;
+}
+
+.m_set_alarm .set_list_wrap .list_item {
+    margin: 0 20px;
+    border-bottom: 1px solid #ddd;
+}
+
+.m_set_alarm .set_list_wrap .list_item:last-child {
+    border-bottom: 0;
+    margin-bottom: 30px;
+}
+
+.m_set_lighting_time .set_list_wrap .list_item {
+    padding: 0 20px;
+    margin-bottom: 10px;
+    background: #f3f3f3;
+}
+
+
+/*****************************/
+
+
+/*m_set_alarm*/
+
+.m_set_alarm header {
+    padding: 20px;
+}
+
+.m_set_alarm header h2 {
+    font-weight: 500;
+    margin-bottom: 0.5rem;
+}
+
+.m_set_alarm .cont {
+    padding: 0;
+}
+
+.m_set_alarm .set_list_wrap {
+    background: #fff;
+}
+
+.m_set_alarm .btns {
+    width: 100%;
+    box-shadow: none;
+}
+
+.m_set_alarm .switch_checkbox {
+    display: inline-block;
+}
+
+.m_set_alarm .switch_checkbox {
+    position: absolute;
+    top: 0.15rem;
+    right: 0;
+    line-height: 0;
+}
+
+
+/*****************************/
+
+
+/* 성별 입력 */
+
+.p_list_item.gender_item {
+    padding: 0!important;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    overflow: hidden;
+}
+
+.p_list_item.gender_item button {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    flex: 1 1 50%;
+    line-height: 2.9375rem;
+    border: none;
+    background-color: #fff;
+    padding: 0 0.875rem;
+    color: #6f6f6e;
+    font-size: 1rem;
+}
+
+.p_list_item.gender_item button:first-child {
+    padding-right: 1.5rem;
+}
+
+.p_list_item.gender_item button:last-child {
+    padding-left: 1.5rem;
+}
+
+.p_list_item.gender_item button.active {
+    background-color: #6f6f6e;
+    color: #fff;
+}
+
+.p_list_item.gender_item button .icon {
+    width: 1.25rem;
+    height: 2.9375rem;
+    vertical-align: middle;
+    background: url(../img/chk_sprites.png)no-repeat 10% 50% / auto 2.5rem;
+}
+
+.p_list_item.gender_item button.active .icon {
+    background: url(../img/chk_sprites.png)no-repeat 90% 50% / auto 2.5rem;
+}
+
+.bold_tit {
+    font-weight: 500;
+}
+
+
+/*공통*/
+
+.growth_txt_box {
+    position: relative;
+    margin: 1.125rem 0;
+    padding: 1.125rem;
+    border: 1px solid #FF9C00;
+    border-radius: 7px;
+    background-color: #ebf1f3;
+    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
+}
+
+.growth_txt_box:after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 2rem;
+    height: 2rem;
+    outline: 1px solid red;
+    background: #ebf1f3 url(../img/arrow_sprites.png)no-repeat 48.905% 90.961%/auto 12rem;
+}
+
+.growth_txt_box.active {
+    border: 1px solid #ebf1f3;
+    background: #ebf1f3 url(../img/arrow_sprites.png)no-repeat 48.905% 90.961%/auto 6.4375rem;
+}
+
+.growth_txt_box .title {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    width: 93%;
+    font-weight: 400;
+}
+
+.growth_txt_box .title .blue_tit {
+    font-size: 1.125rem;
+    font-weight: 500;
+}
+
+.growth_txt_box p {
+    padding: 1.5625rem 0 0.5rem 0;
+    line-height: 1.4rem;
+    font-size: 0.9375rem;
+    word-break: keep-all;
+}
+
+
+/*****************************/
+
+
+/*.m_guest_agree*/
+
+.terms_cont {
+    padding: 30px 20px 0 !important;
+    background-color: #f4f4f4;
+}
+
+.terms_cont .terms_list {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-content: center;
+    margin-bottom: 0.46875rem;
+}
+
+.terms_cont .checkbox {
+    margin: auto 0;
+}
+
+.terms_cont .checkbox label {
+    padding-left: 0.4rem;
+    line-height: 16px;
+    font-size: 16px;
+    font-weight: 500;
+}
+
+.terms_cont .more_terms {
+    /*내용보기*/
+    position: relative;
+    height: 34px;
+    line-height: 32px;
+    vertical-align: middle;
+    border-radius: 50px;
+    font-size: 0.8125rem;
+    border: 1px solid #bcbcbc;
+    padding: 0 25px 0 15px;
+    word-break: keep-all;
+    white-space: nowrap;
+    background-color: #fff;
+}
+
+.terms_cont .more_terms:after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    right: .5rem;
+    margin-top: -12px;
+    width: 0.625rem;
+    height: 1.125rem;
+    background: url(../img/arrow_sprites.png)no-repeat 50% 90.961%/auto 6.4375rem;
+}
+
+.m_guest_agree .guest_view_guest {
+    margin-right: 1.5625rem;
+    margin-left: 1.5625rem;
+    margin-top: auto;
+    height: 3.125rem;
+    line-height: 3.125rem;
+    box-shadow: none;
+}
+
+.m_guest_agree .guest_view_guest .icon {
+    vertical-align: top;
+    width: 1.05rem;
+    margin-left: 0.5rem;
+    margin-top: 1px;
+    background: url(../img/child/child_common_sprites.png) no-repeat 5.42% 82.923%/ auto 11.75rem;
+}
+
+
+/*****************************/
+
+
+/*m_privacy_policy 개인정보 취급방침*/
+
+.m_privacy_policy {
+    padding: 0.625rem;
+}
+
+.m_privacy_policy .cont {
+    margin: 0 auto;
+    background: #fff;
+    border-radius: 4px;
+    padding: 0 10px 20px;
+}
+
+.m_privacy_policy .rule_box {
+    margin-bottom: 1rem;
+}
+
+.m_privacy_policy .rule_box .txt {
+    color: #FF9C00;
+    font-size: 1rem;
+    margin-bottom: 0.3rem;
+    font-weight: 500;
+    line-height: 1.3rem;
+}
+
+.m_privacy_policy .rule_box ol li {
+    font-size: 0.875rem;
+    line-height: 1.3rem;
+    float: none;
+    margin-bottom: 0.3rem;
+}
+
+.m_privacy_policy .rule_box ol li ul {}
+
+.m_privacy_policy .rule_box ol li ul li {
+    margin-bottom: 0;
+    font-size: 0.875rem;
+    font-weight: 300;
+    line-height: 1.3rem;
+    float: none;
+}
+
+.m_privacy_policy .rule_box .sub_tit {
+    font-weight: 400;
+    text-indent: 0;
+    font-size: 1rem;
+    padding-bottom: 0.3rem;
+    padding-left: 0;
+}
+
+.rule_box .sub_list {
+    padding-left: 0.6rem;
+    text-indent: -0.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.rule_box .sub_list:last-child {
+    margin-bottom: 0rem;
+}
+
+.rule_box .sub_list div {
+    margin-bottom: 0.15rem;
+}
+
+.rule_box .sub_list_2 div {
+    margin-bottom: 0rem;
+}
+
+.rule_box table {
+    width: 100%;
+    text-align: center;
+    margin-top: 0.2rem;
+    margin-bottom: 0.6rem;
+}
+
+.rule_box table th {
+    border: 1px solid #ddd;
+    border-bottom: 3px double #ddd;
+    padding: 0.5rem 0;
+    word-break: keep-all;
+}
+
+.rule_box table td {
+    border: 1px solid #ddd;
+    padding: 0.5rem 0.2rem;
+    word-break: keep-all;
+    font-size: 0.8rem;
+}
+
+.rule_box table td:first-child {
+    font-weight: 400;
+    font-size: 0.83rem;
+}
+
+.rule_box table td>div {
+    margin-bottom: 0.3rem;
+}
+
+.rule_box table td>div:last-child {
+    margin-bottom: 0rem;
+}
+
+
+/*****************************/
+
+
+/*m_terms 이용약관*/
+
+
+/*수정해야됨 내용 변경예정*/
+
+.m_terms {
+    padding: 0.625rem;
+}
+
+.m_terms .cont {
+    margin: 0 auto;
+    background: #fff;
+    border-radius: 4px;
+    padding: 0 10px 20px;
+}
+
+.m_terms .rule_box {
+    margin-bottom: 2rem;
+}
+
+.m_terms .rule_box .rule_txt {
+    margin-bottom: 0.8rem;
+    font-size: 0.9375rem;
+    line-height: 1.3rem;
+    text-indent: 6px;
+}
+
+.m_terms .rule_box .txt {
+    color: #FF9C00;
+    font-size: 1rem;
+    margin-bottom: 0.4rem;
+    font-weight: 400;
+    line-height: 1.4rem;
+    padding-left: 1rem;
+    text-indent: -1rem;
+}
+
+.m_terms .rule_box ol li {
+    margin-bottom: 0.5rem;
+    font-size: 0.875rem;
+    font-weight: 300;
+    line-height: 1.3rem;
+}
+
+.m_terms .l_rule_box {
+    font-size: 0.9375rem;
+    line-height: 1.3rem;
+    padding-left: 1.1rem;
+    margin-bottom: 0;
+    font-weight: 400;
+}
+
+.m_terms .rule_box ol li ul {
+    margin-top: 0.3rem;
+}
+
+.m_terms .rule_box ol li ul li {
+    padding-left: 1rem;
+}
+
+
+/***********팝업*/
+
+.swal2-popup {
+    max-width: 90%!important;
+}
+
+.swal2-content {
+    /*padding-top: 1rem!important;*/
+    padding-bottom: 10px!important;
+}
+
+.swal2-html-container {
+    color: #252525!important;
+    font-size: 1.125rem!important;
+    word-break: keep-all;
+}
+
+.swal2-styled.swal2-confirm {
+    font-size: 1.0625rem!important;
+    font-weight: 400!important;
+    background-color: #FF9C00!important;
+}
+
+.swal2-icon.swal2-warning {
+    border-color: #facea8;
+    color: #f8bb86;
+}
+
+
+/***********미디어쿼리*/
+
+@media screen and (max-width: 374px) {
+    html,
+    body {
+        font-size: 15px;
+    }
+    /*index*/
+    .index_header_wrapper .brand_logo {
+        height: 2.1rem;
+    }
+    .child_list_item .child_name {
+        font-size: 1.1rem;
+    }
+    .child_list_item .child_pic {
+        margin-right: 0.6rem;
+    }
+    .main_header .iker_box {
+        flex: 0 0 60%;
+    }
+    .main_header .child_img {
+        flex: 0 0 40%;
+    }
+    /*아이홈*/
+    .home_child_box {
+        padding: 2.5rem 0 2.5rem 1.5rem;
+    }
+    .home_child_box .h_c_header:before {
+        background: url(../img/child/child_home_bg_02.png)no-repeat top right -1rem/contain;
+    }
+    /*리포트*/
+    .peer_group_header .p_g_inner_box .num_box {
+        font-size: 1.2rem;
+    }
+    .peer_group_header .p_g_inner_box .num_box .unit {
+        padding-left: 0.08rem;
+    }
+    .peer_group_header .p_g_inner_box_01 {
+        padding-left: 0.5rem;
+    }
+    .peer_group_header .p_g_inner_box_03 {
+        padding-right: 0.5rem;
+    }
+    .p_growth_box .icon {
+        width: 1.2rem;
+        height: 1.2rem;
+        margin-right: 0.15rem;
+    }
+    .p_growth_box .num {
+        font-size: 1.15rem;
+    }
+    .p_growth_box .tit {
+        font-size: 0.9375rem;
+    }
+    .report_box .w_box .growth_box .g_box .big_tit {
+        font-size: 1.8rem;
+    }
+    .report_box .w_box .growth_box .g_box .big_tit .sub_tit {
+        font-size: 1.2rem;
+    }
+    .peer_group_header .p_g_inner_box_02 .tit_box>div:nth-child(2) {
+        white-space: nowrap;
+        max-width: 4.5rem;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        margin: 0 auto;
+    }
+    /*아이프로필*/
+    .profile_wrap .blood_groups_box .p_btn {
+        font-size: 0.9375rem;
+    }
+    .profile_wrap .phone_list .p_input_box {
+        flex: 0 0 70%;
+    }
+    /*게스트 리포트*/
+    .header_wrapper .header_title {
+        font-size: 18px;
+    }
+    .profile_wrap .p_label {
+        flex: 0 0 35%;
+        width: 35%;
+    }
+}
+
+@media screen and (max-width: 319px) {
+    /*login*/
+    .p_list_item.p_border_box {
+        padding-right: .5rem;
+        padding-left: 1rem;
+    }
+    .m_join_member .profile_wrap .p_input_box {
+        flex: 0 0 60%;
+    }
+    /*report*/
+    .s_grow_num_box .height_num {
+        margin-right: 3rem;
+        width: 5.3rem;
+    }
+    .child_list_item .child_r_box .child_m_a_btn .more_icon {
+        margin-left: 0.15rem;
+        width: 0.35rem;
+    }
+    /*report-또래아이비교*/
+    .graph_label_box .g_label {
+        flex: 0 0 19%;
+    }
+    .graph_label_box .g_label_03 {
+        flex: 0 0 24%;
+    }
+    .graph_label_box .g_label_02:after {
+        left: 21%;
+    }
+    .graph_label_box .g_label_02 .tit:before {
+        transform: rotate(-54deg);
+        top: .3rem;
+        height: 1rem;
+    }
+    .graph_label_box .g_label_04:after {
+        left: 80%;
+    }
+    .graph_label_box .g_label_04 .tit:before {
+        transform: rotate(54deg);
+        top: .3rem;
+        height: 1rem;
+    }
+}
+
+
+/* main_pofile */
+
+.main_pofile {
+    position: fixed;
+    max-width: 1024px;
+    top: 50px;
+    z-index: 99999;
+    overflow: hidden;
+    width: 100%;
+    padding: 20px 0 0;
+    background: #FF9C00;
+}
+
+.main_pofile .bx-wrapper {
+    padding: 0 0 20px 20px;
+    overflow: hidden;
+}
+
+.main_pofile .bx-controls {
+    padding: 5px 0 2px;
+    overflow: hidden;
+}
+
+.bx-wrapper .bx-pager-link {
+    display: inline-block;
+    float: left;
+    font-size: 0;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: #fff;
+    vertical-align: top;
+    margin-right: 6px;
+}
+
+.bx-wrapper .bx-pager-link.active {
+    background: #FF3300;
+}
+
+.main_pofile_txt {
+    float: left;
+}
+
+.main_pofile_txt h2 {
+    font-size: 25px;
+    margin: 0 0 7px;
+    color: #fff;
+}
+
+.main_pofile_txt p {
+    color: #fff;
+}
+
+.main_pofile_img {
+    float: right;
+    position: relative;
+    width: 65px;
+    height: 65px;
+    margin-right: 20px;
+}
+
+.main_pofile_img p {
+    width: 100%;
+    height: auto;
+}
+
+.main_pofile_img p a {
+    display: block;
+    width: 70px;
+    height: 70px;
+}
+
+.main_pofile_img p a img {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    border-radius: 50%;
+    border: 2px solid #ffcc7e;
+    object-fit: cover;
+}
+
+.main_pofile_info_wrap {
+    overflow: hidden;
+    background: #fff;
+}
+
+.main_pofile_info {
+    position: relative;
+    margin: 3px 0 0;
+    width: 100%;
+    padding: 8px 20px;
+    background: #f3f3f3;
+    overflow: hidden;
+}
+
+.main_pofile_info_tit {
+    position: absolute;
+    top: 10px;
+    right: 20px;
+    width: 65px;
+    background: #fff;
+    border-radius: 30px;
+    line-height: 30px;
+}
+
+.main_pofile_info_tit span {
+    display: inline-block;
+    width: 30px;
+    height: 30px;
+    text-align: center;
+    font-size: 14px;
+}
+
+.main_pofile_info_tit span.txt01 {
+    float: left;
+}
+
+.main_pofile_info_tit span.txt02 {
+    float: right;
+}
+
+.main_pofile_info_tit span.active {
+    background: #FF9C00;
+    color: #fff;
+    border-radius: 40px;
+}
+
+.main_pofile_info_txt {
+    display: none;
+    line-height: 36px;
+    overflow: hidden;
+}
+
+.main_pofile_info_txt.active {
+    display: block;
+}
+
+.main_pofile_info img {
+    vertical-align: middle;
+}
+
+.main_pofile_info.main_pofile_info01 img {
+    width: auto;
+    height: 30px;
+}
+
+.main_pofile_info.main_pofile_info02 img {
+    width: auto;
+    height: 23px;
+}
+
+.main_pofile_info_txt01 {
+    position: absolute;
+    top: 5px;
+    left: 30px;
+    text-align: center;
+}
+
+.main_pofile_info_txt01 span {
+    font-size: 15px;
+    letter-spacing: -1px;
+}
+
+.main_pofile_info_txt02 {
+    text-align: center;
+    font-size: 18px;
+}
+
+.main_pofile_info_txt02 strong {
+    font-size: 21px;
+    font-weight: 500;
+    margin-right: 5px;
+}
+
+
+/* main_cont */
+
+.main_cont {
+    position: relative;
+    width: 100%;
+    min-height: calc(100vh - 300px);
+    margin-top: 230px;
+    padding: 20px 0 100px;
+}
+
+
+/* main_cont_camera 이미지 불러오기 */
+
+.main_cont_camera {
+    padding-top: 50px;
+    background: url(../img/main/main_cont_img_camera_bg01.png)no-repeat top center/18px auto;
+}
+
+.main_cont_camera li {
+    width: 100%;
+    padding-bottom: 40px;
+    text-align: center;
+    background: url(../img/main/main_cont_img_camera_bg02.png)no-repeat bottom center/18px auto;
+}
+
+.main_cont_camera li:last-child {
+    padding-bottom: 50px;
+    background: url(../img/main/main_cont_img_camera_bg03.png)no-repeat bottom center/18px auto;
+}
+
+.main_cont_camera input {
+    display: none;
+}
+
+.main_cont_camera .img_preview {
+    position: relative;
+    overflow: hidden;
+    width: 180px;
+    height: 170px;
+    margin: 0 auto;
+    background: #fff;
+    border: 5px solid #fff;
+    border-radius: 20px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.main_cont_camera .img_preview .img_title {
+    display: inline-block;
+    position: absolute;
+    top: 5px !important;
+    right: 5px !important;
+    padding: 4px 10px 6px;
+    font-size: 13px;
+    border-radius: 5px;
+    background: #FF9C00;
+    color: #fff;
+    border: 1px solid #fff;
+    z-index: 9999;
+}
+
+.main_cont_camera .img_preview label {
+    display: block;
+    width: 100%;
+    height: auto;
+}
+
+.main_cont_camera .img_preview img {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    object-fit: cover;
+}
+
+
+/* main_cont_result */
+
+.main_cont_result {
+    padding: 10px;
+    text-align: center;
+}
+
+.main_cont_result .txt {
+    margin: 0 auto;
+    width: 260px;
+    padding: 0 20px;
+    font-size: 14px;
+    line-height: 26px;
+    font-weight: 400;
+    background-image: url(../img/main/main_cont_result_bg01.png), url(../img/main/main_cont_result_bg02.png);
+    background-size: auto 90%, auto 90%;
+    background-position: left center, right center;
+    background-repeat: no-repeat;
+}
+
+.main_cont_result .txt span {
+    font-size: 24px;
+    word-break: keep-all;
+}
+
+.main_cont_result .btn {
+    display: inline-block;
+    margin: 30px auto 10px;
+    font-size: 16px;
+    padding: 0 0 5px;
+    font-weight: 400;
+    border-bottom: 2px solid #FF9C00;
+    color: #FF9C00;
+}
+
+
+/* main_cont_kinds */
+
+.main_cont_kinds {
+    display: none;
+    overflow: hidden;
+    margin: 40px 20px 20px;
+    border-top: 1px solid #ccc;
+}
+
+.main_cont_kinds.active {
+    display: block;
+}
+
+.main_cont_kinds .swiper-slide a {
+    display: block;
+    padding: 50px 0 0;
+    text-align: center;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(1) a {
+    background: url(../img/main/main_cont_kinds_img01.png)no-repeat center 20px/auto 26px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(2) a {
+    background: url(../img/main/main_cont_kinds_img02.png)no-repeat center 19px/auto 28px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(3) a {
+    background: url(../img/main/main_cont_kinds_img03.png)no-repeat center 21px/auto 25px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(4) a {
+    background: url(../img/main/main_cont_kinds_img04.png)no-repeat center 19px/auto 27px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(5) a {
+    background: url(../img/main/main_cont_kinds_img05.png)no-repeat center 20px/auto 26px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(6) a {
+    background: url(../img/main/main_cont_kinds_img06.png)no-repeat center 18px/auto 28px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(7) a {
+    background: url(../img/main/main_cont_kinds_img07.png)no-repeat center 18px/auto 28px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(8) a {
+    background: url(../img/main/main_cont_kinds_img08.png)no-repeat center 19px/auto 25px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(9) a {
+    background: url(../img/main/main_cont_kinds_img09.png)no-repeat center 20px/auto 26px;
+}
+
+.main_cont_kinds .swiper-slide a span {
+    font-size: 13px;
+}
+
+
+/* on */
+
+.main_cont_kinds .swiper-slide:nth-child(1) a.on {
+    background: url(../img/main/main_cont_kinds_img01_on.png)no-repeat center 20px/auto 26px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(2) a.on {
+    background: url(../img/main/main_cont_kinds_img02_on.png)no-repeat center 19px/auto 28px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(3) a.on {
+    background: url(../img/main/main_cont_kinds_img03_on.png)no-repeat center 21px/auto 25px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(4) a.on {
+    background: url(../img/main/main_cont_kinds_img04_on.png)no-repeat center 19px/auto 27px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(5) a.on {
+    background: url(../img/main/main_cont_kinds_img05_on.png)no-repeat center 20px/auto 26px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(6) a.on {
+    background: url(../img/main/main_cont_kinds_img06_on.png)no-repeat center 18px/auto 28px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(7) a.on {
+    background: url(../img/main/main_cont_kinds_img07_on.png)no-repeat center 18px/auto 28px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(8) a.on {
+    background: url(../img/main/main_cont_kinds_img08_on.png)no-repeat center 19px/auto 25px;
+}
+
+.main_cont_kinds .swiper-slide:nth-child(9) a.on {
+    background: url(../img/main/main_cont_kinds_img09_on.png)no-repeat center 20px/auto 26px;
+}
+
+.main_cont_kinds .swiper-slide a.on {
+    border-top: 2px solid #FF9C00;
+}
+
+.main_cont_kinds .swiper-slide a.on span {
+    color: #FF9C00;
+}
+
+
+/* 하단 네비게이션 */
+
+.iyu_nav {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    margin: 0 auto;
+    max-width: 1024px;
+    width: 100%;
+    z-index: 3;
+    z-index: 9999;
+}
+
+.iyu_nav>ul {
+    height: 60px;
+    border-radius: 15px;
+    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
+}
+
+.iyu_nav>ul>li {
+    float: left;
+    width: 20%;
+    text-align: center;
+    height: 65px;
+    background-color: #fff;
+}
+
+.iyu_nav ul li:first-child {
+    border-radius: 20px 0 0 0;
+}
+
+.iyu_nav ul li:last-child {
+    border-radius: 0 20px 0 0;
+}
+
+.iyu_nav>ul>li>a {
+    font-size: 12px;
+    color: #fff;
+}
+
+.iyu_nav ul li .icon {
+    width: 30px;
+    height: 40px;
+    margin: 0 auto;
+    overflow: hidden;
+    text-indent: -9999px;
+    margin-top: 2px;
+}
+
+.iyu_nav ul li .tit {
+    color: #999;
+}
+
+.iyu_nav ul .nav_list03 {
+    text-indent: -9999px;
+    font-size: 0;
+}
+
+.iyu_nav ul .nav_list01 .icon {
+    background: url(../img/main/iyu_nav_ico01.png)no-repeat center/auto 23px;
+}
+
+.iyu_nav ul .nav_list02 .icon {
+    background: url(../img/main/iyu_nav_ico02.png)no-repeat center/auto 23px;
+}
+
+.iyu_nav ul .nav_list03 .icon {
+    background: #FF9C00 url(../img/main/iyu_nav_ico03.png)no-repeat center/44% auto;
+    width: 43px;
+    height: 43px;
+    border-radius: 50%;
+    margin-top: -13px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+}
+
+.iyu_nav ul .nav_list04 .icon {
+    background: url(../img/main/iyu_nav_ico04.png)no-repeat center/auto 23px;
+}
+
+.iyu_nav ul .nav_list05 .icon {
+    background: url(../img/main/iyu_nav_ico05.png)no-repeat center/auto 23px;
+}
+
+
+/* 하단네비게이션 추가 padding값 */
+
+.m_padbot {
+    padding-bottom: 80px !important;
+}
+
+
+/* 상단 메뉴 */
+
+
+/******************** 영양기록 **********************/
+
+.wrap_nutrition {
+    padding-top: 0;
+}
+
+.wrap_nutrition .main_nutrition {
+    padding-bottom: 0;
+}
+
+.btn_nutrition_delete {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    position: absolute;
+    top: 16px;
+    right: 20px;
+}
+
+.btn_nutrition_delete img {
+    width: 100%;
+    height: 100%;
+}
+
+
+/* nutrition_time 상단시계 */
+
+.nutrition_time {
+    text-align: center;
+}
+
+.nutrition_time * {
+    vertical-align: middle;
+}
+
+.nutrition_time .nutrition_time_clock {
+    display: inline-block;
+    margin-top: -5px;
+}
+
+.nutrition_time .nutrition_time_clock * {
+    vertical-align: middle;
+    font-weight: 400;
+}
+
+.nutrition_time .nutrition_time_clock span {
+    font-size: 35px;
+    color: #fff;
+}
+
+.nutrition_time .nutrition_time_clock input[type="number"] {
+    width: 55px;
+    font-size: 35px;
+    text-align: center;
+    border: 0;
+    background: 0;
+    color: #fff;
+    -moz-appearance: textfield;
+}
+
+.nutrition_time .nutrition_time_ampm {
+    display: inline-block;
+}
+
+.nutrition_time .nutrition_time_ampm span {
+    display: block;
+    width: 38px;
+    height: 18px;
+    line-height: 14px;
+    padding: 0 7px;
+    margin: 0 0 3px;
+    font-weight: 400;
+    font-size: 15px;
+    color: #ffdcc6;
+    background: #ffa771;
+    border-radius: 20px;
+}
+
+.nutrition_time .nutrition_time_ampm span.active {
+    background: #fff;
+    color: #FF9C00;
+}
+
+.nutrition_time .nutrition_time_delete {
+    position: absolute;
+    right: 20px;
+    top: 35%;
+}
+
+.nutrition_time .nutrition_time_delete a {
+    display: block;
+    width: 16px;
+    height: auto;
+}
+
+.nutrition_time .nutrition_time_delete a img {
+    width: 100%;
+    height: 100%;
+}
+
+
+/* nutrition_header_child */
+
+.nutrition_header_child {}
+
+.nutrition_header_child_top {
+    position: relative;
+    width: 200px;
+    margin: 0 auto;
+    padding: 40px 0;
+    overflow: hidden;
+    text-align: center;
+}
+
+.nutrition_header_child_top .proimg {
+    width: 70px;
+    height: 70px;
+    margin: 0 auto 20px;
+}
+
+.nutrition_header_child_top .proimg img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 60px;
+    border: 2px solid #FF9C00;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
+}
+
+.nutrition_header_child_top p {
+    line-height: 20px;
+}
+
+.nutrition_header_child_top p span {
+    display: block;
+}
+
+.nutrition_header_child_top p.info {
+    font-size: 14px;
+    line-height: 24px;
+}
+
+.nutrition_header_child_top p.info .name {
+    font-size: 22px;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+
+.nutrition_header_child_top p.info .age {
+    font-size: 16px;
+}
+
+.nutrition_header_child_top p.info .allergy {
+    font-size: 16px;
+}
+
+.nutrition_header_child_top p.cal {
+    font-size: 17px;
+    font-weight: bold;
+    padding-top: 25px;
+    margin-top: 25px;
+    border-top: 1px solid #ccc;
+    line-height: 24px;
+}
+
+.header_wrapper .c_left_btn .c_list_item_btn {
+    width: 20px;
+    height: 30px;
+    border: none;
+    background: url(../img/nutrition/c_menu.png)no-repeat center /auto 20px;
+    text-indent: -9999999px;
+    overflow: hidden;
+}
+
+.header_wrapper .c_left_btn .c_list_item_menu {
+    top: 50px;
+    right: 20px;
+}
+
+
+/* main_nutrition */
+
+.main_nutrition {
+    padding-bottom: 65px;
+}
+
+
+/* nutrition_camera 이미지불러오기 */
+
+.nutrition_camera {
+    padding-top: 35px;
+    background: url(../img/main/main_cont_img_camera_bg01.png)no-repeat top center/18px auto;
+}
+
+.nutrition_camera .nutrition_camera_box {
+    padding-bottom: 40px;
+    margin-bottom: 20px;
+    background: url(../img/main/main_cont_img_camera_bg03.png)no-repeat bottom center/18px auto;
+}
+
+.nutrition_camera input {
+    display: none;
+}
+
+.nutrition_camera .img_preview {
+    position: relative;
+    overflow: hidden;
+    width: 260px;
+    height: 250px;
+    margin: 0 auto;
+    background: #fff;
+    border: 5px solid #fff;
+    border-radius: 30px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.nutrition_camera .img_preview label {
+    display: block;
+    width: 100%;
+    height: auto;
+}
+
+.nutrition_camera .img_preview img {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    object-fit: cover;
+}
+
+.nutrition_kinds {}
+
+.nutrition_kinds_list {
+    margin: 20px 20px 30px;
+    border-top: 1px solid #FF9C00;
+}
+
+.nutrition_kinds_list li {
+    display: inline-block;
+    width: 20%;
+    padding: 5px 5px 0;
+    margin: 0;
+    text-align: center;
+    border-bottom: 1px solid #FF9C00;
+}
+
+.nutrition_kinds_list li:nth-child(6),
+.nutrition_kinds_list li:nth-child(7),
+.nutrition_kinds_list li:nth-child(8),
+.nutrition_kinds_list li:nth-child(9),
+.nutrition_kinds_list li:nth-child(10) {
+    padding: 10px 5px;
+}
+
+.nutrition_kinds_list li:last-child {
+    background: 0;
+}
+
+.nutrition_kinds_list li a {
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+.nutrition_kinds_list li a span {
+    display: inline-block;
+    padding: 5px;
+    height: 38px;
+    line-height: 14px;
+    font-size: 12px;
+    font-weight: 400;
+    word-spacing: -2px;
+    border-radius: 20px;
+}
+
+.nutrition_kinds_list li a img {
+    width: 100%;
+}
+
+.nutrition_kinds_list li.active span {
+    color: #FF9C00;
+}
+
+
+/* nutrition_kinds_content 탭메뉴 */
+
+.nutrition_kinds_content .kinds_tabcont {
+    padding: 0 20px;
+}
+
+.nutrition_kinds_content .kinds_tabcont.active {
+    display: block;
+}
+
+
+/* nutrition_kinds_basic 기본박스모양 */
+
+.nutrition_common {
+    margin: 0 20px 20px !important;
+}
+
+.nutrition_kinds_basic {
+    padding: 20px;
+    margin: 0 0 20px;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.nutrition_kinds_basic h2 {
+    font-weight: 500;
+    font-size: 16px;
+    margin: 0 0 5px;
+}
+
+.nutrition_kinds_basic h2.long {
+    line-height: 20px;
+    letter-spacing: -1.4px;
+}
+
+.nutrition_kinds_basic h2:before {
+    content: "*";
+    color: #FF9C00;
+    margin-right: 3px;
+}
+
+.nutrition_kinds_basic02 {
+    padding: 20px 0;
+    margin: 0 0 20px;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.nutrition_kinds_basic02 h2 {
+    padding: 0 20px;
+    font-weight: 500;
+    font-size: 16px;
+    margin: 0 0 5px;
+}
+
+.nutrition_kinds_basic02 h2:before {
+    content: "*";
+    color: #FF9C00;
+    margin-right: 3px;
+}
+
+.nutrition_kinds_basic03 {
+    padding: 20px 0 0;
+    margin: 0 0 20px;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.nutrition_kinds_basic03 h2 {
+    padding: 0 20px 20px;
+    font-weight: 500;
+    font-size: 16px;
+    margin: 0 0 5px;
+}
+
+.nutrition_kinds_basic03 h2:before {
+    content: "*";
+    color: #FF9C00;
+    margin-right: 3px;
+}
+
+
+/* 섭취이유 list크기 자유 */
+
+.nutrition_list_reason {}
+
+.nutrition_list_reason li {
+    margin: 10px 10px 0 0;
+    height: 35px;
+    line-height: 35px;
+    text-align: center;
+    background: #fff;
+    border-radius: 30px;
+    border: 1px solid #999;
+}
+
+.nutrition_list_reason_half li {
+    width: 48%;
+    margin: 10px 0 0;
+    height: 35px;
+    line-height: 35px;
+}
+
+.nutrition_list_reason_half li:nth-child(odd) {
+    margin: 10px 4% 0 0;
+}
+
+.nutrition_list_reason li a {
+    display: block;
+    width: 100%;
+    height: 100%;
+    padding: 0 20px;
+    font-size: 15px;
+}
+
+.nutrition_list_reason li.active {
+    border: 1px solid #FF9C00;
+    color: #FF9C00;
+}
+
+.nutrition_list_reason li.active a {
+    color: #FF9C00;
+}
+
+
+/* 수유형태, 유산균섭취여부 list크기 50% */
+
+.nutrition_list_half {}
+
+.nutrition_list_half li {
+    width: 48%;
+    height: 36px;
+    line-height: 36px;
+    margin: 10px 0 0;
+    text-align: center;
+    border-radius: 30px;
+    border: 1px solid #999;
+}
+
+.nutrition_list_half li:first-child {
+    margin-right: 4%;
+}
+
+.nutrition_list_half li a {
+    display: block;
+    padding: 10px;
+    width: 100%;
+    height: 100%;
+}
+
+.nutrition_list_half li.active {
+    border: 1px solid #FF9C00;
+    color: #FF9C00;
+}
+
+.nutrition_list_half li.active a {
+    color: #FF9C00;
+}
+
+.nutrition_list_half.list_half02 {
+    padding: 0 20px;
+}
+
+.nutrition_list_half.list_half02 li {
+    margin: 0 0 20px;
+}
+
+.nutrition_list_half.list_half02 li:first-child {
+    margin-right: 4%;
+}
+
+
+/* nutrition_list_emotion 아이감정상태 */
+
+.nutrition_list_emotion {
+    margin: 20px 0 0;
+    padding: 0 5px;
+    overflow: hidden;
+}
+
+.nutrition_list_emotion li {
+    display: block;
+    width: 20%;
+    padding: 0 15px;
+    text-align: center;
+    background: url(../img/nutrition/nutrition_emotion_line.png)no-repeat right center/1px auto;
+}
+
+.nutrition_list_emotion li:last-child {
+    background: 0;
+}
+
+.nutrition_list_emotion li a {
+    position: relative;
+    display: block;
+    width: 1;
+    height: 100%;
+    text-align: center;
+}
+
+.nutrition_list_emotion li a img {
+    width: 100%;
+    height: auto;
+}
+
+
+/* nutrition_list_intake */
+
+.nutrition_list_intake {
+    padding: 20px 0 10px;
+    border-radius: 0 0 10px 10px;
+    background: #f7f7f6;
+}
+
+.nutrition_list_intake li {
+    width: 33.3333333333%;
+    text-align: center;
+}
+
+.nutrition_list_intake li .line {
+    margin: 0 0 10px;
+    border-right: 1px solid #ccc;
+}
+
+.nutrition_list_intake li .line>span {
+    display: block;
+    width: 80px;
+    padding: 5px;
+    margin: 0 auto;
+    text-align: center;
+    font-size: 15px;
+    border-radius: 30px;
+    background: #00B96F;
+    color: #fff;
+}
+
+.nutrition_list_intake li.active .line span {
+    background: #FF9C00;
+}
+
+.nutrition_list_intake li:last-child .line {
+    border-right: 0;
+}
+
+.nutrition_list_intake li p {
+    padding: 8px 10px;
+}
+
+.nutrition_list_intake li p img {
+    width: 40%;
+    height: auto;
+}
+
+.nutrition_list_intake li input {
+    width: 80%;
+    height: 28px;
+    padding: 6px;
+    text-align: center;
+    font-size: 15px;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
+}
+
+.nutrition_list_intake li input::placeholder {
+    color: #ccc;
+}
+
+
+/* select 모유 사용시 */
+
+p.selectbox {
+    width: 50%;
+    padding: 10px !important;
+    height: 36px;
+    margin: 10px auto 0;
+    padding: 8px 10px !important;
+    border-radius: 5px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+    border: 1px solid #ccc;
+    background: #fff url(../img/nutrition/nutrition_intake_arrow.png)no-repeat calc(100% - 10px) center/10px auto;
+    font-size: 14px;
+}
+
+.selectlist {
+    display: none;
+    position: absolute;
+    bottom: -120px;
+    left: 0;
+    width: 50%;
+    height: 120px;
+    overflow-y: scroll;
+    margin-left: 25%;
+    border: 1px solid #ddd;
+    border-top: none;
+    background: #fff;
+    border-radius: 5px;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
+    scrollbar-width: thin;
+    scrollbar-color: #FF9C00 transparent;
+    scrollbar-face-color: #FF9C00;
+    scrollbar-track-color: #fff;
+    scrollbar-arrow-color: none;
+    scrollbar-highlight-color: #FF9C00;
+    scrollbar-3dlight-color: none;
+    scrollbar-shadow-color: #FF9C00;
+    scrollbar-darkshadow-color: none;
+}
+
+.selectlist.active {
+    display: absolute !important;
+    top: 0;
+    right: 0;
+}
+
+.selectlist::-webkit-scrollbar {
+    width: 5px;
+}
+
+.selectlist::-webkit-scrollbar-thumb {
+    background-color: #FF9C00;
+}
+
+.selectlist p {
+    width: 100%;
+    padding: 12px 15px;
+    font-size: 14px;
+    color: #aaa;
+    border-bottom: 1px solid #ddd;
+}
+
+.selectlist p:last-child {
+    border-bottom: 0;
+}
+
+.select-wrap {
+    position: relative;
+}
+
+.selectlist .unit {
+    position: absolute;
+    top: 0;
+    right: 0;
+}
+
+
+/* selectbox 모유 미사용시 */
+
+.list_intake02_wrapper {
+    padding: 10px 0;
+    background: #f7f7f6;
+}
+
+.nutrition_list_intake.list_intake02 {
+    padding: 0;
+    margin: 20px 0;
+    background: #f7f7f6 url(../img/nutrition/nutrition_emotion_line.png)repeat-y center center/1px auto;
+}
+
+.nutrition_list_intake.list_intake02 li {
+    width: 50%;
+}
+
+.nutrition_list_intake.list_intake02 li .line {
+    border: 0;
+}
+
+.intake02 {
+    display: none;
+}
+
+.nutrition_list_intake.list_intake03 {
+    padding: 0 0 10px;
+}
+
+.nutrition_list_intake.list_intake03 * {}
+
+.nutrition_list_intake.list_intake03 li {
+    width: 100%;
+}
+
+.nutrition_list_intake.list_intake03 li .line {
+    margin: 0;
+    border: 0;
+}
+
+.nutrition_list_intake.list_intake03 li .list_intake03_three {
+    float: left;
+    width: 33.333333333%;
+    padding: 0 5px;
+}
+
+.nutrition_list_intake.list_intake03 li p img {
+    width: 100%;
+    height: auto;
+}
+
+.nutrition_list_intake.list_intake03 li input {
+    width: 80%;
+    height: 28px;
+    padding: 6px;
+    text-align: center;
+    font-size: 15px;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
+}
+
+.nutrition_list_intake.list_intake03 li p.selectbox {
+    width: 80%;
+    text-align: center;
+}
+
+.nutrition_list_intake.list_intake03 li .selectlist {
+    width: 80%;
+    margin-left: 10%;
+}
+
+#select-wrap03,
+#select-wrap04 {
+    margin: 70px 0 0;
+}
+
+
+/* list_intake04 수면 */
+
+.nutrition_list_intake.list_intake04 {
+    padding: 20px;
+}
+
+.nutrition_list_intake.list_intake04 li {
+    width: 100%;
+}
+
+
+/* selectbox 간식 */
+
+.select_snack .selectbox {
+    width: 100%;
+    padding: 10px 10% 10px 10px !important;
+    text-align: right;
+    background: #fff url(../img/nutrition/nutrition_intake_arrow.png)no-repeat 95% center/10px auto;
+}
+
+.select_snack .selectbox p strong {
+    font-size: 16px;
+}
+
+.select_snack .selectlist {
+    width: 100%;
+    margin-left: 0;
+}
+
+
+/* nutrition_kinds_search 검색 */
+
+.nutrition_kinds_search {}
+
+.nutrition_kinds_search h3 {
+    padding: 10px 0 0;
+}
+
+.nutrition_kinds_search .search_lately {}
+
+.nutrition_kinds_search .search_lately li {
+    margin: 7px 7px 0 0;
+    background: #fff;
+    border-radius: 5px;
+    border: 1px solid #FF9C00;
+}
+
+.nutrition_kinds_search .search_lately li a {
+    display: block;
+    padding: 3px 15px 5px;
+    width: 100%;
+    height: 100%;
+    font-size: 14px;
+}
+
+
+/* search_input */
+
+.nutrition_kinds_search .search_input {
+    padding: 15px 0;
+}
+
+.nutrition_kinds_search .search_input * {
+    vertical-align: middle;
+}
+
+.nutrition_kinds_search .search_input a {
+    display: inline-block;
+    width: 22%;
+    height: 38px;
+    padding: 10px 5px 10px 25px;
+    margin-left: 2%;
+    text-align: center;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+    background: url(../img/nutrition/nutrition_search_ico.png)no-repeat 6px center/18px auto;
+}
+
+.nutrition_kinds_search .search_lately li.active {
+    background: #FF9C00;
+}
+
+.nutrition_kinds_search .search_lately li.active a {
+    color: #fff;
+}
+
+.nutrition_kinds_search .search_input input {
+    width: 76%;
+    height: 38px;
+    padding: 5px 10px;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+}
+
+.nutrition_kinds_search .search_input input::placeholder {
+    text-align: center;
+}
+
+
+/* search_result */
+
+.nutrition_kinds_search .search_result {
+    overflow: auto;
+    height: 220px;
+    border-radius: 5px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+    scrollbar-width: thin;
+    scrollbar-color: #FF9C00 transparent;
+    scrollbar-face-color: #FF9C00;
+    scrollbar-track-color: #fff;
+    scrollbar-arrow-color: none;
+    scrollbar-highlight-color: #FF9C00;
+    scrollbar-3dlight-color: none;
+    scrollbar-shadow-color: #FF9C00;
+    scrollbar-darkshadow-color: none;
+}
+
+.nutrition_kinds_search .search_result::-webkit-scrollbar {
+    width: 5px;
+}
+
+.nutrition_kinds_search .search_result::-webkit-scrollbar-thumb {
+    background-color: #FF9C00;
+    border-radius: 10px;
+}
+
+.nutrition_kinds_search .search_result::-webkit-scrollbar-track {
+    background-color: #ddd;
+    border-radius: 10px;
+}
+
+.nutrition_kinds_search .search_result li {
+    position: relative;
+    width: 100%;
+    padding: 15px 10px 17px 45px;
+    min-height: 55px;
+    border-bottom: 1px solid #ccc;
+}
+
+.nutrition_kinds_search .search_result li:last-child {
+    border-bottom: 0;
+}
+
+.nutrition_kinds_search .search_result li * {
+    vertical-align: middle;
+}
+
+.nutrition_kinds_search .search_result li a {
+    font-size: 14px;
+    word-spacing: -2px;
+}
+
+.nutrition_kinds_search .search_result li img {
+    position: absolute;
+    top: 15%;
+    left: 10px;
+    width: 25px;
+    height: 35px;
+    margin-right: 5px;
+}
+
+
+/* search_pre_input 이전검색 */
+
+.search_pre_input {
+    padding-top: 6px;
+}
+
+.search_pre_input a {
+    display: inline-block;
+    padding: 3px 5px 5px;
+    font-size: 14px;
+    margin: 7px 3px 0 0;
+    background: #fff;
+    border-radius: 5px;
+}
+
+.search_pre_input a:first-child {
+    margin-left: 5px;
+}
+
+.search_pre_input a.active {
+    background: #FF9C00;
+    color: #fff;
+}
+
+
+/* nutrition_kinds_btn 완료버튼 */
+
+.nutrition_kinds_btn {
+    padding: 10px 0 20px;
+}
+
+.nutrition_kinds_btn a {
+    display: block;
+    padding: 15px;
+    text-align: center;
+    font-size: 18px;
+    border-radius: 8px;
+    background: #FF9C00;
+    color: #fff;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+
+/* 이유식 메인 nutrition_babyfood_main */
+
+.nutrition_babyfood_main {
+    margin: 54px 0 0;
+    padding: 0 0 30px;
+}
+
+
+/* 이유식 메인 이미지 슬라이드*/
+
+.nutrition_babyfood_main .swiper-pagination-bullet {
+    background: #fff;
+    opacity: 1;
+}
+
+.nutrition_babyfood_main .swiper-pagination-bullet-active {
+    background-color: #00B96F!important;
+}
+
+.nutrition_babyfood_main_swiper_wrap {
+    padding: 0 50px;
+}
+
+.nutrition_babyfood_main .swiper_wrap {
+    position: relative;
+    width: 100%;
+    padding-bottom: 100%;
+}
+
+.nutrition_babyfood_main .swiper_wrap .swiper-container,
+.nutrition_babyfood_main .swiper_wrap .swiper-container-single {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding-bottom: 35px;
+}
+
+.nutrition_babyfood_main .swiper_wrap .swiper-container-single {
+    padding-bottom: 0!important;
+}
+
+.nutrition_babyfood_main .swiper_wrap .swiper-container .img_box,
+.nutrition_babyfood_main .swiper_wrap .swiper-container-single .img_box {
+    overflow: hidden;
+    border: 4px solid #fff;
+    border-radius: 20px;
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
+}
+
+.nutrition_babyfood_main .swiper_wrap .swiper-container .img_box img,
+.nutrition_babyfood_main .swiper_wrap .swiper-container-single .img_box img {
+    width: 100%;
+    height: 100%;
+    -o-object-fit: cover;
+    object-fit: cover;
+}
+
+.nutrition_babyfood_main .swiper-slide {
+    width: 100% !important;
+    right: 0 !important;
+}
+
+
+/* 영양 서브 메인 */
+
+.nutrition_subMain {
+    padding: 50px 0 65px;
+}
+
+.nutrition_subMain_wrap {
+    border-radius: 30px 30px 0 0;
+    background: #fff;
+}
+
+
+/* nutrition_subMain_list */
+
+.nutrition_subMain_list {
+    padding: 30px 15px 40px;
+    overflow: hidden;
+}
+
+.nutrition_subMain_list p {
+    float: left;
+    width: 20%;
+    text-align: center;
+}
+
+.nutrition_subMain_list p {
+    position: relative;
+}
+
+.nutrition_subMain_list p::after {
+    position: absolute;
+    top: 11%;
+    right: 0;
+    content: '|';
+    font-size: 13px;
+}
+
+.nutrition_subMain_list p:last-child::after {
+    display: none;
+}
+
+.nutrition_subMain_list p a {
+    display: block;
+    width: 100%;
+    padding: 37px 0 0;
+}
+
+.nutrition_subMain_list p:nth-child(1) a {
+    background: url(../img/nutrition/nutrition_subMain_list_img01.png) no-repeat center 0/auto 30px;
+}
+
+.nutrition_subMain_list p:nth-child(2) a {
+    background: url(../img/nutrition/nutrition_subMain_list_img02.png) no-repeat center 0/auto 30px;
+}
+
+.nutrition_subMain_list p:nth-child(3) a {
+    background: url(../img/nutrition/nutrition_subMain_list_img03.png) no-repeat center 0/auto 30px;
+}
+
+.nutrition_subMain_list p:nth-child(4) a {
+    background: url(../img/nutrition/nutrition_subMain_list_img04.png) no-repeat center 0/auto 30px;
+}
+
+.nutrition_subMain_list p a img {
+    width: 70%;
+    height: auto;
+}
+
+.nutrition_subMain_list p a span {
+    display: block;
+    font-size: 12px;
+    letter-spacing: -1px;
+    line-height: 16px;
+    color: #999;
+}
+
+
+/* nutrition_subMain_search */
+
+.nutrition_subMain_search {
+    position: relative;
+    margin: 0 20px;
+    padding: 7px 20px;
+    background: #fff3e0;
+    border-radius: 20px;
+    overflow: hidden;
+}
+
+.nutrition_subMain_search input {
+    width: calc(100% - 32px);
+    border: 0;
+    background: 0;
+}
+
+.nutrition_subMain_search input::placeholder {
+    font-size: 14px;
+    color: #999;
+    text-align: center;
+}
+
+.nutrition_subMain_search button {
+    position: absolute;
+    top: 10px;
+    right: 15px;
+    border: 0;
+    background: 0;
+}
+
+.nutrition_subMain_search button::before {
+    position: absolute;
+    top: -5px;
+    left: -13px;
+    content: '|';
+    color: #fff;
+}
+
+.nutrition_subMain_search button img {
+    width: 16px;
+    height: auto;
+}
+
+.nutrition_review_color .nutrition_subMain_search {
+    margin: 10px 0 40px;
+}
+
+
+/* nutrition_subMain_swiper */
+
+.nutrition_subMain_swiper {
+    position: relative;
+    padding: 0 20px;
+    margin: 30px 0 35px;
+}
+
+.nutrition_subMain_swiper h2 {
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: 15px;
+    color: #f8a000;
+}
+
+.nutrition_subMain_swiper .detail_veiw_btn {
+    position: absolute;
+    top: 5px;
+    right: 20px;
+    font-size: 13px;
+}
+
+.nutrition_subMain_swiper .swiper-container {
+    padding: 0 0 30px;
+}
+
+.nutrition_subMain_swiper .swiper-slide {
+    overflow: hidden;
+    border: 1px solid #ddd;
+    border-radius: 10px;
+    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
+}
+
+.nutrition_subMain_swiper .swiper-slide p.img {
+    position: relative;
+}
+
+.nutrition_subMain_swiper .swiper-slide p.img::after {
+    content: "";
+    display: block;
+    padding-bottom: 100%;
+}
+
+.nutrition_subMain_swiper .swiper-slide p.img img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 102%;
+    height: 102%;
+    object-fit: cover;
+}
+
+.nutrition_subMain_swiper .swiper-slide p.tit {
+    padding: 10px 10px 5px;
+    text-align: center;
+    font-weight: bold;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.nutrition_subMain_swiper .swiper-slide ul {
+    padding: 7px;
+    font-size: 12px;
+}
+
+.nutrition_subMain_swiper .swiper-slide ul li {
+    position: relative;
+    width: 100%;
+    padding-left: 10px;
+    margin-bottom: 5px;
+    line-height: 14px;
+    color: #888;
+}
+
+.nutrition_subMain_swiper .swiper-slide ul li::before {
+    content: "·";
+    position: absolute;
+    top: 0;
+    left: 0;
+    font-weight: bold;
+    color: #888;
+}
+
+.nutrition_subMain_swiper .swiper-pagination {
+    bottom: 0 !important;
+}
+
+.nutrition_subMain_swiper .swiper-pagination-bullet {
+    width: 6px;
+    height: 6px;
+}
+
+.nutrition_subMain_swiper .swiper-pagination-bullet-active {
+    background: #FF9C00;
+}
+
+
+/* nutrition_subMain_graph_list */
+
+.nutrition_subMain_graph_list {
+    margin-bottom: 40px;
+    padding: 0 20px;
+}
+
+.nutrition_subMain_graph_list .detail_veiw_btn {
+    float: right;
+    margin: 30px 0 15px;
+    font-size: 13px;
+}
+
+.nutrition_subMain_graph_list ul {
+    overflow: hidden;
+    width: 100%;
+    border-top: 1px solid #e3e4e4;
+}
+
+.nutrition_subMain_graph_list li {
+    width: 100%;
+    padding: 15px 0;
+    border-bottom: 1px solid #e3e4e4;
+}
+
+.nutrition_subMain_graph_list li .txt {
+    float: left;
+    width: calc(100% - 100px);
+    margin: 20px 0;
+    padding-right: 20px;
+    letter-spacing: -1px;
+    line-height: 17px;
+    background: url(../img/nutrition/circleChart_line.png) repeat-y right 0 /1px auto;
+}
+
+.nutrition_subMain_graph_list li .txt p {
+    font-size: 14px;
+    color: #666;
+}
+
+.nutrition_subMain_graph_list li .txt p.tit {
+    margin: 0 0 8px;
+    font-size: 17px;
+    font-weight: 400;
+}
+
+.circleChart {
+    position: relative;
+    float: right;
+    text-align: center;
+}
+
+.circleChart span.title {
+    position: absolute;
+    top: 40%;
+    left: 0;
+    display: block;
+    width: 100%;
+    text-align: center;
+    font-size: 18px;
+    font-weight: bold;
+    color: #FF9B00;
+}
+
+.circleChart2 span.title {
+    color: #000 !important;
+}
+
+
+/* nutrition_subMain_suggest */
+
+.nutrition_subMain_suggest {
+    padding: 0 20px 35px;
+    background: #f6f6f6;
+}
+
+.nutrition_subMain_suggest h2 {
+    display: inline-block;
+    padding: 10px 0 0;
+    font-size: 20px;
+    font-weight: bold;
+    border-top: 5px solid #FF9C00;
+}
+
+.nutrition_subMain_suggest_in {
+    padding: 20px 15px;
+    margin: 25px 0 0;
+    background: #fff;
+    border-radius: 20px;
+    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 15%);
+}
+
+.nutrition_subMain_suggest_in h3 {
+    font-size: 17px;
+    margin-bottom: 15px;
+    font-weight: 400;
+}
+
+.nutrition_subMain_suggest_list {
+    overflow: hidden;
+}
+
+.nutrition_subMain_suggest_list>li {
+    width: 30%;
+    padding-bottom: 3px;
+    border-bottom: 1px solid #ddd;
+}
+
+.nutrition_subMain_suggest_list>li:nth-child(2) {
+    margin: 0 5%;
+}
+
+.nutrition_subMain_suggest_list li p.img {
+    position: relative;
+    border: 1px solid #ddd;
+    overflow: hidden;
+}
+
+.nutrition_subMain_suggest_list li p.img::after {
+    content: "";
+    display: block;
+    padding-bottom: 85%;
+}
+
+.nutrition_subMain_suggest_list li p.img img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 102%;
+    height: 102%;
+    object-fit: cover;
+}
+
+.nutrition_subMain_suggest_list li p.tit {
+    padding: 12px 0 5px;
+    font-size: 14px;
+    letter-spacing: -1px;
+    text-align: left;
+    font-weight: 400;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.nutrition_subMain_suggest_list li ul {
+    padding: 2px 0 0;
+}
+
+.nutrition_subMain_suggest_list li ul li {
+    width: 100%;
+    font-size: 11px;
+    line-height: 14px;
+    letter-spacing: -1px;
+    margin-bottom: 4px;
+    color: #666;
+}
+
+
+/* nutrition_subMain_nutrient */
+
+.nutrition_subMain_nutrient {
+    padding: 70px 20px;
+}
+
+.nutrient_wrap {
+    padding-bottom: 30px;
+}
+
+.nutrient_wrap h2 {
+    float: right;
+    display: inline-block;
+    padding: 5px 25px;
+    border-radius: 10px 10px 0 0;
+    background: #999;
+    color: #fff;
+    font-weight: 400;
+}
+
+.nutrient_list {
+    overflow: hidden;
+    width: 100%;
+    padding: 25px 15px 30px;
+    border-radius: 10px;
+    box-shadow: 0 0 6px rgb(0 0 0 / 20%);
+}
+
+.nutrient_box {
+    position: relative;
+    margin-bottom: 30px;
+}
+
+.nutrient_box:last-child {
+    margin-bottom: 0;
+}
+
+.nutrient_box .tit {
+    font-size: 15px;
+    font-weight: 400;
+    letter-spacing: -0.5px;
+}
+
+.nutrient_box .tit span {
+    font-size: 13px;
+    font-weight: 400;
+    margin-left: 5px;
+    letter-spacing: -0.5px;
+    color: #989898;
+}
+
+.nutrient_box .per {
+    position: absolute;
+    top: 0;
+    right: 0;
+    font-size: 13px;
+    font-weight: 500;
+}
+
+.nutrient_slider {
+    position: relative;
+    margin-top: 15px;
+}
+
+.nutrient_slider .base {
+    width: 100%;
+    height: 8px;
+    border-radius: 30px;
+    background: #F1F1F1;
+}
+
+.nutrient_slider .move {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 8px;
+    border-radius: 30px;
+    background: #ccc;
+}
+
+.nutrient_slider .move.yellow {
+    background: #FFEEA6;
+}
+
+.nutrient_slider .move.green {
+    background: #C2F0C2;
+}
+
+.nutrient_slider .move.red {
+    background: #FFD6CC;
+}
+
+.nutrient_slider .point {
+    position: absolute;
+    top: -3px;
+    width: 15px;
+    height: 15px;
+    border-radius: 50%;
+    background: #fff;
+}
+
+.nutrient_slider .point.yellow {
+    border: 5px solid #FFDE4D;
+}
+
+.nutrient_slider .point.green {
+    border: 5px solid #33CC33;
+}
+
+.nutrient_slider .point.red {
+    border: 5px solid #FF3300;
+}
+
+
+/* 성장 서브 메인 */
+
+.growth_subMain {
+    padding: 50px 0 65px;
+}
+
+.growth_subMain_wrap {
+    background: #fff;
+}
+
+
+/* growth_subMain_list */
+
+.growth_subMain_list {
+    padding: 30px 15px 40px;
+    overflow: hidden;
+}
+
+.growth_subMain_list p {
+    float: left;
+    width: 25%;
+    text-align: center;
+}
+
+.growth_subMain_list p {
+    position: relative;
+}
+
+.growth_subMain_list p::after {
+    position: absolute;
+    top: 11%;
+    right: 0;
+    content: '|';
+    font-size: 13px;
+}
+
+.growth_subMain_list p:last-child::after {
+    display: none;
+}
+
+.growth_subMain_list p a {
+    display: block;
+    width: 100%;
+    padding: 37px 0 0;
+}
+
+.growth_subMain_list p:nth-child(1) a {
+    background: url(../img/growth/growth_subMain_list_img01.png) no-repeat center 0/auto 30px;
+}
+
+.growth_subMain_list p:nth-child(2) a {
+    background: url(../img/growth/growth_subMain_list_img02.png) no-repeat center 0/auto 30px;
+}
+
+.growth_subMain_list p:nth-child(3) a {
+    background: url(../img/growth/growth_subMain_list_img03.png) no-repeat center 0/auto 30px;
+}
+
+.growth_subMain_list p:nth-child(4) a {
+    background: url(../img/growth/growth_subMain_list_img04.png) no-repeat center 0/auto 30px;
+}
+
+.growth_subMain_list p a img {
+    width: 70%;
+    height: auto;
+}
+
+.growth_subMain_list p a span {
+    display: block;
+    font-size: 12px;
+    letter-spacing: -1px;
+    line-height: 16px;
+    color: #999;
+}
+
+
+/* growth_subMain_search */
+
+.growth_subMain_search {
+    position: relative;
+    margin: 0 20px;
+    padding: 7px 20px;
+    background: #eaf0f3;
+    border-radius: 20px;
+    overflow: hidden;
+}
+
+.growth_subMain_search input {
+    width: calc(100% - 32px);
+    border: 0;
+    background: 0;
+}
+
+.growth_subMain_search input::placeholder {
+    font-size: 14px;
+    color: #999;
+    text-align: center;
+}
+
+.growth_subMain_search button {
+    position: absolute;
+    top: 10px;
+    right: 15px;
+    border: 0;
+    background: 0;
+}
+
+.growth_subMain_search button::before {
+    position: absolute;
+    top: -5px;
+    left: -13px;
+    content: '|';
+    color: #fff;
+}
+
+.growth_subMain_search button img {
+    width: 16px;
+    height: auto;
+}
+
+.growth_review_color .growth_subMain_search {
+    margin: 10px 0 40px;
+}
+
+
+/* growth_subMain_swiper */
+
+.growth_subMain_swiper {
+    position: relative;
+    padding: 0 20px;
+    margin: 30px 0 35px;
+}
+
+.growth_subMain_swiper h2 {
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: 15px;
+    color: #004A71;
+}
+
+.growth_subMain_swiper .detail_veiw_btn {
+    position: absolute;
+    top: 5px;
+    right: 20px;
+    font-size: 13px;
+}
+
+.growth_subMain_swiper .swiper-container {
+    padding: 0 0 30px;
+}
+
+.growth_subMain_swiper .swiper-slide {
+    overflow: hidden;
+    border: 1px solid #ddd;
+    border-radius: 10px;
+    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
+}
+
+.growth_subMain_swiper .swiper-slide p.img {
+    position: relative;
+    background: #e6e6e6;
+}
+
+.growth_subMain_swiper .swiper-slide p.img::after {
+    content: "";
+    display: block;
+    padding-bottom: 100%;
+}
+
+.growth_subMain_swiper .swiper-slide p.img img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 102%;
+    height: 102%;
+    object-fit: cover;
+}
+
+.growth_subMain_swiper .swiper-slide p.tit {
+    padding: 10px 10px 5px;
+    text-align: center;
+    font-weight: bold;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.growth_subMain_swiper .swiper-slide ul {
+    padding: 7px;
+    font-size: 12px;
+}
+
+.growth_subMain_swiper .swiper-slide ul li {
+    position: relative;
+    width: 100%;
+    padding-left: 10px;
+    margin-bottom: 5px;
+    line-height: 14px;
+    color: #888;
+}
+
+.growth_subMain_swiper .swiper-slide ul li::before {
+    content: "·";
+    position: absolute;
+    top: 0;
+    left: 0;
+    font-weight: bold;
+    color: #888;
+}
+
+.growth_subMain_swiper .swiper-pagination {
+    bottom: 0 !important;
+}
+
+.growth_subMain_swiper .swiper-pagination-bullet {
+    width: 6px;
+    height: 6px;
+}
+
+.growth_subMain_swiper .swiper-pagination-bullet-active {
+    background: #004A71;
+}
+
+
+/* growth_subMain_graph_list */
+
+.growth_subMain_graph_list {
+    margin-bottom: 40px;
+    padding: 0 20px;
+}
+
+.growth_subMain_graph_list h2 {
+    padding: 0 0 15px;
+    font-size: 17px;
+    font-weight: 500;
+}
+
+.growth_subMain_graph_list ul {
+    overflow: hidden;
+    width: 100%;
+    border-top: 1px solid #e3e4e4;
+}
+
+.growth_subMain_graph_list li {
+    width: 100%;
+    padding: 15px 0;
+    border-bottom: 1px solid #e3e4e4;
+}
+
+.growth_subMain_graph_list li .txt {
+    float: left;
+    width: calc(100% - 100px);
+    margin: 20px 0;
+    padding-right: 20px;
+    letter-spacing: -1px;
+    line-height: 17px;
+    background: url(../img/nutrition/circleChart_line.png) repeat-y right 0 /1px auto;
+}
+
+.growth_subMain_graph_list li .txt p {
+    word-break: keep-all;
+    font-size: 14px;
+    color: #666;
+}
+
+.growth_subMain_graph_list li .txt p.tit {
+    margin: 0 0 8px;
+    font-size: 17px;
+    font-weight: 400;
+}
+
+
+/* growth_subMain_table */
+
+.growth_subMain_table .detail_veiw_btn {
+    float: right;
+    margin: 0 0 10px;
+    font-size: 13px;
+}
+
+.growth_subMain_table {
+    margin: 0 20px 35px;
+    padding-bottom: 40px;
+    border-bottom: 1px solid #ddd;
+}
+
+.growth_subMain_table caption {
+    display: none;
+}
+
+.growth_subMain_table table {
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 1px;
+    text-align: center;
+    line-height: 1.5;
+}
+
+.growth_subMain_table table th {
+    padding: 10px 5px;
+    font-size: 14px;
+    font-weight: bold;
+    background: #f7f9f8;
+    border-top: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
+    vertical-align: middle;
+}
+
+.growth_subMain_table table td {
+    padding: 10px 5px;
+    font-size: 14px;
+    vertical-align: top;
+    border-top: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
+    vertical-align: middle;
+}
+
+
+/* growth_subMain_graph */
+
+.growth_subMain_graph {
+    position: relative;
+    margin: 0 20px 40px;
+}
+
+.growth_subMain_graph_tit {
+    position: relative;
+    margin: 0 0 15px;
+}
+
+.growth_subMain_graph_tit h2 {
+    font-size: 20px;
+    font-weight: bold;
+    padding-left: 35px;
+}
+
+.growth_subMain_graph_tit h2 img {
+    position: absolute;
+    top: -13px;
+    left: 5px;
+    width: 35px;
+    height: auto;
+}
+
+.growth_subMain_graph_tit h2.tit02 img {
+    position: absolute;
+    top: -5px;
+    left: 5px;
+    width: 35px;
+    height: auto;
+}
+
+.growth_subMain_graph_tit .detail_veiw_btn {
+    position: absolute;
+    top: 8px;
+    right: 20px;
+    font-size: 13px;
+}
+
+.growth_subMain_graph_box {
+    padding: 20px;
+    box-shadow: 0 0 6px rgb(0 0 0 / 15%);
+    border-radius: 10px;
+}
+
+.growth_subMain_graph canvas {
+    min-height: 300px;
+}
+
+.growth_graph_legend {
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    white-space: nowrap;
+    height: 3rem;
+    margin: 0 0 20px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+}
+
+.growth_graph_legend .legend_box {
+    flex: 0 0 85%;
+    flex-direction: row;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    margin: auto;
+}
+
+.growth_graph_legend .legend {
+    position: relative;
+    font-size: 0.9375rem;
+    font-weight: 400;
+    padding-bottom: 7px;
+}
+
+.growth_graph_legend .legend.active_n {
+    text-decoration: line-through;
+    opacity: .65;
+}
+
+.growth_graph_legend .legend:after {
+    content: "";
+    position: absolute;
+    bottom: 0px;
+    left: 50%;
+    margin-left: -1rem;
+    width: 2rem;
+    height: 2px;
+    border-radius: 5px;
+}
+
+.growth_graph_legend .legend:before {
+    content: "";
+    position: absolute;
+    bottom: -2px;
+    left: 50%;
+    margin-left: -3px;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    border: 1px solid #fff;
+    z-index: 999;
+}
+
+.growth_graph_legend .legend_01 {
+    color: #757575;
+}
+
+.growth_graph_legend .legend_02 {
+    color: #f0c03f;
+}
+
+.growth_graph_legend .legend_03 {
+    color: #d973e5;
+}
+
+.growth_graph_legend .legend_04 {
+    color: #6dc66a;
+}
+
+.growth_graph_legend .legend_05 {
+    color: #ff9e3f;
+}
+
+.growth_graph_legend .legend_06 {
+    color: #30a9d7;
+    max-width: 4.5rem;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.growth_graph_legend .legend_01:before,
+.growth_graph_legend .legend_01:after {
+    background-color: #757575;
+}
+
+.growth_graph_legend .legend_02:before,
+.growth_graph_legend .legend_02:after {
+    background-color: #f0c03f;
+}
+
+.growth_graph_legend .legend_03:before,
+.growth_graph_legend .legend_03:after {
+    background-color: #d973e5;
+}
+
+.growth_graph_legend .legend_04:before,
+.growth_graph_legend .legend_04:after {
+    background-color: #6dc66a;
+}
+
+.growth_graph_legend .legend_05:before,
+.growth_graph_legend .legend_05:after {
+    background-color: #ff9e3f;
+}
+
+.growth_graph_legend .legend_06:before,
+.growth_graph_legend .legend_06:after {
+    background-color: #30a9d7;
+}
+
+
+/* 성장 서브 페이지 */
+
+.growth_subCont {
+    padding: 0 0 65px;
+}
+
+.growth_subCont_in {
+    padding: 0 20px 30px;
+}
+
+
+/* growth_subCont_info */
+
+.growth_subCont_info {
+    padding: 20px 0 30px;
+    margin: 0 0 30px;
+    overflow: hidden;
+    text-align: center;
+    border-bottom: 1px solid #ddd;
+}
+
+.growth_subCont_info_img {
+    position: relative;
+    display: inline-block;
+    width: 70px;
+    height: 70px;
+    border-radius: 50%;
+    border: 2px solid #004A71;
+    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
+    overflow: hidden;
+    vertical-align: top;
+    margin-right: 15px;
+}
+
+.growth_subCont_info_img img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.growth_subCont_info_txt {
+    display: inline-block;
+    text-align: left;
+}
+
+.growth_subCont_info_txt p.txt01 {
+    font-size: 18px;
+    font-weight: 400;
+    margin: 0 0 7px;
+}
+
+.growth_subCont_info_txt p.txt01 span {
+    font-size: 22px;
+    font-weight: 500;
+}
+
+.growth_subCont_info_txt p.txt02 {
+    font-size: 18px;
+    margin: 10px 0 0;
+}
+
+.growth_subCont_info_txt p.txt02 span.box {
+    display: inline-block;
+    position: relative;
+    padding: 5px 10px;
+    margin: 10px 5px 0 0;
+    border-radius: 5px;
+    font-size: 14px;
+    font-weight: 400;
+    background: #dcdedd;
+    color: #000;
+}
+
+.growth_subCont_info_txt p.txt02 strong {
+    font-weight: 400;
+}
+
+
+/* growth_subCont_growth */
+
+.growth_subCont_growth {}
+
+.growth_subCont_growth_box {
+    float: left;
+    width: 48%;
+    padding: 20px 0;
+    text-align: center;
+    border-radius: 10px;
+    box-shadow: 0 0 6px rgb(0 0 0 / 15%);
+}
+
+.growth_subCont_growth_box:first-child {
+    margin-right: 4%;
+}
+
+.growth_subCont_growth_box p.box {
+    display: inline-block;
+    position: relative;
+    padding: 5px 20px 5px 30px;
+    margin: 0 0 10px;
+    border-radius: 50px;
+    font-size: 14px;
+    font-weight: 400;
+    background: #dcdedd;
+    color: #000;
+}
+
+.growth_subCont_growth_box p.box img {
+    position: absolute;
+    bottom: -5px;
+    left: 7px;
+    width: 32px;
+    height: auto;
+}
+
+.growth_subCont_growth_box p.txt {
+    font-size: 14px;
+    line-height: 22px;
+}
+
+.growth_subCont_growth_box p.txt span {
+    font-size: 20px;
+}
+
+.growth_subCont_growth_box p.arrow {
+    margin: 5px 0;
+    font-weight: 500;
+    color: #275273;
+}
+
+
+/* growth_subCont_growth_txt */
+
+.growth_subCont_growth_txt {
+    overflow: hidden;
+    position: relative;
+    width: 100%;
+    padding: 15px 0 0 18px;
+    font-size: 14px;
+    line-height: 20px;
+    color: #666;
+}
+
+.growth_subCont_growth_txt::before {
+    content: '※';
+    position: absolute;
+    top: 15px;
+    left: 0;
+}
+
+
+/* growth_prediction */
+
+.growth_prediction {}
+
+.growth_prediction .growth_prediction_graph {
+    position: relative;
+    text-align: center;
+}
+
+.growth_prediction .growth_prediction_graph p {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.growth_prediction .growth_prediction_graph p.num01 {
+    top: 13%;
+    left: 20%;
+}
+
+.growth_prediction .growth_prediction_graph p.num02 {
+    left: 55%;
+}
+
+.growth_prediction .growth_prediction_graph p span {
+    font-size: 20px;
+    font-weight: 400;
+}
+
+.growth_prediction .growth_prediction_graph img {
+    width: 88%;
+}
+
+.growth_prediction_list {
+    overflow: hidden
+}
+
+.growth_prediction_list li {
+    float: left;
+    width: 30%;
+}
+
+.growth_prediction_list li:nth-child(2) {
+    margin: 0 5%;
+}
+
+.growth_prediction_list li .weight_prediction_graph {
+    margin-bottom: 15px;
+}
+
+.growth_prediction_list li .weight_prediction_graph p.txt {
+    width: 100%;
+    height: 20px;
+    text-align: center;
+    margin-bottom: 7px;
+}
+
+.growth_prediction_list li .weight_prediction_graph p.txt span {
+    font-size: 20px;
+    font-weight: 400;
+}
+
+.growth_prediction_list li .weight_prediction_graph img {
+    width: 100%;
+}
+
+.growth_prediction_list li .growth_prediction_box {
+    padding: 20px 15px;
+    text-align: center;
+    letter-spacing: -1px;
+    border-radius: 5px;
+    background: #b2b2b2;
+}
+
+.growth_prediction_list li.list02 .growth_prediction_box {
+    background: #b2c5d3;
+}
+
+.growth_prediction_list li.list03 .growth_prediction_box {
+    background: #004A71;
+}
+
+.growth_prediction_list li .growth_prediction_box p.tit {
+    margin-bottom: 8px;
+    font-size: 13px;
+    color: #fff;
+}
+
+.growth_prediction_list li .growth_prediction_box p.txt {
+    font-size: 13px;
+    color: #fff;
+}
+
+.growth_prediction_list li .growth_prediction_box p.txt span {
+    font-size: 20px;
+    font-weight: 400;
+}
+
+.growth_prediction_list li .growth_prediction_summary {
+    margin-top: 15px;
+    text-align: center;
+}
+
+.growth_prediction_list li .growth_prediction_summary p.txt {
+    margin-bottom: 8px;
+}
+
+.growth_prediction_list li .growth_prediction_summary p.txt span.box {
+    display: inline-block;
+    width: 22px;
+    height: 22px;
+    line-height: 20px;
+    font-weight: 400;
+    text-align: center;
+    border-radius: 50%;
+    background: #b2b2b2;
+    color: #fff;
+    margin-right: 5px;
+}
+
+.growth_prediction_list li.list02 .growth_prediction_summary p.txt span.box {
+    background: #b2c5d3;
+}
+
+.growth_prediction_list li.list03 .growth_prediction_summary p.txt span.box {
+    background: #004A71;
+}
+
+.growth_prediction_list li .growth_prediction_summary p.txt span.num {
+    font-size: 20px;
+    font-weight: 400;
+}
+
+.growth_prediction_list li .growth_prediction_summary p.tit {
+    font-size: 14px;
+}
+
+
+/* growth_detail_btn*/
+
+.growth_detail_btn {
+    padding: 0 20px 30px;
+}
+
+.growth_detail_btn a {
+    display: block;
+    padding: 10px 10px 12px;
+    font-weight: 400;
+    text-align: center;
+    background: #fff;
+    border-radius: 10px;
+    border: 2px solid #373737;
+    margin: 0 0 10px;
+}
+
+.growth_detail_btn a.growth_detail_btn02 {
+    background: #004A71;
+    color: #fff;
+    border-radius: 10px;
+    border: 0;
+}
+
+
+/* 식품정보 서브 메인 */
+
+.foodInfo_subMain {
+    padding: 50px 0 65px;
+}
+
+.foodInfo_subMain_wrap {
+    border-radius: 30px 30px 0 0;
+    background: #fff;
+}
+
+
+/* foodInfo_subMain_tab */
+
+.foodInfo_subMain_tab {
+    padding: 30px 20px 0;
+    margin: 0 0 40px;
+    overflow: hidden;
+    border-bottom: 1px solid #ddd;
+}
+
+.foodInfo_subMain_tab .swiper-wrapper {
+    text-align: center;
+}
+
+.foodInfo_subMain_tab .swiper-wrapper .swiper-slide {
+    height: 30px;
+}
+
+.foodInfo_subMain_tab .swiper-wrapper .swiper-slide a {
+    display: block;
+    padding-bottom: 12px;
+    font-size: 15px;
+    letter-spacing: -1px;
+}
+
+.foodInfo_subMain_tab .swiper-wrapper .swiper-slide.active a {
+    border-bottom: 3px solid #FF9C00;
+}
+
+
+/* nutrition_subMain_search */
+
+.foodInfo_subMain_search {
+    position: relative;
+    margin: 0 20px;
+    padding: 7px 20px;
+    background: #fff3e0;
+    border-radius: 20px;
+    overflow: hidden;
+}
+
+.foodInfo_subMain_search input {
+    width: calc(100% - 32px);
+    border: 0;
+    background: 0;
+}
+
+.foodInfo_subMain_search input::placeholder {
+    font-size: 14px;
+    color: #999;
+    text-align: center;
+}
+
+.foodInfo_subMain_search button {
+    position: absolute;
+    top: 10px;
+    right: 15px;
+    border: 0;
+    background: 0;
+}
+
+.foodInfo_subMain_search button::before {
+    position: absolute;
+    top: -5px;
+    left: -13px;
+    content: '|';
+    color: #fff;
+}
+
+.foodInfo_subMain_search button img {
+    width: 16px;
+    height: auto;
+}
+
+
+/* foodInfo_subMain_promotion */
+
+.foodInfo_subMain_promotion {
+    position: relative;
+    padding: 25px 20px 60px;
+    overflow: hidden;
+}
+
+.foodInfo_subMain_promotion .swiper-slide a {
+    display: block;
+}
+
+.foodInfo_subMain_promotion .swiper-slide p.img {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
+
+.foodInfo_subMain_promotion .swiper-slide p.img::after {
+    content: "";
+    display: block;
+    padding-bottom: 60%;
+}
+
+.foodInfo_subMain_promotion .swiper-slide p.img img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.foodInfo_subMain_promotion .swiper-slide .txt {
+    padding: 15px 0;
+    font-size: 14px;
+    line-height: 22px;
+    color: #666;
+    border-bottom: 1px solid #ddd;
+}
+
+.foodInfo_subMain_promotion .swiper-slide .txt .tit {
+    font-size: 16px;
+    font-weight: 400;
+    color: #666;
+    display: inline-block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    width: 100%;
+}
+
+.foodInfo_subMain_promotion .swiper-slide .txt span {
+    display: inline-block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    width: 100%;
+}
+
+.foodInfo_subMain_promotion .swiper-pagination {
+    bottom: 40px !important;
+}
+
+
+/* foodInfo_subMain_nutritionist */
+
+.foodInfo_subMain_nutritionist {
+    padding: 0 20px;
+}
+
+.foodInfo_subMain_nutritionist .nutritionist_swiper {
+    position: relative;
+    overflow: hidden;
+    padding-bottom: 20px;
+}
+
+.foodInfo_subMain_nutritionist .nutritionist_swiper .swiper-pagination-bullets {
+    bottom: 0 !important;
+}
+
+.foodInfo_subMain_nutritionist p.img {
+    position: relative;
+    width: 100%;
+    background: #fff;
+    overflow: hidden;
+}
+
+.foodInfo_subMain_nutritionist p.img::after {
+    content: "";
+    display: block;
+    padding-bottom: 60%;
+}
+
+.foodInfo_subMain_nutritionist p.img img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.foodInfo_subMain_nutritionist h2 {
+    display: inline-block;
+    padding: 5px 10px;
+    margin: 5px 0 20px;
+    font-size: 13px;
+    color: #fff;
+    background: #000;
+    border-radius: 5px;
+}
+
+.foodInfo_subMain_nutritionist .txt h3 {
+    margin: 0 2px 10px;
+    font-size: 15px;
+}
+
+.foodInfo_subMain_nutritionist .txt p {
+    padding: 15px;
+    line-height: 22px;
+    font-size: 14px;
+    font-weight: 300;
+    background: #fff;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+    color: #888;
+}
+
+
+/* foodInfo_subMain_list */
+
+.foodInfo_subMain_list_wrap {
+    padding: 0 0 50px;
+}
+
+.foodInfo_subMain_list {
+    overflow: hidden;
+    padding: 50px 20px 0;
+}
+
+.foodInfo_subMain_list .foodInfo_subMain_list_tit {
+    position: relative;
+    padding: 10px 12px 12px;
+    background: #FF9C00;
+    border-radius: 3px;
+}
+
+.foodInfo_subMain_list .foodInfo_subMain_list_tit h2 {
+    color: #fff;
+}
+
+.foodInfo_subMain_list .foodInfo_subMain_list_tit a {
+    position: absolute;
+    top: 12px;
+    right: 12px;
+    font-size: 13px;
+    color: #fff;
+}
+
+.foodInfo_subMain_list ul {
+    overflow: hidden;
+}
+
+.foodInfo_subMain_list ul li {
+    float: left;
+    width: 48%;
+    margin: 30px 0 0;
+    padding: 0 0 15px;
+    border-bottom: 1px solid #ddd;
+}
+
+.foodInfo_subMain_list ul li:nth-child(odd) {
+    margin-right: 4%;
+}
+
+.foodInfo_subMain_list ul li p.img {
+    position: relative;
+    width: 100%;
+    border: 1px solid #ddd;
+    background: #fff;
+    overflow: hidden;
+}
+
+.foodInfo_subMain_list ul li p.img::after {
+    content: "";
+    display: block;
+    padding-bottom: 70%;
+}
+
+.foodInfo_subMain_list ul li p.img img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: auto;
+    height: 80%;
+    object-fit: cover;
+}
+
+.foodInfo_subMain_list ul li .txt {
+    overflow: hidden;
+}
+
+.foodInfo_subMain_list ul li .txt span.box {
+    display: inline-block;
+    padding: 5px 10px;
+    margin: 17px 0 10px;
+    font-size: 13px;
+    color: #fff;
+    background: #888;
+    border-radius: 5px;
+    line-height: 16px;
+    letter-spacing: -1px;
+    word-break: keep-all;
+}
+
+.foodInfo_subMain_list ul li .txt p.tit {
+    width: 100%;
+    min-height: 40px;
+    font-size: 15px;
+    line-height: 20px;
+    letter-spacing: -1px;
+    word-break: keep-all;
+    display: -webkit-box;
+    word-wrap: break-word;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-height: 43px;
+}
+
+.foodInfo_subMain_list.foodInfo_subMain_list_in {
+    padding: 0 20px 50px;
+}
+
+
+/* foodInfo_subMain_suggest */
+
+.foodInfo_subMain_suggest {
+    padding: 10px 20px 30px;
+}
+
+.foodInfo_subMain_suggest h2 {
+    display: inline-block;
+    padding: 0 0 15px;
+    font-size: 18px;
+    font-weight: 500;
+}
+
+.foodInfo_subMain_suggest_list {
+    overflow: hidden;
+}
+
+.foodInfo_subMain_suggest_list>li {
+    width: 30%;
+    padding-bottom: 5px;
+    border-bottom: 1px solid #ddd;
+}
+
+.foodInfo_subMain_suggest_list>li:nth-child(2) {
+    margin: 0 5%;
+}
+
+.foodInfo_subMain_suggest_list li p.img {
+    position: relative;
+    border: 1px solid #ddd;
+}
+
+.foodInfo_subMain_suggest_list li p.img::after {
+    content: "";
+    display: block;
+    padding-bottom: 85%;
+}
+
+.foodInfo_subMain_suggest_list li p.img img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 80%;
+    height: 80%;
+    object-fit: cover;
+}
+
+.foodInfo_subMain_suggest_list li p.tit {
+    padding: 12px 0 5px;
+    font-size: 14px;
+    letter-spacing: -1px;
+    text-align: left;
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.foodInfo_subMain_suggest_list li ul {
+    padding: 2px 0 0;
+}
+
+.foodInfo_subMain_suggest_list li ul li {
+    width: 100%;
+    font-size: 11px;
+    line-height: 14px;
+    letter-spacing: -1px;
+    margin-bottom: 4px;
+    font-weight: 400;
+}
+
+
+/* nutrition_search_main 이유식 식재료 검색 */
+
+.bg_nutrition {
+    background: #f3f3f3;
+}
+
+.nutrition_search_main {
+    padding: 20px;
+}
+
+.nutrition_search_main.pd0 {
+    padding: 0;
+}
+
+
+/* search_input */
+
+.nutrition_search_main .search_input_wrap {
+    padding: 30px 20px;
+    overflow: hidden;
+    background: #fff;
+}
+
+.nutrition_search_main .search_input {
+    position: relative;
+    background: #fff url(../img/nutrition/nutrition_search_bg.png) no-repeat calc(100% - 45px) center /1px auto;
+    border-radius: 50px;
+    border: 1px solid #ccc;
+    overflow: hidden;
+}
+
+.nutrition_search_main .search_input input {
+    width: calc(100% - 55px);
+    height: 38px;
+    padding: 5px 0 5px 20px;
+    border: 0;
+    background: #fff;
+}
+
+.nutrition_search_main .search_input input::placeholder {
+    color: #bbb;
+    text-align: center;
+}
+
+.nutrition_search_main .search_input a {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 5px;
+    width: 38px;
+    height: 38px;
+    background: url(../img/nutrition/nutrition_search_ico.png) no-repeat center/16px auto;
+    text-indent: -99999999px;
+}
+
+
+/* search_time */
+
+.nutrition_search_main .search_time {
+    overflow: hidden;
+    padding: 10px 0;
+    margin: 30px 0 20px;
+    border-top: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+}
+
+.nutrition_search_main .search_time li {
+    width: 25%;
+    font-size: 13px;
+    color: #888;
+}
+
+.nutrition_search_main .search_time li input[type="checkbox"] {
+    float: left;
+    height: 30px;
+    margin-right: 7px;
+}
+
+.nutrition_search_main .search_time li label {
+    float: left;
+    display: block;
+    line-height: 15px;
+    letter-spacing: -1px;
+}
+
+
+/* search_result_homemade */
+
+.search_result_homemade_wrap {
+    margin-top: 190px;
+}
+
+.search_result_homemade_wrap .search_top {
+    text-align: right;
+    padding: 0 20px;
+}
+
+.search_result_homemade_wrap .search_top span {
+    font-size: 12px;
+}
+
+.search_result_homemade_wrap .search_top img {
+    width: 20px;
+    height: 20px;
+    margin-left: 7px;
+    margin-right: 3px;
+    vertical-align: middle;
+}
+
+.nutrition_search_main .search_result_homemade {
+    overflow-y: auto;
+    /*height: calc(100vh - 263px);*/
+    margin: 10px 0 30px;
+    padding: 0 20px;
+    background: #fff;
+    /*scrollbar-width: thin;
+    scrollbar-color: #FF9C00 transparent;
+    scrollbar-face-color: #FF9C00;
+    search_result_homemade scrollbar-track-color: #fff;
+    scrollbar-arrow-color: none;
+    scrollbar-highlight-color: #FF9C00;
+    scrollbar-3dlight-color: none;
+    scrollbar-shadow-color: #FF9C00;
+    scrollbar-darkshadow-color: none;*/
+}
+
+
+/*
+.nutrition_search_main .search_result_homemade::-webkit-scrollbar {
+    width: 5px;
+}
+
+.nutrition_search_main .search_result_homemade::-webkit-scrollbar-thumb {
+    background-color: #FF9C00;
+    border-radius: 10px;
+}
+
+.nutrition_search_main .search_result_homemade::-webkit-scrollbar-track {
+    background-color: #ddd;
+    border-radius: 10px;
+}
+*/
+
+.nutrition_search_main .search_result_homemade li {
+    position: relative;
+    width: 100%;
+    padding: 20px 0;
+    border-top: 1px solid #ddd;
+}
+
+.nutrition_search_main .search_result_homemade li:last-child {
+    border-bottom: 1px solid #ddd;
+    margin-bottom: 0;
+}
+
+.nutrition_search_main .search_result_homemade li a {
+    display: block;
+    width: 100%;
+    height: 100%;
+    font-size: 14px;
+}
+
+.nutrition_search_main .search_result_homemade li p.search_img {
+    position: relative;
+    float: left;
+    width: 115px;
+    height: 100px;
+    border: 1px solid #ddd;
+    margin-right: 15px;
+}
+
+.nutrition_search_main .search_result_homemade li p.search_img::after {
+    content: "";
+    display: block;
+    padding-bottom: 100%;
+}
+
+.nutrition_search_main .search_result_homemade li p.search_img img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+.nutrition_search_main .search_result_homemade li .search_txt {
+    float: left;
+    width: calc(100% - 135px);
+}
+
+.nutrition_search_main .search_result_homemade li .search_txt p.name {
+    padding-top: 3px;
+}
+
+.nutrition_search_main .search_result_homemade li .search_txt p.name span {
+    display: block;
+    font-size: 14px;
+    line-height: 18px;
+}
+
+.nutrition_search_main .search_result_homemade li .search_txt p.name span.box {
+    display: inline-block;
+    padding: 1px 5px;
+    font-size: 12px;
+    text-align: center;
+    background: #bbb;
+    border-radius: 3px;
+    color: #fff;
+}
+
+.nutrition_search_main .search_result_homemade li .search_txt p.name span.tit {
+    font-weight: 400;
+    font-size: 16px;
+    margin: 5px 0 3px;
+}
+
+.nutrition_search_main .search_result_homemade li .search_txt p.name span.txt {
+    font-size: 12px;
+}
+
+.nutrition_search_main .search_result_homemade li .search_txt p.scope {
+    font-size: 12px;
+    margin: 15px 0 0;
+}
+
+.nutrition_search_main .search_result_homemade li .search_txt p.scope * {
+    vertical-align: middle;
+}
+
+.nutrition_search_main .search_result_homemade li .search_txt p.scope span {
+    margin-right: 5px;
+}
+
+.nutrition_search_main .search_result_homemade li .search_txt p.scope img {
+    width: 8px;
+    height: 8px;
+}
+
+.nutrition_search_main .search_result_homemade li .search_display {
+    position: absolute;
+    top: 20px;
+    right: 0;
+}
+
+.nutrition_search_main .search_result_homemade li .search_display img {
+    width: 20px;
+    height: 20px;
+    margin-left: 3px;
+}
+
+.search_result_homemade.noData {
+    position: relative;
+    text-align: center;
+}
+
+.search_result_homemade.noData p {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    border-bottom: 0;
+    font-size: 18px;
+}
+
+
+/* 이유식 소개 */
+
+
+/* nutrition_introduce_main 홈메이드이유식 */
+
+.nutrition_introduce_main {}
+
+
+/* nutrition_introduce_img */
+
+.nutrition_introduce_img_big {
+    position: relative;
+}
+
+.nutrition_introduce_img_big img {
+    display: inherit;
+    width: 70%;
+    max-width: 500px;
+    margin: 0 auto;
+}
+
+.nutrition_introduce_img_big span {
+    display: inline-block;
+    width: 26px;
+    height: 26px;
+    position: absolute;
+    bottom: 45px;
+    right: 20px;
+}
+
+.nutrition_introduce_ico_shopping {
+    display: inline-block;
+    width: 30px;
+    height: 30px;
+    position: absolute;
+    top: 12px;
+    right: 20px;
+}
+
+.nutrition_introduce_ico_shopping img {
+    width: 100%;
+    height: 100%;
+}
+
+.nutrition_introduce_in {
+    padding: 0 20px;
+}
+
+.nutrition_introduce_commercial {
+    position: relative;
+    padding: 30px 20px 0;
+    margin-top: -30px;
+    background: #fff;
+    border-radius: 20px 20px 0 0;
+}
+
+
+/* nutrition_introduce_txt */
+
+.nutrition_introduce_txt {
+    position: relative;
+    padding: 25px 20px 20px;
+    /*margin-top: -30px;*/
+    background: #fff;
+    border-radius: 20px 20px 0 0;
+    text-align: center;
+}
+
+.nutrition_introduce_txt p {
+    display: block;
+    width: 100%;
+    font-size: 14px;
+    text-align: center;
+    margin-bottom: 15px;
+}
+
+.nutrition_introduce_txt p.introduce_txt01 {
+    width: 50px;
+    padding: 3px 5px;
+    margin: 0 auto 10px;
+    border-radius: 30px;
+    background: #FF9C00;
+    color: #fff;
+}
+
+.nutrition_introduce_txt p.introduce_txt02 {
+    font-size: 20px;
+    font-weight: bold;
+}
+
+.nutrition_introduce_txt p.introduce_txt03 img {
+    width: 12px;
+    height: auto;
+}
+
+.nutrition_introduce_txt p.introduce_txt04 {
+    font-size: 12px;
+}
+
+
+/* nutrition_introduce_season */
+
+.nutrition_introduce_season {
+    position: relative;
+    width: 100%;
+    padding: 15px 20px 30px;
+    margin-top: -30px;
+    text-align: center;
+    border-radius: 20px 20px 0 0;
+    background: #fff;
+}
+
+.nutrition_introduce_season p * {
+    vertical-align: middle;
+    text-align: center;
+}
+
+.nutrition_introduce_season p {
+    display: inline-block;
+    padding: 0 10px;
+    background: url(../img/nutrition/nutrition_emotion_line.png) no-repeat right 15px/1px auto;
+}
+
+.nutrition_introduce_season p:last-child {
+    background: 0;
+}
+
+.nutrition_introduce_season p img {
+    width: 40px;
+    height: 40px;
+}
+
+.nutrition_introduce_season p span {
+    display: none;
+    font-size: 13px;
+    margin: 5px 0 0;
+}
+
+
+/* nutrition_introduce_box */
+
+.nutrition_introduce_box {
+    margin: 0 0 30px;
+}
+
+.nutrition_introduce_main h2 {
+    margin: 0 0 10px;
+    font-weight: bold;
+    letter-spacing: -1px;
+}
+
+.nutrition_introduce_main h2.nutrition_introduce_tit01 {
+    display: inline-block;
+    padding: 4px 10px 5px;
+    font-size: 14px;
+    border-radius: 20px;
+    color: #fff;
+    background: #FF9C00;
+}
+
+.nutrition_introduce_box p {
+    padding: 15px;
+    line-height: 22px;
+    font-size: 14px;
+    font-weight: 300;
+    background: #fff;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+    color: #888;
+}
+
+.nutrition_introduce_box p .recipe {
+    display: block;
+    line-height: 20px;
+    padding-bottom: 10px;
+}
+
+
+/* nutrition_introduce_list */
+
+.nutrition_introduce_list {
+    margin: 0 0 30px;
+}
+
+.nutrition_introduce_list .introduce_list {
+    overflow: hidden;
+    background: #fff;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+}
+
+.nutrition_introduce_list .introduce_list .swiper-slide {
+    padding: 10px;
+    text-align: center;
+    font-size: 14px;
+    line-height: 18px;
+}
+
+.nutrition_introduce_list .introduce_list .swiper-slide img {
+    width: 100%;
+    height: auto;
+    margin: 0 auto 5px;
+    border-radius: 50%;
+    border: 1px solid #ccc;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.nutrition_introduce_list .introduce_list input[type="checkbox"] {
+    display: none;
+}
+
+.nutrition_introduce_list .introduce_list input[type="checkbox"]+label {}
+
+.nutrition_introduce_list .introduce_list input[type="checkbox"]+label span {
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    /*margin: -2px 10px 0 0;*/
+    margin: 0 0 5px;
+    vertical-align: middle;
+    background: url(../img/nutrition/check_radio.png) no-repeat center/15px auto;
+    cursor: pointer;
+}
+
+.nutrition_introduce_list .introduce_list input[type="checkbox"]:checked+label span {
+    background: url(../img/nutrition/check_radio_on.png) no-repeat center/15px auto;
+}
+
+.nutrition_introduce_list .introduce_list .noImage {
+    padding: 17px 20px 20px;
+    text-align: center;
+}
+
+.nutrition_introduce_list .introduce_list .noImage span {
+    display: block;
+    color: #888;
+}
+
+.nutrition_introduce_list .introduce_list .noImage span img {
+    width: 40px;
+    height: auto;
+    margin: 0 0 10px;
+}
+
+
+/* introduce_list_shopping 식재료 */
+
+.introduce_list_shopping {
+    overflow: hidden;
+    padding: 0 10px;
+    background: #fff;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+}
+
+.introduce_list_shopping li {
+    position: relative;
+    width: 100%;
+    padding: 10px;
+    border-bottom: 1px solid #ddd;
+}
+
+.introduce_list_shopping li:last-child {
+    border: 0;
+}
+
+.introduce_list_shopping li * {
+    vertical-align: middle;
+}
+
+.introduce_list_shopping li>img {
+    float: left;
+    width: 35px;
+    height: 35px;
+    margin-right: 5px;
+    border-radius: 50%;
+    border: 1px solid #ccc;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.introduce_list_shopping span.tit {
+    display: block;
+    float: left;
+    width: calc(100% - 120px);
+    margin: 10px 0 0 5px;
+}
+
+.introduce_list_shopping .basket {
+    overflow: hidden;
+    position: absolute;
+    top: 15px;
+    right: 0;
+}
+
+.introduce_list_shopping .basket span {
+    float: left;
+    margin: 3px 15px 0 0;
+}
+
+.introduce_list_shopping .basket a {
+    float: left;
+    display: block;
+    width: 22px;
+    height: 22px;
+    background: url(../img/nutrition/nutrition_introduce_ico_basket.png) no-repeat center/100% auto;
+}
+
+.introduce_list_shopping .basket a.active {
+    background: url(../img/nutrition/nutrition_introduce_ico_basket_on.png) no-repeat center/100% auto;
+}
+
+
+/* 대소변 */
+
+
+/* nutrition_kinds_pee 소변 display:none; */
+
+.nutrition_kinds_pee {
+    display: none;
+}
+
+
+/* growth_record*/
+
+.growth_record_wrap {
+    margin: 25px 0 40px;
+}
+
+.growth_record {
+    margin: 0 20px;
+}
+
+
+/* record_child */
+
+.record_child {
+    margin: 0 auto 25px;
+    text-align: center;
+}
+
+.record_child .record_child_img {
+    position: relative;
+    display: inline-block;
+    width: 70px;
+    height: 70px;
+    border-radius: 50%;
+    border: 2px solid #004A71;
+    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
+    overflow: hidden;
+    vertical-align: top;
+    margin-right: 13px;
+}
+
+.record_child .record_child_img img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.record_child p {
+    display: inline-block;
+    padding: 15px 0 0 0;
+}
+
+.record_child p span {
+    display: block;
+    text-align: left;
+}
+
+.record_child p span.name {
+    font-size: 1.3125rem;
+    font-weight: 500;
+}
+
+.record_child p span.age {
+    font-size: 0.9375rem;
+    margin-top: 5px;
+}
+
+
+/* record_value */
+
+.record_value {
+    margin: 30px 0;
+    overflow: hidden;
+}
+
+.record_value .record_value_list {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    padding: 13px 20px 15px;
+    margin: 0 0 5px;
+    text-align: center;
+    background: #eee;
+}
+
+.record_value .record_value_list .value01 {
+    position: absolute;
+    top: 10px;
+    left: 20px;
+}
+
+.record_value .record_value_list .value01 * {
+    vertical-align: bottom;
+}
+
+.record_value .record_value_list .value01 img {
+    display: inline-block;
+    width: auto;
+    height: 24px;
+    margin-bottom: -3px;
+    margin-right: 5px;
+}
+
+.record_value .record_value_list .value02 strong {
+    font-weight: 400;
+    font-size: 22px;
+    margin-right: 5px;
+}
+
+.record_value .record_value_list .value03 {
+    position: absolute;
+    top: 17px;
+    right: 20px;
+    font-size: 14px;
+}
+
+
+/* record_time */
+
+.record_time {
+    overflow: hidden;
+    padding: 10px 20px 12px;
+    font-size: 17px;
+    text-align: center;
+    background: #004A71;
+    color: #fff;
+    border-radius: 10px;
+    box-shadow: 3px 3px 3px rgb(0 0 0 / 15%);
+}
+
+.record_time a {
+    float: left;
+    width: 12px;
+    height: 12px;
+    background: url(../img/nutrition/header_nutrition_pre_ico.png) no-repeat center/100% auto;
+    margin: 3px 0 0;
+}
+
+.record_time a:last-child {
+    float: right;
+    transform: rotate(180deg);
+}
+
+
+/* record_box */
+
+.record_box {
+    padding: 20px 0 0;
+}
+
+.record_list {
+    position: relative;
+    background-color: #fff;
+    border: 1px solid #eee;
+    border-radius: 10px;
+    padding: 15px 15px 17px 20px;
+    margin-top: 15px;
+    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
+}
+
+.record_list>div {
+    margin: auto 0;
+}
+
+.record_list a {
+    height: 5.125rem;
+    background-color: #fff;
+    border-radius: 50px;
+    margin-bottom: 0.625rem;
+    padding-left: 2.5rem;
+    padding-right: 1.3125rem;
+}
+
+.record_list a>div {
+    margin: auto 0;
+}
+
+.record_list_tit {
+    display: flex;
+    margin-bottom: 8px;
+    font-size: 14px;
+    line-height: 22px;
+}
+
+.record_list_tit .box {
+    display: inline-block;
+    padding: 0px;
+    width: 60px;
+    height: 22px;
+    line-height: 22px;
+    text-align: center;
+    margin-right: 5px;
+    font-size: 12px;
+    border-radius: 20px;
+    color: #fff;
+}
+
+.record_list_tit .box.night {
+    background: #004A71;
+}
+
+.record_list_tit .box.day {
+    background: #999;
+}
+
+.record_list_tit .v_name {
+    font-size: 17px;
+    font-weight: 500;
+    color: #004A71;
+    margin-left: 3px;
+    width: calc(100% - 100px);
+}
+
+.record_list .date {
+    color: #252525;
+    font-size: 0.875rem;
+    font-weight: 300;
+}
+
+.record_list .date>span {
+    position: relative;
+    color: #004A71;
+    font-size: 0.875rem;
+    margin-right: 0.35rem;
+    font-weight: 400;
+}
+
+.record_list .del_btn {
+    position: absolute;
+    top: calc(50% - 13px);
+    right: 10px;
+    background: #bcbbbb url(../img/xxxx_sprites/xxx.png)no-repeat center/9px;
+    height: 1.5625rem;
+    width: 1.5625rem;
+    margin: auto 0;
+    border-radius: 50%;
+    border: none;
+}
+
+.record_list_emotion {
+    position: absolute;
+    top: 18px;
+    right: 50px;
+}
+
+.record_list_emotion span {
+    display: inline-block;
+    width: 40px;
+    font-size: 11px;
+    text-align: center;
+    margin: 0 5px;
+}
+
+.record_list_emotion span:first-child::after {
+    position: absolute;
+    top: 3px;
+    left: 48%;
+    content: "|";
+    font-size: 13px;
+    color: #999;
+}
+
+.record_list_emotion span img {
+    display: block;
+    width: 26px;
+    height: auto;
+    margin: 0 auto 3px;
+}
+
+.record_list_color {
+    position: absolute;
+    top: 25px;
+    right: 48px;
+    height: 1.5625rem;
+    width: 1.5625rem;
+    background: #bcbbbb;
+    border-radius: 50%;
+}
+
+.record_list_color.color01 {
+    background: #ffeea8;
+}
+
+.record_list_color.color02 {
+    background: #DA9031;
+}
+
+
+/* 대소변 그래프 */
+
+
+/* 그래프 설명 */
+
+.graph_txt_amount {
+    position: relative;
+    width: 100%;
+    height: 20px;
+    margin: 20px 0 15px;
+}
+
+.graph_txt_amount span {
+    position: absolute;
+    font-size: 14px;
+    top: 0;
+}
+
+.graph_txt_amount .graph_txt_0 {
+    left: 0;
+}
+
+.graph_txt_amount .graph_txt_25 {
+    left: 24%;
+}
+
+.graph_txt_amount .graph_txt_50 {
+    left: calc(50% - 13px);
+}
+
+.graph_txt_amount .graph_txt_75 {
+    right: 24%;
+}
+
+.graph_txt_amount .graph_txt_100 {
+    right: 0;
+}
+
+.graph_txt_color_feces {
+    position: relative;
+    width: 100%;
+    height: 20px;
+    margin: 20px 0 15px;
+}
+
+.graph_txt_color_feces span {
+    position: absolute;
+    font-size: 14px;
+    top: 0;
+}
+
+.graph_txt_color_feces .graph_txt_0 {
+    left: 0;
+}
+
+.graph_txt_color_feces .graph_txt_25 {
+    left: calc(27% - 26px);
+}
+
+.graph_txt_color_feces .graph_txt_50 {
+    left: calc(50% - 13px);
+}
+
+.graph_txt_color_feces .graph_txt_75 {
+    right: calc(29% - 18px);
+}
+
+.graph_txt_color_feces .graph_txt_100 {
+    right: 0;
+}
+
+.graph_txt_color_pee {
+    position: relative;
+    width: 100%;
+    height: 20px;
+    margin: 20px 0 15px;
+}
+
+.graph_txt_color_pee span {
+    position: absolute;
+    font-size: 14px;
+    top: 0;
+}
+
+.graph_txt_color_pee .graph_txt_0 {
+    left: 0;
+}
+
+.graph_txt_color_pee .graph_txt_33 {
+    left: calc(33% - 13px);
+}
+
+.graph_txt_color_pee .graph_txt_66 {
+    right: calc(33% - 13px);
+}
+
+.graph_txt_color_pee .graph_txt_100 {
+    right: 0;
+}
+
+
+/* 대소변 양 graph_amount */
+
+.graph_amount {
+    position: relative;
+    width: 100%;
+    height: 10px;
+    border-radius: 10px;
+    background: #d0f0e1;
+}
+
+.graph_amount span:first-child {
+    display: block;
+    height: 10px;
+    border-radius: 10px;
+    background: #16b86f;
+}
+
+.graph_amount span.graph_amount_bg_75 {
+    width: calc(75% + 5px);
+}
+
+.graph_amount span:last-child {
+    position: absolute;
+    top: -3px;
+    left: 0;
+    display: block;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: #16b86f;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
+}
+
+.graph_amount span.graph_amount_bullet_75 {
+    left: 75%;
+}
+
+
+/* 대소변 색 graph_color */
+
+.graph_color {
+    position: relative;
+    width: 100%;
+    height: 10px;
+    border-radius: 10px;
+    background: #eee;
+}
+
+.graph_color span {
+    position: absolute;
+    top: -3px;
+    left: 0;
+    display: block;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: #eee;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
+}
+
+
+/* 대변 배경 블릿 */
+
+.graph_color.graph_color_feces {
+    background: #fef7f1 url(../img/nutrition/graph_color_feces_bg.png)no-repeat center/100% auto;
+}
+
+.graph_color.graph_color_feces span {
+    background: #cc6848;
+}
+
+
+/* 소변 배경 블릿 */
+
+.graph_color.graph_color_pee {
+    background: #fef7f1 url(../img/nutrition/graph_color_pee_bg.png)no-repeat center/100% auto;
+}
+
+.graph_color.graph_color_pee span {
+    background: #e9b85b;
+}
+
+.graph_color span.graph_color_75 {
+    left: 75%;
+}
+
+
+/* 예방접종 */
+
+.nutrition_kinds_basic_textarea {
+    width: 100%;
+    height: 48px;
+    margin: 15px 0 0;
+    padding: 10px;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.nutrition_kinds_basic .vaccination_date {
+    overflow: hidden;
+    margin: 15px 0 0;
+}
+
+.nutrition_kinds_basic .vaccination_date p {
+    float: left;
+    width: 30%;
+}
+
+.nutrition_kinds_basic .vaccination_date p input {
+    width: 100%;
+    height: 33px;
+    padding: 5px 27px 7px 5px;
+    font-size: 15px;
+    text-align: right;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+}
+
+.nutrition_kinds_basic .vaccination_date p {
+    position: relative;
+}
+
+.nutrition_kinds_basic .vaccination_date p span {
+    position: absolute;
+    top: 7px;
+    right: 10px;
+}
+
+.nutrition_kinds_basic .vaccination_date p.vaccination_date02 {
+    margin: 0 5%;
+}
+
+.nutrition_kinds_radio {
+    width: 100%;
+    margin: 15px 0 0;
+    border-radius: 10px;
+    border: 1px solid #ddd;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.nutrition_kinds_radio ul li {
+    width: 100%;
+    padding: 12px;
+    border-bottom: 1px solid #ddd;
+    letter-spacing: -1px;
+}
+
+.nutrition_kinds_radio ul li input[type="radio"] {
+    margin-right: 5px;
+}
+
+
+/* m_community 커뮤니티 */
+
+.header_community {
+    position: absolute;
+    top: 10px;
+    right: 17px;
+}
+
+.header_community * {
+    vertical-align: middle;
+}
+
+.header_community .mypost_btn {
+    display: inline-block;
+    font-size: 14px;
+    padding: 5px 10px 7px;
+    font-size: 13px;
+    border-radius: 30px;
+    background: #fff;
+    border: 1px solid #01695E;
+}
+
+.header_community .write_btn {
+    display: inline-block;
+    width: 22px;
+    height: 30px;
+    background: url(../img/community/community_write_ico.png)no-repeat center/13px auto;
+}
+
+.m_community {
+    width: 100%;
+    min-height: calc(100vh - 160px);
+    padding: 20px 20px 80px;
+    border-radius: 30px 30px 0 0;
+}
+
+.m_community.m_community_comment {
+    margin: 0;
+    padding: 20px 20px 100px;
+}
+
+.m_community .all_post {
+    padding: 0 0 20px;
+}
+
+.m_community .all_post a {
+    font-weight: 400;
+    font-size: 17px;
+}
+
+.m_community .all_post strong {
+    color: #01695E;
+}
+
+.growth_header_community.header_community .mypost_btn {
+    border: 1px solid #004A71;
+}
+
+.nutrition_header_community.header_community .mypost_btn {
+    border: 1px solid #FF9C00;
+}
+
+.growth_header_community.header_community .write_btn {
+    background: url(../img/community/community_write_growth_ico.png)no-repeat center/13px auto;
+}
+
+.nutrition_header_community.header_community .write_btn {
+    background: url(../img/community/community_write_nutrition_ico.png)no-repeat center/13px auto;
+}
+
+.m_community.growth_review_color .all_post strong {
+    color: #004A71;
+}
+
+.m_community.nutrition_review_color .all_post strong {
+    color: #FF9C00;
+}
+
+
+/* community_writer */
+
+.community_writer {
+    position: relative;
+    padding: 10px 0;
+    border-top: 1px solid #01695E;
+    border-bottom: 1px solid #01695E;
+    font-size: 0.8rem;
+    color: #fff;
+}
+
+.m_community.m_community_comment .community_writer {
+    border-top: 0;
+}
+
+.community_writer .c_user_profile {
+    width: 35px;
+    height: 35px;
+    background: url(../img/community/community_writer_img.png)no-repeat center center/100% auto;
+    background-size: cover!important;
+    border: 1px solid #E7E7E7;
+    border-radius: 50%;
+    overflow: hidden;
+    vertical-align: middle;
+}
+
+.community_writer .c_user_name {
+    vertical-align: middle;
+    margin-left: 5px;
+    color: #000000;
+    display: inline-block;
+    font-size: 0.95rem;
+    max-width: 8rem;
+    width: auto;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.community_writer .c_user_time {
+    position: absolute;
+    top: 50%;
+    margin-top: -9px;
+    right: 1.5rem;
+    color: #444444;
+    font-size: 0.8rem;
+    line-height: 20px;
+    height: 20px;
+}
+
+.community_writer .c_left_btn {
+    position: absolute;
+    top: 50%;
+    right: 0px;
+    margin-top: -15px;
+}
+
+.community_writer .c_left_btn .c_list_item_btn {
+    width: 20px;
+    height: 30px;
+    border: none;
+    background: url(../img/community/c_menu.png)no-repeat center /auto 20px;
+    text-indent: -9999999px;
+    overflow: hidden;
+}
+
+
+/* community_img 이미지슬라이드 */
+
+.community_img {
+    margin: 20px 0 0px 0;
+}
+
+.community_img .cont_txt {
+    font-size: 0.95rem;
+    margin-bottom: 20px;
+    line-height: 1.3rem;
+    overflow: hidden;
+    color: #888;
+}
+
+.community_img .swiper-pagination-bullet-active {
+    background-color: #FF9C00!important;
+}
+
+.community_img .swiper_wrap {
+    position: relative;
+    width: 100%;
+    height: 0;
+    padding-bottom: 76%;
+}
+
+.community_img .swiper_wrap .swiper-container,
+.community_img .swiper_wrap .swiper-container-single {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding-bottom: 30px;
+}
+
+.community_img .swiper_wrap .swiper-container-single {
+    padding-bottom: 0!important;
+}
+
+.community_img .swiper_wrap .swiper-container .img_box,
+.community_img .swiper_wrap .swiper-container-single .img_box {
+    overflow: hidden;
+}
+
+.community_img .swiper_wrap .swiper-container .img_box img,
+.community_img .swiper_wrap .swiper-container-single .img_box img {
+    width: 100%;
+    height: 100%;
+    -o-object-fit: cover;
+    object-fit: cover;
+}
+
+
+/* c_list_item_menu 수정삭제 메뉴 */
+
+.c_list_item_menu {
+    position: absolute;
+    right: 0;
+    width: 100px;
+    height: auto;
+    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
+    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
+    z-index: 9;
+}
+
+.c_list_item_menu button {
+    width: 100%;
+    height: auto;
+    color: #444444;
+    border: none;
+    background-color: #fff;
+    padding: 10px 0;
+    font-size: 0.9rem;
+}
+
+.c_list_item {
+    border-top: 1px solid #E3E3E3;
+    border-bottom: 1px solid #E3E3E3;
+    background-color: #Fff;
+    margin-bottom: 6px;
+}
+
+
+/* community_tag */
+
+.community_tag {
+    margin: 15px 0 10px;
+}
+
+.community_tag span {
+    display: inline-block;
+    padding: 10px 20px;
+    background: #fff;
+    border-radius: 30px;
+    border: 1px solid #ddd;
+    cursor: pointer;
+}
+
+
+/* community_bottom_summary */
+
+.community_bottom_summary {
+    position: relative;
+    overflow: hidden;
+    color: #444444;
+    font-size: 0.85rem;
+    padding: 15px 0 10px 0;
+}
+
+.community_bottom_summary>div {
+    position: relative;
+    display: inline-block;
+}
+
+.community_bottom_summary>div .num {
+    font-weight: 400;
+    margin-left: 3px;
+}
+
+.community_bottom_summary .like_num {}
+
+.community_bottom_summary .like_icon {
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    vertical-align: middle;
+    margin-right: 3px;
+    background: #FF9C00 url(../img/community/community_summary_like.png)no-repeat center/12px;
+}
+
+.community_bottom_summary .comment_num {
+    position: absolute;
+    right: 0;
+}
+
+
+/* community_bottom_collection 좋아요 댓글 공유 */
+
+.community_bottom_collection {
+    padding: 0 20px;
+    margin-bottom: 2rem;
+    text-align: center;
+    border-top: 1px solid #01695E;
+    border-bottom: 1px solid #01695E;
+}
+
+.community_bottom_collection ul {}
+
+.community_bottom_collection ul li {
+    float: left;
+    width: 33.333%;
+    text-align: center;
+    height: 3.125rem;
+}
+
+.community_bottom_collection ul li .c_btn {
+    font-size: 0.9rem;
+    color: #222222;
+    height: 3.125rem;
+    line-height: 2.9rem;
+    display: inline-block;
+    text-align: center;
+    border: none;
+    background: none;
+    width: 100%;
+    font-weight: 300;
+    cursor: pointer;
+}
+
+.community_bottom_collection ul li .c_btn span {
+    width: 25px;
+    height: 25px;
+    vertical-align: middle;
+}
+
+.community_bottom_collection ul li:first-child .c_like_btn span {
+    background: url(../img/community/community_collection_like.png)no-repeat center 4px/15px auto;
+}
+
+.community_bottom_collection ul li:first-child .c_like_btn.active span {
+    background: url(../img/community/community_collection_like_active.png)no-repeat center 4px/15px auto;
+    -webkit-transform: rotate(5deg);
+    transform: rotate(5deg);
+    -webkit-animation: like_btn_ani 1.5s forwards;
+    animation: like_btn_ani 1.5s forwards;
+}
+
+.growth_review_color .community_bottom_collection {
+    border-top: 1px solid #004A71;
+    border-bottom: 1px solid #004A71;
+}
+
+.nutrition_review_color .community_bottom_collection {
+    border-top: 1px solid #FF9C00;
+    border-bottom: 1px solid #FF9C00;
+}
+
+@-webkit-keyframes like_btn_ani {
+    0% {
+        -webkit-transform: rotate(15deg);
+        transform: rotate(15deg);
+    }
+    25% {
+        -webkit-transform: rotate(-15deg);
+        transform: rotate(-15deg);
+        background-size: 18px;
+    }
+    40% {
+        -webkit-transform: rotate(10deg);
+        transform: rotate(10deg);
+    }
+    50% {
+        -webkit-transform: rotate(-10deg);
+        transform: rotate(-10deg);
+    }
+    60% {
+        -webkit-transform: rotate(5deg);
+        transform: rotate(5deg);
+        background-size: 15px;
+    }
+    80% {
+        -webkit-transform: rotate(-5deg);
+        transform: rotate(-5deg);
+    }
+    90% {
+        -webkit-transform: rotate(3deg);
+        transform: rotate(3deg);
+    }
+    100% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+}
+
+@keyframes like_btn_ani {
+    0% {
+        -webkit-transform: rotate(15deg);
+        transform: rotate(15deg);
+    }
+    25% {
+        -webkit-transform: rotate(-15deg);
+        transform: rotate(-15deg);
+        background-size: 18px;
+    }
+    40% {
+        -webkit-transform: rotate(10deg);
+        transform: rotate(10deg);
+    }
+    50% {
+        -webkit-transform: rotate(-10deg);
+        transform: rotate(-10deg);
+    }
+    60% {
+        -webkit-transform: rotate(5deg);
+        transform: rotate(5deg);
+        background-size: 15px;
+    }
+    80% {
+        -webkit-transform: rotate(-5deg);
+        transform: rotate(-5deg);
+    }
+    90% {
+        -webkit-transform: rotate(3deg);
+        transform: rotate(3deg);
+    }
+    100% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+}
+
+.community_bottom_collection ul li:nth-child(2) .c_btn span {
+    background: url(../img/community/community_collection_comment.png)no-repeat center/15px;
+}
+
+.community_bottom_collection ul li:nth-child(3) .c_btn span {
+    background: url(../img/community/community_collection_share.png)no-repeat center/15px;
+}
+
+.community_bottom_collection .list_more_btn {
+    margin-top: -1px;
+}
+
+
+/*미션 공통*/
+
+.mission_header {
+    text-align: center;
+    font-size: 0.9rem;
+    line-height: 0.9rem;
+    padding: 15px;
+    color: #fff;
+    background: #01695E;
+}
+
+.growth_review_like .mission_header {
+    background: #004A71;
+}
+
+.nutrition_review_like .mission_header {
+    background: #FF9C00;
+}
+
+
+/* s_like_list_community 좋아요 리스트 */
+
+.s_like_list_community {
+    margin: 0 auto;
+    max-width: 800px;
+    padding: 0 20px;
+}
+
+.s_like_list_community .like_list_item {
+    width: 100%;
+    background: #fff;
+    border-bottom: 1px solid #56ae95;
+    padding: 10px 25px;
+}
+
+.s_like_list_community .like_list_item .c_user_profile {
+    width: 40px;
+    height: 40px;
+    border: 1px solid #E7E7E7;
+    border-radius: 50%;
+    background-position: center!important;
+    background-size: cover!important;
+    vertical-align: top;
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.s_like_list_community .like_list_item .c_user_name {
+    font-size: 0.95rem;
+    font-weight: 400;
+    color: #111111;
+    margin-left: 10px;
+    max-width: 15.625rem;
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.s_like_list_community.growth_review_like .like_list_item {
+    border-bottom: 1px solid #004A71;
+}
+
+.s_like_list_community.nutrition_review_like .like_list_item {
+    border-bottom: 1px solid #FF9C00;
+}
+
+
+/* list_more_btn 더보기 */
+
+.list_more_btn {
+    display: block;
+    width: 100%;
+    background-color: #fff;
+    border: none;
+    border-top: 1px solid #E3E3E3;
+    cursor: pointer;
+}
+
+.list_more_btn span {
+    position: relative;
+    display: inline-block;
+    border: none;
+    padding: 15px 0;
+    color: #000;
+    font-size: 0.9rem;
+}
+
+.list_more_btn span:after {
+    content: "";
+    position: absolute;
+    width: 20px;
+    top: 0;
+    right: -24px;
+    height: 100%;
+    background: url(../img/community/more_arrow.png) no-repeat center / 10px;
+}
+
+
+/* community_paging 페이징 */
+
+.community_paging {
+    width: 80%;
+    position: relative;
+    margin: 0 auto;
+    margin-bottom: 2rem;
+}
+
+.community_paging .paging_num_box {
+    display: block;
+    padding: 0 2rem;
+    line-height: 30px;
+    text-align: center;
+}
+
+.community_paging .paging_num_box a {
+    display: inline-block;
+    width: 30px;
+    height: 30px;
+    line-height: 26px;
+    color: #fff;
+    background: #c9cdcc;
+    font-size: 0.9rem;
+    border: none;
+    -webkit-border: none;
+    border: 1px solid #ececec;
+    -webkit-border: 1px solid #999;
+    border-radius: 4px;
+    -webkit-border-radius: 4px;
+}
+
+.community_paging .paging_num_box a.active {
+    background: #01695E;
+    font-weight: bold;
+}
+
+.community_paging .paging_btn {
+    border: none;
+    -webkit-border: none;
+    background-color: #fff!important;
+    width: 30px;
+    height: 30px;
+    position: absolute;
+    top: 0;
+    text-indent: -999px;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.community_paging .pre {
+    left: 0;
+    background: url(../img/community/more_arrow_right.png)no-repeat center/auto 13px;
+    -webkit-transform: rotate(180deg);
+    transform: rotate(180deg);
+}
+
+.community_paging .next {
+    right: 0;
+    background: url(../img/community/more_arrow_right.png)no-repeat center/auto 13px;
+}
+
+.growth_review_color .paging_num_box a.active {
+    background: #004A71;
+    font-weight: bold;
+}
+
+.nutrition_review_color .paging_num_box a.active {
+    background: #FF9C00;
+}
+
+
+/* community_comment */
+
+.community_comment {
+    padding: 0 0 20px;
+}
+
+.community_comment li {
+    position: relative;
+    width: 100%;
+    padding: 0 0 20px;
+}
+
+.community_comment .comment_list_ripple {
+    position: relative;
+    padding-left: 35px;
+    margin-top: 10px;
+}
+
+.community_comment li img {
+    display: inline-block;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    border: 1px solid #bbb;
+}
+
+.community_comment li .comment_list_txt {
+    display: inline-block;
+    width: calc(100% - 40px);
+    padding-left: 10px;
+    line-height: 20px;
+}
+
+.community_comment li .comment_list_txt .like {
+    padding-right: 18px;
+    background: url(../img/community/community_collection_like.png)no-repeat right center/auto 12px;
+}
+
+.community_comment li .comment_list_txt .like.active {
+    color: #FF9C00;
+    background: url(../img/community/community_collection_like_active.png)no-repeat right center/auto 12px;
+}
+
+.community_comment li .comment_list_txt .like.active:before {
+    color: #a09896;
+}
+
+.community_comment li .comment_list_txt span:before {
+    content: "·";
+    font-weight: bold;
+    margin: 0 5px;
+}
+
+.community_comment li .comment_list_txt span:first-child:before {
+    display: none;
+}
+
+.community_comment li .comment_list_name {
+    font-size: 17px;
+    font-weight: 400;
+    margin-top: 6px;
+}
+
+.community_comment li .comment_list_exa {
+    padding-top: 5px;
+}
+
+.community_comment li .comment_list_exa span {
+    font-size: 14px;
+    color: #a09896;
+}
+
+.community_comment li .comment_list_exp {
+    font-size: 15px;
+    padding: 5px 0 0 20px;
+    background: url(../img/community/community_ripple.png)no-repeat left 10px/auto 12px;
+}
+
+.community_comment li .comment_list_exp .name {
+    color: #01695E;
+}
+
+.growth_review_color .community_comment li .comment_list_exp .name {
+    color: #004A71;
+}
+
+.nutrition_review_color .community_comment li .comment_list_exp .name {
+    color: #FF9C00;
+}
+
+
+/* comment_list_ripple_input */
+
+.community_comment .comment_list_ripple_input {
+    padding-left: 35px;
+    margin-top: 10px;
+}
+
+.community_comment .comment_list_ripple_input * {
+    vertical-align: middle;
+}
+
+.community_comment .comment_list_ripple_input .comment_list_txt {
+    display: inline-block;
+    width: calc(100% - 50px);
+    margin-left: 10px;
+    padding: 10px;
+    line-height: 20px;
+    border-radius: 5px;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+    background: #fff;
+}
+
+.community_comment .comment_list_ripple_input input {
+    width: calc(100% - 115px);
+    margin-right: 5px;
+    border: 0;
+}
+
+
+/* comment_list_ripple_input modify */
+
+.comment_list_modify {
+    margin-top: 10px;
+}
+
+.comment_list_ripple_modify {
+    padding-left: 35px;
+    margin-top: 10px;
+}
+
+.community_comment li .comment_list_txt.modify {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    margin: 10px 0 0;
+    padding: 10px;
+    line-height: 20px;
+    border-radius: 5px;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+    background: #fff;
+}
+
+.community_comment li .comment_list_txt.modify input {
+    width: calc(100% - 117px);
+    margin-right: 5px;
+    border: 0;
+}
+
+.community_comment li .comment_list_txt.modify .comment_list_btn {
+    display: inline-block;
+    width: 50px;
+    height: 28px;
+    line-height: 26px;
+    font-size: 14px;
+    color: #fff;
+    border-radius: 5px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+    background: #01695E;
+    text-align: center;
+    margin-left: 1px;
+}
+
+.community_comment .comment_list_ripple_input .comment_list_btn {
+    display: inline-block;
+    width: 50px;
+    height: 28px;
+    line-height: 26px;
+    font-size: 14px;
+    color: #fff;
+    border-radius: 5px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+    background: #01695E;
+    text-align: center;
+}
+
+.community_comment .c_left_btn {
+    position: absolute;
+    top: 15px;
+    right: 0px;
+    margin-top: -15px;
+}
+
+.community_comment .c_left_btn .c_list_item_btn {
+    width: 20px;
+    height: 30px;
+    border: none;
+    background: url(../img/community/c_menu.png)no-repeat center /auto 20px;
+    text-indent: -9999999px;
+    overflow: hidden;
+}
+
+.growth_review_color .community_comment .c_left_btn .c_list_item_btn {
+    background: url(../img/community/c_menu_growth.png) no-repeat center /auto 20px;
+}
+
+.nutrition_review_color .community_comment .c_left_btn .c_list_item_btn {
+    background: url(../img/community/c_menu_nutrition.png) no-repeat center /auto 20px;
+}
+
+.growth_review_color .community_comment li .comment_list_txt.modify .comment_list_btn {
+    background: #004A71;
+}
+
+.nutrition_review_color .community_comment li .comment_list_txt.modify .comment_list_btn {
+    background: #FF9C00;
+}
+
+.growth_review_color .community_comment .comment_list_ripple_input .comment_list_btn {
+    background: #004A71;
+}
+
+.nutrition_review_color .community_comment .comment_list_ripple_input .comment_list_btn {
+    background: #FF9C00;
+}
+
+
+/*comment_list_more*/
+
+.comment_list_more {
+    padding: 10px 0 5px 35px;
+}
+
+.comment_list_more p a {
+    font-weight: bold;
+    color: #01695E;
+}
+
+.growth_review_color .comment_list_more p a {
+    color: #004A71;
+}
+
+.nutrition_review_color .comment_list_more p a {
+    color: #FF9C00;
+}
+
+
+/* community_comment_enroll */
+
+.community_comment_enroll {
+    padding: 10px;
+    border-radius: 5px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+    background: #fff;
+}
+
+.community_comment_enroll input {
+    width: calc(100% - 60px);
+    margin-right: 5px;
+    border: 0;
+}
+
+.community_comment_enroll a {
+    display: inline-block;
+    width: 50px;
+    height: 28px;
+    line-height: 26px;
+    font-size: 14px;
+    color: #fff;
+    border-radius: 5px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+    background: #01695E;
+    text-align: center;
+}
+
+.growth_review_color .community_comment_enroll a {
+    background: #004A71;
+}
+
+.nutrition_review_color .community_comment_enroll a {
+    background: #FF9C00;
+}
+
+
+/* img_popup_wrap 팝업 */
+
+.img_popup_wrap {
+    background-color: transparent;
+}
+
+.img_popup_wrap.layer-wrap .pop-layer {
+    border-radius: 0!important;
+    width: 100%;
+    max-width: 70%;
+}
+
+.img_popup_wrap.layer-wrap .pop-layer .img_popup {
+    width: 100%;
+    display: block;
+}
+
+.img_popup_wrap.layer-wrap .pop-layer .c_download_img_btn {
+    position: fixed;
+    bottom: 0.9375rem;
+    right: 0.9375rem;
+    width: 1.875rem;
+    height: 1.875rem;
+    border: none;
+    background: url(../img/community/download_img_icon.png)no-repeat center/contain;
+    text-indent: -9999999999px;
+}
+
+
+/* m_community_write 커뮤니티 글쓰기 */
+
+.m_community_write {
+    max-width: 1024px;
+    margin: 0 auto;
+    padding: 20px 20px 80px;
+}
+
+.m_community_write h2 {
+    font-weight: 500;
+    padding: 0 5px 15px;
+}
+
+.m_community_write h2 span {
+    font-weight: 300;
+    color: #7c756f;
+}
+
+.community_write_basic {
+    padding: 20px;
+    margin: 0 0 20px;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+
+/* community_write_category 카테고리 */
+
+.community_write_category .selectbox {
+    width: 100%;
+    margin: 0 auto 20px;
+    height: 46px;
+    padding: 15px 20px !important;
+    color: #aaa;
+    background: #fff url(../img/community/community_selectbox_arrow.png)no-repeat calc(100% - 20px) center/10px auto;
+}
+
+.community_write_category .selectlist {
+    width: 100%;
+    height: 118px;
+    margin-left: 0;
+    bottom: -118px;
+    scrollbar-width: thin;
+    scrollbar-color: #01695E transparent;
+    scrollbar-face-color: #01695E;
+    scrollbar-track-color: #fff;
+    scrollbar-arrow-color: none;
+    scrollbar-highlight-color: #01695E;
+    scrollbar-3dlight-color: none;
+    scrollbar-shadow-color: #01695E;
+    scrollbar-darkshadow-color: none;
+}
+
+.community_write_category .selectlist::-webkit-scrollbar {
+    width: 5px;
+}
+
+.community_write_category .selectlist::-webkit-scrollbar-thumb {
+    background-color: #01695E;
+}
+
+.community_write_category .selectlist::-webkit-scrollbar-track {
+    background-color: #ddd;
+    border-radius: 10px;
+}
+
+
+/* community_list_step 이유식단계 */
+
+.community_list_step {}
+
+.community_list_step li {
+    margin: 5px 10px 5px 0;
+    background: #fff;
+    border-radius: 30px;
+    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
+}
+
+.community_list_step li a {
+    display: block;
+    padding: 10px 20px;
+    font-size: 15px;
+}
+
+.community_list_step li.active {
+    background: #01695E;
+}
+
+.community_list_step li.active a {
+    color: #fff;
+}
+
+.community_write_basic textarea {
+    width: 100%;
+    min-height: 150px;
+    border: 0;
+}
+
+
+/* community_write_btn */
+
+.community_write_btn {
+    padding: 30px 0 20px;
+}
+
+.community_write_btn a {
+    display: block;
+    padding: 15px;
+    text-align: center;
+    font-size: 18px;
+    border-radius: 8px;
+    background: #01695E;
+    color: #fff;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+
+/* community_write_tag */
+
+.community_write_tag {
+    position: relative;
+    padding: 10px 20px;
+    background: #fff;
+    border-radius: 30px;
+    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
+}
+
+.community_write_tag input {
+    width: calc( 100% - 65px);
+    border: 0;
+}
+
+.community_write_tag input::placeholder {
+    color: #999;
+}
+
+.community_write_tag a {
+    display: block;
+    height: 44px;
+    line-height: 44px;
+    padding: 0 15px;
+    position: absolute;
+    top: 0;
+    right: 0;
+    background: #01695E;
+    border-radius: 0 20px 20px 0;
+    color: #fff;
+}
+
+.community_write_tag a span {
+    color: #fff;
+}
+
+.community_write_tag_result {
+    padding: 10px 0 0;
+}
+
+.community_write_tag_result li {
+    padding: 5px 12px 8px;
+    margin: 5px 5px 0 0;
+    font-size: 14px;
+    border-radius: 5px;
+    background: #01695E;
+    color: #fff;
+}
+
+.community_write_tag_result li .tag_close_btn {
+    margin-left: 5px;
+    padding: 0 3px;
+    cursor: pointer;
+}
+
+.community_write_tag_result li .tag_close_btn:after {
+    content: 'X';
+}
+
+
+/* write_wrap */
+
+.write_wrap {
+    border-top: 6px solid #F5F5F5;
+}
+
+.write_wrap textarea {
+    border-top: 1px solid #E3E3E3;
+    resize: none;
+    padding: 15px;
+    outline: none;
+    min-height: 11rem;
+}
+
+
+/* add_pic_list_wrap 커뮤니티 사진추가 */
+
+.add_pic_list_wrap {
+    height: 6rem;
+    margin: 20px 15px;
+    white-space: nowrap;
+    overflow: hidden;
+    overflow-x: auto;
+}
+
+.add_pic_list_item {
+    display: inline-block;
+    margin: 0;
+    margin-right: 10px;
+    vertical-align: middle;
+}
+
+.add_pic_list_item .input_file_upload {
+    position: relative;
+    width: 8rem;
+    height: 6rem;
+    margin: 0 auto;
+}
+
+.add_pic_list_item .input_file_upload::after {
+    display: none;
+}
+
+.input_file_upload .upfile {
+    visibility: visible;
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%!important;
+    opacity: 1;
+    overflow: hidden;
+    text-indent: -999px;
+    /* border-radius: 50%; */
+    border: 2px solid #ececec;
+    color: #fff;
+}
+
+.add_pic_list_item .input_file_upload .upfile {
+    border: none;
+    -webkit-border: none;
+}
+
+.add_pic_list_item .input_file_upload .add_thumb {
+    position: absolute;
+    display: block;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    border-radius: 5px;
+    -webkit-border-radius: 5px;
+    background: url(../img/community/upload_img.jpg)no-repeat center/contain;
+}
+
+.add_pic_list_item .input_file_upload .add_thumb img {
+    display: block;
+    width: 95%;
+    margin: 0 auto;
+    height: 100%;
+    border: none;
+    -webkit-border: none;
+    object-fit: cover;
+}
+
+.add_pic_list_box {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.input_file_upload .btn_upfile {
+    position: relative;
+    display: block;
+    margin: 0 auto;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    color: #ececec;
+    background-color: transparent;
+    border: none;
+    z-index: 99;
+}
+
+.input_file_upload .add_thumb.on,
+.input_file_upload .ibtn_x.off {
+    display: none;
+}
+
+.input_file_upload .ibtn_x {
+    position: absolute;
+    display: block;
+    width: 24px;
+    height: 24px;
+    top: 4px;
+    right: 8px;
+    z-index: 100;
+    border: 0;
+    text-indent: -9999px;
+    background: url(../img/community/btn_img_xx.png) no-repeat;
+    background-size: 24px;
+}
+
+.add_pic_btn {
+    position: relative;
+    width: 50px;
+    height: 50px;
+    overflow: hidden;
+    margin: 0 1rem;
+    text-indent: -999px;
+    background-color: #EEEEEE;
+    vertical-align: middle;
+    border: 1px solid #d7d7d7;
+    -webkit-border: 1px solid #d7d7d7;
+    border-radius: 50%;
+    -webkit-border-radius: 50%;
+}
+
+.add_pic_btn>span {
+    position: absolute;
+    display: inline-block;
+    top: 50%;
+    left: 50%;
+    background-color: #d7d7d7;
+}
+
+.add_pic_btn>span:first-child {
+    width: 30px;
+    height: 2px;
+    margin-top: -1px;
+    margin-left: -15px;
+}
+
+.add_pic_btn>span:last-child {
+    width: 2px;
+    height: 30px;
+    margin-top: -15px;
+    margin-left: -1px;
+}
+
+
+/* m_myinfo 내정보 */
+
+.m_myinfo {
+    position: relative;
+    width: 100%;
+    margin: 100px 0 0;
+    padding: 20px 0;
+    border-radius: 30px 30px 0 0;
+    box-shadow: 6px 0 6px -6px rgba(0, 0, 0, 0.3);
+    background: #fef7f1;
+}
+
+.myinfo_list_img {
+    position: absolute;
+    top: -65px;
+    left: 0;
+    right: 0;
+    width: 90px;
+    height: 90px;
+    margin: 0 auto;
+    border-radius: 50%;
+    border: 5px solid #fff;
+    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
+    background: #fff;
+}
+
+.myinfo_list_img img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    object-fit: cover;
+}
+
+.m_myinfo .img_preview input {
+    display: none;
+}
+
+.m_myinfo .img_preview label {
+    display: block;
+    width: 100%;
+    height: auto;
+}
+
+.myinfo_list_img .myinfo_img_modify {
+    width: 28px;
+    height: 28px;
+    background: url(../img/setting/myinfo_img_modify.png) no-repeat center/100% auto;
+    position: absolute;
+    bottom: -10px;
+    right: 0px;
+    z-index: 999999;
+}
+
+
+/* myinfo_list */
+
+.myinfo_list {
+    padding: 20px 30px;
+}
+
+.myinfo_list li {
+    width: 100%;
+    overflow: hidden;
+    height: 25px;
+    margin: 0 0 20px;
+}
+
+.myinfo_list li span {
+    font-size: 16px;
+}
+
+.myinfo_list li span:first-child {
+    float: left;
+}
+
+.myinfo_list li span:last-child {
+    float: right;
+}
+
+.myinfo_list li span .nickname {
+    display: block;
+    padding-right: 15px;
+    background: url(../img/setting/setting_arrow_right_orange.png) no-repeat right center/7px auto;
+}
+
+.myinfo_list li span .myinfo_reset_btn {
+    display: block;
+    padding: 5px 10px 7px;
+    font-size: 13px;
+    border-radius: 5px;
+    background: #FF9C00;
+    color: #fff;
+}
+
+.myinfo_btn01 {
+    display: block;
+    overflow: hidden;
+    padding: 15px;
+    margin: 0 20px 50px;
+    border-radius: 5px;
+    background: #ff8135;
+}
+
+.myinfo_btn01 span {
+    color: #fff;
+}
+
+.myinfo_btn01 span:last-child {
+    float: right;
+    padding-right: 15px;
+    background: url(../img/setting/setting_arrow_right_white.png) no-repeat right center/7px auto;
+}
+
+
+/* myinfo_child */
+
+.myinfo_child {
+    position: relative;
+}
+
+.myinfo_child .myinfo_btn02 {
+    display: block;
+    position: absolute;
+    top: -23px;
+    left: 0;
+    right: 0;
+    padding: 15px;
+    margin: 0 20px;
+    border-radius: 5px;
+    background: #ea5a38;
+}
+
+.myinfo_child .myinfo_btn02 span {
+    color: #fff;
+}
+
+.myinfo_child .myinfo_btn02 span:last-child {
+    float: right;
+    padding-right: 15px;
+    background: url(../img/setting/setting_arrow_right_white.png) no-repeat right center/7px auto;
+}
+
+
+/* myinfo_child_list */
+
+.myinfo_child_list {
+    padding: 40px 20px 20px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+    background: #fff;
+}
+
+.myinfo_child_list li {
+    position: relative;
+    width: 100%;
+    line-height: 30px;
+    padding: 5px 0;
+}
+
+.myinfo_child_list li img {
+    width: 30px;
+    height: 30px;
+    margin-right: 5px;
+    border-radius: 50%;
+    border: 1px solid #c2c2c2;
+}
+
+.myinfo_child_list li span {
+    font-size: 14px;
+}
+
+.myinfo_child_list li .child_name:after {
+    content: '·';
+}
+
+.myinfo_child_list li .child_btn {
+    position: absolute;
+    right: 0;
+    top: 5px;
+    display: block;
+    padding-right: 15px;
+    color: #FF9C00;
+    background: url(../img/setting/setting_arrow_right_orange.png) no-repeat right center/7px auto;
+}
+
+
+/* input select 공통 */
+
+
+/* input_unit */
+
+.input_unit {
+    position: relative;
+    width: 80%;
+    padding: 0 !important;
+    margin: 0 auto;
+}
+
+.input_unit100 {
+    width: 100%;
+    margin: 20px 0 0;
+}
+
+.input_unit input {
+    width: 100% !important;
+    height: 36px !important;
+    padding: 5px 35px 8px 8px !important;
+    font-size: 16px;
+    text-align: right !important;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+}
+
+.input_unit .unit {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    font-size: 15px;
+}
+
+
+/* select_unit */
+
+.select_unit_wrap {
+    width: 255px;
+    margin: 0 auto;
+}
+
+.select_unit {
+    position: relative;
+    width: 100%;
+    padding: 0 !important;
+    margin: 0 auto;
+}
+
+.select_unit50 {
+    float: left;
+    width: 85px;
+}
+
+.select_unit50 p.selectbox {
+    width: 60px;
+    margin: 0;
+}
+
+.select_unit50 .selectlist {
+    width: 60px;
+    margin-left: 0;
+}
+
+.select_unit50 .unit {
+    position: absolute;
+    top: 10px;
+    right: 7px;
+    font-size: 15px;
+}
+
+.select_unit100 {
+    width: calc(100% - 20px);
+    margin: 20px 0 0;
+}
+
+.select_unit100 p.selectbox {
+    width: 100%;
+    margin: 0;
+    text-align: center;
+}
+
+.select_unit100 .selectlist {
+    width: 100%;
+    margin-left: 0;
+}
+
+.select_unit100 .selectlist p {
+    text-align: center;
+}
+
+.select_unit100 .unit {
+    position: absolute;
+    top: 10px;
+    right: -20px;
+    font-size: 15px;
+}
+
+.select_unit60 {
+    width: calc(60% - 25px);
+    margin: 10px auto;
+}
+
+.select_unit60 p.selectbox {
+    width: 100%;
+    margin: 0;
+    text-align: center;
+}
+
+.select_unit60 .selectlist {
+    width: 100%;
+    margin-left: 0;
+    z-index: 9999;
+}
+
+.select_unit60 .selectlist p {
+    text-align: center;
+}
+
+.select_unit60 .unit {
+    position: absolute;
+    top: 10px;
+    right: -25px;
+    font-size: 15px;
+}
+
+.select_unit30 {
+    float: left;
+    width: 33.3333%;
+}
+
+.select_unit30 h3 {
+    text-align: left;
+    font-weight: bold;
+    margin: 20px 0 10px 10px;
+}
+
+.select_unit30 p.selectbox {
+    width: calc(100% - 20px) !important;
+    margin: 0 0 7px;
+    text-align: center;
+}
+
+.select_unit30 .selectlist {
+    width: calc(100% - 20px) !important;
+    margin-left: 0 !important;
+    z-index: 9999999;
+}
+
+.select_unit30 .selectlist p {
+    text-align: center;
+}
+
+.select_unit30 .unit {
+    position: absolute;
+    top: 10px;
+    right: 0;
+    font-size: 15px;
+}
+
+.select_unit30_wrap {
+    position: relative;
+}
+
+.pd10 {
+    padding: 0 15px;
+}
+
+
+/* m_nutrition_report 영양레포트 */
+
+.m_nutrition_report {
+    background: #fff;
+}
+
+.m_nutrition_report_wrap {
+    padding: 0 20px;
+}
+
+
+/* nutrition_report_graph 그래프 */
+
+.swiper-container-chart {
+    position: relative;
+    overflow: hidden;
+    padding-bottom: 30px;
+}
+
+.swiper-container-chart>.swiper-pagination-bullets {
+    bottom: 5px !important;
+}
+
+.swiper-container-chart .swiper-pagination-bullet-active {
+    background: #FF9C00;
+}
+
+.m_nutrition_report h2 {
+    font-size: 20px;
+    font-weight: bold;
+}
+
+
+/* report_tab */
+
+.report_tab {
+    position: relative;
+    overflow: hidden;
+    height: 32px;
+    margin: -20px 0 0;
+}
+
+.report_tab li {
+    text-align: center;
+}
+
+
+/* report_tab01 */
+
+.report_tab.report_tab01 li {
+    font-size: 15px;
+    border-radius: 10px 10px 0 0;
+}
+
+.report_tab.report_tab01 .tab01 {
+    position: absolute;
+    top: 0;
+    right: 0;
+    background: #000;
+    z-index: 99;
+}
+
+.report_tab.report_tab01 .tab01 a {
+    color: #fff;
+}
+
+.report_tab.report_tab01 .tindent {
+    text-indent: -27px !important;
+}
+
+.report_tab.report_tab01 .zindex {
+    z-index: 999 !important;
+}
+
+.report_tab.report_tab01 li.active {
+    text-indent: 0;
+    z-index: 9998;
+}
+
+.report_tab.report_tab01 li a {
+    display: block;
+    padding: 8px 20px 10px;
+    width: 100%;
+    height: 100%;
+    font-size: 14px;
+}
+
+.report_tab.report_tab01 li.active a {
+    font-weight: bold;
+}
+
+
+/* report_tab02 */
+
+.report_tab.report_tab02 li {
+    font-size: 15px;
+    border-radius: 10px 10px 0 0;
+}
+
+.report_tab.report_tab02 .tab01 {
+    position: absolute;
+    top: 0;
+    right: 0;
+    text-indent: -30px;
+    background: #000;
+    z-index: 99;
+}
+
+.report_tab.report_tab02 .tab01 a {
+    color: #fff;
+}
+
+.report_tab.report_tab02 .tindent {
+    text-indent: -30px;
+}
+
+.report_tab.report_tab02 li.active {
+    text-indent: 0;
+    z-index: 9998;
+}
+
+.report_tab.report_tab02 li a {
+    display: block;
+    padding: 12px 20px 14px;
+    width: 100%;
+    height: 100%;
+}
+
+
+/* nutrition_report_graph */
+
+.nutrition_report_graph {
+    padding: 20px;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.nutrition_report_graph_txt {
+    position: relative;
+}
+
+.nutrition_report_graph h3 {
+    font-size: 16px;
+    line-height: 26px;
+}
+
+.nutrition_report_graph h3 span {
+    display: block;
+    font-weight: 400;
+}
+
+.nutrition_report_graph h3 .date {
+    font-size: 18px;
+    color: #FF9C00;
+}
+
+.nutrition_report_graph .swiper-container {
+    padding-bottom: 20px;
+}
+
+.nutrition_report_graph .swiper-pagination {
+    bottom: 0 !important;
+}
+
+
+/* nutrition_report_graph */
+
+.growth_report_graph {
+    padding: 20px;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.growth_report_graph_txt {
+    position: relative;
+}
+
+.growth_report_graph h3 {
+    font-size: 16px;
+    line-height: 26px;
+}
+
+.growth_report_graph h3 span {
+    display: block;
+    font-weight: 400;
+}
+
+.growth_report_graph h3 .date {
+    font-size: 18px;
+    color: #004A71;
+}
+
+.growth_report_graph .swiper-container-chart .swiper-pagination-bullet-active {
+    background: #004A71;
+}
+
+
+/* point */
+
+.m_nutrition_report .point {
+    position: absolute;
+    right: 0;
+    top: 15px;
+}
+
+.m_nutrition_report .point p {
+    font-size: 13px;
+    margin: 0 0 10px;
+}
+
+.m_nutrition_report .point .green:before {
+    content: '●';
+    margin-right: 5px;
+    color: #36d100;
+}
+
+.m_nutrition_report .point .yellow:before {
+    content: '●';
+    margin-right: 5px;
+    color: #ffdc46;
+}
+
+.m_nutrition_report .point .red:before {
+    content: '●';
+    margin-right: 5px;
+    color: #ec3d00;
+}
+
+
+/* nd_score */
+
+.nd_score span {
+    display: block;
+    font-size: 15px;
+}
+
+.nd_score .tit {
+    position: absolute;
+    top: 27px;
+    right: 0;
+    padding: 5px 10px;
+    text-align: center;
+    background: #B3B3B3;
+    color: #fff;
+    border-radius: 30px;
+}
+
+.nd_score .score {
+    font-size: 18px;
+    padding: 15px 0 20px 5px;
+}
+
+.nd_score .score strong {
+    font-size: 28px;
+    font-weight: 600;
+}
+
+
+/* nd_score */
+
+
+/* nutrition_report_box */
+
+.nutrition_report_box {
+    padding: 0 10px;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+    margin-top: 20px;
+}
+
+.nutrition_report_box h3 {
+    font-weight: bold;
+    padding: 20px 0 5px 10px;
+}
+
+.nutrition_report_box h3::before {
+    content: '*';
+    color: #FF9C00;
+    padding-right: 3px;
+}
+
+.nutrition_report_box .swiper-slide {
+    padding: 15px 10px;
+    text-align: center;
+    font-size: 15px;
+    line-height: 18px;
+}
+
+.nutrition_report_box img {
+    width: 100%;
+    height: auto;
+    margin: 0 auto 5px;
+    border-radius: 10px;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.nutrition_report_box.img_radius img {
+    border-radius: 50%;
+    box-shadow: 0;
+    border: 0;
+}
+
+
+/* cart_list */
+
+.cart_list ul {
+    overflow-y: auto;
+    height: calc(100vh - 370px);
+    margin: 15px 0 0;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
+    scrollbar-width: thin;
+    scrollbar-color: #FF9C00 transparent;
+    scrollbar-face-color: #FF9C00;
+    scrollbar-track-color: #fff;
+    scrollbar-arrow-color: none;
+    scrollbar-highlight-color: #FF9C00;
+    scrollbar-3dlight-color: none;
+    scrollbar-shadow-color: #FF9C00;
+    scrollbar-darkshadow-color: none;
+}
+
+.cart_list_add ul {
+    height: calc(100vh - 310px);
+}
+
+.cart_list ul::-webkit-scrollbar {
+    width: 5px;
+}
+
+.cart_list ul::-webkit-scrollbar-thumb {
+    background-color: #FF9C00;
+    border-radius: 10px;
+}
+
+.cart_list ul::-webkit-scrollbar-track {
+    background-color: #ddd;
+    border-radius: 10px;
+}
+
+.cart_list ul li {
+    position: relative;
+    width: 100%;
+    padding: 10px 15px;
+    border-bottom: 1px solid #ddd;
+}
+
+.cart_list ul li * {
+    vertical-align: middle;
+}
+
+.cart_list ul li p {
+    display: inline-block;
+    width: 53px;
+    height: 39px;
+    margin: 0 6px 0 3px;
+}
+
+.cart_list ul li p img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+.cart_list ul li .c_list_item_menu img {
+    width: 16px;
+    height: auto;
+}
+
+.cart_list input[type="checkbox"] {
+    display: none;
+}
+
+.cart_list input[type="checkbox"]+label {}
+
+.cart_list input[type="checkbox"]+label span {
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    margin: -2px 10px 0 0;
+    vertical-align: middle;
+    background: url(../img/nutrition/check_radio.png) no-repeat center/15px auto;
+    cursor: pointer;
+}
+
+.cart_list input[type="checkbox"]:checked+label span {
+    background: url(../img/nutrition/check_radio_on.png) no-repeat center/15px auto;
+}
+
+.cart_list .c_left_btn .c_list_item_btn {
+    position: absolute;
+    top: 14px;
+    right: 10px;
+    width: 20px;
+    height: 30px;
+    border: none;
+    background: url(../img/nutrition/c_menu_black.png)no-repeat center /auto 18px;
+    text-indent: -9999999px;
+    overflow: hidden;
+}
+
+.cart_list .c_left_btn .c_list_item_menu {
+    top: 50px;
+    right: 18px;
+}
+
+
+/* basket */
+
+.cart_list .basket {
+    overflow: hidden;
+    position: absolute;
+    top: calc(50% - 11px);
+    right: 20px;
+}
+
+.cart_list .basket span {
+    float: left;
+    margin: 3px 15px 0 0;
+}
+
+.cart_list .basket a {
+    float: left;
+    display: block;
+    width: 22px;
+    height: 22px;
+    background: url(../img/nutrition/nutrition_introduce_ico_basket.png) no-repeat center/100% auto;
+}
+
+.cart_list .basket a.active {
+    background: url(../img/nutrition/nutrition_introduce_ico_basket_on.png) no-repeat center/100% auto;
+}
+
+
+/* cart_btn */
+
+.cart_btn {
+    display: block;
+    padding: 12px;
+    font-weight: bold;
+    border-radius: 5px;
+    color: #a7a7a7;
+    background: #fff;
+    border: 1px solid #ddd;
+    margin: 0 0 30px;
+}
+
+.cart_btn img {
+    width: 18px;
+    height: auto;
+    margin-right: 5px;
+}
+
+.cart_list_btn {
+    padding: 30px 0 0;
+}
+
+.cart_list_btn a {
+    display: block;
+    padding: 15px;
+    text-align: center;
+    font-size: 18px;
+    border-radius: 8px;
+    background: #FF9C00;
+    color: #fff;
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+
+/* nutrition_cart_search */
+
+.nutrition_cart_search {
+    position: relative;
+    margin: 0 0 20px;
+    padding: 7px 20px;
+    background: #fff;
+    border-radius: 20px;
+    overflow: hidden;
+}
+
+.nutrition_cart_search input {
+    width: calc(100% - 32px);
+    border: 0;
+    background: 0;
+}
+
+.nutrition_cart_search input::placeholder {
+    font-size: 14px;
+    color: #999;
+    text-align: center;
+}
+
+.nutrition_cart_search button {
+    position: absolute;
+    top: 10px;
+    right: 15px;
+    border: 0;
+    background: 0;
+}
+
+.nutrition_cart_search button::before {
+    position: absolute;
+    top: -5px;
+    left: -13px;
+    content: '|';
+    color: #ddd;
+}
+
+.nutrition_cart_search button img {
+    width: 16px;
+    height: auto;
+}
+
+.myChart_wrap {
+    position: relative;
+    width: 100%;
+}
+
+#myChart {
+    width: 100% !important;
+}
+
+
+/* nutrition_commercial */
+
+.nutrition_commercial {
+    padding: 0 0 50px;
+}
+
+
+/* nutrition_commercial_tab */
+
+.nutrition_commercial_tab {
+    padding: 30px 20px 0;
+    margin: 0 0 -20px;
+    overflow: hidden;
+    border-bottom: 1px solid #ddd;
+}
+
+.nutrition_commercial_tab .swiper-wrapper {
+    text-align: center;
+}
+
+.nutrition_commercial_tab .swiper-wrapper .swiper-slide {
+    height: 30px;
+}
+
+.nutrition_commercial_tab .swiper-wrapper .swiper-slide a {
+    display: block;
+    padding-bottom: 12px;
+    font-size: 15px;
+    letter-spacing: -1px;
+}
+
+.nutrition_commercial_tab .swiper-wrapper .swiper-slide.active a {
+    border-bottom: 3px solid #FF9C00;
+}
+
+
+/* nutrition_commercial_tit */
+
+.nutrition_commercial_tit {
+    position: relative;
+    padding: 10px 12px 14px;
+    background: #FF9C00;
+    border-radius: 3px;
+    margin: 0 20px;
+}
+
+.nutrition_commercial_tit p * {
+    vertical-align: middle;
+}
+
+.nutrition_commercial_tit span {
+    color: #fff;
+}
+
+.nutrition_commercial_tit span:nth-child(2) {
+    font-size: 15px;
+    margin: 0 5px;
+}
+
+.nutrition_commercial_tit strong {
+    font-weight: 300;
+    color: #fff;
+}
+
+.nutrition_commercial_tit a {
+    position: absolute;
+    top: 14px;
+    right: 12px;
+    font-size: 13px;
+    color: #fff;
+}
+
+.nutrition_commercial_tit a img {
+    width: 10px;
+    height: auto;
+}
+
+
+/* nutrition_commercial_list */
+
+.nutrition_commercial_list_wrap {
+    padding-top: 50px;
+}
+
+.nutrition_commercial_list {
+    margin: 0 20px;
+    overflow: hidden;
+}
+
+.nutrition_commercial_list li {
+    float: left;
+    width: 48%;
+    line-height: 24px;
+    margin: 30px 0 0;
+    border-bottom: 1px solid #ddd;
+    overflow: hidden;
+}
+
+.nutrition_commercial_list li:nth-child(odd) {
+    margin-right: 4%;
+}
+
+.nutrition_commercial_list li a img {
+    border: 1px solid #ddd;
+    width: 100%;
+}
+
+.nutrition_commercial_list li a p {
+    margin-bottom: 10px;
+}
+
+.nutrition_commercial_list li a p span:first-child {
+    display: inline-block;
+    padding: 0 10px;
+    margin: 20px 0 0;
+    font-size: 13px;
+    color: #fff;
+    background: #888;
+    border-radius: 5px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.nutrition_commercial_list li a p span:last-child {
+    display: block;
+    font-size: 15px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.timepicker1 {
+    width: 100%;
+    height: 38px;
+    padding: 5px 10px;
+    margin-top: 10px;
+    text-align: right;
+    border-radius: 5px;
+    border: 1px solid #ddd;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+}
+
+
+/* review_top */
+
+.review_top {
+    overflow: hidden;
+}
+
+.review_top_tit {
+    width: 100%;
+    padding: 10px 20px 13px;
+    text-align: center;
+    background: #FF9C00;
+    color: #fff;
+    border-radius: 5px;
+}
+
+.review_top_circle {
+    width: 80px;
+    height: 80px;
+    text-align: center;
+    border: 2px solid #FF9C00;
+    border-radius: 50%;
+    margin: 25px auto 0;
+}
+
+.review_top_circle .txt {
+    display: table-cell;
+    vertical-align: middle;
+    width: 76px;
+    height: 76px;
+    font-weight: 500;
+}
+
+.growth_review_color .review_top_tit {
+    background: #004A71;
+}
+
+.growth_review_color .review_top_circle {
+    border: 2px solid #004A71;
+}
+
+
+/* 소나 측정 */
+
+.sona_main_wrap {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+}
+
+main.sona_cont {
+    max-width: 1024px;
+    margin: 0 auto;
+    height: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    padding: 20px;
+}
+
+.sona_main_wrap .sona_cont {
+    background: url(../img/measure/img_sona_main.png) no-repeat center/ 100% auto;
+}
+
+.sona_main {
+    width: 100%;
+    text-align: center;
+}
+
+.sona_main h2 {
+    font-size: 16px;
+    margin-top: 40px;
+}
+
+.sona_main h2 span {
+    display: block;
+}
+
+.sona_main h2 span:last-child {
+    font-size: 34px;
+    font-weight: 400;
+    margin-top: 7px;
+}
+
+.sona_main_bottom {
+    margin-top: auto;
+    width: 100%;
+    text-align: center;
+}
+
+.sona_main_bottom .faq {
+    display: inline-block;
+    color: #000;
+    font-size: 18px;
+    line-height: 1.4rem;
+    font-weight: 100;
+    padding: 0 3px;
+    padding-bottom: 3px;
+    margin-bottom: 20px;
+    border-bottom: 1px solid #666;
+}
+
+.sona_main_bottom .btn {
+    display: block;
+    width: 100%;
+    height: 37px;
+    line-height: 32px;
+    font-size: 16px;
+    font-weight: 300;
+    text-align: center;
+    text-decoration: none;
+    background-color: #69c0f8;
+    border-radius: 5px;
+    color: #fff;
+    margin-top: 15px;
+}
+
+.sona_main_bottom .btn:last-child {
+    background: #c5c5c5;
+}
+
+.sona_fail {
+    margin: auto;
+    text-align: center;
+    width: 100%;
+}
+
+.sona_fail img {
+    display: block;
+    max-width: 6.25rem;
+    width: 75%;
+    margin: 0 auto;
+}
+
+.sona_fail h2 {
+    position: relative;
+    color: #000;
+    white-space: nowrap;
+    display: block;
+    width: 100%;
+    text-align: center;
+    padding-top: 60px;
+    font-weight: 500;
+    font-size: 23px;
+}
+
+.sona_fail h3 {
+    padding-top: 30px;
+    color: #000;
+    font-size: 1.0625rem;
+    line-height: 1.4rem;
+    font-weight: 300;
+}
+
+.sona_btn {
+    margin-top: auto;
+    margin-bottom: 20px;
+    height: 35px;
+    width: 100%;
+    border-radius: 5px;
+    border: none;
+    background-color: #6ebef1;
+    font-size: 1.0625rem;
+    color: #fff;
+}
+
+.sona_battery {
+    margin: auto;
+    text-align: center;
+}
+
+.sona_battery img {
+    display: block;
+    width: 5rem;
+    margin: 0 auto;
+}
+
+.sona_battery h2 {
+    position: relative;
+    width: 7.5625rem;
+    color: #000;
+    white-space: nowrap;
+    display: block;
+    width: 100%;
+    text-align: center;
+    padding-top: 5.3125rem;
+    font-weight: 500;
+    font-size: 26px;
+}
+
+.sona_battery h3 {
+    padding-top: 1.4375rem;
+    padding-bottom: 3rem;
+    color: #000;
+    font-size: 1.0625rem;
+    line-height: 1.4rem;
+    font-weight: 300;
+}
+
+.sona_measurement01 {
+    margin: auto;
+    text-align: center;
+    width: 100%;
+}
+
+.sona_measurement01 .img_box {
+    position: relative;
+    max-width: 19.25rem;
+    margin: 0 auto;
+    margin-top: 2rem;
+}
+
+.sona_measurement01 .img_box img {
+    display: block;
+    margin: 0 auto;
+    max-width: 170px;
+    width: 100%;
+}
+
+.sona_measurement01_bottom {
+    margin-top: auto;
+    width: 100%;
+    text-align: center;
+}
+
+.sona_measurement01_bottom p {
+    color: #000;
+    font-size: 16px;
+    line-height: 1.4rem;
+    font-weight: 100;
+}
+
+.sona_measurement01_bottom .btn {
+    display: block;
+    width: 100%;
+    height: 37px;
+    line-height: 32px;
+    background-color: #fff;
+    border: 2px dotted #b0dbf6;
+    font-size: 16px;
+    font-weight: 500;
+    color: #252525;
+    text-align: center;
+    text-decoration: none;
+    margin: 25px 0 35px;
+}
+
+main.sona_cont_measurement {
+    position: relative;
+    max-width: 1024px;
+    height: 100%;
+    margin: 0 auto;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    padding: 1.5625rem;
+    background: url(../img/measure/bg_sona_measurement02.png)no-repeat right center/10rem auto !important;
+}
+
+.sona_measurement02 {
+    padding: 30px;
+    width: 100%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.sona_measurement02 h2 {
+    position: relative;
+    color: #74c1f7;
+    white-space: nowrap;
+    display: block;
+    width: 100%;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 1.3rem;
+}
+
+.sona_measurement02 h3 {
+    padding-top: 0.45rem;
+    color: #000;
+    font-size: 14px;
+    font-weight: 300;
+}
+
+.measure_box {
+    margin-top: 20px;
+}
+
+.measure_box button {
+    position: relative;
+    display: block;
+    width: 9.9375rem;
+    height: 35px;
+    line-height: 33px;
+    border: 1px solid #ccc;
+    margin-bottom: 0.5625rem;
+    font-size: 18px;
+    font-weight: 500;
+    color: #6f6f6e;
+    background: #fff;
+    border-radius: 5px;
+    text-align: left;
+    outline: none;
+    padding: 0;
+}
+
+.measure_box button .num {
+    width: 4.8rem;
+    display: inline-block;
+    text-align: right;
+    line-height: 33x;
+    vertical-align: top;
+    margin-top: -1px;
+}
+
+.measure_box button .unit {
+    display: inline-block;
+    padding-left: 0.3rem;
+    color: #6f6f6e;
+    font-weight: 300;
+    line-height: 33px;
+    vertical-align: top;
+    margin-top: -1px;
+}
+
+.measure_box button.m_btn {
+    color: #252525;
+}
+
+.measure_box .m_btn:before {
+    content: "";
+    position: absolute;
+    top: 50%;
+    right: 0.71875rem;
+    margin-top: -9px;
+    width: 18px;
+    height: 18px;
+    background: url(../img/measure/chk_off.png)no-repeat center/contain;
+}
+
+.measure_box .m_btn.active {
+    border: 1px dotted #b0dbf6;
+    background: #69c0f8;
+    color: #fff;
+}
+
+.measure_box .m_btn.active:before {
+    background: url(../img/measure/chk_on.png)no-repeat center/contain;
+}
+
+.measure_box .m_btn.active .unit {
+    color: #fff;
+}
+
+@media screen and (max-width: 320px) {
+    .nutrition_kinds_list li a span {
+        padding: 3px 5px 5px;
+        font-size: 12px;
+    }
+    .babyfood_search_tab li a {
+        font-size: 13px;
+        letter-spacing: -1px;
+    }
+}
+
+@media screen and (min-width: 450px) {
+    .growth_prediction .growth_prediction_graph p.num01 {
+        top: 18%;
+        left: 20%;
+    }
+    .growth_prediction .growth_prediction_graph p.num02 {
+        top: 5%;
+        left: 55%;
+    }
+}
+
+@media screen and (min-width: 550px) {
+    .growth_prediction .growth_prediction_graph p.num01 {
+        top: 19%;
+        left: 23%;
+    }
+    .growth_prediction .growth_prediction_graph p.num02 {
+        top: 7%;
+        left: 58%;
+    }
+}
+
+@media screen and (min-width: 700px) {
+    .growth_prediction .growth_prediction_graph p.num01 {
+        top: 22%;
+        left: 23%;
+    }
+    .growth_prediction .growth_prediction_graph p.num02 {
+        top: 9%;
+        left: 59%;
+    }
+}
+
+
+/* 인트로 intro */
+
+.bg_intro {
+    background: #ff9c00;
+}
+
+#intro {
+    width: 100%;
+    max-width: 700px;
+    height: 100%;
+    margin: 0 auto;
+    background: #ff9c00 url('../../img/intro.png') center no-repeat;
+    background-size: contain;
+}
+
+
+/* 영양검색탭 nutrition_search_tab */
+
+.nutrition_search_fix {
+    position: fixed;
+    top: 50px;
+    width: 100%;
+    z-index: 9999;
+    background: #fff;
+    max-width: 1024px;
+}
+
+.nutrition_search_tab {
+    position: relative;
+    padding: 10px 20px 0;
+    margin: 0 0 50px;
+    border-bottom: 1px solid #ddd;
+}
+
+.nutrition_search_tab .swiper-wrapper {
+    position: static;
+    text-align: center;
+}
+
+.nutrition_search_tab .swiper-wrapper .swiper-slide {
+    position: static;
+    height: 30px;
+}
+
+.nutrition_search_tab .swiper-wrapper .swiper-slide a {
+    display: block;
+    padding-bottom: 12px;
+    font-size: 15px;
+    letter-spacing: -1px;
+}
+
+.nutrition_search_tab .swiper-wrapper .swiper-slide p {
+    display: none;
+    position: absolute;
+    top: 31px;
+    left: -20px;
+    width: calc(100% + 40px);
+    padding: 20px 30px;
+    font-size: 14px;
+    text-align: left;
+    background: #f5f5f5;
+    color: #FF9C00;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.nutrition_search_tab .swiper-wrapper .swiper-slide.active p {
+    display: block;
+}
+
+.nutrition_search_tab .swiper-wrapper .swiper-slide.active a {
+    border-bottom: 3px solid #FF9C00;
+    color: #FF9C00;
+}
\ No newline at end of file