@charset "utf-8";

/* font 관련 CSS 추가 *****************************************************************************/

@import url(../css/font/nanumgothic.css);
@import url(../css/login/font.css);

/* color 관련 CSS 추가(Leo) *****************************************************************************/
@import url(../css/color.css);

/************************************************************************************************/

html, body, table, div, p{font-family: 'Pretendard';}

/********************** EasyUI textbox   *******************/
  .textboxbottomline {
	    border-radius:0 0 0 0;
	    border-width:0 0 1px 0;
	}

  .textboxbottomNoneline {
	    border-radius:0 0 0 0; 
	    border-width:0 0 0 0;
	    background-color:#f7f7f7;
	    color:#402102;
	}

.textbox .textbox-text {
		font-size: 14px;
}

.usertextbox-text-right .textbox-text{
		text-align: right;
}

.usertextbox-text-right-backcolor .textbox-text{
		text-align: right;
		background-color:#f7f7f7;
		color:#402102;
}

.usertextbox-text-right-backcolor01 .textbox-text{
		text-align: right;
		background-color:#ffffff;
		color:#402102;
}

.usertextbox-text-center .textbox-text{
		text-align: center;
}

.usertextbox-text-left .textbox-text{
		text-align: left;
}

.textbox-focused {
  outline: none;
  border-color: #1D9ADD;
  box-shadow: 0 0 1px 3px rgb(59 153 252 / 22%);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  -moz-box-shadow: 0 0 1px 3px rgb(59 153 252 / 22%);
  -webkit-box-shadow: 0 0 1px 3px rgb(59 153 252 / 22%);
}

.usertextbox-icon .textbox-text{
	width:12px;
	height:12px;
}

.textbox.no-border{
	border:0;
}
.textbox.color-primary input[type=text]{
	color: var(--color-primary);
}
.textbox.fw-600 input[type=text]{
	font-weight: 600;
}
.textbox.ta-center input[type=text]{
	text-align: center;
}


/******************* EasyUI combobox   *******************/
.combobox-item,
   .combobox-group,
.combobox-stick {
  font-size: 14px;
  padding: 2px 4px;
  line-height: 21px;
}

.combobox-item{
	cursor: pointer;
}

.textbox-icon{
	margin-right: 7px;
}

.combo-arrow{
	width:10px !important;
	margin-right: 7px;
}

.icon-search{
	margin-right: 6px!important;
}

.combocss1 .textbox-text{
	color: #076b5e;
	font-weight:bold;
	background-color:#dff7e7;
}

.inputtextcss1 .textbox-text{
/*	color: blue;
	font-weight:bold;
	font-size: 14px;
	background-color:#4cff1226;*/
}

/******************* EasyUI messager   *******************/


.messager-body{
	text-align : center;
	display:table-cell;
	vertical-align:middle;
    padding:20px !important;
    height:auto;
    max-width:900px !important;
	position: relative; /* 23.06.23 아이콘 포지션을 위해 속성 추가 */
}
.messager-body .messager-icon{ /* 23.06.23 아이콘 포지션을 위해 속성 추가 */
    position: absolute;
    left: 20px;
    top: 20px;
}
.messager-body .messager-header{
	color: #F03636;
    font-weight: bold;
    display: inline-block;
    font-size: 16px;
}
.messager-body .messager-footer{
	padding: 10px 32px;
    border-radius: 6px;
    background: #f1f1f1;
    color: #5e5e5e;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.messager-button .l-btn{
    font-size: 14px;
    border-radius: 4px;
    background: #1D9ADD;
    color: #fff;
    border: 0;
    font-weight: normal;
    padding: 4px;
}	
.messager-button .l-btn:hover{
	background-color: #1589C7;
    transition: all 0.3s ease;
}	

/******************* EasyUI DataGrid   *******************/

.datagrid-header .datagrid-cell span{
    font-weight: 500;
    font-size:14px;
    color: #687078;
}

.datagrid-header-row .datagrid-cell-group{
    font-weight: 500;
    font-size:13.5px;
    height:20px;
    line-height:20px;
    padding:0 0px;
}

.datagrid-header-row, .datagrid-row {  height: 30px; }

.datagrid-row{
    height : 30px;
}

.datagrid-view .datagrid-editable-input{  
	height: 22px !important; 
	/* font-size:12px;  */
}

.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
/*     margin: 0; */
    margin: 0;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: -0.4;
}

.panel-header {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #DEE2E6;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
}
.combo-panel > .panel > .datagrid-wrap {
	border: 0px;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
}

