@charset "UTF-8";

:root
{
	--white : #fff;
	--black : #111;
	--red : #e4353b;
	--blue : #2652c7;
	--gray1 : #fafafa;
	--gray2 : #f0f0f0;
	--gray3 : #eee;
	--gray4 : #aaa;
	--gray5 : #666;
	--gray6 : #333;
	
	--font-default : 400;
	--font-normal : 400;
	--font-sami-bold : 500;
	--font-bold : 700;
	--font-bolder : 900;
	
	--site-color : #2e387e;
	--site-bg-color : #f4f6fd;
}



/* 버튼 */
.button	{ display: inline-flex; align-items: center; justify-content: center; min-width: 200px; height: 60px !important; line-height: 1.1; padding: 0; margin: 0; border: solid 1px var(--site-color); border-radius: 10px; background-color: #fff; color: var(--site-color); font-size: 20px; font-weight: var(--font-sami-bold); white-space: nowrap; }
	td .button	{ min-width: 0; }
.button + .button	{ margin-left: 10px; }
.button.small	{ min-width: auto; height: 40px !important; padding: 0 1em; border-radius: 5px; font-size: 18px; }
.button.large	{ min-width: 200px; height: 80px !important; font-size: 22px; }
.button:focus, .button:hover, .button:active	{ border-color: #333 !important; background-color: #333 !important; color: #fff !important; }


.button.action_list	{ border-color: var(--site-color); background-color: #fff; color: var(--site-color); }
.button.action_write, .button.action_reply	{ border-color: var(--site-color); background-color: var(--site-color); color: #fff; }
.button.action_edit	{ border-color: #167d63; background-color: #167d63; color: #fff; }
.button.action_delete, .button.action_check	{ border-color: var(--red); background-color: #fff; color: var(--red); }
.button.action_reset, .button.action_cancel	{ border-color: #7e7e7e; background-color: #7e7e7e; color: #fff; }
.button.black	{ border-radius: 0; background-color: var(--black); color: var(--white); }

	#session_timeout_box .button	{ min-width: 200px; border-color: var(--site-color); background-color: var(--site-color); color: #fff; }

.order,
.order_r	{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; margin: 40px 0; }
.order.left	{ justify-content: flex-start; }
.order.center	{ justify-content: center; }
.order.right,
.order_r	{ justify-content: flex-end; }
.order > *	{ flex: 0 1; }
.order > a > img	{ display: block; width: 40px; height: 40px; border: 0 none; }
.order > a > img + span	{ position: absolute; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
.order .button	{ margin: 0 !important; }

.in_order	{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; margin: 0; }
.in_order > *	{ flex: 0 1 150px; }
* + .in_order	{ margin-top: 10px; }
.in_order + *	{ margin-top: 10px; }

@media all and ( max-width: 768px )
{
	.button	{ height: 50px !important; border-radius: 6px; font-size: 1.1rem; }
	.button.small	{ height: 35px !important; padding: 0 5px; border-radius: 3px; font-size: 1rem; }
	
	.order > *	{ flex: 1 1; }
	.in_order > *	{ flex: 1 1; }
}



.in_tabmenu	{ margin: 40px 0; padding : 0;}
.in_tabmenu ul	{ display: flex; }
.in_tabmenu ul li	{ flex: 1; }
.in_tabmenu ul li a	{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; height: 50px; line-height: 1.1; padding: 0 5px; margin: -1px; border: 1px solid #ccc; background-color: #f0f0f0; text-align: center; color: #111; letter-spacing: -1px; }
.in_tabmenu ul li a.color2	{ background-color: #666; color: #fff; border-color: #666; }
.in_tabmenu ul li a:focus, .in_tabmenu ul li a:hover, .in_tabmenu ul li a:active	{ border-color: #000 !important; background-color: #000 !important; color: #fff !important; }
.in_tabmenu ul li a.active	{ z-index: 2; border-color: var(--site-color); background-color: var(--site-color); color: #fff; }

.in_content	{ display: none; }
.in_content.active	{ display: block; }


.vertical	{ writing-mode: vertical-rl; }



/* 검색 영역 */
form fieldset	{ border: 0 none; }
form fieldset legend	{ position: absolute; width: 0; height: 0; font-size: 0; text-indent: -99999px; overflow: hidden; }

button	{ appearance: none !important; }
select	{ appearance: none !important; padding-left: 10px; padding-right: 33px !important; }


.search	{ padding: 0; margin: 0; border: 0 none; background: none; }
.search form	{ padding: 40px 80px; margin: 0 0 40px 0; background-color: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); }
.search form fieldset	{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }
.search form fieldset *	{ padding: 0; margin: 0; }
.search form fieldset .input_box	{ flex: none; display: flex; align-items: center; justify-content: center; }

.search form label	{ position: absolute; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
.search form input[type="text"],
.search form select	{ position: relative; max-width: 100%; height: 48px; padding: 0 20px; border: 1px solid #ddd; appearance: none; font-size: 16px; font-weight: var(--font-sami-bold); }
.search form input[type="text"]	{ flex-grow: 1; flex-shrink: 1; }
.search form select	{ flex-grow: 0; flex-shrink: 0; }
.search form textarea	{ width: 100%; min-height: 100px; padding: 0 20px; border: 1px solid #ddd; appearance: none; font-size: 16px; font-weight: var(--font-sami-bold); }
.search form button,
.search form .form_button	{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 120px; height: 48px; border: 0 none; background-color: #666; color: #fff; font-size: 18px; font-weight: var(--font-sami-bold); }
.search form button[type="submit"]	{ gap: 5px; background-color: #23316c; color: #fff; }
.search form button[type="submit"]:before	{ content: none; }

.search form button:focus, .search form button:hover, .search form button:active,
.search form .form_button:focus, .search form .form_button:hover, .search form .form_button:active	{ background-color: #333; color: #fff; }


@media all and ( max-width: 768px )
{
	.search	{ padding: 15px; margin: 0 0 40px 0; background-color: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); }
	.search form	{ padding: 0; margin: 0; background-color: transparent; box-shadow: none; }
	.search form fieldset	{ gap: 0 5px; }
	.search form fieldset .input_box	{ flex: 1; }
	.search form label	{ flex: none !important; position: relative; left: 0; top: -20px; width: 0; height: auto; line-height: 1; font-size: 15px; font-weight: 700; overflow: visible; white-space: nowrap; }
	.search form label[for="search_field"]	{ margin-left: 10px; }
	.search form label[for="search_word"]	{ flex: 1 1 100%; top: 0; margin-top: 15px; }

	.search form select	{ flex: 1 1 auto; width: calc((100% - 10px) / 2); height: 38px; margin-top: 30px; }
	.search form input[type="text"]	{ flex: 1 1 90%; height: 38px; margin-top: 30px; }
	
	.search form legend + label[for="search_field"],
	.search form input[type="hidden"] + label[for="search_field"]	{ top: 0; width: 100%; margin-left: 0; }
	.search form legend + label[for="search_field"] + select[name="search_field"],
	.search form input[type="hidden"] + label[for="search_field"] + select[name="search_field"]	{ flex: 1 1 100%; width: 100%; margin-top: 8px; }
	
	.search form button[type="submit"]	{ flex: 1 1 100%; margin-top: 15px; }
}



/* 표 */
table	{ width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse; border-width: 2px 2px 1px 2px; border-style: solid; border-color: var(--site-color) #fff #e1e1e1 #fff; }
table caption	{ height: 0; line-height: 0; font-size: 0; text-indent: -999999px; overflow: hidden; }
table th, table td	{ padding: 10px; border: 1px solid #e1e1e1; vertical-align: middle; text-align: left; }
table th	{ height: 20px; background-color: #f8f8f8; text-align: center; font-weight: var(--font-sami-bold); }
table td.empty	{ height: 200px; text-align: center !important; font-weight: var(--font-bold); }
table.txtcenter td,
table tbody.txtcenter td,
table tfoot.txtcenter td,
table tr.txtcenter td,
table tr td.txtcenter	{ text-align: center !important; }
table.txtleft td,
table tbody.txtleft td,
table tfoot.txtleft td,
table tr.txtleft td,
table tr td.txtleft	{ text-align: left !important; }
table.txtright td,
table tbody.txtright td,
table tfoot.txtright td,
table tr.txtright td,
table tr td.txtright	{ text-align: right !important; }
table td .file img	{ width: 25px; height: 25px; }



@media all and ( max-width: 768px )
{
	table th, table td	{ padding: 5px; }
	
	table.mobile_table	{ display: block; }
	table.mobile_table caption,
	table.mobile_table colgroup,
	table.mobile_table thead	{ display: none; }
	table.mobile_table tbody	{ display: block; }
	table.mobile_table tbody tr	{ display: block; border-bottom: 2px solid #222; }
	table.mobile_table tbody tr:last-child	{ border-bottom-width: 0; }
	table.mobile_table tbody tr th	{ display: flex; align-items: center; justify-content: center; width: 30%; height: 100%; background-color: var(--site-bg-color); color: var(--black); font-weight: var(--font-sami-bold); content: attr(data-title); }
	table.mobile_table tbody tr th[rowspan]	{ width: 100%; border: 2px solid #222; border-top-width: 0; }
	table.mobile_table tbody tr:first-child th[rowspan]	{ border-top-width: 2px; }
	table.mobile_table tbody tr th[rowspan] br	{ display: none; }
	table.mobile_table tbody tr td	{ position: relative; display: block; min-height: 37px; padding: 5px 5px 5px calc(30% + 5px) !important; border-width: 0 0 1px 0; text-align: left !important; }
	table.mobile_table tbody tr td:last-child	{ border-bottom-width: 0; }
	table.mobile_table tbody tr td:before	{ position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 30%; height: 100%;background-color: var(--site-bg-color); color: var(--black); font-weight: var(--font-sami-bold); content: attr(data-title); }
	table.mobile_table tbody tr .mobile_hide	{ display: none !important; }
	table.mobile_table tbody tr td.empty	{ display: flex; align-items: center; justify-content: center; height: 200px; padding: 0 !important; text-align: center; }
	table.mobile_table tbody tr td.empty:before	{ content: none; }
	table.mobile_table tfoot	{ display: block; }
	table.mobile_table tfoot tr	{ display: block; border-bottom: 2px solid #222; }
	table.mobile_table tfoot tr:last-child	{ border-bottom-width: 0; }
	table.mobile_table tfoot tr th	{ display: flex; align-items: center; justify-content: center; width: 30%; height: 100%; background-color: var(--site-bg-color); color: var(--black); font-weight: var(--font-sami-bold); content: attr(data-title); }
	table.mobile_table tfoot tr td	{ position: relative; display: block; padding: 5px 5px 5px calc(30% + 5px) !important; border-width: 0 0 1px 0; text-align: left !important; }
	table.mobile_table tfoot tr td:last-child	{ border-bottom-width: 0; }
	table.mobile_table tfoot tr td:before	{ position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 30%; height: 100%; background-color: var(--site-bg-color); color: var(--black); font-weight: var(--font-sami-bold); content: attr(data-title); }
	table.mobile_table tfoot tr .mobile_hide	{ display: none !important; }
	
	table.mobile_table a	{ font-weight: bold; }
	
	
	table.mobile_table2	{ display: block; }
	table.mobile_table2 caption,
	table.mobile_table2 colgroup	{ display: none; }
	table.mobile_table2 tbody	{ display: block; }
	table.mobile_table2 tbody tr	{ display: block; }
	table.mobile_table2 tbody tr th	{ display: block; border-bottom-width: 0; }
	table.mobile_table2 tbody tr td	{ display: block; border-bottom-width: 0; }
}


form label	{ display: inline-block; vertical-align: middle; }
form input[type="checkbox"],
form input[type="radio"]	{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; }
form input[type="text"],
form input[type="password"],
form input[type="file"],
form select	{ position: relative; max-width: 100%; height: 48px; padding: 0 20px; border: 1px solid #ddd; appearance: none; font-size: 16px; font-weight: var(--font-sami-bold); }
form input[type="text"]	{ flex-grow: 1; flex-shrink: 1; }
form input[type="file"]	{ padding-top: 8px; padding-left: 8px; }

form .width_full	{ width: 100%; max-width: 100%; }


/* 목록 */
.count	{ margin: 40px 0 5px 0; font-size: 18px; }
.count strong	{ color: var(--site-color); font-weight: var(--font-bold); }


/* 페이징 */
.pagejump	{ display: flex; justify-content: center; gap: 10px; margin: 50px 0 0 0; }
.pagejump p	{ display: flex; justify-content: center; gap: 10px; }
.pagejump a	{ display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 1px solid transparent; font-size: 17px; }
.pagejump a:focus, .pagejump a:hover, .pagejump a:active	{ border-color: var(--site-color); color: #000; }
.pagejump a.now	{ border-color: var(--site-color); background-color: var(--site-color); color: #fff; }
.pagejump a.first	{ font-size: 10px; }
.pagejump a.first:after	{ content: "◀"; }
.pagejump a.prev	{ font-size: 10px; }
.pagejump a.prev:after	{ content: "◀"; }
.pagejump a.prev span	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.pagejump a.next	{ font-size: 10px; }
.pagejump a.next:after	{ content: "▶"; }
.pagejump a.next span	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.pagejump a.end	{ font-size: 10px; }
.pagejump a.end:after	{ content: "▶"; }


@media all and ( max-width: 768px )
{
	.pagejump a	{ width: 30px; height: 30px; font-size: 14px; }
}




.modules_health	{}
.modules_health > * + *	{ margin-top: 50px; }
.modules_health pre.logs	{ height: 300px; padding: 20px; border: 1px solid #c8c8c8; background-color: #fafafa; overflow: auto; }



.in_search	{}
.in_search form	{ margin: 20px 0; }
.in_search form fieldset	{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }
.in_search form fieldset:after	{ content: none;}
.in_search form fieldset > *	{ margin: 0; }
.in_search form fieldset label	{ display: inline-flex; align-items: center; font-weight: 500; }
.in_search form fieldset input[type="text"]	{ flex: 0 1 120px; min-width: 0; }
.in_search form fieldset button[type="submit"]	{ flex: 0 1 120px; min-width: 0; height: 48px; padding: 0; border: 0 none; background-color: #666; color: #fff; font-weight: 400; }
.in_search form fieldset button[type="submit"]:focus, .in_search form fieldset button[type="submit"]:hover, .in_search form fieldset button[type="submit"]:active	{ background-color: #000; color: #fff; }

.in_search .in_list	{ margin: 0 0 30px 0; }
.in_search .in_list table tbody tr td.empty	{ height: 100px; text-align: center !important; }
.in_search .in_list table tbody tr td button	{ width: 100%; min-width: 50px; max-width: 100%; height: 40px; padding: 0; border: 0 none; border-radius: 3px; background-color: #666; color: #fff; font-weight: 400; }

.in_search .in_page_jump	{ display: flex; align-items: center; justify-content: center; gap: 10px; }
.in_search .in_page_jump a	{ display: inline-block; }


table#food_add_list tbody tr.delete,
table#exercise_add_list tbody tr.delete	{ position: relative; background-color: #999 !important; color: #fff !important; opacity: 0.5 !important; }
table#food_add_list tbody tr.delete,
table#exercise_add_list tbody tr.delete	{ display: none !important; }
table#food_add_list tbody tr td .input_amount	{ display: flex; align-items: center; justify-content: center; }
table#food_add_list tbody tr td .input_amount button	{ flex: 0 0 50px; padding: 0; margin: 0; height: 40px; border: 0 none; background-color: #666; color: #fff; font-weight: normal; font-size: 30px; }
table#food_add_list tbody tr td .input_amount input	{ flex: 0 1 100px; min-width: 0; height: 40px; padding: 0; text-align: center; }
table#food_add_list tbody tr td .input_amount span.unit	{ flex: 0 0 5em; display: inline-block; line-height: 1.1; padding: 0 5px; }


@media all and ( max-width: 768px )
{
	.ui-widget	{ font-size: 1rem; }
	table.mobile_table tbody tr td:before	{ line-height: 1; text-align: center; word-break: break-word; }
	
	td .food_list	{ margin: -10px; }
	
	table.mobile_table2	{ display: block; }
	table.mobile_table2 > caption,
	table.mobile_table2 > colgroup,
	table.mobile_table2 > thead	{ display: none; }
	table.mobile_table2 > tbody	{ display: block; }
	table.mobile_table2 > tbody > tr	{ display: block; }
	table.mobile_table2 > tbody > tr:after	{ display: block; clear: both; content: ""; }
	table.mobile_table2 > tbody > tr + tr	{ border-top: 1px dashed #666; }
	table.mobile_table2 > tbody > tr > th	{ display: none; border: 0 none; }
	table.mobile_table2 > tbody > tr > td	{ display: block; clear: both; padding: 5px; border: 0 none; text-align: left !important; }
	table.mobile_table2 > tbody > tr > td.empty	{ width: 100%; height: auto; padding: 20px 0; text-align: center !important; }
	table.mobile_table2 > tbody > tr > td:before	{ flex: 0 1 200px; display: flex; align-items: center; height: 30px; padding: 0; margin-left: 0; background-color: transparent; font-size: 14px; font-weight: 600; content: attr(data-title); }
	table.mobile_table2 > tbody > tr > td.empty:before	{ content: none; }
	table.mobile_table2 > tbody > tr > td:last-child:before	{ content: none; }
	table.mobile_table2 > tbody > tr > td + td	{ border-top: 1px solid #eaeaea; }
	table.mobile_table2 > tbody > tr > td button.process_delete	{ width: 100% !important; }
	
	table#food_add_list.mobile_table2 > tbody > tr > td:nth-child(2),
	table#food_add_list.mobile_table2 > tbody > tr > td:nth-child(3)	{ float: left; clear: none; width: 50%; }

	table#food_add_list tbody tr td .input_amount input	{ width: 100px; height: 30px; }
	table#food_add_list tbody tr td .input_amount button	{ height: 30px; }
	
	table.mobile_table2.nothead > tbody > tr	{}
	table.mobile_table2.nothead > tbody > tr + tr	{ border-top: 2px solid #eaeaea; }
	table.mobile_table2.nothead > tbody > tr > th	{ flex: 0 1 200px; display: flex; align-items: center; height: 40px; padding: 0; background-color: transparent; font-size: 14px; font-weight: 600; }
	table.mobile_table2.nothead > tbody > tr > td	{ }
	table.mobile_table2.nothead > tbody > tr > td:before	{ content: none; }
	
	table.mobile_table2 table.mobile_table2	{ border: 2px solid #e1e1e1; }
}






/*
데쉬보드
*/
.modules_health .proc_dashboard	{}
.modules_health .proc_dashboard .calendar_box	{}
.modules_health .proc_dashboard .calendar_box .date_title	{ display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 20px; }
.modules_health .proc_dashboard .calendar_box .date_title a	{ position: relative; display: block; width: 30px; height: 30px; border: 1px solid #c8c8c8; border-radius: 5px; background-color: #fff; text-indent: -999px; font-size: 14px; overflow: hidden; }
.modules_health .proc_dashboard .calendar_box .date_title a:after	{ position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-indent: 0; content: ""; }
.modules_health .proc_dashboard .calendar_box .date_title a.prev_month:after	{ content: "◀"; }
.modules_health .proc_dashboard .calendar_box .date_title a.next_month:after	{ content: "▶"; }
.modules_health .proc_dashboard .calendar_box .date_title h3	{ line-height: 1.1; font-size: 24px; font-weight: 700; }

.modules_health .proc_dashboard .calendar_box .calendar	{ margin: 20px 0; }
.modules_health .proc_dashboard .calendar_box .calendar table	{ border-width: 1px; border-color: #ddd; }
.modules_health .proc_dashboard .calendar_box .calendar table thead tr th,
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td	{ border: 1px solid #ddd; }
.modules_health .proc_dashboard .calendar_box .calendar table thead tr th	{ height: 40px; padding: 0; text-align: center; font-weight: 600; }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td	{ height: 50px; padding: 0; text-align: center; }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td.prev_month,
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td.next_month,
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td.notused	{ background-color: #fafafa; color: #999; font-size: 12px; }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a	{ position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: #eee; font-size: 14px; vertical-align: middle; }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a strong,
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a em	{ position: absolute; left: 5px; top: 5px; z-index: 3; display: flex; align-items: center; justify-content: center; width: calc(100% - 10px); height: calc(100% - 10px); border-radius: 50%; background-color: #fff; }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a strong	{ background-color: #ea5654; color: #fff; font-weight: bolder; }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a span	{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 50%; background: transparent; }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a.body_1 span.body	{ background: conic-gradient( #344ab9 0deg 90deg, transparent 90deg 360deg ); }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a.food_1 span.food	{ background: conic-gradient( transparent 0deg 90deg, #6725af 90deg 120deg, transparent 120deg 360deg ); }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a.food_2 span.food	{ background: conic-gradient( transparent 0deg 90deg, #6725af 90deg 150deg, transparent 150deg 360deg ); }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a.food_3 span.food	{ background: conic-gradient( transparent 0deg 90deg, #6725af 90deg 180deg, transparent 180deg 360deg ); }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a.food_4 span.food	{ background: conic-gradient( transparent 0deg 90deg, #6725af 90deg 210deg, transparent 210deg 360deg ); }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a.food_5 span.food	{ background: conic-gradient( transparent 0deg 90deg, #6725af 90deg 240deg, transparent 240deg 360deg ); }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a.food_6 span.food	{ background: conic-gradient( transparent 0deg 90deg, #6725af 90deg 270deg, transparent 270deg 360deg ); }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a.exercise_1 span.exercise	{ background: conic-gradient( transparent 0deg 270deg, #008758 270deg 300deg, transparent 300deg 360deg ); }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a.exercise_2 span.exercise	{ background: conic-gradient( transparent 0deg 270deg, #008758 270deg 330deg, transparent 330deg 360deg ); }
.modules_health .proc_dashboard .calendar_box .calendar table tbody tr td a.exercise_3 span.exercise	{ background: conic-gradient( transparent 0deg 270deg, #008758 270deg 360deg, transparent 360deg 360deg ); }

.modules_health .proc_dashboard .detail_list	{ border: 1px solid #ddd; }
.modules_health .proc_dashboard .detail_list h3	{ display: flex; align-items: center; justify-content: center; height: 60px; margin: -1px; background-color: #ea5654; color: #fff; font-size: 24px; }
.modules_health .proc_dashboard .detail_list h4	{ display: flex; align-items: center; justify-content: center; height: 50px; margin: 0 -1px; background-color: #666; color: #fff; font-size: 18px; }
.modules_health .proc_dashboard .detail_list ul	{}
.modules_health .proc_dashboard .detail_list ul li	{}
.modules_health .proc_dashboard .detail_list ul li + Li	{ border-top: 1px solid #ddd; }
.modules_health .proc_dashboard .detail_list ul li a.empty	{ display: flex; align-items: center; justify-content: center; height: 40px; background-color: #fafafa; }
.modules_health .proc_dashboard .detail_list ul li a.notempty	{ display: flex; flex-wrap: wrap; padding: 20px; }
.modules_health .proc_dashboard .detail_list ul li a.notempty strong	{ flex: none; line-height: 25px; font-size: 18px; }
.modules_health .proc_dashboard .detail_list ul li a.notempty strong + dl	{ flex: none; line-height: 25px; padding: 0; margin: 0; }
.modules_health .proc_dashboard .detail_list ul li a.notempty strong + dl dt	{ position: absolute; width: 0; height: 0; overflow: hidden; }
.modules_health .proc_dashboard .detail_list ul li a.notempty strong + dl dd	{ padding-left: 20px; }
.modules_health .proc_dashboard .detail_list ul li a.notempty dl + dl	{ flex: 1 1 100%; display: flex; flex-wrap: wrap; gap: 5px; line-height: 1.2; padding: 0 20px; margin: 10px -20px 0 -20px; border-top: 1px solid #eee; }
.modules_health .proc_dashboard .detail_list ul li a.notempty dl + dl dt	{ flex: 1 1 100%; padding-top: 10px; font-size: 16px; font-weight: 500; }
.modules_health .proc_dashboard .detail_list ul li a.notempty dl + dl dd + dt	{ position: relative; }
.modules_health .proc_dashboard .detail_list ul li a.notempty dl + dl dd + dt:before	{ position: absolute; left: -20px; top: 0; width: calc(100% + 40px); height: 1px; background-color: #eee; content: ""; }
.modules_health .proc_dashboard .detail_list ul li a.notempty dl + dl dt + dd	{ margin-left: 20px; }
.modules_health .proc_dashboard .detail_list ul li a.notempty dl + dl dd + dd:before	{ display: inline-block; padding: 0 5px 0 0; text-align: center; content: ""; }

.modules_health .proc_dashboard .detail_list .my_do_it	{ padding: 20px; }
.modules_health .proc_dashboard .detail_list .my_do_it pre	{ font-size: 1.1em; font-weight: 600;}

.modules_health .proc_dashboard .detail_list .notice	{}
.modules_health .proc_dashboard .detail_list .notice ul	{ }
.modules_health .proc_dashboard .detail_list .notice ul li	{ border-bottom: 1px solid #ddd; }
.modules_health .proc_dashboard .detail_list .notice ul li + li	{ border-top: none; }
.modules_health .proc_dashboard .detail_list .notice ul li a	{ display: block; padding: 10px; }
.modules_health .proc_dashboard .detail_list .notice ul li a strong	{ display: block; line-height: 1.1; font-weight: normal; }
.modules_health .proc_dashboard .detail_list .notice ul li a span	{ display: block; text-align: right; font-size: 0.8em; }

.modules_health .proc_dashboard .detail_list .movie	{ border-bottom: 1px solid #ddd; }
.modules_health .proc_dashboard .detail_list .movie ul	{ display: flex; flex-wrap: wrap; gap: 5px; padding: 5px; }
.modules_health .proc_dashboard .detail_list .movie ul li	{ flex: 0 1 calc((100% - 5px * 1) / 2); border: 0 none; }
.modules_health .proc_dashboard .detail_list .movie ul li a	{ display: block; padding: 0; }
.modules_health .proc_dashboard .detail_list .movie ul li a img	{ display: block; width: 100%; object-fit: cover; aspect-ratio: 16 / 9; }
.modules_health .proc_dashboard .detail_list .movie ul li a strong	{ display: block; line-height: 1.1; font-weight: normal; }
.modules_health .proc_dashboard .detail_list .movie ul li a span	{ display: none; }

.modules_health .proc_dashboard .detail_list .exercise_list	{}
.modules_health .proc_dashboard .detail_list .exercise_list	.today_walk { display: flex; flex-direction: column; gap: 10px; padding: 20px; }
.modules_health .proc_dashboard .detail_list .exercise_list	.today_walk h4	{ display: block; height: auto; line-height: 1.1; background: transparent; font-size: 13px; font-weight: 400; color: #111; }
.modules_health .proc_dashboard .detail_list .exercise_list	.today_walk p	{ line-height: 1.1; font-size: 18px; font-weight: bold; }

.modules_health .proc_dashboard .detail_list .exercise_list	ul li a.notempty dl + dl	{ display: block; }
.modules_health .proc_dashboard .detail_list .exercise_list	ul li a.notempty dl + dl:after	{ display: block; clear: both; content: ""; }
.modules_health .proc_dashboard .detail_list .exercise_list	ul li a.notempty dl + dl dt	{ float: left; clear: both; width: 48%; padding: 10px 0 0 0; }
.modules_health .proc_dashboard .detail_list .exercise_list	ul li a.notempty dl + dl dd	{ float: left; width: 25%; padding: 10px 0 0 0; }
.modules_health .proc_dashboard .detail_list .exercise_list	ul li a.notempty dl + dl dd	{ margin-left: 0 !important; }
.modules_health .proc_dashboard .detail_list .exercise_list	ul li a.notempty dl + dl dd + dt:before	{ content: none; }

.modules_health .proc_dashboard .detail_list .food_list ul li a.notempty dl	{ flex: 1 1 100%; display: flex; }
.modules_health .proc_dashboard .detail_list .food_list ul li a.notempty dl dt	{ font-weight: bold; }
.modules_health .proc_dashboard .detail_list .food_list ul li a.notempty dl dd:before	{ display: inline-block; padding: 0 20px; content: ""; }

.modules_health .proc_dashboard .detail_list .body_list a.empty	{ display: flex; align-items: center; justify-content: center; height: 40px; background-color: #fafafa; }
.modules_health .proc_dashboard .detail_list .body_list a.notempty dl	{ flex: 1 1 100%; display: flex; flex-wrap: wrap; padding: 15px; }
.modules_health .proc_dashboard .detail_list .body_list a.notempty dl dt	{ flex: 1 1 3em; text-align: right; }
.modules_health .proc_dashboard .detail_list .body_list a.notempty dl dt:after	{ display: inline-block; padding: 0 5px; content: ":"; }
.modules_health .proc_dashboard .detail_list .body_list a.notempty dl dd	{ flex: 1 1 calc(100% - 3em); }
.modules_health .proc_dashboard .detail_list .body_list a.notempty dl dd .split	{ display: inline-block; padding: 0 0px; }


.modules_health .proc_dashboard .detail_list .exercise_list h4	{ background-color: #008758; color: #fff; }
.modules_health .proc_dashboard .detail_list .food_list h4	{ background-color: #6725af; color: #fff; }
.modules_health .proc_dashboard .detail_list .body_list h4	{ background-color: #344ab9; color: #fff; }

@media all and ( max-width: 375px )
{
	.modules_health .proc_dashboard .detail_list h3	{ font-size: 20px; }
}



/*
회원 상세 보기
*/
#dialog	{}
#dialog *	{ padding: 0; margin: 0; list-style: none; box-sizing: border-box; }
#dialog dl	{ display: flex; flex-wrap: wrap; border-width: 1px 1px 0 0; border-style: solid; border-color: #c8c8c8; }
#dialog dl dt	{ flex: 0 1 30%; display: flex; align-items: center; justify-content: center; min-height: 50px; padding: 10px; text-align: center; border-width: 0 0 1px 1px; border-style: solid; border-color: #c8c8c8; background-color: #f0f0f0; font-weight: bold; }
#dialog dl dd	{ flex: 0 1 70%; display: flex; align-items: center; justify-content: flex-start; min-height: 50px; padding: 10px; text-align: left; border-width: 0 0 1px 1px; border-style: solid; border-color: #c8c8c8; background-color: #fff; }
#dialog dl dt.full,
#dialog dl dd.full	{ flex: 1 1 100%; }




.modules_health .proc_default_history	{}
.modules_health .proc_default_history canvas#graph_chart	{ display: block; width: 100%; height: 100vw !important; max-height: 400px; margin: 0 auto 40px; box-sizing: border-box; }
.modules_health .proc_default_history .date_title	{ display: flex; align-items: center; justify-content: space-evenly; gap: 0; height: 60px; margin: -1px; background-color: #ea5654; color: #fff; font-size: 24px; }
.modules_health .proc_default_history .date_title a	{ position: relative; width: 40px; height: 40px; border: 1px solid #c8c8c8; border-radius: 50%; background-color: #fff; text-indent: -999px; overflow: hidden; }
.modules_health .proc_default_history .date_title a.prev:after	{ transform: rotate(-45deg) translate(20%, -45%); position: absolute; left: 50%; top: 50%; width: 15px; height: 15px; border-width: 2px 0 0 2px; border-style: solid; border-color: #333; content: ""; }
.modules_health .proc_default_history .date_title a.next:after	{ transform: rotate(45deg) translate(-80%, 10%); position: absolute; left: 50%; top: 50%; width: 15px; height: 15px; border-width: 2px 2px 0 0; border-style: solid; border-color: #333; content: ""; }
.modules_health .proc_default_history .date_title a.prev_week:before	{ transform: rotate(-45deg) translate(20%, -45%); position: absolute; left: 50%; top: 50%; width: 15px; height: 15px; margin: 0 0 0 -5px; border-width: 2px 0 0 2px; border-style: solid; border-color: #333; content: ""; }
.modules_health .proc_default_history .date_title a.prev_week:after	{ transform: rotate(-45deg) translate(20%, -45%); position: absolute; left: 50%; top: 50%; width: 15px; height: 15px; margin: 0 0 0 3px; border-width: 2px 0 0 2px; border-style: solid; border-color: #333; content: ""; }
.modules_health .proc_default_history .date_title a.next_week:before	{ transform: rotate(45deg) translate(-80%, 10%); position: absolute; left: 50%; top: 50%; width: 15px; height: 15px; margin: 0 0 0 -5px; border-width: 2px 2px 0 0; border-style: solid; border-color: #333; content: ""; }
.modules_health .proc_default_history .date_title a.next_week:after	{ transform: rotate(45deg) translate(-80%, 10%); position: absolute; left: 50%; top: 50%; width: 15px; height: 15px; margin: 0 0 0 3px; border-width: 2px 2px 0 0; border-style: solid; border-color: #333; content: ""; }
.modules_health .proc_default_history .date_title a:focus, .modules_health .proc_default_history .date_title a:hover, .modules_health .proc_default_history .date_title a:active	{ border-color: #666; background-color: #666; }
.modules_health .proc_default_history .date_title a:focus:after, .modules_health .proc_default_history .date_title a:hover:after, .modules_health .proc_default_history .date_title a:active:after	{ border-color: #fff !important; }
.modules_health .proc_default_history .date_order	{ /*position: absolute; right: 10px; top: 10px;*/ display: flex; align-items: center; justify-content: center; height: 50px; padding: 10px; border: 1px solid #c8c8c8; border-radius: 5px; background-color: #fff; color: #1b1b1b; font-weight: bold; }
.modules_health .proc_default_history .detail_history	{ margin: 20px 0; border: 1px solid #ddd; }
.modules_health .proc_default_history .detail_history > h3	{ display: flex; align-items: center; justify-content: center; gap: 20px; height: 60px; border-bottom: 1px solid #ddd; background-color: #f0f0f0; }
.modules_health .proc_default_history .detail_history > dl	{ display: flex; flex-wrap: wrap; }
.modules_health .proc_default_history .detail_history > dl > dt	{ flex: 1 1 100%; padding: 10px; font-weight: bold; }
.modules_health .proc_default_history .detail_history > dl > dt > span	{ display: inline-block; margin-left: 10px; font-weight: normal; }
.modules_health .proc_default_history .detail_history > dl > dd + dt	{ margin-top: 10px; border-top: 1px solid #ddd; }
.modules_health .proc_default_history .detail_history > dl > dd	{ flex: 1 1 100%; padding: 0 10px 10px 10px; }
.modules_health .proc_default_history .detail_history > dl > dd > dl	{ display: flex; flex-wrap: wrap; }
.modules_health .proc_default_history .detail_history > dl > dd > dl > dt	{ flex: 0 1 20%; }
.modules_health .proc_default_history .detail_history > dl > dd > dl > dd	{ flex: 0 1 30%; }
.modules_health .proc_default_history .detail_history > dl > dd > dl > dt + dd:before	{ display: inline-block; padding: 0 5px; content: ":"; }

.modules_health .proc_default_history .detail_history > dl > dd > ul	{}
.modules_health .proc_default_history .detail_history > dl > dd > ul > li	{}
.modules_health .proc_default_history .detail_history > dl > dd > ul > li + li	{ margin-top: 5px; }
.modules_health .proc_default_history .detail_history > dl > dd > ul > li > dl	{ display: flex; gap: 10px; line-height: 1.1; }
.modules_health .proc_default_history .detail_history > dl > dd > ul > li > dl dt	{ flex: 2; }
.modules_health .proc_default_history .detail_history > dl > dd > ul > li > dl dd	{ flex: 1; }

.modules_health .proc_default_history .detail_history a.empty_data,
.modules_health .proc_default_history .detail_history a.edit_data	{ display: flex; align-items: center; justify-content: center; height: 50px; margin-top: 10px; border: 1px solid #ddd; border-radius: 5px; background-color: #f0f0f0; font-weight: normal; }
.modules_health .proc_default_history .detail_history a.empty_data:focus, .modules_health .proc_default_history .detail_history a.empty_data:hover, .modules_health .proc_default_history .detail_history a.empty_data:active,
.modules_health .proc_default_history .detail_history a.edit_data:focus, .modules_health .proc_default_history .detail_history a.edit_data:hover, .modules_health .proc_default_history .detail_history a.edit_data:active	{ background-color: #666; color: #fff; }


.modules_health .proc_exercise_history .detail_history > dl > dd > ul > li > dl	{ gap: 0; justify-content: space-evenly; }
.modules_health .proc_exercise_history .detail_history > dl > dd > ul > li > dl dt	{ flex: auto; }
.modules_health .proc_exercise_history .detail_history > dl > dd > ul > li > dl dd	{ flex: auto; }


@media all and ( max-width: 425px )
{
	.modules_health .proc_default_history .date_title	{ gap: 0; font-size: 20px; }
	.modules_health .proc_default_history .date_title a	{ width: 30px; height: 30px; }
	.modules_health .proc_default_history .date_title a.prev_week:before,
	.modules_health .proc_default_history .date_title a.prev_week:after,
	.modules_health .proc_default_history .date_title a.prev:after,
	.modules_health .proc_default_history .date_title a.next:after,
	.modules_health .proc_default_history .date_title a.next_week:before,
	.modules_health .proc_default_history .date_title a.next_week:after	{ width: 10px; height: 10px; }
	.modules_health .proc_default_history .date_title h3	{ font-size: 18px; }
}
@media all and ( max-width: 375px )
{
	.modules_health .proc_default_history .date_title	{ gap: 0; font-size: 20px; }
	.modules_health .proc_default_history .date_title a	{ width: 25px; height: 25px; }
	.modules_health .proc_default_history .date_title a.prev_week:before,
	.modules_health .proc_default_history .date_title a.prev_week:after,
	.modules_health .proc_default_history .date_title a.prev:after,
	.modules_health .proc_default_history .date_title a.next:after,
	.modules_health .proc_default_history .date_title a.next_week:before,
	.modules_health .proc_default_history .date_title a.next_week:after	{ width: 7px; height: 7px; }
	.modules_health .proc_default_history .date_title a.prev_week:before,
	.modules_health .proc_default_history .date_title a.next_week:before	{ margin-left: -3px; }
	.modules_health .proc_default_history .date_title h3	{ font-size: 16px; }
}



.modules_health .week_tabs	{ margin: 40px 0; overflow-x: auto; }
.modules_health .week_tabs ul	{ display: flex; gap: 2px; }
.modules_health .week_tabs ul li	{ flex: 1; }
.modules_health .week_tabs ul li button	{ width: 100%; height: 60px; padding: 0 10px; margin: 0; border: 0 none; background-color: #666; color: #fff; white-space: nowrap; }
.modules_health .week_tabs ul li button:focus, .modules_health .week_tabs ul li button:hover, .modules_health .week_tabs ul li button:active	{ background-color: #000; color: #fff; }
.modules_health .week_tabs ul li button.active	{ background-color: var(--site-color); color: #fff; }


.modules_health #graph	{ margin: 40px 0; }
.modules_health #graph .buttons	{ margin: 0 0 20px 0; text-align: center; }

@media all and ( max-width: 768px )
{
	.modules_health .week_tabs ul li button	{ height: 40px; }
}




/* 설문 */
.modules_health .questions	{}
.modules_health .questions h4	{ margin: 40px 0 10px 0; font-size: 1.5rem; }
.modules_health .questions p	{ margin-bottom: 30px; }
.modules_health .questions ol	{}
.modules_health .questions ol li	{}
.modules_health .questions ol li + li	{ margin-top: 40px; }
.modules_health .questions ol li dl	{}
.modules_health .questions ol li dl dt	{ font-weight: 500; }
.modules_health .questions ol li dl dt em	{ text-decoration: underline; }
.modules_health .questions ol li dl dt strong	{ font-weight: bold; }
.modules_health .questions ol li dl dd	{ margin-top: 10px; margin-left: 20px; }




.modules_health .check_message	{ line-height: 1.5; padding: 20px; border-bottom: 1px solid #ddd; text-align: center; color: #0939d4; font-size: 1.3rem; }





.modules_health .print_area_report	{ display: flex; flex-wrap: wrap; gap: 10px; }
.modules_health .print_area_report .print_left	{ flex: 1 1 40% }
.modules_health .print_area_report .print_right	{ flex: 1 1 40% }
.modules_health .print_area_report .print_line	{ flex: 1 1 100% }
.modules_health .print_area_report .order	{ flex: 1 1 100% }
.modules_health .print_area_report h3	{ display: flex; align-items: center; gap: 10px; font-size: 1.3rem; margin : 0px; }
.modules_health .print_area_report h3:before	{ content: "■"; }
/*
.modules_health .print_area_report h3:before	{ display: inline-block; width: 20px; height: 20px; border-radius: 3px; background-color: #7187f8; content: ""; }
*/
.modules_health .print_area_report dl	{ display: flex; flex-wrap: wrap; gap: 10px 0; line-height: 1.5; }
.modules_health .print_area_report * + dl	{ margin-top: 20px; }
.modules_health .print_area_report dl + *	{ margin-top: 20px; }
.modules_health .print_area_report dl dt	{ flex: 0 1 150px; font-weight: bold; }
.modules_health .print_area_report dl dd	{ flex: 0 1 calc(100% - 150px); }
.modules_health .print_area_report .print_right dl dt	{ flex: 0 1 150px; }
.modules_health .print_area_report .print_right dl dd	{ flex: 0 1 calc((100% - 150px * 2) / 2); }
.modules_health .print_area_report dl.wide dt	{ flex: 0 1 300px; }
.modules_health .print_area_report dl.wide dd	{ flex: 0 1 calc(100% - 300px); }


.modules_health .food_lists tbody tr td	{ vertical-align: middle; text-align: center; }
.modules_health .food_lists tbody tr td span	{ display: inline-flex; flex-direction: column; align-items: center; width: auto; max-width: 100%; }
.modules_health .food_lists tbody tr td span.food_image	{ gap: 1px; font-size: 0.9em;}
.modules_health .food_lists tbody tr td span.food_image + span.food_image	{ margin-left: 10px; }
.modules_health .food_lists tbody tr td span.food_image:before	{ display: block; width: 50px; max-width: 100%; aspect-ratio: 1 / 1; background: no-repeat center center / contain; content: ""; }


.modules_health .달걀프라이1개:before	{ background-image: url(../image/food/cdpp_food_image_rPfksWla.png) !important; }
.modules_health .달걀프라이2개:before	{ background-image: url(../image/food/cdpp_food_image_rPfksWla.png) !important; }
.modules_health .고구마12개:before	{ background-image: url(../image/food/cdpp_food_image_rhrnak.png) !important; }
.modules_health .고등어구이1토막:before	{ background-image: url(../image/food/cdpp_food_image_rhemddjrndl.png) !important; }
.modules_health .고등어구이2토막:before	{ background-image: url(../image/food/cdpp_food_image_rhemddjrndl.png) !important; }
.modules_health .귤1개:before	{ background-image: url(../image/food/cdpp_food_image_rbf.png) !important; }
.modules_health .김구이8조각:before	{ background-image: url(../image/food/cdpp_food_image_rlarndl.png) !important; }
.modules_health .김구이16조각:before	{ background-image: url(../image/food/cdpp_food_image_rlarndl.png) !important; }
.modules_health .다시마무국1대접:before	{ background-image: url(../image/food/cdpp_food_image_ektlakanrnr.png) !important; }
.modules_health .두부구이4조각:before	{ background-image: url(../image/food/cdpp_food_image_enqnrndl.png) !important; }
.modules_health .두부구이8조각:before	{ background-image: url(../image/food/cdpp_food_image_enqnrndl.png) !important; }
.modules_health .두부국1대접:before	{ background-image: url(../image/food/cdpp_food_image_enqnrnr.png) !important; }
.modules_health .배추김치1소접시:before	{ background-image: url(../image/food/cdpp_food_image_qocnrlacl.png) !important; }
.modules_health .사과13개:before	{ background-image: url(../image/food/cdpp_food_image_tkrhk.png) !important; }
.modules_health .아욱된장국1대접:before	{ background-image: url(../image/food/cdpp_food_image_dkdnrehlswkdrnr.png) !important; }
.modules_health .오이무침1소접시:before	{ background-image: url(../image/food/cdpp_food_image_dhdlancla.png) !important; }
.modules_health .오이무침2소접시:before	{ background-image: url(../image/food/cdpp_food_image_dhdlancla.png) !important; }
.modules_health .우유1잔:before	{ background-image: url(../image/food/cdpp_food_image_dndb.png) !important; }
.modules_health .인절미3개:before	{ background-image: url(../image/food/cdpp_food_image_dlswjfal.png) !important; }
.modules_health .잡곡밥113공기:before	{ background-image: url(../image/food/cdpp_food_image_wkqrhrqkq_5.png) !important; }
.modules_health .잡곡밥12공기:before	{ background-image: url(../image/food/cdpp_food_image_wkqrhrqkq_2.png) !important; }
.modules_health .잡곡밥1공기:before	{ background-image: url(../image/food/cdpp_food_image_wkqrhrqkq_4.png) !important; }
.modules_health .잡곡밥23공기:before	{ background-image: url(../image/food/cdpp_food_image_wkqrhrqkq_3.png) !important; }
.modules_health .장조림1소접시:before	{ background-image: url(../image/food/cdpp_food_image_wkdwhfla.png) !important; }
.modules_health .장조림2소접시:before	{ background-image: url(../image/food/cdpp_food_image_wkdwhfla.png) !important; }
.modules_health .찐감자1개:before	{ background-image: url(../image/food/cdpp_food_image_Wlsrkawk.png) !important; }
.modules_health .콩나물국1대접:before	{ background-image: url(../image/food/cdpp_food_image_zhdskanfrnr.png) !important; }
.modules_health .콩밥113공기:before	{ background-image: url(../image/food/cdpp_food_image_zhdqkq_5.png) !important; }
.modules_health .콩밥1공기:before	{ background-image: url(../image/food/cdpp_food_image_zhdqkq_4.png) !important; }
.modules_health .콩밥23공기:before	{ background-image: url(../image/food/cdpp_food_image_zhdqkq_3.png) !important; }
.modules_health .호박볶음1소접시:before	{ background-image: url(../image/food/cdpp_food_image_ghqkrqhRdma.png) !important; }
.modules_health .호박볶음2소접시:before	{ background-image: url(../image/food/cdpp_food_image_ghqkrqhRdma.png) !important; }
.modules_health .홍시12개:before	{ background-image: url(../image/food/cdpp_food_image_ghdtl.png) !important; }
.modules_health .홍시1개:before	{ background-image: url(../image/food/cdpp_food_image_ghdtl.png) !important; }



@media all and ( max-width: 768px )
{
	.modules_health .print_area_report.client .print_left	{ flex: 1 1 100%; }
	.modules_health .print_area_report.client .print_right	{ flex: 1 1 100%; }
	.modules_health .print_area_report .print_right dl dt	{ flex: 0 1 75px; }
	.modules_health .print_area_report .print_right dl dd	{ flex: 0 1 calc((100% - 75px * 2) / 2); }
	.modules_health .print_area_report dl.wide dt	{ flex: 0 1 150px; }
	.modules_health .print_area_report dl.wide dd	{ flex: 0 1 calc(100% - 150px); text-align: right; }
}






.modules_health h2,
.modules_health h3,
.modules_health h4,
.modules_health h5	{ padding: 0 !important; margin: 0 !important; background: none !important; }
.modules_health * + h2,
.modules_health * + h3,
.modules_health * + h4,
.modules_health * + h5	{ margin-top: 40px !important; }
.modules_health h2 + *,
.modules_health h3 + *,
.modules_health h4 + *,
.modules_health h5 + *	{ margin-top: 20px !important; }