/*
Title _ WBJsoft
  Date _ 2013. 7. 18 * /
 */
 
html {
	overflow-y: scroll;
	height: 100%;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset,
	p, blockquote, th, td, a {
	margin: 0;
	padding: 0;
}

label {
	margin: 0px !important;
}

input, textarea, select {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border: 1px solid #bbbbbc;
}

ul, li, ol {
	list-style-type: none;
}

th, td {
	text-align: left;
}

p {
	font-size: 12px;
}
/*[43363]. 일본어 Meiryo 폰트 추가*/
@font-face {
	font-family: 'Meiryo';
	src: url("./fonts/Meiryo-UI.woff") format("woff");
	unicode-range: U+3041-3096, U+309D, U+309E,U+30A1-30FF, U+30FC,U+4E00-9FEA,U+F900-FA6D;
}

/* alert창 font size */
table {
	font-family: 'Meiryo', Arial, malgun gothic, sans-serif;
	font-size: 12px;
	color: #666666;
	border-collapse: collapse;
	border-spacing: 0;
}

button.ui-dialog-titlebar-close {
	background: #e6e6e6 url(resources/web/images/btn_close2.png) 50% 50%
		repeat-x;
	margin-right: 50px;
}

.ui-icon-closethick {
	background: #e6e6e6 url(resources/web/images/btn_close.png) 50% 50%
		repeat-x;
}

.a {
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 14px;
	color: #c82b2b;
	font-weight: bold;
}

.b {
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 11px;
	color: #6B6D79;
}

.c {
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 14px;
	color: #5B5D64;
	font-weight: bold;
}

.d {
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
}

.e {
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 11px;
	color: #989898;
}

.f {
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 12px;
	color: #878787;
}

.g {
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 15px;
	color: #595A5C;
	font-weight: bold;
}

.h {
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 40px;
	color: #EE1B2E;
	font-weight: bold;
}

.i {
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 13px;
	color: #313131;
}

.j {
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 13px;
	color: #454545;
}
/* dashboard title */
.k {
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 24px;
	color: #424249;
	letter-spacing: -2px;
}
/* dialog title */
.l {
	font-family: 'Meiryo', Arial, malgun gothic;
	font-style: bold;
	font-size: 18px;
	color: #424249;
	letter-spacing: -2px;
}
/* dialog title */
a {
	color: #000;
	text-decoration: none;
}

a.Current {
	height: 100%;
	background-color: #B3B3B3;
}

li.d {

}

input[readonly], textarea[readonly] {
	cursor: default;
	background-color: #eaeaea;
	border: 1px solid #e4e4e4;
}

textarea {
	overflow-y: auto !important;
	ime-mode: active;
}

input[type="radio"] {
	width: 25px;
	font-size: 10px;
	margin: 2px 0 0 !important;
}

/* IE KIN */
input.txt {
	border: #ccc 1px solid;
	padding: 3px 0 0 3px;
	height: 15px;
	position: relative;
	top: 1px;
	color: #676767;
}

input[type="text"].pwdcng {
	padding-left: 8px;
	color: #c5c5c5;
}

textarea.txt {
	border: #cecece 1px solid;
	padding: 5px;
	color: #676767;
}

div.SubCon {
	margin: 0 auto;
	width: 1240px;
	padding-top: 50px;
}

ul {
	*zoom: 1;
}

ul:after {
	content: '';
	clear: both;
	display: block;
}

strong, b {
	font-weight: 600;
}

.hide {
	position: absolute;
	overflow: hidden;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.f_left{float: left !important;}
.f_right{float: right !important;}


.d_t{display:table; width: 100%;}
.d_t>*{vertical-align: top;}
.d_t_r {display: table-row; width: 100%;}
.d_t_r>* {vertical-align: top;}
.d_t_c {display: table-cell;}

.d_it{display:inline-table !important;}



.font_l {
	font-weight: lighter;
}

.font_n {
	font-weight: normal;
}

.font_b {
	font-weight: 600;
}

/* //CSS reset */

/*width common.css wpx000, wp000 사용*/
/*
.wd5{width:5% !important;}
.wd10{width:10% !important;}
.wd15{width:15% !important;}
.wd20{width:20% !important;}
.wd25{width:25% !important;}
.wd30{width:30% !important;}
.wd35{width:35% !important;}
.wd40{width:40% !important;}
.wd45{width:45% !important;}
.wd50{width:50% !important;}
.wd55{width:55% !important;}
.wd60{width:60% !important;}
.wd65{width:65% !important;}
.wd70{width:70% !important;}
.wd75{width:75% !important;}
.wd80{width:80% !important;}
.wd85{width:85% !important;}
.wd90{width:90% !important;}
.wd95{width:95% !important;}
.wd100{width:100% !important;}
.wd33{width:33.3333% !important;}
.wd67{width:66.6666% !important;}
*/
/*
.w10{width:10px !important;}
.w15{width:15px !important;}
.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w140{width:140px !important;}
.w150{width:150px !important;}
.w160{width:160px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w340{width:340px !important;}
.w350{width:350px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w550{width:550px !important;}
.w600{width:600px !important;}*/
/*width end*/

/*height common.css hpx000 사용*/
/*
.h10{height:10px !important;}
.h15{height:15px !important;}
.h20{height:20px !important;}
.h30{height:30px !important;}
.h40{height:40px !important;}
.h50{height:50px !important;}
.h100{height:100px !important;}
.h200{height:200px !important;}
.h300{height:300px !important;}
.h400{height:400px !important;}
.h500{height:500px !important;}
*/
/*height end*/


/*margin, padding 2021.06.24 ygk common.css로 통합*/

/*
	header메뉴
*/
li.d {
	text-align: center;
	width: 25%;
}

#header_main {
	position: relative;
	width: 100%;
	height: 61px;
	top: 0;
	left: 0;
	border-bottom: 3px solid #ff5957 !important;
	background: url(../../../resources/web/images/bg_page_top.jpg) repeat-x
		center;
}

#header_main div#h_wrap_main {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 98;
}

#h_wrap_main h1 {
	position: absolute;
	left: 0;
	top: 0;
	height: 34px;
	padding: 20px 0 0 14px;
	z-index: 30;
	overflow: hidden;
}

#h_wrap_main h1 a {
	display: block;
	float: left;
	color: #000;
}

#h_wrap_main h1 .hearder_log {
	height: 21px;
	background-position: 0 -69px;
}

#h_wrap_main .header_tit {
	height: 21px;
	margin-left: 5px;
	font-size: 21px;
	font-weight: bold;
	line-height: 17px;
}

