@charset "utf-8";
/* CSS Document */
/* CSS Document */
/*
a{color:#0080FF;text-decoration:none;}
a:visited,a:visited *{color:#87124f;}
a.visited,a.visited:visited{color:#444;}
a:hover,a:hover *,a.visited:hover{color:#438a01;text-decoration:underline;}
*/

/*
@font-face {
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: normal;
  src: url(./fonts/NanumGothic-Regular.eot);
  src: url(./fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(./fonts/NanumGothic-Regular.woff) format('woff'),
       url(./fonts/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: bold;
  src: url(./fonts/NanumGothic-Bold.eot);
  src: url(./fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(./fonts/NanumGothic-Bold.woff) format('woff'),
       url(./fonts/NanumGothic-Bold.ttf) format('truetype');
}


@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(./fonts/NanumSquareR.eot);
 src: url(./fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumSquareR.woff) format('woff'),
      url(./fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(./fonts/NanumSquareB.eot);
 src: url(./fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumSquareB.woff) format('woff'),
      url(./fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(./fonts/NanumSquareEB.eot);
 src: url(./fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumSquareEB.woff) format('woff'),
      url(./fonts/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(./fonts/NanumSquareL.eot);
 src: url(./fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumSquareL.woff) format('woff'),
      url(./fonts/NanumSquareL.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 400;
 src: url(./fonts/NanumBarunGothicSubset.eot);
 src: url(./fonts/NanumBarunGothicSubset.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumBarunGothicSubset.woff2) format('woff2'),
      url(./fonts/NanumBarunGothicSubset.woff) format('woff'),
      url(./fonts/NanumBarunGothicSubset.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 700;
 src: url(./fonts/NanumBarunGothicBoldSubset.eot);
 src: url(./fonts/NanumBarunGothicBoldSubset.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumBarunGothicBoldSubset.woff2) format('woff2'),
      url(./fonts/NanumBarunGothicBoldSubset.woff) format('woff'),
      url(./fonts/NanumBarunGothicBoldSubset.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 300;
 src: url(./fonts/NanumBarunGothicLightSubset.eot);
 src: url(./fonts/NanumBarunGothicLightSubset.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumBarunGothicLightSubset.woff2) format('woff2'),
      url(./fonts/NanumBarunGothicLightSubset.woff) format('woff'),
      url(./fonts/NanumBarunGothicLightSubset.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 200;
 src: url(./fonts/NanumBarunGothicUltraLightSubset.eot);
 src: url(./fonts/NanumBarunGothicUltraLightSubset.eot?#iefix) format('embedded-opentype'),
      url(./fonts/NanumBarunGothicUltraLightSubset.woff2) format('woff2'),
      url(./fonts/NanumBarunGothicUltraLightSubset.woff) format('woff'),
      url(./fonts/NanumBarunGothicUltraLightSubset.ttf) format('truetype');
}
*/

@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: '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');}
*/
/*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;-webkit-box-sizing: border-box;}
body,input,textarea,select,table,button,code{letter-spacing:0px; font-size:1.2em/1.3em;line-height:1.25em;font-family:"Noto Sans KR4",Dotum,Helvetica,AppleGothic,Sans-serif;box-sizing: border-box;}



.divLayoutLeft{
     /* padding: 5px; */
     box-shadow: 0px 0px 5px 1px #AAAAAA;
     border-radius: 20px;
     margin: 5px;
     padding: 15px;
     background-color: #ffffff;
     
  }

