@charset "utf-8";
/* CSS Document */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

body {
	color: rgb(102, 102, 120); font-family: "Nanum Gothic", sans-serif;
}
div {
	color: rgb(102, 102, 102); font-family: "Nanum Gothic", sans-serif;
}
td {
	color: rgb(102, 102, 102); font-family: "Nanum Gothic", sans-serif;
}
html {
	margin: 0px; padding: 0px; width: 100%; height: 100%;
}
body {
	margin: 0px; padding: 0px; width: 100%; font-size: 0.7em;
}
img {
	border: currentColor; border-image: none; width: 100%; vertical-align: top;
}
fieldset {
	border: currentColor; border-image: none;
}
button {
	border: currentColor; border-image: none;
}
hr {
	display: none;
}
button img {
	display: none;
}
ul {
	list-style: none; margin: 0px; padding: 0px; vertical-align: top;
}
li {
	list-style: none; margin: 0px; padding: 0px; vertical-align: top;
}
dl {
	list-style: none; margin: 0px; padding: 0px; vertical-align: top;
}
dt {
	list-style: none; margin: 0px; padding: 0px; vertical-align: top;
}
dd {
	list-style: none; margin: 0px; padding: 0px; vertical-align: top;
}
ol {
	list-style: none; margin: 0px; padding: 0px; vertical-align: top;
}
div {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
table {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
span {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
em {
	margin: 0px; padding: 0px;
}
sup {
	margin: 0px; padding: 0px;
}
a {
	color: rgb(86, 86, 86); text-decoration: none;
}
a:link {
	color: rgb(86, 86, 86); text-decoration: none;
}
a:visited {
	color: rgb(86, 86, 86); text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.clear{clear:both;}

/* 기존 css */
body {
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #b0b0b0;
	scrollbar-track-color: #efefef;
	scrollbar-highlight-color: #b0b0b0;
	scrollbar-shadow-color: #b0b0b0;
	scrollbar-3dlight-color: #efefef;
	scrollbar-darkshadow-color: #efefef;
	-webkit-text-size-adjust:none; 
}
form {
	margin: 0;
}
input,select,button,select,checkbox {
	vertical-align: middle; 
}
input[type=text] {
	border: 1px solid #ccc; height: 30px; margin: 3px 0; padding: 1px 1px 2px 3px; color: #999; background: transparent; -webkit-border-radius: 0; -webkit-appearance: none;
}
input[type=password] {
	border: 1px solid #ccc; height: 30px; margin: 3px 0; padding: 1px 1px 2px 3px; color: #999; background: transparent; -webkit-border-radius: 0; -webkit-appearance: none;
}
input[type=button] {
	border: 1px solid #ccc; height: 40px; margin: 3px 0; padding: 1px 1px 2px 3px; background: #aaa; -webkit-border-radius: 0; -webkit-appearance: none;
}
input[type=submit] {
	border: 1px solid #ccc; height: 30px; margin: 3px 0; padding: 1px 1px 2px 3px; background: #fff; -webkit-border-radius: 0; -webkit-appearance: none;
}
input[type=reset] {
	border: 1px solid #ccc; height: 30px; margin: 3px 0; padding: 1px 1px 2px 3px; background: #fff; -webkit-border-radius: 0; -webkit-appearance: none;
}
select {
	border-bottom: 1px solid #ccc; border-top: none; border-right: none; border-left: none; height: 35px; margin: 3px 0; padding: 1px 1px 2px 3px; font-size: 1.0em; color: #aaa; background: url("../img/select.png") no-repeat 95% 50% / 18px 10px; -webkit-border-radius: 0; -webkit-appearance: none;
}
textarea {
	overflow: auto; border: solid 1px #ccc; margin: 3px 0; padding: 7px; color: #aaa; background: transparent; -webkit-border-radius: 0; -webkit-appearance: none;
}

.text_orange {
	color: #ff8029;
}
.text_blue {
	color: #02a2f3;
}



.clear { 
	clear: both;
}



#wrap {
	position: relative; width: 100%;
}
#header {
	display: block;
}
#header .header_wrap {
	
}
#header .header_top {
	margin: 0px auto; position: relative; z-index: 9999;
}
#header .header_top h1 {
	margin: 3%; text-align: center;
}
#header .header_bottom {
	background: #f05f18; position: relative; overflow: auto; padding: 2% 0%; 
}
#header .header_bottom h1 {
	transition:0.3s; width: 7%; left: 43.5%; top: -54px; margin-top: 2%; position: absolute; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
#header .header_bottom.fix {
	background: #f05f18; left: 0px; top: 0px; width: 100%; position: fixed; z-index: 9998; max-width: none; 
}
#header .header_bottom.fix h1 {
	top: 0px; opacity: 1;
}
#header .header_bottom ul li {
	float: left; font-size: 1.2em; color: #fff;
}
#header .header_bottom .logout {
	width: 6%; margin: 0 0 0 3%;
}
#header .header_bottom .name {
	font-weight: bold; margin: 1.3% 0 0 2%;
}
#header .header_bottom .prog {
	float: right; margin: 1.3% 3% 0 0;
}




#contents_wrap {
	margin: 10% auto 3%; width: 90%; padding-bottom: 30%;
}


