/* 전자결재 폼 */
.viewSimple {border: solid 2px #30383b;}
.viewSimple table {width:753px;}
.viewSimple table {border-spacing: 0px; border-collapse: collapse;}
.viewSimple_Horizontal table {width:978px;}
.viewSimple table tr {height:26px;}
.viewSimple table td {background-color:#ffffff; color:#333333; border: #000000 1px solid; line-height:20px; text-align:center;}
.viewSimple table .a01{text-align:right; border-right-style:hidden;}  
.viewSimple table .a02{text-align:left; PADDING-LEFT:3px; } 
div.viewSimple > table { width:100%; }

/* 결재선 */
.form01 table {border:solid 2px #30383b;}
.form01 table td {color:#444444; text-align:center; BORDER-bottom: #30383b 1px solid; BORDER-RIGHT: #30383b 1px solid; line-height:18px;}
.form01 .a01 {background-color:#bbcbda; color:#000000; font-weight:bold; text-align:center;BORDER-RIGHT: #30383b 1px solid; }
.form01 .a02 {background-color:#dae1e9; color:#000000; font-weight:bold; text-align:center;BORDER-bottom: #30383b 1px solid; BORDER-RIGHT: #30383b 1px solid;}
.form01 .a03 {background-color:#ffffff; color:#000000; font-weight:bold; text-align:center;BORDER-RIGHT: #30383b 1px solid; }
.form01 .a04 {background-color:#ffffff; color:#000000; font-weight:bold; text-align:center;BORDER-bottom: #30383b 1px solid; BORDER-RIGHT: #30383b 1px solid;}

/* 리스트형 */
.form02 table {}
.form02 table td { line-height:18px;}
.form02 .a01 {font-weight:bold; BORDER-bottom: #d3d3d3 1px solid; padding-top:8px; padding-bottom:3px;color:#333333;}
.form02 .a02 {font-weight:normal; padding-left:5px; BORDER-bottom: #d3d3d3 1px solid; padding-top:8px; padding-bottom:3px; color:#4d4d4d;}

/* 제목형 */
.title01 table {}
.title01 table td { line-height:18px;}
.title01 .a01 {font-weight:bold; BORDER-bottom: #121a2d 2px solid; padding-top:8px; padding-bottom:3px;color:#000000;}
.title01 .a02 {font-weight:normal; padding-left:5px; BORDER-bottom: #121a2d 2px solid; padding-top:8px; padding-bottom:3px; color:#4d4d4d;}

/* align - clear, position에 의한 정렬 (float는 해당 CSS에 직접 사용) */
.clearfix:after {display:block;visibility:hidden;clear:both;height:0;content:'.'}
* html .clearfix {height:1%} 
.posleft{position: absolute; top:0; left:0}/* position을 이용한 정렬 - left */
.posright{position: absolute; top:0; right:0}/* position을 이용한 정렬 - right */

/* hidden */
.hidden {font-size:0; width:0; height:0; line-height:0; overflow:hidden; position:absolute; text-indent:-5000px; visibility:hidden;}


/* ----------------------------CommonUnit - 공통유닛 ----------------------------- */

 

.leftframe { padding-left:0px; padding-right:0px; vertical-align:top;}

.rightframe { width:0px; vertical-align:top; background-color:#eeeeee;}


/* 볼드체 */
.text_bold {font-weight:bold}
.text_18 {font-size:18px}

/* list UNIT - 기본 리스트 유닛 */
.unit_list{font-family:'돋움' Dotum; font-size: 12px; color: #777/* #9e9e9e */; z-index: 30}

/* 강조 텍스트- 빨강색 */
.text_RED {color: #ff3333}

/* 강조 텍스트- 오렌지색 */
.text_ORANGE {color: #ff6f41}

/* 작은 텍스트- 회색 */
.text_sgray {color: #8f8f8f; font-size:9pt;}

/* 제목 */
.ctitle {height:40px; padding-top:16px; font-weight:bold; font-size:24px; color:#121a2d;}

/* ---------------------------- 팝업  ----------------------------- */
/* popup_popupbody */
.popupbig{font-family:'돋움' Dotum; font-size: 12px; margin:10px; padding:5px; border:2px solid #9eabd0; width:980px; margin:0 auto;}
.popupsmall{font-family:'돋움' Dotum; font-size: 12px; margin:10px; padding:5px; border:2px solid #9eabd0; width:490px; margin:0 auto;}

.popupheader{background-color:#334a8e; border:1px solid #e4e4e4; padding-top:12px; padding-left:20px; height:29px; background: url("../images/popup_header_big.png") repeat-x;}

.popupheader span{font-family:'Malgun Gothic'; font-weight:bold; color:#fff;font-size: 15px; }
.popupbody{padding:20px 20px 20px 20px; font-size: 12px}

.pop_table{width:100%;}
.pop_table .table_info th{background-color:#f4f4f4; color:#454545; padding:8px 0; font-weight:bold; border:1px solid #e4e4e4;}
.pop_table .table_info td{padding:10px 0; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4;}
.pop_table .table_info td.left{text-align:left;}
.pop_table .table_info li{background: url("../images/bg_dot2.gif") no-repeat 8px 8px; padding-left:15px; line-height:18px; color:#555555;}
.pop_table .table_info li span{font-weight:bold;}
.pop_table .table_info li .table_txt{display:inline-block; padding-left:15px; text-indent: -11px; font-weight:normal;}

.pop_table .table_list th{text-align:left; padding-left:10px; height:26px; background-color:#f2f2f2; border-top:solid 1px #dbdbdb;  border-right:solid 1px #dbdbdb; font-family:'돋움' Dotum; font-size: 11px; color:#444444;}
.pop_table .table_list td{padding:10px 0;border-bottom:solid 1px #e0e0e0; padding-left:10px; color:#333333;}
.pop_table .table_list a {cursor:pointer;}
.pop_table .table_list li{background: url("../images/bg_dot2.gif") no-repeat 8px 8px; padding-left:15px; line-height:18px; color:#555555;}
.pop_table .table_list li span{font-weight:bold;}
.pop_table .table_list li .table_txt{display:inline-block; padding-left:15px; text-indent: -11px; font-weight:normal;}

.popupbottom{background-color:#f4f4f4; border:1px solid #e4e4e4; text-align:left; margin-top:20px; padding:15px 0 15px 10px;}
.popupbottom span{color:#7c7c7c; font-weight:bold;}

.pop_table02{width:100%; border-bottom:solid 1px #dbdbdb;  }
.pop_table02 .table_info02 th{background-color:#f4f4f4; color:#454545; padding:8px 0; font-weight:bold; border:1px solid #e4e4e4;line-height:20px;}
.pop_table02 .table_info02 td{padding:10px 0; text-align:left; border-top:solid 1px #dbdbdb; line-height:20px;}
.pop_table02 .table_info02 td.left{text-align:left; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4;}
.pop_table02 .table_info02 li{background: url("../images/img_title04.gif") no-repeat 8px 8px; padding-left:15px; line-height:18px; color:#555555;}
.pop_table02 .table_info02 li span{font-weight:bold;}
.pop_table02 .table_info02 li .table_txt{display:inline-block; padding-left:15px; text-indent: -11px; font-weight:normal;}

.popupcenter{background-color:#ffffff;  text-align:center;  padding:15px 0 15px 10px;font-weight:bold; color:#ed1c24; font-size: 15px; font-family:'Malgun Gothic' }


/* ---------------------------- 상단 주요버튼 테이블  ----------------------------- */

.topmenu{ height:58px; background-color:#131a2d;  padding:0px 0 0 40px; font-weight:bold; border-bottom:4px solid #ed1b24;}


/* ---------------------------- 테이블  ----------------------------- */

/* write table - a01:여백만있음 - a02:별표아이콘포함 - a03: dot 아이콘 포함 - td:내용 - b:유선전화그룹핑 결재 색상_블루 */
.write table {border:solid 1px #dedede;}
.write .a01 {background-color:#f3f3f3; width:134px; font-weight:bold; color:#8b8b8b; text-align:left;PADDING-LEFT:18px; PADDING-TOP:3px; PADDING-BOTTOM:2px; BORDER-BOTTOM: #dedede 1px solid;}
.write .a02 {background:url("/Approval/images/icon_star.gif") no-repeat; background-position:left center; background-color:#f3f3f3; width:134px; font-weight:bold; color:#8b8b8b; text-align:left;PADDING-LEFT:18px; PADDING-TOP:3px; PADDING-BOTTOM:2px; BORDER-BOTTOM: #dedede 1px solid;}
.write .a03 {background:url("/Approval/images/icon_dot.gif") no-repeat; background-position:left center; background-color:#f3f3f3; width:134px; font-weight:bold; color:#8b8b8b; text-align:left;PADDING-LEFT:18px; PADDING-TOP:3px; PADDING-BOTTOM:2px; BORDER-BOTTOM: #dedede 1px solid;}

.write table td {background-color:#ffffff; color:#333333; text-align:left; PADDING-LEFT:13px; padding-right:14px; BORDER-BOTTOM: #dedede 1px solid; BORDER-RIGHT: #dedede 1px solid; line-height:20px;}

.write .b01 {background-color:#7fa6b5; font-weight:bold; color:#ffffff; text-align:center;  BORDER-BOTTOM: #dedede 1px solid;}
.write .b02 {background-color:#a4c3cf; font-weight:normal; color:#005b7f; text-align:center; BORDER-BOTTOM: #dedede 1px solid;}
.write .b03 {background-color:#ffffff; color:#333333; text-align:center; BORDER-BOTTOM: #dedede 1px solid; BORDER-RIGHT: #dedede 1px solid;}
.write .b04 {background-color:#ffffff; color:#333333; text-align:left; BORDER-BOTTOM: #dedede 1px solid; BORDER-RIGHT: #dedede 1px solid;}

/* writeSMALL table - WIDTH:SMALL */
.writeSMALL table {border:solid 1px #dedede;width:700px;}
.writeSMALL .a01 {background-color:#f3f3f3; width:134px; font-weight:bold; color:#8b8b8b; text-align:left;PADDING-LEFT:18px; PADDING-TOP:3px; PADDING-BOTTOM:2px; BORDER-BOTTOM: #dedede 1px solid;}
.writeSMALL .a02 {background:url("/Approval/images/icon_star.gif") no-repeat; background-position:left center; background-color:#f3f3f3; width:134px; font-weight:bold; color:#8b8b8b; text-align:left;PADDING-LEFT:18px; PADDING-TOP:3px; PADDING-BOTTOM:2px; BORDER-BOTTOM: #dedede 1px solid;}
.writeSMALL .a03 {background:url("/Approval/images/icon_dot.gif") no-repeat; background-position:left center; background-color:#f3f3f3; width:134px; font-weight:bold; color:#8b8b8b; text-align:left;PADDING-LEFT:18px; PADDING-TOP:3px; PADDING-BOTTOM:2px; BORDER-BOTTOM: #dedede 1px solid;}

.writeSMALL table td {background-color:#ffffff; color:#333333; text-align:left; PADDING-LEFT:13px; padding-right:14px; BORDER-BOTTOM: #dedede 1px solid; BORDER-RIGHT: #dedede 1px solid; line-height:20px;}

.writeSMALL .b01 {background-color:#7fa6b5; font-weight:bold; color:#ffffff; text-align:center;  BORDER-BOTTOM: #dedede 1px solid;}
.writeSMALL .b02 {background-color:#a4c3cf; font-weight:normal; color:#005b7f; text-align:center; BORDER-BOTTOM: #dedede 1px solid;}
.writeSMALL .b03 {background-color:#ffffff; color:#333333; text-align:center; BORDER-BOTTOM: #dedede 1px solid; BORDER-RIGHT: #dedede 1px solid;}
.writeSMALL .b04 {background-color:#ffffff; color:#333333; text-align:left; BORDER-BOTTOM: #dedede 1px solid; BORDER-RIGHT: #dedede 1px solid;}

.view table {border:solid 1px #808080;}
.view .a01 {background-color:#ebebeb; color:#333333; text-align:center; BORDER-BOTTOM: #808080 1px solid; BORDER-RIGHT: #808080 1px solid; line-height:20px;}
.view .a02 {background-color:#ffffff; color:#333333; text-align:left; PADDING-LEFT:3px; BORDER-BOTTOM: #808080 1px solid; BORDER-RIGHT: #808080 1px solid; line-height:20px;}
.view .a03 {background-color:#ffffff; color:#333333; text-align:center; BORDER-BOTTOM: #808080 1px solid; BORDER-RIGHT: #808080 1px solid; line-height:20px;}

.view2 table {border:solid 2px #30383b;}
.view2 .a01 {background-color:#ebebeb; color:#333333; text-align:center; BORDER-BOTTOM: #808080 1px solid; BORDER-RIGHT: #808080 1px solid; line-height:20px;}
.view2 .a02 {background-color:#ffffff; color:#333333; text-align:left; PADDING-LEFT:3px; BORDER-BOTTOM: #808080 1px solid; BORDER-RIGHT: #808080 1px solid; line-height:20px;}
.view2 .a03 {background-color:#ffffff; color:#333333; text-align:center; BORDER-BOTTOM: #808080 1px solid; BORDER-RIGHT: #808080 1px solid; line-height:20px;}
.view2 .a04 {background-color:#ffffff; color:#333333; text-align:right; BORDER-BOTTOM: #808080 1px solid; BORDER-RIGHT: 0; line-height:20px;}
.view2 .a05 {background-color:#ffffff; color:#333333; text-align:left; PADDING-LEFT:3px; BORDER-BOTTOM: #808080 1px solid; BORDER-RIGHT: 0; line-height:20px;}





/* 만도  */
.ViewBlue_bold {
	TEXT-ALIGN: left; PADDING-LEFT: 5px; FONT-FAMILY: gulim,dotum,verdana,arial; COLOR: #494949; FONT-SIZE: 12px; FONT-WEIGHT: bold
}

TD.borderBoldBlockT {
	BORDER-TOP: #000000 2px solid
}
TD.borderBoldBlockB {
	BORDER-BOTTOM: #000000 2px solid
}
TD.borderGrayT {
	BORDER-TOP: #e8e8e8 1px solid
}
TD.borderGrayB {
	BORDER-BOTTOM: #e8e8e8 1px solid
}
TD.borderGrayL {
	BORDER-LEFT: #e8e8e8 1px solid
}
TD.borderGrayR {
	BORDER-RIGHT: #e8e8e8 1px solid
}
TD.textTitle {
	TEXT-ALIGN: center; COLOR: #363636; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold
}
TD.textInput {
	TEXT-ALIGN: left; PADDING-LEFT: 10px; COLOR: #6a6a6a; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; FONT-WEIGHT: normal
}
TD.bgColorGary {
	BACKGROUND-COLOR: #e1e1e1
}
TD.borderGray2R {
	BORDER-RIGHT: #c4c4c4 1px solid
}
TD.borderGray2L {
	BORDER-LEFT: #c4c4c4 1px solid
}
TD.borderGray2B {
	BORDER-BOTTOM: #c4c4c4 1px solid
}
TD.textCenter {
	TEXT-ALIGN: center; VERTICAL-ALIGN: middle
}
TD.textSmall {
	COLOR: #6a6a6a; FONT-SIZE: 11px
}
TD.textNormal {
	COLOR: #6a6a6a; FONT-SIZE: 12px
}
TD.textBig {
	COLOR: #363636; FONT-SIZE: 28px; FONT-WEIGHT: bold
}
TD.textBigSmall {
	COLOR: #363636; FONT-SIZE: 22px; FONT-WEIGHT: bold
}
.textControlBudget {
	BORDER-BOTTOM: blue 1px solid; BORDER-LEFT: blue 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; COLOR: blue; BORDER-TOP: blue 1px solid; BORDER-RIGHT: blue 1px solid; PADDING-TOP: 2px
}
.textAddBudget {
	BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; COLOR: red; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; PADDING-TOP: 2px
}
.textReturn {
	COLOR: red
}
TD.textBold {
	FONT-WEIGHT: bold
}
TD.textRed {
	COLOR: red
}


TD.color3 {
  color:#444643;
  line-height: 18px;
  font-family:Gulim, Dotum, verdana, arial;
  font-size: 9pt;
  text-decoration:none;
}