@charset "utf-8";


/* 컨텐츠 상세 css 초기화*/

#clearCSS html, #clearCSS body, #clearCSS div, #clearCSS span, #clearCSS applet, #clearCSS object, #clearCSS iframe,
#clearCSS h1, #clearCSS h2, #clearCSS h3, #clearCSS h4,#clearCSS h5,#clearCSS h6,#clearCSS p,#clearCSS blockquote,#clearCSS pre,
#clearCSS a, #clearCSS abbr, #clearCSS acronym,#clearCSS address,#clearCSS big,#clearCSS cite,#clearCSS code,
#clearCSS del,#clearCSS dfn,#clearCSS em,#clearCSS img,#clearCSS ins,#clearCSS kbd,#clearCSS q,#clearCSS s,#clearCSS samp,
#clearCSS small,#clearCSS strike,#clearCSS strong,#clearCSS sub,#clearCSS sup,#clearCSS tt,#clearCSS var,
#clearCSS b,#clearCSS u,#clearCSS i,#clearCSS center,
#clearCSS dl,#clearCSS dt,#clearCSS dd,#clearCSS ol,#clearCSS ul,#clearCSS li,
#clearCSS fieldset,#clearCSS form,#clearCSS label,#clearCSS legend,
#clearCSS caption,#clearCSS tbody,#clearCSS tfoot,#clearCSS thead,#clearCSS tr,#clearCSS th,#clearCSS td,
#clearCSS article,#clearCSS aside,#clearCSS canvas,#clearCSS details,#clearCSS embed,#clearCSS figure,#clearCSS figcaption,#clearCSS footer,#clearCSS header,#clearCSS hgroup,
#clearCSS menu,#clearCSS nav,#clearCSS output,#clearCSS ruby,#clearCSS section,#clearCSS summary,
#clearCSS time,#clearCSS mark,#clearCSS audio,#clearCSS video {
  margin: 0; padding: 0 !important; border: 0;
  font-size: 100%; 
  -webkit-text-size-adjust:none; /*for Apple*/
  overflow:hidden !important;
}

/* HTML5 display-role reset for older browsers */
#clearCSS article,#clearCSS aside,#clearCSS details,#clearCSS figcaption,#clearCSS figure,#clearCSS footer,#clearCSS header,#clearCSS hgroup,#clearCSS menu,#clearCSS nav,#clearCSS section   { display: block; }

/* remember to define focus styles! */
#clearCSS a:focus {outline: 0}
#clearCSS a,#clearCSS img,#clearCSS input {selector-dummy:expression(this.hideFocus=true)} /* ~IE6.x, IE7.x ~ compatibles*/

#clearCSS body { line-height: 1;  font-family:dotum }
#clearCSS ol, ul { list-style: none; }
#clearCSS blockquote, q { quotes: none; }
#clearCSS blockquote:before,#clearCSS blockquote:after,#clearCSS q:before,#clearCSS q:after { content: ''; content: none; }
#clearCSS table {border-collapse:collapse; border-spacing: 0; line-height:1.5;}

#clearCSS table tbody{vertical-align:middle;border-color:inherit;}
/*  */

