@charset "utf-8";
@import url('NanumSquare.css');
 
 /* 사이트 공통 CSS */
/* default font-family */
body,
input[type='text'],
input[type='button'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family: 'Malgun Gothic', '돋움', Dotum, 'Apple Gothic', sans-serif;font-size:12px;line-height:1.5;word-break:normal;}
a {text-decoration:none;}

input[type='image'],
input[type='radio'],
input[type='checkbox'] {vertical-align:middle;margin:0;}
input[type='text'] {height:18px;padding:2px 10px 3px;border:1px solid #ccc;}

/* 기본속성 */
div.wrapper {word-break:normal;}

div#header > div,
div#container {position:relative;width:1100px;margin:0 auto;}
div#footer {position:relative;width:1400px;margin:0 auto;}

div#header {background:url('/image/bg.jpg') 0 0 repeat-x;}
div#header > div {position:relative;height:128px;}
div#header h1 {position:absolute;left:0;top:58px;height:48px;}
div#header h1 a {display: block;color: #424556;font-size: 13px;line-height: 24px;font-family: 'NanumSquareB', sans-serif;}
div#header h1 img {display:block;width:100%;height:100%;}
div#header h1 a > span {display: block;font-size: 24px;}
div#header h1 span span {display: inline-block;vertical-align: top;color: #761d9b;}
div#header h2 {position:absolute;left:300px;top:80px;height:48px;}
div#header h2 {display: block;color: #424556;font-size: 18px;font-family: 'NanumSquareB', sans-serif;}

div#header div.util {position:absolute;right:0;top:7px;height:18px;}
div#header div.util p,
div#header div.util ul,
div#header div.util li {float:left;}

div#header div.util p {padding:0 15px;font-weight:bold;color:#4c6f9e;background:url('/image/header_util_bl.png') 0 6px no-repeat;}
div#header div.util li {padding:0 5px;background:url('/image/header_util_bar.png') 0 5px no-repeat;}
div#header div.util li:first-child {padding-left:0;background:none;}
div#header div.util li a {color:#565656;}

ul#gnb {position:absolute;right:0;bottom:32px;}
ul#gnb > li {float:left;padding-left:30px;}
ul#gnb > li:first-child {padding-left:0;}
ul#gnb > li a {font-weight:bold;color:#000;font-size:20px;}
ul#gnb > li.on a {color:#0c4fa7;}

div#footer  {padding:40px 0;text-align:center;color:#9c9c9c;}


/* container */
div#container {padding:30px 0;}
div#container h2 {height:27px;line-height:27px;padding:9px 0 9px 60px;margin-bottom:30px;font-weight:bold;color:#010101;font-size:18px;background:url('/image/tit_bg.jpg') 0 0 no-repeat;background-color:#efefef;}
div#container h2.list {background-image:url('/image/tit_bg_2.jpg');background-color:#efefef;}
div#container h2.statistic {background-image:url('/image/tit_bg_3.jpg');background-color:#efefef;}
div#container h2.backup {background-image:url('/image/tit_bg_4.jpg');background-color:#efefef;}


.subTit {position: relative;margin: 50px 0 10px;padding: 0 0 0 12px;font-size: 16px;font-weight: bold;color: #4d6f9d;}
.subTit:before {position: absolute;left: 0;top: 12px;width: 4px;height: 4px;margin-top: -2px;border-radius:2px;content: "";background-color: #4d6f9d;}

.subTit:first-child,
legend + .subTit  {margin-top: 0;}

/* 구분 */
ul.registryType, ul.registryType li, ul.registryType a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.registryType {padding: 230px 0;text-align: center;font-size: 0;line-height: 0;}
ul.registryType li {display: inline-block;vertical-align: top;margin-left: 30px;}
ul.registryType li:first-child {margin-left: 0;}
ul.registryType a {position: relative;display: block;width: 380px;padding:40px;border-radius:5px;border: 1px solid #24083a;background: #761d9b url('/image/btnBg_gr.png') left bottom repeat-x;color: #fff;font-size: 24px;line-height: 30px;font-weight: bold;box-sizing:border-box;text-align: left;}
ul.registryType a:after {position: absolute;right: 30px;top: 50%;width: 42px;height: 42px;margin-top: -21px;content: "";background: url('/image/btnBl_arr.png') center center no-repeat;}
ul.registryType li:first-child a {border-color: #2c4c77;background-color: #4171b2;}

/* 버튼 */
.btn a,
.btn input,
.btn button {display:inline-block;padding:0 28px;text-align:center;font-size:16px;border:0 none;background-color:#761d9b;color:#fff;font-weight:bold;}
.btn a {line-height:18px;padding:10px 28px 11px;}
.btn a img {vertical-align: middle;margin-right: 5px;}

.btn2 a,
.btn2 input,
.btn2 button {display:inline-block;height:39px;padding:0 28px;text-align:center;font-size:16px;border:0 none;background-color:#555;color:#fff;font-weight:bold;}
.btn2 a {line-height:18px;padding:10px 28px 11px;}
.btn2 a img {vertical-align: middle;margin-right: 5px;}

.btnSmall a,
.btnSmall input,
.btnSmall button {height:27px;font-size:12px;}
.btnSmall a {height:18px;padding:3px 12px 6px;line-height:18px;}

.btnArea {padding-top:30px;text-align:center;}
.btnArea > * {display:inline-block;margin-left:27px;}
.btnArea > *:first-child {margin-left:0;}

.btn .btnDef {background-color:#761d9b;}
.btn .btnGrey {background-color:#757885 !important;}
.btn .btnPoint {background-color:#004080 !important;}
.btn .btnSky {background-color:#6397d8 !important;}
.btn .btnGreen {background-color:#1d9b8e;border-color:#1d9b8e;color:#fff !important;}

.btnDef {color:#FFF; background-color:#761d9b !important;}

/* 남색 */			.btnDef {background-color: #132369 !important;border-color: #132369 !important;color:#fff !important;}
/* 파란색 */	.btnPoint {background-color:#328bd7 !important;border-color:#328bd7 !important;color:#fff !important;}
/* 회색 */				.btnGrey {background-color:#959595 !important;border-color:#959595 !important;color:#fff !important;}
/* 회색2*/			.btnGrey2 {background-color:#656a8e !important;border-color:#656a8e !important;color:#fff !important;}
/* 주황색 */			.btnOrg {background-color:#ff6600 !important;border-color:#ff6600 !important;color:#fff !important;}
/* 녹색 */				.btnExel, .btnGreen {background-color:#00795b !important;border-color:#00795b !important;color:#fff !important;}
/* 빨간색 */			.btnRed {background-color:#aa3b3e !important;border-color:#aa3b3e !important;color:#fff !important;}
/* 남색 */				 .btnNavy {background-color: #292e38 !important;border-color: #292e38 !important; color: #fff !important;}
/* 파란색 */			.btnBlue {background-color: #0072bc !important; border-color: #0072bc !important; color: #fff !important;}

/* 기본 Table 속성 */
div.tblWrap {border-top:2px solid #4b4b4b;border-left:1px solid #d4d4d4;}
div.tblWrap th,
div.tblWrap td {border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;word-break:normal;}
div.tblWrap th {padding:10px;background-color:#f7fafd;color:#133f7a;text-align:left;font-weight:bold;font-size:14px;}
div.tblWrap td {padding:5px 5px 10px;}
div.tblWrap td > *,
div.tblWrap td input,
div.tblWrap td select,
div.tblWrap td label,
div.tblWrap td span {float:left;margin:5px 0 0 5px;}
div.tblWrap td br {clear:both;margin:0;}

div.tblWrap td textarea {width:445px;height:50px;}

div.tblWrap td dl {clear:both;overflow:hidden;min-width:80%;margin-left:10px;}
div.tblWrap td dt,
div.tblWrap td dd {float:left;line-height:25px;}
div.tblWrap td dt *,
div.tblWrap td dd * {margin-top:0;}
div.tblWrap td dt,
div.tblWrap td dt label,
.boldTit {color:#761d9b !important;font-weight:bold !important;font-size:14px !important;}
div.tblWrap td dt {padding-right:10px;}
div.tblWrap td dt > *:first-child {margin-left:0;}

div.tblWrap td label,
div.tblWrap td span {display:inline-block;line-height:25px;}
div.tblWrap td label,
div.tblWrap td span,
div.tblWrap td input[type='radio'],
div.tblWrap td input[type='checkbox'] {}

div.tblWrap td select {height:25px;}


div.tblWrap td input[type='radio'],
div.tblWrap td input[type='checkbox'] {margin-top:12px;margin-left:10px;}
div.tblWrap td input[type='radio']:first-child,
div.tblWrap td input[type='checkbox']:first-child {margin-left:0;}
div.tblWrap td dd > input[type='radio']:first-child,
div.tblWrap td dd > input[type='checkbox']:first-child,
div.tblWrap td > input[type='radio']:first-child,
div.tblWrap td > input[type='checkbox']:first-child {margin-left:10px;}

.ie7 div.tblWrap td input[type='radio'],
.ie7 div.tblWrap td input[type='checkbox'] {margin-top:8px;}


div.tblWrap td dl input[type='radio'],
div.tblWrap td dl input[type='checkbox'] {margin-top:7px;}
.ie7 div.tblWrap td dl input[type='radio'],
.ie7 div.tblWrap td dl input[type='checkbox'] {margin-top:3px;}

div.tblWrap td input[disable] {background-color:#f8f8f8;}

div.tblWrap td input.calendar {margin-top:10px;}
div.tblWrap td dd input.calendar {margin-top: 4px;}

div.tblWrap table.innerTbl {margin:0;}
div.tblWrap table.innerTbl th,
div.tblWrap table.innerTbl td {border-bottom:0 none;border-right:0 none;border-left:1px solid #d4d4d4;border-top:1px solid #d4d4d4;}
div.tblWrap table.innerTbl tr:first-child th,
div.tblWrap table.innerTbl tr:first-child td {border-top:0 none;}
div.tblWrap table.innerTbl th:first-child,
div.tblWrap table.innerTbl td:first-child {border-left:0 none;}
div.tblWrap table.innerTbl th {color:#761d9b;background:none;}

div.tblWrap table.ac > * > tr > * {text-align: center;}
div.tblWrap table.ac > * > tr > * > * {float: none;}
div.tblWrap table.ac > * > tr > * > input[type=radio],
div.tblWrap table.ac > * > tr > * > input[type=checkbox] {margin-top: 5px;}
div.tblWrap table.ac > * > tr > *  input.calendar {margin-top: 0;}
div.tblWrap table.ac > * > tr > * > input[type=text] {margin-top: 0;}


table.tblDef {border-top: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;}
table.tblDef > * > tr > * {padding: 5px 10px;border-bottom: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;background-color: #fff;font-weight: bold;font-size: 12px;color: #4b4b4b;text-align: center;}
table.tblDef >  * > tr > th {background-color: #5a7fb1;color: #fff;}
table.tblDef >  * > tr > th.bg {position: relative;padding: 0;}
table.tblDef >  * > tr > th.bg:before {position: absolute;left: -2px;top: 50%;width: 100%;height: 1px;padding: 0 2px;content: "";background-color: #d4d4d4;transform:rotate(11deg);}
table.tblDef >  * > tr > th.bg span {display: block;padding:0 5px;text-align: left;}
table.tblDef >  * > tr > th.bg span:first-child {text-align: right;}

ul.col {overflow: hidden;}
ul.col_2ea {overflow:hidden;padding-left:5px;}
ul.col_2ea > li {float:left;width:50%;}
ul.col_3ea {overflow:hidden;padding-left:5px;}
ul.col_3ea > li {float:left;width:30%;}

ul.col, ul.col > li,
ul.col2ea, ul.col2ea > li,
ul.col3ea, ul.col3ea > li,
ul.col4ea, ul.col4ea > li,
ul.col5ea, ul.col5ea > li {margin: 0;padding: 0;list-style:none;}
ul.col2ea:after,
ul.col3ea:after,
ul.col4ea:after,
ul.col5ea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

ul.col > li,
ul.col2ea > li,
ul.col3ea > li,
ul.col4ea > li,
ul.col5ea > li {float: left;}

ul.col > li {padding-left: 30px;}
ul.col > li:first-child,
ul.col > li.clear {clear: none;padding-left: 0;}

ul.col2ea > li {width: 50%;}
ul.col3ea > li {width: 33%;}
ul.col3ea > li:nth-child(3n+1) {width: 34%;}
ul.col4ea > li {width: 25%;}
ul.col5ea > li {width: 20%;}

ul.col2ea > li.wide,
ul.col3ea > li.wide,
ul.col4ea > li.wide,
ul.col5ea > li.wide {clear: both;width: 100%;}


ul.col2ea > li:nth-child(2n+1),
ul.col3ea > li:nth-child(3n+1),
ul.col4ea > li:nth-child(4n+1),
ul.col5ea > li:nth-child(5n+1) {clear: both;}


ul.option, ul.option li {margin: 0;padding: 0;list-style:none;}
ul.option,
ul.option * {clear: both;float: none !important;}
ul.option li {position: relative;margin-top: 5px;padding-left: 15px;}
ul.option li:first-child {margin-top: 0;}
ul.option li * {margin-top: 0 !important;}
ul.option input[type=radio],
ul.option input[type=checkbox] {position: absolute;left: 0;top: 6px;margin: 0 !important;}
ul.option input[type=text] {}
ul.option span,
ul.option label {line-height: 25px !important;}

div.tblWrap ul.col2ea,
div.tblWrap ul.col3ea,
div.tblWrap ul.col4ea,
div.tblWrap ul.col5ea {float: none;width: 100%;}

div.tblWrap ul.col2ea > li,
div.tblWrap ul.col3ea > li,
div.tblWrap ul.col4ea > li,
div.tblWrap ul.col5ea > li {overflow: hidden;}



div.tblWrap td.bdTopNone {border-top:0 none !important;padding-top:0;}

div.tblWrap dl.floatNone {}
div.tblWrap dl.floatNone * {}
div.tblWrap dl.floatNone > dt,
div.tblWrap dl.floatNone > dd {float:none;overflow:hidden;}
div.tblWrap dl.floatNone > dd {padding-left:20px;}
div.tblWrap dl.floatNone > dd > *:first-child {}

table.ac th,
table.ac td,
div.tblWrap tr.ac th,
div.tblWrap tr.ac td {text-align:center;}
table.ac td *,
div.tblWrap tr.ac td * {float:none;margin:0;}
table.ac td a {display:inline;line-height:18px;}
table.ac td a img {vertical-align:middle;}


div.agree {padding: 40px 0;border: 1px solid #d4d4d4;text-align: center;}
div.tblWrap + div.agree {border-top: 0 none;}

div.agree div + div {padding-top: 10px;}
div.agree div label {margin-left: 10px;}
div.agree div label + input {margin-left: 30px;}

ul.sign {padding-top: 30px;text-align: center;}
ul.sign li {margin-left: 20px;display: inline-block;vertical-align: top;}
ul.sign li:first-child {margin-left: 0;}
ul.sign input {margin: 0 5px;border: 0 none;border-bottom: 1px solid #4b4b4b;}


/* 환자정보 요약 */
div.brief,
div.searchArea {border:1px solid #c1c9d3;background-color:#e9f2ff;text-align:center;}

div.brief {padding:13px 0 7px 110px;text-align:left;}
div.brief dl,
div.brief dt,
div.brief dd,
div.brief p {display:inline-block;}

div.brief dt {padding-left:15px;margin-left:20px;background:url('/image/bl_brief.png') left center no-repeat;font-weight:bold;color:#274163;}
div.brief dt:first-child {margin-left:0;}
.ie7 div.brief dl,
.ie7 div.brief dt,
.ie7 div.brief dd,
.ie7 div.brief p {display:inline;line-height:25px;}

div.brief dd {padding-left:5px;color:#000;}
div.brief p {/*padding-left:60px;*/margin-left:30px;}

/* 서브메뉴 있는 페이지 */
ul.subMenu, ul.subMenu li, ul.subMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

div.leftMenu {position:relative;padding-left:230px;margin-top:30px;min-height:680px;}
div.subMenu {position:absolute;left:0;top:0;width:200px;}
div.subMenu li {margin-top:5px;}
div.subMenu li:first-child {margin-top:0;}
div.subMenu li a,
ul.subMenu a,
div.addMenu li a {display:block;padding:11px 20px 12px 36px;border:1px solid #d2d2d2;background:url('/image/state.png') 14px 13px no-repeat;font-size:13px;line-height:16px;color:#4b4b4b;background-color:#fafafa;text-align:left;word-break:normal;}
div.subMenu li a:hover, div.subMenu li a:focus, div.subMenu li.on a, 
ul.subMenu a:hover, ul.subMenu a:focus, ul.subMenu li.on a {border-color:#092b59;background-color:#133f7a;color:#fff;}

div.subMenu li a.ing,
ul.subMenu li a.ing,
div.addMenu li a.ing {background-image:url('/image/state_ing.png');}

div.subMenu li a.stateCom,
ul.subMenu li a.stateCom,
div.addMenu li a.stateCom {background-image:url('/image/state_completed.png');}

div.subMenu ul.note {overflow:hidden;padding:36px 20px 20px;}
div.subMenu ul.note li {float:left;width:50%;margin-top:0;text-align:center;}
div.subMenu ul.note span {display:block;color:#133f7a;font-weight:bold;font-size:14px;}

ul.subMenu {padding: 25px 0 45px;}
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.subMenu > li {float: left;width: calc(50% - 4px);margin: 5px 0 0 8px;}
ul.subMenu > li:nth-child(odd) {clear: both;margin-left: 0;}

div.subCon {position:relative;}


div.subCon h3 {margin: 50px 0 10px;color:#133f7a;font-size:26px;font-weight:bold;}

div.subCon h3 span {font-weight:normal;padding-left:10px;}
div.subCon p.date {color:#4b4b4b;font-size:;}
div.subCon p.completed {position:absolute;right:0;top:37px;}
div.subCon p.completed input {vertical-align:middle;margin:2px 10px 0 0;}

div.subCon ul.footnote,
div.footnote {margin-top: 30px;padding: 10px 20px 15px;border: 1px solid #dfdecc;background-color: #fffeef;}
div.subCon ul.footnote li {position: relative;margin-top: 5px;padding-left: 15px;color: #4b4b4b;}
div.subCon ul.footnote sup {position: absolute;left: 0;top: 0;}

div.footnote > dl {padding-left: 15px;}
div.footnote dt {margin:20px 0 10px -15px;}
div.footnote dt:first-child {margin-top: 0;}

div.withMenu,
form.withMenu {position: relative;padding-left: 210px;}

.withMenu p.completed {top: -28px !important;}
div.addMenu {position: absolute;left: 0;top: 0;width: 180px;border-top: 2px solid #4d6f9d;}
div.addMenu ul {margin: 0;padding: 0;}
div.addMenu li {margin: 0;list-style:none;border-top: 1px solid #d4d4d4;}
div.addMenu li:first-child {border-top: 0 none;}
div.addMenu li a {padding: 10px 20px 13px 36px;border: 0 none;background-color: #f0f4f9;}
div.addMenu p {margin: 0;padding: 5px 10px;background-color: #4d6f9d;color: #fff;text-align: right;}
div.addMenu p span {float: left;}
div.addMenu p a {display: inline-block;padding: 2px 0 0;vertical-align: top;}
div.addMenu li a:hover, div.addMenu li a:focus, div.addMenu li.on a, 
ul.addMenu a:hover, ul.addMenu a:focus, ul.addMenu li.on a {border-color:#092b59;background-color:#6594d2;color:#fff;}

/* 한자 리스트 */
/* 검색 영역 */
div.searchArea {overflow:hidden;padding:8px 0;border:1px solid #c1c9d3;background-color:#e9f2ff;text-align:center;}
div.searchArea p,
div.searchArea div,
div.searchArea dl,
div.searchArea dt,
div.searchArea dd {float:left;}

div.searchArea label,
div.searchArea span,
div.searchArea input,
div.searchArea select {margin-top:0;margin-bottom:0;}

div.searchArea dt {padding-right:10px;}
div.searchArea dt label {line-height:27px;font-size:14px;color:#274163;}

div.searchArea p.brief {width:127px;padding:3px 0;margin-left:53px;text-align:center;font-weight:bold;color:#fff;background:url('/image/search_result_bg.png') 0 0 no-repeat;font-size:14px;line-height:21px;}
div.searchArea span {padding:4px 0 3px;font-weight:bold;color:#00798f;}
div.searchArea select {height:27px;margin-right:10px;}
div.searchArea input[type="text"] {width:86px;height:18px;padding:4px 5px 3px;}
div.searchArea input[type="submit"] {width:67px;height:27px;margin-left:10px;border:0 none;background-color:#761d9b;color:#fff;text-align:center;font-weight:bold;}
div.searchArea input[type="reset"] {width: 77px;height:27px;margin-left:5px;padding: 0;background-color:#fff;color:#06477e;border: 1px solid #06477e;text-align:center;font-weight:bold;vertical-align: top;  line-height: 25px;}


div.searchArea dl {padding-left:17px;}
div.searchArea dt label {font-weight:bold;color:#00798f;}

/* 검색결과 영역 */
div.resultArea {padding-top:20px;}
div.resultArea:after,
div.tblWrap {clear: both;}
div.resultArea p {margin: 0;}

div.resultArea p.note {float: left;padding-bottom:10px;line-height: 20px;}
div.resultArea p.note img {display:inline-block;vertical-align:middle;margin-left:15px;}
div.resultArea p.note img:first-child {margin-left:0;}
div.resultArea p.sort {float: right;padding-bottom:10px;}

div.resultArea table td > * {float:none;margin:0;}

div.resultArea .state {display:inline-block;width:83px;padding:2px 0 3px;border-width:1px;border-style:solid;text-align:center;line-height:14px;}
/* 입력완료 */			div.resultArea .step01 {border-color:#9c41d0;color:#9c41d0;}
/* 입력대기 */			div.resultArea .step02 {border-color:#00529e;color:#00529e;}
/* 입력중 */			div.resultArea .step03 {border-color:#cf5d00;color:#cf5d00;}
/* PI확인완료 */		div.resultArea .step04 {border-color:#00ad00;color:#00ad00;}


div.resultArea .util {display:inline-block;}
div.resultArea .util:first-child {margin-right:5px;}

/* 버튼 영역 */
.btnArea {position:relative;padding:30px 0;margin-top:15px;text-align:center;}
p.btnArea {padding:10px 0;}

.btnArea a,
.btnArea input,
.btnArea button {display:inline-block;padding:9px 25px;font-size:16px;line-height:21px;}

.btnArea .alignCenter {display:inline-block;overflow:hidden;margin:0;}
.btnArea .alignCenter > * {float:left;margin:0 0 0 10px;}
.btnArea .alignCenter > *:first-child {margin-left:0;}

.btnSmall {padding:3px 12px 6px !important;font-size:12px !important;}


img.tooltip { display:inline-block; vertical-align:top; margin:2px 0 0 5px; cursor:pointer; }

span.tooltip { position:relative; display:inline-block; vertical-align:top; margin-top:3px; }
span.tooltip a { display:block; }
span.tooltip .con { display:none !important; position:absolute; top:-6px; left:33px; z-index:100; min-width:230px; height:auto; padding:8px 11px; background-color:#fff; border:#dadada solid 1px; border-radius:5px; text-align:left; color:#555; font-size:12px; line-height:17px; letter-spacing:-0.25px; word-break:keep-all; }
span.tooltip .con::after { border-color:transparent #fff; border-style:solid; border-width:6px 8px 6.5px 0px; content:''; display:block; left:-8px; position:absolute; top:10px; width:0; z-index:100; }
span.tooltip .con::before { border-color:transparent #dadada; border-style:solid; border-width:6px 8px 6.5px 0px; content:''; display:block; left:-9px; position:absolute; top:10px; width:0; z-index:100; }

span.tooltip a:hover + .con { display:block !important; }


ul.pager {text-align:center;}
ul.pager > li {display:inline-block;padding:0 6px;}
ul.pager > li a {padding:0;color:#4b4b4b;font-size:12px;}

.ie7 ul.pager > li {display:inline;}
ul.pager > li:first-child {padding-left:0;background:none;}
ul.pager > li.on a {font-weight:bold;color:#761d9b;}


ul.tabMenu {overflow:hidden;margin-top:40px;}
ul.tabMenu > li {float:left;width:160px;margin-left:8px;}
ul.tabMenu > li:first-child {margin-left:0;}
ul.tabMenu > li a {display:block;padding:5px 24px 8px;border:1px solid #bababa;font-weight:bold;color:#5b5b5c;background:url('/image/tab_off.png') right center no-repeat;background-color:#ebebeb;text-align:center;}
ul.tabMenu > li.on a {background-color:#effdff;border-color:#91c1c9;color:#009db9;background-image:url('/image/tab_on.png');}

ul.tabMenu.admin > li {width: 136px;}

p.brief {font-weight:bold;color:#4b4b4b;font-size:14px;}

#container > p.brief,
#container > div.overHidden {margin:20px 0 10px;}

div.tblWrap table.graph {}
div.tblWrap table.graph th {background-color:#f7fafd;color:#4b4b4b;} 
div.tblWrap table.graph th,
div.tblWrap table.graph td {padding:10px 15px;}

td p.graph {float:left;width:80%;height:30px;background-color:#eaf1f8;margin:0;}
td p.graph span {float:left;height:30px;text-indent:-10000px;background-color:#4c6f9e;margin:0;}
td p.txt {float:right;width:20%;text-align:center;line-height:15px;margin:0;}



/* 백업 */
a.backup {display:inline-block;width:83px;height:17px;margin-top:8px !important;padding:1px 0 2px;text-align:center;background:url('/image/btn_xls.png') 0 0 no-repeat;color:#44792f;font-size:11px;text-decoration:none;}
a.backup120 {display:inline-block;width:123px;height:17px;margin-top:8px !important;padding:1px 0 2px;text-align:center;background:url('/image/btn_xls_120.png') 0 0 no-repeat;color:#44792f;font-size:11px;text-decoration:none;}



/* Login */
div.loginArea {width:518px;margin:100px auto 0;background:url('/image/login_bg.jpg') 0 0 no-repeat; height:442px; }
div.loginArea h2 {padding-top:175px;text-align:center;}
div.loginArea h2 img {display:inline-block;}
div.loginArea > div {width:370px;margin:30px auto 70px;}

dl.placeholder {position:relative;width:253px;height:42px;}
dl.placeholder:first-child {margin-bottom:12px;}
dl.placeholder > dt {position:absolute;left:0;top:0;}
dl.placeholder > dt label {margin:0;padding:10px 18px 7px;font-weight:bold;color:#939292;font-size:15px;}
dl.placeholder > dd input {width:217px;height:18px;padding:12px 18px;margin:0;border:0 none;background-color:#e9e9e9;color:#616161;font-size:15px;}

div.loginArea > div p > * {width:102px;height:96px;background-color:#4c6f9e;color:#fff;text-align:center;border:0 none;font-weight:bold;font-size:15px;}
div.loginArea > p {color:#9c9c9c;}

.sp_wrap { padding:40px 0 0 0; }
.sp_wrap span { margin-left:20px; }

.copy { width:1030px; margin:30px auto;position:relative;display:block; }
.copy .sp_03 { right:0;top:0px; }
.copy .text { left:0;top:40px; }