@charset "utf-8";


@font-face {font-family:"나눔 고딕","NanumGothic"; src:url(Gothic.eot);}

/* divContents */
#divContents{width:970px;}


/* subTop */
#divContents .subTop{ position:relative; height:50px; border-bottom:1px dotted #a9a9a9; background:url(../images/titBg.gif) no-repeat 510px 0}
/* subTit */
#divContents .subTit{ line-height:32px;padding:18px 0 0 10px; font-size:1.5em; color:#666; font-weight:bold;font-family:"NanumGothic"; letter-spacing:-0.05em }
/* subLocation */
#divContents .subLocation{ position:absolute; top:28px; right:5px;}
#divContents .subLocation img{ vertical-align:middle}
#divContents .subLocation li{ display:inline; height:12px;margin-left:7px;padding-left:13px;color:#666; font-size:11px; background:url(../images/locationInt.gif) no-repeat 0 4px;}
#divContents .subLocation li.first-child{ background:none;}


/* contentsW */
#divContents .contentsW{ overflow:hidden;padding:22px 0}
#divContents .contentsP{ overflow:hidden;padding-left:10px;padding:31px}
#divContents .contentsU{ overflow:hidden;padding-left:10px;padding-left:31px;padding-right:200px;padding-top:31px;padding-bottom:11px}

