:root{
/* 	--myheight: 27px; */
	--myheight: 27px;
}
/* @import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;500'); */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@700&display=swap'); */
html, body {
    height: 100%;
/* 	font-family: "굴림체", "GulimChe", "Consolas"; */
	font-family: "굴림체", "GulimChe", "Arial";
/* 	font-family: "Arial", "굴림체", "GulimChe", "Arial"; */
/* 	font-family: "MonoSpace", "굴림체", "GulimChe", "Arial"; */
/* 	font-family: "Courier New", "굴림체", "GulimChe", "Arial"; */
/* 	font-family: Arial, "Segoe UI", sans-serif; */
/* 	font-family: 'Gothic A1', sans-serif; */
/* 	font-family: 'Noto Sans KR', sans-serif; */
/* 	font-family: 'Noto Serif KR', serif; */
/* 	font-family: 'Nanum Gothic', sans-serif; */
/* 	font-size: 12px;  */
	font-size: 9.2pt; 
	color: #3F3F3F;
	margin: 0px;
    padding: 0px;
}

/* body { */
/* 	font-family: "serif", "굴림체", "Arial", "Verdana";  */
/* 	font-family: "맑은 고딕", "Malgun Gothic", "Arial", "Verdana";  */
/* 	font-family: "Consolas", "맑은 고딕", "Malgun Gothic", "Arial", "Verdana";  */
/* 	font-family: "Consolas", "굴림체", "Arial", "Verdana";  */
/* 	font-family: "Consolas", "굴림체"; */
/* 	font-family: "Arial", "굴림체"; */
/* 	font-family: "Verdana", "굴림체"; */
/* 	font-family: "Segoe UI", "굴림체"; */
/* 	font-family: "Segoe UI Historic", "굴림체"; */
/* 	font-family: "Malgun Gothic", "Arial"; */

/* 	font-family: "굴림체", "GulimChe", "Arial"; */
/* 	font-size: 12px;  */
/* 	color: #3F3F3F; */
/* 	margin: 0px; */
/*     padding: 0px; */
/* } */

input {
	color: #323232;
	box-sizing:border-box;
}

/* Hide input number picker */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

