/* 배경시작 */
#mainBg {
    background: url('/assets/care/images/main/main_bg.jpg') 50% 50% repeat;
    width: 100%;
	height:100%;
	min-height:800px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
#subBg01 { background: url('/assets/care/images/sub/sub_bg_01.jpg') 50% 0% repeat; }
#subBg02 { background: url('/assets/care/images/sub/sub_bg_02.jpg') 50% 0% repeat; }
#subBg03 { background: url('/assets/care/images/sub/sub_bg_03.jpg') 50% 0% repeat; }
#subBg04 { background: url('/assets/care/images/sub/sub_bg_04.jpg') 50% 0% repeat; }
/* 배경끝 */

/* 메인시작 */
#mainIntro {
    float: right;
    width: 570px;
    background: url('/assets/care/images/main/main_text_bg.png') 0 0 repeat;
    padding: 100px 70px;
	height:calc(100% - 200px);
    color: #ffffff;
    font-family: NanumSquare;
}
#mainIntro .title {
    color: #fff;
    line-height: 48px;
    font-size: 37px;
    font-weight: 100;
    font-family: NanumSquare;
}
#mainIntro .title strong {
    font-weight: 900;
}
#mainIntro .introText {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -1px;
    padding: 15px 0;
    border-bottom: 1px solid #faced4;
}
#mainIntro .introText strong {}
#mainIntro .doorImg {
/*    margin: 25px 0;*/
}
#mainIntro .email {
    display: block;
}
#mainIntro .email a {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}
#mainIntro .copyright {
    font-size: 13px;
}
/* 메인끝 */

/* 서브 공통 시작 */
#contentWrap {
    width: 1025px;
    margin: 0 auto;
    background: url('/assets/care/images/sub/sub_content_bg.png') 0 0 repeat;
}
#contentWrap .mainTitle {
    color: #63a8d4;
    font-size: 26px;
    text-align: center;
    padding-top: 50px;
}
#contentWrap .mainTitle i {display: inline-block;padding: 0 5px;vertical-align: super;font-weight: bold;font-style: normal;}
#contentWrap .mainTitle2 {
    color: #31ccbc;
    font-size: 26px;
    text-align: center;
    padding-top: 50px;
}
#contentWrap .mainTitle2 i {display: inline-block;padding: 0 5px;vertical-align: super;font-weight: bold;font-style: normal;}
#contentWrap .subTitle {
    text-align: center;
    font-size: 36px;
    padding-top: 20px;
}
#contentWrap .infoText {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
}
#contentWrap .infoText strong {}
#contentWrap .tabMenu {
    position: absolute;
    top: -56px;
    left: 50%;
    margin-left: -220px;
}
#contentWrap .tabMenu li {
    float: left;
    width: 200px;
    height: 59px;
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-top: 11px;
    margin: 0 10px;
}
#contentWrap .tabMenu li.tabOn01 {
    background: url('/assets/care/images/sub/tab_on_01.png') 0 0 no-repeat;
}
#contentWrap .tabMenu li.tabOn02 {
    background: url('/assets/care/images/sub/tab_on_02.png') 0 0 no-repeat;
}
#contentWrap .tabMenu li.tabOff {
    background: url('/assets/care/images/sub/tab_off.png') 0 0 no-repeat;
}
#contentWrap .selMenu {
    text-align: center;
}
#contentWrap .selMenu dt {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 0 10px;
    vertical-align: middle;
}
#contentWrap .selMenu dd {
    display: inline-block;
    padding-right: 20px;
}
#contentWrap .selMenu dd select {font-size: 17px;padding: 7px 10px;vertical-align: middle;width: 130px;}
#contentWrap .agree {
    text-align: center;
    color: #fff;
    font-size: 17px;
    padding-top: 25px;
}
#contentWrap .pageArea {
    padding-top: 25px;
    text-align: center;
}
#contentWrap .pageArea a {
    font-size: 24px;
    color: #fff;
    margin: 0 30px;
}
#contentWrap .pageArea a:hover {
    color: #ccc;
}
#contentWrap .copyright {
    height: 45px;
    text-align: center;
    color: #bbbbbb;
    font-size: 12px;
    padding-top: 35px;
}
#contentWrap .copyright .email {
    font-weight: bold;
}
#contentWrap .copyright .email a {
    color: #bbbbbb;
    font-size: 14px;
    font-weight: bold;
}
.button01 {
    display: inline-block;
    width: 317px;
    height: 48px;
    text-align: center;
    font-size: 23px;
    color: #64a3ca;
    font-weight: bold;
    background-color: #f3eeee;
    padding-top: 12px;
    margin: 0 10px;
}
.button02 {
    display: inline-block;
    width: 317px;
    height: 48px;
    text-align: center;
    font-size: 23px;
    color: #98c5e1;
    font-weight: bold;
    background-color: #051457;
    padding-top: 12px;
    margin: 0 10px;
}
.button03 {
    display: inline-block;
    height: 48px;
    text-align: center;
    font-size: 23px;
    color: #64a3ca;
    font-weight: bold;
    background-color: #f3eeee;
    padding: 12px 40px 0px;
    margin: 0 10px;
}
.button04 {
    display: inline-block;
    height: 48px;
    text-align: center;
    font-size: 23px;
    color: #98c5e1;
    font-weight: bold;
    background-color: #051457;
    padding: 12px 40px 0px;
    margin: 0 10px;
}
.button05 {
    display: inline-block;
    width: 317px;
    height: 48px;
    text-align: center;
    font-size: 23px;
    color: #5ec8bd;
    font-weight: bold;
    background-color: #00464b;
    padding-top: 12px;
    margin: 0 10px;
}
.button06 {
    display: inline-block;
    width: 317px;
    height: 48px;
    text-align: center;
    font-size: 23px;
    color: #1ea5a0;
    font-weight: bold;
    background-color: #f3eeee;
    padding-top: 12px;
    margin: 0 10px;
}
.button07 {
    display: inline-block;
    height: 48px;
    text-align: center;
    font-size: 23px;
    color: #5ec8bd;
    font-weight: bold;
    background-color: #00464b;
    padding: 12px 40px 0px;
    margin: 0 10px;
}
.button08 {
    display: inline-block;
    height: 48px;
    text-align: center;
    font-size: 23px;
    color: #1ea5a0;
    font-weight: bold;
    background-color: #f3eeee;
    padding: 12px 40px 0px;
    margin: 0 10px;
}
/* 서브 공통 끝 */

