@charset "utf-8";

/*******************************
		main/body.jsp
********************************/
a:hover { 
  color: #be222f;
}
/* 																** 화면 사이즈별 영역 설정  **					*/
/* [ 헤더영역 ] */
/* @media only screen and (min-width: 1227px) {} */
.hrg_content, .hrg_logo, .hrg_overlab_wrapper, .hrg_wrapper {
	width: 1200px; 
	margin: auto;
	list-style: none;
}
.hrg_wrapper {
	height: 100%;
	text-align: left;
}
.hrg_pos_03 {
	padding: 0 20px;
}

/* 																		** IE 10+ 인 경우 진입 **					*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.hrg_content, .hrg_logo, .hrg_overlab_wrapper, .hrg_wrapper {
		width: 1200px; 
		margin: auto;
	}
	.hrg_wrapper {
		height: 100%;
		text-align: left;
	}
	
	#web_gyro_tab_close_btn img{/* [ 전체닫기 버튼 ] */
	    padding-right: 2px;
	    padding-bottom: 2px;
	}
}



/* 																** 공통 사용 꾸밈  **					*/
/* [ 홈 단락별 타이틀 꾸밈 ] */
.h2 {
	border-bottom: 2px solid  #dbdbdb;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 0.8em;
    padding: 20px 10px 8px;
    text-align: left;
    color: #000;
}
/* [ 홈 가로선 ] */
.hr {
	border: 1px solid  #3ea9d9;
	margin: 0;
}

/* [ 탭 꾸밈 ] */
.tab_block {
  overflow: hidden;
  background-color: #f1f1f1;
}
.tab_block button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 3px 15px;
  transition: 0.3s;
  border-right: 1px solid #cecece;
  border-left: 1px solid #cecece;
  background-color: #ececec;
  color: #aaaaaa;
}
.tab_block button.active {
  background-color: #ffffff;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #dbdbdb;
  color: #000;
}
.table_block_full {
    height: calc(100% - 63px);
}
.table_block_part {
    height: calc(100% - 28px);
}

/* [ 텍스트 정렬 ] */
.t_l { text-align: left; }
.t_c { text-align: center; }
.t_r { text-align: right; }

/* 																** 고정 탑 메뉴  **					*/
/* [ 로그아웃 그룹 ] */
.hrg_header {
	line-height: 22px;
	font-size: 11px;
	text-align: right;
	background-color: #202020;
	min-width: 1300px;
}
.hrg_content {
	background-color: #202020;
}
.hrg_content li {
	color: #ffffff;
	display: inline-block;
	margin-left: 10px;
}
.hrg_content li a {
	cursor: pointer;
}

/* [ 로고/대메뉴 ] */
.hrg_header_menu {
/* 	text-align: center; */
	background-color: #be222f;
	min-width: 1280px;
}
.hrg_logo {	/* 대메뉴 목록 있는 ul */
	height: 60px;
	background-color: #be222f;
}
.hrg_logo li {
	display: inline-block;
	cursor: pointer;
}
.hrg_logo div {
	display: inline-block;
	cursor: pointer;
	margin-top: -24px;
    padding: 8px 0px 0px 17px; /*10px 0px 0px 17px;*/
    background-color: #be222f;
}
.hrg_logo > div > a > img {
	width: 110px;
	height: 62px;
	padding: 0 25px 7px 0; /* 0 25px 9px 0;*/
}
.hrg_menu {
	color: #ffffff;
	padding: 4px 0px 0px 0px; /*22px 5px*/
    font-weight: bold;
}
.hrg_menu a {
	font-size: 1.2em; /*호서대 요청 추가*/
	padding: 15.3px 25px 18.5px 25px;  /*20px*/
}
.hrg_menu a:HOVER {
	font-size: 1.2em; /*호서대 요청 추가*/
	/*padding: 20px;*/
/* 	background-color: #be222f; */
	text-decoration: underline;
	color: #ffffff;
}

/*******************************
		main/mainPage.jsp
********************************/
/* [ 홈 ] */
#hrg_home {
	font-size: 13px;
	text-align: center;
	width: 100%;
	height: calc(100vh - 85px);
	box-sizing: border-box;
}

/* [ 홈 이미지 ] */
.hrg_pos_01 {
	background-color: #e2d8b4;
	background: url(../../images/main/home_top_image.jpg) no-repeat;
	height: 200px;
	min-width: 1300px;
}
.pos_01_A {
	list-style: none;
	color: #ffffff;
	font-size: 1.8em;
	text-align: left;
}
.pos_01_A > p {
	font-size: 1.8em;
	padding: 75px 0 15px;
}

/* [ 홈 컨텐츠 전체 감싼 영역만 세로 스크롤 생기도록 ] */
.hrg_home_scroll_area {
    width: 100%;
    height: calc(100% - 200px);
    height: -moz-calc(100% - 200px);
    height: -webkit-calc(100% - 200px);
    
    overflow-x:hidden; 
	overflow-y:auto;
}