#h_wrap_main ul#account_main {
	position: absolute;
	right: 4px;
	top: 22px;
	font-size: 12px;
	text-align: right;
	line-height: 20px;
	color: #b1b1b1;
	font-size: 11px;
}

#h_wrap_main ul#account_main strong {
	color: #fff;
}

#h_wrap_main .btn_logout {
	display: inline-block;
	position: relative;
	margin-right: 6px;
	vertical-align: top;
	line-height: 21px;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	font-size: 11px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #d4d5d8;
	color: #424242;
}

ul#account_main li {
	display: inline;
}

#h_wrap_main ul#top_menu_main {
	position: absolute;
	margin-top: 21px;
	width: 1240px;
	height: 50px;
	left: 0px;
	padding: 0;
}

ul#top_menu_main li {
	float: left;
	height: 100%;
	padding: 0;
}

ul#top_menu_main li a {
	display: block;
	height: 36px;
	padding-top: 14px;
}

div.Content {
	margin: 0 auto;
	width: 1240px;
}

#h_wrap_main h1:after {
	clear: both;
	height: 0;
	content: '';
	display: block;
	visibility: hidden;
}

h1 .hearder_tit_ {
	height: 21px;
	margin-left: 3px;
	background-position: 0 -93px;
	font: 15pt "Malgun Gothic";
}

/* .header_img {display: block;overflow: hidden;position: absolute;top: 0;left: 0;width: 0;height: 0;border: 0;background: 0;font-size: 0;line-height: 0;} */

/*
	container
*/
#container {
	position: absolute;
	top: 64px;
	bottom: 29px;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: 0;
	min-height: 0;
	background-position: -29px 0;
}

#container:after {
	content: "";
	display: block;
	clear: both;
}

/*
	left 메뉴
*/
#left_menu {
	position: absolute;
	width: 220px;
	top: 0;
	bottom: 0;
	left: 0;
	float: none;
	overflow: auto;
	text-align: left;
	border-right: 2px solid #cfd0cc !important;
	background: url(../../../resources/web/images/bg_left.gif);
}

.left_head {
	margin: 20px 0 0 15px;
}

.left_head a {
	font-weight: bold;
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 16px;
}

.left_body a {
	display: block;
	text-decoration: none;
	padding: 6px 0 6px 25px;
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 13px;
}

.left_body a.current {
	color: #FFD30B;
}

.btn_workset {
	overflow: hidden; /*margin: 0 7px;*/
	padding: 15px 15px 17px;
	border-bottom: 1px dashed #b7bcba;
	position: relative;
	zoom: 1;
	margin-bottom: 25px;
}

.btn_workset a {
	display: inline-block;
	height: 36px;
	overflow: hidden;
	width: 48%;
	float: left;
	cursor: pointer;
	position: relative;
	border: 1px solid #008171;
	background: #009487;
	border-left: 1px solid #009f9a;
}

.btn_workset a strong {
	position: absolute;
	top: 0;
	height: 36px;
	width: 100%;
}

.btn_workset_reg {
	background-color: #3956E9;
	border-radius: 5px 0 0 5px;
}

.btn_workset_ass {
	background-color: #3956E9;
	border-radius: 0 5px 5px 0;
}

.btn_workset a span {
	position: absolute;
	width: 100%;
	height: 16px;
	line-height: 16px;
	top: 10.4px;
	font-size: 13px;
	text-align: center;
	color: #F5F5F5;
}

.list_menu ul li {
	overflow: hidden;
	position: relative;
	z-index: 10;
	padding: 5px 62px 3px 14px;
	white-space: nowrap;
	cursor: pointer;
	zoom: 1;
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 12px;
}

.list_menu h3 {
	display: block;
	font-weight: normal;
	font-size: 12px;
}

.Current {
	background-color: #DFDFDF;
}

.list_menu .list_sub_t {
	height: auto;
	padding: 0;
	margin-bottom: 3px;
}

.list_menu .list_sub_t h3 {
	overflow: hidden;
	position: relative;
	z-index: 10;
	padding: 5px 62px 3px 14px;
	white-space: nowrap;
	cursor: pointer;
	zoom: 1;
	font-weight: bold;
}

.list_img_tit {
	height: 18px;
	padding: 0 0 0 23px;
	line-height: 18px;
	display: block;
}

#dashboard .list_img_tit {
	background-image: url(../../../resources/web/images/dash.png) !important;
}

#webcalendar .list_img_tit {
	background-image: url(../../../resources/web/images/cal.png) !important;
}

.list_menu .list_sub {
	height: auto;
	padding: 0;
	margin-bottom: 10px; /*display:none;*/
}

.list_menu .list_sub_t.on .list_sub {
	display: block !important;
}

.list_sub ul li {
	padding-left: 27px;
	vertical-align: top;
}

.list_sub ul li:hover {
	background: url(../../../resources/web/images/bg_left_li.png);
}

.list_menu .list_sub_t_1 {
	height: auto;
	padding: 0;
}

.list_menu .list_sub_t_1 h3 {
	overflow: hidden;
	position: relative;
	z-index: 10;
	padding: 5px 62px 3px 14px;
	white-space: nowrap;
	cursor: pointer;
	zoom: 1;
}

/*
	login_main 메뉴
*/
#login_main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; /*background-color:#F1F3F3;*/
	overflow: auto;
	margin: 0;
}

#login_main div#l_wrap_main {
	width: 685px;
	background-color: #fefefe;
	border: 1px solid #f7f7f7;
	margin: 0 auto;
	top: 150px;
	position: relative;
	z-index: 98;
}

#l_wrap_main #login {
	padding: 70px 0;
	text-align: center;
}

#l_wrap_main #login label {
	position: relative;
	margin: 0 auto;
	display: block;
	margin-bottom: 3px;
	background: #f2f3f3
		url(../../../resources/web/images/stick_login_form.png) no-repeat
		100px center;
	width: 430px;
	font-size: 0;
}

#l_wrap_main #login label input {
	display: inline-block;
	vertical-align: middle;
	border: none;
	height: 44px;
	line-height: 44px;
	width: 329px !important;
	font-size: 14px;
	padding: 0;
	top: 0;
	margin-left: 1px;
	text-indent: 10px;
	background: #f2f3f3;
}

#l_wrap_main #login label span.input_title {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 44px;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#l_wrap_main #login label span.input_title.id {
	background-image: url(../../../resources/web/images/label_id.png);
}

