@charset "utf-8";

@font-face {
  font-family: "Noto Sans KR1";
  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 KR2";
  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 KR3";
  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 KR4";
  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 KR5";
  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 KR6";
  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 KR7";
  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: "Binggrae";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard Black"), url(./fonts/Pretendard-Black.woff2) format("woff2"), url(./fonts/Pretendard-Black.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard ExtraBold"), url(./fonts/Pretendard-ExtraBold.woff2) format("woff2"), url(./fonts/Pretendard-ExtraBold.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url(./fonts/Pretendard-Bold.woff2) format("woff2"), url(./fonts/Pretendard-Bold.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url(./fonts/Pretendard-SemiBold.woff2) format("woff2"), url(./fonts/Pretendard-SemiBold.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url(./fonts/Pretendard-Medium.woff2) format("woff2"), url(./fonts/Pretendard-Medium.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url(./fonts/Pretendard-Regular.woff2) format("woff2"), url(./fonts/Pretendard-Regular.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url(./fonts/Pretendard-Light.woff2) format("woff2"), url(./fonts/Pretendard-Light.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard ExtraLight"), url(./fonts/Pretendard-ExtraLight.woff2) format("woff2"), url(./fonts/Pretendard-ExtraLight.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url(./fonts/Pretendard-Thin.woff2) format("woff2"), url(./fonts/Pretendard-Thin.woff) format("woff");
}

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:12px;line-height:1.25em;font-family:"Pretendard", "Noto Sans KR4",Dotum,Helvetica,AppleGothic,Sans-serif;overflow-y: hidden;box-sizing: border-box;}
div{
	font-family: "Pretendard", "Noto Sans KR4",Dotum,Helvetica,AppleGothic,Sans-serif;
}

/* 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');} */






/*소제목부문*/
.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 var(--primary);}
@media ( min-width: 900px ) {
  .titleDiv{ border:0px solid red; min-width:900px; position:relative; height:50px;background-color:#FFFFFF;border-bottom: 2px solid var(--primary);}
}
.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: 5px 0px 0px 0px;
}
/* .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: var(--primary);}
.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;
 
 }

 .radioAlign{vertical-align: -2px;}

 .radioTxtAlign{vertical-align: -2px;}
 
 .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;
  padding-right: 5px;
}
.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;
  margin-left: -6px;
}

.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");
}
.inp_date {
  position: relative;
  display: inline-block;
  width: 115px;
  /*calc((100% / 2) - 8px);*/
}

.inp_date img {
  position: absolute;
  top: 3px;
  right: 11px;
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../img/calendar_icon.png) no-repeat 0px 0;
  text-indent: -9999px;
  border: 0px;
}

.inp_date_s {
  position: relative;
  display: inline-block;
  width: 115px;
  /*calc((100% / 2) - 8px);*/
}

.inp_date_s button {
  position: absolute;
  top: 3px;
  right: 9px;
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../img/calendar_icon2.png) no-repeat 0px 0;
  text-indent: -9999px;
  border: 0px;
}

.inp_date2 {
  position: relative;
  display: inline-block;
  width: 115px;
  /*calc((100% / 2) - 8px);*/
}

.inp_date2 button {
  position: absolute;
  top: 6px;
  right: -109px;
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../img/calendar_icon2.png) no-repeat 0px 0;
  text-indent: -9999px;
  border: 0px;
}

.inp_date3 {
  position: relative;
  display: inline-block;
  width: 103px;
  /*calc((100% / 2) - 8px);*/
}

.inp_date3 button {
  position: absolute;
  top: 6px;
  right: 3px;
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../img/calendar_icon2.png) no-repeat 0px 0;
  text-indent: -9999px;
  border: 0px;
}


