@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'D2Coding';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('D2Coding Bold'),
    url('./fonts/d2coding-bold-full.woff2') format('woff2'),
    url('./fonts/d2coding-bold-full.woff') format('woff'),
    url('./fonts/d2coding-bold-full.ttf') format('truetype');
}

@font-face {
  font-family: 'D2Coding';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('D2Coding Regular'),
    url('./fonts/d2coding-full.woff2') format('woff2'),
    url('./fonts/d2coding-full.woff') format('woff'),
    url('./fonts/d2coding-full.ttf') format('truetype');
}

/* jqcgrid cell color css */
/* .blue {
  color: black !important;
  background-color: #B4E5FF !important;
}
.red {
  color: black !important;
  background-color: #FEBEBE !important;
} */
.green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black !important;
  background-color: #D4F0E0 !important;
}
.blue:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black !important;
  background-color: #c7e1ef;
}
.red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black !important;
  background-color: #facfcf !important;
}
.gray:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black !important;
  background-color: #dfdfdf !important;
}

label{
  font-weight: 400 !important; cursor: pointer; margin: 0px 4px 0px 3px;
}
.radioTxtAlign{
  margin-right: 2px !important; vertical-align: -2px;
}


/* 버튼 css */
.w-btn-outline {
  position: relative;
  padding: 3px 10px;
  border-radius: 11px;
  /* font-family: "paybooc-Light", sans-serif; */
  /* box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); */
  text-decoration: none;
  font-weight: bolder;
  transition: 0.25s;
  background-color: #FFFFFF;
}

.w-btn-indigo-outline {
  border: 3px solid aliceblue;
  color: #1e6b7b;
}

.w-btn-indigo-outline:hover {
  color: #1e6b7b;
  background: aliceblue;
}

.w-btn-pink-outline {
  border: 3px solid rgb(255, 236, 241);
  color: #ba4148;
}

.w-btn-pink-outline:hover {
  color: #ba4148;
  background: rgb(252, 236, 243);
}

.w-btn-outline:hover {
  /* letter-spacing: 1px; */
  /* transform: scale(1.02); */
  cursor: pointer;
}

textarea{ 
	font-size: 13px; 
	color: #000000;
	border: 1px solid #DCDCDC;
	text-align: left;
  padding:5px  !important;;
}

/*
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('Noto Sans Thin'), url('./fonts/Notokr/NotoSans-Thin.eot');
    src: url('./fonts/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-Thin.woff2') format('woff2'),
         url('./fonst/NotoSans-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('Noto Sans Light'), url('./fonts/Notokr/NotoSans-Light.eot');
    src: url('./fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-Light.woff2') format('woff2'),
         url('./fonts/NotoSans-Light.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('Noto Sans DemiLight'), url('./fonts/Notokr/NotoSans-DemiLight.eot');
    src: url('./fonts/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-DemiLight.woff2') format('woff2'),
         url('./fonts/NotoSans-DemiLight.woff') format('woff');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('Noto Sans Regular'), url('./fonts/Notokr/NotoSans-Regular.eot');
    src: url('./fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-Regular.woff2') format('woff2'),
         url('./fonts/NotoSans-Regular.woff') format('woff');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('Noto Sans Medium'), url('./fonts/Notokr/NotoSans-Medium.eot');
    src: url('./fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-Medium.woff2') format('woff2'),
         url('./fonts/NotoSans-Medium.woff') format('woff');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('Noto Sans Bold'), url('./fonts/Notokr/NotoSans-Bold.eot');
    src: url('./fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-Bold.woff2') format('woff2'),
         url('./fonts/NotoSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('Noto Sans Black'), url('./fonts/Notokr/NotoSans-Black.eot');
    src: url('./fonts/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
         url('./fonts/NotoSans-Black.woff2') format('woff2'),
         url('./fonts/NotoSans-Black.woff') format('woff');
}
*/


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}



body {
  padding-right: 0 !important;
}