#l_wrap_main #login label span.input_title.pass {
	background-image: url(../../../resources/web/images/label_pass.png);
}

#l_wrap_main #login .btn_login {
	margin-top: 10px;
	display: block;
	border-radius: 0;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 30px;
}

#l_wrap_main #login .copyright {
	color: #a2a2a2;
	font-size: 9px;
	font-family: 'Meiryo', Arial, malgun gothic;
}

/*
	main 메뉴
*/

/* notice dialog */
.board_dialog .ui-dialog-title {
	margin-top: 5px;
}

#board_detail table {
	width: 650px;
	border: 1px solid #cfcfcf;
	padding-top: 20px;
	margin: 0;
}

#board_detail th {
	padding-top: 1px;
	height: 29px;
	border: 1px solid #cfcfcf;
	background-color: #f2f2f2;
	color: #6b6d79;
	text-align: center;
	font: bold 13px Malgun gothic;
}

#board_detail td {
	background-color: #ffffff;
	border-right: 1px solid #cfcfcf;
	border: 1px solid #cfcfcf;
	padding-left: 15px;
}

#board_detail textarea {
	width: 100%;
	height: 150px;
	border: 0;
	resize: none;
	padding-left: 5px;
	background-color: #fff;
}

/*
	main 내용
*/
#con_cont {
	position: absolute;
	overflow-x: auto;
	overflow-y: auto;
	width: 100%;
	top: 200px;
	bottom: 0;
}

.con_detail {
	display: inline-block;
	clear: both;
	overflow: hidden;
	width: 1024px;
	padding: 0 20px 20px;
	min-height: 500px;
}

.con_detail_set {
	clear: both;
	margin: 0;
	padding: 15px 0;
}

.con_detail_set .article {
	position: relative;
	float: left;
	display: inline-block;
}

.con_detail_set .article .tit {
	position: relative;
	top: 5px;
	left: 0;
	font-size: 12px;
}

.con_detail_set .article .cont {
	position: relative;
	padding: 0 0 10px 73px;
	font-size: 12px;
}

.con_detail_set .article .pos_input {
	display: block;
	overflow: hidden;
	border: 1px solid #c5c5c5;
	font-size: 12px;
}

.cont_input {
	overflow: hidden;
	width: 100%;
	height: 19px;
	margin: 0;
	padding: 0 4px 0;
	border: 1px solid #adafaa;
	background: #fff;
	color: #000;
	line-height: 19px !important;
	vertical-align: top;
	font-size: 12px;
}

.cont_txtbox {
	overflow: auto;
	width: 100%;
	overflow-x: hidden;
	padding: 5px 0 3px 7px;
	border: 1px solid #c5c5c5;
	line-height: 17px;
	vertical-align: top;
	resize: none;
	font-size: 12px;
}

.custInput {
	overflow: hidden;
	width: 100%;
	height: 19px;
	margin: 0;
	padding: 0 4px 0;
	border: 1px solid #adafaa;
	background: #fff;
	color: #000;
	line-height: 19px !important;
	vertical-align: top;
	font-size: 12px;
}

.cds_input1 {
	width: 50%;
}

.progressbar {
	/*color: #fff;*/
	text-align: right;
	height: 100%;
	background-color: rgb(112, 214, 211);
	padding: 0 5px;
}

.projectProgressbar {
	text-align: left;
	height: 16px;	/*modify : [20177] 90%->16px| 2019.11.04 | yjh */
	background-color: rgb(112, 214, 211); /*rgb(99, 194, 191)*/
	padding: 1px;	/*modify : [20177] 2px->1px| 2019.11.04 | yjh */
	border-radius: 3px;	/*modify : [20177] 5px->3px| 2019.11.04 | yjh */
	padding-right: 5px;
}

.progbar_area {
	width: 100%;
	background-color: #f8f8f8;
	border: 1px solid #e4e4e4;
	height: 19px;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
	margin: 0;
}

.project-list .progress {
	margin-bottom: 10px;
}

#jobList {
	z-index: 10;
}

#sysList {
	z-index: 10;
}

.urlLabel {
	line-height: 20px;
}
/*
관리자모드
*/
.con_detail_2 {
	display: inline-block;
	clear: both;
	overflow: hidden;
	padding: 0 20px 20px;
	min-height: 500px;
	min-width: 1060px;
}

.dfArea .cont_input2 {
	width: 100%;
	overflow: hidden;
	padding: 0;
	border: 1px solid #adafaa;
	background: #fff;
	color: #000;
	line-height: 19px !important;
	vertical-align: top;
	font-size: 12px;
	border-radius: 0px;
}

.dfArea .article2 {
	position: relative;
	float: left;
	display: inline-block;
}

.dfArea .article2 .tit2 {
	position: absolute;
	top: 5px;
	left: 0;
	font-size: 12px;
}

.dfArea .article2 .cont2 {
	position: relative;
	font-size: 12px;
}

.dfArea .cont_txtbox2 {
	overflow: auto;
	margin: 0px 0 0px 73px;
	border: 1px solid #c5c5c5;
	line-height: 19px;
	vertical-align: top;
	resize: none;
	font-size: 12px;
}

.dfArea .dfInput2 {
	overflow: auto;
	overflow-x: hidden;
	margin: 0 0 10px 73px;
	border: 1px solid #c5c5c5;
	line-height: 23px;
	vertical-align: middle;
	resize: none;
	font-size: 12px;
	height: 20px;
}

.dfArea {
	position: relative;
	padding: 5px 20px 0 0;
}

.dfArea .docDivStyle {
	position: absolute;
	margin: 0;
}

.dfArea .docDivStyle input[type=text], .dfArea .docDivStyle textarea,
	.dfArea .docDivStyle select, .dfArea .docDivStyle input[type=number] {
	border: 1px solid #bbbbbc;
	color: #000000;
	resize: none;
	font-size: 12px;
	border-radius: 0px;
	text-indent: 0px;
	padding-left: 5px;
}

.inputLink {
	color:blue !important;
	font-weight:600;
	text-decoration: underline;
}

/* comment */
#commentArea input[type="button"] {
	cursor: pointer;
	background-color: white;
	border: 1px #bdbdbd solid;
}

#commentArea textarea {
	border: 1px #eee solid;
}

#commentArea textarea[readonly] {
	border: 0;
	background-color: white;
}

.commentTitle {
	border-bottom: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
	font-weight: bold;
	font-family: malgun gothic;
	font-size: 17px;
}

#commentText_0, .writeComment {
	background-color: #F7F7F7;
	border: 0;
	resize: none;
}