/*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 ;
}


/* Tablet */
@media (max-width: 991px) {
  .ui-datepicker {
    display: none;
    min-width: 350px;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
    z-index: 10;
  }

  .ui-datepicker .ui-datepicker-header {
    position: relative;
    text-align: center;
    background-color: #ffffff;
    border: 0px;
  }

  .ui-datepicker .ui-datepicker-header .ui-corner-all {
    position: absolute;
    top: 50%;
    overflow: hidden;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }

  .ui-datepicker .ui-datepicker-header .ui-corner-all span {
    display: none;
    text-indent: -9999px;
  }

  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 0;
    background: url(../img/icon_corner_prev.png) no-repeat;
  }

  .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 0;
    background: url(../img/icon_corner_next.png) no-repeat;
  }

  .ui-datepicker .ui-datepicker-header .ui-corner-all:hover {
    background-position: 0 -20px;
  }

  .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
    min-width: 65px;
    height: 25px;
    border: none;
    box-shadow: none;
  }

  .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
    font-size: 16px;
    font-weight: 600;
    color: #333;
  }

  .ui-datepicker .ui-datepicker-header .ui-datepicker-month {
    font-size: 16px;
    font-weight: 600;
    color: #333;
  }

  .ui-datepicker .ui-datepicker-calendar {
    width: 100%;
    margin-top: 10px;
    font-size: 19px;
  }

  .ui-datepicker .ui-datepicker-calendar thead {
    background: #f2f5f8;
    font-size: 12px;
  }

  .ui-datepicker .ui-datepicker-calendar thead th {
    width: 14.2%;
    padding: 5px 0;
    color: #333;
    font-size: 16px;
  }

  .ui-datepicker .ui-datepicker-calendar tbody td {
    width: 14.2%;
    padding: 5px 0;
    text-align: center;
    background-color: #ffffff;
  }

  .ui-datepicker .ui-datepicker-calendar tbody td a {
    border: 0px;
    background-color: #ffffff;
    text-align: center;
  }

  .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {
    display: block;
    background: #f9dfe5;
    border-radius: 100px;
    color: #dc355a;
    font-weight: 600;
    border: 0px;
  }

  .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
    display: block;
    background: #e9f2fa;
    border-radius: 100px;
    color: #007dea;
    font-weight: 600;
  }

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

/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Desktop (Large) */
@media (min-width: 1200px) {
  .ui-datepicker {
    display: none;
    min-width: 220px;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
    z-index: 10;
  }

  .ui-datepicker .ui-datepicker-header {
    position: relative;
    text-align: center;
    background-color: #ffffff;
    border: 0px;
  }

  .ui-datepicker .ui-datepicker-header .ui-corner-all {
    position: absolute;
    top: 50%;
    overflow: hidden;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }

  .ui-datepicker .ui-datepicker-header .ui-corner-all span {
    display: none;
    text-indent: -9999px;
  }

  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 0;
    background: url(../img/icon_corner_prev.png) no-repeat;
  }

  .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 0;
    background: url(../img/icon_corner_next.png) no-repeat;
  }

  .ui-datepicker .ui-datepicker-header .ui-corner-all:hover {
    background-position: 0 -20px;
  }

  .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
    min-width: 65px;
    height: 25px;
    border: none;
    box-shadow: none;
  }

  .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
    font-size: 12px;
    font-weight: 600;
    color: #333;
  }

  .ui-datepicker .ui-datepicker-header .ui-datepicker-month {
    font-size: 12px;
    font-weight: 600;
    color: #333;
  }

  .ui-datepicker .ui-datepicker-calendar {
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
  }

  .ui-datepicker .ui-datepicker-calendar thead {
    background: #f2f5f8;
    font-size: 12px;
  }

  .ui-datepicker .ui-datepicker-calendar thead th {
    width: 14.2%;
    padding: 5px 0;
    color: #333;
  }

  .ui-datepicker .ui-datepicker-calendar tbody td {
    width: 14.2%;
    padding: 5px 0;
    text-align: center;
    background-color: #ffffff;
  }

  .ui-datepicker .ui-datepicker-calendar tbody td a {
    border: 0px;
    background-color: #ffffff;
    text-align: center;
  }

  .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {
    display: block;
    background: #f9dfe5;
    border-radius: 100px;
    color: #dc355a;
    font-weight: 600;
    border: 0px;
  }

  .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
    display: block;
    background: #e9f2fa;
    border-radius: 100px;
    color: #007dea;
    font-weight: 600;
  }

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


.gridCellPink {
  color: black\9;
  background-color: #d340ed\9;
}

.gridCellOrange {
  color: black\9;
  background-color: #ffa411\9;
}

.gridCellGreen {
  color: black\9;
  background-color: #DAF2D0\9;
}

.gridCellGreenBold {
  color: black\9;
  background-color: #DAF2D0\9;
  font-weight: bold;
  font-size: 14px;
}

