:root{
--myheight: 27px;
}
html, body {
    height: 100%;
/* 	font-family: "Arial", "굴림체", "GulimChe", "Arial"; */
	font-family: "굴림체", "GulimChe", "Arial";
	font-size: 12px; 
	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: "굴림체", "GulimChe", "Arial"; */
/* 	font-family: "Malgun Gothic", "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;
	margin: 0;
}

/*****************************
* 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;
}
/* Search */
.IWSearchTdTitle
{
	background:url('../images/arrow_pink.gif') no-repeat;
	background-position: 3px 58%;	
	padding: 3px 5px 0px 15px;
	min-height: var(--myheight);
	height: var(--myheight);
	font-weight: bold;
}

.IWSearchTdInput
{
	padding: 3px 4px 0px 4px; 
	min-height: var(--myheight);
	height: var(--myheight);
	text-align: left;
	font-weight: normal;
}

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

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

/*****************************
* div fixed
******************************/
.div_fixed {
	background-color: #dfe8f6;
	border: 1px solid #99bbe8;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	margin-right: 5px;
	display: block;
	position: fixed;
	z-index:999;
	top:0px;
	left:0px;
	right: 0px;
	font-weight: bold;
	color: #15428b;
	min-height: calc(var(--myheight)+10);
	height: calc(var(--myheight)+10);
}

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

/*****************************
 * 테이블
 ******************************/
.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;
}