.commentMsg {
	border: 0;
	resize: none;
	font-size: 12px;
	font-family: malgun gothic;
}

.commentListArticle {
	border-bottom: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
}

.commentInputName {
	boder: 0;
	font-size: 12px;
	font-weight: bold;
	color: #3c3c3c;
	font-family: malgun gothic;
}

.commentInputDate {
	boder: 0;
	font-size: 12px;
	font-weight: bold;
	color: #b0b0b0;
	font-family: malgun gothic;
}

.commentInputWfdid {
	boder: 0;
	font-size: 12px;
	font-weight: bold;
	color: #3c3c3c;
	font-family: malgun gothic;
	float: right;
}

.reComment {
	cursor: pointer;
	float: right;
	font-size: 12px;
	height: 21px;
	color: #626ABE;
}

.dfArea .docDivStyle checkbox {
	border: 1px solid #ebebec;
	border-radius: 4px;
}

.dfArea .df_span {
	float: left;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
}

.dfArea .df_span .df_span_vertical {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}
.dfArea .df_span .df_span_vertical .ui_temp_btn {
	margin: 2px 0 0;
}

.dfArea .df_group_span{
	float: left;
	display: inline-block;
	font-weight: bold;
	font-size: 15px;
	margin-top: 0px;
	color: #333;
	margin-right: 10px;
}

/* 파생(작업지시) */
.derive_content_title .df_group_span {
	float: left;
	display: inline-block;
	font-weight: bold;
	font-size: 13px;
	margin-top: 0px;
	color: #333;
	margin-right: 10px;
}

.dfArea .df_group_hr, .derive_content_title .df_group_hr {
	border-top: 1px dashed #333;
	margin: 10px 0px 0px;
}

.dfArea .summary_span {
	display: inline-block;
	font-size: 11px;
	text-align: left;
	padding-left: 2px;
}

.dfArea .cellBtn input[type="button"] {
	height: 20px;
	line-height: 18px;
	border: 1px solid #b4b4b4;
	border-radius: 0px;
	background-color: #fafafa !important;
	color: #333;
}

.con_detail_l {
	position: absolute;
	width: 220px;
	top: 0;
	bottom: 0;
	left: 0;
	float: none;
	overflow: visible;
	text-align: left;
	border-right: 1px solid #b4b4b4 !important;
}

.con_detail_l p {
	border-bottom: solid 1px #e3e3e3;
	padding: 3px 0 3px 3px;
	cursor: pointer;
}

.con_detail_l input[type="text"] {
	border: 0;
	margin: 1px;
	padding: 3px 0 3px 3px;
	color: #bdbdbd;
}

.con_detail_r {
	position: absolute;
	left: 220px;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto;
	overflow: auto;
}

.dfDivStyle {
	float: left;
	padding: 5px 0 5px 0;
	margin: 2px 0 2px 0;
	border: 0;
}

.dfArea .typeSpan {
	float: left;
	width: 73px;
}

.dfInputStyle_1 {
	width: 20%;
	float: left;
}

/*==== history 도식도 ====*/
#con_history {
	position: relative;
	white-space: nowrap;
	overflow-x: auto;
	font-size: 12px
}
.historyCell {
	margin: 0 10px 10px 0;
	border: 1px solid #eee;
	background-color: #fff;
	width: 120px;
	float: left;
	color: #333;
	cursor: pointer;
}
.historyCell .cell_top {
	height: 29px;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
	text-align: center;
	line-height: 29px;
	overflow: hidden;
}
.historyCell .cell_bottom {
	height: 29px;
	vertical-align: middle;
	text-align: center;
	line-height: 29px;
	overflow: hidden;
	text-overflow: ellipsis;
    padding: 0px 3px;
}
.historyCell.curent-cell {
	background-color: #cddbff;
	border-color: #a5b8ec;
	color: #0f1e46;
}
.historyCell.curent-cell .cell_top {
	border-color: #a5b8ec;
}
.historyCell.prev-cell {
	background-color: #f4f6fa;
	border-color: #ddd;
}
.historyCell.prev-cell .cell_top {
	border-color: #ddd;
}
.historyArrow {
	position: relative;
	float: left;
	width: 8px;
	height: 61px;
	margin: 0 10px 0 0;
	background: url(../../../resources/web/images/arrow_issue_list.png) no-repeat center left;
	display: inline-block;
}
.historyCell .cell {
	width: 100%;
	height: 60px;
	vertical-align: middle;
	text-align: center;
	line-height: 60px;
}

.historyCell span {
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	font-weight: bold;
}

.small_text {
	font-size: 10px;
}

/* 업무흐름도 process map */
.historyCell .wfdiv {
	width: 100%;
	height: 60px;
	text-align: center;
	display: table;
}

.historyCell .wfcell {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
/*==== history 도식도 ====*/

/*
	common
*/
#con_title {
	height: 55px;
	line-height: 55px;
	font-size: 15px;
	font-weight: 600;
	color: #4b4d4e;
	display: inline-block;
	float: left;
}

#con_title #sub_title_area {
	display: inline-block;
	vertical-align: middle;
}

.bar {
	vertical-align: middle;
	font-size: 11px;
	min-height: 40px;
	margin-bottom: 10px;
}

.bar input, .bar select, .bar button {
	min-width: 100px;
	margin-right: 2px;
	margin-top: 10px;
	vertical-align: middle;
	height: 30px;
	border-radius: 3px;
	font-size: 13px;
}

.bar input[type=checkbox] {
	width: 20px;
	min-width: 0px;
	margin: 0px;
	margin-top: 10px;
}

.bar label {
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin: 0px;
	margin-top: 10px;
}

.footer {
	height: 39px;
	overflow: hidden;
}

.scroll-x-margins {
	margin-bottom: 39px !important;
	overflow-x: auto;
}

.scroll-x_simple {
	overflow-x: auto;
}

/*.content-form {
	min-height: 800px;
}*/
#sbtnArea .btn {
	margin-right: 5px;
}

.font-df {
	color: #4b4d4e;
}

.wrapper_simple {
	padding: 0 15px;
}

.progress span {
	position: absolute;
	display: block;
	width: 100%;
	color: black;
	height: 100%;
	line-height: 18px;
}

.border {
	border: 1px solid #e7eaec;
}

/* 사용자 그리드 콤보박스 스타일 */
.input-group-addon {
	background-color: #fff;
	border: 1px solid #bbbbbc;
	border-radius: 4px;
	color: #777;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 2px;
	text-align: center;
}