.gridCellYellow {
  color: black\9;
  background-color: yellow\9;
}
.gridCellRed {
  color: black\9;
  background-color: #e83636\9;
}
.gridCellBlue {
  color: black\9;
  background-color: #83CCEB\9;
}
.gridCellBlueBold {
  color: black\9;
  background-color: #83CCEB\9;
  font-weight: bold;
  font-size: 14px;
}

.gridCellLightBlue {
  color: black\9;
  background-color: #CAEDFB\9;
}
.gridCellLightBlueBold {
  color: black\9;
  background-color: #CAEDFB\9;
  font-weight: bold;
  font-size: 14px;
}
.gridCellGray {
  color: black\9;
  background-color: #eeeeee\9;
}

.gridCellBlackBold {
  color: black\9;
  background-color: #ffffff\9;
  font-weight: bold;
  font-size: 14px;
}

.gridCellRedOpacity{
  color: black\9;
  background-color: #e83636\9;
  opacity: 0.2;
}

.gridCellBlackBold:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellBlackBold:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black;
  background-color: #ffffff;
  font-size: 14px;
}



.gridCellPink:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellPink:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: white;
  background-color: #d340ed;
}
.gridCellOrange:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellOrange:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black;
  background-color: #ffa411;
}
.gridCellGreen:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellGreen:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black;
  background-color: #DAF2D0;
}
.gridCellGreenBold:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellGreenBold:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black;
  background-color: #DAF2D0;
  font-weight: bold;
  font-size: 14px;
}
.gridCellYellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellYellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black;
  background-color: yellow;
}
.gridCellRed:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellRed:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: white;
  background-color: #e83636;
}
.gridCellRedOpacity:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellRedOpacity:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: white;
  background-color: #e83636;
  opacity: 0.2;
}

.gridCellBlue:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellBlue:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black;
  background-color: #83CCEB;
}
.gridCellBlueBold:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellBlueBold:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black;
  background-color: #83CCEB;
  font-weight: bold;
  font-size: 14px;
}
.gridCellLightBlue:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellLightBlue:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black;
  background-color: #CAEDFB;
}
.gridCellLightBlueBold:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellLightBlueBold:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black;
  background-color: #CAEDFB;
  font-weight: bold;
  font-size: 14px;
}
.gridCellGray:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .gridCellGray:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
  color: black;
  background-color: #eeeeee;
}

.gridCss{
  font-size: 13px; font-family: Verdana; flex: 1;border-top:0.5px solid #CCCCCC;
} 
.radioBtnHide {
  display: none;
}

.radioLabel {
  display: inline-block;
  padding: 1px 2px;
  margin: 0px -3px 0px 0px;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  /* font-size: 14px; */
  color: #495057;
  position: relative;
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
  font-weight: normal;
  text-align: center;
  min-width: 55px;
  width: auto;
}

.radioLabel:hover {
  background-color: #e9ecef;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); */
  /* transform: translateY(-1px); */
}

/* 선택된 상태 */
input[type="radio"]:checked+.radioLabel {
  background-color: #4CAF50;
  color: white;
  border-color: #43a047;
  font-weight: 500;
  /* box-shadow: 0 2px 8px rgba(76, 175, 80, 0.4); */
}

.copyrightText {
  color: var(--white);
  line-height: 1.5;
  font-size: 120%;
}

.loginMainLeft {
	/* background: linear-gradient(90deg, var(--primary) 25%, rgb(50 54 112 / 80%) 61%, rgb(50 54 112 / 30%) 90%, rgba(255, 255, 255, 0) 100%); */
  background: linear-gradient(90deg, var(--primary) 25%, rgb(34 129 225 / 80%) 61%, rgb(33 128 224 / 30%) 90%, rgba(255, 255, 255, 0) 100%);
  }

