@import url("/js/controls/css/pnficContorls.css?ver=20210224_01");
@import url("/js/treeview/jquery.treeview.css");
@import url("/js/controls/css/mdistyle.css");
@import url("/css/menuTab.css");
@import url("/js/jquery-ui-1.12.1/jquery-ui.min.css");


#_pnfic_framework_OutLineDiv{
	position: absolute;
	left: 0px; 
	top: 0px; 
	display:flex; 
	
	width:100%;
	height:100%;
	
	z-index:100; 
	/*
	background-color: rgba(248, 247, 216, 0.7); /* 반투명
	 */
	justify-content: center ;
	align-items: center;
	visibility:hidden;
}


#_pnfic_framework_TOPOutLineDiv{
    position: absolute;
    left: 0px; 
    top: 0px; 
    display:flex; 
    
    width:100%;
    height:100%;
    
    z-index:100; 
    /*
    background-color: rgba(248, 247, 216, 0.7); /* 반투명
     */
    justify-content: center ;
    align-items: center;
    visibility:hidden;
}
._pnfic_framework_LoadingDiv{
	position: absolute;
	left: 0px; 
	top: 0px; 
	display:flex; 
	width:100%;
	height:100%;
	z-index:100; 
	/*
	background-color: rgba(248, 247, 216, 0.7); /* 반투명
	 */
	justify-content: center ;
	align-items: center;
	visibility:hidden;
}

#_pnfic_framework_OutLine_SubDiv{
	display:flex; 
	justify-content: center ;
	
	width:100%;
	height:100%;
	
	align-items: center;
	visibility:hidden;
}

body, html{height:100%}


body {
	font-family:Malgun Gothic ,Dotum, Sans-serif, Arial;
	font-size:12px; color:#555;
 	background-color:#fff;
 	}
 	
img {
	border: 0;
	}
	
*   {
	margin: 0; padding: 0;
	}
table {
	border: 0px;
	border-spacing :0px;	
}
table td{
	padding:0px;
	
}
ul li {list-style:none; }

