@charset "utf-8";

@import url('template/header.css');
@import url('template/leftbar.css');
@import url('template/footer.css');

/* CSS Document */
body { margin: 0px; font-family: 'Noto Sans KR' } ul { list-style: none; padding:0px; margin:0px;} a { text-decoration: none; border: none; outline:none;} img { border:0 } p { margin: 0px;} em {font-weight:bold; text-decoration: none; color:#DA1D00; padding-right:5px; font-style:normal; }
ul {list-style: none;} table { border-collapse:collapse;}

/*input*/
input.short { 
padding-right:10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margin:3px; width:50px; height:20px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; text-align:right;
}
input.num { 
padding-left:10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margin:3px; width:60px; height:20px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070;
}
input.numRight { 
padding-right:10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margin:3px; width:60px; height:20px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; text-align: right;
}
input.name { 
padding-left:10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margin:3px; width:150px; height:20px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px;
}
input.nameRight { 
padding-right :10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margin:3px; width:150px; height:20px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px; text-align: right;
}
input.date { 
padding-left :10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margin:3px; width:90px; height:20px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px;
}
input.detail { 
padding-left:10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margin:3px; width:450px; height:20px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px;
}
input.detailRight { 
padding-right :10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margin:3px; width:570px; height:20px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px; text-align: right;
}

input.detail2 { 
padding-right :10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margin:3px; width:97%; height:20px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px; text-align: right;
}

input.detailLong { 
padding-right :10px; padding-left:10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margin:3px; width:680px; height:20px; background-color:#FCFCFC; border: 1px solid #929292;
border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px; text-align: left;
}

input.memoScreen { width: 100%; border:none; height:auto;}

input.engKey {ime-mode:inactive;}
input.korKey {ime-mode:active;}

/*select*/
select.nums { width:70px; height:22px;padding-left:10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margin:3px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070;}

select.details { width:100px; height:22px;padding-left:10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margin:3px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070;}

select.teams {width:120px; height:22px;padding-left:10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margiFn:3px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070;}

select.names {width:160px; height:22px;padding-left:10px; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070; margiFn:3px; background-color:#FCFCFC; border: 1px solid #929292; border-radius: 2px; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; vertical-align: middle; font-family: 'Noto Sans KR', arial; font-size: 12px; color: #707070;}

/* 시스템 전반 span*/
span.import { font-size: 12px; color:#636363;}
span.import:hover {cursor:pointer;}
span.importLeft { font-size: 12px; color:#636363; margin-right:15px;}
span.importBold { font-size: 12px; color:#636363; font-weight:bold; margin-right: 370px;}
span.importWhole { font-size: 12px; color:#636363; font-weight:bold;}
span.border { border:1px solid #C8C8C8; padding:3px; margin-right:5px; line-height:200%;}
span.cancle { font-size: 12px; color: #636363; text-decoration:line-through;}
a.fileName {font-weight: bold;color: #FF7F10;}


/* label 디자인 수정*/
label { font-size: 12px; color:#636363;}
label.fontWeight {font-weight:bold;}

/* 시스템 전반 버튼*/
.btnType01 { font-size:12px; color:#FBFBFB; padding:5px 10px; background: rgba(191,48,23,1); border-radius: 3px; }
.btnType02 { 
font-size:11px; color:#060606; padding:5px 10px; margin: 0 5px; background: #777777;
color: #fff;
border-radius: 3px;
border: 1px solid #606060;
margin: 2px;
}
.btnType03 { 
font-size:11px; color:#060606; padding:8px 30px; margin: 0 5px; background: #777777;
color: #fff;
border-radius: 3px;
border: 1px solid #606060;
margin: 2px;
}
.btnType04 { font-size:11px; color:#2A2A2A; padding:2px 10px; background: #f8f8f8; height: 23px; line-height: 21px; border-radius: 3px; border: 1px solid #ccc; margin-top: 2px; margin-right: 5px; }
.btnType05 { 
display:inline-block; border:1px solid #bababa; text-align:center; background:#f9f9f9; padding:7px 15px 7px 15px; font-weight:bold; color:#535353; width:80px; margin-right:5px;
-moz-box-shadow: 0 2px 2px #dadada;-webkit-box-shadow: 0 2px 2px#dadada;box-shadow: 0 2px 2px #dadada;text-shadow:0 0 2px #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; 
}

.btnType06 { 
font-size:12px; color:#366DA7;; font-weight:bold; padding:5px 20px; margin: 90px 5px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 80%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(80%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 80%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 80%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 80%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 80%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );

-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 1px solid #366DA7;}

.btnType07 { 
font-size:12px; color:#535353; font-weight:bold; padding:5px 15px; margin: 30px 5px;
border:1px solid #bababa;
background:#f9f9f9;
-moz-box-shadow: 0 2px 2px #dadada;
-webkit-box-shadow: 0 2px 2px#dadada;
box-shadow: 0 2px 2px #dadada;
text-shadow: 0 0 2px #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.btnType08 { 
font-size:11px; color:#FFFFFF; height: 22px; padding: 0 8px; line-height: 21px; display: inline-block; margin: 0 5px; color: #1E5EAA;
border-radius: 3px;
border: 1px solid #1E5EAA; margin: 2px; 
}
.btnType08:hover { background: #1E5EAA; color: #fff; }

.fileFIndBtn { float: right; top: 8px; padding:8px 10px 0px;} 
.fileImgBtn { float: right; top: 8px; padding:0px 10px 0px;} 
.fileNameBtn { float: right; top: 8px; padding:0px 10px 0px;} 
.rightBtn { float: right; top: 8px; padding:3px 10px;} 

.textFontStyle {color: #555555;font-size:12px;font-weight: bold;}
.boldFontStyle {font-weight: bold;}
.markingFontStyle {color: #FD4103;}

a.linkText { text-decoration:underline; color:#2A2A2A; }
a:hover.linkText { color:#FD4103;}
a.fileName {font-weight: bold;color: #FF7F10;}

.movingApproval { text-align: center; margin-top:30px; padding-top:10px; border-top: 1px solid #747474;}

textarea { border:1px solid #888888; width:98%; font-family: 'Noto Sans KR', arial;resize:none; font-size:12px;color: #555555;}

/* TOPTIER_ADM 페이지 */
#rg_main_wrap { width: 100%; height:100%; min-width:1300px;}

#rg_main_contents { width: 100%; height:auto; min-height: 750px; margin:0 auto;}
#rg_main_contents .contentsBody { position: relative; height: auto; width: 850px;  text-align: left; padding: 10px 25px 0 0; margin-left: 230px;}

.contentsBody .contentsDetailPart { padding-top:10px;}
.contentsBody p { font-weight: bold; color:#3B3B3B; font-size: 22px; padding-top: 10px; color: #093687; }
.contentsBody .contentsAddTitle { width: 100%;  margin:5px 0px 20px 0px; padding: 1px 0px 5px 10px; background:#678CB3; border-radius: 2px; }
.contentsBody .contentsAddTitle span { color:#FFFFFF; font-weight:normal; font-size:13px; }
.contentsBody .contentsTypeTitle { width:840px;  margin:10px 0px 0px 0px; padding:5px 0px 0px 5px; background:#FFFFFF;}
.contentsBody .contentsTypeTitle span { color:#1E5EAA; font-weight:bold; font-size:15px; }

.contentsBodyPopup { padding:0px 20px;}
.contentsBodyPopup .contentsDetailPart { padding-top:10px;}
.contentsBodyPopup > p { font-weight: bold; color:#3B3B3B; font-size: 17px; padding-top: 20px;}
.contentsBodyPopup .contentsAddTitle { width:600px;  margin:10px 0px 0px 0px; padding:5px 0px 7px 10px; background:#F99978; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border: 0px solid #000000; }
.contentsBodyPopup .contentsAddTitle span { color:#FFFFFF; font-weight:bold; font-size:13px; }
.contentsBodyPopup .inqueryBtn {padding: 10px 2px; text-align: right;}
/******************* 메인 시작 *******************/

/*메인페이지*/
#rg_main_contents .mainContentsPart {  width: 85%; margin: 100px auto 200px;}

#rg_main_contents .mainContentsPart .notifyArea { width: 95%;; height: 400px; background:#FFFFFF; margin:0 auto;}

#rg_main_contents .mainContentsPart .notifyArea .notifySettleArea { width: 48%; height: 90%; float:left; border-bottom:3px solid #164F78;}
#rg_main_contents .mainContentsPart .notifyArea .notifyScheduleArea { width: 48%; height: 90%; float:right; border-bottom:3px solid #164F78;}

/* 메인 리스트 - 공지 탭 영역*/
#rg_main_contents .mainContentsPart .notifyArea .ntfTab { text-align:left;border-radius: 0px;background: #f9f9f9; margin-bottom:10px;}
#rg_main_contents .mainContentsPart .notifyArea .ntfTab ul { width:100%; margin:0px auto; text-align: left; background:#ffffff; padding-left:5px;}
#rg_main_contents .mainContentsPart .notifyArea .ntfTab ul li {
	border:1px solid #B8B8B8;  border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius:  2px 2px 2px 2px; font-size: 13px; display: inline-block;background: #FFFFFF;text-align: center;font-weight: 700;
	margin-left: -4px;padding: 7px 0 8px 0;cursor: pointer; width: 160px;
}
#rg_main_contents .mainContentsPart .notifyArea .ntfTab ul li.active { 
	border:1px solid #B8B8B8;  border-radius:  2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; display: inline-block;background: #164F78;text-align: center;font-weight: 700;margin-left: -4px;padding: 7px 0 8px 0;
	cursor: pointer ;width: 160px;
}
#rg_main_contents .mainContentsPart .notifyArea .ntfTab ul li a { color:#565656; }
#rg_main_contents .mainContentsPart .notifyArea .ntfTab ul li.active a { color:#FFFFFF; }

/* 메인 리스트 - 공지 영역*/
#rg_main_contents .mainContentsPart .notifyArea .ntfPart table.ntListArea { width: 100%; border-bottom:1px solid #6E6E6E; border-collapse:collapse;  margin:0px 0px 0px 0px; border-top: 1px solid #828282;}

#rg_main_contents .mainContentsPart .notifyArea .ntfPart table.ntListArea tr { background:#FFFFFF; height:30px; border-bottom: 1px solid #B7B7B7; text-align: center; font-size:12px; color:#575757;}
#rg_main_contents .mainContentsPart .notifyArea .ntfPart table.ntListArea tr:nth-child(odd) { background:#98B5B5; color:#FFFFFF;}
#rg_main_contents .mainContentsPart .notifyArea .ntfPart table.ntListArea tr.listTitle { background:#f4f4f4; }
#rg_main_contents .mainContentsPart .notifyArea .ntfPart table.ntListArea tr.listTitle th { color:#000000; font-size:13px;}

#rg_main_contents .mainContentsPart .notifyArea .ntfPart table.ntListArea tr td { color:#262626; border-right: 1px solid #E7E7E7;}
#rg_main_contents .mainContentsPart .notifyArea .ntfPart table.ntListArea tr td:last-child {  border-right: none;}

/* 메인 리스트 - 스케줄 영역*/
#rg_main_contents .mainContentsPart .scheduleArea { width: 100%;; height: 600px; padding:20px 0px; text-align:center; }

#rg_main_contents .mainContentsPart .scheduleArea .moveBtn { text-align: right; padding:0px 0px 10px 0px; width:97%}
#rg_main_contents .mainContentsPart .scheduleArea .moveBtn .moveWord { display: inline-block; height:20px; padding: 0px 10px;}
#rg_main_contents .mainContentsPart .scheduleArea .moveBtn .moveWord>span { font-size:19px; font-weight:bold; color:#8B5859;}
#rg_main_contents .mainContentsPart .scheduleArea .moveBtn  .movingBtn { display: inline; height::33px;}
#rg_main_contents .mainContentsPart .scheduleArea .moveBtn a.prevBtn { 
width:25px; font-weight:bold; margin:0px;border-radius: 2px 2px 2px 2px;-moz-border-radius:  2px 2px 2px 2px;-webkit-border-radius:  2px 2px 2px 2px;
}
#rg_main_contents .mainContentsPart .scheduleArea .moveBtn a.nextBtn { 
 width:25px; font-weight:bold; margin:0px;border-radius: 2px 2px 2px 2px;-moz-border-radius:  2px 2px 2px 2px;-webkit-border-radius:  2px 2px 2px 2px;
}

#rg_main_contents .mainContentsPart .scheduleArea>ul { width: 100%; height: 530px;}
#rg_main_contents .mainContentsPart .scheduleArea>ul>li { 
background:#D9B7B7; display: inline-block; width:12%; height:520px; text-align: center; margin:0px 5px; padding:5px; border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;
}

#rg_main_contents .mainContentsPart .scheduleArea>ul>li div.dayArea {
width:100%; height:auto; background:#FFFFFF; border:1px solid #1D5487;  padding:12px 0px; border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;}
#rg_main_contents .mainContentsPart .scheduleArea>ul>li div.dayArea a { font-weight:bold; color:#266B28; }

#rg_main_contents .mainContentsPart .scheduleArea>ul>li div.dayArea.active { background:#164F78; }
#rg_main_contents .mainContentsPart .scheduleArea>ul>li div.dayArea.active a {color:#FFFFFF; font-weight:bold;} 

#rg_main_contents .mainContentsPart .scheduleArea>ul>li .schedulePart { 
width:100%; height: 430px;; background:#FFFFFF; border:1px solid #233777;  padding:2px 0px;  margin-top: 20px; text-align:left; overflow:auto;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;
}
#rg_main_contents .mainContentsPart .scheduleArea>ul>li .schedulePart>ul { padding:0px 5px;}
#rg_main_contents .mainContentsPart .scheduleArea>ul>li .schedulePart>ul>li { padding-bottom:20px;}
#rg_main_contents .mainContentsPart .scheduleArea>ul>li .schedulePart>ul>li a.mainSp { font-size:12px; color:#474747;}
#rg_main_contents .mainContentsPart .scheduleArea>ul>li .schedulePart>ul>li a.mainSp:hover { text-decoration:underline; cursor:pointer;}
#rg_main_contents .mainContentsPart .scheduleArea .degree { text-align: right; padding:20px 0px 10px 0px; width:97%}
#rg_main_contents .mainContentsPart .scheduleArea .statueNoti { margin-right: 5px;}


/* 메인 페이징 */
.paging { padding: 15px 0px; text-align: center;}
.paging a { font-size: 13px; color:#515151; padding: 2px 5px; }
.paging a.current { color:#DD2A25; font-weight:bold;} 
.paging a.prevPage { font-weight:bold}
.paging a.nextPage { font-weight:bold}
/******************* 메인 종료 *******************/


/******************* 리스트 시작 *******************/

/* 리스트 페이징 */
.contentsBody .contentsPart .paging { padding: 8px 0px; text-align: center;}
.contentsBody .contentsPart .paging a { font-size: 13px; color:#515151; padding: 2px 5px; }
.contentsBody .contentsPart .paging a.current { color:#366DA7; font-weight:bold;} 

/* 리스트 - 검색영역 */
.contentsBody .contentsPart table.searchArea { width: 100%; border-bottom:1px solid #6E6E6E; border-top:2px solid #093687; border-collapse:collapse;  margin:10px 0px 0px 0px; }
.contentsBody .contentsPart table.searchArea tr { height:32px; border-bottom: 1px solid #B7B7B7; padding-top:5px}
.contentsBody .contentsPart table.searchArea tr td { text-align: left;  padding-left:10px; font-size:12px; color:#7C7C7C;  width: auto;}
.contentsBody .contentsPart table.searchArea tr th { text-align: left;  padding-left:20px; min-width:150px;  background:#f8f8f8; font-size:13px; color:#5F5F5F; font-weight:bold;}
#send_msg_type {position:absolute; margin-top:5px;}
#send_msg_type_text {margin-left:20px;}

/* 리스트 - 메뉴정보트리영역 */
.contentsBody .contentsPart .menuRootArea { width: 100%; padding:30px 20px;}

.contentsBody .contentsPart .menuRootArea .rootPart { 
	width:45%; height:500px; max-height:500px; margin:0px; border: 1px solid #15328F; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; padding:30px 0px 80px 10px; float:left; overflow-y:auto;
}
.contentsBody .contentsPart .menuRootArea .rootPart ul.rootTree { margin:0px auto;}
.contentsBody .contentsPart .menuRootArea .rootPart ul.rootTree li {position: relative; padding: 5px 0px 0px 20px; font-size: 13px; line-height: 18px; zoom: 1;}
.contentsBody .contentsPart .menuRootArea .rootPart ul.rootTree li.treeHeaderName span.rootTitle { font-size:14px; color:#366DA7; font-weight:bold;}

.contentsBody .contentsPart .menuRootArea .menuPart { width: 45%; height:auto; padding:0px 43px 0px 30px; float: right;}
.contentsBody .contentsPart .menuRootArea .menuPart table.menuSearchArea { width: 100%; border-bottom:1px solid #6E6E6E; border-top:2px solid #888888; border-collapse:collapse; margin:0px;}  
.contentsBody .contentsPart .menuRootArea .menuPart table.menuSearchArea tr {  height:32px; border-bottom: 1px solid #B7B7B7; padding-top:5px; }

.contentsBody .contentsPart .menuRootArea .menuPart table.menuSearchArea tr th { text-align: left;  width: 80px;  padding-left:20px;  background:#ECECEC; font-size:12px; color:#5F5F5F;}
.contentsBody .contentsPart .menuRootArea .menuPart table.menuSearchArea tr th.comment { font-size:13px;}
.contentsBody .contentsPart .menuRootArea .menuPart table.menuSearchArea tr td { text-align: left;  padding-left:10px; font-size:11px; color:#7C7C7C;}

/* 리스트 - 통계영역 */
.contentsBody .contentsPart .staticsScroll { width:100%; overflow:auto;} 
.contentsBody .contentsPart .staticsArea {min-width:1200px; margin-top:10px; border-top:2px solid #5A5A5A}

.contentsBody .contentsPart .staticsArea tr{ color:#3B3B3B;font-size:12px; background:#FFFFFF; height:30px; ;}
.contentsBody .contentsPart .staticsArea tr th { width: auto; font-weight:normal; text-align:right; padding-right:8px;}

.contentsBody .contentsPart .staticsArea tr .center { font-weight:normal; text-align:center; padding-right:15px; font-weight:bold;}

.contentsBody .contentsPart .staticsArea tr.staticsTitle{ height:17px; background:#5A5A5A; color:#FFFFFF; font-size:13px; font-weight: bold;}
.contentsBody .contentsPart .staticsArea tr.staticsTitle th{font-weight: bold; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #E0E0E0; padding:5px 20px; }

.contentsBody .contentsPart .staticsArea tr td { width: auto; font-weight:normal; text-align:right; padding-right:8px;}
.contentsBody .contentsPart .staticsArea tr td.odd{ background:#F5E6E4;}

.contentsBody .contentsPart .staticsArea tr.statics{ background:#DFDFDF; border-top:1px solid #949494; border-bottom:1px solid #5A5A5A; color:#454545; height:33px;font-size:13px;}
.contentsBody .contentsPart .staticsArea tr.statics th{font-weight: bold;}

.contentsBody .contentsPart .staticsArea tr.staticsWhole { background:#5A5A5A; color:#FFFFFF; height:33px;font-size:13px;}
.contentsBody .contentsPart .staticsArea tr.staticsWhole th{font-weight: bold;}


/* 리스트 - 출력영역 */
.contentsBody .contentsPart table.listArea { width: 100%; border-bottom:1px solid #6E6E6E; border-collapse:collapse; z-index:100;}
.contentsBody .contentsPart table.listArea tr { height:38px; border-bottom: 1px solid #B7B7B7; text-align: center; font-size:12px; color:#575757;}
.contentsBody .contentsPart table.listArea tr th { color:#C8D1E1;}
.contentsBody .contentsPart table.listArea tr:nth-child(odd) { background:#F5F5F5;}
.contentsBody .contentsPart table.listArea tr.listTitle { background:#012A73; font-size:13px;}
.contentsBody .contentsPart table.listArea tr.listTitle td { color:#FFFFFF; font-weight:bold;}
.contentsBody .contentsPart table.listArea tr td { border-right: 1px solid #D9D9D9;}
.contentsBody .contentsPart table.listArea tr td:last-child { border: none;}
.contentsBody .contentsPart table.listArea tr td.right { text-align: right; padding-right: 20px;}
.contentsBody .contentsPart table.listArea tr td.left { text-align: left; padding-left: 20px;}
.contentsBody .contentsPart table.listArea tr td a.dlink { text-decoration:underline; color:#2A2A2A; }
.contentsBody .contentsPart table.listArea tr td a:hover.dlink { color:#FD4103;}
.contentsBody .contentsPart table.open_block {width:100%; height:100%; background:#4A4A4A; z-index:1000; opacity:0.6;}


/*  리스트 - 검색영역 하단 버튼영역 */
.contentsBody .contentsPart .inqueryBtn { padding: 10px 2px; text-align: right;} 
.contentsBody .contentsPart .contactBtn { padding: 10px 2px; text-align: right;} 

/* 리스트 - 출력영역 상단 검색 옵션 ( 정렬,목록개수)*/
.contentsBody .contentsPart .inqueryResultBtn { padding: 5px 0px; text-align: right;} 
.contentsBody .contentsPart .inqueryResultBtn a { float: left;}
.contentsBody .contentsPart .inqueryResultBtn span { color:#366DA7; font-size:12px} 

/* 리스트 - 출력영역 하단 버튼 영역 */
.contentsBody .contentsPart .inqueryResultBtn02  { padding: 10px 0px;}
.contentsBody .contentsPart .inqueryResultBtn02 a.downloadImg { float: right;}

/******************* 리스트 종료 *******************/



/**************** 디테일 리스트 시작 ****************/

/* 디테일 리스트 페이징 */
.contentsBody .contentsDetailPart .paging { padding: 8px 0px; text-align: center;}
.contentsBody .contentsDetailPart .paging a { font-size: 13px; color:#515151; padding: 2px 5px; }
.contentsBody .contentsDetailPart .paging a.current { color:#2E9F1D; font-weight:bold;} 

/* 디테일 리스트 - 검색영역 */
.contentsBody .contentsDetailPart table.searchArea { width: 100%; border-bottom:1px solid #6E6E6E; border-top:2px solid #888888; border-collapse:collapse; margin:10px 0px 0px 0px;}

.contentsBody .contentsDetailPart table.searchArea > tbody > tr { height:32px; border-bottom: 1px solid #B7B7B7; padding-top:5px;}
.contentsBody .contentsDetailPart table.searchArea > tbody > tr > td { text-align: left;  padding-left:10px; font-size:12px; color:#5F5F5F; }
.contentsBody .contentsDetailPart table.searchArea > tbody > tr > td .accountArea { width: 100%;  border-collapse:collapse; margin:5px 0px 5px 0px;}
.contentsBody .contentsDetailPart table.searchArea > tbody > tr > td > a.dlink { text-decoration:underline; color:#2A2A2A; }
.contentsBody .contentsDetailPart table.searchArea > tbody > tr > td > a:hover.dlink { color:#FD4103;}
.contentsBody .contentsDetailPart table.informArea > tbody > tr > td .memoArea { width: 100%; height: 150px;}
.contentsBody .contentsDetailPart table.searchArea > tbody > tr > th { text-align: left;  width: 160px;  padding-left:20px;  background:#ECECEC; font-size:12px; color:#5F5F5F; font-weight:bold;}



/* 디테일 리스트 - 검색팝업영역 */
.contentsBodyPopup { width:600px;}


.contentsBodyPopup .contentsDetailPart table.searchArea { width: 100%; border-bottom:1px solid #6E6E6E; border-top:2px solid #888888; border-collapse:collapse; margin:10px 0px 0px 0px;}

.contentsBodyPopup .contentsDetailPart table.searchArea tr { height:32px; border-bottom: 1px solid #B7B7B7; padding-top:5px;}
.contentsBodyPopup .contentsDetailPart table.searchArea tr td { text-align: left;  padding-left:10px; font-size:11px; color:#7C7C7C; }
.contentsBodyPopup .contentsDetailPart table.searchArea tr td .accountArea { width: 100%;  border-collapse:collapse; margin:5px 0px 5px 0px;}
.contentsBodyPopup .contentsDetailPart table.informArea tr td .memoArea { width: 100%; height: 150px;}
.contentsBodyPopup .contentsDetailPart table.searchArea tr th { text-align: left;  width: 140px;  padding-left:20px;  background:#ECECEC; font-size:12px; color:#5F5F5F; font-weight:bold;}

/* 디테일 리스트 - 상품정보영역 */
.contentsBody .contentsDetailPart .productInform { width: 100%; height:155px; margin-bottom: 10px;}

.contentsBody .contentsDetailPart .productInform .productImage { width: 190PX; height:140px; float: left; text-align: center; margin: 10px 0px 0px 10px; border:1px solid #939393; }
.contentsBody .contentsDetailPart .productInform .productImage a.productImg { width: 100%; height: 100px;}
.contentsBody .contentsDetailPart .productInform .productName { width: 75%; float: right; padding-top:20px;}

.contentsBody .contentsDetailPart table.informArea { width: 100%; border-bottom:1px solid #6E6E6E; border-top:2px solid #888888; border-collapse:collapse; margin:10px 0px 0px 0px;}
.contentsBody .contentsDetailPart table.informArea tr { height:35px; border-bottom: 1px solid #B7B7B7; padding-top:5px}
.contentsBody .contentsDetailPart table.informArea tr td { text-align: left;  padding-left:10px; font-size:13px; color:#7C7C7C; }
.contentsBody .contentsDetailPart table.informArea tr th { text-align: left;  width: 60px;  padding-left:20px;  background:#ECECEC; font-size:13px; color:#5F5F5F; font-weight:bold;}

.contentsBody .contentsDetailPart .productInform .noImgPart { text-align: center; padding :20px 0px 20px; border: 1px solid #888888;}
.contentsBody .contentsDetailPart .productInform .noImgPart .noImgWord { margin-top:10px;}
.contentsBody .contentsDetailPart .productInform .noImgPart .noImgWord span { font-size: 13px; color:#636363; font-weight:bold; }

/* 디테일 리스트 - 출력영역 */
.contentsBody .contentsDetailPart table.listArea { width: 100%; border-bottom:1px solid #6E6E6E; border-collapse:collapse;  margin:10px 0px 0px 0px;}
.contentsBody .contentsDetailPart table.listArea .historyData { float: left; padding-top: 3px;}
.contentsBody .contentsDetailPart table.listArea tr { height:30px; border-bottom: 1px solid #B7B7B7; text-align: center; font-size:12px; color:#575757;}
.contentsBody .contentsDetailPart table.listArea tr:nth-child(odd) { background:#F5F5F5;}
.contentsBody .contentsDetailPart table.listArea tr th { color:#FFFFFF;}
.contentsBody .contentsDetailPart table.listArea tr.listTitle th { background:#727272; font-size:13px;}
.contentsBody .contentsDetailPart table.listArea tr.listTitle th.yearMonth { width:200px;}
.contentsBody .contentsDetailPart table.listArea tr.listTitle td { color:#FFFFFF; font-weight:bold;}
.contentsBody .contentsDetailPart table.listArea tr td:last-child { border: none;}
.contentsBody .contentsDetailPart table.listArea tr td.right { border-right:1px solid #BCBCBC; text-align: center; width:20%;}
.contentsBody .contentsDetailPart table.listArea tr td.center { width: 60%; padding:5px; max}
.contentsBody .contentsDetailPart table.listArea tr td a.dlink { text-decoration:underline; color:#2A2A2A; }
.contentsBody .contentsDetailPart table.listArea tr td a:hover.dlink { color:#FD4103;}

/*디테일리스트 - 인풋박스 통계 영역 */

.contentsBody .contentsDetailPart .staticsScroll { width:100%; overflow:auto;} 
.contentsBody .contentsDetailPart .staticsInputArea { width:100%; margin-top:10px; border-top:2px solid #5A5A5A}

.contentsBody .contentsDetailPart .staticsInputArea tr{ color:#3B3B3B;font-size:12px; background:#FFFFFF; height:30px; ;}
.contentsBody .contentsDetailPart .staticsInputArea tr th { width: auto; font-weight:normal; text-align:right; padding-right:8px;}

.contentsBody .contentsDetailPart .staticsInputArea tr .center { font-weight:normal; text-align:center; padding-right:15px; font-weight:bold;}

.contentsBody .contentsDetailPart .staticsInputArea tr.staticsTitle{ height:30px; background:#5A5A5A; color:#FFFFFF; font-size:13px; font-weight: bold;}
.contentsBody .contentsDetailPart .staticsInputArea tr.staticsTitle th{font-weight: bold; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #E0E0E0; padding:5px 20px; }

.contentsBody .contentsDetailPart .staticsInputArea tr td { border-right:1px solid #D1D1D1; width: auto; font-weight:normal; text-align:right; padding-right:8px;}
.contentsBody .contentsDetailPart .staticsInputArea tr.odd{ background:#F5F5F5;}
.contentsBody .contentsDetailPart .staticsInputArea tr td.last{ border:none;}

.contentsBody .contentsDetailPart .staticsInputArea tr.statics{ background:#DFDFDF; border-top:1px solid #949494; border-bottom:1px solid #5A5A5A; color:#454545; height:33px;font-size:13px; font-weight:bold;}
.contentsBody .contentsDetailPart .staticsInputArea tr.statics th{font-weight: bold;}
.contentsBody .contentsDetailPart .staticsInputArea tr.statics td{font-weight: bold;}

.contentsBody .contentsDetailPart .staticsInputArea tr.staticsWhole { background:#5A5A5A; color:#FFFFFF; height:33px;font-size:13px;}
.contentsBody .contentsDetailPart .staticsInputArea tr.staticsWhole th{font-weight: bold;}


/* 디테일 리스트 - 선택영역 */
.contentsBody .contentsDetailPart .authSelectArea { width: 100%; margin:30px 0 20px;}

.contentsBody .contentsDetailPart .authSelectArea .selectArea { height:200px; }
.contentsBody .contentsDetailPart .authSelectArea .selectArea select.multiSelect {
	width: 100%; height:100%; border:2px solid #D1BDBE; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px; padding: 5px; font-size:12px; color:#4E4E4E;
}
.contentsBody .contentsDetailPart .authSelectArea .selectArea select.multiSelect option { padding: 10px;}

.contentsBody .contentsDetailPart .authSelectArea .movTopBottom { text-align: center; padding:5px 0px;}
.contentsBody .contentsDetailPart .authSelectArea .movTopBottom a.btnUp { margin-right:20px; }

/* 디테일 리스트 - 결재영역 */

.contentsBody .contentsDetailPart .approvalArea { padding:20px 0px 0px 43px; background:#F8F8F8;border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;}
.contentsBody .contentsDetailPart .approvalArea .approvalWrap { width: 100%; margin: 0 auto; height: auto; text-align:center;}
.contentsBody .contentsDetailPart .approvalArea .approvalWrap .approvalPart { width: 100%; margin: 0 auto; position: relative; text-align:left;}
.contentsBody .contentsDetailPart .approvalArea .approvalWrap .approvalPart .approvalPartData { 
	width: 150px; height:200px; display: inline-block; margin: 0 45px 30px 0;vertical-align: top; background:#FFFFFF; border:1px solid #FFFFFF; border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 1px solid #BCBCBC;
}
.contentsBody .contentsDetailPart .approvalArea .approvalWrap .approvalPart .approvalPartData .cancleBtn { width: 100%; text-align: right;}
.contentsBody .contentsDetailPart .approvalArea .approvalWrap .approvalPart .approvalPartData .cancleBtn a { position:relative; top:5px; right:5px;}
.contentsBody .contentsDetailPart .approvalArea .approvalWrap .approvalPart .approvalPartData .workerName {
	 width: 80%; margin: 10px auto 10px; padding: 10px 0px; text-align: center; border:1px solid #1C396B; border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;}
.contentsBody .contentsDetailPart .approvalArea .approvalWrap .approvalPart .approvalPartData .workerRole { 
	width: 80%; height:85px; margin: 0px auto 20px; padding: 10px 0px; text-align: center; background:#8DD1B3; border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px; }
.contentsBody .contentsDetailPart .approvalArea .approvalWrap .approvalPart .approvalPartData .workerRole>a{ 
	color:#363636; font-size:12px; width:60%; display:block; margin:13px auto; padding: 5px 0px;color:#373737; background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); 
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	 border:1px solid #A3A3A3;
}

.contentsBody .contentsDetailPart .approvalArea .approvalWrap .approvalPart .approvalPartData .workerRole2 {
	width: 80%; height:110px; margin: 0px auto 20px; padding: 10px 0px; text-align: center; background:#D4AFA5; border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px; 
}

.contentsBody .contentsDetailPart .approvalArea .approvalWrap .approvalPart .approvalPartData .workerRole2 > a{ 
	color:#363636; font-size:12px; width:60%; display:block; margin:20px auto; padding: 5px 0px;color:#373737; background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); 
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	 border:1px solid #A3A3A3;
}

.contentsBody .contentsDetailPart .approvalArea .approvalWrap .approvalPart .approvalPartData .workerRole .statueMessage { width: 100%; padding-top:5px;}
.contentsBody .contentsDetailPart .approvalArea .approvalWrap .approvalPart .approvalPartData .workerRole .statueMessage>span { color:#0E0E0E; font-weight:bold;}
.contentsBody .contentsDetailPart .approvalArea .approvalWrap .approvalPart .approvalPartData .workerFinal { text-align:center; padding-top:10px; }

.contentsBody .contentsDetailPart .commentArea { height:20px; background:#ECECEC; margin-top:10px; padding: 10px 10px; border: 1px solid #AFAFAF;}

.contentsBody .contentsDetailPart .commentArea .commentPart { float:left; text-align: left;}
.contentsBody .contentsDetailPart .commentArea .commentPart em.line { font-size:12px; color:#626262;}
.contentsBody .contentsDetailPart .commentArea .commentPart .comentMent { color:#F84906; font-size: 13px; font-weight:bold;}
.contentsBody .contentsDetailPart .commentArea .dayPart { float:right; text-align: right;}

.contentsBody .contentsDetailPart .commentInputArea { height:30px; background:#ECECEC; margin-top:10px; padding: 10px 10px; border: 1px solid #AFAFAF;}



/* 디테일 리스트 - 결재영역 상단 버튼영역 */
.contentsBody .contentsDetailPart .inqueryBtn2 { width: 94%; margin:0px 30px 15px 0px; text-align: right; border-bottom: 2px solid #366DA7; padding-bottom: 15px;} 

/* 디테일 리스트 - 검색영역 하단 버튼영역 */
.contentsBody .contentsDetailPart .inqueryBtn { padding: 10px 2px; text-align: right;} 
.contentsBody .contentsDetailPart .contactBtn { padding: 10px 2px; text-align: right;} 

/* 디테일 리스트 - 출력영역 상단 검색 옵션 ( 정렬,목록개수)*/
.contentsBody .contentsDetailPart .inqueryResultBtn { padding: 5px 0px; text-align: right;} 
.contentsBody .contentsDetailPart .inqueryResultBtn a { float: left;}
.contentsBody .contentsDetailPart .inqueryResultBtn span { color:#F83600; font-size:12px} 

/* 디테일 리스트 - 출력영역 하단 버튼 영역 */
.contentsBody .contentsDetailPart .inqueryResultBtn02  { padding: 10px 0px;}
.contentsBody .contentsDetailPart .inqueryResultBtn02 a.downloadImg { float: right;}

.contentsBody .contentsDetailPart .inqueryBtnLeft { text-align: left; margin-bottom: 10px;}
/* 디테일 리스트 - 첨부파일 영역 */
.contentsBody .contentsDetailPart table.fileUpLoadArea {  width: 100%; border-bottom:1px solid #6E6E6E; border-top:2px solid #888888; border-collapse:collapse; margin:10px 0px 0px 0px;}
.contentsBody .contentsDetailPart table.fileUpLoadArea tr { height:32px; border-bottom: 1px solid #B7B7B7; padding-top:5px}
.contentsBody .contentsDetailPart table.fileUpLoadArea tr th { text-align: center;  width: 20%;  background:#ECECEC; font-size:12px; color:#5F5F5F; font-weight:bold;}
.contentsBody .contentsDetailPart table.fileUpLoadArea tr td { text-align: left; font-size:11px; color:#7C7C7C; padding: 10px 0px;}

.contentsBody .contentsDetailPart .fileFindImg { text-align:left; padding-left:20px; padding-top:10px; height:20px;} 
.contentsBody .contentsDetailPart .fileFind { text-align:left; padding-left:20px; height:35px;} 
.contentsBody .contentsDetailPart .fileFind input[type=file] {height: 20px; width:70%; margin:5px 0px;font-size: 12px;border: none;border-bottom: #B5B6B5 1px solid;border-top: #B5B6B5 1px solid;border-left: #B5B6B5 1px solid; border-right: #B5B6B5 1px solid;}
.contentsBody .contentsDetailPart .lineThrough { background-color: #efefef; margin-left:100px; width: 97%; padding: 1px; margin: 7px 0px 7px 10px;}


/* 디테일 리스트 - 추가 정보 영역 */
.addInformArea { background:#f8f8f8; margin-top:10px; padding: 10px 10px; border: 1px solid #AFAFAF;}
.addInformArea .addInformPart { padding:5px 5px;}



/**************** 디테일 리스트 종료 ****************/


/**************** 글자수 줄임 *********************/
.ellipsis_50 {width:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_80 {width:80px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_100 {width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_150 {width:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_200 {width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_220 {width:220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_250 {width:250px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_300 {width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_350 {width:350px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_370 {width:370px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_400 {width:400px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_450 {width:450px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_500 {width:500px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.ellipsis_650 {width:650px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}

/* 체크박스 */
input[type=checkbox],
input[type=radio] { display: none; }
label { padding-left: 20px; position: relative; cursor: pointer; margin-right: 5px; height: 100%; display: inline-block; padding-top: 0; }
label:before { width: 12px; height: 12px; position: absolute; content: ''; background: url(../../img/common/check.png); left: 2px; top: 50%; margin-top: -6px; background-position: 0 0; }
input[type=checkbox]:checked + label,
input[type=radio]:checked + label { color: #093687; }
input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before { background-position: 0 -12px; }
.listArea label { width: 20px; height: 20px; padding-left: 0; vertical-align: middle; }
.listArea label:before { left: 50%; margin-left: -6px; }

/* 에디터 첨삭현황 테이블 팝업 */
.clearfix:after { content: ''; clear: both; height: 0; display: block; }
.new-popup { position: fixed; z-index: 10; background: #fff; left: 50%; top: 50%; width: 800px; transform: translate(-50%,-50%); box-shadow: 0 15px 15px -5px rgba(0,0,0,0.2); border-top: 2px solid #093687; }
.new-popup .header-area { height: 60px; padding: 0 20px; line-height: 60px; border-bottom: 1px solid #dee3eb; }
.new-popup .header-area .info-name { font-weight: bold; font-size: 18px; font-weight: 800; color: #093687; }
.new-popup .header-area .close-btn { float: right; width: 40px; height: 40px; background: none; border: none; vertical-align: top; margin-top: 10px; }
.new-popup .header-area .close-btn img { width: 100%; height: 100%; }

.new-popup .content-area { padding: 10px 20px 20px; }
.new-popup .filter-area { text-align: right; margin-bottom: 10px; }
.new-popup .filter-area select { width: 100px; }
.new-popup .editing-status-table { width: 100%; font-size: 12px; letter-spacing: 0; text-align: center; }
.new-popup .editing-status-table * { box-sizing: border-box; }
.new-popup .editing-status-table .row .th { float: left; height: 35px; line-height: 35px; background: #012A73; border-right: 1px solid #104094; font-weight: 400; color: #DAE1EC; }
.new-popup .editing-status-table .row .th:last-child { border-right: none; }
.new-popup .editing-status-table .row .td { float: left; height: 35px; line-height: 35px; }
.new-popup .editing-status-table .name { width: 10%; }
.new-popup .editing-status-table .editer.row { border-bottom: 1px solid #fff; }
.new-popup .editing-status-table .editer.row .td.name { height: 105px; line-height: 105px; color: #222; font-weight: bold; }
.new-popup .editing-status-table .editer.row .td.name:hover { text-decoration: underline; }
.new-popup .editing-status-table .editer.possible { background: #F7FFFA; border-bottom: 1px solid #D5E9DF; }
.new-popup .editing-status-table .editer.possible .name { background: #E8FFF2; }
.new-popup .editing-status-table .editer.possible .td { border-right: 1px solid #D5E9DF; border-bottom: 1px solid #D5E9DF; }
.new-popup .editing-status-table .editer.impossible { background: #FFF6F6; border-bottom: 1px solid #F0DFE1; }
.new-popup .editing-status-table .editer.impossible .name { background: #FFEEEE; }
.new-popup .editing-status-table .editer.impossible .td { border-right: 1px solid #F0DFE1; border-bottom: 1px solid #F0DFE1; }
.new-popup .editing-status-table .row .td.sum { border-right: none; }
.new-popup .editing-status-table .type { width: 10%; }
.new-popup .editing-status-table .date { width: 11.428%; }
.new-popup .editing-status-table .sum { width: 11.428%; }

.new-popup .editing-status-table .editer-detail-info { background: #fff; float: left; width: 100%; text-align: left; padding: 10px 20px; font-size: 12px; font-weight: 400; background: #fff; position: relative; display: none; }
.new-popup .editing-status-table .editer.opened .editer-detail-info { display: block; }
.new-popup .editing-status-table .editer.possible .editer-detail-info { border: 1px solid #D5E9DF; border-left: none; border-right: none; }
.new-popup .editing-status-table .editer.impossible .editer-detail-info { border: 1px solid #EDD4D7; border-left: none; border-right: none; }
.new-popup .editing-status-table .editer-detail-info ul li { display: inline-block; margin-right: 20px; color: #555; }
.new-popup .editing-status-table .editer-detail-info ul li .subject { font-weight: 500; }
.new-popup .editing-status-table .editer-detail-info ul li .label { color: #fff; font-size: 11px; font-family: 'Malgun Gothic'; height: 18px; display: inline-block; line-height: 18px; text-align: center; letter-spacing: -0.5px; border-radius: 4px; }
.new-popup .editing-status-table .editer.possible .editer-detail-info ul li .label { background: #00B54F; width: 35px; }
.new-popup .editing-status-table .editer.impossible .editer-detail-info ul li .label { background: #D92222; width: 45px; }
.new-popup .editing-status-table .editer-detail-info .close-btn { background: none; border: none; font-size: 11px; position: absolute; top: 10px; right: 20px; font-family: 'Noto Sans KR'; text-decoration: underline; cursor: pointer; outline: 0; color: #999; }