/* 서브 간병인 시작 */
#contentWrap .nurseContent {
    background-color: #98c5e1;
    padding: 40px 57px;
    position: relative;
    margin-top: 114px;
}
#contentWrap .nurseContent .month {
    clear: both;
    text-align: center;
    color: #07175c;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 10px;
}
#contentWrap .nurseContent .month .arrow {
    color: #fff;
    vertical-align: top;
    display: inline-block;
    padding: 6px 15px;
}
#contentWrap .nurseContent .month .number {
    font-size: 25px;
    font-weight: bold;
}
#contentWrap .nurseContent .calendar {
    color: #fff;
}
#contentWrap .nurseContent .calendar-header li, #contentWrap .nurseContent .calendar li {
    float: left;
    width: 90px;
    margin: 1px;
    height: 37px;
    background-color: #fff;
    position: relative;
    color: #5590BE;
    padding: 5px 5px 5px 33px;
}
#contentWrap .nurseContent .calendar-header li.week {
    width: 128px;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    text-align: center;
    background-color: #5590be;
    color: #fff;
    padding: 0;
}
#contentWrap .nurseContent .calendar-header li.sun {
    color: #ffdbda;
}
#contentWrap .nurseContent .calendar li.gray {
    background-color: #f2eded;
}
#contentWrap .nurseContent .calendar li.now {
    background-color: #ffe1e0;
}
#contentWrap .nurseContent .calendar li .day {
    width: 28px;
    height: 21px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #98c5e1;
    text-align: center;
    padding-top: 1px;
    font-family: Nanum Gothic;
    font-style: italic;
    color: #fff;
}
#contentWrap .nurseContent .btnArea {
    clear: both;
    padding-top: 25px;
    text-align: center;
}
#contentWrap .nurseContent .result {
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-bottom: 10px;
}
#contentWrap .nurseContent .result .count {
    font-size: 26px;
    color: #07175c;
    font-weight: bold;
}
#contentWrap .nurseContent .resultTbl {
    width: 100%;
    border-spacing: 2px;
    color: #aaaaaa;
}
#contentWrap .nurseContent .resultTbl th {
    height: 35px;
    font-size: 17px;
    color: #fff;
    background-color: #5590be;
}
#contentWrap .nurseContent .resultTbl th.cPink {
    color: #ffdbda;
}
#contentWrap .nurseContent .resultTbl .gray {background-color: #f2eded;}
#contentWrap .nurseContent .resultTbl tbody tr {background-color: #fff;cursor: pointer;}
#contentWrap .nurseContent .resultTbl td {
    height: 49px;
    font-size: 19px;
    padding-left: 15px;
}
#contentWrap .nurseContent .resultTbl td .unit {
    font-size: 14px;
    font-weight: bold;
}
#contentWrap .nurseContent .resultTbl td.tLeft {text-align: left;padding-left: 35px;}
#contentWrap .nurseContent .resultTbl tbody tr:hover { background-color: #ffe1e0; color: #585858; }