.loginInput {
	height: 48px;
	width: 360px;
	padding: 3px 3px 3px 10px;
	border: 1px solid var(--inputBorder);
	background: #ffffff;
	font-size: 20px;
	font-weight: bold;
	color: #2b2721;
	border-radius: 8px;
	ime-mode: disabled;
  }  

  .BtnCss_login {
	background: linear-gradient(45deg, var(--primary), var(--primary));
	cursor: pointer;
	padding: 5px 10px 3px 10px;
	border: 0px solid;
	border-radius: 25px;
	color: #ffffff;
	vertical-align: 1px;
	min-width: 200px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 100px;
	height: 50px;
	font-size: 18px;
  }  

  .Btn_text {
    font-size: 10px;
    padding: 1px;
    font-family: var(--font-family);
    color: var(--btnTxtColor);
    font-weight: bold;
  }  

  .Btn_back {
	cursor: pointer;
	border: 1px solid var(--btnColor);
	padding: 0px 5px;
	background-color: var(--btnColor);
	border-radius: 6px;
	font-weight: bold;
	color: var(--btnIconColor);
  }
  
  .Btn_back:hover {
	cursor: pointer;
	border: 1px solid var(--btnColor);
	padding: 0px 5px;
	background-color: var(--btnColor);
	border-radius: 6px;
	font-weight: bold;
	color: var(--btnIconColorHover);
  }

  /* input안에 돋보기(search) 넣을때 활용 */
.div-input-search {
  position: relative;
  /* width: 200px; */
}

.input-search {
  border-radius: 6px;
  height: 30px;
  /* width: 561px !important; */
}