.datagrid-wrap {
	border: 1px solid #DEE2E6;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}
.layout-split-east .panel-body {
	border: 0px solid #DEE2E6;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
}
.step-content .panel-body {
	border: 1px solid #DEE2E6;
	border-radius: 6px 6px 6px 6px !important;
	-moz-border-radius: 6px 6px 6px 6px !important;
	-webkit-border-radius: 6px 6px 6px 6px !important;
}
.layout-expand .panel-body {
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #DEE2E6;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
}

.datagrid-row-selected {
  background: #E3F5FF;
  color: #000000;
  text-align:center;
}

/******************* EasyUI accordion   *******************/


.datagrid-toolbar{
    padding:10px 10px;
    height:46px !important;
	border-bottom: 1px solid #DEE2E6 !important;
}

/******************* EasyUI Panel   *******************/
.ezui_panel_hcls1{background: #e6ebf1;}
.ezui_panel_hcls2{background: #e4f4e3;}
.ezui_panel_hcls3{
	  background: #e6ebf1  url(../images/sub/box_type02_bullet.gif) 10px 12px no-repeat;
      padding:8px 0 2px 22px !important;
       -moz-border-radius:2px;
       border-radius:4px 4px 0 0;
      }
.panel-body{
  padding:0px;
}
.ezui_panel_body{
  margin-bottom:0px !important;
/*   margin-left: 20px; */
}

/******************* EasyUI calendar   *******************/
.calendar-md{
            height:16px;
            line-height:16px;
            background-position:15px center;
            text-align:right;
            font-weight:bold;
            padding:0 0px;
        }

/******************* layout   *******************/

/* 패널 head */
.westtitle_hcls1{
	    text-align: center;
	    padding:21px 0 !important;
}
.westtitle_hcls1::before{
	    /*content: url('../images/icon/help1.png') no-repeat center center);*/
	    content: '';
}
.westtitle_hcls2{
	    text-align: center;
	    padding: 0;
	    background:#e6ebf1;
}
.westtitle_hcls2 .panel-title {
    background: #F1F3F5;
    width: 100%;
    margin: 0px;
    height: 40px;
    font-weight: 600;
    font-size: 14px;
    color: #242424;
   
    display: flex;
    justify-content: center;
    align-items: center;
}

.westtitle_hcls3{
 	    text-align: center;
	    padding: 0;
	    background:#e6ebf1;
}
.westtitle_hcls3.panel-header{
	border-radius:0;
}
.westtitle_hcls3 .panel-title {
    background: #F1F3F5;
    width: 100%;
    margin: 0px;
    height: 32px;
    font-weight: 600;
    font-size: 14px;
    color: #242424;
   
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #DEE2E6;
}

.box_type01 .westtitle_hcls4{
    text-align: center;
    padding: 0;
    background:none;
    border: none;
    padding-left: 10px;
}
.box_type01 .westtitle_hcls4 .panel-title {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: #42515E;
    height: 40px;
    line-height: 40px;
}
.box_type01 .westtitle_hcls2{
	background: #F1F3F5;
	height: 40px;
	text-align: left;
    padding: 7px 16px;
}

.box_type01 .westtitle_hcls2 .panel-title{
	font-weight: 600;
    font-size: 14px;
    color: #242424;
}

/* 패널 layout Title */
.centertitle_hcls1{
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	color: #868E96;
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.centertitle_hcls1 label{
	color: #1D9ADD;
	margin-bottom: 0;
}
.centertitle_hcls2{
		font-size: 12px;
	    font-weight: 600;
	    text-align: right;
	    color: #949494;
	    float:right;
	    padding:3px 10px;
}
.centertitle_hcls2 li{
	    display:inline-block;
		font-size: 12px;
	    font-weight: 600;
	    text-align: left;
	    color: #949494;
}
.table_contents .panel-title {
    font-size: 14px;
    font-weight: 600;
    color: #242424;
    height: 25px;
    line-height: 26px;
}
.box_type01 .panel-title {
    font-size: 14px;
    font-weight: 600;
    color: #242424;
    height: 25px;
    line-height: 26px;
}
.window-header .panel-title {
    font-size: 14px;
    font-weight: 600;
    color: #242424;
    height: 25px;
    line-height: 26px;
    margin: 0 0 0 6px;
}
.panel-title {
    font-size: 14px;
    font-weight: 600;
    color: #242424;
    height: 25px;
    line-height: 26px;
}
/******************* label   *******************/
.textbox-label{
	font-size: 14px;
}


/******************* datagrid-toolbar linkButton   *******************/
.datagrid-toolbar .l-btn-text{
	line-height:24px;
}

/******************* tabs   *******************/
.tabs-title {
    font-size: 14px;
    font-weight: 500;
}

/******************* treegrid   *******************/
.tree-title {
    font-size: 14px;
}


/******************* messager   *******************/
.messagercls1,.messagercls1:hover,.messagercls1>.panel-header{
	/*border-color: #DEE2E6;*/
	background: #F1F3F5;
}
.messagercls1>.panel-body{
	/*border-color: red;
	background: red; */
}
.messagercls1>.dialog-toolbar,.messagercls1>.dialog-button{
	border-color: red;
	background: red;
}

.messagercls2,.messagercls2:hover,.messagercls2>.panel-header{
	border-color: #2a5c8e;
	background: #84afda;
}
.messagercls2>.panel-body{
	/*border-color: red;
	background: red; */
}
.messagercls2>.dialog-toolbar,.messagercls2>.dialog-button{
	border-color: red;
	background: red;
}

/******************* textbox안 이미지 버튼   *******************/
.icon-clear{
    width: 11px !important;
    margin-top: 1px;
}

.textbox-addon{
		background: linear-gradient(to bottom,#ffffff 0,#fffefe 100%);
		width:auto;
		padding:0px;
	}


/******************* 스크롤 따라다니는 DIV   *******************/
#sidebox01 {position:absolute; width:90%;  top:200px; left:4px; text-align: center;   }
.scrollMoveBox01 {  position:absolute; width:100%;text-align: center;   } /* 월 경영자료 */
#leftsideMenuBox01 { background-color:#F0F0F0; position:absolute; width:100%;  top:0px; left:0px;    }


/******************* Leo easyui custom 220905  *******************/
.topt_area .topt_menu .userOption, .topt_area .topt_menu .userOption *{
	color: #868E96;
	font-weight: 600;
}
.topt_area .topt_menu .userOption{
	font-weight: 600;
}
.topt_area .topt_menu .userOption .userOption_list *{
	font-weight: 500;
}
.topt_menu > .userOption:hover{
	cursor: pointer;
}
.userOption.lang .textbox.combo{display: flex;}
.userOption.lang .textbox.combo .textbox-text{text-align: left;}
.topt_menu > .userOption:hover .userOption_title, .topt_menu > .userOption:hover .userOption_title *{
	color: #1D9ADD;
}
.topt_menu .userOption:hover .userOption_title .m-btn-downarrow{
	filter: brightness(0) saturate(100%) invert(50%) sepia(82%) saturate(1242%) hue-rotate(171deg) brightness(90%) contrast(93%);
}
.topt_area .userOption{
	display: flex;
    align-items: center;
    position: relative;
    color: #868E96;
    justify-content: flex-end;
}
.topt_area .topt_menu > li:last-child{
	padding-right:0;
}
.topt_area .userOption .m-btn-downarrow{
	background: url('../package/jquery-easyui-1.8.8/themes/gray/images/combo_arrow.png') no-repeat center center;
	opacity: 0.5;
}
.topt_area .userOption .userOption_list{
	display: none;
    position: absolute;
    top: 40px;
    z-index: 1000;
    background: #fff;
    flex-direction: column;

    border: 1px solid #DEE2E6;
    border-radius: 6px;
}
.topt_area .userOption .userOption_list li{
	width: 100%;
	height: 100%;
	white-space: nowrap;
	text-align: left;
}
.topt_area .userOption .userOption_list li:hover{
	background: #e2e2e2;
	cursor: pointer;
}
.topt_area .userOption .userOption_list li *{
	padding: 14px;
}

.topt_area .userOption.info #baseTopMemberNm::before{
	content:"(";
}
.topt_area .userOption.info #baseTopMemberNm::after{
	content:")";
}
.topt_area .userOption .userOption_list.active{
	display: flex;
}
.topt_area .userOption.info .userOption_list li{
	text-align: center;
}
.topt_area .userOption.info .userOption_title{
	position: relative;
	padding-right: 20px;
}
.topt_area .t_menu01.userOption.help .userOption_title{
	position: relative;
	padding-right: 20px;
}
.topt_area .t_menu01.userOption.help a:hover {
	background: none;
	border-radius: 0;
}
.topt_area .t_menu01.userOption.help a:hover .m-btn-downarrow{
	opacity: 1;
}
.topt_area .userOption.calc a{
	color: #868E96;
}
.topt_area .userOption.lang .textbox.combo{
	border: 0;
	border-radius: 0;
}
.topt_area .userOption.lang .textbox.combo .textbox-text{
	padding: 0 6px 0 0;
	border-radius: 0;
	margin: 0;
	cursor: pointer;
	-webkit-user-select : none;
	user-select : none;
}
.topt_area .userOption.lang .textbox.combo.textbox-focused{
	box-shadow: none;
}
div[id^=LanguageCombo]{
	border:0;
	border-radius: 0;
	box-shadow: none;
}
.langPanel .combobox-item{
    padding: 12px;
	text-align : left;
}
.leftMenuList.panel-body{
	background: #42515E;
	color: #fff;
}
.leftMenuList.panel-body *{
	border:0;
}
.panel-tool a.layout-button-left, .panel-tool a.layout-button-right{
	opacity: 1;
	/*filter: invert(1);*/
}
.panel-tool a.layout-button-left:hover, .panel-tool a.layout-button-right:hover{
	background-color : transparent;
}
.layout-expand .panel-header, .layout-expand .panel-body{
	border:0;
	border-radius: 0;
	color: #fff;
}
.layout-expand .panel-body .panel-title{
	left: 26.5px;
}
/******************* Leo easyui custom 220905  *******************/
.easyui-textbox, .easyui-combobox, .easyui-numberbox{
	width: auto;
}
.easyui-combobox.wd100{ width: 100px; }
.easyui-combobox.wd120{ width: 120px; }
.easyui-combobox.wd140{ width: 140px; }
.easyui-combobox.wd160{ width: 160px; }
.easyui-combobox.wd180{ width: 180px; }
.easyui-combobox.wd200{ width: 200px; }

.div_iFlex .textbox{
	border-radius: 0;	
}
.div_iFlex .textbox .textbox-text{
	border-radius: 0;	
}

.westtitle_hcls5.panel-header{
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
	padding: 4px 16px;
	background: #42515E;
	border: 0;
}
.westtitle_hcls5 .panel-title{
	color: #fff;
}
.westtitle_hcls5+.panel-body{
	border: 1px solid #DEE2E6;
	border-bottom: 0;
}
.westtitle_hcls5+div .table_list06{
    border-collapse: collapse;
}
.westtitle_hcls5+div .table_list06 tr:first-child{
	border-bottom:1px solid #DEE2E6;
}
.westtitle_hcls5+div .box_type06{
	border-left : 0;
}
.westtitle_hcls5+div .table_input01{
	border-radius : 0;
	border:0;
}
.westtitle_hcls5+div .table_input01 td{
	padding:0;
}
.datagrid-header, .datagrid-toolbar, .datagrid-pager, .datagrid-footer-inner{
	border:0;
}
.datagrid-footer .datagrid-row{ background: #9d9da7; color:#fff }
.datagrid .datagrid-pager{
	border-style: none;
}
.tabs-header{
	border-radius: 6px;
}
#euitbsReportView.easyui-tabs .tabs-header{
	border-radius: 6px 6px 0 0;
	display: none;
}
.tabs-panels{
	border: 0;
}
.step-app > .step-content > .step-tab-panel.active{
	overflow: overlay;
}
#seepMdWriteHistoryMain .datagrid-body{
	overflow: hidden;
}
.datagrid-btable{
	/* display: flex; */
}
.datagrid-body-inner{
	display: flex;
}
#JadonListDiv td{
	padding: 0;
	font-weight:normal;
}
#farmGoalLayout .panel-header.westtitle_hcls3{
	border:0;
}
#farmGoalLayout .panel-header.westtitle_hcls3+div .datagrid-wrap{
	border-width : 1px 0 0 0;
}
.table_input01 tr[id^=vinList_datagrid-row]:last-child td{
	border-bottom:0;
}
.table_input01 tbody tr[id^=vinList_datagrid-row]:first-child td{
	border-bottom: 1px solid #DEE2E6;
}
tr[id^=dgPossGroupList02] td[field='-'] a{
	height: auto !important;
}
tr[id^=dgPossGroupList02] td[field='-'] .l-btn-icon{
	margin-top: -8px;
	left: 4px;
}
tr[id^=dgOutSetList] td[field=btn] a{
	height: auto !important;
}
tr[id^=dgOutSetList] td[field=btn] .l-btn-icon{
	margin-top: -9px;
	left: 4px;
}
#menuSet-smarttab .tab-content div[role="tabpanel"]{
	height: 100%;
}
#ezPopupRightMainDiv{
	height: 100vh !important;
}
#ezPopupRightInnerDiv{
	height: 94vh !important;
}
#ReportView > iframe {
	height: 100vh;
}