#contentWrap .nurseContent .viewTbl {
    width: 100%;
    margin-top: 10px;
}
#contentWrap .nurseContent .viewTbl tr {}
#contentWrap .nurseContent .viewTbl th {
    font-size: 17px;
    color: #fff;
    background-color: #5590be;
}
#contentWrap .nurseContent .viewTbl td {
    background-color: #fff;
    font-size: 22px;
    padding: 0px 10px;
}
#contentWrap .nurseContent .viewTbl td.photo {
    padding: 0;
}
#contentWrap .nurseContent .viewTbl td.content {
    padding: 10px;
}
#contentWrap .nurseContent .viewTbl td .unit {
    font-size: 14px;
    font-weight: bold;
}
#contentWrap .nurseContent .viewTbl td img {
    vertical-align: top;
}

#contentWrap .nurseContent .writeTbl {
    width: 100%;
}
#contentWrap .nurseContent .writeTbl th {
    background-color: #5590be;
    color: #fff;
    font-size: 17px;
    height: 50px;
}
#contentWrap .nurseContent .writeTbl td {
    color: #fff;
    font-size: 17px;
	height:50px;
}
#contentWrap .nurseContent .writeTbl td label {padding-right: 10px;}
#contentWrap .nurseContent .writeTbl td.space {
    height: 6px;
}
#contentWrap .nurseContent .writeTbl .dash {
    font-weight: bold;
    padding: 0 10px;
}
#contentWrap .nurseContent .writeTbl .input01 {
	height: 100%;
    font-size: 21px;
    border: none;
    padding: 0 15px;
}
#contentWrap .nurseContent .writeTbl .input02 {
    font-size: 21px;
    border: none;
    padding: 10px 15px;
/*    background-color: #f2eded;*/
}
#contentWrap .nurseContent .writeTbl select {
/*    padding: 12px 0 12px 20px !important;*/
    padding: 0 0 0 7px !important;
}
#contentWrap .nurseContent .writeTbl textarea {
    width: 745px;
    height: 80px;
}
/* 서브 간병인 끝 */

/* 서브 환자 시작 */
#contentWrap .patientContent {
    background-color: #64ccc1;
    padding: 40px 57px;
    position: relative;
    margin-top: 114px;
}
#contentWrap .patientContent .month {
    clear: both;
    text-align: center;
    color: #00464b;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 10px;
}
#contentWrap .patientContent .month .arrow {
    color: #fff;
    vertical-align: top;
    display: inline-block;
    padding: 6px 15px;
}
#contentWrap .patientContent .month .number {
    font-size: 25px;
    font-weight: bold;
}
#contentWrap .patientContent .calendar {
    color: #fff;
}
#contentWrap .patientContent .calendar-header li, #contentWrap .patientContent .calendar li {
    float: left;
    width: 90px;
    margin: 1px;
    height: 37px;
    background-color: #fff;
    position: relative;
    color: #5590BE;
    padding: 5px 5px 5px 33px;
}
#contentWrap .patientContent .calendar-header li.week {
    width: 128px;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    text-align: center;
    background-color: #29a7a4;
    color: #fff;
    padding: 0;
}
#contentWrap .patientContent .calendar-header li.sun {
    color: #ffdbda;
}
#contentWrap .patientContent .calendar li.gray {
    background-color: #f2eded;
}
#contentWrap .patientContent .calendar li.now {
    background-color: #ffe1e0;
}
#contentWrap .patientContent .calendar li .day {
    width: 28px;
    height: 21px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #64CCC1;
    text-align: center;
    padding-top: 1px;
    font-family: Nanum Gothic;
    font-style: italic;
    color: #fff;
	font-size:12px;
}
#contentWrap .patientContent .btnArea {
    clear: both;
    padding-top: 25px;
    text-align: center;
}
#contentWrap .patientContent .result {
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-bottom: 10px;
}
#contentWrap .patientContent .result .count {
    font-size: 26px;
    color: #07175c;
    font-weight: bold;
}
#contentWrap .patientContent .resultTbl {
    width: 100%;
    border-spacing: 2px;
    color: #aaaaaa;
}
#contentWrap .patientContent .resultTbl th {
    height: 35px;
    font-size: 17px;
    color: #fff;
    background-color: #29a7a4;
}
#contentWrap .patientContent .resultTbl th.cPink {
    color: #ffdbda;
}
#contentWrap .patientContent .resultTbl .gray {background-color: #f2eded;}
#contentWrap .patientContent .resultTbl tbody tr {background-color: #fff;cursor: pointer;}
#contentWrap .patientContent .resultTbl td {
    height: 49px;
    font-size: 21px;
    padding-left: 35px;
}
#contentWrap .patientContent .resultTbl td .unit {
    font-size: 14px;
    font-weight: bold;
}
#contentWrap .patientContent .resultTbl td.tLeft {text-align: left;padding-left: 35px;}
#contentWrap .patientContent .resultTbl tbody tr:hover { background-color: #ffe1e0; color: #585858; }