/* manager */
.manager{background-color: #F7F7F7; border: 2px solid #EA5754; float: left; margin-bottom: 5px; min-height: 19px; padding: 5px; width: 820px;}
.manager select {height:21px; border:1px solid #d1d1d1; font-size:12px; font-family:"나눔 고딕"; }

/* login */
/*.loginW{ position:relative;width:515px; height:150px; margin:50px auto;padding:50px 0 0 275px; border:5px solid #e4e4e4; background:url(../images/loginBg.gif) no-repeat 35px 45px;}*/
.loginW{position:relative;width:515px;/* height:150px; */margin:50px auto;padding: 50px 0 70px 275px;border:5px solid #e4e4e4;background:url(../images/loginBg.gif) no-repeat 35px 45px;}
.loginW span{display: block;width: 320px;height: 32px;margin-bottom: 3px;}
.loginW .info{float:left; font-weight:bold; color:#8d8c8c; display: block; width: 420px;height: 32px;margin-bottom: 3px;}
.loginW label{ float:left;width:100px;margin-top:5px;padding-left:20px; font-weight:bold; color:#8d8c8c; background:url(../images/dotBrown.gif) no-repeat 0 4px}
.loginW span input{float:left;width:165px; height:28px;padding-left:10px; border:1px solid #e1e1e1; font-family:"나눔 고딕"}
.loginW .loginBtn{ position:absolute; top:50px;right:80px;}
.loginW .loginBtn input{ width:124px; height:64px; border:none; cursor:pointer; background:url(../images/btnLogin.gif) no-repeat 0 0}
.loginW .pwSearch {margin:20px 0 0 80px;  color:#219ee6; }
.loginW .pwSearch a{ color:#219ee6; }


/* leftW */
.leftW{ position:relative; float:left; width:218px; height:400px; border:1px solid #d6d6d6}
.leftW .searchW{ height:38px; background:#e5eef7}
.leftW .searchW input{ float:left;width:130px; height:22px;margin:7px 1px 0 5px; border:1px solid #cad8e5;font-family:"NanumGothic";}
.leftW .searchW select{ border:1px solid #ccc; font-family:"NanumGothic";}
.leftW .searchW .groupSelect{padding:7px 0 0 8px; }
.leftW .searchW .groupSelect a {top:0px; right:8px; position:absolute; } /* 20140422 추가 */
.leftW .searchW .groupSelect span{ display:inline-block;padding-left:10px;background:url(../images/dotSMenu.gif) no-repeat 0 7px;}
.leftW .searchW img{ float:left;margin:8px 0 0 2px}
/* sectionList */
.leftW ul.sectionList{ height:351px;padding:5px 10px; overflow:auto}
.leftW ul.sectionList li{ display:block;  line-height:22px; color:#000; }
.leftW ul.sectionList li a{color:#000;padding-left:10px;background:url(../images/dotList.gif) no-repeat 0 8px;}
.leftW ul.sectionList li a:hover{display:block;padding-left:10px;color:#fff; font-weight:bold; letter-spacing:-0.05em; text-decoration:none; background:#ea5754;}
.leftW ul.sectionList li input{vertical-align:middle; width:12px; height:12px; margin-bottom: 4px;}
.leftWover {display:block;color:#fff; font-weight:bold; letter-spacing:-0.05em; text-decoration:none; background:#ea5754;}
.leftW ul.sectionList.codeGroupList{ height:390px;} /* 코드관리는 왼쪽 창에서 등록하지 않으므로 사이즈 조정 필요 (20140421) */

/* registerW */
.registerW{position:absolute;top:32px;left:176px; width:700px; min-height:140px;padding:15px;border:3px solid #ccc; background:#fff; z-index:999}
.btnClose{ position:absolute; top:18px;right:15px;}


/* rightW */
.rightW{ float:right; width:710px;}
.PopupW{ float:left; width:710px;}
/* tabMenu 상단 사용 */
.tabMenu{ height:27px;margin-bottom:20px; border-bottom:1px solid #b64745; }
.tabMenu li{float:left; height:26px;margin:0 1px 0 0; padding:0 15px 0 15px;overflow:hidden;} /* tabMenu size 수정 (20140423) */
.tabMenu li.tabMenuOn {color:#fff; }

.tabMenu .tabMenuOn{float:left; height:26px;  border:1px solid #b64745; border-bottom:none;font-weight:bold; background:#ea5754}
.tabMenu .tabMenuOn a { display:block;padding-top:3px;color:#ffffff; text-decoration:none }
.tabMenu .tabMenuOn a:hover {color:#ffffff; text-decoration:none}
.tabMenu .tabMenuOn a:active {color:#ffffff; text-decoration:none}

.tabMenu .tabMenuOff{float:left; height:26px; font-weight:bold;border:1px solid #dddee3; border-bottom:none;font-weight:bold; background:#e5e7ea }
.tabMenu .tabMenuOff a {display:block;padding-top:3px;color:#898989;text-decoration:none;white-space:nowrap; }
.tabMenu .tabMenuOff a:hover {color:#5b5b5b; text-decoration:none}
.tabMenu .tabMenuOff a:active {color:#5b5b5b; text-decoration:none}


/* tabMenu 내용에 사용 */
.tabMenu2{ height:27px; }
.tabMenu2 li{ float:left; height:26px;margin:0 1px 0 0; padding:0 17px 0 20px;overflow:hidden}
.tabMenu2 li.tabMen2uOn {padding:0 17px 0 20px; color:#fff; }

.tabMenu2 .tabMenu2On {float:left; height:26px;  border:1px solid #333; border-bottom:none;font-weight:bold; background:#636363; color:#ffffff;}
.tabMenu2 .tabMenu2On a { display:block;padding-top:3px;color:#ffffff; text-decoration:none }
.tabMenu2 .tabMenu2On a:hover {color:#ffffff; text-decoration:none}
.tabMenu2 .tabMenu2On a:active {color:#ffffff; text-decoration:none}

.tabMenu2 .tabMenu2Off{float:left; height:26px; font-weight:bold;border:1px solid #dddee3; border-bottom:none;font-weight:bold; background:#e8f4f8}
.tabMenu2 .tabMenu2Off a {display:block;padding-top:3px;color:#777;text-decoration:none;white-space:nowrap; }
.tabMenu2 .tabMenu2Off a:hover {color:#555; text-decoration:none}
.tabMenu2 .tabMenu2Off a:active {color:#555; text-decoration:none}


/* titleStyle1 */
.titleStyle1{padding-left:15px;margin:7px 0px;  font-size:13px; font-weight:bold; color:#222; background:url(../images/dotTit.gif) no-repeat 0 4px;} /* form 위치 변경에 따른 margin 조정(20140417) */
.titleStyle2{text-align: center; margin:7px 0px;  font-size:13px; font-weight:bold; color:red; text-decoration: underline; }
.countNumber{margin-right:2px; color:#1a94da;}
.countNumber1{margin-right:7px; color: red; font-weight:bold;}
.countNumber.link{cursor:pointer;} /* click가능 */

/* contW */
.contW{ clear:both; overflow:hidden;margin-bottom:35px;}

/* table 상단 20140416 */
.tableTop {height:30px; }
.tableTop select {width:120px; height:21px; border:1px solid #d1d1d1; font-size:12px; font-family:"나눔 고딕"; }

/* table */
table caption{ display:none}
.tableStyle01{width:100%;border-top:2px solid #636363;border-left:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1; color:#333; font-size:12px; }
.tableStyle01 img{ vertical-align:middle}
.tableStyle01 th{line-height:16px;padding:4px 5px;border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;font-weight:bold; text-align:center;background:#ececec  }
.tableStyle01 th input{ vertical-align:middle}
.tableStyle01 td{line-height:16px;padding:4px 3px;border-bottom:1px solid #d1d1d1;border-right:1px solid #d1d1d1; } /* 테이블 중간에 th가 들어가는 경우를 위해 th와 td의 border color를 맞춘다. (20140425) */
.tableStyle01 td input{font-family:"나눔 고딕"; font-size:12px; vertical-align:middle; }
.tableStyle01 td .inputStyl01{width:40%;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff}
.tableStyle01 td .inputStyl02{width:150px;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff}
.tableStyle01 td .inputStyl03{width:50px;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff}
.tableStyle01 td .inputStyl04{width:213px;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff}
.tableStyle01 td .inputStyl11{width:537px;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff}
.tableStyle01 td .inputStyl12{width:105px;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff}
.tableStyle01 td .inputPrice{width:90px;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff; text-align:right; } /* 유지보수계약 금액 (20140424) */
.tableStyle01 td.radioStyle01 input{margin-right:5px; vertical-align:middle}
*:first-child+html .tableStyle01 td.radioStyle01 input{margin-right:2px; vertical-align:middle}
.tableStyle01 select{width:110px;height:21px;line-height:15px;border:1px solid #d1d1d1; font-size:12px; font-family:"나눔 고딕"}
.tableStyle01 td textarea{width:98%; height:60px; line-height:15px;padding:2px;border:1px solid #d1d1d1;font-size:12px;font-family:"나눔 고딕"; color:#333;background-color:#fff }
.tableStyle01 td.chkboxStyle01 input{margin-right:2px; vertical-align:middle}
.tableStyle01 td.highLight{background:#ececec; font-weight: bold;}
.tableStyle01 td.attention{background:#8db4e2; font-weight: bold;}
.tableStyle01 .redStar{ color:#FF0000; font-weight:bold; font-size:12px;padding-left:2px;}
.tableStyle01 .largeStyle01 {width:98%; height:70px; line-height:15px;padding:2px;border:1px solid #d1d1d1;font-size:12px;font-family:"나눔 고딕"; color:#333;background-color:#fff }
.tableStyle01 .largeStyle02 {width:98%; height:180px; line-height:15px;padding:2px;border:1px solid #d1d1d1;font-size:12px;font-family:"나눔 고딕"; color:#333;background-color:#fff }
.tableStyle01 td.content {height:220px; vertical-align:top;} /* 공지사항 등의 내용 등의 기본 영역 20140409 hjchoi */
.tableStyle01 li { float: left; width:137px; height:22px; } /* checkbox 나열 (20140522) */

.tableStyle02{width:100%;border-top:2px solid #636363;border-left:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1; color:#333; font-size:12px; }
.tableStyle02 img{ vertical-align:middle}
.tableStyle02 th{line-height:16px;padding:4px 10px;border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;font-weight:bold; text-align:center;background:#ececec  }
.tableStyle02 th input{ vertical-align:middle}
.tableStyle02 td{line-height:16px;padding:4px 8px;border-bottom:1px solid #d1d1d1;border-right:1px solid #d1d1d1; } /* 테이블 중간에 th가 들어가는 경우를 위해 th와 td의 border color를 맞춘다. (20140425) */
.tableStyle02 td input{font-family:"나눔 고딕"; font-size:12px; vertical-align:middle; }
.tableStyle02 td .inputStyl01{width:40%;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff}
.tableStyle02 td .inputStyl02{width:150px;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff}
.tableStyle02 td .inputStyl03{width:50px;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff}
.tableStyle02 td .inputStyl04{width:213px;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff}
.tableStyle02 td .inputStyl11{width:537px;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff}
.tableStyle02 td .inputStyl12{width:105px;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff}
.tableStyle02 td .inputPrice{width:90px;line-height:15px;padding:3px;border:1px solid #d4d4d4;background-color:#fff; text-align:right; } /* 유지보수계약 금액 (20140424) */
.tableStyle02 td.radioStyle01 input{margin-right:5px; vertical-align:middle}
*:first-child+html .tableStyle02 td.radioStyle01 input{margin-right:2px; vertical-align:middle}
.tableStyle02 select{width:110px;height:21px;line-height:15px;border:1px solid #d1d1d1; font-size:12px; font-family:"나눔 고딕"}
.tableStyle02 td textarea{width:98%; height:60px; line-height:15px;padding:2px;border:1px solid #d1d1d1;font-size:12px;font-family:"나눔 고딕"; color:#333;background-color:#fff }
.tableStyle02 td.chkboxStyle01 input{margin-right:2px; vertical-align:middle}
.tableStyle02 td.highLight{background:#ececec; font-weight: bold;}
.tableStyle02 td.attention{background:#8db4e2; font-weight: bold;}
.tableStyle02 .redStar{ color:#FF0000; font-weight:bold; font-size:12px;padding-left:2px;}
.tableStyle02 .largeStyle01 {width:98%; height:70px; line-height:15px;padding:2px;border:1px solid #d1d1d1;font-size:12px;font-family:"나눔 고딕"; color:#333;background-color:#fff }
.tableStyle02 .largeStyle02 {width:98%; height:180px; line-height:15px;padding:2px;border:1px solid #d1d1d1;font-size:12px;font-family:"나눔 고딕"; color:#333;background-color:#fff }
.tableStyle02 td.content {height:220px; vertical-align:top;} /* 공지사항 등의 내용 등의 기본 영역 20140409 hjchoi */


/* 유지보수 프로세스 */
.processW{overflow:hidden; border:1px solid #d9d9d9;padding:6px 7px;margin-bottom:25px; background:#f4f5f9;clear:both}
.processW li{float:left;width:103px; height:80px;padding-left:1px;padding-right:2px}
.processW li:first-child{padding-left:1px;}
.processW li span{display:block;height:43px;padding-top:10px; padding-right:10px;text-align:center}
.processW li em{display:block; padding-right:10px;padding-top:2px;text-align:center; font-size:13px; font-weight:bold; color: #333}
.processW li a.on{color:#ea5754;background:url(../images/processBg_over.gif) no-repeat 0 0 }
.processW li a{display:inline-block;width:103px; height:80px;background:url(../images/processBg_out.gif) no-repeat 0 0}
.processW li a:hover{background:url(../images/processBg_over.gif) no-repeat 0 0; text-decoration: none; color: #ea5754;}
.processW li img{position: relative; height: auto;}
.processW li.process1 img{top: 3px; left: 5px;}
.processW li.process2 img{top: 1px; left: 2px;}
.processW li.process3 img{top: 1px;}
.processW li.process5 img{left: 5px;}
.processW li.process4 img{top: 2px; left: 3px;}
.processW li.process6 img{top: 3px; left: -1px;}
.processW li.last-child img{top: 2px; left: 2px;}
.processW li.btnCancel img{top: 7px;}
.processW li.btnList img{top: 7px;}
.processW li.last-child{width: 97px; padding-right:0}
.processW li.last-child a{width: 97px;}
.processW li.last-child span{display:block;height:43px;padding-top:10px;text-align:center;padding-right: 0;}
.processW li.last-child a em{padding-right:0}
.processW li a:hover em{color: #ea5754;}
.processW li.last-child a{ background:url(../images/processBg_out_last.gif) no-repeat 0 0}
.processW li.last-child a:hover{background:url(../images/processBg_over_last.gif) no-repeat 0 0}
.processW li.last-child a.on{ color:#ea5754;background:url(../images/processBg_over_last.gif) no-repeat 0 0}
.processW li.btnList{width:95px;padding-right:0; margin-left: 6px; padding-left: 7px;background: url(../images/bgInter.gif) no-repeat 0 0;}
.processW li.btnList a{width:95px; height:80px; background:url(../images/btnListBg_out.gif) no-repeat 0 0}
.processW li.btnList a:hover{width:95px; height:80px; background:url(../images/btnListBg_over.gif) no-repeat 0 0}
.processW li.btnList a.on{width:97px; height:80px; background:url(../images/btnListBg_over.gif) no-repeat 0 0}
.processW li.btnList span{display:block;height:43px;padding-top:10px; padding-right:0;text-align:center}
.processW li.btnList em{padding-right:0}

.processW li.btnCancel {padding-right: 0;width: 97px; background: url(../images/bgInter.gif) no-repeat 0 0; margin-left: 6px; padding-left: 7px;}
.processW li.btnCancel span{display:block;height:43px;padding-top:10px; padding-right:0;text-align:center}
.processW li.btnCancel a{width: 97px; background:url(../images/processCancelBg_out.gif) no-repeat 0 0}
.processW li.btnCancel a em{padding-right: 0;}
.processW li.btnCancel a:hover{background:url(../images/processCancelBg_over.gif) no-repeat 0 0}
.processW li.btnCancel a.on{ color:#ea5754;background:url(../images/processBg_over_last.gif) no-repeat 0 0}



/* 그룹관리 좌우 영역 컨텐츠 */
/* contL */
.contL{ float:left ;border-top:1px solid #636363;margin-bottom:15px; }
.contL ul.depName{width:220px;height:250px;padding:5px 10px; border:1px solid #d1d1d1; overflow:auto}
.contL ul.depName li{ line-height:22px;}
.contL ul.depName li input{ vertical-align:middle}
/* contR */
.contR{ float:right;width:420px;margin-bottom:15px;}
.contR ul.gubun{width:width:420px;height:220px;padding:5px 10px;border-top:1px solid #636363; border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1; overflow:auto}
.contR ul.gubun li{ line-height:22px;}
.contR ul.gubun li input{ vertical-align:middle}

/* 게시판 검색 */
#divContentSearch{clear:both;margin-bottom:7px;padding:10px;background:#f7f7f7;text-align:right}
#divContentSearch input{font-family:"나눔 고딕","NanumGothic",Dotum,"돋움",sans-serif;font-size:12px}
#divContentSearch select{font-family:"나눔 고딕","NanumGothic",Dotum,"돋움",sans-serif;font-size:12px; line-height:15px;border:1px solid #d1d1d1;}
#divContentSearch .input01{width:100px;padding:2px;border:1px solid #d4d4d4;background-color:#fff;line-height:15px}
#divContentSearch .searchBtn{display:inline-block;height:23px;padding:0 20px;border:0;background:#4b4d5a;color:#fff;font-weight:bold;font-size:13px;line-height:23px; vertical-align: bottom;}
 
#divContentSearch2{clear:both;margin-bottom:7px;padding:10px;background:#f7f7f7;text-align:left}
#divContentSearch2 input{font-family:"나눔 고딕","NanumGothic",Dotum,"돋움",sans-serif;font-size:12px}
#divContentSearch2 select{font-family:"나눔 고딕","NanumGothic",Dotum,"돋움",sans-serif;font-size:12px; line-height:15px;border:1px solid #d1d1d1;}
#divContentSearch2 .input01{width:100px;padding:2px;border:1px solid #d4d4d4;background-color:#fff;line-height:15px}
#divContentSearch2 .searchBtn{display:inline-block;height:23px;padding:0 20px;border:0;background:#4b4d5a;color:#fff;font-weight:bold;font-size:13px;line-height:23px; vertical-align: bottom;} 

/*페이징*/
.paging{text-align:center; padding:8px 0;} 
.paging a{display:inline-block; padding:0 9px; vertical-align:middle; text-decoration:none; color:#333333; font-weight:bold;}
.paging a:hover{color:#f86309}
.paging strong{display:inline-block; padding:0 9px; vertical-align:middle; color:#f86309}
.paging .fir{width:22px; height:21px; padding:0; background:url(../images/btn_p_fir.gif) no-repeat 0 0; text-indent:-999999px}
.paging .prev{width:21px; height:21px; padding:0 9px 0 0; margin-left:-4px; background:url(../images/btn_p_prev.gif) no-repeat 0 0; text-indent:-999999px}
.paging .next{width:22px; height:21px; padding:0 0 0 9px; background:url(../images/btn_p_next.gif) no-repeat right 0; text-indent:-999999px}
.paging .end{width:21px; height:21px; padding:0; margin-left:-4px; background:url(../images/btn_p_end.gif) no-repeat 0 0; text-indent:-999999px}

/* button */

.btnW{margin-top:8px;text-align: center; position:relative}/* 하단 중앙 */
.btnW li{ display:inline;margin-right:5px; font-weight:bold;font-size:13px; }
.btnW li a{display:inline-block;color:#fff;padding:3px 20px 6px 20px; background:#4b4d5a}
.btnW li a:hover{ display:inline-block;color:#fff;padding:3px 20px 6px 20px; background:#ea5754; text-decoration:none}
.btnW li input[type="submit"]{display:inline-block;color:#fff;padding:3px 20px 6px 20px; background:#4b4d5a}

.btnRW{margin-top:10px;text-align:right;}/* 오른쪽 */
.btnRW li{ display:inline;margin-left:3px; font-weight:bold;font-size:12px; }
.btnRW li a{display:inline-block;color:#fff;padding:2px 17px 5px 17px;border:1px solid #5875a1; background:#4381ce}
.btnRW li a.btn2{display:inline-block;color:#fff;padding:2px 17px 5px 17px;border:1px solid #4b4d5a; background:#4b4d5a}
.btnRW li a:hover{ display:inline-block;color:#fff;padding:2px 17px 5px 17px;border:1px solid #5875a1; background:#5875a1;}

.btnS{font-size:11px; vertical-align:top}/* 테이블 내 작은 버튼 */
.btnS a{display:inline-block;color:#fff;padding:1px 7px 3px 7px;border:1px solid #666; background:#888}
.btnS a:hover{ display:inline-block;color:#f5f5f5;padding:1px 7px 3px 7px;border:1px solid #999; background:#999; text-decoration:none}

.btnS2{font-size:11px; vertical-align:top}/* 테이블 내 작은 버튼 */
.btnS2 a{display:inline-block;color:#fff;padding:1px 17px 3px 17px;border:1px solid #5875a1; background:#4381ce}
.btnS2 a:hover{ display:inline-block;color:#fff;padding:1px 17px 3px 17px;border:1px solid #5875a1; background:#5875a1;}

.btnTopR{float:right;margin-bottom:5px}/* 유지보수 상단 버튼 */

.btnWR{position:absolute;top:0; right:0}/* 가운데 정열 옆 오른쪽 버튼 20130820 */
.btnWR li{ float:left;margin-right:0;margin-left:5px}
.btnWR li a{display:inline-block;color:#fff;padding:6px 30px 10px 30px; background:#989070}
.btnWR li a:hover{ display:inline-block;color:#fff;padding:6px 30px 10px 30px; background:#5f5b4a; text-decoration:none}

/* float */
.fr{ float:right;}
.fl{ float:left;}

/* 간격조정 */
.marT20{margin-top:20px}
.marR10{margin-right:10px}
*:first-child+html .marR10{margin-right:5px}/* radio간격 위한 핵*/

/* 텍스트정렬 */
.txtCenter{text-align:center}
.txtRight{text-align:right}

/* input width 조정 */
.width50{width:50px !important;}
.width80{width:80px !important;}
.width125{ display:inline-block;width:125px !important;}
.width145{width:145px !important;}
.width165{width:165px !important;}
.width250{width:250px !important;}
.width530{width:530px !important;}

/* 유지보수 보기 라디오버튼 */
.frRadio{ float:right; margin-top:7px;} /* form 위치 변경에 따른 margin 변경 (20140417) */
.frRadio span{ margin-left:8px; }
.frRadio input{ vertical-align:middle;margin-right:2px;}
.frRadio a.excelBtn{vertical-align:middle;margin-left:3px; padding-left: 10px; background: url("../images/vline.gif") no-repeat 0 3px;display: inline-block; }

/* 통계 엑셀영역 추가 2014-04-17 kypark */
.excel{ float:right; margin-bottom: 2px;}
.excel span{ margin-left:15px; }
.excel a.excelBtn{vertical-align:middle;margin-left:3px; padding-left: 10px; display: inline-block; }

/* 목록 검색감추기, 보이기 */
.ifFormArea{margin-bottom:8px;}
.ifBtnLine{ background-color:#ececec;}
.ifBtnLine input.ifShowBtn{font-family:'NanumGothic';font-weight: bold;font-size: 12px;padding:0 10px 0 31px; color:#fff; width:118px; height:27px;line-height: 27px; background:url(../images/ifShowHide.gif) 0 0 no-repeat; border:0; cursor:pointer;}
.ifBtnLine .open {padding-right:10px; padding-top:6px; float:right; }
.ifBtnLine .open input {margin-right:2px; vertical-align:middle; }
/*space*/
.spbtm20 {
	margin-bottom: 20px;
}

/* 유지보수 title ellipsis 표시 20140404 */
/* 퓨쳐 */
.ellipsis165{text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:165px;}
/* 고객 */
.ellipsis215{text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:215px;}

/* 공지사항 등 multifile 삭제 20140409*/
.file_del {font-size:11px; vertical-align:top; display:inline-block;color:#fff;padding:1px 10px 3px 10px;border:1px solid #a5a5a5; background:#efefef}
.file_del:hover{ display:inline-block;color:#fff;padding:1px 10px 3px 10px;border:1px solid #5875a1; background:#5875a1;}

/* 약관동의 */
.radio{
	vertical-align:middle
}
*+html body .error{
	position:relative;
	top:3px
}
.agree{
	width:900px;
	margin:auto
}
.agree .process{
	height:50px;
	margin:0 0 20px 0;
	border:1px solid #d5d5d5;
	background:#f8f8f8;
	overflow:hidden
}
.agree .process table{
	width:100%;
	height:100%;
	border:0 none
}
.agree .process table td{
	padding:0 35px 0 20px;
	background:url(/image/ko/common/processBg.gif) no-repeat 100% 50%;
	border:0 none;
	font-weight:bold;
	text-align:center;
	white-space:nowrap
}
.agree .process table td.last{
	padding:0 20px;
	background:0
}
.agree .process table td.on{
	color:#000;
	font-size:1.6em
}
.agree .process table th{
	position:absolute;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	border:0px;
	display:none;
	visibility:hidden;
}
.agree .guide{
	margin:0 0 20px 0;
}
.agree .title{
	background:url(/image/ko/common/joinIcon01.png) no-repeat 0 1px;
	clear:both;
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:30px 0 0 0;
	padding:0 0 5px 18px;
}
.agree .content{
	background:#f7f7f7;
	border:1px solid #ccc;
	height:150px;
	margin:0 0 5px 0;
	overflow:auto;
	padding:20px;
}
.agree .agreement{
	margin:0 0 20px 0
}
.agree label{
	position:relative;
	width:auto;
	height:auto;
	padding:0;
	color:#333;
	font-size:12px;
	line-height:1.8em;
	overflow:auto;
	visibility:visible
}
.agree .check{
	line-height:1em
}
.agree .checkbox{
	margin-top:5px;
}
.bgRed{background-color:#ffdfdf}
.bgRed td{font-weight:bold}

.bgGreen{background-color:#4bd886}
.bgGreen td{font-weight:bold}

.bg003 td{font-weight: bold; color: gray;}
.bg002 td{font-weight: bold; color: #006eff;}
.bg001 td{font-weight: bold; color: #ff000a;}

.txtBlue{color: blue; font-size: 11px; vertical-align: bottom;}

/* 레이어팝업 */
#groupPopup{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}
#individualPopup{
	position:absolute;
	top:0;
	left:500px;
	z-index:1000;
}
.layerPopupW{
	position:absolute;
	top:20px;
	left:20px;
	background-color:#b2aea6;
	z-index:30
}
.layerPopupW .layerPopup{
	margin:3px 3px 0;
	background-color:#fff;
}
.layerPopupW .layerPopup h1{
	padding:15px 8px 15px 32px;
	background:url(../images/popupTitBg.gif) no-repeat 0 100%;
	border-bottom:1px solid #dad9d7;
	color:#000;
	font-size:14px;
	font-weight:600
}
.layerPopupW .layerPopup .popupList{
	font-size:13px;
	margin-bottom:15px;
	padding:15px 10px;
	border-bottom:1px solid #dad9d7
}
.layerPopupW .layerPopup .popupList li{
	padding:0 4px;
	font-weight:600
}
.layerPopupW .layerPopup .popupList li.selected{
	background-color:#b8946f;
	color:#fff
}
.layerPopupW .layerPopup .popupList li span{
	vertical-align:middle;
	margin-right:5px;
}
.layerPopupW .layerPopup .popupList li a{
	vertical-align:middle;
	display:inline-block;
	width:240px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.layerPopupW .layerPopup .popupList li a:hover{
	text-decoration:none
}
.layerPopupW .layerPopup .popupList li.selected a{
	color:#fff
}
.layerPopupW .layerPopup .popContent{
	padding:0 13px 20px;
	font-size:13px;
	overflow-y:auto
}
.layerPopupW .popupClose{
	padding:7px 8px;
	text-align:right;
	background-color:#b2aea6;
	color:#fff;
}
.layerPopupW .popupClose .close{
	display:inline-block;
	height:23px;
	margin-left:15px;
	padding:0 12px;
	border:1px solid #696762;
	background-color:#85837d;
	color:#fff;
	line-height:1.8em;
	vertical-align:middle
}
.layerPopupW .popupClose .close:hover{
	text-decoration:none
}