.LayerPopup {display:none;width:auto;height:auto;min-width:200px;min-height:200px;padding:5px;background-color:white;position:absolute;border:1px solid #dcdcdc;z-index:200;}
.DispCategory {width:200px;height:200px;overflow-y:auto;padding:5px;float:left;}
.DispUserList {width:200px;height:200px;overflow-y:auto;padding:5px;float:left;border-left:1px solid #dcdcdc;}
.DispNameCard {width:400px;display:none;clear:both;height:auto;border-top:1px solid #dcdcdc;}
:focus{outline:none;}

#EdLine1 {position:relative}
/* .EdStep {width:225px;height:150px;float:left;background: white;margin:15px 0 0 0;} */
/* .EdStep {width:225px;height:150px;float:left;background: white;padding:15px 0 0 0;} */
.EdStep {width:217px;height:150px;float:left;background: white;}
.EdStepDragIcon {width:25px;height:25px;}
.EdStepDragIcon img{width:25px;height:25px;background-color: #efefff}
.EdStepPlaceHolder {width:225px;height:150px;float:left;margin:30px 0px 0px 0px;background-color: white;}
/* .EdStep:hover {background: #e1e1e1;} */

.EdStepHeader {min-width:182px;height:30px;}
/* .EdStepHeaderImage {width:170px;height:30px;line-height:30px;background-color:#919191;padding-left:10px;float:right;} */
.EdStepHeaderImage {width:118px;height:30px;line-height:30px;background-color:#E7E7E7;padding-left:10px;float:right;}
.EdStepHeaderImage span{color:#868686;font-family: Arial;}
.EdStepCloseButton {padding:5px;float:right;cursor:pointer;width:15px;height:15px;margin-top:3px;}

.EdStepBody {min-width:180px;height:100px;border:1px solid #dcdcdc;}
/* .EdStepBody {min-width:180px;height:100px;border:1px solid #A5A5A5;} */
.EdStepAddUser {height:29px;line-height:25px;}
.EdStepAddUser div{height:25px;background-color: lightseagreen;cursor: pointer;}
.EdStepAddUser span{color: white;font-family: Arial;}
.EdStepUserCloseButton {padding:5px;float:right;cursor:pointer;margin-top:1px;padding-left:3px;}
.EdStepUserConfig {float:right;padding:0 4px;border-left:1px solid #dcdcdc;color:#ccc;cursor:pointer;}
.EdStepUserConfig:HOVER {color:#919191;background:#ebebeb;}
.approvalLineConfig {float:right;margin-top: 19px;color:#7f9db9;cursor:pointer;}

/* .EdStepBody ul{height:145px;overflow-y:auto;}			 */
/* .EdStepUser {margin:2.5px;height:25px;border-radius:3px;background-color: #f9f9f9;line-height:25px;border:1px solid #dcdcdc;} */
.EdStepUser {margin:2.5px;height:25px;border-radius:3px;background-color: #f9f9f9;line-height:25px;border:1px solid #dcdcdc;cursor: pointer;}
.EdStepUserConfirm {margin:2.5px;height:55px;border-radius:3px;background-color: #f9f9f9;line-height:25px;border:1px solid #dcdcdc;}
/* .EdStepNextArrow {position:absolute;width:50px;height:133px;line-height:157px;text-align: center;} */
.EdStepNextArrow {position:absolute;width:30px;height:133px;line-height:157px;text-align: center;}
/* .EdStepNextArrow:last-child{padding-left:10px;} */
/*
.EdStepAddLineButton {height:25px;display:inline;padding:5px;cursor:pointer;background:url('../images/common/add_line_off.png') no-repeat; background-size:30px 30px; }
*/
.EdStepAddLineButton {height:25px;display:inline;padding:5px;cursor:pointer; }
.EdStepAddLineButton span{color:white;font-family: Arial;}

.wrapper {height: 100px;overflow-y:auto;position:relative; z-index:1;}
.scroller {position:absolute; z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0;width:100%;}

.approvalInputBox {margin: 2px 0 0 0;padding: 5px;border: 1px solid #dcdcdc;width: 120px;}
.approvalInputBox:focus {border:1px solid #4d90fe;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
.approvalSelectBox {margin: 2px 0 0 10px;padding: 5px;border: 1px solid #dcdcdc;width: 120px;height:16px;line-height: 17px;background: #fff;border: 1px solid #d9d9d9;border-top: 1px solid #c0c0c0;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;}
.approvalSelectBox:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.approvalSelectBox:focus {border:1px solid #4d90fe;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
/* .edocLabel {float:left;margin: 3px 14px 0 0;width:75px;} */
.edocLabel {float:left;margin: 3px 16px 0 0;}
.codeDocTypeArea img {width:10px;float:right;padding:6px 5px 0 0;}
#dispComponentArea ul {margin-top:5px;}
#dispComponentArea .approvalReceiver {}

.approvalStatusDiv {border:1px solid #dcdcdc; margin:3px; font-size:11px; line-height:17px; padding:0 3px; cursor:default;}
/* .approvalUserInfo {float:left; text-overflow:ellipsis; white-space:nowrap; width:100px; cursor:default; padding-left:3px;} */
.approvalUserInfo {float:left; text-overflow:ellipsis; white-space:nowrap; width:100px; cursor:default; padding-left:3px;cursor:pointer;}

#ApprovalLinePopup {padding:30px;}
.titleApprovalStatus {font-size:20px;  }
.titleApprovalStatus span {font-size:23px;}

.approvalContentsDetail{border-collapse:collapse;}
.ApprovalDocumentBoard {border-collapse:collapse; border-spacing:0; width:99%;}
/* .ApprovalDocumentBoard tr {height:32px;} */
.ApprovalDocumentBoard tr {height:27px;}
/* .ApprovalDocumentBoard td {padding:0 5px;} */
.ApprovalDocumentBoard th {width:120px;}
.ApprovalDocumentBoard .dummyTdRight, #ApprovalSignArea .dummyTdRight {border-top:0; border-bottom:0; border-right:0; width:1px; padding:0;} 
.ApprovalDocumentBoard .dummyTdBottom, #ApprovalSignArea .dummyTdBottom {border-bottom:0; border-left:0;  border-right:0; height:1px; width:1px; padding:0;}
#ApprovalSignArea {border-collapse:collapse; border-spacing:0;border-color:#999999;} 
#ApprovalSignArea tr {height:22px;text-align:center;}
#ApprovalSignArea .signTr {height:55px;} 
#ApprovalSignArea .signTitle {line-height:24px;} 
#ApprovalSignArea td {padding:0 3px; line-height:22px}



.Type2ApprovalTextArea{float:left; background:#ebebeb;border-right:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1; width:100px; height:24px;text-align: center;padding-top:6px;}
.Type2ApprovalTextArea span{font-weight: bold;}
.Type2ApprovalValueArea{background:white;height:30px;border-bottom:1px solid #c1c1c1;height:24px;padding-top:6px;padding-left:5px;:11px;}
.Type2ApprLineAreaHead{float:left;height:24px;padding-top:6px;text-align: center;border-bottom:1px solid #c1c1c1;}
.Type2ApprLineAreaHead span{font-weight: bold;}
.Type2ApprLineAreaBody{float:left;height:24px;padding-top:6px;font-size:11px;text-align: center;}
.Type2ApprLineNameArea{padding-left:10px;}
.Type2ApprLineCommentsArea{padding-left:10px;}
#Type2ApprovalDocArea .textOverflow{max-width:680px;}
#Type2ApprovalDocArea span{font-family: "Malgun Gothic",Dotum,Gulim,AppleGothic,Sans-serif;}

#Type2ApprovalLineArea{border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
#Type2ApprovalInfoArea{border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;  }
#Type2ApprovalTitleArea{border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
#Type2ApprovalSubLineArea{border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
#Type2ApprovalSubLineArea{border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}



.IdeaTextArea{float:left; background:#ebebeb;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; width:80px; height:24px;text-align: center;padding-top:6px;}
.IdeaTextArea span{font-weight: bold;}
.IdeaValueArea{background:white;height:30px;border-bottom:1px solid #dcdcdc;height:24px;padding-top:6px;padding-left:5px;font-size:11px;}
.ApprLineAreaHead{float:left;height:24px;padding-top:6px;text-align: center;border-bottom:1px solid #dcdcdc;}
.ApprLineAreaHead span{font-weight: bold;}
.ApprLineAreaBody{float:left;height:24px;padding-top:6px;font-size:11px;text-align: center;}
.ApprLineNameArea{padding-left:10px;}
.ApprLineCommentsArea{padding-left:10px;}
#IdeaDocArea .textOverflow{max-width:100px;}
#IdeaDocArea span{font-family: "Malgun Gothic",Dotum,Gulim,AppleGothic,Sans-serif;}

#IdeaLineArea{border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
#IdeaInfoArea{border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;  }
#IdeaTitleArea{border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
#IdeaSubLineArea{border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
#IdeaSubLineArea{border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}

.IdeaInfoArea{border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;  }