#contentWrap .patientContent .viewTbl {
    width: 100%;
    margin-top: 10px;
}
#contentWrap .patientContent .viewTbl tr {}
#contentWrap .patientContent .viewTbl th {
    font-size: 17px;
    color: #fff;
    background-color: #29a7a4;
}
#contentWrap .patientContent .viewTbl td {
    background-color: #fff;
    font-size: 22px;
    padding: 0px 10px;
}
#contentWrap .patientContent .viewTbl td.photo {
    padding: 0;
}
#contentWrap .patientContent .viewTbl td.content {
    padding: 10px;
}
#contentWrap .patientContent .viewTbl td .unit {
    font-size: 14px;
    font-weight: bold;
}
#contentWrap .patientContent .viewTbl td img {
    vertical-align: top;
}

#contentWrap .patientContent .writeTbl {
    width: 100%;
}
#contentWrap .patientContent .writeTbl th {
    background-color: #29a7a4;
    color: #fff;
    font-size: 17px;
    height: 50px;
}
#contentWrap .patientContent .writeTbl td {
    color: #fff;
	height: 50px;
    font-size: 17px;
}
#contentWrap .patientContent .writeTbl td label {padding-right: 10px;}
#contentWrap .patientContent .writeTbl td.space {
    height: 6px;
}
#contentWrap .patientContent .writeTbl .dash {
    font-weight: bold;
    padding: 0 10px;
}
#contentWrap .patientContent .writeTbl .input01 {
    font-size: 21px;
    border: none;
	height: 100%;
    padding: 0 15px;
}
#contentWrap .patientContent .writeTbl .input02 {
    font-size: 21px;
    border: none;
    padding: 10px 15px;
/*    background-color: #f2eded;*/
}
#contentWrap .patientContent .writeTbl select {
    padding: 13px 20px 12px 20px !important;
}
#contentWrap .patientContent .writeTbl textarea {
    width: 745px;
    height: 80px;
}
/* 서브 환자 끝 */

div.selectbox {
    position: relative;
    font-size: 21px;
    width: 125px;
    height: 50px;
    background: url(/assets/care/images/sub/select_arrow.png) 105px center no-repeat; /* 화살표 이미지 */
	background-color:#fff;
/*    border: 1px solid #E9DDDD;*/
}
div.selectbox label {
    position: absolute;
    color: #333;
    top: 10px;
    left: 12px;
    letter-spacing: 1px;
}
div.selectbox select {
    width: 100%;
    height: 50px;
    min-height: 50px;
    line-height: 50px;
/*    padding: 0 10px;*/
    opacity: 0;
    font-size: 21px;
    filter: alpha(opacity=0); /* IE 8 */
}
div.selectbox2 {
    position: relative;
    font-size: 17px;
    width: 180px;
    height: 35px;
    background: url(/assets/care/images/sub/select_arrow.png) 160px center no-repeat; /* 화살표 이미지 */
	background-color:#fff;
/*    border: 1px solid #E9DDDD;*/
}
div.selectbox2 label {
    position: absolute;
    color: #333;
    top: 5px;
    left: 12px;
    letter-spacing: 1px;
}
div.selectbox2 select {
    width: 100%;
    height: 35px;
    min-height: 35px;
    line-height: 35px;
/*    padding: 0 10px;*/
    opacity: 0;
    font-size: 17px;
    filter: alpha(opacity=100); /* IE 8 */
}

*::-webkit-input-placeholder {
    color: #aaa;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #aaa;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #aaa;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #aaa;
}