@charset "utf-8";


input[type=text],
input[type=password] {height: 25px;padding: 4px 5px;border: 1px solid #b9b8b6;}

select {height: 35px;border: 1px solid #b9b8b6;}




div.loginArea, div.loginArea dl, div.loginArea dt, div.loginArea dd, div.loginArea p {margin: 0;padding: 0;}
div.loginArea {position: absolute;left: 50%;top: 50%;width: 730px;padding: 48px;border: 2px solid #3da12a;margin: -250px 0 0 -415px;}
div.loginArea h2 {padding-bottom: 35px;text-align: center;}
div.loginArea h2 img {vertical-align: top;}

div.loginArea div.formArea {position: relative;padding: 10px 230px 30px 30px;border-top: 1px solid #b9b8b6;border-bottom: 1px solid #b9b8b6;}
div.loginArea dl {position: relative;margin-top: 20px;padding-left: 100px;}
div.loginArea dt {position: absolute;left: 0;top: 50%;color: #5e5e5e;font-size: 15px;margin-top: -17px;}
div.loginArea dd input {width: 348px !important;}
div.loginArea p {position: absolute;right: 20px;top: 50%;width: 176px;height: 96px;margin-top: -48px;}
div.loginArea p input {width: 100%;height: 100%;padding: 0;border:0 none;background-color: #3da12a;color: #fff;font-size: 20px;}




div.wrapper {min-width:1000px;word-break:normal;font-family: '맑은고딕', 'Malgun Gothic', sans-serif;color: #4b4b4b;font-size: 14px;line-height: 1.6;}
div#headerWrap {background:url('/image/bg.jpg') 0 0 repeat-x;}
div#headerWrap > div {position:relative;width:1000px;height:128px;margin:0 auto;}
div#headerWrap h1 {position:absolute;left:0;top:59px;}
div#headerWrap h1 a {display:block;width:262px;height:44px;}

ul#gnb {position:absolute;right:0;bottom:28px;margin: 0;padding: 0;}
ul#gnb > li {position: relative;float:left;margin: 0;padding:0 0 0 60px;list-style:none;}
ul#gnb > li:before {position: absolute;left: 30px;top: 50%;content: "|";font-size: 20px;line-height: 30px;margin-top: -15px;}
ul#gnb > li:first-child {padding-left:0;}
ul#gnb > li:first-child:before {content: "";}
ul#gnb > li a {display:block;overflow:hidden;color: #000;text-decoration: none;font-size: 20px;line-height: 30px;}
ul#gnb > li.on a {color: #3da12a;font-weight: bold;}

ul#gnb.admin > li a {height: 25px;}

div.util {position:absolute;right:0;top:9px;font-size:11px;line-height: 18px;font-family: '돋움', Dotum, sans-serif;}
div.util p,
div.util dl,
div.util dt,
div.util dd,
div.util ul,
div.util li {float:left;margin: 0;padding: 0;list-style:none;}
div.util p {padding:0 18px 0 15px;font-weight:bold;color:#1c710c;background:url('/image/gnbUtil_bl.png') left 5px no-repeat;}
div.util dl {padding-right: 18px;color: #bd570e;font-weight: bold;}
div.util li:first-child {position: relative;padding-right: 20px;}
div.util li:first-child:after {position: absolute;right: 8px;top: 0;content: "|";}
div.util li a {color:#505050;text-decoration: none;}



div#footerWrap {padding: 20px 0 80px;border-top: 1px solid #dcdcdc;color: #727272;text-align: center;}
div#footerWrap.posBL {width: 100%;}

div#container {width:1000px;padding:30px 0 50px;margin:0 auto;}
div#container h2.pageTit {height:24px;padding:8px 0 12px 60px;margin-bottom:24px;background:#efefef url('/image/pageTit_bg.jpg') 0 0 no-repeat;font-size:18px;line-height: 25px;color:#010101;font-weight:bold;}

.subTit {margin: 30px 0 10px;color: #4b4b4b;font-size: 15px;line-height: 20px;font-weight: bold;}



ul.subMenu {overflow: hidden;margin: 36px 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: #f1f1f1 url('/image/toggleBl_off.png') right center no-repeat;}
ul.subMenu > li.on a {color: #34a4cd;border-color: #34a4cd;background-color: #effdff;background-image: url('/image/toggleBl_on.png');}

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

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;}

.txtIn40 {padding-left: 40px !important;text-indent: -30px;}


.bdArea {border: 1px solid #d4d4d4;padding: 40px;}

/* 버튼 및 Form 태그 */
form, fieldset, legend, form ul, form li, form dl, form dt, form dd, form p {margin: 0;padding: 0;border: 0 none;list-style:none;}
legend {visibility: hidden;height: 0;line-height: 0;font-size: 0;text-indent: -10000px;}



.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:33px;padding:0 10px 2px;font-size:14px;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;}

.btn a {height:auto;line-height:19px;padding:6px 10px 6px;}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}
.btn i {padding:2px 10px 0 0;}
.btn .btnIcon i {padding-right: 0;}

/* 하늘색 */		.btnDef {background-color:#1c710c !important;border-color:#1c710c !important;color:#fff !important;}
/* 민트색 */		.btnPoint {background-color:#34a4cd !important;border-color:#34a4cd !important;color:#fff !important;}
/* 회색 */			.btnGrey {background-color:#696c6c !important;border-color:#696c6c !important;color:#fff !important;}
/* 파란색 */		.btnBlue {background-color:#056dc5 !important;border-color:#056dc5 !important;color:#fff !important;}
/* 녹색 */			.btnExel, .btnGreen {background-color:#217346 !important;border-color:#217346 !important;color:#fff !important;}


/* border+ 하늘색 */	.btnBdDef {background-color:#fff !important;border-color:#1c710c !important;color:#1c710c !important;}
/* border+ 민트색 */	.btnBdPoint {background-color:#fff !important;border-color:#34a4cd !important;color:#34a4cd !important;}
/* border+ 회색 */		.btnBdGrey {background-color:#fff;border-color:#696c6c;color:#696c6c;}


.btn .btnSmall {font-size: 12px;height: 25px;padding:0 16px;border-radius:1px;vertical-align:top;}
.btn a.btnSmall {height:18px;padding: 3px 10px 2px;line-height: 17px;}


.btn .btnBig {font-size: 18px;height: 50px;padding:0 50px 2px;}
.btn a.btnBig {height: auto;padding: 14px 50px 15px;}

.btn .btnGr {background-image: url('/image/btnBg_gr.png');background-position: 0 0;background-repeat: repeat-x;}

.btnArea {padding-top: 50px;text-align: center;}
.btnArea > * {margin-left: 10px;}
.btnArea > *:first-child {margin-left: 0;}




div.formArea input[type=radio],
div.formArea input[type=checkbox] {margin: 12px 5px 0 20px;vertical-align: top;}
div.formArea input[type=radio]:first-child,
div.formArea input[type=checkbox]:first-child {margin-left: 0;}

div.formArea input[type=text],
div.formArea input[type=password],
div.formArea input[type=file] {width:auto;height: 25px;padding:4px 10px;vertical-align: top;}
div.formArea input[disabled=disabled] {background-color:#f8f8f8;}

div.formArea input.wide {width: 97%;}

div.formArea select {height: 35px;}
div.formArea textarea {width: 98%;padding: 5px;}

div.formArea label,
div.formArea span {line-height: 35px;vertical-align: top;}
input.calendar {margin: 11px 0 0 5px !important;vertical-align: top;}


dl.inputArea {border-top:2px solid #4b4b4b;}
dl.inputArea > dt,
dl.inputArea > dd {padding: 10px 20px;border-bottom: 1px solid #ddd;}
dl.inputArea > dt {font-weight: bold;color: #4b4b4b;background-color: #f7fafd;}

div.sign {margin-top: 30px;padding: 30px;border: 2px solid #c4d9e4;background-color: #f3fbff;}
div.sign > p {padding-bottom: 10px;text-align: center;font-weight: bold;color: #4b4b4b;font-size: 1.2em;}
div.sign dl {overflow: hidden;padding-top: 10px;display:table;margin-left: auto;margin-right: auto;}
div.sign dt,
div.sign dd {float: left;margin-top: 10px;}
div.sign dt {clear: both;font-weight: bold;}
div.sign dd input[type=text] {border: 0 none;border-bottom: 1px solid #aaa;background: none;}
div.sign span.find {position: relative;display: inline-block;line-height: 18px;padding: 6px 10px 10px;color: #fff;background-color: #056dc5;}
div.sign span.find .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}


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%;}

/* 검색 영역 */
div.searchArea {overflow:hidden;padding:8px 0;border:1px solid #3da12a;background-color:#e3f7e0;}
div.searchArea.ac form, div.searchArea.ac fieldset {display: inline-block;}
div.searchArea p,
div.searchArea div,
div.searchArea dl,
div.searchArea dt,
div.searchArea dd {margin: 0;padding: 0;display: inline-block;vertical-align: top;}

div.searchArea label,
div.searchArea span,
div.searchArea input,
div.searchArea select {margin-top:0;margin-bottom:0;}
div.searchArea label,
div.searchArea span {line-height:35px;font-weight:bold;color:#1c710c;}

div.searchArea p.brief {display: inline-block;width:127px;padding:6px 0 7px;border-radius:20px;text-align:center;font-weight:bold;color:#fff;background-color: #3da12a;vertical-align: top;}

div.searchArea dl {padding-left:17px;}
div.searchArea dt {padding-right:10px;}
div.searchArea input[type="text"] {width:86px;height:25px;padding:4px 10px;}
div.searchArea input[type="submit"] {width:67px;height:35px;margin-left:10px;padding: 0 0 5px;border:0 none;background-color:#1c710c;color:#fff;text-align:center;font-weight:bold;}



div.note {padding: 30px 0 10px;line-height: 35px;}
div.note img {padding: 12px 0 0 20px;vertical-align: top;}
div.note img:first-child {padding-left: 0;}

a.util {color: #4b4b4b;}


table.tblDef {border-top:2px solid #4b4b4b;border-bottom:1px solid #d4d4d4;}
table.tblDef > * > tr > *,
table.innerTbl > * > tr > * {padding:10px 0;border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4;text-align:center;color: #4b4b4b;}
table.tblDef > * > tr:first-child > *,
table.innerTbl > * > tr:first-child > * {border-top: 0 none;}
table.tblDef > * > tr > *:first-child,
table.innerTbl > * > tr > *:first-child {border-left: 0 none;}

table.tblDef > thead > tr:first-child > * {border-bottom: 1px solid #d4d4d4;}


table.tblDef > * > tr > th,
table.innerTbl > * > tr > th {background-color: #f7fafd;text-align:center;font-weight:bold;}
table.tblDef .bg {background-color: #e3fddd;color: #006f00;}

table.tblDef > tfoot > tr > *,
table.tblDef > * > tr.bg > * {background-color: #495c9a;color: #fff;border-left-color: #fff;}

table.tblDef .al {padding-left: 10px;text-align: left !important;}
table.tblDef .bdLeft {border-left:1px solid #ccc !important;}

table.tblDef td.noData {padding: 40px 0;text-align: center;color: #ca3f3f;}

table.borderTbl {border-left: 1px solid #ccc;border-top: 1px solid #d4d4d4;}
table.borderTbl > * > tr > * {border-right: 1px solid #d4d4d4;}
table.borderTbl > thead > tr:first-child > * {border-bottom: 1px solid #d4d4d4;}

table.ac th,
table.ac td {text-align: center !important;}

table.listTbl th,
table.listTbl td {padding: 5px;text-align: center;font-size: 12px;}


table.tblDef > * > tr > td {padding: 10px;text-align: left;}
table.inputTbl > * > tr > th {padding: 10px;text-align: left;vertical-align: middle;}
table.inputTbl th .essen {display: inline-block;vertical-align: middle;}

table.innerTbl {border-top:1px solid #d4d4d4;}
table.innerTbl:first-child {border-top: 0 none;}
table.innerTbl > * > tr > * {padding: 5px 10px;}


table.inputTbl .label,
table.inputTbl > * > tr > th label {padding-left: 0;}
table.inputTbl .multi > span, table.inputTbl .multi > label, 
table.inputTbl td.phone span, table.inputTbl td.phone label, 
table.inputTbl td.address > span, table.inputTbl td.address > label, 
table.inputTbl td.birth > span, table.inputTbl td.birth > label, 
table.inputTbl td.email > span, table.inputTbl td.email > label {line-height: 35px;}

table.inputTbl .multi input[type=radio], 
table.inputTbl .multi input[type=checkbox] {margin: 12px 0 0 20px;}

table.inputTbl .multi > *, 
table.inputTbl td.phone *, 
table.inputTbl td.address > *, 
table.inputTbl td.name > *, 
table.inputTbl td.birth > *, 
table.inputTbl td.email > * {margin-left: 5px;}

table.inputTbl .multi > label {margin-left: 20px;}
table.inputTbl .multi > label:first-child {margin-left: 0 !important;}

table.inputTbl td.email input[type="text"]:first-child {width: 210px;}
table.inputTbl td.email span.clear,
table.inputTbl .note {color: #e91e5c;font-size: 0.8em;}
table.inputTbl span.clear {padding-top: 0;line-height: 33px !important;}

table.inputTbl td.phone {overflow: hidden;}
table.inputTbl td.phone > * {float: left;}
table.inputTbl td.phone label {width: 142px;text-align: center;}

table.inputTbl td.address input[type=text] {width: 447px;}

table.inputTbl .period input[type=text] {width: 100px;}
table.inputTbl .btn .btnSmall i {padding: 3px  0 0;}



div.selectFile {overflow:hidden;}
div.selectFile p {float:left;}
div.selectFile p input[type=text] {height:22px;padding:4px 10px}

div.selectFile p.withIcon {position:relative;width:66px;height:32px;margin-left:5px;background-color:#393939;}
div.selectFile p.withIcon i {z-index:0;position:absolute;left:50%;top:50%;color:#fff;font-size:14px;margin:-7px 0 0 -7px;}
div.selectFile p.withIcon.small {width:30px;}

div.selectFile p.find input,
div.selectFile p.withIcon input {width:100%;height:100%;padding: 0;border: 0 none;}
div.selectFile p.btn * {height: 30px;font-size: 14px;border: 0 none;}


table.ac th,
table.ac td {padding-left:0;text-align:center !important;}

table.tblDef td.memo {padding:0;}
table.tblDef td.memo textarea {width:100%;padding:5px 0;border:0 none;height:54px;font-size:12px;}

table td.util a {color: #4b4b4b;}

.state {display:inline-block;width:83px;padding:2px 0 4px;border-width:1px;border-style:solid;text-align:center;line-height:14px;font-size: 11px;}
/* 입력대기 */		.state.step01 {border-color:#00529e;color:#00529e;}
/* 입력중 */			.state.step02 {border-color:#cf5d00;color:#cf5d00;}
/* 입력완료 */		.state.step03 {border-color:#9c41d0;color:#9c41d0;}



ul.pager {margin: 0;padding:30px 0;text-align:center;}
ul.pager > li {display:inline-block;margin: 0;padding:0 6px;list-style:none;}
ul.pager > li a {padding:0;color:#4b4b4b;font-size:16px;line-height: 25px;text-decoration: none;}

.ie7 ul.pager > li {display:inline;}
ul.pager > li:first-child {padding-left:0;background:none;}
ul.pager > li.on {font-weight:bold;color:#1c710c;font-size:17px;}

ul.pager > li.first,
ul.pager > li.prev,
ul.pager > li.next,
ul.pager > li.last {padding: 0;letter-spacing:-1px;font-size: 20px;line-height: 25px;}
ul.pager > li.prev {padding-left: 5px;}
ul.pager > li.next {padding-right: 5px;}


/* 추적등록 */
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;}

/* 통계 그래프 */
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;}

/* 지표별 정의 레이어 */
.help_div{display:none; position:absolute; overflow:hidden; border:1px dotted #333; max-width:800px; background-color:#fff;padding:10px 15px 15px 10px;z-index:10;}
.help_div span.iBlock{line-height:150%;}


/* 팝업 */
div.popupWrap {position: relative;width: 99%;margin: 0;border: 1px solid #ededed;}
div.popupWrap h1 {margin: 0;padding: 15px 65px 15px 50px;color: #010101;border-bottom: 1px solid #ededed;font-weight: bold;font-size: 18px;line-height: 24px;background: url('/image/popupTit_bl.png') 25px 20px no-repeat;}
div.popupWrap div.popupCon {overflow-x: hidden;overflow-y: auto;padding: 15px;}

div.popupWrap p.close {position: absolute;right: 0;top: 0;width: 55px;height: 55px;margin: 0;text-align: center;}
div.popupWrap p.close:after {position: absolute;right: 0;top: 0;width: 100%;height: 100%;content: "\f00d";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 30px;}
div.popupWrap p.close a {display: block;height: 100%;text-indent: -10000px;}

div#popupRevision {}
div#popupRevision th {border-bottom: 1px solid #d4d4d4;padding-bottom: 7px;}
div#popupRevision td {line-height: 1.2em;font-size: .9em;}