/* 리스트 아이템 비활성화 스타일 */
.li_disabled {
	pointer-events: none;
	opacity: 0.6;
}

.bootstrap-datetimepicker-widget .datepicker {
	padding-right: 15px !important;
	padding-left: 15px !important;
}

/*
	modal
 */
.modal-search {
	margin-bottom: 8px;
	text-align: left;
	font-size: 14px;
}

.modal-search * {
	height: 30px;
	vertical-align: middle;
	margin-left: 2px;
}

.dial-jqGrid .modal-header {
	border-bottom: none !important;
}

.search_text {
	width: 150px;
	font-size: 12px;
	text-indent: 2px;
}

#shortcut_area {
	position: relative;
	clear: both;
	float: none;
	zoom: 1;
	height: auto;
	border-bottom: 1px solid #c2c4c6;
	font-size: 13px;
	overflow: hidden;
}

#con_btn0 {
	position: relative;
	clear: both;
	float: left;
	zoom: 1;
	height: 500px;
	padding-top: 11px;
	font-size: 12px;
	overflow: hidden;
	padding-left: 10px;
}

#shortcut_area .btnArea {
	margin-top: 10px;
}

.sbtnArea { /*margin-top: 12px;*/
	height: 75%;
	padding: 5px 10px 5px 10px;
	color: #c4c4c4;
	font-size: 11px;
	float: left;
	position: relative;
	display: inline-block;
	z-index: 1;
	font-size: 0;
}

.searchDb {
	text-align: left;
	text-indent: 2px;
	border: 1px solid #eeeeee;
	font-size: 12px;
	line-height: 24px;
	background-color: #fdfdfd;
	font-size: 11px;
}

#ISDATE_area {
	display: inline-block;
	margin-right: 4px;
}

#userGrid_ISDATE_area {
	display: inline-block;
	margin-right: 4px;
}

input[name="derive_radio"] {
	margin: 0px;
}

/* button */
.grBtn input[type="button"] {
	height: 22px;
	line-height: 20px;
	border: 1px solid #b4b4b4;
	border-radius: 3px;
	background-color: #fafafa !important;
	color: #333;
}

.grBtn * {
	margin-right: 5px;
	margin-bottom: 1px;
}

.cellBtn input[type="button"] {
	height: 22px;
	line-height: 20px;
	border: 1px solid #b4b4b4;
	border-radius: 3px;
	background-color: #fafafa !important;
	color: #333;
}

.modal-footer .btn, .modal-search .btn, .ui-dialog-buttonset .btn {
	min-width: 100px;
}

/*
	datepicker
*/
.fdatepicker {
	min-width: 100px !important;
	text-align: center;
	text-indent: 0px !important;
	display:inline-block;
}

#ui-datepicker-div {
	z-index: 9999 !important;
}

/* STATISTICES에서 달력 그리드 밑으로 내려감. 최소 Z-INDEX값 20 ::: dialog에서 달력 띄울때 dialog가 100이어서 101로 수정
	-> 모달에서 데이트피커 사용 시 zindex가 모달보다 낮아서 가장 크게 수정
 */

/*
	main  regissueView.jsp>> popup_관련업체
*/
.cust_search {
	height: 21px;
	margin-left: 13px;
	margin-bottom: 10px;
}

.popup_txt {
	font-size: 12px;
}

.ui-button-text {
	color: #333;
	vertical-align: top;
	cursor: pointer;
	background-color: #fff;
	border: 0px solid #b4b4b4;
	border-radius: 3.1px;
	height: 15px;
	padding: 0px 9px 0px 9px !important;
	overflow: visible;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	height: 31px !important;
	line-height: 31px !important;
	text-align: center;
	width: 72px;
}

.ui-buttonset {
	position: relative;
	height: 19px;
}

/*
	jqgrid css Modi
*/
.ui-jqgrid .ui-pg-input {
	width: 20px !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
	background: #0078d7 !important;
}

.ui-state-highlight input, .ui-widget-content .ui-state-highlight input,
	.ui-widget-header .ui-state-highlight input

.ui-state-highlight select, .ui-widget-content .ui-state-highlight select,
	.ui-widget-header .ui-state-highlight select {
	color: #000000;
}

.dial-jqGrid .ui-jqgrid tr.jqgrow td {
	padding: 4px !important;
}

.form-jqGrid .ui-jqgrid tr.jqgrow td {
	padding: 0px !important;
}

#testDialog .ui-jqgrid tr.jqgrow td { /*워드랩 속성*/
	white-space: normal !important;
}

.ui-jqgrid tr.jqgrow td {
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	height: 22px;
	padding: 0 2px 0 2px;
	border-bottom-width: 1px;
	border-bottom-color: #f5f5f5 !important;
	border-bottom-style: solid;
}

#board_table tr.jqgrow td {
	white-space: nowrap;
}

.ui-pager-control>.ui-pg-table * {
	margin-left: auto;
	margin-right: auto;
}

.list-jqGrid .ui-jqgrid .ui-jqgrid-htable th div {
	height: 27px;
	line-height: 25px;
	vertical-align: middle;
}

.list-jqGrid tr.jqgrow td {
	padding: 2px 3px !important;
}

.ui-jqgrid .ui-jqgrid-htable th div .cbox {
	margin: auto;
	height: 100%;
}

.ui-jqgrid .dropdown-menu a {
	color: #000000;
}

.ui-jqgrid .form-control {
	height: 20px;
	width: 100%;
	border: 1px solid #bbbbbc;
	border-radius: 4px;
	padding: 0px;
}

table.ui-widget th {
	font-size: 12px;
	padding: 2px 2px 2px 2px;
	display: none;
}

tr#user_row td {
	font-size: 12px;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
}

.clear-fix li {
	float: left;
	margin: 3px 5px;
} /* 페이징 li 스타일 */

/*
	jqgrid pager
*/
.ui-pager-control td {
	height: 36px !important;
	background: #fcfcfc;
	padding: 0 !important;
	width: auto !important;
}

/*
	dashboardPane
*/
#goDashMod { /*position: absolute; bottom: 22px; right: 0;*/
	display: inline-block;
	position: relative;
	margin-right: 6px;
	vertical-align: top;
	line-height: 21px;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	font-size: 11px;
	/* background: #fff; border-radius: 3px; border: 1px solid #d4d5d8; */
	color: #424242;
}

#goDashMod button {
	display: inline-block;
	line-height: 20px;
	height: 22px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #d4d5d8;
}

div.dashboard {
	border: 1px solid #ebebec;
	margin: 4px;
	height: 40vh;
}