fieldset{
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

/*****************************
* div serch
******************************/
.div_search {
	background-color: #dfe8f6;
	border: 1px solid #99bbe8;
	padding-left: 10px;
	padding-right: 10px;
}
.div_search table {
	padding: 0px;
	color: #15428b;
	border-collapse: collapse;
}
.div_search>table {
	width: 100%;
}
.div_search>form>table {
	width: 100%;
}
.div_search>table>tbody>tr>td {
	min-height: 30px;
	height: 30px;
}
.div_search>table>tbody>tr>th {
	min-height: 30px;
	height: 30px;
}
.div_search th {
	background:url('../images/arrow_pink.gif') no-repeat;
	background-position: 3px 50%;	
	padding: 3px 5px 3px 15px;
	min-height: var(--myheight);
	height: var(--myheight);
	font-weight: bold;
	text-align: left;
}

/*****************************
* div upload (attach)
******************************/
.div_upload {
	background-color: #dfe8f6;
	border: 1px solid #99bbe8;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 1px;
}
.div_upload table {
	padding: 0px;
	border-collapse: collapse;
}
.div_upload input[type="file"]{
	width: 300px;
}
.attach_box{
	width: 100%;
	min-height: 0px;
	min-width: 0px;
	border: 0px solid #b5b8c8;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*****************************
* div left/center/right
******************************/
.div_left {
	float: left;
}
.div_center {
	width: 10px;
	float: left;
}
.div_right {
	float: right;
}

/*****************************
* div header
******************************/
.div_header {
	background-color: #dfe8f6;
	border: 1px solid #99bbe8;
	padding-left: 10px;
	padding-right: 10px;
}
.div_header table {
	border-collapse: collapse;
}
.div_header>table {
	width: 100%;
	padding: 0px;
	color: #15428b;
	border-collapse: collapse;
}
.div_header>table>tbody>tr>td {
	min-height: 30px;
	height: 30px;
}
.div_header>table>tbody>tr>th {
	min-height: 30px;
	height: 30px;
}

/*****************************
* fixed
******************************/
.fixed {
	position: fixed;
	z-index: 999;
	top: 0px;
	left: 5px;
	right: 5px;
/*	width: -webkit-calc(100% - 32px);*/
	margin-bottom: 3px;
}

/*****************************
* button
******************************/
.iw_button{
	cursor: pointer;
	display: inline-block;
	height: 18px;
	padding-top: 3px;
	margin-left:10px;
	text-decoration: underline;
}
.iw_button:hover{
	background-color: #dfdfdf;
}
.iw_buttonblue{
	cursor: pointer;
	display: inline-block;
	height: 18px;
	padding-top: 3px;
	margin-left:10px;
	text-decoration: underline;
	color: blue;
}
.iw_buttonblue:hover{
	background-color: #dfdfdf;
}
.iw_button_nomargin{
	cursor: pointer;
	display: inline-block;
	height: 18px;
	padding-top: 3px;
	text-decoration: underline;
}
.iw_button_nomargin:hover{
	background-color: #dfdfdf;
}

/*****************************
 * 테이블
 ******************************/
.tableB {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.tableB > tbody> tr {
	min-height: var(--myheight);
	height: var(--myheight);
}
.tableB > tbody > tr> th {
	border: 1px solid #99bbe8;
	background-color: #dfe8f6;
	vertical-align: middle;
	color: #15428b;
	font-weight: normal;
	text-align: center;
	padding: 1px 2px 1px 2px;
	min-height: var(--myheight);
	height: var(--myheight);
}
.tableB > tbody > tr> td {
	border: 1px solid #99bbe8;
	padding: 1px 2px 1px 2px;
	vertical-align: middle;
	text-align: left;
	min-height: var(--myheight);
	height: var(--myheight);
}

/* tableB의 td안에 table을 넣을 경우*/
.tableBB {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin: -1px -1px -1px -1px;
	height:100%;
}
.tableBB > tbody> tr {
	min-height: var(--myheight);
	height: var(--myheight);
}
.tableBB > tbody > tr> td {
	border-left: 1px solid #99bbe8;
	border-top: 1px solid #99bbe8;
	padding: 1px 2px 1px 2px;
	vertical-align: middle;
	text-align: left;
	min-height: var(--myheight);
	height: var(--myheight);
}
.tableBB > tbody > tr> th {
	border-left: 1px solid #99bbe8;
	border-top: 1px solid #99bbe8;
	background-color: #dfe8f6;
	vertical-align: middle;
	color: #15428b;
	font-weight: normal;
	text-align: center;
	padding: 1px 2px 1px 2px;
	min-height: var(--myheight);
	height: var(--myheight);
}

/*****************************
* 행 공간
******************************/
.h0 {
	height:0px;
}
.h1 {
	height:1px;
}
.h3 {
	height:3px;
}
.h5 {
	height:5px;
}
.h10 {
	height:10px;
}
.h15 {
	height:15px;
}
.h20 {
	height:20px;
}
.h30 {
	height:30px;
}

/*****************************
* popup
******************************/
/* framework에서 사용 */
.popup {
	border-collapse: collapse;
	padding:0px;
	border:0px;
	width:100%;
	border:0px solid red;
}
.popup tr td {
	border-collapse: collapse;
	padding: 0px 3px 0px 0px;
	border: 0px solid red;
}
/* popup화면의 body */
.popup-body{
	margin-left: 5px;
	margin-right: 5px;
	overflow: auto;
}

/*****************************
* Grid div없이 table에 적용
******************************/
.grid{
	border-collapse:collapse;
	text-align: center;
	vertical-align:middle;
	width:100%;
	table-layout:fixed;
	word-break:break-all;
}
.grid > tbody > tr {
	min-height: var(--myheight);
	height: var(--myheight);
}
.grid > tbody > tr > th {
	border: 1px solid #99bbe8;
	background-color: #dfe8f6;
	color: #15428b;
	font-weight:normal;
	padding: 1px 2px 1px 2px;
	min-height: var(--myheight);
	height: var(--myheight);
}
.grid > tbody > tr > td {
	border: 1px solid #99bbe8;
	padding: 1px 2px 1px 2px;
	vertical-align: middle;
 	text-align: center;
	min-height: var(--myheight);
	height: var(--myheight);
}

/*****************************
* Grid 
* (g-guide, h-head, b-body, f-foot)
* div에 적용
******************************/
/* guide */
.grid-g{
	margin-top: 2px;
	border-top: 1px solid #99bbe8;
	border-right: 1px solid #99bbe8;
	border-left: 1px solid #99bbe8;
}
/* header */
.grid-h{
	overflow:scroll;
	overflow-x:hidden;
/* 	border-top:1px solid #99bbe8; */
	border-right:1px solid #99bbe8;
	border-bottom:0px solid #99bbe8;
	border-left:1px solid #99bbe8;
	margin-top: 0px;
	scrollbar-arrow-color: #eceff4;
	scrollbar-face-color: blue;
	scrollbar-track-color: #eceff4;
}
.grid-h table{
/* 	background: #eceff4; Old browsers */
/* 	background: -moz-linear-gradient(top,  #eceff4 0%, #d4e1ea 100%); FF3.6+ */
/* 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eceff4), color-stop(100%,#d4e1ea)); Chrome,Safari4+ */
/* 	background: -webkit-linear-gradient(top,  #eceff4 0%,#d4e1ea 100%); Chrome10+,Safari5.1+ */
/* 	background: -o-linear-gradient(top,  #eceff4 0%,#d4e1ea 100%); Opera 11.10+ */
/* 	background: -ms-linear-gradient(top,  #eceff4 0%,#d4e1ea 100%); IE10+ */
/* 	background: linear-gradient(to bottom,  #eceff4 0%,#d4e1ea 100%); W3C */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceff4', endColorstr='#d4e1ea',GradientType=0 ); */
	border-collapse:collapse;
	text-align: center;
	vertical-align:middle;
	width:100%;
	table-layout:fixed;
	word-break:break-all;
	position:relative;
}
.grid-h th {
	border-top: 1px solid #99bbe8;
	border-right: 1px solid #99bbe8;
	background-color: #dfe8f6;
	color: #15428b;
	font-weight:normal;
	min-height: var(--myheight);
	height: var(--myheight);
}
/* body */
.grid-b{
	overflow:scroll;
	overflow-x:hidden;
	border:1px solid #99bbe8;
}
.grid-b table{
	border-collapse:collapse;
	width:100%;
	table-layout:fixed;
	word-break:break-all;
}
.grid-b > table > tbody > tr > td {
	border-right: 1px solid #99bbe8;
	border-bottom: 1px solid #99bbe8;
	padding: 1px 2px 1px 2px;
	vertical-align:middle;
	text-align: center;
	min-height: var(--myheight);
	height: var(--myheight);
}

/* footer */
.grid-f{
	overflow:scroll;
	overflow-x:hidden;
	border-right:1px solid #99bbe8;
	border-bottom:1px solid #99bbe8;
	border-left:1px solid #99bbe8;
}
.grid-f table{
	border-collapse:collapse;
	width:100%;
	table-layout:fixed;
	word-break:break-all;
}
.grid-f th {
	background-color: #dfe8f6;
	text-align: center;
	vertical-align:middle;
	border-right: 1px solid #99bbe8;
	border-bottom: 1px solid #99bbe8;
 	border-left: 1px solid #99bbe8;
	color: #15428b;
	font-weight:normal;
	min-height: var(--myheight);
	height: var(--myheight);
	position: relative;
}
.grid-f td {
	text-align: center;
	vertical-align:middle;
	border-right: 1px solid #99bbe8;
	border-bottom: 1px solid #99bbe8;
 	border-left: 1px solid #99bbe8;
	color: #15428b;
	font-weight:normal;
	min-height: var(--myheight);
	height: var(--myheight);
	position: relative;
}

/*****************************
* 전자결재 결재방 
******************************/
.tableEAPV {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border-top: 0px solid #99bbe8;
	border-right: 0px solid #99bbe8;
	border-bottom: 0px solid #99bbe8;
	border-left: 0px solid #99bbe8;
	table-layout: fixed;
}
.tableEAPV tr td {
	border-right: 1px solid #99bbe8;
	border-bottom: 1px solid #99bbe8;
	padding: 4px 0px 0px 0px;
	vertical-align: middle;
	text-align: center;
	font-size: 11.5;
	width: auto;
}
.tableEAPV th {
	background-color: #dfe8f6;
	vertical-align:middle;
	border-right: 1px solid #99bbe8;
	border-bottom: 1px solid #99bbe8;
	color: #15428b;
	font-weight:normal;
	padding:0 6px;
}	

/*****************************
* 달력 (일정표,...) 
******************************/
.calendarRender {
  border-collapse: collapse;
  width: 100%;
}
.calendarRender table {
  table-layout: fixed;
/*   font-size: 12px; */
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}
/* .calendarRender table td, */
/* .calendarRender table th { */
/* 	font-size: 12px; */
/* } */

.calendarBtn {
	cursor: Pointer;
}
.calendarBtn image{
	vertical-align: top;
}

.calendarDayRender{
	width: 100%;
	height: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.calendarDayRender td{
	border: 1px solid #C0C0C0;
}
.calendarMonthRender{
	width: 100%;
/* 	height: 100%; */
	border-spacing: 0;
	border-collapse: collapse;
}
.calendarMonthRender th, .calendarMonthRender td{
	border: 1px solid #C0C0C0;
}
.monthly{
	min-height: 50px;
	border-spacing: 0;
	border-collapse: collapse;
}
.monthly td{
	border: none;	
}
.monthlyShl{
	max-height: 15px;
	vertical-align: top;
	cursor: Pointer;
	font-size: 8pt;
	border-spacing: 0;
	padding: 0px;
	border-collapse: collapse;
}
.monthlyShl td{
	border: 0px solid #C0D2E0;	
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.monthlyShl td:HOVER{
	text-decoration: underline;
}
.daily {
	height: 30px;
	background: #F0F8FF;
	cursor: Pointer;
}
.dailyShl td{
	border: none;
}
.dailyShl td:HOVER{
	text-decoration: underline;
}
.d_dailyShl{
	background: #F0F8FF;
	vertical-align: top;
}
.d_dailyShl2 td{
	border: none;
	cursor: Pointer;
}
.d_dailyShl2 td:HOVER{
	text-decoration: underline;
}

/*********************
* 설문조사
**********************/

/*등록*/
.survey_table{
	padding-top: 7px;
	padding-bottom: 7px;
}

.survey_seq{
	border: none;
	max-width: 20px;
	font-weight: bold;
}

.choice_div{
	padding-left: 10px;
	padding-bottom: 7px;
}

.choice_input{
	border: 1px solid #b5b8c8;	
	border-radius: 4px;
	padding: 3px; 
	font-family: Gulim, Verdana, Arial; 
	font-size: 12px; 
	background-color: #ffffff;	
	background-image: url('../images/background.gif');
	background-repeat: repeat-x;
	text-align: left;
	width: 60%;
}
.option_txt{
	margin-left: 18px;
	width: calc(100% - 18px);
}

/*표형(분류미사용)*/
.mutiple_grid_div{
	padding-left: 6px;
	padding-bottom: 5px;
}

.mutiple_grid_table{
	width: 100%;
	border-collapse: collapse;
}

.mutiple_grid_table tr{
	height: 25px;
}

.mutiple_grid_table td{
	border: none !important;
	height: 100%;
}

.mutiple_input{
	border: 1px solid #b5b8c8;	
	border-radius: 4px;
	padding: 3px; 
	font-family: Gulim, Verdana, Arial; 
	font-size: 12px; 
	background-color: #ffffff;	
	background-image: url('../images/background.gif');
	background-repeat: repeat-x;
	text-align: left;
	width: 90%;
}
.mutiple_input2{
	border: 1px solid #b5b8c8;	
	border-radius: 4px;
	padding: 3px; 
	font-family: Gulim, Verdana, Arial; 
	font-size: 12px; 
	background-color: #ffffff;	
	background-image: url('../images/background.gif');
	background-repeat: repeat-x;
	text-align: left;
}

.multiple_grid_tit{
	font-family: Gulim, Verdana, Arial; 
	font-size: 13px;
	text-align: center !important;
	vertical-align: middle; 
}

.multiple_grid_view{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #b5b8c8;
}

.multiple_grid_view td{
	border: 1px solid #b5b8c8 !important;
} 

/*표형(분류사용)*/
.mutiple_grid_cls_div{
	padding-left: 3px;
	padding-bottom: 2px;
}

.mutiple_grid_cls_table1{
	width: 100%;
	border-collapse: collapse;
}

.mutiple_grid_cls_table1 tr{
	height: 25px;
}

.mutiple_grid_cls_table1 th{
	background-color: white;
	border: none;
}

.mutiple_grid_cls_table1 td{
	border: none;	
}

.mutiple_grid_cls_table2{
	width: 100%;
	border-collapse: collapse;
}

.mutiple_grid_cls_table2 tr{
	height: 25px;
}

.mutiple_grid_cls_table2 th{
	background-color: white;
	border: none;
}

.mutiple_grid_cls_table2 td{
	border: 1px solid #b5b8c8;	
	border-radius: 4px;
}

.mutiple_cls_input{
	border: 1px solid #b5b8c8;	
	border-radius: 4px;
	padding: 3px; 
	font-family: Gulim, Verdana, Arial; 
	font-size: 12px; 
	background-color: #ffffff;	
	background-image: url('../images/background.gif');
	background-repeat: repeat-x;
	text-align: left;
	width: 85%;
}

.mutiple_cls_input2{
	border: 1px solid #b5b8c8;	
	border-radius: 4px;
	padding: 3px; 
	font-family: Gulim, Verdana, Arial; 
	font-size: 12px; 
	background-color: #ffffff;	
	background-image: url('../images/background.gif');
	background-repeat: repeat-x;
	text-align: left;
	width: 99%;
}

.col_td{
	vertical-align: top;
	padding-top: 5px;
}

.survey_tit{
	font-weight: bold;
	font-family: Gulim, Verdana, Arial; 
	font-size: 14px;
}

.survey_dsc{
	font-weight: normal;
	font-family: Gulim, Verdana, Arial; 
	font-size: 12px;
	color: "#555555";
}

/*응답*/
.survey_table2{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
.rps_table {
	width: 100%;
	border-collapse: collapse;
	clear: both;
}
.rps_table tr {
	height: 22px;
}
.rps_table td {
	border: none;
	padding: 2px 3px 2px 3px;
	vertical-align: middle;
	text-align: left;
}

/*결과*/
.rps_cont_div{
	border: 1px solid #b5b8c8;
	border-radius: 4px;
	padding: 1px 3px 1px 3px;
	margin: 2px 2px 2px 2px;
	word-break: break-all;
}
.rps_cont_div2{
	border: 1px solid #b5b8c8;
	border-radius: 4px;
	padding: 3px 3px 3px 3px;
	margin: 2px 2px 2px 2px;
	word-break: break-all;
	min-height: 16px;
	vertical-align: text-bottom;
}

.multiple_rps_view{
	width: 100%;
	border-radius: 4px;
	border-collapse: collapse;
}
.multiple_rps_view td{
	border: 1px solid #b5b8c8;
}

/******************************************************
* iw tab cancel button
******************************************************/
.iw-tab-close-button{
	padding: 0;
	vertical-align: top;
	height: 25px;
	width: 25px;
	border: none;
	background-color: transparent;
	cursor: pointer;
}
.iw-tab-close-button:hover{
	color: red;
}