@charset "utf-8";

/************************************************************************************************
* TITLE
************************************************************************************************/
.pageTit {display:block; font-size:28px; line-height:32px; font-weight:600; color:#333;}
.subTit01 {display:block; margin:0 0 15px; font-size:22px; line-height:25px; font-weight:600; color:#333;}
.subTit01 span {font-size:14px; font-weight:400; color:#777;}
.subTit02 {display:block; margin:0 0 10px; font-size:18px; line-height:22px; font-weight:600; color:#333;}
.subTit03 {display:block; margin:0 0 10px; padding:0 0 0 20px; font-size:20px; line-height:23px; font-weight:600; color:#333; background:url('../images/common/ico_tit.gif') no-repeat left center;}

.sysTit01 {display:block; margin:10px 0 5px; font-size:15px; line-height:25px; font-weight:600; color:#333;}
.sysTit01 span {font-size:14px; font-weight:400; color:#777;}

/* 좌우 배열 타이틀 박스 */
.subTitBox {position:relative; margin:0 0 15px; text-align:right;}
.subTitBox .inBoxL {position:absolute; left:0; bottom:0;}
.subTitBox .inBoxL .subTit01, .subTitBox .inBoxL .subTit02, .subTitBox .inBoxL .subTit03 {margin:0;}
.subTitBox.type02 {margin:0 0 10px;}

.subTitBox.sysType {min-height:25px; margin:10px 0 5px;}
.subTitBox.sysType .sysTit01 {margin:0;}

/************************************************************************************************
* comment
************************************************************************************************/
.commt {display:block; margin:10px 0 0; color:#aaa;}
span.commt {display:inline-block; margin:0;}
ul.commt li {margin:5px 0 0;}
ul.commt li:first-child {margin:0; }
.commt02 {display:block; margin:10px 0 0; padding:0 0 0 10px; color:#aaa;}
span.commt02 {display:inline-block; margin:0;}
.commt02:before {display:inline-block; content:"*"; width:10px; margin:0 0 0 -10px; color:#009bfa; vertical-align:middle;}

/* 상세 테이블하단 코멘트 영역 */
.viewBotComt {margin:-20px 0 0;}
.viewBotComt .commt, .viewBotComt .commt02 {margin:0;}

/* 게이트 비밀번호 변경 에러문구 */
.errorComt {margin:10px 0 0; padding:0 0 0 25px; line-height:20px; font-szie:13px; font-weight:400; color:#f25d1c; background:url('../images/common/ico_tooltip03.png') no-repeat left 2px;}
ul.errorComt {padding:0; background:none;}
ul.errorComt li {margin:5px 0 0; padding:0 0 0 25px; background:url('../images/common/ico_tooltip03.png') no-repeat left 2px;}
ul.errorComt li:first-child {margin:0;}

/************************************************************************************************
* button box
************************************************************************************************/
.viewBtnBox {position:relative; min-height:42px; margin:30px 0 0; text-align:center;}
.viewBtnBox .inBoxR {position:absolute; right:0; top:0;}
.viewBtnBox .inBoxL {position:absolute; left:0; top:0;}

/************************************************************************************************
* btn
************************************************************************************************/
.btnL01, a.btnL01 {display:inline-block; box-sizing:border-box; min-width:120px; height:40px; padding:0 30px; font-size:16px; font-weight:600; line-height:39px; color:#fff !important; border-radius:2px; text-align:center; background:#009559; vertical-align:middle; text-decoration:none !important;}
button.btnL01 {padding:0 30px 2px;}
.btnL02, a.btnL02 {display:inline-block; box-sizing:border-box; min-width:120px; height:40px; padding:0 30px; font-size:16px; font-weight:600; line-height:39px; color:#fff !important; border-radius:2px; text-align:center; background:#000; vertical-align:middle; text-decoration:none !important;}
button.btnL02 {padding:0 30px 2px;}
.btnL03, a.btnL03 {display:inline-block; box-sizing:border-box; min-width:120px; height:40px; padding:0 30px; font-size:16px; font-weight:600; line-height:39px; color:#000 !important; border:1px solid #000; border-radius:2px; text-align:center; background:#fff; vertical-align:middle; text-decoration:none !important;}
button.btnL03 {padding:0 30px 2px;}
.pagePrevBtn, a.pagePrevBtn {display:inline-block; overflow:hidden; width:40px; height:40px; font-size:0px; line-height:0; color:transparent !important; background:url('../images/common/ico_page_prev_next.gif') no-repeat left top; background-size:40px auto; vertical-align:middle; text-decoration:none !important;}
.pageNextBtn, a.pageNextBtn {display:inline-block; overflow:hidden; width:40px; height:40px; font-size:0px; line-height:0; color:transparent !important; background:url('../images/common/ico_page_prev_next.gif') no-repeat left -40px; background-size:40px auto; vertical-align:middle; text-decoration:none !important;}
.btnM01, a.btnM01 {display:inline-block; box-sizing:border-box; min-width:80px; height:30px; padding:0 15px; font-size:14px; font-weight:600; line-height:29px; color:#000 !important; border:1px solid #000; border-radius:2px; text-align:center; background:#fff; vertical-align:middle; text-decoration:none !important;}
button.btnM01 {padding:0 15px 2px;}
.btnM02, a.btnM02 {display:inline-block; box-sizing:border-box; min-width:80px; height:30px; padding:0 15px; font-size:14px; font-weight:600; line-height:29px; color:#fff !important; border:1px solid #009bfa; border-radius:2px; text-align:center; background:#009bfa; vertical-align:middle; text-decoration:none !important;}
button.btnM02 {padding:0 15px 2px;}
.sBtn, a.sBtn {display:inline-block; box-sizing:border-box; height:30px; padding:0 35px 0 15px; color:#fff !important; font-size:14px; font-weight:600; line-height:29px; border-radius:2px; background:#777 url('../images/common/ico_search.gif') no-repeat right center; background-size:28px auto; vertical-align:middle; text-decoration:none !important;}
button.sBtn {padding:0 35px 0 15px;}
.btnS01, a.btnS01 {display:inline-block; box-sizing:border-box; min-width:78px; height:26px; padding:0 10px 0; font-size:13px; line-height:24px; color:#000 !important; text-align:center; border:1px solid #999; vertical-align:middle; background:#fff; text-decoration:none !important;}
button.btnS01 { padding:0 10px 0;}
.btnS02, a.btnS02 {display:inline-block; box-sizing:border-box; height:26px; padding:0 25px 0 10px; font-size:13px; line-height:24px; color:#fff !important; text-align:center; border:1px solid #999; vertical-align:middle; background:#000 url('../images/common/btn_ico01.gif') no-repeat right center; text-decoration:none !important;}
button.btnS02 {padding:0 25px 0 10px;}
.btnDel, a.btnDel {display:inline-block; box-sizing:border-box; height:26px; padding:0 25px 0 10px; font-size:13px; line-height:24px; color:#000 !important; border:1px solid #999; vertical-align:middle; background:#fff url('../images/common/ico_plus_minus.gif') no-repeat right -1px; text-decoration:none !important;}
button.btnDel { padding:0 25px 0 10px;}
.btnDel02, a.btnDel02 {display:inline-block; overflow:hidden; width:26px; height:26px; font-size:0; line-height:0; color:transparent  !important; background:#fff url('../images/common/ico_btn.gif') no-repeat right -26px; vertical-align:middle; text-decoration:none !important;}
.btnAdd, a.btnAdd {display:inline-block; box-sizing:border-box; height:26px; padding:0 25px 0 10px; font-size:13px; line-height:24px; color:#000 !important; border:1px solid #999; vertical-align:middle; background:#fff url('../images/common/ico_plus_minus.gif') no-repeat right -27px; text-decoration:none !important;}
button.btnAdd { padding:0 25px 0 10px;}
.btnCopy, a.btnCopy {display:inline-block; box-sizing:border-box; height:26px; padding:0 25px 0 10px; font-size:13px; line-height:24px; color:#000 !important; border:1px solid #999; vertical-align:middle; background:#fff url('../images/common/ico_btn_copy.gif') no-repeat right center; text-decoration:none !important;}
button.btnCopy { padding:0 25px 0 10px;}
.btnFold, a.btnFold {display:inline-block; box-sizing:border-box; height:26px; padding:0 25px 0 10px; font-size:13px; line-height:24px; color:#000 !important; border:1px solid #999; vertical-align:middle; background:#fff; text-decoration:none !important;}
button.btnFold {padding:0 25px 0 10px;}
.btnFold.open {background:#fff url('../images/common/ico_arrow_up_down.gif') no-repeat right -26px;}
.btnFold.close {background:#fff url('../images/common/ico_arrow_up_down.gif') no-repeat right 0;}
.btnWrite, a.btnWrite {display:inline-block; overflow:hidden; width:26px; height:26px; font-size:0; line-height:0; color:transparent !important; background:#fff url('../images/common/ico_btn.gif') no-repeat right top; vertical-align:middle; text-decoration:none !important;}
.btnDwlod, a.btnDwlod {display:inline-block; overflow:hidden; max-width:100%; height:26px; padding:0 26px 0 0; font-size:0; line-height:0; color:transparent !important; background:#fff url('../images/common/ico_btn.gif') no-repeat right -52px; vertical-align:middle; text-decoration:none !important;}
.btnDwlod span {margin:0 8px 0 0; font-size:13px; line-height:27px; color:#009bfa !important; text-decoration:none; vertical-align:top; text-decoration:none !important;}
.btnDwlod.small, a.btnDwlod.small {height:20px; background-position:right bottom; background-size:20px auto;}
.btnDwlod.small span {display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin:0 3px 0 0; font-size:13px; line-height:20px;}
.btnReply, a.btnReply  {display:inline-block; box-sizing:border-box; min-width:90px; height:73px; padding:0 15px; line-height:70px; font-size:14px; font-weight:600; color:#fff !important; text-align:center; border-radius:2px; vertical-align:middle; background:#777; text-decoration:none !important;}
button.btnReply {padding:0 15px 2px;}

.btnSS01, a.btnSS01 {display:inline-block; box-sizing:border-box; min-width:50px; height:22px; padding:0 5px; font-size:12px; line-height:20px; color:#000 !important; text-align:center; border:1px solid #999; border-radius:1px; vertical-align:middle; background:#fff; text-decoration:none !important;}
button.btnSS01 {padding:0 5px;}

/************************************************************************************************
* flag
************************************************************************************************/
.flag01 {display:inline-block; min-width:35px; height:18px; padding:0 5px; line-height:17px; color:#fff; font-size:12px; text-align:center; border-radius:2px; background:#009bfa; vertical-align:middle;}
.flag02 {display:inline-block; min-width:35px; height:18px; padding:0 5px; line-height:17px; color:#fff; font-size:12px; text-align:center; border-radius:2px; background:#f25d1c; vertical-align:middle;}
.flag03 {display:inline-block; min-width:35px; height:18px; padding:0 5px; line-height:17px; color:#fff; font-size:12px; text-align:center; border-radius:2px; background:#e68f28; vertical-align:middle;}
.flag04 {display:inline-block; min-width:35px; height:18px; padding:0 5px; line-height:17px; color:#fff; font-size:12px; text-align:center; border-radius:2px; background:#3fba78; vertical-align:middle;}
.flag05 {display:inline-block; min-width:35px; height:18px; padding:0 5px; line-height:17px; color:#fff; font-size:12px; text-align:center; border-radius:2px; background:#239aa1; vertical-align:middle;}
.flag06 {display:inline-block; min-width:35px; height:16px; padding:0 5px; line-height:15px; color:#fff; font-size:12px; text-align:center; border-radius:2px; background:#00864B; vertical-align:middle;}
.flag07 {display:inline-block; min-width:35px; height:16px; padding:0 5px; line-height:15px; color:#fff; font-size:12px; text-align:center; border-radius:2px; background:#FFAA04; vertical-align:middle;}
.flag08 {display:inline-block; min-width:35px; height:18px; padding:0 5px; line-height:18px; color:#fff; font-size:12px; text-align:center; border-radius:2px; background:#C9252C; vertical-align:middle;}
.flag09 {display:inline-block; min-width:35px; height:18px; padding:0 5px; line-height:18px; color:#fff; font-size:12px; text-align:center; border-radius:2px; background:#666666; vertical-align:middle;}
.flag10 {display:inline-block; min-width:35px; height:18px; padding:0 5px; line-height:18px; color:#fff; font-size:12px; text-align:center; border-radius:2px; background:#94B1CF; vertical-align:middle;}

/************************************************************************************************
* TAB 영역
************************************************************************************************/
.tabWrap {height:40px; margin:30px 0; border-bottom:1px solid #009bfa;}
.tabWrap li {float:left; min-width:180px; height:40px; padding:0 1px 0 0; text-align:center; background:#fff;}
.tabWrap li:last-child {padding:0;}
.tabWrap li a, .tabWrap li > span {display:block; height:39px; padding:0 30px; font-size:16px; line-height:39px; color:#000; border:1px solid #f0f0f0; border-bottom:none; background:#f0f0f0;}
.tabWrap li.on a, .tabWrap li.on > span {padding:0 25px 1px; font-weight:600; color:#009bfa; border:1px solid #009bfa; border-bottom:none; background:#fff;}

.tabWrap.type02 li {min-width:initial; width:auto;}
.tabWrap.type02 li a, .tabWrap.type02 li > span {display:block; height:39px; padding:0 30px;}

.tabCont {padding:0 20px;}

/************************************************************************************************
* 검색조건
************************************************************************************************/ 
.search_box {position:relative; margin:0 0 10px; padding:10px 100px 10px 20px; color: #027a79; background:#eff9f8; border: 1px solid #ccc;}
.search_box .sBtn {position:absolute; right:20px; bottom:10px;}
.tbe_search th, .tbe_search td {height:30px; padding:5px 5px 0; font-size:15px;}
.tbe_search tr:first-child th, .tbe_search tr:first-child td {padding:0 5px;}
.tbe_search th {font-weight:600; color:#027a79; text-align:left;}
.tbe_search td {color:#777;}
.tbe_search td .label .check {margin:-2px 0 0;}
.tbe_search td .label + .label {margin:0 0 0 10px;}

/* 검색영역에 버튼 - 2개 */
.search_box.type02 {padding:10px 220px 10px 20px;}
.search_box.type02 .inSearchBtnBox {position:absolute; right:20px; bottom:10px;}
.search_box.type02 .sBtn {position:static;}

/* 검색영역에 버튼 - 0 */
.search_box.type03 {padding:10px 20px;}

/* 추가 검색 박스 */
.search_box .detailSearch {display:none;}

/* 검색영역 하단 열기닫기 버튼 */
.search_box_btn {margin:-25px 0 30px; text-align:right;}

/************************************************************************************************
* 리스트 상단 박스
************************************************************************************************/
.listTopBox {position:relative; /*min-height:20px;*/ margin:0 0 10px;}
.listTopBox .searchTotal {position:absolute; bottom:0; left:0;}
.listTopBox .btn_both_right {text-align:right;}

.listTopBox.type02 {margin:0 0 5px;}
.listTopBox.type02 .searchTotal {font-szie:12px;}

/************************************************************************************************
* 리스트 PAGING
************************************************************************************************/
.paging {margin:30px 0 0; text-align:center;}
.paging a, .paging span {display:inline-block; min-width:27px; height:27px; padding:0 5px; font-size:16px; line-height:26px; color:#777; vertical-align:top;}
.paging span {font-weight:bold; color:#000; text-decoration:underline;}
.paging .first, .paging .last, .paging .prev, .paging .next {width:27px; min-width:initial; height:27px; padding:0; font-size:0; line-height:0; color:transparent; background-image:url('../images/common/btn_paging.gif'); background-repeat:no-repeat;}
.paging .first {background-position:left top;}
.paging .prev {margin:0 6px 0 -1px; background-position:left -27px;}
.paging .next {margin:0 -1px 0 6px;background-position:left -54px;}
.paging .last {background-position:left -81px;}

/************************************************************************************************
* 리스트
************************************************************************************************/
.tbe_list {table-layout:fixed;border-top:2px solid #000; border-bottom:1px solid #ccc; width: 99%; }
.tbe_list thead tr th {height:30px; padding:5px 10px; font-weight:600; color:#333; border-right:1px solid #e0e0e0;  border-bottom:1px solid #e0e0e0; background:#f5f5f5;}
.tbe_list tbody tr td {height:30px; padding:5px 10px; text-align:center; border-right:1px solid #e0e0e0;  border-bottom:1px solid #e0e0e0;}
.tbe_list thead tr th:last-child , .tbe_list tbody tr td:last-child {border-right:none;}
.tbe_list tbody tr:last-child td {border-bottom:none;}
.tbe_list tbody tr td.nodata {padding:280px 0 80px; font-size:18px; line-height:22px; text-align:center; background:url('../images/common/nodata.jpg') no-repeat center 90px;}
.tbe_list tbody tr.replyTr {background:#fafafa;}
.tbe_list tbody tr.replyTr .replayConts {padding:0 0 0 25px; line-height:22px; background:url('../images/common/ico_reply.gif') no-repeat left 9px;}
.tbe_list tbody tr td a:hover {color:#009bfa; text-decoration:underline;}
.tbe_list tbody tr td .flagIco {display:inline-block; margin:0 0 0 5px;}
.tbe_list thead tr th label.label {font-weight:600;}
.tbe_list .icoOn {display:inline-block; width:13px; height:13px; border-radius:100%; background:#49a741;}
.tbe_list .icoOff {display:inline-block; width:13px; height:13px; border-radius:100%; background:#ccc;}

.tbe_list .clipLink {display:block;  position:relative; width:100%; height:30px;  line-height:30px; }
.tbe_list .clipLink > a {position:absolute; top:0; bottom:0; left:0; overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}

.tbe_list .eApprovLink {display:block;  position:relative; width:100%; height:30px;  line-height:30px; }
.tbe_list .eApprovLink > a {position:absolute; top:0; bottom:0; left:0; box-sizing:border-box; max-width:100%; padding:0 27px 0 0;}
.tbe_list .eApprovLink > a:hover em {text-decoration:underline;}
.tbe_list .eApprovLink em {display:inline-block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.tbe_list .eApprovLink .flagIco {position:absolute; top:0; right:0;}
.tbe_list .eApprovLink.type02 > a {padding:0 50px 0 0;}
.tbe_list .eApprovLink.type03 > a {padding:0 74px 0 0;} 

/* 리스트 테이블 안에 옵션정보 리스트 */
.tbe_list .tbeInOptList {overflow:hidden; margin:-5px 0 0; text-align:left;}
.tbe_list .tbeInOptList li {float:left; width:50%; margin:5px 0 0 0;}
.tbe_list .tbeInOptList li:before {display:inline-block; content:""; width:3px; height:3px; background:#009bfa; vertical-align:middle;}
.tbe_list .tbeInOptList li strong {display:inline-block; width:45px; padding:0; line-height:30px; font-weight:normal; color:#000; vertical-align:middle;}
.tbe_list .tbeInOptList li span {display:inline-block; padding:0; line-height:30px; vertical-align:middle;}
.tbe_list .tbeInOptList li span input {vertical-align:top;}

/* 상세 테이블 안에 있는경우 */
.tbe_write tbody tr .tbe_list thead tr th,
.tbe_write tbody tr:last-child .tbe_list thead tr th {padding:5px 10px; text-align:center; border-bottom:1px solid #e0e0e0;}
.tbe_write tbody .tbe_list thead tr:last-child th { border-bottom:1px solid #e0e0e0;}
.tbe_write tbody tr:last-child .tbe_list tbody tr td {padding:5px 10px; border-bottom:1px solid #e0e0e0;}

/* 높이 사이즈 변경 */
.tbe_list02 {border-top:2px solid #000; font-size:12px; border-bottom:1px solid #ccc;}
.tbe_list02 thead tr th {height:15px; padding:5px; font-size:13px; font-weight:600; color:#333; border-right:1px solid #e0e0e0;  border-bottom:1px solid #e0e0e0; background:#f5f5f5;}
.tbe_list02 tbody tr td {height:15px; padding:5px; text-align:center; border-right:1px solid #e0e0e0;  border-bottom:1px solid #e0e0e0;}
.tbe_list02 thead tr th:last-child , .tbe_list02 tbody tr td:last-child {border-right:none;}
.tbe_list02 tbody tr:last-child td {border-bottom:none;}
.tbe_list02 tbody tr td.nodata {padding:280px 0 80px; font-size:18px; line-height:22px; text-align:center; background:url('../images/common/nodata.jpg') no-repeat center 90px;}
.tbe_list02 tbody tr.replyTr {background:#fafafa;}
.tbe_list02 tbody tr td .flagIco {display:inline-block; margin:0 0 0 5px;}
.tbe_list02 thead tr th label.label {font-weight:600;}
.tbe_list02 .icoOn {display:inline-block; width:8px; height:8px; border-radius:100%; background:#49a741;}
.tbe_list02 .icoOff {display:inline-block; width:8px; height:8px; border-radius:100%; background:#ccc;}

/* 테이블 Wrapper */
.tb_wrap {overflow:auto; overflow-y:hidden;}
.tb_wrap .tbe_list {white-space:nowrap;}
.tb_wrap .tbe_write {margin:0;}

.tb_wrap02 {overflow:auto; overflow-y:hidden;}
.tb_wrap02 .tbe_list {white-space:pre;}
.tb_wrap02 .tbe_write {margin:0;}

/************************************************************************************************
* 상세 뷰 / 등록 / 수정
************************************************************************************************/
.tbe_write {margin:0 0 30px; border-top:2px solid #000; border-bottom:1px solid #ccc;}
.tbe_write tbody tr th, .tbe_write tfoot tr th {height:30px; padding:5px 20px; color:#027a79; font-weight:600; text-align:left; border:1px solid #D8D8D8;  background: #eff9f8;}
.tbe_write tbody tr th .essential {display:inline-block; font-size:15px; color:#c9252c; vertical-align:-2px;}
.tbe_write tbody tr td, .tbe_write tfoot tr td {height:30px; padding:5px 10px; border-bottom:1px solid #e0e0e0;word-wrap: break-word;}
.tbe_write tbody tr td .tbeViewConts {margin:10px 0; line-height:22px;}
.tbe_write tbody tr td .slctNameList {overflow:scroll; overflow-x:hidden; max-height:80px; margin:5px 0 0; padding:5px 0 5px 5px; border:1px solid #ccc;}
.tbe_write tbody tr:last-child th, .tbe_write tbody tr:last-child td {border-bottom:none;}
/*.tbe_write tbody tr td a:hover {color:#009bfa; text-decoration:underline;}*/
.tbe_write tfoot {border-top:1px solid #000;}
.tbe_write .icoOn {display:inline-block; width:13px; height:13px; border-radius:100%; background:#49a741;}
.tbe_write .icoOff {display:inline-block; width:13px; height:13px; border-radius:100%; background:#ccc;}

/* 상세테이블 IN 상세테이블 */
.tbe_write tbody tr td .tbe_write {margin:0;}

/* 탭 IN 상세테이블 */
.tbe_write tr td .tabWrap {margin:30px -20px 40px;}

/* 이전글 다음글 */
.tbe_write tr th .tbeNavPrev {display:inline-block; padding:0 20px 0 0; background:url('../images/common/ico_view_nav.gif') no-repeat right 2px;}
.tbe_write tr th .tbeNavNext{display:inline-block; padding:0 20px 0 0; background:url('../images/common/ico_view_nav.gif') no-repeat right -12px;}

/* type02 - 텍스트 중앙정렬 */
.tbe_write.type02 thead th {height:30px; padding:5px 10px; text-align:center; font-weight:600; color:#333; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f5f5f5;}
.tbe_write.type02 thead th:last-child {border-right:none;}
.tbe_write.type02 tbody th {padding:5px 10px; text-align:center;}
.tbe_write.type02 tbody td, .tbe_write.type02 tfoot td  {padding:5px 10px; text-align:center; border-right:1px solid #e0e0e0;}
.tbe_write.type02 tbody td:last-child, .tbe_write.type02 tfoot td:last-child {border-right:none;}
.tbe_write.type02 tfoot.tbeTotal {border-top:1px solid #e0e0e0;}
.tbe_write.type02 tfoot.tbeTotal tr th {font-weight:600; text-align:center; background:#e7f5fd;}

/* 높이 사이즈 변경 */
.tbe_write02 {table-layout: fixed;margin:0 0 10px; font-size:12px; border-top:2px solid #000; border-bottom:1px solid #ccc;}
.tbe_write02 tbody tr th, .tbe_write02 tfoot tr th {height:15px; padding:5px; color:#333; font-size:13px; font-weight:600; text-align:left; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f5f5f5;}
.tbe_write02 tbody tr th .essential {display:inline-block; font-size:13px; color:#3f83f3; vertical-align:1px;}
.tbe_write02 tbody tr td, .tbe_write02 tfoot tr td {height:15px; padding:5px; border-bottom:1px solid #e0e0e0;}
.tbe_write02 tbody tr td .tbeViewConts {margin:5px 0;line-height:22px;}
.tbe_write02 tbody tr:last-child th, .tbe_write tbody tr:last-child td {border-bottom:none;}
.tbe_write02 tfoot {border-top:1px solid #000;}
.tbe_write02 .icoOn {display:inline-block; width:6px; height:6px; border-radius:100%; background:#49a741; vertical-align:middle;}
.tbe_write02 .icoOff {display:inline-block; width:6px; height:6px; border-radius:100%; background:#ccc; vertical-align:middle;}

/* 마우스 오버 툴팁 */
.tTip {position: relative;}
.tTip_icon {display: inline-block; width: 14px; height: 14px; border: 2px solid #009bfa; border-radius:50%; font-size: 14px; line-height: 14px; text-align: center; color: #009bfa; }
.tTip_hidden {display: block; position: absolute; top:40px; left:0; z-index: 50; width: 550px; height: auto; padding:10px; border: 1px solid #009bfa; background-color: #fff; opacity: 0;}
.tTip:hover .tTip_hidden{ opacity: 1; }


/************************************************************************************************
* 테이블 접힘/펼침 기능
************************************************************************************************/
.tbe_folding_box {overflow:auto; overflow-y:hidden;}
.tbe_folding_box table thead {border-top:2px solid #000; border-bottom:1px solid #000;}
.tbe_folding_box table thead tr th {height:30px; padding:5px 10px; font-size:15px; font-weight:600; color:#333; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#f5f5f5; white-space:nowrap;}
.tbe_folding_box table thead tr:first-child th {border-top:none;}
.tbe_folding_box table thead tr th:first-child {border-left:none;}
.tbe_folding_box table thead tr th:last-child {border-right:none;}
.tbe_folding_box table tbody tr td {height:30px; padding:5px 10px; text-align:center; border-right:1px solid #e0e0e0;  border-bottom:1px solid #e0e0e0;}
.tbe_folding_box table tbody tr td:last-child {border-right:none;}
.tbe_folding_box table tbody tr td .foldClickWrap {display:block; position:relative; height:32px; text-align:left; white-space:normal; background:url('../images/common/ico_arrow_up_down02.gif') no-repeat right -10px;}
.tbe_folding_box table tbody tr td .foldClickWrap .titS {display:inline-block; font-size:18px; font-weight:600; line-height:32px; color:#000; }
.tbe_folding_box table tbody tr td .foldClickWrap.closed {background-position:right -60px;}
.tbe_folding_box table tbody tr td .foldClickWrap .num {display:inline-block; width:20px; height:20px; margin:-3px 10px 0 0; font-size:13px; font-weight:600; color:#fff; text-align:center; background:#009bfa; vertical-align:middle;}
.tbe_folding_box table tbody tr td .foldClickWrap .inputZone {position:absolute; top:50%; left:0; margin:-16px 0 0;}
.tbe_folding_box table tbody tr td .foldClickWrap .btnZone {position:absolute; top:50%; right:50px; margin:-14px 0 0;}
.tbe_folding_box table tbody tr td .foldClickWrap .btnFoldTbe {width:100%; height:32px; outline:none;}
.tbe_folding_box table tbody tr td .tbeTxtBox {width:200px; text-align:left; white-space:normal;}
.tbe_folding_box table tbody tr.tbeTab td {white-space:normal;}
.tbe_folding_box .foldTbeInList {text-align:left;}
.tbe_folding_box .foldTbeInList li {overflow:hidden; margin:5px 0 0;}
.tbe_folding_box .foldTbeInList li:first-child {margin:0;}
.tbe_folding_box .foldTbeInList li strong {display:inline-block; width:35px; font-weight:600; vertical-align:middle;}
.tbe_folding_box .foldTbeInList li strong:before {display:inline-block; content:""; width:3px; height:3px; margin:0 5px 0 0; border-radius:100%; background:#009bfa; vertical-align:middle;}
.tbe_folding_box .foldTbeInList li span {display:inline-block; vertical-align:middle;}
.tbe_folding_box .tbeInBtn {position:relative; height:22px; padding:0 50px 0 0;}
.tbe_folding_box .tbeInBtn .btnSS01 {position:absolute; top:0; right:0;}

.tbe_folding_box .foldTbeInList02 {overflow:hidden; text-align:left;}
.tbe_folding_box .foldTbeInList02 li {float:left; width:25%;}
.tbe_folding_box .foldTbeInList02 li strong {display:inline-block; margin:3px 0 0; width:110px; font-weight:600;}
.tbe_folding_box .foldTbeInList02 li strong:before {display:inline-block; content:""; width:3px; height:3px; margin:0 5px 0 0; border-radius:100%; background:#009bfa; vertical-align:middle;}

.tbe_folding_box.type02 {font-size:12px;}
.tbe_folding_box.type02 table thead tr th {height:15px; padding:5px; font-size:13px; font-weight:600; color:#333;}
.tbe_folding_box.type02 table tbody tr th.rows {border-bottom:1px solid #e0e0e0;}
.tbe_folding_box.type02 table tbody tr th:last-child {border-right:none;}
.tbe_folding_box.type02 table tbody tr td {height:15px; padding:5px;}
.tbe_folding_box.type02 table tbody tr td .applicantInfo {position:relative; text-align:left; line-height:22px;}
.tbe_folding_box.type02 table tbody tr td .applicantInfo .check {margin:0 5px 0 0; vertical-align:-4px;}
.tbe_folding_box.type02 table tbody tr td .applicantInfo > span {display:inline-block; margin:0 5px 0 0; line-height:22px; vertical-align:middle;}
.tbe_folding_box.type02 table tbody tr td .applicantInfo .addEquip {position:absolute; right:0; top:1px;}

/************************************************************************************************
* 첨부파일 등록 수정 다운로드 리스트
************************************************************************************************/
/* 등록 수정 */
.attachFileWrap {position:relative; min-height:36px;}
.attachFileWrap .inBtnBox {overflow:hidden; position:absolute; top:5px; right:0;}
.attachFileWrap .inBtnBox .btnFileIpt {position:relative; overflow:hidden;}
.attachFileWrap .inBtnBox .btnFileIpt input[type=file] {position:absolute; top:-9999em !important; left:initial !important; right:-999em !important; opacity:0;}
.attachFileWrap .inBtnBox .btnFileIpt input[type=file]:first-child {height:26px; top:0 !important; left:initial !important; right:0 !important;}
.attachFileWrap .inBtnBox .btnFileIpt em {display:inline-block; box-sizing:border-box; min-width:78px; height:26px; padding:0 10px 0; font-size:13px; line-height:24px; color:#000; text-align:center; border:1px solid #999; vertical-align:middle; background:#fff; text-decoration:none;}
.attachFileWrap .fileList li.allChk label.label {font-weight:bold; color:#333;}
.attachFileWrap .fileList li {padding:5px 0;}
.attachFileWrap .commt02 {padding:5px 0 0 10px; margin:0; font-size:13px; font-weight:400;}

.attachFileList > div {position:relative; padding:5px  0; font-weight:400;}
.attachFileList > div input[type=button] {width:10px; height:11px; margin:0 0 0 5px; color:transparent; border:none; vertical-align:-1px; background:url(../images/common/ico_organi_delete.gif) no-repeat right center; cursor:pointer;}

/* 다운로드*/
/* .tbe_write tbody tr td .attachFileDwlod {margin:30px 0;} */
.attachFileDwlod li .titDwlod {margin:0 3px 0 0;color:#009bfa; text-decoration:underline;}
.attachFileDwlod li {padding:4px 0;}

/************************************************************************************************
* 댓글
************************************************************************************************/
.replyWrap {margin:30px 0 0;}
.replyWrap .replyTitBox {position:relative; margin:0 0 10px; text-align:right;}
.replyWrap .replyTitBox strong {position:absolute; left:0; bottom:0; padding:0 0 0 28px; font-size:18px; line-height:22px; color:#000; background:url('../images/common/ico_reply_tit.gif') no-repeat left 5px;}
.replyWrap ul {padding:0 20px; background:#e7f5fd; border: 1px solid #e0e0e0; }
.replyWrap ul li {position:realtive; padding:20px 0; border-top:1px solid #d5d5d5;}
.replyWrap ul li:first-child {border-top:none;}
.replyWrap ul li .replyRegit {overflow:hidden; position:relative; padding:0 120px 0 0;}
.replyWrap ul li .replyRegit .tAreaWrap textarea {height:71px; padding:15px 0;overflow:auto;}
.replyWrap ul li .replyRegit .btnReply {position:absolute; top:0; right:0;}
.replyWrap ul li .replyTop {position:relative; min-height:20px; margin:0 0 10px; text-align:right;}
.replyWrap ul li .replyTop .replayUserInof {position:absolute; left:0; bottom:0;}
.replyWrap ul li .replyTop .replayUserInof strong {color:#000;}
.replyWrap ul li .replyTop .replayUserInof .flag01 {margin:0 0 0 5px; vertical-align:middle;}
.replyWrap ul li .replyTxt {line-height:22px;word-wrap: break-word;}

/************************************************************************************************
* 설문지 작성 페이지
************************************************************************************************/
/* 설문지 작성페이지 레이아웃 */
.researchWrap {padding:204px 0 0; background:url('../images/common/bg_research_top.jpg') no-repeat left top;}
.researchWrap .reschTop {width:1176px; height:95px; text-align:center; border-left:2px solid #ccc; border-right:2px solid #ccc;}
.researchWrap .reschTop strong {display:inline-block; padding:10px 0 0; font-size:28px; font-weight:400; line-height:32px; color:#010101;}
.researchWrap .reschConts {width:1056px; padding:0 60px 60px; border:2px solid #ccc; border-top:none;}

/* 설문지 문항 리스트 */
.researchWrap {width:1180px; margin:0 auto;}
.researchWrap .reschWriteList {padding:0 20px;}
.tbe_write .reschWriteList {padding:0 0 30px;}
.reschWriteList dt {padding:30px 0 5px; line-height:22px; font-size:18px; color:#000;}
.reschWriteList dt .num {display:inline-block; width:20px; height:20px; margin:0 5px 0 0; line-height:19px; font-size:13px; color:#fff; text-align:center; background:#009bfa; vertical-align:1px;}
.reschWriteList dd {margin:15px 0; }
.reschWriteList dd:last-child {margin:15px 0 0;}
.reschWriteList dd label.label {margin:0 50px 0 0;}

/************************************************************************************************
* 설문지 결과 그래프
************************************************************************************************/
/* 전체 항목그래프 */
.reschCicleGraph {width:553px; margin:0 0 40px; border:1px solid #ccc;}

/* 항목별 그래프 */
.questListGraph {overflow:hidden; width:100%;}
.tbe_write .questListGraph {margin:0 0 30px;}
.questListGraph > ul {overflow:hidden; width:102%; margin:-30px 2% 0 0;}
.questListGraph > ul > li {float:left; width:48%; padding:30px 2% 0 0;}
.questListGraph > ul > li dl {height:350px; padding:40px; border:1px solid #ccc;}
.questListGraph > ul > li dl dt {margin:0 0 20px; font-size:18px; font-weight:600; line-height:20px; color:#000; border-bottom:1px solid #e0e0e0;}
.questListGraph > ul > li dl dt p {padding:15px 0; font-size:15px;}
.questListGraph dl dd > ul li {margin:16px 0 0;}
.questListGraph dl dd > ul li:first-child {margin:0;}
.questListGraph dl dd > ul li > p {color:#000; font-size:15px; font-weight:600;}
.questListGraph dl dd > ul li .graphStick {position:relative; height:12px; margin:9px 0 0; background:#f0f0f0;}
.questListGraph dl dd > ul li .graphStick > div {position:absolute; right:0; top:-27px; color:#009bfa; font-size:14px; font-weight:400;}
.questListGraph dl dd > ul li .graphStick > div em {color:#777;}
.questListGraph dl dd > ul li .graphStick .stick {position:absolute; top:0; left:0; bottom:0; width:0;}
.questListGraph dl dd > ul li .graphStick .stick.type01 {background:#009bfa;}
.questListGraph dl dd > ul li .graphStick .stick.type02 {background:#0dcbd7;}
.questListGraph dl dd > ul li .graphStick .stick.type03 {background:#5876ca;}
.questListGraph dl dd > ul li .graphStick .stick.type04 {background:#a4c6e5;}
.questListGraph dl dd > ul li .graphStick .stick.type05 {background:#aaa;}


/************************************************************************************************
* 조직도 / 개인결제선 정보
************************************************************************************************/
.corpOrganiWrap {overflow:hidden; margin:0 0 30px;}
.corpOrganiWrap .inBoxL {float:left; position:relative; width:580px;}
.corpOrganiWrap .inBoxR {float:right; width:280px;}
.layerPopWrap .corpOrganiWrap { margin:0 0 20px;}

/* 부서선택 */
.corpOrganiWrap .inBoxL .departList {float:left; width:290px; padding:0 10px 0 0;}
.corpOrganiWrap .inBoxL .departList dt {height:38px; font-size:15px; font-weight:600; line-height:36px; color:#000; text-align:center; border:1px solid #000; border-bottom:2px solid #000;}
.corpOrganiWrap .inBoxL .departList dd.treeMenuWrap {border-top:none;}
.corpOrganiWrap .inBoxL .departList.typeH02 dd {height:470px;}

/* 이름선택 */
.corpOrganiWrap .inBoxL .memberList {float:left; width:280px;}
.corpOrganiWrap .inBoxL .memberList dt {height:38px; font-size:15px; font-weight:600; line-height:36px; color:#000; text-align:center; border:1px solid #000; border-bottom:2px solid #000;}
.corpOrganiWrap .inBoxL .memberList dd {overflow:scroll; position:relative; height:400px; border:1px solid #ccc; border-top:none;}
.corpOrganiWrap .inBoxL .memberList.typeH02  dd{height:470px;}
.corpOrganiWrap .inBoxL .memberList dd ul {position:absolute; top:0; left:0; min-width:221px; padding:10px 20px;}
.corpOrganiWrap .inBoxL .memberList dd ul li {padding:10px 0; font-size:13px; color:#777; white-space:nowrap; border-top:1px solid #e0e0e0;}
.corpOrganiWrap .inBoxL .memberList dd ul li:first-child {border-top:none;}
.corpOrganiWrap .inBoxL .memberList dd ul li.allChk label.label {display:inline-block; font-size:14px; font-weight:600; color:#000;}
.corpOrganiWrap .inBoxL .memberList dd ul li .name {display:inline-block; margin:0 10px 0 0; font-size:14px; font-weight:600; color:#000;}
.corpOrganiWrap .inBoxL .memberList dd ul li label.label {white-space:nowrap;}

/* 대상선택버튼 */
.corpOrganiWrap .inBoxL .targetSelectBox {position:absolute; top:0; right:-175px; bottom:0; width:76px;}
.corpOrganiWrap .inBoxL .targetSelectBox a, .corpOrganiWrap .inBoxL .targetSelectBox button {position:absolute; left:0; width:76px; height:54px; padding:20px 0 0 7px; line-height:53px; font-size:14px; color:#fff; outline:none; text-align:left; background-repeat:no-repeat; background-position:left top;}
.corpOrganiWrap .inBoxL .targetSelectBox button{height:74px;}
.corpOrganiWrap .inBoxL .targetSelectBox .bg01 {background-image:url('../images/common/ico_organi_select.gif');}
.corpOrganiWrap .inBoxL .targetSelectBox .bg02 {background-image:url('../images/common/ico_organi_select02.gif');}
.corpOrganiWrap .inBoxL .targetSelectBox .bg03 {background-image:url('../images/common/ico_organi_select03.gif');}
.corpOrganiWrap .inBoxL .targetSelectBox .btnSlct {line-height:72px; font-size:16px; font-weight:600; text-align:center; background-image:url('../images/common/bg_approval_select.png');}
.corpOrganiWrap .inBoxL .targetSelectBox button.btnSlct {padding:0 10px 0 3px; width:76px;}
.corpOrganiWrap .inBoxL .targetSelectBox .btnSlct.type02 {line-height:20px;}
.corpOrganiWrap .inBoxL .targetSelectBox .btnSlct.type02 em {display:block; font-size:13px; font-weight:400;}

.corpOrganiWrap .inBoxL .targetSelectBox .pos01 {top:50%; margin:-38px 0 0;}
.corpOrganiWrap .inBoxL .targetSelectBox .pos02 {top:130px;}
.corpOrganiWrap .inBoxL .targetSelectBox .pos03 {top:315px;}

/* 선택완료 리스트 */
.corpOrganiWrap .inBoxR .memSlctList + .memSlctList {margin:15px 0 0;}
.corpOrganiWrap .inBoxR .memSlctList dt {height:38px; font-size:15px; font-weight:600; line-height:36px; color:#009bfa; text-align:center; border:1px solid #009bfa; border-bottom:2px solid #009bfa;}
.corpOrganiWrap .inBoxR .memSlctList dd {overflow-x:hidden; overflow-y:scroll; height:400px; padding:0 20px; border:1px solid #ccc; border-top:none;}
.corpOrganiWrap .inBoxR .memSlctList.typeH02 dd {height:128px;}
.corpOrganiWrap .inBoxR .memSlctList.typeH03 dd {height:119px;}
.corpOrganiWrap .inBoxR .memSlctList.typeH04 dd {height:355px;}
.corpOrganiWrap .inBoxR .memSlctList.typeH05 dd {height:320px;}
.corpOrganiWrap .inBoxR .memSlctList dd ul {width:221px;  padding:10px 0;}
.corpOrganiWrap .inBoxR .memSlctList dd ul li {position:relative; padding:10px 15px 10px 0; border-top:1px solid #e0e0e0;}
.corpOrganiWrap .inBoxR .memSlctList dd ul li:first-child {border-top:none;}
.corpOrganiWrap .inBoxR .memSlctList dd ul li > p {display:block; overflow:hidden; width:206px; font-size:13px; color:#777; word-wrap:normal; white-space:nowrap; text-overflow:ellipsis;}
.corpOrganiWrap .inBoxR .memSlctList dd ul li .name {display:inline-block; margin:0 10px 0 0; font-size:14px; font-weight:600; color:#000;}
.corpOrganiWrap .inBoxR .memSlctList dd ul li .del {overflow:hidden; position:absolute; right:0; top:50%; width:10px; height:11px; margin:-6px 0 0; font-size:0; line-height:0; color:transparent; background:url('../images/common/ico_organi_delete.gif') no-repeat left top;}
.corpOrganiWrap .inBoxR .memSlctList dd ul li .selectbox {position:absolute; top:50%; right:15px; width:60px; margin:-16px 0 0;}
.corpOrganiWrap .inBoxR .memSlctList dd ul li > p.type02 {width:145px;}
.corpOrganiWrap .inBoxR .memSlctList dd ul li > p.type02 .name {margin:0;}

/* 조직도/개인결재선 선택시 간편 조회영역 */
.corpOrganiWrap .inBoxR .easySearchBox {margin:0 0 15px;}
.corpOrganiWrap .inBoxR .easySearchBox .tInput:focus {border: 1px solid #000; border-radius:2px 2px 0 0;}
.corpOrganiWrap .inBoxR .easySearchBox .nameList {position: relative;}
.corpOrganiWrap .inBoxR .easySearchBox .nameList .listWrap {display: none; position:absolute; top:-1px; left:0; z-index:500; width:100%; background-color:#def2ff;}
.corpOrganiWrap .inBoxR .easySearchBox .nameList .listWrap ul{overflow-y:auto; height:200px; border:1px solid #000; border-top: 0; padding:5px 20px;}
.corpOrganiWrap .inBoxR .easySearchBox .nameList .listWrap ul li{padding: 8px 0; border-bottom: 1px solid #fff; line-height:20px; cursor: pointer; font-size: 13px; background: url('../images/common/arrow_select.png') no-repeat right top 13px;}
.corpOrganiWrap .inBoxR .easySearchBox .nameList .listWrap ul li:last-child {border-bottom: 0;}
.corpOrganiWrap .inBoxR .easySearchBox .nameList .listWrap ul li p {display: block; overflow: hidden; width: 206px; font-size: 13px; color: #777; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.corpOrganiWrap .inBoxR .easySearchBox .nameList .listWrap ul li p .name {display: inline-block; margin: 0 10px 0 0; font-size: 14px; font-weight: 600; color: #000;}

/* 부서찾기팝업 중간사이즈 팝업 */
.layerPopWrap.sizeM .corpOrganiWrap.type02 .inBoxL {width:322px;}
.layerPopWrap.sizeM .corpOrganiWrap.type02 .inBoxL .departList {padding:0; margin:0; width:100%;}
.layerPopWrap.sizeM .corpOrganiWrap.type02 .inBoxR {width:322px;}
.layerPopWrap.sizeM .corpOrganiWrap.type02 .inBoxR .memSlctList dd ul {width:auto}
.layerPopWrap.sizeM .corpOrganiWrap.type02 .inBoxR .memSlctList dd ul li > p {width:250px;}

/************************************************************************************************
* 관련문서 팝업
************************************************************************************************/
.docListWrap {overflow:hidden; margin:0 0 30px;}
.docListWrap .inBoxL {float:left; position:relative; width:260px;}
.docListWrap .inBoxR {float:right; width:680px;}

.docListWrap .inBoxL .docListBox {float:left; width:100%; padding:0 10px 0 0;}
.docListWrap .inBoxL .docListBox dt {height:38px; font-size:15px; font-weight:600; line-height:36px; color:#000; text-align:center; border:1px solid #000; border-bottom:2px solid #000;}
.docListWrap .inBoxL .docListBox dd.treeMenuWrap {border-top:none;}
/* .docListWrap .inBoxL .docListBox dd.treeMenuWrap > ul {min-width:200px;} */

.docListWrap .inBoxR .tbe_list .clipping {width:180px;}

/************************************************************************************************
* 트리메뉴 구조도
************************************************************************************************/
.treeMenuWrap {overflow-x:auto; overflow-y:scroll; position:relative; height:400px; padding:0; border:1px solid #ccc;}
.treeMenuWrap > ul {position:absolute; top:0; left:0; box-sizing:border-box; min-width:100%; padding:10px 20px;}
.treeMenuWrap ul li {position:relative; padding:10px 0 10px 20px; border-bottom:1px solid #e0e0e0; white-space:nowrap;}
.treeMenuWrap > ul > li:last-child {border-bottom:none;}
.treeMenuWrap > ul > li .listFoldBtn {display:block; content:""; overflow:hidden; position:absolute; top:12px; left:0; width:16px; height:16px; font-size:0; line-height:0; color:transparent; outline:none; background:url('../images/common/ico_organi_folding.gif') no-repeat left top;}
.treeMenuWrap > ul > li .listFoldBtn.on {background-position:left -16px;}
.treeMenuWrap > ul > li > a,
.treeMenuWrap > ul > li > span {height:16px; line-height:16px; font-size:14px; font-weight:600; color:#000; vertical-align:top;}
.treeMenuWrap > ul > li > ul {margin:10px 0 -11px -20px; padding:0 10px 0 0; background:#f8f8f8;}
.treeMenuWrap > ul > li > ul > li {padding:10px 0 10px 40px; border-bottom:1px dashed #ccc;}
.treeMenuWrap > ul > li > ul > li:last-child {border-bottom:none;}
.treeMenuWrap > ul > li > ul > li > .listFoldBtn {top:12px; left:20px;}
.treeMenuWrap > ul > li > ul > li label.label {font-size:14px; color:#777;}
.treeMenuWrap > ul > li > ul > li ul {margin:5px 0 -5px -20px; padding:5px 0;}
.treeMenuWrap > ul > li > ul > li ul li {padding:5px 0 5px 40px; border-bottom:none;}
.treeMenuWrap > ul > li > ul > li ul li .listFoldBtn {top:7px; left:20px;}
.treeMenuWrap > ul > li > ul > li ul li a {font-size:13px; font-weight:400; }
.treeMenuWrap a.on {color:#009bfa; font-weight:600;}

/*ztree 사용 트리메뉴 */
.treeMenuWrap .ztree li > span {display:block; content:""; overflow:hidden; position:absolute; top:12px; left:0; width:16px; height:16px; font-size:0; line-height:0; color:transparent; outline:none;}
.treeMenuWrap .ztree li > .roots_close, .treeMenuWrap .ztree li > .root_close, .treeMenuWrap .ztree li > .noline_close, .treeMenuWrap .ztree li > .bottom_close,
.treeMenuWrap .ztree li > .center_close {background:url('../images/common/ico_organi_folding.gif') no-repeat left top;}
.treeMenuWrap .ztree li > .roots_open, .treeMenuWrap .ztree li > .root_open, .treeMenuWrap .ztree li > .noline_open, .treeMenuWrap .ztree li > .bottom_open,
.treeMenuWrap .ztree li > .center_open {background:url('../images/common/ico_organi_folding.gif') no-repeat left -16px;}
.treeMenuWrap .ztree > li > ul > li  > span {top:12px; left:20px;}
.treeMenuWrap .ztree > li > ul > li > ul li > span {top:7px; left:20px;}

.rMenu {position:absolute; border:2px solid #000; background:#fff;}
.rMenu ul {padding:12px;}
.rMenu ul li {margin:5px 0 0; border-top:1px solid #e0e0e0;}
.rMenu ul li:first-child {margin:0; border-top:none;}

/************************************************************************************************
* 계약유형 기준 관리 화면
************************************************************************************************/
.contrTypeWrap {position:relative; padding:0 0 0 320px;}
.contrTypeWrap .contrListBox {position:absolute; top:0; left:0; bottom:0; width:290px;}
.contrTypeWrap .contrListBox dt {height:38px; font-size:15px; font-weight:600; line-height:36px; color:#000; text-align:center; border:1px solid #000; border-bottom:2px solid #000;}
.contrTypeWrap .contrListBox dd.treeMenuWrap {position:absolute; top:41px;; left:0; right:0; bottom:0; height:auto;}

/* 전자결재관리 선청서 결재선 관리 */
.contrTypeWrap.type02 {min-height:500px; padding:0 0 0 380px;}
.contrTypeWrap.type02 .contrListBox {bottom:initial; width:350px; max-height:842px; height:100%;}

/************************************************************************************************
* 결재양식 선택
************************************************************************************************/
.formSelectWrap {overflow:hidden;}
.formSelectWrap .formList {float:left; width:40%;}
.formSelectWrap .formList dt {height:38px; font-size:15px; font-weight:600; line-height:36px; color:#000; text-align:center; border:1px solid #000; border-bottom:2px solid #000;}
.formSelectWrap .selectedFormList {float:right; width:59%;}
.formSelectWrap .selectedFormList dt {height:38px; font-size:15px; font-weight:600; line-height:36px; color:#000; text-align:center; border:1px solid #000; border-bottom:2px solid #000;}

/************************************************************************************************
* 보안성 체크리스트 작성 PROCESS
************************************************************************************************/
.processWrap  {margin:0 0 30px;}
.processWrap ul {overflow:hidden; width:560px; margin:0 auto;}
.processWrap ul li {float:left; position:relative; width:33.3%; padding:48px 0 0; font-size:15px; font-weight:400; color:#aaa; text-align:center;}
.processWrap ul li:before {display:block; content:""; position:absolute; left:0; right:0; top:17px; height:4px; background:#e7f5fd;}
.processWrap ul li:first-child:before {left:50%;}
.processWrap ul li:last-child:before {right:50%;}
.processWrap ul li span {display:block; position:absolute; top:0; left:50%; width:38px; height:38px; margin:0 0 0 -19px; background:url('../images/common/ico_secu_process.png') no-repeat left -76px;}
.processWrap ul li.end {color:#000;}
.processWrap ul li.end span {background-position:left top;}
.processWrap ul li.now {font-weight:600; color:#000;}
.processWrap ul li.now span {background-position:left -38px;}

/************************************************************************************************
* 사전점검리스트
************************************************************************************************/
.foldingBox {margin:20px 0;}
.foldingBox dt {position:relative; height:50px; font-size:18px; font-weight:600; background:#e7f5fd; border-bottom:1px solid #fff;}
.foldingBox dt:after {display:block; content:""; position:absolute; top:50%; right:20px; width:30px; height:30px; margin:-15px 0 0; background:url('../images/common/ico_close.png') no-repeat left top;}
.foldingBox dt.closed:after { background:url('../images/common/ico_open.png') no-repeat left top;}
.foldingBox dt a {display:block; padding:0 20px; color:#000;  line-height:50px;}
.foldingBox dd {padding:20px;}

/************************************************************************************************
* 사업관리 승인 반려
************************************************************************************************/
.examineState {margin:20px 0 0; text-align:center;}
.examineState .stateTxt {display:inline-block; font-size:18px; color:#000; line-height:30px; vertical-align:middle;}
.examineState .stateTxt em {font-weight:600;}
.examineState .stateIco01 {display:inline-block; width:53px; height:53px; margin:0 0 0 30px; line-height:53px; font-size:20px; font-weight:600; color:#000; border:1px solid #000; border-radius:100%; background:#fce65d; vertical-align:middle;}
.examineState .stateIco02 {display:inline-block; width:53px; height:53px; margin:0 0 0 30px; line-height:53px; font-size:20px; font-weight:600; color:#fff; border:1px solid #000; border-radius:100%; background:#009bfa; vertical-align:middle;}

/************************************************************************************************
* 레이어 팝업
************************************************************************************************/
.layerPopWrap {display:none; position:absolute; padding:28px 30px 30px; background:#fff; z-index:2;}
.layerPopWrap.sizeS {width:400px;}
.layerPopWrap.sizeM {width:740px;}
.layerPopWrap.sizeL {width:960px;}
.layerPopWrap .popHeader {margin:0 0 20px; padding:0 0 15px; border-bottom:1px solid #e0e0e0;}
.layerPopWrap .popHeader h1 {font-size:25px; font-weight:600; line-height:28px; color:#333;}
.layerPopWrap .scrollBox {overflow-y:auto; max-height:400px;}
.layerPopWrap .btnPopClose {position:absolute; top:30px; right:30px; width:24px; height:23px; line-height:0; font-size:0; outline:none; color:transparent; background:url('../images/common/btn_pop_close.png') no-repeat center;}
.layerPopWrap .tbe_write {margin:0 0 20px;}
.layerPopWrap .paging {margin:20px 0 0;}
.layerPopWrap .viewBtnBox {margin:20px 0 0;}

/* 파일 저장 경고 팝업 */
.layerPopWrap .fileSaveCaution li {padding:8px 0;}

/* 결재선 변경 팝업 */
.layerPopWrap .chApprovPop ul li {overflow:hidden; margin:3px 0 0;}
.layerPopWrap .chApprovPop ul li:first-child {margin:0;}
.layerPopWrap .chApprovPop ul li > strong {display:block; float:left; width:25%; line-height:29px; color:#000; }
.layerPopWrap .chApprovPop ul li > span {display:block; float:right; width:74%; line-height:29px;}

/************************************************************************************************
* 메뉴관리
************************************************************************************************/
.menuMng .depth02 > td:first-child {padding:5px 10px 5px 30px; background:url('../images/common/depth_menu_mng.jpg') no-repeat 12px center; background-size:auto 6px;}
.menuMng .depth03 > td:first-child {padding:5px 10px 5px 50px; background:url('../images/common/depth_menu_mng.jpg') no-repeat 32px center; background-size:auto 6px;}
.menuMng .depth04 > td:first-child {padding:5px 10px 5px 70px; background:url('../images/common/depth_menu_mng.jpg') no-repeat 52px center; background-size:auto 6px;}

/************************************************************************************************
* 툴팁
************************************************************************************************/
.tooltipIco {width:26px; height:26px; background:url('../images/common/ico_tooltip.gif') no-repeat left top; vertical-align:middle;}
span.tooltipIco {display:inline-block;}
.tooltipIco:hover .tooltipWrap .tooltipInner {display:block;}
.tooltipWrap {display:block; position:relative; width:100%; line-height:0; }
.tooltipWrap .tooltipInner {display:none; position:absolute; left:0; bottom:0; padding:0 0 14px;}
.tooltipWrap .tooltipInner:after {display:block; content:""; position:absolute; left:10px; bottom:5px; width:12px; height:11px; background:url('../images/common/bg_tooltip.png') no-repeat left top;}
.tooltipWrap .tooltipInner .tipConts {display:block; padding:7px 12px 7px 38px; font-size:13px; font-weight:400; color:#000; line-height:22px; border:2px solid #000; white-space:nowrap; background:#fff url('../images/common/ico_tooltip02.png') no-repeat 12px 10px;}

/************************************************************************************************
* 윈도우 팝업(새창열기)
************************************************************************************************/
body.winPopup {overflow-x:auto; overflow-y:hidden;}
.winPopWrap {position:relative; width:100%; /* width:850px; */ height:100%; min-height:100%; height:auto !important;}
/*190312 .winPopWrap .winInnerWrap {overflow-x:auto; overflow-y:scroll; position:absolute; top:52px; left:0; right:0; bottom:148px; padding:0 15px 40px;}*/
.winPopWrap .winInnerWrap {overflow-x:auto; overflow-y:auto; padding:0 15px 40px; }
/* .winPopWrap .winInnerWrap {overflow-x:auto; overflow-y:scroll; position:absolute; top:52px; left:0; right:0; bottom:152px; padding:0 30px 40px;} */
.winPopWrap .winInnerWrap .winHeader {margin:10px 0 10px 0; padding:0; background:url('../images/common/logo_win_pop.gif') no-repeat right center; background-size:150px auto; }
/* .winPopWrap .winInnerWrap .winHeader {margin:10px -18px 10px 0; padding:0; background:url('../images/common/logo_win_pop.gif') no-repeat right center; background-size:150px auto; } */
.winPopWrap .winInnerWrap .winHeader .pageTit {font-size:20px; line-height:24px;}
/* .winPopWrap .winInnerWrap .winConts {margin:0 -17px 0 0;} */
.winPopWrap .winInnerWrap .winConts {min-width:803px; width:100%; margin:0 auto;}
.winPopWrap .winInnerWrap .winConts .subTit01 {margin:40px 0 30px;}
.winPopWrap .winInnerWrap .noteBox {padding:20px; background:#f5f5f5;}
.winPopWrap .winInnerWrap .noteBox .viewTextBox {min-height:100px; font-size:12px; padding:10px; border:1px solid #ccc; border-radius:2px; background:#fff;}
.winPopWrap .winAttachFileBox {position:absolute; bottom:0; left:0; right:0; padding:15px 20px 0; background:#e7f5fd;}
.winPopWrap .winAttachFileBox .innerBox {overflow:hidden; padding:0 0 10px;}
.winPopWrap .winAttachFileBox .fileBoxL {float:left; width:49.5%;}
.winPopWrap .winAttachFileBox .fileBoxR {float:right; width:49.5%;}
.winPopWrap .winAttachFileBox .attachTop {overflow:hidden; position:relative; margin:10px 0 5px; text-align:right; }
.winPopWrap .winAttachFileBox .attachTop .allChk {position:absolute; bottom:0; left:0;}
.winPopWrap .winAttachFileBox .attachTop .btnFileIpt {display:inline-block; position:relative; overflow:hidden; vertical-align:middle;}
.winPopWrap .winAttachFileBox .attachTop .btnFileIpt input[type=file] {position:absolute; top:-9999em !important; left:initial !important; padding:0 50px; right:-999em !important; opacity:0;}
.winPopWrap .winAttachFileBox .attachTop .btnFileIpt input[type=file]:first-child {height:26px; top:0 !important; left:initial !important; right:0 !important;}
.winPopWrap .winAttachFileBox .attachTop .btnFileIpt em {display:inline-block; box-sizing:border-box; min-width:78px; height:26px; padding:0 10px 0; font-size:13px; line-height:24px; color:#000; text-align:center; border:1px solid #999; vertical-align:middle; background:#fff; text-decoration:none;}
.winPopWrap .winAttachFileBox .attachFileList {overflow-x:auto; overflow-y:scroll; height:60px; padding:10px; border:1px solid #d1d3d5; background:#fff;}
.winPopWrap .winAttachFileBox .attachFileList > div {padding:2px 0 0; font-size:12px;}
.winPopWrap .winAttachFileBox .attachFileList > div:first-child {padding:0;}
.winPopWrap .winAttachFileBox .attachFileList > div input[type=button] {width:6px; height:7px; vertical-align:-3px; background-position:center;}
.winPopWrap .winAttachFileBox .fileList {overflow-x:auto; overflow-y:scroll; height:60px; padding:10px; border:1px solid #d1d3d5; background:#fff;}
.winPopWrap .winAttachFileBox .fileList li {margin:3px 0 0; font-size:12px;}
.winPopWrap .winAttachFileBox .fileList li:first-child {margin:0;}
.winPopWrap .winAttachFileBox > button {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:15px; line-height:0; font-size:0; color:transparent; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; outline:none; background:#f5f5f5 url('../images/common/btn_attach_file.gif') no-repeat center top;}
.winPopWrap .winAttachFileBox > button.closed {background-position:center bottom;}
.winPopWrap .winBtnBox {position:absolute; top:0; right:0; left:0; padding:10px 15px; background:#f5f5f5;}
.winPopWrap .winBtnBox .rightBox {position:absolute; right:15px; top:10px;}
.winPopWrap .commt, .winPopWrap .commt02 {font-size:12px; vertical-align:middle;}
/* .winPopWrap .winBtnBox {position:absolute;; top:0; right:0; left:0; padding:10px 30px; background:#f5f5f5;}
.winPopWrap .winBtnBox .rightBox {position:absolute; right:30px; top:10px;} */

/* 장비반입 신청서 */
.winPopWrap .equipList {text-align:left;}
.winPopWrap .equipList li {position:relative; padding:3px 30px 3px 0; border-top:1px solid #eee;}
.winPopWrap .equipList li:first-child {border-top:0;}
.winPopWrap .equipList li:after {display:block; content:""; clear:both;}
.winPopWrap .equipList li strong {display:block; float:left; color:#333; line-height:22px;}
.winPopWrap .equipList li strong:before {display:inline-block; content:""; width:3px; height:3px; margin:0 5px 0 0; background:#009bfa; vertical-align:3px;}
.winPopWrap .equipList li .tit01 {width:70px;}
.winPopWrap .equipList li .tit02 {width:60px;}
.winPopWrap .equipList li .tit03 {width:70px;}
.winPopWrap .equipList li span {display:block; float:left; min-height:22px; line-height:22px; word-break:break-word; white-space:normal;}
.winPopWrap .equipList li .txt01 {width:140px;}
.winPopWrap .equipList li .txt02 {width:170px;}
.winPopWrap .equipList li .txt03 {width:170px;}
.winPopWrap .equipList li .equipMore { overflow:hidden; width:100%; margin:3px 0 0;}
.winPopWrap .equipList li .equipTxtView {width:600px;}
.winPopWrap .equipList li .btnEquipBox {position:absolute; right:0; top:3px; }

/************************************************************************************************
* 달력
************************************************************************************************/
.ui-datepicker {display:none; width:288px; padding:0; margin:0; background:#fff;}
.ui-datepicker table {margin:0 0 5px;}
.ui-datepicker.ui-widget {font-family:'NotoSans','Malgun Gothic','맑은 고딕','AppleSDGothicNeo-Regular','Dotum','돋움',sans-serif;}
.ui-datepicker.ui-widget.ui-widget-content {border:2px solid #000;}
.ui-datepicker.ui-corner-all, .ui-datepicker .ui-corner-all {border-radius:0;}
.ui-datepicker .ui-datepicker-header {padding:0; margin:0; color:#fff; border:none; background:#009bfa;}
.ui-datepicker .ui-widget-header {border:none;}
.ui-datepicker .ui-datepicker-title {padding:18px 0 12px; line-height:24px; text-align:center;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display:none; top:22px; background:#009bfa;}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {border:none;}
.ui-datepicker .ui-datepicker-prev {left:55px; text-align:center;}
.ui-datepicker .ui-datepicker-prev-hover {left:55px;}
.ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev span, .ui-datepicker .ui-datepicker-header > a.ui-datepicker-next span {display:inline-block; overflow:hidden; position:static; width:10px; height:10px; margin:5px 0 0; padding:0; color:transparent;}
.ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev span {background:url('../images/common/datepicker_prev_next.gif') no-repeat left top;}
.ui-datepicker .ui-datepicker-next {right:55px; text-align:center;}
.ui-datepicker .ui-datepicker-next-hover {right:55px;}
.ui-datepicker .ui-datepicker-header > a.ui-datepicker-next span {background:url('../images/common/datepicker_prev_next.gif') no-repeat right top;}
.ui-datepicker select.ui-datepicker-year {width:80px; height:20px; padding:0 0 0 5px; margin:0 2px 0 0; font-size:14px; border:0; border-radius:0;}
.ui-datepicker select.ui-datepicker-month {width:70px; height:20px; padding:0 0 0 5px; margin:0 0 0 5px; font-size:14px; border:0; border-radius:0;}
.ui-datepicker th {height:32px; margin:0; padding:0; font-size:13px; font-weight:800; color:#009bfa; background:#f0f0f0;}
.ui-datepicker th:first-child {color:#f17538;}
.ui-datepicker td {font-size:13px; color:#000; font-weight:400; border:none; text-align:center;}
.ui-datepicker td a {display:inline-block; width:28px; height:28px; line-height:25px; border-radius:100%;}
.ui-datepicker td.ui-datepicker-today a, .ui-datepicker td.ui-datepicker-today .ui-state-hover  {width:26px; height:26px; color:#009bfa; border:1px solid #009bfa; background:#fff;}
.ui-datepicker td .ui-state-active, .ui-datepicker td .ui-state-active.ui-state-hover {color:#fff; background:#009bfa;}
.ui-datepicker td .ui-state-hover {background:#d5eefc;}
.ui-datepicker .ui-state-disabled, .ui-datepicker .ui-widget-content .ui-state-disabled, .ui-datepicker .ui-widget-header .ui-state-disabled {opacity:1;}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button, .ui-datepicker .ui-button.ui-state-disabled:hover, .ui-datepicker .ui-button.ui-state-disabled:active {padding:0; margin:0; text-align:center; border:none; background:none;}
.ui-datepicker .ui-widget-content {height:0; padding:0; margin:0; border:0; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {display:none;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {position:absolute; right:8px; top:8px; overflow:hidden; width:12px; height:12px; color:transparent; outline:none; background:url('../images/common/datepicker_close.gif') no-repeat center;}

/************************************************************************************************
* etc
************************************************************************************************/
/* 404 */
.errorPage {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);/*padding:400px 0 0; background:url('../images/common/ico_error.png') no-repeat center 200px; *//* background:url('../images/common/error_404.gif') no-repeat center 260px; */}
.errorPage .errorImg {margin-bottom:15px;text-align:center;}
.errorPage .errorTit {padding:0 0 20px; line-height:35px; font-size:30px; font-wegith:600; color:#000; text-align:center;}
.errorPage p {font-size:14px; font-weight:400; line-height:26px; text-align:center;}

/* LOADING */
.loadPage {padding:180px 0 0; text-align:center;}
.loadPage > span {display:block; margin:15px 0;}
.loadPage .txtLoad01 {font-size:22px; color:#000; line-height:25px;}
.loadPage .txtLoad02 {font-size:30px;font-weight:600; color:#000; line-height:33px;}
.loadPage .txtLoad03 {font-szie:14px; color:#777; line-height:18px;}

/* 로딩 */
.loadingPop {display:none; position:fixed; left:-50px; top:-50px; right:-50px; bottom:-50px; z-index:1;}
.loadingPop:before {display:block; content:""; position:fixed; left:0; top:-50px; right:0; bottom:0; background:#000; opacity:0.6;}
.loadingPop .loadInner {position:absolute; top:50%; left:50%; width:90px; height:90px; margin:-90px 0 0 -45px; background:#fff;}
.loadingPop .loadInner img {width:90px; height:90px;}
	
/* 사이트맵 */
.sitemapWrap {position:relative; overflow:hidden; box-sizing:border-box; width:100%; border:1px solid #ccc; border-top:2px solid #000;}
.sitemapWrap > ul {display:table; overflow:hidden; position:relative; left:0; width:100%;}
.sitemapWrap > ul > li {display:table-cell; width:10%; border-left:1px solid #ccc;}
.sitemapWrap > ul > li:first-child {border:none;}
.sitemapWrap > ul > li > strong,
.sitemapWrap > ul > li > a {display:block; height:50px; line-height:49px; color:#00864B; font-size:18px; font-weight:600; text-align:center; background:#f8f8f8;}
.sitemapWrap > ul > li > ul {padding:20px 0 20px 30px;}
.sitemapWrap > ul > li > ul > li {margin:25px 0 0;}
.sitemapWrap > ul > li > ul > li:first-child {margin:0;}
.sitemapWrap > ul > li > ul > li > span, .sitemapWrap > ul > li > ul > li > a {display:block; font-size:15px; font-weight:600; color:#000;}
.sitemapWrap > ul > li > ul > li > ul > li {padding:12px 0 0;}
.sitemapWrap > ul > li > ul > li > ul > li > span, .sitemapWrap > ul > li > ul > li > ul > li > a {display:block; position:relative; padding:0 0 0 15px; color:#666666; font-size:14px; font-weight:600;}
.sitemapWrap > ul > li > ul > li > ul > li > span:after, .sitemapWrap > ul > li > ul > li > ul > li > a:after {display:block; content:""; position:absolute; top:8px; left:5px; width:4px; height:4px; background:#00864B;}
.sitemapWrap > ul > li > ul > li > ul > li > ul > li {padding:7px 10px 0;}
.sitemapWrap > ul > li > ul > li > ul > li > ul > li > span,
.sitemapWrap > ul > li > ul > li > ul > li > ul > li > a {display:block; position:relative; padding:0 0 0 10px; font-size:13px; font-size:400;}
.sitemapWrap > ul > li > ul > li > ul > li > ul > li > span:after,
.sitemapWrap > ul > li > ul > li > ul > li > ul > li > a:after {display:block; content:""; position:absolute; top:10px; left:0; width:4px; height:1px; background:#777;}
.sitemapWrap > button, .sitemapWrap > a {display:none; position:absolute; top:10px;}
.sitemapWrap .pagePrevBtn {left:10px; width:30px; height:30px; border:1px solid #000; border-radius:2px; background-position:-6px -6px;}
.sitemapWrap .pageNextBtn {right:10px; width:30px; height:30px; border:1px solid #000; border-radius:2px; background-position:-5px -46px;}

/************************************************************************************************
* gate page
************************************************************************************************/
#header.gateH {margin:0; padding:30px 50px; border-bottom:1px solid #e0e0e0;}
.contents.gateConts {width:522px; margin:0 auto; padding:150px 0 100px;}
.contents.gateConts h2 {font-size:48px; font-weight:400; line-height:52px; color:#000;}
.contents.gateConts .loginBox{position:relative; margin:50px 0 0; border:1px solid #e0e0e0;}
.contents.gateConts .loginBox ul {padding:30px 0 65px;background:#f9f9f9;}
.contents.gateConts .loginBox ul li {margin:10px 0 0;}
.contents.gateConts .loginBox ul li:first-child {margin:0;}
.contents.gateConts .loginBox ul li strong {display:inline-block; width:149px; line-height:32px; color:#000; font-weight:600; text-align:center; vertical-align:middle;}
.contents.gateConts .loginBox ul li span {display:inline-block; vertical-align:middle;}
.contents.gateConts .loginBox .loginUtil {position:absolute; top:110px; left:152px; width:322px;}
.contents.gateConts .loginBox .loginUtil .label {float:left; margin:3px 0 0;}
.contents.gateConts .loginBox .loginUtil .btnS01 {float:right;}
.contents.gateConts .loginBox .loginBtn {padding:25px 0; text-align:center;}
.contents.gateConts p {margin:10px 0 0; font-weight:400;}

/* 게이트 비밀번호 변경 팝업 */
.chUserPwComt {margin:0 0 20px; color:#000; font-weight:600;}
.chUserPwComt li {margin:0 0 5px;}

/* 인증안내 팝업 */
.certifySendBox {overflow:hidden; margin:0 0 15px;}
.certifySendBox .timer {float:left; margin:7px 0 0; padding:0 0 0 20px; color:#009bfa; background:url('../images/common/ico_certify_timer.gif') no-repeat left center;}
.certifySendBox .btnS01 {float:right;}

/************************************************************************************************
* jq_grid
************************************************************************************************/
.jq_gridWrap {position:relative;}
.jq_gridWrap .ui-jqgrid-htable {border-top:2px solid #000; }
.jq_gridWrap .ui-jqgrid-htable thead tr th {height:30px; padding:5px 0; font-size:15px; font-weight:600; color:#333; border-right:1px solid #e0e0e0;  border-bottom:1px solid #e0e0e0; background:#f5f5f5;}
.jq_gridWrap .ui-jqgrid-htable thead tr th:last-child {border-right:none;}
.jq_gridWrap .ui-jqgrid-htable thead tr th .ui-jqgrid-resize-ltr {float:right; margin:-2px -10px -2px 0;}
.jq_gridWrap .ui-jqgrid-htable thead tr th .ui-th-div {position:relative;}
.jq_gridWrap .ui-jqgrid-htable thead tr th .ui-th-div .s-ico {display:inline-block; width:0; height:12px; margin:0 0 0 5px; vertical-align:middle;}
.jq_gridWrap .ui-jqgrid-htable thead tr th .ui-th-div .s-ico span {display:block; width:0; height:0; margin:-3px 0 0;}
.jq_gridWrap .ui-jqgrid-htable thead tr th .ui-th-div .s-ico span:first-child {border-bottom:5px solid #000;border-left:5px solid #f5f5f5;border-right:5px solid #f5f5f5;}
.jq_gridWrap .ui-jqgrid-htable thead tr th .ui-th-div .s-ico span:last-child {margin:3px 0 0; border-top:5px solid #000;border-left:5px solid #f5f5f5;border-right:5px solid #f5f5f5;}
.jq_gridWrap .tbe_list {border-top:none;}
.jq_gridWrap .tbe_list .jqgfirstrow td {padding:0; border:none;}
.jq_gridWrap .tbe_list tbody tr td {padding:5px;}
.jq_gridWrap .tbe_list tbody tr:hover {cursor:pointer;}
.jq_gridWrap .tbe_list tbody tr:hover td {background:#f3faff;}

/************************************************************************************************
*  boot box
************************************************************************************************/
.modal {padding:25px 30px 30px; border:none; border-radius:0; box-shadow:none;}
.modal .modal-body {padding:0 0 15px; color:#000; line-height:26px; font-weight:600; text-align:center;}
.modal .modal-footer {padding:0; border:none; background:#fff;}
.modal .modal-footer .btn {display:inline-block; min-width:50px; height:30px; padding:0 10px; line-height:29px; color:#fff; font-size:14px; font-weight:600; text-align:center; border-radius:2px; background:#009bfa;}
.modal .modal-footer .btn + .btn {background:#000;}