/* 																		** 그 외 브라우저 **					*/
/* [ 홈 > 컨텐츠 영역 ] */
.hrg_wrapper ul {
	list-style: none;
	height: 100%;
}
.hrg_wrapper > ul > li {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	zoom: 1;
	height: inherit;
}
.hrg_wrapper > ul > li > ul {
	margin: 0 5px;
}

/* [ 공지사항 | pos_02_B의 하단 마진 보정 ] */
.pos_02_A {
	height: calc(100% - 20px);			/* 하단 메뉴얼 존재시 height: calc(100% - 99px); */
	margin-bottom: 20px;
}

/* [ 매뉴얼 ] 
.pos_02_B {
	height: 70px;
	margin-bottom: 20px;
}
.pos_02_B ul li {
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	line-height: 5.4em;
	text-align: center;
}
.pos_02_B ul li:FIRST-CHILD {
	float: left;
	width: calc(100% - 75%);
	background-color: #be222f;
	line-height: 4.6em;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2em;
}
.pos_02_B ul li:NTH-CHILD(2) {
	width: calc(100% - 65%);
	background-color: #dbdbdb;
	cursor: pointer;
}
.pos_02_B ul li:NTH-CHILD(2) a img {
    margin-right: 5px;
}
.pos_02_B ul li:LAST-CHILD {
	float: right;
    width: calc(100% - 60.1%);
	background-color: #dbdbdb;
	cursor: pointer;
}
.pos_02_B ul li:LAST-CHILD a img {
    margin-right: 5px;
}
.pos_02_B ul li:NTH-CHILD(2):hover,
.pos_02_B ul li:LAST-CHILD:hover {
	border: 2px solid #be222f;
	background-color: transparent;
}
*/

/* [ 요약목록 ] */
.pos_03_A {
	height: calc(100% - 20px);
	margin-bottom: 20px;
}
.pos_03_A_content {
	max-height: 100%;
}

/* [ 받은 결재요청_보낸 결재요청 정보 ] 
.pos_04_A {
	height: 97px;
}
.pos_04_A ul {
	height: 60px;
}
.pos_04_A ul li {
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	line-height: 4.5em;
	text-align: center;
}
.pos_04_A ul li span {
	font-size: 0.9em;
}
.pos_04_A ul li span b {
	padding: 0 5px 0 20px;
	font-size: 1.5em;
	color: #3ea9d9;
	position: relative;
    top: -2px;
}
.pos_04_A ul li:FIRST-CHILD {
	float: left;
	width: calc(100% - 50%);
}
.pos_04_A ul li:LAST-CHILD {
	float: right;
	width: calc(100% - 50%);
}*/

/* [ 받은 결재요청_보낸 결재요청 목록 | 가로선 두께 2px 보정 ] 
.pos_04_B {
	height: calc(100% - 97px);
	margin-bottom: 20px;
}
.pos_04_B_content {
	max-height: 100%;
}
*/

/* [ 텍스트 길이 지정 _ 말줄임 ] */
.fix_w_260 {
	max-width: 260px;
	min-width: 260px;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}
.fix_w_230 {
	max-width: 230px;
	min-width: 230px;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}
/* [ 텍스트 길이 지정 _ 여러줄 ] */
.wrap_w_205 {
	max-width: 205px;
	min-width: 205px;
	word-break: break-all;
    word-wrap: normal !important;
}
/* [ 텍스트 길이 지정 _ 순번 ] */
.fix_w_25 {
	max-width: 25px;
	min-width: 25px;
}

.fix_w_310 {
	max-width: 310px;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

/* [ 테이블 스타일 ] */
.row_border,
.cross_border {
	border-collapse: collapse;
    overflow: scroll;
}
.row_border tr th,
.cross_border tr th {
	border-bottom: 1px solid #dbdbdb;
	line-height: 1.8em;
	margin: 1em 0 0.5em 0;
	text-align: center;
}
.row_border tr td,
.cross_border tr td {
	padding: 5px;
	line-height: 1.4em;
	margin: 1em 0 0.5em 0;
}
/* [ 테이블 스타일 _ 가로선 ] */
.row_border tr td {
	border-bottom: 1px solid #ccc;
}
/* [ 테이블 스타일 _ 가로선 _ 세로선 ] */
.cross_border tr th {
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
}
.cross_border tr td {
	border: 1px solid #dbdbdb;
}

.standartTreeRow {
	font-size: 1.1em; /*1em > 호서대 요청 수정*/
}
.standartTreeRow:hover {
	color: #be222f;
}
.selectedTreeRow { 
	font-size: 1.2em; /*1em > 호서대 요청 수정*/
	color: #be222f;
}
/*td:not(.selectedTreeRow) {
	color: red;
}*/