img.boardClose {
	float: right;
	margin-top: -4px;
	margin-right: 4px;
}

h3.header {
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #e4e4e4;
	background-color: #f7f7f7;
	background: url(../../../resources/web/images/bg_dash_h3.png);
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}

.dashboard h3 {
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 0;
	color: #000000;
}

.dashboard p {
	margin: 0;
}

h3.header span {
	margin-left: 20px;
	padding-left: 20px;
	background: url(../../../resources/web/images/icon_dash_h3.png)
		no-repeat left center;
	font-size: 16px;
	color: #ffffff;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	color: #232224;
	vertical-align: bottom;
}

h3 img {
	margin-right: 2px;
	vertical-align: text-bottom;
}

h3>* {
	vertical-align: middle;
}

div.panewrap {
	padding: 0px;
	height: 100%;
	vertical-align: middle;
}

div#chartContainer {
	padding: 10px;
}

.sortDivBox {
	position: relative;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	margin-bottom: 6px;
	border-radius: 5px;
}

.sortDiv {
	position: relative;
	display: inline-flex;
	display: -ms-flexbox;
	-ms-flex-direction: row;
	display: inline-block;
	height: 45vh;
	border-radius: 10px;
}

.dashModBtn {
	color: #424242;
	vertical-align: top;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #d4d5d8;
	border-radius: 3px;
	height: 22px;
	line-height: 20px;
	padding: 0 10px;
	overflow: visible;
	font-size: 11px;
	text-decoration: none;
	display: inline-block;
	margin: 0;
}

.closeBtn {
	float: right;
	padding-right: 11px;
	padding-top: 4px;
}

/* 	dashboard summary table */
table.summary {
	margin-bottom: 1.5vh;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	width: 100%;
}

table.summary th, .ui-th-column {
	height: 2vh !important;
	width: 10vw;
	text-align: center;
	vertical-align: middle !important;
	background: #fafafa;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafafa),
		to(#f3f3f3)) !important;
	background: -webkit-linear-gradient(#fafafa, #f3f3f3) !important;
	background: -moz-linear-gradient(#fafafa, #f3f3f3) !important;
	background: -ms-linear-gradient(#fafafa, #f3f3f3) !important;
	background: -o-linear-gradient(#fafafa, #f3f3f3) !important;
	background: linear-gradient(#fafafa, #f3f3f3) !important;
	-pie-background: linear-gradient(#fafafa, #f3f3f3) !important;
	behavior: url(PIE.htc);
	border-bottom: 1px solid #9795a2 !important;
	color: #545556 !important;
	font-size: 1em !important;
	border-top: 1px solid #d3d3d3 !important;
	border-left: 1px solid #d3d3d3 !important;
	border-right: 1px solid #d3d3d3 !important;
	font-weight: bold !important;
}

.ui-jqgrid tr.ui-row-ltr td {
	text-align: left;
	border-right-width: 1px;
	border-right-color: #f5f5f5 !important;
	border-right-style: solid;
}

.ui-jqgrid .ui-jqgrid-pager {
	border: none;
}

.ui-jqgrid-pager {
	overflow: visible !important;
}

.ui-jqgrid-hdiv {
	overflow: visible;
}

.ui-pager-control>.ui-pg-table {
	border: 1px solid #d7d7d7 !important;
}

table.summary td {
	height: 2.5vh;
	font: bold 1.2em 'Verdana';
	color: #403b4b;
	text-align: center;
	border-left: 1px solid #ebebec;
	border-bottom: 1px solid #ebebec;
}

table.summary td:first-child {
	border-left: none;
}

table#valuestr.statusString {
	font: 1m !important;
}

table.customboard {
	margin-bottom: 1.5vh;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

/*
	Merge테이블
*/
#addThead th {
	border: 1px solid #BDBDBD;
	text-align: center;
	background-color: #EFEFEF;
	height: 20px;
	border-collapse: collapse;
	border-spacing: 0px;
}

#addTbody td {
	border: 1px solid #BDBDBD;
	text-align: center;
	height: 20px;
	border-collapse: collapse;
	border-spacing: 0px;
}

#statTbody .title {
	background-color: #93DAFF;
	background: -o-linear-gradient(90deg, #93DAFF, #c1e9fe);
	background: -moz-linear-gradient(center top, #93DAFF 5%, #c1e9fe 100%);
	background: linear-gradient(#fafafa, #f3f3f3) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93DAFF',
		endColorstr='#c1e9fe');
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 4px;
	border-top: 1px solid #d3d3d3 !important;
	border-left: 1px solid #d3d3d3 !important;
	border-right: 1px solid #d3d3d3 !important;
	border-bottom: 1px solid #9795a2 !important;
	border-collapse: collapse;
	height: 25px;
}

#statTbody .desc {
	font-size: 12px;
	text-align: center;
	padding: 4px;
	border: 1px solid #e0e0e0;
	border-collapse: collapse;
	word-break: break-all;
}

.ganttTd {
	background-color: #EFEFEF;
	border-collapse: collapse;
	border-spacing: 0px;
}

.ui-widget-content {
	border: none !important;
}

.extand-full { /*border:1px solid #3e3e3e;*/
	border: none !important;
	height: 15px;
	width: 15px;
	vertical-align: middle;
}

/*
	Dialog
*/
div.ui-dialog {
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.75);
	box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.75);
	border-radius: 4px;
}

.ui-dialog-title {
	font-size: 13px;
}

#treeDialog {
	height: 270px !important;
	display: none;
}

.radioTd {
	text-align: center;
}

.tree_toggle {
	width: 13px;
	height: 13px;
	cursor: pointer;
	vertical-align: middle;
	visibility: hidden;
}

.treee {
	margin: 3px 2px;
}

.treee>img {
	margin-right: 3px;
}

.treee>strong {
	font-size: 13px;
	cursor: pointer;
}

.treee>ul {
	margin-left: 15px;
}

div.dialog {
	border: 2px solid #ee1b3e !important;
}

.ui-dialog .ui-dialog-buttonpane {
	border-top: 1px solid #ddd !important;
}

.ui-dialog .ui-widget-header {
	background-color: #ffffff !important;
}

.tree.ui-menu, .ui-datepicker {
	border: 1px solid #aaa !important;
}

/*
	Calendar
*/
/*Calendar Dialog*/
#moreListArea {
	height: 100px;
	border: 1px solid #d5d5d5;
	overflow: auto;
	font-size: 12px;
}

.moreList {
	width: 100%;
	float: left;
	color: #4598C0;
	font-size: 12px;
	border-radius: 2px;
	margin-bottom: 2px;
	cursor: pointer;
}

/* Calenadar type별 색상 */
.more_style {
	padding-bottom: 3px;
}

.more_style span {
	padding-bottom: 2px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Meiryo', Arial, malgun gothic;
}

.cal_event_style_1 span {
	color: #3a87ad;
	padding-bottom: 2px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Meiryo', Arial, malgun gothic;
}

.cal_event_style_1 {
	color: #3a87ad;
	padding-bottom: 3px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Meiryo', Arial, malgun gothic;
}

.cal_event_style_2 span {
	color: #3a87ad;
	padding-bottom: 2px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Meiryo', Arial, malgun gothic;
}

.cal_event_style_2 {
	color: #3a87ad;
	padding-bottom: 3px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Meiryo', Arial, malgun gothic;
}

.cal_event_style_3 span {
	color: #FFFFFF;
	padding-bottom: 2px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Meiryo', Arial, malgun gothic;
}

.cal_event_style_3 {
	color: #3a87ad;
	padding-bottom: 3px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Meiryo', Arial, malgun gothic;
}

.btn_wht_pop {
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #b4b4b4;
	font-weight: bold;
	color: #656565;
	padding: 3px;
	font-size: 12px;
	border-radius: 5px;
}

/*
	tab
*/
ul#tab_list {
	float: left;
	height: 100%;
	width: 1000px;
	text-align: center;
	border-width: 3px;
	border-color: #FFFFFF;
	border-bottom-color: #EE1B2E;
	border-style: solid;
	padding-bottom: 3px;
}

