@charset "utf-8";
 
 /* 사이트 공통 CSS */
/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
a {text-decoration:none;}

.fcPoint {color:#203396 !important;}


.bdArea {border: 1px solid #c1c9d3;padding: 20px 30px;}

ul.txtIndent17 > li {padding-left: 17px;text-indent: -17px;}
ul.txtIndent17 > li * {text-indent: 0;}


/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
img.essenImg {display:inline-block;vertical-align:middle;padding:0 5px 0 0;}

a {color:#666;text-decoration:none;}
a:hover,
a:focus {}
a img {vertical-align:middle;}

input[type=text] {margin:0;padding:0;}

a,
input[type=submit],
input[type=button],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;}
textarea {margin:0;}

select,
input[type='text'],
input[type='password'] {height:22px;padding:0px 10px 1px;border:1px solid #cacaca;}
select {height:25px;padding:0;}

input[type=radio],
input[type=checkbox] {vertical-align:middle;}
input[type=radio] {margin-top:-2px !important;}


td label,
td span {display:inline-block;}

.btn_nus { padding:20px 0;}



/* 버튼 영역 */
.btnArea {position:relative;overflow:hidden;margin-top:50px;text-align:center;}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 16px 2px;font-size:12px;font-weight:bold;border-style:solid;border-width:1px;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height:1.2 !important;padding:8px 16px 10px;}


.btn .btnBg > * {width:100%;height:100%;border:0 none;padding:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}




/* 큰 버튼 height:24px */
.btn .btnBig,
div.btnArea a,
div.btnArea input,
div.btnArea button {min-width:80px;height:46px;padding:7px 30px 11px;font-size:16px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.btn a.btnBig,
div.btnArea a {min-width:68px;height:auto;padding:10px 20px 16px;}

div.btnArea * {margin-left:20px;}
div.btnArea *:first-child {margin-left:0;}

/* 작은 버튼 height:24px */
.btn .btnSmall {height:24px;padding:0 13px 3px;font-size:12px;}
.btn a.btnSmall {height:16px;padding:5px 10px;}

table.inputTbl .btnSmall {height:34px;font-size:12px;}
table.inputTbl a.btnSmall {height:18px;padding:7px 13px 7px;}


/* 하늘색 */				.btn .btnDef {background-color:#277dcc;border-color:#277dcc;color:#fff !important;}
/* 파란색 */				.btn .btnPoint {background-color:#33548a;border-color:#33548a;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#3d3d3d;border-color:#3d3d3d;color:#fff !important;}
/* 연회색 */				.btn .btnLGrey {background-color:#757885;border-color:#757885;color:#fff !important;}
/* 녹색 */				.btn .btnGreen {background-color:#1d9b8e;border-color:#1d9b8e;color:#fff !important;}


/* border+하늘색 */		.btn .btnBdDef {background-color:#fff;border-color:#277dcc;color:#277dcc !important;}
/* border+파란색 */		.btn .btnBdPoint {background-color:#fff;border-color:#33548a;color:#33548a !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#3d3d3d;color:#3d3d3d !important;}


.bgcDef {background-color:#249f9b !important;}
.bgcPoint {background-color:#893e81 !important;}
.btnGrey {background-color:#545454 !important;}



/* 파일 찾기 */

div#selectFile {overflow:hidden;}
div#selectFile p {float:left;}
div#selectFile p input[type=text] {height: 22px;padding: 13px 10px;font-size: 15px;}
div#selectFile p.find {width:200px;height:50px;background:url('/image/btn_fileUpload.png') center center no-repeat;background-color:#33548a;}
div#selectFile p.find input {width:100%;height:100%;padding: 0;border: 0 none;}
div#selectFile p.btn * {height: 24px;font-size: 14px;border: 0 none;}



/* 버튼 영역 */
p.btnArea {padding:10px 0;}

.btnArea input[type=image] {display:inline-block;margin:0 0 0 10px;padding:0;}
.btnArea input[type=image]:first-child {margin-left:0;}




/* 테이블영역 */
table.inputTbl {border-top: 2px solid #4b4b4b;border-left: 1px solid #d4d4d4;}
table.inputTbl th,
table.inputTbl td {padding: 5px 20px 5px 0;border-right: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;text-align: left;font-size: 13px;}
table.inputTbl th {padding-left: 20px;background-color: #eff5fb;color: #4b4b4b;font-weight: bold;}

table.inputTbl thead th {text-align: center;}

table.inputTbl label,
table.inputTbl td span {color: #4b4b4b;line-height: 22px;vertical-align: top;font-size: 13px;}

/*
form input[type=text],
form input[type=password] {height: 22px;padding: 5px 10px;}

table.inputTbl select {height: 34px;}
*/

table.inputTbl .caseNum {font-weight: bold;color: #f00;}

table.inputTbl td > *,
table.inputTbl td > label:first-child,
table.inputTbl td > span:first-child {margin-left: 10px;}

table.inputTbl td > label,
table.inputTbl td > span {margin-left: 10px;}

table.inputTbl td.datepic {padding-left: 10px;padding-right: 2px;}
table.inputTbl td.datepic > span {margin: 4px 0 0 5px ;}
table.inputTbl td.datepic > input {margin-left: 3px;}

table.inputTbl td.multi > * {float: left;}

table.inputTbl td.multi input[type=radio],
table.inputTbl td.multi input[type=checkbox] {margin-top:10px;}

table.inputTbl td.address input[type=text] {width: 300px;margin: 5px 0 0 5px;}
table.inputTbl td.address input[type=text]:first-child {width: 70px;margin: 0 0 0 20px;}
table.inputTbl td.address input[type=text].clear {width: 500px;margin-left: 20px;}

table.inputTbl input.calendar {margin: 10px 0 0 10px;vertical-align:middle;}

table.inputTbl ul.overHidden {width: 100%;}
table.inputTbl ul.overHidden li * {margin-left: 5px;}
table.inputTbl ul.item02 > li {float: left;width: 50%;}
table.inputTbl ul.item02 > li * {float: left;}

table.inputTbl textarea {width: 95%;height: 100px;}

table.inputTbl span.btn > a {padding: 6px 7px 5px;}

ul.subMenu {overflow: hidden;margin: 0 0 40px !important;padding: 0;}
ul.subMenu > li {float: left;margin: 0;padding: 0;list-style:none;}
ul.subMenu > li a {position: relative;display: block;margin: 4px 0 0 4px;text-decoration: none;text-align: left;color: #5b5b5c;font-size: 12px;line-height: 20px;padding: 5px 40px 7px 32px;font-weight: bold;border: 1px solid #bababa;background: #ebebeb url('/image/toggleBl_off.png') right center no-repeat;}
ul.subMenu > li.on a {color: #277dcc;border-color: #277dcc;background-color: #e9f2ff;background-image: url('/image/toggleBl_on.png');}

ul.subMenu > li a img {position: absolute;left: 10px;top: 50%;margin-top: -6px;}

div.col2ea {overflow: hidden;padding-top: 30px;}
div.col2ea > div.col {float: right;width: 460px;}
div.col2ea > div.col:first-child {float: left;}


div.conArea table.inputTbl th,
div.conArea table.inputTbl td {padding: 10px;}
div.conArea table.inputTbl th {text-align: center;}
div.conArea table.inputTbl td {padding-left: 0;}


div.conArea table.inputTbl td > *,
div.conArea table.inputTbl td > label:first-child,
div.conArea table.inputTbl td > span:first-child {margin-left: 10px;}
div.conArea table.inputTbl td > label.clear,
div.conArea table.inputTbl td > span.clear {margin-left: 10px !important;}

div.conArea table.inputTbl label,
div.conArea table.inputTbl td span {line-height: 24px;}

div.conArea table.inputTbl select {height: 24px;}
div.conArea table.inputTbl input[type=text],
div.conArea table.inputTbl input[type=password] {height: 22px;padding: 1px 10px;}

div.conArea table.inputTbl td.multi > * {float: none;margin-left: 5px;}

div.conArea table.inputTbl td.multi input[type=radio],
div.conArea table.inputTbl td.multi input[type=checkbox] {margin:7px 0 0 10px;}


div.conArea table.inputTbl input.calendar {margin: 0 0 0 10px;vertical-align: middle;}

table.inputTbl td.essBg {background-color:#ffe6ce;}


/* 탭영역 */
div.tabArea {overflow:hidden;padding-top:20px;}
div.tabArea ul.tabMenu {float:left;width:220px;}
div.tabArea ul.tabMenu li {margin-top:4px;}
div.tabArea ul.tabMenu li:first-child {margin-top:0;}
div.tabArea ul.tabMenu a {display:block;height:18px;padding:5px 0 6px 18px;background:url('/image/sub_tab_bg.gif') 0 0 no-repeat;color:#525252;}

div.tabArea ul.tabMenu .com {background-position:0 -31px;}

div.tabArea ul.tabMenu .on a {color:#fff;}
div.tabArea ul.tabMenu .on .ing {background-position:0 -62px;}
div.tabArea ul.tabMenu .on .com {background-position:0 -93px;}

div.tabArea div.tabCon {float:right;width:752px;}

ul.tabStyle {height:26px;border-bottom:2px solid #b0b0b0;}
ul.tabStyle li {float:left;width:153px;margin-left:2px;}
ul.tabStyle li:first-child {margin-left:0;}
ul.tabStyle li a {display:block;height:18px;padding:5px 0;background:url('/image/tab_bg.png') 0 0 no-repeat;font-weight:bold;color:#fff;text-align:center;}
ul.tabStyle li a:focus,
ul.tabStyle li a:hover {text-decoration:none;}
ul.tabStyle li.on a {background-position:0 -32px;}


/* Layout */
div.wrapper {min-width:1200px;word-break:normal;}

.fl {float: left !important;}
.fr {float: right !important;}


/* Login */
div.loginArea {width:378px;padding: 0 60px 50px;margin:178px auto 0;border: 10px solid #77aee2;}
div.loginArea h2 {margin-top: -80px;padding:200px 0 18px;text-align:center;background:url('/image/login_bg.png') center top no-repeat;}
div.loginArea h2 img {display:inline-block;}
div.loginArea > div {padding:262px 42px 37px 493px;border:10px solid #77aee2;background-color:#e5f6f8;}
div.loginArea form, div.loginArea fieldset, div.loginArea p,
div.loginArea dl, div.loginArea dt, div.loginArea dd {margin: 0;padding: 0;border: 0 none;}
div.loginArea legend {visibility: hidden;line-height: 0;font-size: 0;height: 0;}


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 {display: block;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:#f2f2f2;color:#939292;font-size:15px;}

div.loginArea button {width:102px;height:96px;background-color:#311f88;color:#fff;text-align:center;border:0 none;font-weight:bold;font-size:15px;}
p.copyright {margin-top: 20px;text-align: center;color:#9c9c9c;}


#header {background:url('/image/bg.jpg') 0 0 repeat-x;}
#header > div {position:relative;width:1200px;height:32px;padding: 74px 0 50px;margin:0 auto;}
#header h1 {position:absolute;left:0;top:67px;}
#header h1 a {display:block;height:32px;color: #311f88;font-size: 20px;}
#header h1 img {padding-right: 10px;vertical-align: bottom;}


ul#gnb {float:right;}

ul#gnb > li {float: left;padding-left:40px;}
ul#gnb > li:first-child {padding-left:0;}
ul#gnb > li a {font-weight:bold;color:#202020;font-size:20px;line-height:32px;letter-spacing:-1px;}
ul#gnb > li.on a {color:#311f88;}
div.admin ul#gnb > li.on a {color:#311f88;}


div.util {overflow:hidden;position:absolute;right:0;top:8px;}
div.util p,
div.util dl,
div.util ul,
div.util dt,
div.util dd,
div.util li {float:left;color: #565656;font-size: 11px;}



div.util p {padding:0 10px 0 15px;font-weight:bold;color:#277dcc;background: url('/image/header_arr.png') 0 6px no-repeat;}
div.util dd {padding:0 5px;}

div.util ul {margin-left: 10px;}
div.util ul li {padding-right: 5px;margin-right:5px;background: url('/image/header_bar.png') right 5px no-repeat;}
div.util ul li:last-child {padding-right: 0px;margin-right:0px;background:none}
div.util ul a {display: block;height: 100%;margin:0;color: #565656;}


div#footerWrap {padding:9px 0;background-color:#e8e8e8;color:#444;}

/* container */
div#container {padding:30px 0;}
div.contents {width: 1200px;margin: 0 auto;color: #4b4b4b;font-size: 14px;}

div.titArea {position: relative;padding-bottom:20px;}
div.titArea h2 {height:27px;line-height:27px;padding:7px 0 11px 60px;font-weight:bold;color:#010101;font-size:18px;background:url('/image/titBg.jpg') 0 0 no-repeat;background-color:#efefef;}
div.titArea dl.pagePath {position: absolute;right: 10px;top: 50%;margin-top: -20px;font-size: 13px;color: #4b4b4b;}


ul.intro {overflow: hidden;width: 678px;margin: 0 auto;}
ul.intro li {float: left;width: 324px;margin-top: 30px;background: url('/image/introBg_01.png') 0 0 no-repeat;}
ul.intro li:nth-child(even) {float: right;}
ul.intro li.bg {background-image: url('/image/introBg_02.png');}
ul.intro a {display: block;height: 162px;line-height: 162px;text-align: center;color: #fff;font-weight: bold;font-size: 24px;}


div.subCon {}

div.subCon div.ing {padding: 100px 0 150px;text-align: center;}


/* 서브메뉴 있는 페이지 */
div.withLnb {position:relative;}
div.withLnb:after {display:block;clear:both;font-size:0;line-height:0;height:0;visibility:hidden;content:"";}

div.withLnb div.lnb {float:left;width:216px;margin-top:25px;}
div.withLnb div.lnb ul {}
div.withLnb div.lnb li {margin-top:5px;}
div.withLnb div.lnb li:first-child {margin-top:0;}

div.withLnb div.lnb li a {display:block;padding:12px 10px 11px 32px;border: 1px solid #d2d2d2;background: #fafafa url('/image/icon_default.png') 10px center no-repeat;font-size:12px;line-height:16px;color:#4b4b4b;text-align:left;word-break:normal;text-transform:uppercase;letter-spacing:-0.05em;}
div.withLnb div.lnb a.ing {background-image: url('/image/icon_ing.png');}
div.withLnb div.lnb a.com {background-image: url('/image/icon_completed.png');}

div.withLnb div.lnb li.on a {border-color: #1165b2;background-color: #311f88;color: #fff;}

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

div.subCon {float:right;width:950px;position:relative;}
div.subCon p.date {color:#4b4b4b;font-size:;}
div.subCon p.completed {position:absolute;right:0;top:5px;}
div.subCon p.completed input {vertical-align:middle;margin:2px 10px 0 0;}


div.lnb ul.menu {}
div.lnb ul.menu > li {margin-top: 5px;border: 1px solid #d2d2d2;background-color: #fafafa;}
div.lnb ul.menu > li:first-child {margin-top: 0;}
div.lnb ul.menu > li a {display: block;padding: 11px 15px 13px 40px;color: #4b4b4b;font-size: 14px;line-height: 1.2;background-repeat: no-repeat;background-position: 15px 14px;}
div.lnb ul.menu > li a.ing {background-image: url('/image/icon_ing.png');}
div.lnb ul.menu > li a.com {background-image: url('/image/icon_complete.png');}
div.lnb ul.menu > li a.no {background-image: url('/image/icon_no.png');}
div.lnb ul.menu > li.on {background-color: #0056a4;border-color: #0056a4;}
div.lnb ul.menu > li.on a {color: #fff;}


div.lnb ul.note {overflow: hidden;padding: 30px 0 20px;}
div.lnb ul.note li {float: left;width: 33%;text-align: center;color: #133f7a;font-weight: bold;}
div.lnb ul.note img {display: block;margin: 0 auto 5px;}


.subTit {overflow:hidden;margin:30px 0 10px;padding-left:20px;background:url('/image/subTit.png') 0 8px no-repeat;color:#3d9c7c;font-size: 14px;font-weight:bold;}
.subTit_arr {overflow:hidden;margin:30px 0 10px;padding-left:20px;background:url('/image/subTit_arr.png') 3px 7px no-repeat;color:#3d9c7c;font-size: 14px;font-weight:bold;}

.boldTit {color:#77aee2;font-weight:bold;font-size:24px;line-height: 1.2;text-transform:capitalize;}
h3.boldTit {position: relative;margin: 10px 0 10px;letter-spacing:-1px;}
h3.boldTit a.btnAdd {position: absolute;right: 0;top: 50%;margin-top: -11px;}

.subTit:first-child,
.subTit_arr:first-child,
.boldTit:first-child {margin-top:0 !important;}

.subTit span {font-weight: normal;color: #404040;}

ul.listBl li,
.bl_circle {display:inline-block;line-height:1.2;font-size: 14px;padding-left:10px;background:url('/image/bl_dot.png') 0 8px no-repeat;}

ul.overHidden > li {float: left;}


ul.col2ea, ul.col3ea, ul.col4ea, ul.col5ea, ul.col6ea {overflow: hidden;margin: 0;padding: 0;}
ul.col2ea > li, ul.col3ea > li, ul.col4ea > li, ul.col5ea > li, ul.col6ea > li {float: left;margin: 0;padding: 0;list-style:none;}

ul.col2ea > li {width: 50%;}
ul.col3ea > li {width: 33.3%;}
ul.col3ea > li:nth-child(3n+1) {width: 33.4%;}

ul.col4ea > li {width: 25%;}

ul.col5ea > li {width: 20%;}

ul.col6ea > li {width: 16.7%;}
ul.col6ea > li:nth-child(6n+1) {width: 16.5%;}

ul.col2ea > li:nth-child(2n+1) a,
ul.col3ea > li:nth-child(3n+1) a,
ul.col4ea > li:nth-child(4n+1) a,
ul.col5ea > li:nth-child(5n+1) a,
ul.col6ea > li:nth-child(6n+1) a {margin-left: 0;}

div.admin .subTit {padding-left: 15px;background-image: url('/image/subTit_admin.png');background-position: 0 10px;color: #007ac3;}

div.admin ul.listBl li,
div.admin .bl_circle {padding-left: 15px;background-image: url('/image/bl_circle_admin.png');background-position: 0 10px;}


/* 그래프 */
.graphArea {position: relative;padding-left: 65% !important;}
div.graph {position: absolute;left: 10px;top: 50%;width: calc(75% - 20px);margin-top: -15px;background-color: #e6e6e6;vertical-align: middle;}
div.graph > div {float: left;height: 30px;text-indent: -10000px;}

ul.graphNote {margin: 0;padding: 0; text-align: left; padding-left: 10px;}
ul.graphNote > li {margin: 0;padding: 0;list-style:none;}
ul.graphNote span {display: inline-block;width: 80px;}
ul.graphNote span:before {display: inline-block;margin: 7px 5px 0 0;width: 10px;height: 10px;content: " ";}

div.graphBar01, 
ul.graphNote span.type01:before {background-color: #277dcc;}
div.graphBar02,
ul.graphNote span.type02:before {background-color: #e38962;}
div.graphBar03,
ul.graphNote span.type03:before {background-color: #f7cb84;}
div.graphBar04,
ul.graphNote span.type04:before {background-color: #ccc;}
ul.graphNote span.type05:before {background-color: #e6e6e6;}

/* 백업 */
a.backup {display:inline-block;border:1px solid #44792f;height:17px;margin-top:8px !important;padding:3px 17px 2px 28px;text-align:left;background:url('/image/bl_file_xls.png') 12px 6px no-repeat;color:#44792f;font-size:11px;text-decoration:none;}


/* 검색 영역 */
div.searchArea {overflow:hidden;padding:10px 0;margin-bottom:20px;border:1px solid #c1c9d3;background-color:#e9f2ff;text-align:center;}
div.searchArea form,
div.searchArea fieldset,
div.searchArea dl,
div.searchArea dt,
div.searchArea dd,
div.searchArea p {display:inline-block;vertical-align: top;}
div.searchArea p.count {width: 180px;padding: 5px 10px 9px;margin-right: 10px;border-radius:18px;text-align: center;background-color: #77aee2;color: #fff;}

.ie7 div.searchArea dl,
.ie7 div.searchArea dt,
.ie7 div.searchArea dd,
.ie7 div.searchArea p {display:inline;}

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

div.searchArea label,
div.searchArea span {display: inline-block;line-height: 35px;color: #277dcc;font-weight: bold;vertical-align: top;}

div.searchArea dt {}

div.searchArea input[type="text"] {padding:5px 10px 6px;}
div.searchArea select {height: 35px;}

div.searchArea dt {padding-left:17px;}

div.searchArea dd.date input[type="text"] {width: 80px;}
div.searchArea dd.date .calendar {vertical-align: middle;cursor:pointer;}

div.searchArea p.btn {margin-left: 30px;}

div.searchDetail {display: none;position: absolute; width:1158px; margin-top:10px; margin-left:-266px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; border-left:1px solid #c1c9d3;border-right:1px solid #c1c9d3;border-bottom:1px solid #c1c9d3;background-color:#e9f2ff;z-index:1;text-align: left; }
div.searchDetail th{padding-bottom:5px;padding-left: 20px; color: #277dcc;}
div.searchDetail td{padding-bottom:5px;}
div.searchDetail label{margin-left: 15px; color:#666; font-weight: normal;line-height:1.2;}
div.searchDetail label:first-child {margin-left: 0;}
div.searchDetail p.close {position: absolute;right: 5px;bottom: 5px;}


/* 검색요약 */
div.note {overflow:hidden;padding-bottom:15px;}
div.note p.brief {text-align: center;font-weight: bold;color: #4b4b4b;}

ul.stateNote,
ul.stateNote li {float: left;}
ul.stateNote {padding-top: 5px;}
ul.stateNote li {color: #333;margin-left: 10px;}
ul.stateNote li:first-child {margin-left: 0;}
ul.stateNote img {vertical-align: middle;}
ul.stateNote li.ing {color: #e98c00;}
ul.stateNote li.com {color: #99bb00;}




dl.brief {overflow:hidden;padding:11px 0 15px;border: 1px solid #77aee2;background-color: #f6fdff;}
dl.brief dt,
dl.brief dd {float:left;font-size:14px;color:#277dcc;}

dl.brief dt {position: relative;padding:0 5px 0 15px;margin-left:30px;font-weight:bold;color:#0056a4;}
dl.brief dt:before {position: absolute;left: 0;top: 50%;content: '●';font-size: 4px;line-height: 4px;margin-top: -2px;font-weight: bold;}

/* 검색결과 영역 */
table.listTbl {width: 100%;border:0; border-collapse:separate; border-spacing:0;border-top: 2px solid #4b4b4b;border-right: 1px solid #d4d4d4;}
table.listTbl th,
table.listTbl td {padding: 5px;border-left: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;color: #4b4b4b;text-align: center;}
table.listTbl th {font-weight: bold;background-color: #f7fafd;}

table.listTbl td.state span {display: inline-block;width: 70px;padding:1px 0 3px;border-width: 1px;border-style: solid;font-size: 12px;text-align: center;}
table.listTbl td.state span.ing {border-color: #e98c00;color: #e98c00;}
table.listTbl td.state span.com {border-color: #99bb00;color: #99bb00;}
table.listTbl td.state span.pause {border-color: #999999;color: #999999;}
table.listTbl td.state span.comp {border-color: #00529e;color: #00529e;}
table.listTbl td.util a {width: 15px;padding: 2px 0;margin-left: 5px;}
table.listTbl td.util a:first-child {margin-left: 0;}

table.listTbl.report th,
table.listTbl.report td {font-size: 14px;}

div.caseList {border: 1px solid #ccc;background-color: #dedede;}

div.caseList ul.case li {overflow: hidden;position: relative;padding: 5px 40px 5px 110px;border-bottom: 1px solid #ccc;}
div.caseList ul.case li:hover,
div.caseList ul.case li.on {background-color: #fff;}
div.caseList ul.case span {float: left; margin-left:15px;}
div.caseList ul.case span.state {position: absolute;left: 0;top: 3px;width: 110px;text-align: center;font-weight: bold;color: #dc0000;}
div.caseList ul.case span.state.com {color: #311f88;}
div.caseList ul.case span.check {position: absolute;right: 100px;top: 0;width: 50px;height: 13px;padding: 5px 0;text-align: center;}
div.caseList ul.case span.caseReset {position: absolute;right: 50px;top: 0;width: 50px;height: 13px;padding: 5px 0;text-align: center;}
div.caseList ul.case a {position: absolute;right: 0;top: 3px;width: 40px;height: 13px;padding: 3px 0 5px;text-align: center;}
div.caseList ul.case a img {}

div.caseList ul.pager {padding: 10px 0;}

ul.pager {padding: 40px 0;text-align:center;}
ul.pager > li {display:inline-block;padding:0 6px;vertical-align: top;}
ul.pager > li a {padding:0;color:#4b4b4b;vertical-align: top;}
ul.pager > li.on {font-weight:bold;color:#277dcc;}


.ie7 ul.pager > li {display:inline;}
ul.pager > li:first-child {padding-left:0;background:none;}



/* 신규 환자 등록 > 일괄등록 */
dl.fileUpload {overflow: hidden;padding-top: 25px;}
dl.fileUpload > dt,
dl.fileUpload > dd {float: left;}
dl.fileUpload > dt {width: 140px;}
dl.fileUpload > dt label {line-height: 50px;}
dl.fileUpload #selectFile input[type=text] {width: 837px;}
dl.fileUpload > dd > p {padding-top: 10px;}



/* 임상정보 입력 */
ul.patientInfo {padding: 10px 0 12px;border: 1px solid #c1c9d3;text-align: center;background-color: #fafbff;}
ul.patientInfo > li {display: inline-block;margin-left: 40px;vertical-align:middle;}
ul.patientInfo > li:first-child {margin-left: 0;}
ul.patientInfo > li:last-child {display: inline-block;margin-left: 40px;vertical-align:middle;background:none;}
.ie7 ul.patientInfo > li {display: inline;}


/* 추적등록 */
div.followup {margin-top: 50px;padding: 0 0 0 160px;border: 2px solid #c4d9e4;background: #f3fbff url('/image/followup_tit.png') 35px center no-repeat;}
div.followup form {position: relative;padding: 20px;border-left: 2px solid #c4d9e4;background-color: #fff;}
div.followup ul,
div.followup dl {overflow: hidden;}
div.followup ul li {float: left;padding-left: 20px;}
div.followup ul li:first-child {padding-left: 0;}
div.followup ul li.off {opacity: .5;}

div.followup dt,
div.followup dd {float: left;font-weight: bold;}
div.followup dt label {color: #056dc5;}
div.followup dd {margin-left: 10px;}

div.followup p.btn {position: absolute;right: 20px;top: 50%;margin-top: -25px;}
div.followup p.btn * {border-radius:4px;}

div.sort {padding: 30px 0 10px;text-align: right;}

ul.footnote {margin-top: 30px;padding: 10px 20px 15px;border: 1px solid #dfdecc;background-color: #fffeef;}
ul.footnote li {position: relative;margin-top: 5px;padding-left: 20px;color: #4b4b4b;}
ul.footnote li.check:before {position: absolute;left: -1px;content: ">";font-size: 20px;line-height: 27px;margin-top: -5px;}
ul.footnote sup {position: absolute;left: 0;top: 0;}
ul.footnote li table.tblDef {margin-top:5px;}
ul.footnote li table.tblDef th {background-color: #fef7d1;}
ul.footnote li table.tblDef th {padding: 7px 10px 7px 15px;}
ul.footnote li table.tblDef td {padding: 0 10px 7px 15px;}
ul.footnote li table.tblDef td li:before {content: "•"; display: inline-block; vertical-align: middle;margin-top:-7px;margin-left:-10px;margin-right:5px;}
ul.footnote li table.tblDef td li {padding: 0 !important;margin-left:5px;line-height:130%;}

/* Intro */
div.introWrap {position: relative;width: 100%;min-width:1200px;margin: 0 auto;background: url('/image/introBg.jpg') center center no-repeat;background-size:100% 100%;}
div.intro {position: absolute;left: 50%;top: 50%;width: 546px;margin: -266px 0 0 -273px;}
div.intro h1 {padding-bottom: 115px;text-align: center;}
div.intro ul {position: relative;width: 546px;height: 286px;}
div.intro li {position: absolute;top: 0;}
div.intro li.cd {left: 0;}
div.intro li.uc {right: 0;}

/* No Border Table */
td table.noBorderTbl {margin-left:0;}
td table.noBorderTbl th,
td table.noBorderTbl td {padding:0;border:0 none;}

td table.noBorderTbl th {background-color:#f7fafd;}
td table.noBorderTbl td {}
td table.noBorderTbl input[type=radio],
td table.noBorderTbl input[type=checkbox] {margin-left:5px;}
td table.noBorderTbl label {margin-right:10px;}

div.guide {margin-top:10px; border:2px dotted #a2caea;padding:20px;background-color: #ffffdd;line-height: 160%}
div.guide .num_text{list-style-type : none; font-weight:bold !important;margin-left:10px;}
div.guide .num_text2{list-style-type : decimal; font-weight:bold !important;margin-left:40px;}
div.guide .sub_text{list-style-type : circle; margin-left:40px;}

/* 팝업 */
div.popupWrap {width: 95%;padding: 10px 20px;}
div.popupWrap h1 {overflow:hidden;padding:10px 0;margin-bottom:40px;border:1px solid #c1c9d3;background-color:#e9f2ff;text-align:center;color:#0056a4;font-weight:bold;font-size:26px;line-height: 1.2;}

div.popupWrap div.scrollArea {overflow-y: auto;max-height: 500px;}

div.popupWrap > div.btn {text-align: center;padding-top: 30px;}




/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

dl.overHidden > dt,
dl.overHidden > dd,
ul.overHidden > li {float:left;list-style:none;}

ul.bbsCate {overflow:hidden;padding-bottom:20px;}
ul.bbsCate > li {float:left;width:130px;padding-left:7px;}
ul.bbsCate > li:first-child {width:131px;padding-left:0;}
ul.bbsCate > li a {display:block;padding:6px 0 10px;text-align:center;border:1px solid #b5b5b5;background-color:#b5b5b5;color:#fff;}
ul.bbsCate > li.on a {background-color:#e31555;border-color:#e31555;}

ul.bbsNote {padding: 23px 30px 25px;border:1px solid #ddd;font-size:13px;line-height:25px;word-spacing:-1px;}

.bbsBrief {overflow: hidden;padding:8px 0 10px;font-size:0.9em;}



table.bbs {width:100%;font-family:'Malgun Gothic', sans-serif;font-size:14px;}
table.bbs > * > tr > th,
table.bbs > * > tr > td {padding:6px 0 7px;text-align:center;border-left:0 none;}


table td.admin img {width:18px;}


table.bbs tbody th {background-color:#f8f8f8;line-height:20px;font-weight:bold;}
table.bbs tbody .bg {padding-bottom:10px;background-color:#f8f8f8;color:#2e2e2e;text-align:center;font-weight:bold;}
table.bbs td a {display:inline-block;}

table.bbs span.bullet {display: inline-block;height: auto !important;padding: 0 5px 1px;border: 1px solid #08522a;border-radius:4px;vertical-align: top;color: #fff;font-size: 10px;line-height: 12px !important;font-weight: bold;background-color: #217346;text-decoration: none;}

table.bbs td.tit {padding:6px 10px 7px;text-align:left;}
table.bbs td.tit a {display:inline-block;width:635px;overflow:hidden;position:relative;height:1.6em;text-overflow:ellipsis; white-space:nowrap; text-decoration: none;color: #222;}



table.bbs td.tit a.new {padding-right:18px;}
table.bbs td.tit a.new img.new {position:absolute;right:0;top:50%;height:14px;margin-top:-7px;}
table.bbs td.tit img.reply {padding-right:5px;}

table.bbs td.file,
table.bbs td.con {text-align:left;padding:6px 10px 7px;}

table.bbs td.file a {text-decoration: none;color: inherit;}

table.bbs td.bg {padding-bottom:10px !important;text-align:center !important;}
table.bbs td.bbsCon {padding:0;height:300px;vertical-align:top;}

table.bbs td input[type=radio],
table.bbs td input[type=checkbox] {margin-left:15px;}
table.bbs td input[type=radio]:first-child,
table.bbs td input[type=checkbox]:first-child {margin-left:0;}
table.bbs td input[type=image] {vertical-align:middle;}
table.bbs td.pluginArea {padding:0 !important;}

table.bbs input[type=text],
table.bbs input[type=password] {padding:5px 10px;}



table.bbs td.utilBtn span,
table.bbs td.utilBtn a {vertical-align: top;}
table.bbs td.utilBtn a img {height:100%;}

table td.noResult {padding:30px 0 34px;text-align:center !important;font-weight:bold;color:#000;}

table td.thumb img {display:block;width:95px;height:55px;margin:0 auto;border:1px solid #e8e8e8;}

dl.uploadCount {overflow:hidden;padding:30px 0 10px;}
dl.uploadCount > dt,
dl.uploadCount > dd {float:left;}
dl.uploadCount > dt {padding-right:10px;font-weight:bold;}

/* 게시판 글보기 */
table.bbsView {border-top-color:#858585;}
table.bbsView td.bg {background-color:#f9f8f9;text-align:center;}

table.bbsView th {color:#364150;background-color:#f9f8f9;}

p.replyCount {padding-top:30px;font-weight:bold;}


/* 답변 영역 */
div.answer {}
div.answer table.bbs th,
div.answer table.bbs td {padding-left: 20px;padding-right: 20px;}
div.answer table.bbs th span.date {float: right;font-weight: normal;}
div.answer table.bbs td.con {border-bottom: 0 none;}




/* 댓글 작성 */
div.reply {;border-bottom:1px solid #c9cfd6;}
div.reply div.replyWrite {position:relative;overflow:hidden;padding-bottom:20px;}
div.reply div.replyWrite textarea {float:left;width:85%;height:72px;}
div.reply div.replyWrite input[type=submit] {float:right;width:145px;height:88px;border:1px solid #b7b7b7;color:#666;background-color: #fff;}

dl.replyItem {position:relative;color:#666;}
div.reply > dl.replyItem {padding-top:10px;border-top:1px solid #d3d3d3;}
div.reply > dl.replyItem:first-child {border-top:0 none;}
dl.replyItem dt,
dl.replyItem dd {padding:0 10px;}

dl.replyItem dt {font-weight:bold;}
dl.replyItem dt span {font-weight:normal;}

dl.replyItem dd.util {position:absolute;right:0;top:10px;padding:0;}
/*dl.replyItem dd.reply dd.util {right:-10px;}*/

dl.replyItem dd.util a {font-size:12px;color:#666;}
dl.replyItem dd.util li {padding-left:10px;/*background:url('/image/icon/bbsBl_bar.gif') 5px 8px no-repeat;*/}
dl.replyItem dd.util li:first-child {padding-left:0;background:none;}

/*div.reply > dl.replyItem > dd.reply {border-top:1px solid #c9cfd6;}*/

div.reply dd.con {padding:10px;}
dl.replyItem dd.info {color:#868686;margin-left:10px;}
dl.replyItem dd.reply,
dl.replyItem dd.write {padding:10px 10px 10px 27px;background:url('/image/icon/bbsBl_reply.gif') 5px 15px no-repeat;}

dl.replyItem dd.reply dt,
dl.replyItem dd.reply dd {padding:0;}

dl.replyItem dd.reply1,
dl.replyItem dd.write1 {padding-left: 25px;margin-left:55px;background:url('/image/icon/bbsBl_reply.gif') 5px 1px no-repeat;}

dl.replyItem dd.reply1 dt,
dl.replyItem dd.reply1 dd {padding:0;}

dl.replyItem dd.reply2,
dl.replyItem dd.write2 {padding-left: 25px;margin-left:90px;background:url('/image/icon/bbsBl_reply.gif') 5px 1px no-repeat;}

dl.replyItem dd.reply2 dt,
dl.replyItem dd.reply2 dd {padding:0;}

dl.replyItem dd.reply3,
dl.replyItem dd.write3 {padding-left: 25px;margin-left:125px;background:url('/image/icon/bbsBl_reply.gif') 5px 1px no-repeat;}

dl.replyItem dd.reply3 dt,
dl.replyItem dd.reply3 dd {padding:0;}

dl.replyItem dd.write div.replyWrite {padding-bottom:0;}
dl.replyItem dd.write div.replyWrite label {position:absolute;left:14px;top:5px;color:#868686;}
dl.replyItem dd.write div.replyWrite textarea {width:85%;height:54px;padding-top:26px;}



/* 게시판 글쓰기 */
td.editArea {padding:0 !important;}
div.editArea {margin-top:20px;}

td.con {padding:20px 20px 60px;text-align:left;vertical-align:top;}


/* 게시판 하단버튼 영역 */
div.bbsUtil {overflow:hidden;position:relative;padding-top: 20px;}

table + div.bbsUtil,
div.formArea div.bbsUtil {}
div.bbsUtil .btn * {min-width:90px;height:31px;font-size:15px;font-weight:bold;}
div.bbsUtil .btn a {height:18px;padding:4px 0 7px;line-height:15px;}
div.bbsUtil .btn a.btnBdDef {border-color:#9d9d9d;color:#9d9d9d !important;}


div.bbsUtil .btnBig {min-width:100px;height:42px;padding:0;}
div.bbsUtil a.btnBig {height:22px;padding:9px 0;}

ul.pager {padding:20px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline;vertical-align: top;}

ul.pager a {display: inline-block;width: auto;border:0 none;padding:4px 5px 5px;vertical-align: top;font-size:12px;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {width:28px;padding:0;}

ul.pager a.on,
ul.pager a.btnDef {background-color: #4b4b4b;font-weight:bold;color: #fff;text-align: center;}
ul.pager a img {vertical-align: top;}

ul.pager.btnSmall {padding:8px 0 3px;}
ul.pager.btnSmall a {width:auto;padding:1px 5px 3px;}
ul.pager.btnSmall .first a,
ul.pager.btnSmall .prev a,
ul.pager.btnSmall .next a,
ul.pager.btnSmall .last a {padding:3px 5px 1px;}




/* 게시판 하단버튼 영역 없어서 김영환 추가했습니다.*/
ul.pager a {display: inline-block;width: 10px;border:0 none;padding:4px 5px 5px;vertical-align: top;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {padding:0;}

ul.pager a.on {/*padding: 2px 0;background-color: #204ea3;*/font-weight:bold;color: #fff;text-align: center;}
ul.pager a img {vertical-align: top;}


/* 게시판 검색 */
div.bbsSearch {position:relative;padding:10px 0 30px;text-align:right;}
div.bbsSearch dl,
div.bbsSearch dt,
div.bbsSearch dd,
div.bbsSearch p {display:inline-block;vertical-align:top;}

div.bbsSearch dd,
div.bbsSearch p.btn {}
div.bbsSearch input,
div.bbsSearch select,
div.bbsSearch .btn {vertical-align:top;}

div.bbsSearch p.btn {display:inline-block;height:35px;}

div.bbsSearch select {width:130px;height:35px;}

div.bbsSearch dd {position:relative;}
div.bbsSearch input[type=text] {width:181px;height:22px;padding:5px 36px 6px 10px;}
div.bbsSearch input[type=image] {position:absolute;right:10px;top:50%;margin-top:-9px;}
div.bbsSearch span.btn * {height:100%;padding:0;font-size: 13px;vertical-align:top;}