textarea {
    resize: none;
    font-size:12px; color:#555;
 	
}

	
A:link {color:#555; text-decoration:none;}
A:visited {color:#555; text-decoration:none;}
A:hover {color:#0280D7; text-decoration:none;}
A:active {color:#0280D7; text-decoration:none;}

.loginText {
	
	  font-size:12px; color:#FFFFFF;
}
.loginNameText {
	
	font-size:12px; color:#FFFD32;
}
.divCenter{        
    display: flex;          
    align-items: center;
	
}

#DivLogo{
	
	left:0px;
	top:0px;
	width:170px;
	height:55px;
	position:absolute;
	z-index:99999999;
}
.TabSplace {
	
	width:100%;
	height:17px;
	background-color:#34343E;	
	border: 1px solid #34343E;	
	border-left-width: 0px;
	
}
.TabSelect {
	width:100%;
	height:90px;
	background-color:#FC851F;
	writing-mode: tb-rl ;
	border: 1px solid #34343E;
	color:#fff;
	cursor: pointer;
	border-left-width: 0px;
	border-top-width: 0px;
	padding-top: 10px;

}	
.TabNoSelect {
	width:100%;
	height:90px;
	background-color:#E3E3E3;
	writing-mode: tb-rl ;
	border: 1px solid #34343E;
	color:#000000;
	cursor: pointer;
	border-left-width: 0px;
	border-top-width: 0px;
	padding-top: 10px;
	
}	
#filterSearchArea{
	background-color:#F6F3EA;
	
	overflow-y: auto;
	overflow-x: hidden;
	
}
.FilterList{
	margin: 5px 0px 5px 3px;
	width:95%;
	border: 1px solid #DDD4CF;
	/*
	width: max-content;
	*/
	width: 186px;
	align-items: center;
	border-radius: 4px;
	flex-direction: row ;
	padding-top: 1px;
	padding-bottom :1px;
}

.FilterList2{
	margin: 5px 0px 5px 3px;

	/*
	width: max-content;
	*/
	width: 186px;
	align-items: center;
	border-radius: 4px;
	flex-direction: row ;
	padding-top: 1px;
	padding-bottom :1px;
}

.FilterList1Text{
	 flex-grow: 1 ;
	 height:23px;
	
	 justify-content: center;
	
}
.FilterList2Text{
	 flex-grow: 1 ;
	 height:46px;
	 justify-content: center;
	 flex-direction: row ;
	 text-align: center;
}
.FilterListInput{
	
	 flex-grow: 0 ;
	 justify-content: center ;
	 width: 120px;
}
.FilterListLeftInput{
	
	 flex-grow: 0 ;
	 justify-content: left ;
	 width: 120px;
}
.FilterBigList{
	margin: 5px 0px 5px 3px;
	width:95%;
	border: 1px solid #DDD4CF;
	/*
	width: max-content;
	align-items: center;
	*/
	width: 186px;
	
	border-radius: 4px;
	flex-direction: column ;
	padding-top: 1px;
	padding-bottom :1px;
}
.FilterListBigText{
	 
	 align-items: left;
	 justify-content: left;
	 font-size:18px;
	 padding-left:5px;
}

.FilterBigBodyList{
	
	border-radius: 4px;
	flex-direction: row ;
	padding-top: 1px;
	padding-bottom :1px;
}

.left_input_Big{
	
	width:173px;
	 font-size:18px;
	 height:25px;
}

.left_input_short_Big{
	
	 width:100px;
	 font-size:18px;
	 height:25px;
}

/*
.FilterList td .inputArea{	

  width:116px;
}
.FilterList td{
	
	padding:1px;
	text-align: center;
	
}
.FilterList td img{	

    vertical-align: bottom;
}

*/

#filterBtnArea {
	/*
	height:22px;		
	border: 1px solid #34343E;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 1px;
	border-left-width: 0px;
	background-color:#ECECFF;
	padding-top: 5px;
	text-align: center;
	*/
	height:33px;
	line-height:33px;
	background:  linear-gradient( to bottom, #EEEEEE, #EEEEEE, #FFFFFF  );
	border-top-width: 1px;border-top-style: solid;
	text-align: center;
}
#filterBtnArea div{
	
	text-align: center;
}
.left_input_cal  {
	
	text-align:left; 
	font-size: 12px; 
	border:#8A95B3 1px solid; 
	padding:0px; 
	height:16px; 
	width:85px;
}

.left_input_small  {
	
	font-size: 12px; 
	border:#8a95b3 1px solid; 
	padding:0px; 
	height:16px; 
	width:107px;
	 
	}

.left_input_bigsmall   {text-align:left; font-size: 12px; BORDER:#8A95B3 1px solid; padding:0px; height:16px; width:40px;}

.buttonStyle_1 {
	padding :0px 10px 0px 10px;
    border-radius: 4px;
    cursor: pointer;    
    color: #ffffff;
    border: #000000 solid 1px;    
    font-weight:bold;
    background:  linear-gradient( to bottom, #7E899E, #525B6E,#525B6E );
    width : max-content;
    width :-moz-max-content;
    height:20px;
    line-height: 20px;
    
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.buttonStyle_1:hover {
	
    border-radius: 4px;
    cursor: pointer;
    color: #ffffff;
    border: #AD6500 solid 1px;    
    background:  linear-gradient( to bottom, #EDAA27, #E58B03, #E58B03  );
    /*
    background-color: #F99704;
    box-shadow: rgba(30, 22, 54, 0.7) 0 0px 0px 40px inset;
    */
}


.buttonStyle_2 {
	padding :0px 5px 0px 5px;
    border-radius: 4px;
    cursor: pointer;    
    color: #767676;
    border: #C6C6C6 solid 1px;    
    font-weight:bold;
    text-align:center;
    /*
    background:  linear-gradient( to bottom, #FFFFFF, #FFFFFF,#525B6E );
 	*/
 	background-color:#FFFFFF;
    height:18px;
    line-height: 18px;
    
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    
}
.buttonStyle_2 input[type="file"] { 
/* 파일 필드 숨기기 */
 position: absolute; 
 width: 1px; 
 height: 1px; 
 padding: 0; 
 margin: -1px; 
 overflow: hidden; 
 clip:rect(0,0,0,0); 
 border: 0; 
 }
 
.buttonStyle_2 label {
    cursor: pointer;    
 }
.buttonStyle_2 input[type="file"]:hover { 
/* 파일 필드 숨기기 */
 	 border-radius: 4px;
    cursor: pointer;
    color: #767676;
    border: #C6C6C6 solid 1px;    
    background:  linear-gradient( to bottom, #FFFFFF, #FFFFFF, #C6C6C6  );
 }


.buttonStyle_3 {
	padding :0px 10px 0px 10px;
    border-radius: 4px;
    cursor: pointer;    
    color: #505F78;
    border: #A1BCD1 solid 1px;    
    font-weight:bold;
    background:  linear-gradient( to bottom, #FFFFFF, #F7F7F9, #EAEFF5  );
    width : max-content;
    width :-moz-max-content;
    height:20px;
    line-height: 20px;
 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.buttonStyle_3:hover {
	
    border-radius: 4px;
    cursor: pointer;
    color: #CF617E;
    border: #CADEFF solid 1px;     
    background:  linear-gradient( to bottom, #FFFFFF, #F7F7F9, #EAEFF5  );
  
}

.buttonStyle_4 {
	padding :1px 5px 1px 5px;
    border-radius: 4px;
    cursor: pointer;    
    color: #505F78;
    border: #A1BCD1 solid 1px;    
    font-weight:bold;
    background:  linear-gradient( to bottom, #FFFFFF, #F7F7F9, #EAEFF5  );
    width : max-content;
    width :-moz-max-content;
    height:15px;
    line-height: 15px;
    
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
 
}

.buttonStyle_4:hover {
	
    border-radius: 4px;
    cursor: pointer;
    color: #CF617E;
    border: #CADEFF solid 1px;     
    background:  linear-gradient( to bottom, #FFFFFF, #F7F7F9, #EAEFF5  );
  
}


.MDI_Body_Top{
	
	height:10px;
	line-height:10px;
	background:  linear-gradient( to bottom, #E6E6E6, #E6E6E6, #FFFFFF  );
}

.MDI_Body_Contents{
	
	padding :0px 5px 0px 5px;
}


.MDI_Body_Bottom{
	
	height:33px;
	line-height:33px;
	background:  linear-gradient( to bottom, #EEEEEE, #EEEEEE, #FFFFFF  );
	border-top-width: 1px;border-top-style: solid;
	justify-content: flex-end;
}

.bullet_icons1{
	border: 3px solid #EB5A4C;
	height:6px;
	width:6px;
	border-radius: 2px;
	
	/*
	line-height:20px;
	background-color:#EB5A4C;
	*/
	float: left; 
}

.bullet_icons2{
	border: 2px solid #EB5A4C;
	height:4px;
	width:4px;
	border-radius: 2px;
	
	/*
	line-height:20px;
	background-color:#EB5A4C;
	*/
	float: left; 
}

.MDI_Title1{
	 padding-left:3px;
	 font-weight:bold;
	 font-size:14px; 
	 color:#555;
	 /*
	 height:20px;
	 */
}
.divTalbe {

  display: flex;
}

.container {
	flex-direction: row;
	/* flex-direction: column; */
	/* flex-direction: row-reverse; */
	/* flex-direction: column-reverse; */
}
.divTd {
   display: flex;
  
   align-items: center;
   flex-wrap :wrap;
   /*
 
  justify-content: flex-end;
 
  font-size: 40px;
  color: #fff; 
  border: 1px solid #EB5A4C;
  */
}
#popTitle{
	
	height:25px;	
}
.popup_Title1{
	 padding-left:3px;
	 font-weight:bold;
	 font-size:14px; 
	 color:#ffffff;
	 align-items: center; 
	 /*
	 height:20px;
	 */
}

.popup_SubTitle1{
	 padding:3px;
	 font-weight:bold;
	 font-size:13px; 
	 color:#555555;
	 align-items: center; 
	 /*
	 height:20px;
	 */
}

/*datepicer 버튼 롤오버 시 손가락 모양 표시*/
.ui-datepicker-trigger{cursor: pointer;}
/*datepicer input 롤오버 시 손가락 모양 표시*/
.hasDatepicker{cursor: pointer;}

/*

.item:nth-child(1) { background: #FFC447; }
.item:nth-child(2) { background: #E87635; }
.item:nth-child(3) { background: #FF4847; }
.item:nth-child(4) { background: #D335E8; }
.container1 .item:nth-child(1) { flex-grow: 0; }
.container1 .item:nth-child(2) { flex-grow: 0; }
.container1 .item:nth-child(3) { flex-grow: 0; }
.container1 .item:nth-child(4) { flex-grow: 1; }


.MDIMainBodyTable{
	display: table;	
	background-color:#FC851F;
	height:100%;
	width:100%;
	
	background-color:red;
	
}
.MDIMainBodyCell{
	display: display: table-cell;
	background-color:#FC851F;
	height:100%;
	width:100%;
	
	background-color:red;
	
}

.MDIMainBody{
	display: display: table-cell;
	 width:100%;
	 height:100%;
 	 background-color:#FFFFFF;
	 vertical-align: top;
	 display: table;
	 
		
}

.MDIMainTitle{
	
	height:25px;
	line-height:25px;
	background:  linear-gradient( to bottom, #E6E6E6, #FFFFFF, #FFFFFF  );
	
}
.MDIMainBottom{
	
	height:25px;
	line-height:25px;
	background:  linear-gradient( to bottom, #EEEEEE, #EEEEEE, #FFFFFF  );
}
*/