ul#tab_list li {
	width: 19%;
	height: 100%;
	text-align: center;
	display: block;
	float: left;
	border-bottom-color: #EE1B2E;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
}

ul#tab_list li a {
	border-style: solid;
	text-align: center;
	border: 1px solid #E0E0E0;
	background-color: #F2F2f2;
	display: block;
	height: 30px;
	padding-top: 10px;
	border-bottom-width: 3px;
	border-bottom-color: #EE1B2E;
}

ul#tab_list li.current {
	padding-top: 0;
}

ul#tab_list li.current a {
	border-width: 3px;
	border-color: #EE1B2E;
	border-bottom-width: 3px;
	border-bottom-color: #FFFFFF;
	background-color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #EE1B2E;
}

/*
	copyright
*/
#footer {
	z-index: 100;
	position: absolute;
	width: 100%;
	height: 29px;
	bottom: 0;
	border-top: 1px solid #b4b4b4;
	background: #fff;
}

#footer div#f_wrap {
	position: absolute;
	width: 100%;
	top: 0;
	display: block;
	padding-top: 7px;
	font-family: 'Meiryo', Arial, malgun gothic;
	font-size: 9px;
	color: #8a8a8a;
	text-align: center;
	font-style: normal;
}

.btt_blue {
	color: #3956E9;
}

.curPoi {
	cursor: pointer;
}

/* 
	password change
*/
.pwdcng {
	height: 30px;
	position: relative;
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-left: 8px;
}

tr.stLine th {
	text-align: left;
	color: #000000;
	background: #f8f8f8;
	padding: 0px 14px;
	/*border-top: 1px solid #dedede;*/
	border-bottom: 1px solid #dedede;
	height: 51px;
}

tr.stLine td {
	/*border-top: 1px solid #dedede;*/
	border-bottom: 1px solid #dedede;
	padding: 10px 14px;
	text-align: left;
}

tr.trLine th {
	text-align: left;
	color: #000000;
	background: #f8f8f8;
	padding: 0px 14px;
	border-bottom: 1px solid #dedede;
	height: 51px;
}

tr.trLine td {
	border-bottom: 1px solid #dedede;
	padding: 10px 14px;
	text-align: left;
}

tr.lsLine th {
	text-align: left;
	color: #000000;
	background: #f8f8f8;
	padding: 0px 14px;
	border-bottom: 1px solid #dedede;
	height: 51px;
}

tr.lsLine td {
	border-bottom: 1px solid #dedede;
	padding: 10px 14px;
	text-align: left;
}

.sub_title_un {
	height: 35px;
	line-height: 35px;
	margin-top: 10px;
	border-top: 0px solid #D2D2D2;
	border-bottom: 1px solid #adafaa;
	overflow: hidden;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	padding-left: 10px;
}

.sub_title {
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	padding-left: 10px;
}

.settable input {
	height: 22px;
}

.pBtnArea {
	height: 55px;
	line-height: 55px;
	font-size: 15px;
	font-weight: 600;
	color: #4b4d4e;
	display: inline-block;
	float: right;
}

.treeview .active {
	font-weight: bold;
	color: red;
}

/* jointjs 마우스 클릭시 나오는 툴을 보이지 않게 하기 위해 사용 */
.connection-wrap {
	display: none
}

.marker-arrowhead {
	display: none
}

.link-tools {
	display: none
}

.marker-vertices {
	display: none
}

.joint-element {
	cursor: default !important;
}

.dx-datagrid-nodata {
	margin: inherit !important;
}

.autoLinkArea {
	font-size: inherit;
	font-family: inherit;
	background-color: inherit;
	border: none;
	padding: 0px;
	margin-bottom: 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
}

.autoLinkArea a {
	color: #337ab7 !important;
	text-decoration: underline !important;
}

/* add : [20177] 2019.11.04 | yjh */
.autoLinkArea2 {
	font-size: inherit;
	font-family: inherit;
	background-color: inherit;
	color: #337ab7 !important;
}

.autoLinkArea2 a {
	color: #337ab7 !important;
	text-decoration: underline !important;
}

/* mdskin custom */
.md-skin .logoArea {
	background-color: #1ab394 !important;
}

.md-skin #searchKey::-moz-placeholder {
	color: #ffffff;
}

.md-skin #searchKey::-webkit-input-placeholder {
	color: #ffffff;
}

.md-skin #searchKey:-ms-input-placeholder.form-control {
	color: #ffffff;
}

/* dxgrid 필터 팝업 */
/*팝업에서 그리드 콤보박스의 아이템목록(1051)이  .modal-backdrop z-index=2040보다 낮아 표시되지 않음
2010->2060
*/
.dx-overlay-wrapper {
	z-index: 2060 !important;
}

.dx-command-select {
	width: 50px !important;
	min-width: 50px !important;
	max-width: 50px !important;
}

/* 업무모니터 주간현황 스타일 */
.issue-info td {
	width: 100%;
}