.bodyfat {
	margin: 0 auto; width: 60%; border-radius: 50%; border: 15px solid #aaa; background: #ddd; text-align: center; font-size: 6em; line-height: 2.8em; color: #f97b3e; font-weight: bold;
}


.sub_title {
	margin: 18% auto 5%; width: 85%; padding: 0 0 1% 0; border-bottom: 1px solid #f05f18; border-right: 5px solid #f05f18; font-size: 2.0em; color: #999; overflow: auto;
}
.sub_title ul li {
	float: left; margin-right: -5%; 
}
.sub_title ul li img {
	width: 45%;
}


.calendar_slider {
	margin: 5% auto; width: 95%; border: none; 
}
.month {
	font-size: 2.0em; font-weight: bold; text-align: center; line-height: 2.5em;
}
.month ul li {
	float: left; width: 27%; padding: 3%;
}
.month ul li img {
	width: 15%;
}
.week ul li {
	width: 12%; float: left; padding: 1%; border-collapse: collapse; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #eeeeee;
}
.week ul li:first-child {
	border-left: none;
}
.day_a ul li {
	width: 12%; float: left; padding: 1%; border-collapse: collapse; border-bottom: 1px solid #999999; border-left: 1px solid #eeeeee; height: 50px; text-align: left; 
}
.day_a ul li:hover {
	font-size: 1.5em; font-weight: bold; color: #fff; background: #666; 
}
.day_a ul li:first-child {
	border-left: none;
}

.day_b ul li {
	width: 12%; float: left; padding: 1%; border-collapse: collapse; border-bottom: 1px solid #999999; border-left: 1px solid #eeeeee; height: 50px; text-align: left; 
}
.day_b ul li:hover {
	font-size: 1.5em; font-weight: bold; color: #fff; background: #666; 
}
.day_b ul li:first-child {
	border-left: none;
}




.prog_type {
	margin: 0 auto; width: 85%; text-align: left; color: #ccc; font-size: 1.8em; padding: 3% 0;
}

.prog_time {
	margin: 0 auto; width: 85%; text-align: left; color: #ccc; font-size: 1.8em; padding: 3% 0;
}
.prog_time_txt {
	width: 100%; padding: 3% 0; font-size: 1em; color: #f05f18;
}

.submit_btn {
	margin: 10% auto; width:95%; padding-bottom: 40%;
}
.submit_btn ul li {
	margin-left: 3.3%; width: 45%; display: inline-block; border-radius: 50px; border: 1px solid #f97b3e; background: #f97b3e; font-size: 1.5em; line-height: 3em; color: #fff; font-weight: bold; text-align: center; float: left;
}


.my_today .p1 {
	color: #ddd; font-size: 5.0em; font-weight: bold;
}
.my_today .p2 {
	color: #f8c96e; font-size: 2.5em; font-weight: bold;
}
.my_today .p3 {
	color: #ccc; font-size: 1.5em; line-height: 3em; font-weight: bold;
}




.tbl_status {
	border-collapse: collapse; margin: 10% auto 0; width: 100%; color: #aaa;
}
.tbl_status tr {
	border-bottom: 1px dotted #ccc;
}
.tbl_status tr:first-child {
	border-top: 5px solid #bbb;
}
.tbl_status tr:last-child {
	border-bottom: 2px solid #bbb;
}
.tbl_status th {
	padding: 8% 0; font-size: 1.2em; text-align: left; font-weight: bold; 
}
.tbl_status td {
	text-align: center; font-size: 0.8em;
}
.tbl_status td img {
	width: 50%;
}
.tbl_status .status_modify ul li {
	width: 40%; float: left; margin-left: 5%; border-radius: 50px; border: 1px solid #f97b3e; background: #f97b3e; font-size: 1.5em; line-height: 2em; color: #fff; font-weight: bold;
}
.tbl_status .no_modify ul li {
	width: 40%; float: left; margin-left: 5%; border-radius: 50px; border: 1px solid #ddd; background: #fff; font-size: 1.5em; line-height: 2em; color: #ddd; font-weight: bold;
}





#footer {
	background: #fff; border-top: 1px solid #ccc; position: fixed; bottom: 0px; width: 100%;
}
#footer ul {
	width: 100%;
}
#footer ul li {
	width: 21%; float: left; margin: 2%; text-align: center;
}
#footer ul li img {
	width: 40%;
}


#header_pc {
	display: none;
}

@media all and (min-width:800px)
{
#header {
	display: none; 
}
#header_pc {
	display: block; background: #f05f18; left: 0px; top: 0px; width: 100%; height: 50px; position: fixed; z-index: 9998; max-width: none;
}
#header_pc ul li {
	float: left; font-size: 1.5em; color: #fff;
}
#header_pc .logout {
	width: 4%; margin: 1% 0 0 3%;
}
#header_pc .name {
	font-weight: bold; margin: 2% 0 0 2%;
}
#header_pc .prog {
	float: right; margin: 2% 3% 0 0;
}
#contents_wrap {
	margin-top: 100px;
}
.tbl_status th {
	font-size: 1.5em;
}
.tbl_status td img {
	width: 40%;
}
.tbl_status .status_modify ul li {
	margin-left: 20%; padding: 0 10%;
}
.tbl_status .no_modify ul li {
	margin-left: 20%; padding: 0 10%;
}
.icon_time {
	font-size: 1.5em;
}
#footer ul li {
	font-size: 5em;
}

}