.divLayoutRight{
     /* padding: 5px; */
     box-shadow: 0px 0px 5px 1px #AAAAAA;
     border-radius: 20px;
     margin: 5px;
     padding: 15px;
     background-color: #ffffff;
     flex: 1;
  } 

  .divLayoutRight_app{
     /* padding: 5px; */
     box-shadow: 0px 0px 5px 1px #AAAAAA;
     border-radius: 20px;
     margin: 5px;
     padding: 15px;
     background-color: #ffffff;
     border: 1px solid #216f5c;
     flex: 1;
  }   

  .divLayoutLeft_app{
     /* padding: 5px; */
     box-shadow: 0px 0px 5px 1px #AAAAAA;
     border-radius: 20px;
     margin: 5px;
     padding: 15px;
     background-color: #25b896;
     
  }  
  .smallTitle_app {
       padding: 12px 0 12px 5px;
       margin: 0px 0 20px 0;
       font-size: 18px;
       font-weight: bold;
       background-color: #FFFFFF;
       border-bottom: 1px solid #EFEFEF;
       border-radius: 20px 20px 20px 20px;
  }
  ul.smallTitle_app li{ padding:10px 5px; margin: 0px 0 0px 0; font-size:14px; font-weight: normal; background-color:#FFFFFF;cursor:pointer;}  
  
.gridCss{
     font-size: 13px; font-family: Verdana; flex: 1;border-top:1px solid #5F6061;
}  

/*소제목부문*/
.smallTitle{ padding:12px 0 12px 5px; margin: 0px 0 0px 0; font-size:18px; font-weight: bold; background-color:#FFFFFF;border-bottom:1px solid #EFEFEF; border-radius: 20px 20px 0px 0px;}
.smallTitle2{padding:12px 0 12px 5px; margin: 0px 0 0px 0; font-size:18px; font-weight: bold; background-color:#FFFFFF;border-bottom:1px solid #EFEFEF}
.smallTitle3{padding:12px 0 12px 5px; margin: 0px 0 0px 0; font-size:14px; font-weight: bold; background-color:#FFFFFF;border-bottom:1px solid #EFEFEF}

ul.smallTitle li{ padding:10px 5px; margin: 0px 0 0px 0; font-size:14px; font-weight: normal; background-color:#FFFFFF;cursor:pointer;}

/*조회조건박스*/
.searchResion1{ position:relative; border-top: 0px solid #64707F; background-color: white; z-index: 100;}

.searchResion2{  
   box-shadow: 0px 0px 5px 1px #AAAAAA;
   border-radius: 20px;
   margin: 5px;
   padding: 5px;
   background-color: #ffffff;
}

.searchResionDiv{ position:relative; border-top: 0px solid #64707F; background-color: white; z-index: 100;padding:5px;}

.search_table{ margin: 0 0 0px 0; width: 100%; height: 100%; border-bottom: 0px solid #DCDCDC;border-collapse:collapse;background-color: #ffffff;}
.search_table th, .search_table td{ padding: 8px 0 8px 0; border-bottom: 0px solid #DCDCDC;}
.search_table th{padding-left: 10px; text-align: left; font-size: 14px;font-weight:lighter;}
.search_table td{text-align: left; padding-left: 20px; font-size: 12px;}

.search_table2{ margin: 0 0 0px 0; width: 100%; height: 100%; border-bottom: 0px solid #DCDCDC;border-collapse:collapse;background-color: #ffffff;}
.search_table2 th, .search_table2 td{ padding: 3px 0 3px 0; border-bottom: 0px solid #DCDCDC;}
.search_table2 th{padding-left: 10px; text-align: left; font-size: 14px;font-weight:lighter;}
.search_table2 td{text-align: left; padding-left: 20px;}

.div_search{
     padding: 8px 0 8px 0
}


.notice{
     color: red; font-family: "Noto Sans KR4"; font-size: 13px;line-height: 1.42857143; 
}

/* 등록박스 */
/* .inputResion1{ position:relative; border-top: 0px solid #64707F; background-color: white; z-index: 100;} */
/*
.input_table{ margin: 0 0 0px 0; width: 100%; border-bottom: 2px solid #E5E5E5;border-top: 2px solid #E5E5E5;border-collapse:collapse;}
.input_table th, .input_table td{ padding: 8px 0 8px 0; border-bottom: 1px solid #F0F0F0;}
.input_table th{padding-left: 10px; text-align: left; font-size: 14px;background-color: #F8F8F8; } 
.input_table td{text-align: left; padding-left: 5px;}
*/
.input_table{ margin: 0 0 0px 0; width: 100%; border-bottom: 0px solid #E5E5E5;border-top: 0px solid #E5E5E5;border-collapse:collapse;}
.input_table th, .input_table td{ padding: 8px 0 8px 0; border-bottom: 1px solid #EFEFEF;border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;}
.input_table th{padding-left: 10px; text-align: left; font-size: 14px;background-color: var(--form_back);font-weight:lighter;} 
.input_table td{text-align: left; padding-left: 5px;}

.input_table2{ margin: 0 0 0px 0; width: 100%; border-bottom: 0px solid #E5E5E5;border-top: 0px solid #E5E5E5;border-collapse:collapse;}
.input_table2 th, .input_table2 td{ padding: 8px 0 8px 0; border-bottom: 1px solid #EFEFEF;border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;}
.input_table2 th{padding-left: 10px; text-align: center; font-size: 14px;background-color: var(--form_back);font-weight:lighter;} 
.input_table2 td{text-align: center; padding-left: 5px;}

.input_table3{ margin: 0 0 0px 0; width: 100%; border-bottom: 2px solid #E5E5E5;border-top: 2px solid #E5E5E5;border-collapse:collapse;}
.input_table3 th, .input_table3 td{ padding: 8px 0 8px 0; border-bottom: 1px solid #F0F0F0;}
.input_table3 th{padding-left: 10px; text-align: left; font-size: 14px;background-color: #F8F8F8; } 
.input_table3 td{text-align: left; padding-left: 5px;font-size: 12px;}


.input_table4{ margin: 0 0 0px 0; width: 100%; border-bottom: 0px solid #E5E5E5;border-top: 0px solid #E5E5E5;border-collapse:collapse;}
.input_table4 th, .input_table4 td{ padding: 8px 0 8px 0; border-bottom: 1px solid #EFEFEF;border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;}
.input_table4 th{padding-left: 10px; text-align: center; font-size: 14px;background-color: var(--form_back);font-weight:lighter;} 
.input_table4 td{text-align: center; padding: 4px;}

.app_table{ margin: 0 0 0px 0; width: 100%; border-bottom: 0px solid #E5E5E5;border-top: 1px solid  var(--form_top_line);border-collapse:collapse;}
.app_table th, .app_table td{ padding: 8px 0 8px 0; border-bottom: 1px solid #EFEFEF;border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;}
.app_table th{padding-left: 5px; padding-right:5px; text-align: center; font-size: 14px;background-color: var(--form_back);font-weight:lighter;} 
.app_table td{text-align: center; padding-left: 5px;padding-right:5px}


/* 조직도 */
.org_table{ margin: 0 0 0px 0; border-bottom: 0px solid #777777; border-top: 0px solid ;border-collapse:separate; border-spacing: 0 2px;}
.org_table th, .org_table td{ padding: 1px 0 1px 0; border-bottom: 0px solid #777777;}
.org_table th{padding-left: 10px; text-align: left; font-size: 14px;background-color: #F8F8F8;} 
.org_table td{text-align: center;font-size: 12px; height: 30px;}
.orgPos{border: 1px solid var(--orgLine); background-color:var(--orgPos); border-radius: 6px;}
.orgName{border: 1px solid var(--orgLine) !important; background-color:var(--orgName); border-radius: 6px;}
.orgLine_top{ border-top:1px solid var(--orgLine);}
.orgLine_right{ border-right: 1px solid  var(--orgLine);}
.orgLine {border: 1px solid var(--orgLine) !important; }
.orgNot {color: #707070;}


.report_table{ margin: 0 0 0px 0; width: 100%; border-bottom: 0px solid #E5E5E5;border-top: 1px solid var(--form_top_line); border-collapse:collapse;}
.report_table th, .report_table td{ padding: 8px 0 8px 0; border-bottom: 1px solid #EFEFEF;border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;}
.report_table th{text-align: center; font-size: 14px;background-color: var(--form_back);font-weight:lighter;} 
.report_table td{text-align: center; padding: 4px;font-size:small}


.report_table2{ margin: 0 0 0px 0; width: 100%; border-bottom: 0px solid #E5E5E5;border-top: 1px solid #f2ae3a;border-collapse:collapse;}
.report_table2 th, .report_table2 td{ padding: 8px 0 8px 0; border-bottom: 1px solid #EFEFEF;border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;}
.report_table2 th{text-align: center; font-size: 14px;background-color: var(--form_back);font-weight:lighter;} 
.report_table2 td{text-align: center; padding: 4px;font-size:small}

/* 스크롤 설정 */
.divScroll{overflow: auto;}
.divScroll::-webkit-scrollbar {width: 10px; height: 10px;}
.divScroll::-webkit-scrollbar-thumb {height: 30%; background: #c5c5c5; border-radius: 10px; }
.divScroll::-webkit-scrollbar-track { background: rgba(145, 145, 145, 0.1);  }

/*.contentCss{padding:0px 10px 10px 10px;background:#EFEFEF;}*/
.comment_inbox_name {
	display: block;
	/* margin-bottom: 10px; */
      font-weight: 700;
	font-size: 13px;
	padding-top: 5px;
}
.comment_inbox_text {
	overflow-x: hidden;
	overflow-y: auto;
	display: block;
	width: 100%;
	min-height: 25px;
	padding-right: 1px;
	border: 1px solid #CCC;
	font-size: 13px;
	-webkit-appearance: none;
	resize: none;
	box-sizing: border-box;
	background: transparent;
	outline: 0;
	padding-top: 4px;
}
.comment_regusr {
	display: block;
	/* margin-top: 10px;
      margin-bottom: 10px; */
      font-weight: 700;
	font-size: 13px;
}

.comment_cmttxt {
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 12px;
	background-color: #F7F7F7;
	padding: 5px;
}
.comment_regdat2 {
     font-weight: normal;
     font-size: 12px;
	color: #999
}
.comment_regdat {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	color: #999
}
.comment_write_box {
	border:0px solid #CCC;
	border-radius: 6px;
	padding: 10px 10px 10px 10px;
	margin: 12px 5px 12px 0px;
	position:relative;
	background-color: #F7F7F7;
}

.check input[type="checkbox"] {
     -webkit-appearance: none;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     position: relative;
     width: 20px;
     height: 20px;
     cursor: pointer;
     outline: none !important;
     border: 1px solid #9999;
     vertical-align: middle;
 }
 .check input[type="checkbox"]::before {
     content: "\2713";
     position: absolute;
     top: 50%;
     left: 50%;
     overflow: hidden;
     transform: scale(0) translate(-50%, -50%);
     line-height: 1;
 }
 .check input[type="checkbox"]:checked {
     background-color: #fdfdfd;
     border-color: #D4D4D4;
     color: black;
 }
 .check input[type="checkbox"]:checked::before {
     border-radius: 4px;
     transform: scale(1) translate(-50%, -50%)
 }


.gridCellGreen {
     color: black\9;
     background-color: #b6ff00\9;
 }
 .gridCellYellow {
     color: black\9;
     background-color: yellow\9;
 }
 .gridCellRed {
     color: black\9;
     background-color: #e83636\9;
 }
 .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: #b6ff00;
 }
 .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: black;
     background-color: #e83636;
 }

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

.square{
      width: 5px;
      height: 5px;
      background: #000000;
	  display:inline-block;
	  margin-right:5px;
	  margin-bottom:2px;
}
.li_square{
	list-style-type:square;
}

.inp_date {
   position: relative;
   display: inline-block;
   width: 115px;/*calc((100% / 2) - 8px);*/
}
.inp_date button {
   position: absolute;
   top: 4px;
   right: 1px;
   display: inline-block;
   width: 19px;
   height: 19px;
   background: url(../img/calendar_icon2.png) no-repeat 0px 0;
   text-indent: -9999px;
   border: 0px;
}

.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;}


/* 화면 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:0px 0 0 0;font-size:20px; }


.leftDiv{};
.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; min-width:900px;display: flex; flex-direction: row;}
/* 프로그램 제목, 버튼모음 */
.divTdTitle01{ flex: 1;padding: 12px 16px 0px 16px;}	
.divTdTitle02{ padding: 14px 10px 10px 10px;}	
.midTitle{ font-size:180%; font-weight: 800; border:0px solid #009999;}
.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  {background-image:url(../img/main_menu_reset.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; } */
/* .Btn_reset:hover  {background-image:url(../img/main_menu_reset_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }
.Btn_save {  background-image:url(../img/main_menu_save.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_save:hover {  background-image:url(../img/main_menu_save_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_search {background-image:url(../img/main_menu_search.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_search:hover {background-image:url(../img/main_menu_search_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_delete {background-image:url(../img/main_menu_del.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_delete:hover {background-image:url(../img/main_menu_del_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_print { background-image:url(../img/main_menu_print.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_print:hover { background-image:url(../img/main_menu_print_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_excel { background-image:url(../img/main_menu_excel.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_excel:hover { background-image:url(../img/main_menu_excel_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_close { background-image:url(../img/main_menu_close.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }
.Btn_close:hover { background-image:url(../img/main_menu_close_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:inline; background-color: transparent; background-position: center; outline: none; }
.Btn_add    {background-image:url(../img/main_menu_add.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: none; }
.Btn_add:hover    {background-image:url(../img/main_menu_add_on.png); background-repeat:no-repeat; width:69px; height:31px; border:0; cursor:pointer;display:none; background-color: transparent; background-position: center; outline: 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_save2          {cursor:pointer;border:1px solid #258cb8;padding: 6px 20px;background-color:#258cb8;border-radius: 6px;font-weight:bold;color:#ffffff;}
.Btn_save2:hover    {cursor:pointer;border:1px solid #0d3d51;padding: 6px 20px;background-color:#0d3d51;border-radius: 6px;font-weight:bold;color:#ffffff; }

.BtnCode           {cursor:pointer;padding: 4px 8px 4px 8px;border:1px solid;border-radius: 4px;color:#000000;vertical-align:1px;min-width: 27px;margin-left:-3px;}
.BtnCodeDiv           {cursor:pointer;padding: 4px 8px 4px 8px;border:1px solid;border-radius: 4px;color:#000000;vertical-align:0px;min-width: 27px;margin-left:-5px;min-height: 26px;}
.BtnCss_Parent > input[type="button"]           {cursor:pointer;padding: 4px 10px 4px 10px;border:1px solid;border-radius: 4px;color:#ffffff;vertical-align:1px;min-width: 40px;}
.BtnCss            {cursor:pointer;padding: 5px 10px 3px 10px;border:1px solid;border-radius: 4px;color:#ffffff;vertical-align:1px;min-width: 40px;}
.TitleCss            {cursor:pointer;padding: 5px 10px 5px 10px;border:1px solid;border-radius: 0px;color:#ffffff;vertical-align:1px;min-width: 40px;}
.textCss            {padding: 5px 5px 5px 5px;border:0px solid;border-radius: 0px;color:#000000;vertical-align:1px;min-width: 40px;display:inline-block;}

.rectCss            {text-align: center; cursor:pointer;padding: 0px;border:1px solid;border-radius: 4px;color:#ffffff;vertical-align:1px;width: 15px;height:15px;display:inline-block;vertical-align:middle;}
.rectCssAuto          {min-width: 30px; margin: 0px 3px; text-align: center; cursor:pointer;padding: 0px;border:1px solid;border-radius: 4px;color:#ffffff;vertical-align:1px;display:inline-block;vertical-align:middle;padding: 2px 5px;}

.cursor_none{
     cursor:default
}

.fontSize70{font-size: 70%;}

.fontSize80{font-size: 80%;}

.fontSize16{font-size: 16px;}

.fontNormal{font-weight: normal;}

.disInlineBlock{
     display: inline-block;
}
.divPadding{
     padding: 3px;
}
.txtRight{
     text-align: right;
  }

:root{
     --signBoxColor : #999;
}
.Btn_blue2         {border-color:#9ecadb;background-color:#9ecadb;}
.Btn_blue          {border-color:#258cb8;background-color:#258cb8;}
.Btn_yellow        {border-color:#f6ff00;background-color:#f6ff00; color: #000000;}
.Btn_orange        {border-color:#ffae00;background-color:#ffae00;}
.Btn_purple        {border-color:#3e009c;background-color:#3e009c;}
.Btn_pink          {border-color:#d402b8;background-color:#d402b8;}
.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:#e6e6e6;background-color:#e6e6e6;}
.Btn_red           {border-color:#e01d1d;background-color:#e01d1d;}
.Btn_red_Parent > input[type="button"]          {border-color:#e01d1d;background-color:#e01d1d;}
.Btnfile           {min-width: 0px;font-size:140%;vertical-align:-4px;}
.Btn_blue3         {border-color:#0e0e6f;background-color: #0e0e6f;}

.textColor{color:#258cb8 ;}
.textBlack{color:#000000 ;}
.textWhite{color:#ffffff ;}
.gone{display: none;}

:root {
     --ColorRed: #e01d1d;
     --ColorBlue: #258cb8;
     --ColorGreen: #01884E;
     --ColorWhite: #ffffff;
     --ColorGray: #cccccc;
     --font-size: 9px;
     --form_back: #f7f7f7;
     --form_top_line: #5F6061;
     --orgPos : #D9D9D9;
     --orgName : #F7F7F7;
     --orgLine : #BFBFBF;
}
.dashRoundBox{border: 1px solid #CCCCCC;border-radius: 15px;flex:1;height: 100%;box-shadow: 0px 0px 5px 1px #cccccc;margin:5px;}
.dashRoundBoxIn{padding:10px 10px;}
.gridRow{display: flex;padding:0px 3px;align-items: center;}
.gridCol{padding: 2px;min-width:40px;width: 100%;text-align:left;}
.gridColGray{padding: 2px;min-width:40px;width: 100%;background-color:#f5f3f3;border-radius:3px;text-align:left;min-height: 20px;}
.gridColGreen{padding: 2px;min-width:40px;width: 100%;background-color:var(--ColorGreen);border-radius:3px;text-align:left;}

.gridBarRow{display: flex;padding:5px 3px;align-items: center;}
.gridBarCol{padding: 2px;min-width:40px;width:50%;font-size: 100%;color:#258cb8;text-align: left;min-height: 20px;}

.progressIng{vertical-align:1px;display:inline-block;vertical-align:middle;padding: 2px 0px;border-radius:5px 0px 0px 5px;min-height: 20px;color:#FFFFFF;text-align:center;font-size:80%;}
.progressEtc{vertical-align:1px;display:inline-block;vertical-align:middle;padding: 2px 0px;border-radius:0px 5px 5px 0px;min-height:20px;}



.divH{height: 0.5px;background-color:#CCCCCC;margin:3px 0px;}

.dashTitle{font-size: 16px; font-weight: bold; color: #007dea;vertical-align:middle;text-align:left;}
.dashCount{border-color:#e6e6e6;background-color:#e6e6e6;color:#000000 ;font-size: 120%;}



.BtnFontM{
     font-size: 150%;
     padding-left: 20px;
     padding-right: 20px;
}
.fcol_blue{color: #258cb8;}

.fcol_red{color: #b51616;}

.fontBold{font-weight: bold;}

.textAlignCenter{text-align: center;}


.signBox {border:1px solid var(--signBoxColor);}
.signGrade{text-align: center;padding: 5px;font-size: 11px;}
.signImg {text-align: center;padding: 5px; border-top: 1px solid var(--signBoxColor); border-bottom: 1px solid var(--signBoxColor); min-width: 74px; min-height: 62px;}
.signName{text-align: center; padding: 5px;font-size: 11px;}
.signDocKind{padding: 5px; font-size: 16px;font-weight: bold;}
.signDocTitle{padding: 5px; font-size: 16px; }
.signAtnList{width:100%;padding:5px;}



.grid_container {
	display: grid;
     /*grid-template-columns: 100px 1fr;*/
     grid-template-columns: minmax(0, auto) minmax(0, 1fr);
     grid-gap: 0;
     border-left: 1px solid #EFEFEF;
     border-top: 2px solid #009055;
}
.grid_head{
     padding: 1rem; font-size: 14px;background-color: #F9F9EF;font-weight:lighter;
}
.grid_item{
     padding: 1rem;
}
.grid_container > div {
     border-right: 1px solid #EFEFEF;
     border-bottom: 1px solid #EFEFEF;
 }



.vertical-center {
   margin: 0;
   position: absolute;
   top: 50%;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .highlighted {
     color: #261F1D;
     background-color: #FFE103;
 }
 
 .highlighted_grey {
     color: #261F1D;
     background-color: #eee;
 }


.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;}

/*인풋박스*/
.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;}

.schCol{
   font-size: 14px;
   font-style: normal;
   font-family:"Noto Sans KR4";
   display: inline-block;
   padding: 0px 5px;

}

input, textarea {
   -webkit-appearance: none;
   /*-webkit-border-radius: 0;*/
   
}
input[type='checkbox']{-webkit-appearance:checkbox}
input[type='radio']{-webkit-appearance:radio}
.radioAlign{vertical-align: -2px;}
.chkboxSize{zoom:1.5;vertical-align: -4px;}
.formRadioLabel{
     font-weight: normal;
}
.input7m  {
	padding-left: 5px;
	font-size: 150%;
	color: #000000;
	background: #fff;
	border: 1px solid #DCDCDC;
	text-align: left;
	height: 30px;
	font:normal 12px;
   width: 100%;
}
.input7  {
	padding-left: 5px;
	font-size: 13px;
	color: #000000;
	background: #fff;
	border: 1px solid #DCDCDC;
	text-align: left;
	height: 25px;
	font:normal 12px;
   width: 100%;
}
.input72  {
	padding-left: 5px;
	font-size: 13px;
	color: #000000;
	background: #fff;
	border: 1px solid #DCDCDC;
	text-align: left;
	height: 25px;
	font:normal 12px;
     margin-left:-4px;
}
.input7r { 
	padding-left: 5px;
	font-size: 13px; 
	color: #000000;
	background: #F3F3F1; 
	border: 1px solid #DCDCDC;
	text-align: left;
	height: 25px;
     outline: none;
    /* margin-left:-4px;*/
}
.input7r2 { 
	padding-left: 5px;
	font-size: 13px; 
	color: #000000;
	background: #F3F3F1; 
	border: 1px solid #DCDCDC;
	text-align: left;
	height: 25px;
	margin-left:-4px;
}

.inputReadGray { 
	padding-left: 5px;
	font-size: 13px; 
	color: #000000;
	background: #F3F3F1; 
	border: 1px solid #DCDCDC;
	text-align: left;
	height: 25px;
	margin-left:-5px;
}

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

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

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

.input_opacity{
     opacity: 0;
}

.img-wrapper {
     display: flex;
     justify-content: center;
     width: auto;
     overflow: auto;
     margin: 0 auto;
     /* position: relative; */
}

.zoom-image {
     height: 600px;
     transform-origin: top;
}

.slidecontainer {
     accent-color: #0075ff;
}

.slidecontainer > .slider {
     background: #FFE283;
}

/* 화면 css end*/

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

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

/*모바일*/
.baseDiv{padding:10px 0px;text-align:center;width:100%;color:#FFF;}
.login_input{ime-mode:disabled; height:50px; width:90%; padding:3px 0 3px 20px; border:0px solid #a9d4c1; background:#F7F7F7; font-size:18px; color:#2b2721;border-radius:25px;}
.empPicCss{clip-path: circle(45px at center);-webkit-clip-path: circle(45px at center);}
.empPicCss2{clip-path: circle(25px at center);-webkit-clip-path: circle(25px at center);}
.empPicCss3{clip-path: circle(10px at center);-webkit-clip-path: circle(10px at center);vertical-align:middle;}
.mainMenuDiv{display:inline-block;text-align:center;width:100px;padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:20px; border-radius:0px;border:1px solid #CCC;background-color:#FFF;}
.calendarDiv{display:inline-block;border:1px solid #E2E1E3; padding:1px 5px;background-color:#ffffff;}
.dataList16 { border-collapse:collapse; border: 1px solid #E2E2E2; table-layout:fixed; width:100%; margin-top: 6px;}
.dataList16 th{ margin: 0; padding:5px 5px 5px 5px;border-bottom: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; height:28px;font-size:100%; text-align: center; font-weight:bold; color:#444444;background-color:#F8F8F8}
.dataList16 td{ margin: 0; padding:5px; font-size:80%; border: 1px solid #E2E2E2; white-space:nowrap; cursor:default; text-overflow:ellipsis; overflow:hidden; height:28px;}
.appBtn{border:1px solid #02356C; padding:10px 0px;width:50%; text-align:center;font-weight:bold;background:#1E56A6;color:#fff;display:inline-block;display:none; }
.appRtnBtn{border:1px solid #900; padding:10px 0px;width:50%; text-align:center;font-weight:bold;background:#930;color:#fff;display:inline-block;display:none; }
.appbtn2{border:0px solid #999; padding:10px 0px;position:fixed;bottom:0;width:100%; text-align:center;font-weight:bold;background:#1E56A6;color:#fff;display:inline-block; }
.appbtn3{border:0px solid #999; padding:10px 0px;width:50%; text-align:center;font-weight:bold;background:#1E56A6;color:#fff;display:inline-block; }
.input40Button{width: 30%; height:25px; background-color: #3BBCC1; color:#ffffff; outline:none; display:inline; margin:0px 0 0 -7px; vertical-align:middle; border-radius:4px;border:none;-webkit-appearance: none;font-size:100%;}
.input50Button{height:25px; background-color: #3BBCC1; color:#ffffff; outline:none; display:inline; margin:0px 0 0 0px; vertical-align:middle; border-radius:4px;border:none;-webkit-appearance: none;font-size:100%;padding:0 10px;}
.input60Button{height:25px; background-color: #1E56A6; color:#ffffff; outline:none; display:inline; margin:0px 0 0 0px; vertical-align:middle; border-radius:4px;border:none;-webkit-appearance: none;font-size:100%;}

/*  개인정보처리방침 스타일 */
.modal_title_privacy {
     line-height: 1.4;
     font-size: 3rem;
     text-align: center;
     color: #333;
     font-weight: 600;
     margin-top: 30px;
  }

  .modal_content_privacy {
     
     font-size: 1.5rem;
     border: 1px solid #D8DAE2;
     margin: 20px;
     line-height: 1.5;
     
  }

  .modal_smalltitle_privacy {
     line-height: 1.4;
     font-size:  1.8rem;
     color: #333;
     font-weight: bold;
     margin: 40px 0 12px;
  }


  .modal_subcontent_privacy_sub {
     margin-left: 20px;
     line-height: 1.6;
  }

  .modal_subcontent_privacy_table {
     margin: 15px;
     width: 95%;
     padding: 5px;
  }

  .modal_subcontent_privacy_table th {
     text-align: center;
     border-top: 1px solid #cccccc;
     border-bottom: 1px solid #2e2e2e;
     border-collapse: collapse;
     height: 35px;
     width: 80%;
  }

  .modal_subcontent_privacy_table tr {
     height: 30px;
  }

  .modal_subcontent_privacy_table td {
     border-bottom: 1px solid #cccccc;
     border-collapse: collapse;
  }

  .modal_subcontent_privacy_sub ul li {
     list-style-type: none;
     margin-top: 15px;
  }
  .modal_content_privacy .goDirect{
     text-decoration: none;
     color: black;
  }
   #loginFooter #goPrivacyPolicy{
     cursor: pointer;
  }

.file-name {
     cursor: pointer;
     padding: 3px 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}