.input-i-search {
  position: absolute;
  width: 17px;
  top: 11px;
  right: 12px;
  color: #bbb;
  cursor: pointer;
}

  .logoutBtn {
    position: relative;
    cursor: pointer;
    background-image: url(../img/logout_1.png);
    width: 24px;
    height: 21px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    }
    
    .logoutBtn:hover {
    position: relative;
    cursor: pointer;
    background-image: url(../img/logout_1.png);
    width: 24px;
    height: 21px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    }  

    .fontSize70 {
      font-size: 70%;
    }
    
    .fontSize80 {
      font-size: 80%;
    }
    
    .fontSize16 {
      font-size: 16px;
    }
    
    .fontSizeLarge {
      font-size: large;
    }
    
    .fontSizeXLarge {
      font-size: x-large;
    }
    
    .fontNormal {
      font-weight: normal;
    }
    
    .disInlineBlock {
      display: inline-block;
    }
    
    .divPadding {
      padding: 3px;
    }
    
    .txtRight {
      text-align: right;
    }
    
    .txtRightLeftMargin {
      text-align: right;
      margin-left: 5px;
    }
    
    .txtLeft {
      text-align: left;
    }
    
    .txtCenter {
      text-align: center;
    }

    :root {
      --ColorRed: #e01d1d;
      --ColorBlack: #000000;
      --ColorBlue: #258cb8;
      --ColorBlueDark: #0800ff;
      --ColorGreen: #01884e;
      --ColorWhite: #ffffff;
      --ColorGray: #cccccc;
      --font-size: 9px;
      --form_back: #f7f7f7;
      --form_top_line: #5f6061;
      --orgPos: #d9d9d9;
      --orgName: #f7f7f7;
      --orgLine: #bfbfbf;
      --ColorBlackGray: #161616;
      --GridBtnGreen: #029c94;
      --GridBtnOrange: #fae100;
      --GridBtnRed: #f14a76;
      --inputBorder: #ebebeb;
      
      --menuBackColor: #323670;
      --menuSubBackColor: #67a6e6;
      --btnTxtColor: #424242;
      --btnColor: #fff;
      --btnBorderColor: #fff;
      --btnIconColor: #202020;
      --btnIconColorHover: #2281e1;
      --loginTopName: #202020;
      --screenBack: #fff;
      --font-family: "Pretendard", "Noto Sans KR1", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
      
      --primary: #2281e1;
      --red7323: #f7323f;
      --secondary: #e5e5e5;
      --point: red;
      --white: #fff;
      --black: #000;
      --samwoo100:#6469ad;
      --grey50: #f0f0f5;
      --grey100: #f5f5f7;
      --grey200: #eeeef4;
      --grey300: #e5e5e5;
      --grey400: #909090;
      --grey500: grey;
      --grey600: #666;
      --grey700: #444;
      --grey800: #202020;
      --blue50: #e8f3ff;
      --blue200: #90c2ff;
      --blue100: #c9e2ff;
      --blue300: #64a8ff;
      --blue400: #4593fc;
      --blue500: #3182f6;
      --blue600: #2272eb;
      --blue700: #1b64da;
      --blue800: #1957c2;
      --blue900: #194aa6;
      --red50: #ffebee;
      --red100: #ffcdd2;
      --red200: #ef9a9a;
      --red300: #e57373;
      --red400: #ef5350;
      --red500: #f44336;
      --red600: #e53935;
      --red700: #d32f2f;
      --red800: #c62828;
      --red900: #b71c1c;
      --orange50: #fff3e0;
      --orange100: #ffe0b2;
      --orange200: #ffcc80;
      --orange300: #ffb74d;
      --orange400: #ffa726;
      --orange500: #ff9800;
      --orange600: #fb8c00;
      --orange700: #f57c00;
      --orange800: #ef6c00;
      --orange900: #e65100;
      --yellow50: #fffde7;
      --yellow100: #fff9c4;
      --yellow200: #fff59d;
      --yellow300: #fff176;
      --yellow400: #ffee58;
      --yellow500: #ffeb3b;
      --yellow600: #fdd835;
      --yellow700: #fbc02d;
      --yellow800: #f9a825;
      --yellow900: #f57f17;
      --purple50: #f3e5f5;
      --purple100: #e1bee7;
      --purple200: #ce93d8;
      --purple300: #ba68c8;
      --purple400: #ab47bc;
      --purple500: #9c27b0;
      --purple600: #8e24aa;
      --purple700: #7b1fa2;
      --purple800: #6a1b9a;
      --purple900: #4a148c;
      --teal50: #e1f0f2;
      --teal100: #b1dade;
      --teal200: #81c7cc;
      --teal300: #4caeb5;
      --teal400: #269da6;
      --teal500: #008c96;
      --teal600: #00818a;
      --teal700: #007278;
      --teal800: #006369;
      --teal900: #004d4d;
      --green50: #e5fff4;
      --green100: #abf2d4;
      --green200: #5ae9ad;
      --green300: #1cd98a;
      --green400: #05c072;
      --green500: #00a661;
      --green600: #009959;
      --green700: #008a50;
      --green800: #007544;
      --green900: #005c36;
      --greyOpacity50: rgba(0, 23, 51, 0.02);
      --greyOpacity100: rgba(2, 32, 71, 0.05);
      --greyOpacity200: rgba(0, 27, 55, 0.1);
      --greyOpacity300: rgba(0, 29, 58, 0.18);
      --greyOpacity400: rgba(0, 29, 54, 0.31);
      --greyOpacity500: rgba(3, 24, 50, 0.46);
      --greyOpacity600: rgba(0, 19, 43, 0.58);
      --greyOpacity700: rgba(3, 18, 40, 0.7);
      --greyOpacity800: rgba(0, 12, 30, 0.8);
      --greyOpacity900: rgba(2, 9, 19, 0.91);
      --whiteOpacity50: rgba(209, 209, 253, 0.05);
      --whiteOpacity100: rgba(217, 217, 255, 0.11);
      --whiteOpacity200: rgba(222, 222, 255, 0.19);
      --whiteOpacity300: rgba(224, 224, 255, 0.27);
      --whiteOpacity400: rgba(232, 232, 253, 0.36);
      --whiteOpacity500: rgba(242, 242, 255, 0.47);
      --whiteOpacity600: rgba(248, 248, 255, 0.6);
      --whiteOpacity700: rgba(253, 253, 255, 0.75);
      --whiteOpacity800: rgba(253, 253, 254, 0.89);
      --whiteOpacity900: #fff;
      --inverseGrey50: #202027;
      --inverseGrey100: #2c2c35;
      --inverseGrey200: #3c3c47;
      --inverseGrey300: #4d4d59;
      --inverseGrey400: #62626d;
      --inverseGrey500: #7e7e87;
      --inverseGrey600: #9e9ea4;
      --inverseGrey700: #c3c3c6;
      --inverseGrey800: #e4e4e5;
      --inverseGrey900: #fff;
      --breakpoint-xs: 0;
      --breakpoint-sm: 576px;
      --breakpoint-md: 768px;
      --breakpoint-lg: 992px;
      --breakpoint-xl: 1200px;
      --padding-base-vertical: 14px;
      --padding-base-horizontal: 18px;
      --padding-t-vertical: 4px;
      --padding-t-horizontal: 10px;
      --padding-s-vertical: 8px;
      --padding-s-horizontal: 14px;
      --padding-l-vertical: 18px;
      --padding-l-horizontal: 28px;
      --padding-container-base: 48px;
      --radius-s: 4px;
      --radius-m: 8px;
      --radius-l: 16px;
      --radius-xl: 20px;
      --radius-xxl: 24px;
      }