@charset "utf-8";

/* common */
html{overflow-y:scroll; height:100%;}
body{margin:0; padding:0; font-size:12px; line-height:1.5em; font-family:Dotum, Arial, Tahoma;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,select {margin:0; padding: 0; font-size: 12px; color:#555; font-family:Dotum, Arial, Tahoma;}
p{line-height:1.5em; margin:0; padding:0;}
abbr,acronym,fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
ol,ul,dl {list-style:none;}
table{border-spacing:0; border-collapse:collapse;}
legend {display:none;}
input, textarea {vertical-align:middle;}
input.type-image {border: 0 none;}
input.type-text, textarea {margin:3px 0; border:1px solid #d2d2dc; background:#fff; padding:5px;}
select.file {float:left; width:350px; height:50px; margin:5px 5px 5px 0; border:1px solid #c8c8ca; color:#666; background:#fff;}

a:link, a:visited {text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
table{border-collapse:collapse;}
caption {display:none;}

select {height:20px; border:1px solid #bbbbc5; color:#555; vertical-align:middle;}
img {vertical-align:middle;}

#accessibility, .skip, legend{text-indent:-1000px; font-size:0; line-height:0; position:absolute; left:-1000px; visibility:none;}
hr{display:none;}

/* Input Style Definition */
.inputText {border:1px solid #bbbbc5; height:18px; margin-top:1px; margin-bottom:1px; padding:0 3px; color:#333; line-height:20px; background:#fff;}
.inputTextR {border:1px solid #bbbbc5; height:18px; margin-top:1px; margin-bottom:1px; padding:0 3px; color:#333; line-height:20px; background:#fff; text-align:right;}
.inputTextR_yellow {border:1px solid #bbbbc5; height:18px; margin-top:1px; margin-bottom:1px; padding:0 3px; color:#333; line-height:20px; background:#ffe993; text-align:right;}
.inputText_gray {border:1px solid #bdbdbd; height:18px; color:#333; line-height:20px; background:#bdbdbd;}
.inputText_req {border:1px solid #bdbdbd; height:18px; color:#333; line-height:20px; background:#ffe993;}
.inputText_read {border:1px solid #bdbdbd; height:18px; color:#333; line-height:20px; background:#eef1f7;}
.inputText_yellow {border:1px solid #bdbdbd; height:18px; color:#333; line-height:20px; background:#ffe993;}

/* width */
.w12 { width:12px;}
.w15 { width:15px;}
.w20 { width:20px;}
.w30 { width:30px;}
.w35 { width:35px;}
.w40 { width:40px;}
.w50 { width:50px;}
.w60 { width:60px;}
.w68 { width:68px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w90 { width:90px;}
.w100 { width:100px;}
.w110 { width:110px;}
.w120 { width:120px;}
.w130 { width:130px;}
.w140 { width:140px;}
.w145 { width:145px;}
.w150 { width:150px;}
.w160 { width:160px;}
.w170 { width:170px;}
.w180 { width:180px;}
.w190 { width:190px;}
.w200 { width:200px;}
.w210 { width:210px;}
.w220 { width:220px;}
.w230 { width:230px;}
.w240 { width:240px;}
.w250 { width:250px;}
.w260 { width:260px;}
.w270 { width:270px;}
.w280 { width:280px;}
.w290 { width:290px;}
.w300 { width:300px;}
.w310 { width:310px;}
.w320 { width:320px;}
.w330 { width:330px;}
.w340 { width:340px;}
.w350 { width:350px;}
.w380 { width:380px;}
.w400 { width:400px;}
.w450 { width:450px;}
.w480 { width:480px;}
.w500 { width:500px;}
.w510 { width:510px;}
.w515 { width:515px;}
.w520 { width:520px;}
.w550 { width:550px;}
.w600 { width:600px;}
.w650 { width:650px;}
.w700 { width:700px;}
.w720 { width:720px;}
.w750 { width:750px;}
.w780 { width:780px;}
.w800 { width:800px;}
.w830 { width:830px;}
.w850 { width:850px;}
.w900 { width:900px;}
.w950 { width:950px;}
.w10p { width:10%;}
.w15p { width:15%;}
.w20p { width:20%;}
.w25p { width:25%;}
.w30p { width:30%;}
.w35p { width:35%;}
.w40p { width:40%;}
.w45p { width:45%;}
.w50p { width:50%;}
.w55p { width:55%;}
.w60p { width:60%;}
.w65p { width:65%;}
.w70p { width:70%;}
.w75p { width:75%;}
.w80p { width:80%;}
.w85p { width:85%;}
.w90p { width:90%;}
.w95p { width:95%;}
.w98p { width:98%;}
.w99p { width:99%;}
.w100p { width:100%;}
.ato {width:auto;}

.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt16 {margin-top:16px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt32 {margin-top:32px;}
.mt40 {margin-top:40px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr15 {margin-right:15px;}

.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml7 {margin-left:7px;}
.ml8 {margin-left:8px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml25 {margin-left:25px;}
.ml40 {margin-left:40px;}

.pr10 {padding-right:10px;}

.pl10 {padding-left:10px;}
.pl12 {padding-left:12px;}
.pl20 {padding-left:20px;}

.tCenter {text-align:center;}
.tRight {text-align:right;}
.tLeft {text-align:left;}

.fArea {*zoom:1;}
.fArea:after {content:""; display:block; clear:both;}
.fArea * {vertical-align:middle;}
.fLeft {float:left;}
.fRight {float:right;}

.clear {clear:both;}

/* align */
.ct {margin-left:auto; margin-right:auto;}
.ar {text-align:right;}
.am {vertical-align:middle;}
.ac {text-align:center;}
.al {text-align:left;}
.at {vertical-align:top;}

.oflow{overflow:hidden;}

.btnC {margin-top:20px; text-align:center;}
.btnR {margin-top:20px; text-align:right;}


/* title */
.sTitleWrap {overflow:hidden; min-height:28px; margin-top:20px; margin-bottom:2px;}
.sTitleWrap.first{margin-top:5px;}
.sTitleWrap h4{float:left; margin-top:5px; padding-left:18px; font-size:12px; color:#333; line-height:18px; background:url(/fe/images/common/conbullet2.gif) no-repeat left 3px;}
:root .sTitleWrap h4{line-height:19px\9;}
.sTitleWrap .gridText {float:left; margin-top:5px; padding-left:12px; background:url(/fe/images/common/pop_dot.gif) 0 7px no-repeat;}
.sTitleWrap .gridText li{float:left; margin-right:10px; color:#333; line-height:18px;}
.sTitleWrap .leftTxt{float:left; padding-top:3px; margin-bottom:5px; font-family:Dotum; font-size:12px; color:#555; font-weight:bold; line-height:normal;}
.sTitleWrap .leftTxt_1{float:left; padding-top:3px; margin-bottom:10px; font-size:13px; color:#e85e09; font-weight:bold; line-height:normal;}
.sTitleWrap .rightTxt{float:right; padding-top:10px; margin-bottom:5px; font-family:Dotum; font-size:12px; color:#555; font-weight:bold; line-height:normal;}
.sTitleWrap .rightTxt span{color:#f05b0a;}
.sTitleWrap .rtBtn{float:right; margin-top:3px; margin-right:2px;}

/* detail table */
.tbl_detail {overflow:hidden;}
.tbl_detail table{width:100%; border-top:2px solid #c1c1c1; border-right:1px solid #c1c1c1; table-layout:fixed;}
.tbl_detail th{height:22px; padding:1px 0 2px 6px;  border-bottom:1px solid #c1c1c1;  border-left:1px solid #c1c1c1; color:#3f3f3f; text-align:left; line-height:16px; font-weight:bold; background:#e8e8e8;}
.tbl_detail th.center{text-align:center;}
.tbl_detail td{height:22px; padding:2px 5px; border-bottom:1px solid #c1c1c1;  border-left:1px solid #c1c1c1; color:#555; line-height:16px; text-align:left; background:#fff;}
.tbl_detail td a{color:#151515; text-decoration:underline;}
.tbl_detail .textArea {border:1px solid #bbbbc5; background:#fff; font-size:12px; height:80px;}
.tbl_detail .textArea2 {border:1px solid #bbbbc5; background:#fff; font-size:12px; height:40px;}
.tbl_detail ul{margin-top:5px;}
.tbl_detail li{margin-bottom:5px;}
.tbl_detail span.guide{font-size:11px; color:#888;}
.tbl_detail .selectMenu{font-size:14px; color:#333;}

/* detail table none border*/
.tbl_detailNoB {overflow:hidden;}
.tbl_detailNoB table{width:100%; border:none; table-layout:fixed;}
.tbl_detailNoB td{height:22px; padding:2px 5px; border:none; text-align:left; color: blue;}
.tbl_detailNoB a{color: blue;}

/* table text color */
.text_red{color:#ff0000;}
.text_blue{color:#006cff;}

/* list table */
.tbl_list1 table{width:100%; background:url(/fe/images/common/listHead_bg01.gif) repeat-x;}
.tbl_list1 th{height:28px; padding:2px 2px 1px 2px; border-bottom:1px solid #7d95ad; border-left:1px solid #7d95ad; color:#333; font-weight:bold; font-size:12px; line-height:14px;}
.tbl_list1 th a{display:block;}
.tbl_list1 th a:hover{color:#333; text-decoration:none;}
.tbl_list1 th span.up{display:inline-block; width:12px; height:7px; font-size:0; line-height:0; background:url(/fe/images/common/ico_up.gif) no-repeat;}
.tbl_list1 th span.down{display:inline-block; width:12px; height:7px; font-size:0; line-height:0; background:url(/fe/images/common/ico_down.gif) no-repeat;}
.tbl_list1 td{height:22px; padding:2px 2px 1px 2px; border-bottom:1px solid #c9d3de; border-left:1px solid #c9d3de; color:#454547; font-size:12px; line-height:normal; text-align:center;}
.tbl_list1 td a{color:#151515; text-decoration:underline;}
.tbl_list1 td.title{text-align:left;}
.tbl_list1 td.textR{text-align:right;}
.tbl_list1 td.titleBlue{text-align:center; color:#0054FF;}
.tbl_list1 .bdLeftNone{border-left:none;}

.tbl_list tbody td.hover {background:url('/fe/images/common/td_line_hover.gif');}

.tbl_list2 table{width:100%; background:url(/fe/images/common/listHead_bg02.gif) repeat-x;}
.tbl_list2 th{height:20px; padding:2px 2px 1px 2px; border-bottom:1px solid #7d95ad; border-left:1px solid #7d95ad; color:#333; font-weight:bold; font-size:12px; line-height:15px;}
.tbl_list2 th a{display:block;}
.tbl_list2 th a:hover{color:#333; text-decoration:none;}
.tbl_list2 th span.up{display:inline-block; width:12px; height:7px; font-size:0; line-height:0; background:url(/fe/images/common/ico_up.gif) no-repeat;}
.tbl_list2 th span.down{display:inline-block; width:12px; height:7px; font-size:0; line-height:0; background:url(/fe/images/common/ico_down.gif) no-repeat;}
.tbl_list2 td{height:22px; padding:2px 2px 1px 2px; border-bottom:1px solid #c9d3de; border-left:1px solid #c9d3de; color:#454547; font-size:12px; line-height:normal; text-align:center;}
.tbl_list2 td a{color:#151515; text-decoration:underline;}
.tbl_list2 td.title{text-align:left;}
.tbl_list2 td.textR{text-align:right;}
.tbl_list2 td.titleBlue{text-align:center; color:#0054FF;}
.tbl_list2 .bdLeftNone{border-left:none;}

.tbl_list3 table{width:100%; background:url(/fe/images/common/listHead_bg03.gif) repeat-x;}
.tbl_list3 th{height:20px; padding:2px 2px 1px 2px; border-bottom:1px solid #7d95ad; border-left:1px solid #7d95ad; color:#333; font-weight:bold; font-size:12px; line-height:15px;}
.tbl_list3 th a{display:block;}
.tbl_list3 th a:hover{color:#333; text-decoration:none;}
.tbl_list3 th span.up{display:inline-block; width:12px; height:7px; font-size:0; line-height:0; background:url(/fe/images/common/ico_up.gif) no-repeat;}
.tbl_list3 th span.down{display:inline-block; width:12px; height:7px; font-size:0; line-height:0; background:url(/fe/images/common/ico_down.gif) no-repeat;}
.tbl_list3 td{height:22px; padding:2px 2px 1px 2px; border-bottom:1px solid #c9d3de; border-left:1px solid #c9d3de; color:#454547; font-size:12px; line-height:normal; text-align:center;}
.tbl_list3 td a{color:#151515; text-decoration:underline;}
.tbl_list3 td.title{text-align:left;}
.tbl_list3 td.textR{text-align:right;}
.tbl_list3 td.titleBlue{text-align:center; color:#0054FF;}
.tbl_list3 .bdLeftNone{border-left:none;}

/* 좌우스크롤  테이블 */
.tbl_list4 {overflow:auto;}
.tbl_list4 table{width:100%; background:url(/fe/images/common/listHead_bg01.gif) repeat-x; table-layout:fixed;}
.tbl_list4 th{height:28px; padding:2px 2px 1px 2px; border-bottom:1px solid #7d95ad; border-left:1px solid #7d95ad; color:#333; font-weight:bold; font-size:12px; line-height:14px;}
.tbl_list4 th a{display:block;}
.tbl_list4 th a:hover{color:#333; text-decoration:none;}
.tbl_list4 th span.up{display:inline-block; width:12px; height:7px; font-size:0; line-height:0; background:url(/fe/images/common/ico_up.gif) no-repeat;}
.tbl_list4 th span.down{display:inline-block; width:12px; height:7px; font-size:0; line-height:0; background:url(/fe/images/common/ico_down.gif) no-repeat;}
.tbl_list4 td{height:22px; padding:2px 2px 1px 2px; border-bottom:1px solid #c9d3de; border-left:1px solid #c9d3de; color:#454547; font-size:12px; line-height:normal; text-align:center;}
.tbl_list4 td a{color:#151515; text-decoration:underline;}
.tbl_list4 td.title{text-align:left;}
.tbl_list4 td.textR{text-align:right;}
.tbl_list4 td.titleBlue{text-align:center; color:#0054FF;}
.tbl_list4 .bdLeftNone{border-left:none;}

/* paging */
.paging {overflow:hidden; margin-top:20px; text-align:center;}
.tablein_btn{ margin-left: 1px}

/* 진행판 */
.progBoard {overflow:hidden; position:relative; width:800px; height:678px; background:url(/fe/images/common/progress_off.gif) no-repeat;}
.progBoard li{position:absolute; width:86px; height:50px; padding-top:15px; text-align:center; color:#333;}
.progBoard li.on{width:86px; height:70px; padding-top:0; color:#fff; background:url(/fe/images/common/progress_on.png) no-repeat;}
.progBoard li.on a{display:block; width:86px; height:70px; color:#fff; text-decoration:none;}
.progBoard li.on span{color:#fff;}
.progBoard li.on span.prosTxt02{color:#fff;}
.progBoard li.on2{width:86px; height:50px; padding-top:20px; color:#fff; background:url(/fe/images/common/progress_on.png) no-repeat;}
.progBoard li span.prosTxt01{display:block; width:80px; height:28px; margin:8px 0 5px 1px; font-weight:bold; line-height:14px; letter-spacing:-1px;}
.progBoard li span.prosTxt02{display:block; width:78px; height:22px; margin:0 0 5px 2px;  font-weight:normal; font-size:11px; line-height:11px; color:#6388a2;}
.progBoard li.pros01{top:259px; left:4px;}
.progBoard li.pros02{top:340px; left:4px;}
.progBoard li.pros03{top:300px; left:109px;}
.progBoard li.pros04{top:115px; left:161px;}
.progBoard li.pros05{top:20px; left:161px;}
.progBoard li.pros06{top:219px; left:236px;}
.progBoard li.pros07{top:300px; left:236px;}
.progBoard li.pros08{top:381px; left:236px;}
.progBoard li.pros09{top:259px; left:353px;}
.progBoard li.pros10{top:341px; left:353px;}
.progBoard li.pros11{top:219px; left:463px;}
.progBoard li.pros12{top:300px; left:463px;}
.progBoard li.pros13{top:381px; left:463px;}
.progBoard li.pros14{top:492px; left:370px;}
.progBoard li.pros15{top:492px; left:463px;}
.progBoard li.pros16{top:115px; left:365px;}
.progBoard li.pros17{top:115px; left:463px;}
.progBoard li.pros18{bottom:19px; right:189px;}
.progBoard li.pros19{top:219px; right:129px;}
.progBoard li.pros20{top:115px; right:129px;}
.progBoard li.pros21{top:381px; right:129px;}
.progBoard li.pros22{bottom:116px; right:129px;}
.progBoard li.pros23{top:20px; right:5px;}
.progBoard li.pros24{top:115px; right:5px;}
.progBoard li.pros25{top:300px; right:5px;}
.progBoard li.pros26{bottom:19px; right:5px;}

/* 업무메인 */
.workMainWrap {overflow:hidden;}
.workMainWrap .titleWrap{overflow:hidden;}
.workMainWrap .titleWrap h3{float:left;}
.workMainWrap h3{padding-left:18px; color:#333; line-height:14px; background:url(/fe/images/common/m_bu01.png) no-repeat;}
.workmain_tbl1 table{width:100%; border-top:1px solid #7d95ad;}
.workmain_tbl1 th{height:17px; padding:2px 2px 1px 2px; border-bottom:1px solid #7d95ad; border-left:1px solid #a8b7c6; color:#5d6a75; font-weight:bold; font-size:11px; letter-spacing:-1px; line-height:14px; background:#f1f5f8;}
.workmain_tbl1 th a{display:block;}
.workmain_tbl1 th a:hover{color:#333; text-decoration:none;}
.workmain_tbl1 td{height:17px; padding:2px 4px 1px 5px; border-bottom:1px solid #7d95ad; border-left:1px solid #a8b7c6; color:#454547; font-size:12px; line-height:normal; text-align:center;}
.workmain_tbl1 td a{color:#151515;}
.workmain_tbl1 td a:hover{color:#ed530f; text-decoration:underline;}
.workmain_tbl1 td.title{text-align:left;}
.workmain_tbl1 td.textR{text-align:right;}
.workmain_tbl1 td.titleBlue{text-align:center; color:#0054FF;}
.workmain_tbl1 .bdLeftNone{border-left:none;}

.workmain_tbl2h table{width:100%; background:url(/fe/images/common/listHead_bg01.gif) repeat-x;}
.workmain_tbl2h th{height:16px; padding:2px 2px 1px 2px; border-bottom:1px solid #7d95ad; border-left:1px solid #a8b7c6; color:#5d6a75; font-weight:bold; font-size:11px; letter-spacing:-1px; line-height:14px;}
.workmain_tbl2h th a{display:block;}
.workmain_tbl2h th a:hover{color:#333; text-decoration:none;}
.workmain_tbl2h .bdLeftNone{border-left:none;}

.workmain_tbl2b {overflow-y:auto; overflow-x:hidden; height:80px;}
.workmain_tbl2b table{width:100%;}
.workmain_tbl2b td{height:16px; padding:2px 2px 1px 2px; border-bottom:1px solid #c9d3de; border-left:1px solid #a8b7c6; color:#454547; font-size:11px; line-height:normal; text-align:center;}
.workmain_tbl2b td a{color:#151515; text-decoration:underline;}
.workmain_tbl2b td.title{text-align:left;}
.workmain_tbl2b .bdLeftNone{border-left:none;}

/* 업무메인 - 공지사항 */
.workMainNotice{overflow:hidden; float:left; position:relative; width:48%; height:100px; margin-top:15px;}
.workMainNotice .more{position:absolute; top:0; right:0;}
.workMainNotice ul{width:100%; overflow:hidden; margin-top:10px;}
.workMainNotice li{width:100%; padding-left:16px; font-size:11px; line-height:19px; background:url(/fe/images/common/bu01.gif) no-repeat 5px 8px;}
.workMainNotice li span.title{float:left; color:#444;}
.workMainNotice li span.date{float:right; margin-right:17px; color:#666;}
.workMainNotice li a{color:#444;}
.workMainNotice li a:hover{color:#ed530f; text-decoration:none;}

/* 업무메인 - 질의응답 */
.workMainQnA{overflow:hidden; float:right; position:relative; width:48%; height:100px; margin-top:15px;}
.workMainQnA .more{position:absolute; top:0; right:0;}
.workMainQnA ul{width:100%; overflow:hidden; margin-top:10px;}
.workMainQnA li{width:100%; padding-left:16px; font-size:11px; line-height:19px; background:url(/fe/images/common/bu01.gif) no-repeat 5px 8px;}
.workMainQnA li span.title{float:left; color:#444;}
.workMainQnA li span.date{float:right; margin-right:17px; color:#666;}
.workMainQnA li a{color:#444;}
.workMainQnA li a:hover{color:#ed530f; text-decoration:none;}