/*common*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none;overflow:hidden;}
body,input,textarea,select,table,button,code{letter-spacing:0px; font-size:1.2em/1.3em;line-height:1.25em;font-family:"Noto Sans KR";box-sizing: border-box;overflow-y: hidden;}



/*소제목부문*/
.smallTitle{ padding:8px 0 8px 25px; font-size:14px; font-weight: bold; background:#EFEFEF; color: #000000;border-radius: 0px 0px 0px 0px;}
.smallTitle2{padding:8px 0 8px 25px; font-size:14px; font-weight: bold; background:#EFEFEF; color: #000000;border-radius: 0px 0px 0px 0px;}
.smallTitleDiv{background:#E8EBF4;}
/*조회조건박스*/
.searchResion1{ position:relative; margin-bottom:0px; border: 1px solid #dbdbdb; background-color: #FFFFFF;border-top: 0px solid #64707F;padding: 2px;}
/*.search_table{ margin: 12px 0 12px 0; width: 100%;}
.search_table th, .search_table td{ padding: 5px 0 5px 0;}
.search_table th{padding-left: 10px; text-align: left; font-size: 14px;}*/
.search_table{ margin: 0 0 0px 0; width: 100%; border-bottom: 0px solid #DCDCDC;border-collapse:collapse; border-top: 0px solid #64707F;}
.search_table th, .search_table td{ padding: 8px 0 8px 0; border-bottom: 1px solid #D0D0D0;}
.search_table th{padding-left: 0px; text-align: center; font-size: 14px; background-color: #E6E6E6;}
.search_table td{text-align: left; padding-left: 5px; background: #ffffff;}

/* 등록박스 */
.inputResion1{ position:relative; border-top: 0px solid #64707F; background-color: white; z-index: 100;border-right: 1px solid #DCDCDC;}
.input_table{ margin: 0 0 5px 0; width: 100%; border-bottom: 0px solid #DCDCDC;border-collapse:collapse;}
.input_table th, .input_table td{ padding: 4px 0 4px 0; border-bottom: 1px solid #EFEFEF;}
.input_table th{padding-left: 10px; text-align: left; font-size: 12px; background-color: #f7f7f7;}
.input_table td{text-align: left; padding-left: 5px; background: #ffffff;}

.input_table2{ margin: 0 0 5px 0; width: 100%; border-bottom: 0px solid #DCDCDC;border-collapse:collapse;}
.input_table2 th{text-align: center; font-size: 12px; background-color: #f7f7f7;padding: 4px 0 4px 10px; border-bottom: 1px solid #EFEFEF;}
.input_table2 td{text-align: center; padding-left: 20px; background: #ffffff;padding: 0px 0 0px 0; border-bottom: 1px solid #EFEFEF;}

.input_table3{ margin: 0 0 5px 0; width: 100%; border-bottom: 0px solid #DCDCDC;border-collapse:collapse;}
.input_table3 th{text-align: center; font-size: 12px; background-color: #f7f7f7;padding: 4px 0 4px 10px; border-bottom: 1px solid #EFEFEF;}
.input_table3 td{text-align: center; background: #ffffff;padding: 4px 0 4px 20px; border-bottom: 1px solid #EFEFEF;}



/* 화면 css start*/
/*레이아웃설정*/
#containerOuter{margin:0px auto; width:100%;  }
#container{margin:0px auto; width:100%; }
#containerPrint{margin:0px auto; width:100%; }
#head{position:relative;clear:both; z-index: 3; }
#foot{position:relative;clear:both;}
#content{position:relative;clear:both;}
#contentLeft{position:relative;width:180px;float:left;overflow: auto;height: 100%;}
#contentRight{position:relative;}

.titleName{ padding:10px 0 0 0;font-size:20px; }
.divLayoutLeft{position:relative;float:left; width:100%;}
.divTd01{background-image: url(../img/s_icon.gif);background-repeat: no-repeat;background-position: 8px 17px;color: #5e5e5e;	font-weight:bold;top: 8px;	}
.search1 { background:#364049; width:100%; height:30px; font-weight: bold; border-radius:0px 0px 0 0; color: #fff; text-align: left; line-height: 20px; font-size:100%; padding:9px 0 0 0px; font-weight:bold;}
.search2 { background:#364049; width:100%; height:30px; font-weight: bold; border-radius:0px 0px 0 0; color: #fff; text-align: left; line-height: 20px; font-size:100%; padding:9px 0 0 0px; font-weight:bold;}
/* .titleDiv{ border:0px solid red; position:relative; height:50px;background-color:#FFFFFF;border-bottom: 2px solid #772640;} */
.titleDiv{ border:0px solid red; min-width:900px;display: flex; flex-direction: row;border-bottom: 2px solid #772640;}
@media ( min-width: 900px ) {
  .titleDiv{ border:0px solid red; min-width:900px; position:relative; height:50px;background-color:#FFFFFF;border-bottom: 2px solid #772640;}
}
.titleDiv2{ border:0px solid red; min-width:900px; position:relative; height:50px;background-color:#E8EBF4;border-bottom: 0px solid silver;display:flex;}
.titleDiv_s{ border:1px solid #D5D4D9; min-width:900px; position:relative; height:50px;background-color:#ffffff;padding: 0px 0px 0px 10px;margin:0px 0px 5px 0px;}

/* 프로그램 제목, 버튼모음 */
/* .divTdTitle01{ position:relative; float:left; padding-top:10px;  }	
.divTdTitle02{ position:relative; padding-top:0px; padding-right:10px;  text-align:right;}	 */
.divTdTitle01{ flex: 1;padding: 8px 16px 0px 16px;}	
.divTdTitle02{ padding: 8px 10px 10px 10px;}	
/* .midTitle{position:relative; padding:28px 33px 2px 30px; font-size:160%; font-weight: 800; border:0px solid #009999; color:#772640;} */
.midTitle{ font-size:150%; font-weight: 800; border:0px solid #009999; color: #772640;}
.midTitle2{padding: 10px 10px 10px 5px;font-size:160%; font-weight: 800; border:0px solid #009999; color:#1C1C36;}
.subTitle{margin-left:10px;background-image: url(../img/menu_icon.png);background-repeat: no-repeat;background-position: 0px 3px;padding-left:20px;}

.dataList10 { border-collapse:collapse; border: 0px solid #a4a4a4; table-layout:fixed; width:100%;}
.dataList10 th{ margin: 0; padding:5px 5px 5px 15px;border-bottom: 0px solid #b1b1b1; border-right: 0px solid #b1b1b1; height:28px;font-size:13px; text-align: left; font-weight:bold; color:#444444;}
.dataList10 td{ margin: 0; padding:5px; font-size:100%; border: 0px solid #c0c0c0; white-space:nowrap; cursor:default; text-overflow:ellipsis; overflow:hidden; height:28px;}

.dataList11 { border-collapse:collapse; border: 1px solid #E2E2E2; table-layout:fixed; width:100%;}
.dataList11 th{ margin: 0; padding:5px 5px 5px 15px;border-bottom: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; height:28px;font-size:13px; text-align: center; font-weight:bold; color:#444444;background-color:#F8F8F8}
.dataList11 td{ margin: 0; padding:5px; font-size:100%; border: 1px solid #E2E2E2; white-space:nowrap; cursor:default; text-overflow:ellipsis; overflow:hidden; height:28px;}



/*기본버튼*/
.Btn_css2 { background:#4D5770; width:80px; font-weight: bold; border-radius:15px; color: #fff; text-align: center; line-height: 20px; font-size:12px; padding:3px; font-weight:bold;cursor:pointer;border:0px solid;}
.Btn_css1 { background:#4D5770; width:152px; font-weight: bold; border-radius:3px 3px 3px 3px; color: #fff; text-align: center; line-height: 20px; font-size:12px; padding:2px; font-weight:bold;cursor:pointer;}

.Btn_search_ov {background-image:url(../img/btn_search_off.gif); background-repeat:no-repeat; width:50px; height:65px; border:0; cursor:pointer; background-color:#fff;}
.Btn_check {  background-image:url(../img/btn_check.gif); background-repeat:no-repeat; width:50px; height:65px;border:0; cursor:pointer; background-color:#fff;display: none;}
.Btn_release {  background-image:url(../img/btn_release.gif); background-repeat:no-repeat; width:50px; height:65px;border:0; cursor:pointer; background-color:#fff;display: none;}



/*기본버튼*/

.Btn_reset        {cursor:pointer;border:1px solid #2ca675;padding: 6px 10px;background-color:#ffffff;border-radius: 6px;font-weight:bold;color:#10754B;width:88px;}
.Btn_reset:hover  {cursor:pointer;border:1px solid #0f6844;padding: 6px 10px;background-color:#ffffff;border-radius: 6px;font-weight:bold;color:#10754B;width:88px;}
.Btn_save         {cursor:pointer;border:1px solid #AC032A;padding: 6px 20px;background-color:#AC032A;border-radius: 6px;font-weight:bold;color:#ffffff;}
.Btn_save:hover   {cursor:pointer;border:1px solid #AC032A;padding: 6px 20px;background-color:#AC032A;border-radius: 6px;font-weight:bold;color:#ffffff;}
.Btn_search       {cursor:pointer;border:1px solid #AC032A;padding: 6px 20px;background-color:#AC032A;border-radius: 6px;font-weight:bold;color:#ffffff;}
.Btn_search:hover {cursor:pointer;border:1px solid #AC032A;padding: 6px 20px;background-color:#AC032A;border-radius: 6px;font-weight:bold;color:#ffffff;}
.Btn_delete       {cursor:pointer;border:1px solid #2ca675;padding: 6px 20px;background-color:#ffffff;border-radius: 6px;font-weight:bold;color:#10754B;}
.Btn_delete:hover {cursor:pointer;border:1px solid #0f6844;padding: 6px 20px;background-color:#ffffff;border-radius: 6px;font-weight:bold;color:#10754B;}
.Btn_print        {cursor:pointer;border:1px solid #2ca675;padding: 6px 20px;background-color:#ffffff;border-radius: 6px;font-weight:bold;color:#10754B;}
.Btn_print:hover  {cursor:pointer;border:1px solid #0f6844;padding: 6px 20px;background-color:#ffffff;border-radius: 6px;font-weight:bold;color:#10754B;}
.Btn_excel        {cursor:pointer;border:1px solid #2ca675;padding: 6px 20px;background-color:#ffffff;border-radius: 6px;font-weight:bold;color:#10754B;}
.Btn_excel:hover  {cursor:pointer;border:1px solid #0f6844;padding: 6px 20px;background-color:#ffffff;border-radius: 6px;font-weight:bold;color:#10754B;}
.Btn_close        {cursor:pointer;border:1px solid #2ca675;padding: 6px 20px;background-color:#ffffff;border-radius: 6px;font-weight:bold;color:#10754B;}
.Btn_close:hover  {cursor:pointer;border:1px solid #0f6844;padding: 6px 20px;background-color:#ffffff;border-radius: 6px;font-weight:bold;color:#10754B; }
.Btn_add          {cursor:pointer;border:1px solid #2ca675;padding: 6px 20px;background-color:#ffffff;border-radius: 6px;font-weight:bold;color:#10754B;}
.Btn_add:hover    {cursor:pointer;border:1px solid #0f6844;padding: 6px 20px;background-color:#ffffff;border-radius: 6px;font-weight:bold;color:#10754B; }

/* .Btn_reset  {background-image:url(../img/btn_reset.png); background-repeat:no-repeat; width:50px; height:50px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }
.Btn_save {  background-image:url(../img/btn_save.png); background-repeat:no-repeat; width:50px; height:50px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: 50% 5px;  outline: none; }
.Btn_search {background-image:url(../img/btn_search.png); background-repeat:no-repeat; width:50px; height:50px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: 50% 5px; outline: none;}
.Btn_delete {background-image:url(../img/btn_delete.png); background-repeat:no-repeat; width:50px; height:50px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }
.Btn_print { background-image:url(../img/btn_print.png); background-repeat:no-repeat; width:50px; height:50px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }
.Btn_excel { background-image:url(../img/btn_excel.png); background-repeat:no-repeat; width:50px; height:50px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }
.Btn_close { background-image:url(../img/btn_close.png); background-repeat:no-repeat; width:50px; height:50px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: 50% 6px; outline: none; }
.Btn_add    {background-image:url(../img/sub/btn_08.png); background-repeat:no-repeat; width:50px; height:50px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; } */
.Btn_log    {background-image:url(../img/btn_log_1.png); background-repeat:no-repeat; width:50px; height:50px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }

.Btn_close_s { background-image:url(../img/btn_close_s.png); background-repeat:no-repeat; width:44px; height:47px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }
.Btn_search_s {background-image:url(../img/btn_search_s.png); background-repeat:no-repeat; width:41px; height:47px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }
.Btn_reset_s  {background-image:url(../img/btn_reset_s.png); background-repeat:no-repeat; width:44px; height:47px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }

.Btn_modify { background-image:url(../img/btn_modify.gif); background-repeat:no-repeat; width:50px; height:65px;border:0; cursor:pointer; background-color:#fff;display: none;}
.Btn_confirm { background-image:url(../img/btn_confirm.gif); background-repeat:no-repeat; width:50px; height:65px;border:0; cursor:pointer; background-color:#fff;display: none;}
.Btn_pwdreset { background-image:url(../img/btn_initialization.gif); background-repeat:no-repeat; width:100px; height:30px;border:0; cursor:pointer; background-color:#fff;display: none;}
.Btn_userinfo { background-image:url(../img/btn_change_1.gif); background-repeat:no-repeat; width:86px; height:30px;border:0; cursor:pointer; background-color:#fff;display: none;}
.Btn_Info{ background-image:url(../img/btn_supervise.gif); background-repeat:no-repeat; width:86px; height:30px;border:0; cursor:pointer; background-color:#fff;display: none;}


.BtnCode           {cursor:pointer;padding: 3.5px 8px 3.5px 8px;border:1px solid;border-radius: 4px;color:#000000;vertical-align:0px;min-width: 27px;margin-left:-5px;}

.BtnCss            {cursor:pointer;padding: 4px 10px 4px 10px;border:1px solid;border-radius: 4px;color:#ffffff;vertical-align:1px;min-width: 40px;}

.Btn_blue          {border-color:#258cb8;background-color:#258cb8;}
.Btn_yellow        {border-color:#FFE103;background-color:#FFE103; color: #000000;}
.Btn_green         {border-color:#42AC77;background-color:#42AC77;}
.Btn_green2        {border-color:#01884E;background-color:#01884E;}
.Btn_gray          {border-color:#494848;background-color:#494848;}
.Btn_lightgray     {border-color:#DCDCDC;background-color:#F3F3F1;}
.Btn_gray_eee          {border-color:#eeeeee;background-color:#eeeeee;}
.Btn_red           {border-color:#e01d1d;background-color:#e01d1d;}
.Btn_blue2         {border-color:#0e0e6f;background-color:#0e0e6f;}
.Btnfile           {min-width: 0px;font-size:140%;vertical-align:-4px;}
.widthAuto {width: auto;}
.schCol{
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    padding: 0px 5px;
    font-weight: bold;
    width: 90px;
    text-align: justify;
    text-justify: inter-word;
 
 }
 .txtCenter{
  text-align: center;
 }
 .widthAuto{
  width: auto;
 }

/*인풋박스*/
.input7mid  {font-size: 13px;color: #000000;background: #fff;border: 1px solid #EAEAEA;text-align: left;margin-right: 2px;width:135px;height: 26px;padding:2px 4px 0;vertical-align:middle;}
.input7rmid  {font-size: 13px;color: #000000;background: #eee;border: 1px solid #EAEAEA;text-align: left;margin-right: 2px;width:135px;height: 26px;padding:2px 4px 0;vertical-align:middle;}
.content {text-align:left;padding-bottom:50px;}
input, textarea {
   -webkit-appearance: none;
   /*-webkit-border-radius: 0;*/
   
}
input[type='checkbox']{-webkit-appearance:checkbox; cursor: pointer;}
input[type='radio']{-webkit-appearance:radio; cursor: pointer;}

.buttonSearch{height:27px; padding:1px; width:27px;}

.useridInput{height:35px; width:220px; margin:0px 0px 0px 60px; padding:3px; border:0px solid #a9d4c1; background:#052B52; font-size:20px; font-weight: bold;color:#7C7CBC;}
.useridInput:focus { outline: none; }
.input7  {
	padding-left: 5px;
	font-size: 12px;
	color: #000000;
	background: #fff;
	border: 1px solid #DCDCDC;
	text-align: left;
	height: 24px;
	font:normal 12px;
}
.input7r { 
	padding-left: 5px;
	font-size: 12px; 
	color: #000000;
	background: #F3F3F1; 
	border: 1px solid #DCDCDC;
	text-align: left;
	height: 24px;
  margin-left: -4px;
	
}
.input7r { 
	padding-left: 5px;
	font-size: 12px; 
	color: #000000;
	background: #F3F3F1; 
	border: 1px solid #DCDCDC;
	text-align: left;
	height: 24px;
  margin-left: -4px;
	
}
.input7r2 { 
	padding-left: 5px;
	font-size: 12px; 
	color: #000000;
	background: #F3F3F1; 
	border: 1px solid #DCDCDC;
	text-align: left;
	height: 24px;
}

.input7r3 { 
	padding-left: 5px;
	font-size: 12px; 
	color: #000000;
	background: #fff; 
	border: 0px solid #DCDCDC;
	text-align: left;
	height: 23px;
	/* margin-left: -4px; */
}

.input7r3:focus{
  outline: none;
}

.inputRead { 
	background: #FFFFFF; 
	border: 0px solid #DCDCDC;
     outline: none;
}

.inputReadYellow { 
	background: #F9F9EF; 
	border: 0px solid #F9F9EF;
     text-align: center;
     outline: none;
}

.inputReadWhite { 
	background: #ffffff; 
	border: 0px solid #ffffff;
     text-align: center;
     outline: none;
}

/*공통코드 버튼*/
.codmst_button{
  font-size: 11px;
  line-height: 1.1;
  margin-left: -4px;
  top: -2px;
  position: relative;
  height: 24px;
  width: 25px;
  padding: 0 !important;
}

/* 화면 css end*/

.justifyAsia{
	width:200px;
	text-align:justify;
}
.justifyAsia:after{
	content:"";
	display:inline-block;
	width:100%;
}

.ui-datepicker-trigger{vertical-align:middle;cursor:pointer;}

.ui-icon,
.ui-widget-content .ui-icon {
/*	background-image: url("images/ui-icons_222222_256x240.png");*/
	background-image: url("images/ui-icons_f9bd01_256x240.png");
}



/*jqxgrid css*/
.jqx-grid-cell-sort-alt-office, .jqx-grid-cell-filter-alt-office, .jqx-grid-cell-pinned-office, .jqx-grid-cell-alt-office, .jqx-grid-cell-sort-office{
	background:#ededed;
	color: #000;
}

/*순서 및 삭제 버튼 css*/
.btn-arrow-up,
.btn-arrow-down{
    border:0px;
    width:30px;
    height:25px;
    padding: 4px;
    cursor:pointer;
    /* background-color: #009999; */
}
.btn-remove{
  border:0px;
  width:30px;
  height:25px;
  cursor:pointer;
  /* background-color: #009999; */
  margin-bottom: 5px;
  margin-top: 7px;
  text-align: left;
}
.btn-arrow-up::after {
    position: absolute;
    left: 11px; 
    /* top: 20px; */
    content: '';
    width: 14px; /* 사이즈 */
    height: 14px; /* 사이즈 */
    border-top: 5px solid #151556; /* 선 두께 */
    border-right: 5px solid #151556; /* 선 두께 */
    transform: rotate(315deg); /* 각도 */
}

.btn-arrow-down::after {
    position: absolute;
    left: 11px; 
    /* top: 20px;  */
    content: '';
    width: 14px; /* 사이즈 */
    height: 14px; /* 사이즈 */
    border-top: 5px solid #151556; /* 선 두께 */
    border-right: 5px solid #151556; /* 선 두께 */
    transform: rotate(135deg); /* 각도 */
}
.btn-arrow-up:hover:after,
.btn-arrow-down:hover:after {
  border-top: 5px solid #4C75A3; /* 선 두께 */
  border-right: 5px solid #4C75A3; /* 선 두께 */
}

.btn-remove:after {
  content: "\00d7"; font-size:27px; font-weight: 1000; line-height: 15pt; color: #151556;
  text-shadow: -1px 0 #151556, 0 1px #151556, 1px 0 #151556, 0 -1px #151556; 
  text-align: left;
 }

.btn-remove:hover:after {
  color: #4C75A3;
  text-shadow: -1px 0 #4C75A3, 0 1px #4C75A3, 1px 0 #4C75A3, 0 -1px #4C75A3; 
}

.jqx-splitter-collapse-button-vertical,
.jqx-splitter-collapse-button-horizontal{
  background-color: #4C75A3 !important ;
}
.jqx-splitter-splitbar-vertical:hover,
.jqx-splitter-splitbar-horizontal:hover{
  background-color: #E8EBF2 !important ;
}