.issue-info p {
	width: 100%;
	word-break: break-all;
}

/* summernote 이미지 팝업버튼 */
.note-image-popover {
	z-index: 2220 !important;
}

/* input box에 icon포함. (이슈상세 시스템, 이슈구분, 업무분류 ) */
.contain-icon-input {
	background-image: url(../images/icon_image/ilSmall/search.png);
	background-repeat: no-repeat;
	background-position: right 2px center;
	padding-right: 20px;
}

.contain-icon-clipboard-copy {
	background-image: url(../images/icon_image/ilSmall/160.png);
	background-repeat: no-repeat;
	background-position: right 2px center;
	padding-right: 20px;
}

.contain-icon-calendar {
	background-image: url(../images/icon_image/ilSmall/time.png);
	background-repeat: no-repeat;
	background-position: right 2px bottom 1px;
	padding-right: 20px;
}

.contain-icon-calendar2 { /*line-Hight : 30 기준*/
	background-image: url(../images/icon_image/ilSmall/time.png);
	background-repeat: no-repeat;
	background-position: right 4px bottom 4px;
	padding-right: 20px;
	min-width: 100px !important;
}

.contain-icon-input-folder {
	background-image: url(../images/file/folder.png);
	background-repeat: no-repeat;
	background-position: right 2px center;
	padding-right: 20px;
}



/* 파생 그리드 */
.derive-table th {
	min-width: 60px;
}

.derive-table td, .derive-table th,
.newproejct-table td, .newproejct-table th{
	padding: 3px;
}

.derive-table, .newproejct-table {
	padding: 5px;
	margin-bottom: 10px;
	background: #fbfbfb;
	border: 1px solid #e4e4e4;
}

.derive-table-area {
	width: 100%;
	height: 435px;
	overflow: auto;
	-ms-overflow-style: auto;
}

.derive-table button {
	margin-top: -5px !important;
}

.derive-modal h3 {
	font-weight: 600;
	font-size: 14px;
	margin: 0 0 10px 5px;
	color: #666666;
	text-align: left;
}

.derive-modal label {
	font-weight: normal;
}

.derive-table input, .newproejct-table input{
	background-color:#ffffff;
	width:100%;
	height:23px;
}

.derive-table textarea{
	background-color:#ffffff;
	width:100%;
	color:#000000;
}

.derive_table{
	width: 100%;
	margin-bottom: 20px;
	table-layout: fixed;
	word-break: break-all;
}

.derive_content_title {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.derive_file_label{
	border: 1px solid #7e9ef3;
    padding: 2px 5px;
    background-color: #7e9ef3;
    border-radius: 4px;
    color: #fff;
    font-weight: normal;
    margin: 0px 5px 2px 0px;
}

/* 게시판  첨부파일 */
.board_file_label{
	border: 1px solid #333;
    padding: 2px 5px;
    background-color: rgba(255,255,255,.15);
    color: #333;
    font-weight: normal;
    margin: 0px 5px 2px 0px;
}

/* placeholder */
input::-webkit-input-placeholder {
  color: #bdbdbd;
}
input:-ms-input-placeholder {
  color: #bdbdbd;
}
textarea::-webkit-input-placeholder {
  color: #bdbdbd;
}
textarea:-ms-input-placeholder {
  color: #bdbdbd;
}

.dx-dropdowneditor-input-wrapper input[readonly] {
	background-color: #fff;
	border: none;
}

.dx-texteditor.dx-editor-outlined{
	border-radius: 0px !important;
	border-color: #cecece !important;
}

.new-label {
	display: inline-block;
	background-color: #ff1c1c;
	border-radius: 4px;
	color: white;
	font-size: 10px;
	padding: 0 3px;			
	padding-top: 1px;
	margin-right: 2px;	
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline{
  background-color: rgba(217,83,79,.4);
}

.dx-row-inserted {
  border: 1px solid #5c95c5 !important;
}

.grid-cell-gray{
	background-color: #eceff1;
}
.grid-cell-btn{
    margin-left: auto;
    width: 16px;
    background-color: #acacac;
    font-weight: bold;
    border-radius: 2px;
}

.dx-icon-more:before {
	position: absolute;
	display: block;
	width: 14px;
	top: 50%;
	margin-top: -7px;
	left: 50%;
	margin-left: -7px;
}

.dx-datagrid-header-panel .dx-toolbar {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

/** 프로젝트 - 간트뷰에서 폴더행의 배경색이 선택행의 배경색과 유사해 폴더행의 색상 변경 **/
.dx-gantt .dx-gantt-altRow,
.dx-gantt .dx-gantt-collapsable-row {
  background-color: #fff6e0 !important;
}

/**그리드 멀티라인으로 인해 row height가 기본 보다 큰경우 에디터 모드시 상단으로 배치*/
.dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
  vertical-align: top !important;
}

.dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
  vertical-align: middle !important;
}

/**2020.11.26 김윤곤 그리드 멀티라인으로 인해  달력 버튼 아래쪽에 border 생성*/
.dx-datagrid-rowsview .dx-texteditor-buttons-container{
	border-bottom: solid 1px #bbbbbc;
}

/**2021.12.23 문서폼 코드콤보 SelectBox Input 스타일 조정 */
.dfArea .docDivStyle .dx-selectbox .dx-selectbox-container .dx-texteditor-container .dx-texteditor-input-container .dx-texteditor-input {
	padding-top: 0px;
	border: 0px;
}
/**2021.12.23 문서폼 코드콤보 SelectBox disabled 스타일 조정 */
.dfArea .docDivStyle .dx-selectbox.dx-state-disabled {
	opacity: 1;
	background-color: #eaeaea;
}

/**tag 숨김*/
.none {
	display: none;
}

.grid_min_height{
	min-height:620px
}
.table_basic{
	width: 100%;
}
.table_basic  th, .table_basic td{
	padding: 1px
}

/*필수 입력 항목*/
.required:BEFORE { 
	content : '*';
	color:red;
	vertical-align: middle;
}

.ui_temp_form_div_flex{display:flex; align-items: center;}
.ui_temp_form_div_flex > label {margin-left: 10px !important; margin-right: 10px !important; }
.ui_temp_form_div_flex_end{align-self: flex-end; margin-left: auto;}


/*그리드 셀 아이콘 fa fa-share-square-o 함께 사용 */
.cell_icon{
	display: inline-block;
	margin-left: 3px;
    cursor: pointer;
    padding-top: 3px;
}
/*텍스트 말줄임 */
.to_ellipsis{
	text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
}