@charset "UTF-8";
/** --------------------------------------------------------------------------
 * input & label
 */
input:focus, textarea:focus {
	outline: none;
	box-shadow: box-shadow: 0 0 0 2px #f00;
}

.label_right {
	justify-content: flex-end !important;
}

.label_left {
	justify-content: flex-start !important;
}

.label_center {
	justify-content: center !important;
}

/* label */
.label {
	/*     font-family: 맑은 고딕; */
	font-size: 13px;
	width: 100% !important;
	height: 30px !important;
	padding-top: 5px;

	display: flex;
/* 	justify-content: center !important; */
/* 	white-space: pre !important; */

	background: #eff9ff;
	border-top: 0px solid #ced4da;
	border-right: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-left: 0px solid #ced4da;
	box-sizing: border-box;
}

.labelBox {
	height: 30px !important;
	/*   padding-top: 5px !important; */
}

.BoardLeft {
	/*   height: 30px !important; */
	border-left: 1px solid #ced4da !important;
	/*   padding-top: 4px !important; */
}

.boardLeftNon {
	/*   height: 30px !important; */
	border-left: 0px solid #ced4da !important;
	/*   padding-top: 4px !important; */
}

.boardRightNon {
	/*   height: 30px !important; */
	border-right: 0px solid #ced4da !important;
	/*   padding-top: 4px !important; */
}

.boardNon {
	/*  height: 30px !important; */
	background: #ffffff !important;
	border: 0px solid #ced4da !important;
}

.boardAll {
	/*  height: 30px !important; */
	background: #ffffff !important;
	border: 1px solid #ced4da !important;
}


.labelBoxBoardLeft {
	height: 30px !important;
	border-left: 1px solid #ced4da !important;
}

.boxBoardTop {
	border-top: 1px solid #ced4da !important;
}

.labelBox_white {
	background: #ffffff !important;
	white-space: pre !important;
}

.labelBox_green {
	background: green !important;
	white-space: pre !important;
}
.labelBox_red {
	background: red !important;
	white-space: pre !important;
}
.labelBox_purple {
	background: purple !important;
	white-space: pre !important;
}
.labelBox_cyan {
	background: cyan !important;
	white-space: pre !important;
}
.labelBox_gray {
	background: #e9ecef !important;
	white-space: pre !important;
}

.labelBox_type1 {
	background: #66FFCC !important;
	background: rgba(102, 255, 204, 0.2) !important;
	white-space: pre !important;
}


.labelBox_non {
	/*  height: 30px !important; */
	background: #ffffff !important;
	border: 0px solid #ced4da !important;
}

.labelBox_qick {
	padding-top: 5px;
	padding-left: 5px;
	display: flex;
	white-space: pre !important;
	background: #ffffff !important;
/* 	border: 0px solid #ced4da !important; */
	border-top: 0px solid #ced4da;
	border-right: 0px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-left: 0px solid #ced4da;
	box-sizing: border-box;
}

.labelBox_qick3 {
	padding-top: 5px;
	padding-left: 5px;
	display: flex;
	white-space: pre !important;
	background: #ffffff !important;
	border-top: 0px solid #ced4da;
	border-right: 0px solid #ced4da;
	border-bottom: 0px solid #ced4da;
	border-left: 0px solid #ced4da;
	box-sizing: border-box;
}


.labelBox_Height {
	padding: 0px 0px 0px 0px !important;
	height: 100% !important;
 	display: flex;
	justify-content: center !important;
	align-items: center !important;
	vertical-align: middle !important;
	white-space: pre !important;
}

.labelBoxBoardLeft_Height {
	padding: 10px 0px 5px 0px !important;
	display: flex;
	justify-content: center !important;
	align-items: center !important;
	vertical-align: middle !important;
	border-left: 1px solid #ced4da !important;
}

.labelBox_white_Height {
	background: #ffffff !important;
	white-space: pre !important;
	display: flex;
	vertical-align: middle !important;
	height: 100% !important;
}

.labelBox_gray_Height {
	background: #e9ecef !important;
	white-space: pre !important;
	display: flex;
	vertical-align: middle !important;
	height: 100% !important;
}

.labelBox_type1_Height {
	background: #66FFCC !important;
	background: rgba(102, 255, 204, 0.2) !important;
	white-space: pre !important;
	display: flex;
	vertical-align: middle !important;
	height: 100% !important;
}

.labelBox_non_Height {
	background: #ffffff !important;
	border: 0px solid #ced4da !important;
}

.inputTextArea {
	/*   font-family: 맑은 고딕; */
	font-size: 13px;
	vertical-align: middle !important;
	width: 100% !important;
	padding: 0px 0px 2px 0px;
	border-top: 1px solid #ced4da;
	border-right: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-left: 1px solid #ced4da;
	box-sizing: border-box;
}

/* inputText     */
.inputText {
	/*   font-family: 맑은 고딕; */
	font-size: 13px;
	height: 30px;
	vertical-align: middle !important;
	width: 100% !important;
	padding: 0px 0px 2px 0px;
	border-top: 0px solid #ced4da;
	border-right: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-left: 0px solid #ced4da;
	box-sizing: border-box;
}

.inputPadding {
	/*   font-family: 맑은 고딕; */
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.comboPadding {
	/*   font-family: 맑은 고딕; */
	padding-left: 1px !important;
	padding-right: 1px !important;
}

.inputText_Height {
	/*   font-family: 맑은 고딕; */
	font-size: 13px;
	vertical-align: middle !important;
	width: 100% !important;
	/*   padding: 1px 0px 5px 0px !important; */
	border-top: 0px solid #ced4da;
	border-right: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-left: 0px solid #ced4da;
	box-sizing: border-box;
}

.inputText_right {
	text-align: right;
	width: 100%;
}

.inputText_left {
	text-align: left;
	width: 100%;
}

.inputText_center {
	justify-content: center !important;
	vertical-align: middle !important;
	text-align: center !important;
/* 	width: 100%; */
}
.inputBoardRight {
	border-right: 1px solid #ced4da;
}

.inputBoardRightNon {
	border-right: 0px solid #ced4da;
}

/* -----------------------------------------------------------------
 * checkBox
 */
.checkbox {
	border-top: 0px solid #ced4da;
/* 	border-right: 0px solid #ced4da; */
	border-bottom: 1px solid #ced4da;
/* 	border-left: 0px solid #ced4da; */
	box-sizing: border-box;
}

.checkbox_right {
	text-align: right;
}

.checkbox_left {
	text-align: left;
}

.checkbox_center {
	text-align: center;
}

.requiredByAui:after {
	color: red;
	content: "*";
	display: inline;
	vertical-align: middle !important;
}

.required:after {
	color: red;
	content: "*";
	display: inline;
/* 	vertical-align: middle !important; */
}

/* -----------------------------------------------------------------
 * radio
 */
.rbtn-sm, .rbtn-group-sm>.btn {
	padding: 0.0rem 0.5rem;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 0.2rem;
}

.rRadio {
	/*   font-family: 맑은 고딕; */
	font-size: 13px;
	height: 30px;
	padding-top: 3px;
	/*   margin-top: 3px; */
	/*   margin-bottom: 5px; */
	display: flex;
	justify-content: center !important;
	vertical-align: middle !important;
	text-align: center !important;
	border-top: 0px solid #ced4da;
	border-right: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-left: 0px solid #ced4da;
	box-sizing: border-box;
}

.rRadioNon {
	/*   font-family: 맑은 고딕; */
	font-size: 13px;
	height: 30px;
	padding-top: 3px;
	/*   margin-top: 3px; */
	/*   margin-bottom: 5px; */
	display: flex;
	justify-content: center !important;
	vertical-align: middle !important;
	text-align: center !important;
	border-top: 0px solid #ced4da;
	border-right: 0px solid #ced4da;
	border-bottom: 0px solid #ced4da;
	border-left: 0px solid #ced4da;
	box-sizing: border-box;
}

.rLabel {
	position: relative;
	margin-bottom: 0;
	vertical-align: top;
}

.rLabel::before {
	position: absolute;
	top: 0.16rem;
	left: -1.3rem;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	background-color: #fff;
	border: #adb5bd solid 1px;
}

.r-radio .rLabel::before {
	border-radius: 50%;
}

.r-radio .custom-control-input:checked ~ .rLabel::after {
	background-image:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.r-radio .custom-control-input:disabled:checked ~ .rLabel::before {
	background-color: rgba(63, 106, 216, 0.5);
}

.r-radio .custom-control-input:checked ~ .rLabel::before {
	color: #fff;
	border-color: #007bff;
	background-color: #007bff;
}

.custom-switch {
	padding-left: 2.25rem;
}

.custom-switch .rLabel::before {
	left: -2.25rem;
	width: 1.75rem;
	pointer-events: all;
	border-radius: 0.5rem;
}

.custom-switch .rLabel::after {
	top: calc(0.16rem + 2px);
	left: calc(-2.25rem + 2px);
	width: calc(1rem - 4px);
	height: calc(1rem - 4px);
	background-color: #adb5bd;
	border-radius: 0.5rem;
	transition: transform 0.15s ease-in-out, background-color 0.15s
		ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s
		ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
	.custom-switch .rLabel::after {
		transition: none;
	}
}

/* -----------------------------------------------------------------------------
 * 폼
 */
.rform_cell_cont_layout {
	position: absolute;
	/*   border-left: 1px solid #cccccc; */
	/*   border-right: 1px solid #cccccc; */
	/*   border-bottom: 1px solid #cccccc; */
	border-top: 0px solid #ffffff;
	overflow: hidden;
	z-index: 0;
}

.rform_tabbar_base_dhx_skyblue .rform_tabbar_tabs {
	position: absolute;
	bottom: auto;
	height: 28px;
	overflow: hidden;
	white-space: nowrap;
	/*   border: 1px solid #cccccc; */
	background-color: #b1cce5;
	background: linear-gradient(#b1cce5, #a6c5e1);
	background: -webkit-linear-gradient(#b1cce5, #a6c5e1);
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,
		startColorStr=#b1cce5, endColorStr=#a6c5e1) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	z-index: 2;
}

.rform_cell_layout .rform_cell_cont_layout {
	position: absolute;
	/*   border-left: 1px solid #cccccc; */
	/*   border-right: 1px solid #cccccc; */
	/*   border-bottom: 1px solid #cccccc; */
	/*   border-top: 0px solid #ffffff; */
	overflow: hidden;
	z-index: 0;
}

.rform_cell_layout {
	position: absolute;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	cursor: default;
	z-index: 0;
}

.rform_rMenuNavi {
	width: 13px;
	height: 13px;
	float: right;
	margin: 5px 0px 0 5px;
	background-image: url("/images/layout/rform/rMenuClose.png");
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 1;
}


.rform_plus {
	width: 14px;
	height: 14px;
	float: right;
	margin: 5px 0px 0 5px;
	background-image: url("/images/layout/rform/plus.png");
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 1;
}

.rform_minus {
	width: 14px;
	height: 14px;
	margin: 5px 0px 0 5px;
	float: right;
	background-image: url("/images/layout/rform/minus.png");
	background-repeat: no-repeat;
	overflow: hidden;
}

.rform_minus:hover{
	background-color: darkgray;
	border-radius: 50%;
}

.rform_plus:hover{
	background-color: darkgray;
	border-radius: 50%;
}



.main-container {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	margin: 0;
}

div.rTreeBackground {
	position: relative;
	overflow: hidden;
	padding-left: 10px;
	width: 280px;
	text-align: left;
	border: 0px solid #ced4da !important;
	background: #ffffff;
}

div.tabsBodyBackground {
	position: relative;
	overflow: hidden;
	padding-left: 10px;
	width: 280px;
	text-align: left;
	border: 0px solid #ced4da !important;
	background: #eeeeee;
}

div.tabbarBackground {
	position: relative;
	overflow: hidden;
	padding-left: 10px;
	width: 280px;
	text-align: left;
	border: 0px solid #ced4da !important;
	background: #ffffff;
}


ul.rTree {
	margin-top: 10px;
	border: 1px solid #617775;
	background: #ffffff;
	width: 280px;
	height: 100%;
	overflow-y: scroll;
	overflow-x: auto;
}

/** -----------------------------------------------------------------------
  * css tree, tabs
  */
.exerp_readOnly {
	background-color: #e9ecef !important; /* c0c0c0 */
}

.ehss_A_list2 {
	width: 98%;
}

.ehss_A_list2 table {
	border-collapse: collapse;
	word-wrap: break-word;
}

.ehss_A_list2 th, td {
	vertical-align: middle !important;
	text-align: center;
	color: #495057;
	border: 0px solid #ced4da;
	white-space: nowrap;
}

.ehss_A_list2 td .label {
	height: 25px !important;
	width: 100%;
	vertical-align: middle !important;
	padding: 0.2rem 0.75rem;
	margin-bottom: 0;
	white-space: nowrap;
	color: #495057;
	background-color: #eff9ff !important;
	border: 0px solid #ced4da;
}

.ehss_A_list2 td .labelWhite {
	height: 25px !important;
	width: 100%;
	vertical-align: middle !important;
	padding: 0.2rem 0.75rem;
	margin-bottom: 0;
	white-space: nowrap;
	color: #495057;
	background-color: #fff !important;
	border: 0px solid #ced4da;
}

.ehss_A_list2 td .inputText {
	height: 25px !important;
	width: 100%;
	vertical-align: middle !important;
	background-color: #fff;
	color: black;
	border: 0 !important;
}

.ehss-grid-custom-header-title {
	height: 25px !important;
	width: 100%;
	vertical-align: middle !important;
	background-color: #fff;
	color: black;
	border: 0 !important;
}

.ehss-grid-custom-header-title {
	/*  background: #ced4da; */
	/*  color:#ffffff; */
	/*  text-align: center; */
	/*  font-weight: bold; */
	/*  font-size: 13px; */
	background: #eff9ff !important;
	border-right: 0.3px solid #ced4da !important;
	border-bottom: 0.3px solid #ced4da !important;

	/*  background: -webkit-gradient(linear, left top, left bottom, from(#999999),to(#000000)) !important; */
	/*  background: -webkit-linear-gradient(top, #999999, #000000) !important; */
	/*  background: -moz-linear-gradient(top, #999999, #000000) !important; */
	/*  background: -ms-linear-gradient(top, #999999, #000000) !important; */
	/*  background: -o-linear-gradient(top, #999999, #000000) !important; */
	/*  background: linear-gradient(top, #999999, #000000) !important;   */
}

.rform_file_attach {
	color: black !important;
}

.rform_file_attach:hover, .rform_file_attach:focus {
	color: #3f6ad8 !important; /* rmh12 blue */
}

.rform_file_attach.disabled {
	pointer-events: none;
	color: #bbddff !important;
	cursor: default;
}

/* -------------------------------------------------------------------------------------------------------
 * tab : 탭
 */
.rform_tabbar_tabs_base {
	position: absolute;
	width: 5000px;
	height: 28px;
	margin: 0px 1px;
	top: 0px;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.rform_tabbar_tabs_cont_left {
	position: absolute;
	width: 5000px;
	height: 28px;
	margin: 0px 1px;
	top: 0px;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.rform_tabbar_tab {
	position: relative;
	height: 24px;
	background-color: white;
	/*   font-family: 굴림체; */
	font-size: 11px;
	color: #333333;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	z-index: 1;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background-color: #b1cce5;
	background: linear-gradient(#b1cce5, #a6c5e1);
	background: -webkit-linear-gradient(#b1cce5, #a6c5e1);
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,
		startColorStr=#b1cce5, endColorStr=#a6c5e1) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.rform_tabbar_tab_text .rform_tabbar_tab_text_close {
	/*   position: relative; */
	/*   height: 23px; */
	/*   line-height: 22px; */
	/*   vertical-align: middle; */
	/*   top: 0px; */
	/*   border-top: 1px solid #c8daec; */
	/*   color: #333333; */
	/*   text-align: center; */
	text-overflow: ellipsis !important;
	overflow: hidden;
	white-space: nowrap;
}

.rform_tabbar_tab_close {
	width: 11px;
	height: 11px;
	display: inline-block;
	padding: 0;
	margin: 5px 5px 0 0;
	border: 0 none;
	background-color: transparent;
	float: right;
	background-image:
		url("/exframework/common/rform/image/rFormTab_button_close.gif");
/* 		url("../rform/image/rFormTab_button_close.gif"); */
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 1;
}

.rform_tabbar_tab_close:hover, .rform_nav_link:focus {
	background-color: darkgray;
	border-radius: 50%;
}

.rform_tab_text_close {
	padding-right: 9px;
}

.rform {
	outline: none;
	text-decoration: none;
	color: inherit;
	cursor: default;
	overflow: auto;
	white-space: normal;
}

.rform_nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.rform_nav_link {
	display: block;
	padding: 0.5rem 1rem;
}

.rform_nav_link:hover, .rform_nav_link:focus {
	text-decoration: none;
}

/* 탭 disable */
.rform_nav_link.disabled {
	pointer-events: none;
	/*  background-color: transparent; */
	background-color: #e7e7e7;
	cursor: default;
}

.rform_nav_tabs {
	border-bottom: 0px solid #dee2e6;
}

.rform_nav_tabs .rform_nav_item {
	margin-bottom: 5px;
	/*     height: 18px; */
	height: 22px;
}

.rform_nav_tabs div.rform_nav_tabs div.rform_nav_tabs_tab_close {
	position: absolute;
	top: 6px;
	right: 5px;
	width: 11px;
	height: 11px;
	border: 1px solid #8fb3d9;
	border-radius: 2px;
	background-image:
		url("/exframework/common/rForm/rFormTab_button_close.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	line-height: 1px;
	overflow: hidden;
	z-index: 1;
}

/* ********************************************************************
 * 테스트 중
 */
.rform_tabbar_cont {
	position: relative;
	width: 100%;
	height: 24px;
}

.rform_tabbar_tabs {
	position: absolute;
	bottom: auto;
	height: 24px;
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid #cccccc;
	/* rmh12 탭바 색상 */
	background-color: #DBDDE3;
	background: linear-gradient(#DBDDE3, #ffffff);
	/* rmh12 #b1cce5 #a6c5e1 */
	background: -webkit-linear-gradient(#DBDDE3, #ffffff);
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,
		startColorStr=#DBDDE3, endColorStr=#ffffff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	z-index: 2;
}

.rform_tabbar_top {
	text-decoration: none;
	position: relative;
	width: 100%;
	height: 24px;
}

.rform_tabbar_tabs_gr_left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 14px;
	height: 100%;
	overflow: hidden;
}

.rform_tabbar_left_img {
	position: relative;
	/*   border-right: 1px solid #cccccc; */
	height: 100%;
	background-image:
		url("/exframework/common/rfotm/image/dhxtabbar_arrows.gif");
	background-position: 0px 9px;
	background-repeat: no-repeat;
}

.rform_tabbar_left_img:hover, .rform_tabbar_left_img:focus {
	background-color: darkgray;
	border-radius: 50%;
}

.rform_tabbar_tabs_gr_right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 14px;
	height: 100%;
	overflow: hidden;
}

.rform_tabbar_tabs_right {
	position: absolute;
	top: 0px;
	right: 14px;
	width: 14px;
	height: 100%;
	overflow: hidden;
}

.rform_tabbar_right_img {
	position: relative;
	/*   border-right: 1px solid #cccccc; */
	height: 100%;
	background-image:
		url("/exframework/common/rform/image/dhxtabbar_arrows.gif");
	background-position: -14px 9px;
	background-repeat: no-repeat;
}

.rform_tabbar_right_img:hover, .rform_tabbar_right_img:focus {
	background-color: darkgray;
	border-radius: 50%;
}

.rform_tabbar_tabs_base_test {
	position: absolute;
	top: 0px;
	left: 14px;
	height: 100%;
	overflow: hidden;
}

.rform_tabbar_tabs_base_test_left0 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	overflow: hidden;
}

.rform_nav_tabs .rform_nav_tabs_margin_bottom {
	margin-bottom: 0px;
}

/* 기본 tab    */
.rform_nav_tabs .rform_nav_link {
	text-decoration: none;
	position: relative;
	width: 100%;
	height: 22px;
	/*     font-family: 맑은 고딕; */
	font-size: 13px;
	color: #282828; /* rmh12 #333333 */
	/*  border-left: 1px solid #fff; */
	/*  border-right: 1px solid #fff; */
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	z-index: 1;
	cursor: pointer;
	background-color: #e8e8e8; /* rmh12 #b1cce5 #e9ecef #d2d2d2 */
	padding: 1px 0px 5px 0px !important;
}

.rform_nav_tabs .rform_nav_link:hover {
	border-color: #e9ecef #e9ecef #dee2e6;
	color: #000;
	background-color: #eff9ff; /* rmh12 red 3f6ad8 eff9ff */
}

.rform_nav_tabs .rform_nav_link:focus {
	border-color: #e9ecef #e9ecef #dee2e6;
	color: #000;
	background-color: #eff9ff; /* rmh12 3f6ad8 */
}

.rform_nav_tabs .rform_nav_link.disabled {
	/*       border-color: transparent;  */
	pointer-events: none;
	background-color: #e7e7e7;
}

.rform_nav_tabs .rform_nav_link.active, .rform_nav_tabs .rform_nav_item.show .rform_nav_link
	{
	/*     color: #495057; */
	/*     background-color: #fff; */
	color: #fff;
	background-color: #3399cc; /* rmh12 3f6ad8 eff9ff */
	border-color: #dee2e6 #dee2e6 #fff;
}

.rform_nav_tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.rform_nav-pills .rform_nav_link {
	border-radius: 0.25rem;
}

.rform_nav-pills .rform_nav_link.active, .rform_nav-pills .show>.rform_nav_link
	{
	color: #fff;
	background-color: #3f6ad8;
}

.rform_nav-fill .rform_nav_item {
	flex: 1 1 auto;
	text-align: center;
}

.rform_nav-justified .rform_nav_item {
	flex-basis: 0;
	flex-grow: 1;
	text-align: center;
}

.tab-content>.tab-pane {
	display: none;
}

.tab-content>.active {
	display: block;
}

.rform_navbar {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0.5rem 1rem;
}

.rform_navbar>.container, .rform_navbar>.container-fluid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.rform_navbar_brand {
	display: inline-block;
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap;
}

.rform_navbar_brand:hover, .rform_navbar_brand:focus {
	text-decoration: none;
}

.rform_navbar_nav {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.rform_navbar_nav .rform_nav_link {
	padding-right: 0;
	padding-left: 0;
}

.rform_navbar_nav .dropdown-menu {
	position: static;
	float: none;
}

.rform_navbar_text {
	display: inline-block;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.rform_navbar_collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center;
}

.rform_navbar_toggler {
	padding: 0.25rem 0.75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.rform_navbar_toggler:hover, .rform_navbar_toggler:focus {
	text-decoration: none;
}

.rform_navbar_toggler:not (:disabled ):not (.disabled ) {
	cursor: pointer;
}

.rform_navbar_toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: no-repeat center center;
	background-size: 100% 100%;
}

.card-body {
	flex: 1 1 auto;
	padding: 1.25rem;
}

.rform_file_attach:hover, .rform_file_attach:focus {
	color: blue;
}

.rform_file_attach.disabled {
	pointer-events: none;
	color: #e7e7e7;
	cursor: default;
}

/*
 * 그리드 헤더
 */
#headerMenu {
	position: absolute;
	display: none;
	z-index: 1000;
}
.cellLink {
	text-decoration: underline;
/* 	color: #FF0000; */
/* 	color:#4374D9; */
	color:#3f6ad8;
}

.myErrorStyle {
	text-decoration: underline;
	color: #FF0000;
	/*     color:#4374D9; */
}

.myErrorStyle :hover {
	/*  color:#FF0000; */
	color: #4374D9;
}

.mySaturday {
	color: blue;
}
.mySunday {
	color: #FF0000;
}
.mySaturdayDisable {
	color: blue;
	background-color: #e7e7e7;
/*  	background-color: transparent; */
}
.mySundayDisable {
	color: #FF0000;
	background-color: #e7e7e7;
/* 	background-color: transparent; */
}
.rDatePicker {
	background-color: transparent;
	height : 242px !important;
	width : 212px !important;
}


/* 커스텀 셀 스타일 */
.my-cell-style {
	background: #FF007F;
	font-weight: bold;
	color: #fff;
}

.gridCellUnderLine {
	text-decoration: underline;
	cursor: pointer;
	color: blue;
}

.gridChange-color {
	text-decoration: underline;
	cursor: pointer;
	background-color: #ed9dfd;
/* 	background-color: #F1CCFC; */
/* 	background-color: #E8A4FA; */
/* 	Background-color: #fdf702; */
}

.gridCurrentDay-color {
	text-decoration: underline;
	cursor: pointer;
	background-color: #fdf702;
}

.gridSelectDay-color {
	text-decoration: underline;
	cursor: pointer;
	background-color: #ccd3ff;
}

/* -------------------------------------------------------------------------
 * 그리드 팝업 헤더
 */
ul.mylist, ol.mylist {
	list-style: circle !important;
	/*     list-style: none; */
	margin: 0px;
	padding: 0px;
	max-width: 250px;
	width: 100%;
}

ul.mylist li, ol.mylist li {
	padding: 5px 0px 5px 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #efefef;
	font-size: 13px;
	cursor: pointer;
}

ul.mylist li:last-child, ol.mylist li:last-child {
	border-bottom: 0px;
}

ul.mylist li:before, ol.mylist li:before {
	/*     content: ion-android-arrow-dropright; */
	content: "ㅇ";
	display: inline-block;
	vertical-align: middle;
	padding: 0px 5px 6px 0px;
}

ul.mylist li:hover, ol.mylist li:hover {
	background-color: #f6f6f6;
}

/** -----------------------------------------
 * 버튼 : button, btn
 */
.rbtn {
	font-family: 맑은 고딕 !important;
	font-size: 13px;
	height: 23px !important;
	margin-bottom: 0;
	padding: 0px 0px 5px 0px !important;
	display: inline-block;
	font-weight: 400;
	color: #495057;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	transition: color 0.15s, background-color 0.15s, border-color 0.15s,
		box-shadow 0.15s;
}

/*
 * button 내부 텍스트 padding-top 1px(=0.063rem)
 */
.rcustom-padding-top-1 {
/* 	padding-top: 1px !important; */ /* 나눔폰트시 사용 */
	padding-top: -10px !important;	/* 맑은 고딕시 사용 */
}

/*
 * button 사이즈
 * width 55px
 * height 23px
 */
.rcustom-btn-size {
	width: 3.438rem !important;
	height: 1.438rem !important;
}

.rbtn-sm, .rbtn-group-sm>.rbtn {
	/*     padding: 0.25rem 0.5rem; */
	/*     font-size: 0.875rem; */
	/*     line-height: 1.5; */
	border-radius: 0.2rem;
}

.rbtn-group-customzie>.rbtn:not (:last-child ):not (.dropdown-toggle ),
	.rbtn-group-customzie>.rbtn-group-customzie:not (:last-child ) >.rbtn {
	border-top-right-radius: .2rem;
	border-bottom-right-radius: .2rem;
}

.rbtn-actions-pane-right {
	margin-left: auto;
	white-space: nowrap;
}

.rbtn-actions-pane-right a {
	text-transform: none;
}

.rbtn.rbtn_padding_right {
	padding-right: 0;
	width: 100%;
}

@media screen and (prefers-reduced-motion: reduce) {
	.btn {
		transition: none;
	}
}

.rbtn:hover {
	color: #495057;
	text-decoration: none;
}

.rbtn:focus, .rbtn.focus {
	outline: 0;
	box-shadow: none;
}

.rbtn.disabled, .rbtn:disabled {
/* 	opacity: 0.65; */
	opacity: 0.40;
}

.rbtn:not (:disabled ):not (.disabled ) {
	cursor: pointer;
}

/* ---------------------------------------------------------------------------------
 * rbtn-outline-primary : 툴바버튼 공통 설정
 */
.rbtn-outline-primary {
	color: #3f6ad8;
	border-color: #3f6ad8;
}

.rbtn-outline-primary:hover {
	color: #fff;
	background-color: #3f6ad8;
	border-color: #3f6ad8;
}

.rbtn-outline-primary:focus, .btn-outline-primary.focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

.rbtn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: #3f6ad8;
 	background-color: transparent;
}

.rbtn-outline-primary:not (:disabled ):not (.disabled ):active,
	.btn-outline-primary:not (:disabled ):not (.disabled ).active, .show>.btn-outline-primary.dropdown-toggle
	{
	color: #fff;
 	background-color: #3f6ad8;
	border-color: #3f6ad8;
}

.rbtn-outline-primary.active{
/* 	color: #fff; */
/*  	background-color: #3f6ad8; */
/* 	border-color: #3f6ad8; */
	text-decoration: underline;
}


.rbtn-outline-primary:not (:disabled ):not (.disabled ):active:focus,
	.btn-outline-primary:not (:disabled ):not (.disabled ).active:focus,
	.show>.btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

/* ---------------------------------------------------------------------------------
 * rbtn-outline-type1 : 툴바버튼 답글
 */
.rbtn-outline-type1 {
	color: #3ac47d;
	border-color: #3ac47d;
}

.rbtn-outline-type1:hover {
	color: #fff;
	background-color: #3ac47d;
	border-color: #3ac47d;
}

.rbtn-outline-type1:focus, .btn-outline-type1.focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

.rbtn-outline-type1.disabled, .btn-outline-type1:disabled {
	color: #3ac47d;
	background-color: transparent;
}

.rbtn-outline-type1:not (:disabled ):not (.disabled ):active,
	.btn-outline-type1:not (:disabled ):not (.disabled ).active, .show>.btn-outline-type1.dropdown-toggle
	{
	color: #fff;
	background-color: #3ac47d;
	border-color: #3ac47d;
}

.rbtn-outline-type1:not (:disabled ):not (.disabled ):active:focus,
	.btn-outline-type1:not (:disabled ):not (.disabled ).active:focus,
	.show>.btn-outline-type1.dropdown-toggle:focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

/* ---------------------------------------------------------------------------------
 * rbtn-outline-type2 : 사용자 정의
 */
.rbtn-outline-type2 {
	color: #000;
	border-color: #000;
}

.rbtn-black-boardNon {
	color: #000;
	border-color: #fff;
}


.rbtn-outline-type2:hover {
	color: #fff;
	background-color: #000;
	border-color: #000;
}

.rbtn-outline-type2:focus, .btn-outline-type2.focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

.rbtn-outline-type2.disabled, .btn-outline-type1:disabled {
	color: #fff;
	background-color: transparent;
}

.rbtn-outline-type2:not (:disabled ):not (.disabled ):active,
	.btn-outline-type1:not (:disabled ):not (.disabled ).active, .show>.btn-outline-type1.dropdown-toggle
	{
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

.rbtn-outline-type2:not (:disabled ):not (.disabled ):active:focus,
	.btn-outline-type1:not (:disabled ):not (.disabled ).active:focus,
	.show>.btn-outline-type1.dropdown-toggle:focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

/* ---------------------------------------------------------------------------------
 * rbtn-outline-type3 : 사용자 정의
 */
.rbtn-outline-type3 {
	color: #ff3333;
	border-color: #ff3333;
}

.rbtn-outline-type3:hover {
	color: #000;
	background-color: #ff3333;
	border-color: #ff3333;
}

.rbtn-outline-type3:focus, .btn-outline-type2.focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

.rbtn-outline-type3.disabled, .btn-outline-type1:disabled {
	color: #ff3333;
	background-color: transparent;
}

.rbtn-outline-type3:not (:disabled ):not (.disabled ):active,
	.btn-outline-type1:not (:disabled ):not (.disabled ).active, .show>.btn-outline-type1.dropdown-toggle
	{
	color: #000;
	background-color: #ff3333;
	border-color: #ff3333;
}

.rbtn-outline-type3:not (:disabled ):not (.disabled ):active:focus,
	.btn-outline-type1:not (:disabled ):not (.disabled ).active:focus,
	.show>.btn-outline-type1.dropdown-toggle:focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

/* 사용자 버튼 ---------------------------------------------------------------------------------
 * rbtn-ty1 :
 */
.rbtn-ty1 {
	color: #3f6ad8;
	border-color: #3f6ad8;
}

.rbtn-ty1:hover {
	color: #fff;
	background-color: #3f6ad8;
	border-color: #3f6ad8;
}

.rbtn-ty1, .btn-outline-primary.focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

.rbtn-ty1.disabled, .btn-outline-primary:disabled {
	color: #3f6ad8;
 	background-color: transparent;
}

.rbtn-ty1:not (:disabled ):not (.disabled ):active,
	.btn-outline-primary:not (:disabled ):not (.disabled ).active, .show>.btn-outline-primary.dropdown-toggle
	{
	color: #fff;
 	background-color: #3f6ad8;
	border-color: #3f6ad8;
}

.rbtn-ty1.active{
/* 	color: #fff; */
/*  	background-color: #3f6ad8; */
/* 	border-color: #3f6ad8; */
	text-decoration: underline;
}

.rbtn-ty1:not (:disabled ):not (.disabled ):active:focus,
	.btn-outline-primary:not (:disabled ):not (.disabled ).active:focus,
	.show>.btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

/* -----------------------------------------------------
 * rbtn-ty2
 */
.rbtn-ty2 {
	color: #3ac47d;
	border-color: #3ac47d;
}

.rbtn-ty2:hover {
	color: #fff;
	background-color: #3ac47d;
	border-color: #3ac47d;
}

.rbtn-ty2, .btn-outline-primary.focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

.rbtn-ty2.disabled, .btn-outline-primary:disabled {
	color: #3ac47d;
 	background-color: transparent;
}

.rbtn-ty2:not (:disabled ):not (.disabled ):active,
	.btn-outline-primary:not (:disabled ):not (.disabled ).active, .show>.btn-outline-primary.dropdown-toggle
	{
	color: #fff;
 	background-color: #3ac47d;
	border-color: #3ac47d;
}

/* -----------------------------------------------------
 * rbtn-ty3
 */
.rbtn-ty3 {
	color: #ff3333;
	border-color: #ff3333;
}

.rbtn-ty3:hover {
	color: #fff;
	background-color: #ff3333;
	border-color: #ff3333;
}

.rbtn-ty3, .btn-outline-primary.focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

.rbtn-ty3.disabled, .btn-outline-primary:disabled {
	color: #ff3333;
 	background-color: transparent;
}

.rbtn-ty3:not (:disabled ):not (.disabled ):active,
	.btn-outline-primary:not (:disabled ):not (.disabled ).active, .show>.btn-outline-primary.dropdown-toggle
	{
	color: #fff;
 	background-color: #ff3333;
	border-color: #ff3333;
}

/* -----------------------------------------------------
 * rbtn-ty4
 */
.rbtn-ty4 {
	color: #808080;
	border-color: #808080;
}

.rbtn-ty4:hover {
	color: #fff;
	background-color: #808080;
	border-color: #808080;
}

.rbtn-ty4, .btn-outline-primary.focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

.rbtn-ty4.disabled, .btn-outline-primary:disabled {
	color: #808080;
 	background-color: transparent;
}

.rbtn-ty4:not (:disabled ):not (.disabled ):active,
	.btn-outline-primary:not (:disabled ):not (.disabled ).active, .show>.btn-outline-primary.dropdown-toggle
	{
	color: #fff;
 	background-color: #808080;
	border-color: #808080;
}

/* -----------------------------------------------------
 * rbtn-ty5
 */
.rbtn-ty5 {
	color: #cb25be;
	border-color: #cb25be;
}

.rbtn-ty5:hover {
	color: #fff;
	background-color: #cb25be;
	border-color: #cb25be;
}

.rbtn-ty5, .btn-outline-primary.focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

.rbtn-ty5.disabled, .btn-outline-primary:disabled {
	color: #cb25be;
 	background-color: transparent;
}

.rbtn-ty5:not (:disabled ):not (.disabled ):active,
	.btn-outline-primary:not (:disabled ):not (.disabled ).active, .show>.btn-outline-primary.dropdown-toggle
	{
	color: #fff;
 	background-color: #cb25be;
	border-color: #cb25be;
}

/* -----------------------------------------------------
 * rbtn-ty6
 */
.rbtn-ty6 {
	color: #31bfbf;
	border-color: #31bfbf;
}

.rbtn-ty6:hover {
	color: #fff;
	background-color: #31bfbf;
	border-color: #31bfbf;
}

.rbtn-ty6, .btn-outline-primary.focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

.rbtn-ty6.disabled, .btn-outline-primary:disabled {
	color: #31bfbf;
 	background-color: transparent;
}

.rbtn-ty6:not (:disabled ):not (.disabled ):active,
	.btn-outline-primary:not (:disabled ):not (.disabled ).active, .show>.btn-outline-primary.dropdown-toggle
	{
	color: #fff;
 	background-color: #31bfbf;
	border-color: #31bfbf;
}


/* -----------------------------------------------------
 * rbtn-ty7
 */
.rbtn-ty7 {
	color: #000;
	border-color: #000;
}

.rbtn-ty7:hover {
	color: #fff;
	background-color: #000;
	border-color: #000;
}

.rbtn-ty7, .btn-outline-primary.focus {
	box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5);
}

.rbtn-ty7.disabled, .btn-outline-primary:disabled {
	color: #000;
 	background-color: transparent;
}

.rbtn-ty7:not (:disabled ):not (.disabled ):active,
	.btn-outline-primary:not (:disabled ):not (.disabled ).active, .show>.btn-outline-primary.dropdown-toggle
	{
	color: #fff;
 	background-color: #000;
	border-color: #000;
}


/* ---------------------------------------------------------------------------------
 * layout div
 */
div.edge {
	display: block;
	margin-top: 5px;
	margin-left: 5px;
	border: 1px solid gray;
	float: left
}

.draggable {
	display: inline-block;
	vertical-align: top;
	border: 4px solid #BBB;
	border-radius: 4px;
	background-color: whitesmoke;
	position: absolute;
	top: 20px;
	left: 120px;
	z-index: 500;
}

.draggable2 {
	display: inline-block;
	vertical-align: top;
	border: 4px solid #BBB;
	border-radius: 4px;
	background-color: whitesmoke;
	position: absolute;
	top: 80px;
	left: 211px;
	z-index: 500;
}

.underLine {
	text-decoration: underline;
	cursor: pointer;
}

.urlBlue {
	color: blue;
}

.linethroughRed {
	text-decoration: line-through;
	cursor: pointer;
	color: red;
}

.linethrough {
	text-decoration: line-through;
	cursor: pointer;
	color: red;
}

.urlRed {
	color: red;
}


.btnMouse:enabled{
	cursor: pointer;
}
.btnMouse:disabled {
	cursor: default;
}
.worsWrap {
	white-space: normal;
	word-break: break-all;
	word-wrap: normal;
}

.rCenter {
	justify-content: center !important;
	align-items: center !important;
	vertical-align: middle !important;
}

.rHeader{
/* 	text-transform: uppercase; */
	color: rgba(0, 0, 0, 1.0);
	font-weight: bold;
	font-size: 0.88rem;
}
.rHeader {
	display: flex;
	align-items: center;
	border-bottom-width: 1px;
/*
 2020-05-25 일시적으로 막기 padding-top: 0;
 다른 UI에서 문제가 발생시 페이지 내부에서 style로  padding-top: 0 작성처리
*/
	padding-bottom: 0;
	padding-right: 0.625rem;
/* 	height: 3.5rem;  */
}

/*
 * aui 그리드 css
*/
.auiTreeStyle1 {
/* 	font-weight: bold; */
	color: #000;
}

.viewTitle {
	padding: 0px 0px 0px 3px;
	height: 100% !important;
 	display: flex;
	vertical-align: middle !important;
	white-space: pre !important;
}

/* 연속공백유지 */
.rBreakSpace {
	white-space:break-spaces;
}

/* 그리드 셀 스타일 */
.cell-style-d {
	background:#FF007F;
	font-weight:bold;
	color:#fff;
}
.cell-style-i {
	background:#0000ff;
	font-weight:bold;
	color:#fff;
}
.cell-style-u {
	background:#FFFFD7;
	font-weight:bold;
	color:#000;
}
.row-style-i {
	background:#eff7ff;
/* 	background:#C5CAE9; */
/* 	font-weight:bold; */
}
.row-style-u {
/* 	background:#FFFFD7; */
/* 	background:#E8EAF6; */
	background:#FFFFCC;
/* 	font-weight:bold; */
}
.row-style-d {
	background:#e9ecef;
	font-weight:bold;
	text-decoration: line-through;
}

/* 그리드 선택 구간에 행 스타일 */
.grid-custom-selected-style {
	background-color: #FFFFD7 !important;
	font-style: normal;
	color: #000000;
}

/* ROW -셀력션 백그라운드 스타일 재정의 */
.aui-grid-selection-row-bg {
	background: #FFFFD7 !important;
	color:#000 !important;
	font-weight:normal !important;
}

/* Cell -셀력션 백그라운드 스타일 재정의 */
.aui-grid-selection-bg {
	background: #FFFFD7 !important;
	color:#000 !important;
	font-weight:normal !important;
}

.empImg {
	height: 149px;
	width: 149px;
	background: #ffffff;
	border-top: 0px solid #ced4da;
	border-right: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-left: 0px solid #ced4da;
	box-sizing: border-box;
}

.erpImg {
/* 	height: 149px; */
/* 	width: 149px; */
	background-size: 100% 100%;
	background: #ffffff;
	border-top: 0px solid #ced4da;
	border-right: 0px solid #ced4da;
	border-bottom: 0px solid #ced4da;
	border-left: 0px solid #ced4da;
	box-sizing: border-box;
}
.footerSumRight {
	text-align:right;
}
.footerSumCenter {
	text-align:center;
}
.footerSumLeft {
	text-align:left;
}



/* 그리드 오버 시 행 선택자 만들기 */
.aui-grid-body-panel table tr:hover {
	background:#D9E5FF;
	color:#000;
}
.aui-grid-main-panel .aui-grid-body-panel .aui-grid-table tr td:hover {
	background:#D9E5FF;
	color:#000;
}

/* 커스텀 칼럼 스타일 정의 */
.my-column {
	text-align:right;
}

/* 바디 메뉴 스타일 정의 */
#bodyMenu {
	position:absolute;
	display:none;
	z-index:100;
}

/* jQuery UI Menu 스타일 재정의 */
.ui-menu {
	width: 300px;
	font-size:12px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}
.ui-widget-header {
	padding: 0.2em;
}

/* TextArea 렌더러 */
.textAreaRenderer {
	font-size:13px;
	position:absolute;
	height:100px;
	min-width:100px;
	background:#fff;
	border:1px solid #555;
	display:none;
	text-align:right;
	z-index:9999;
}

.datetimepickerRenderer {
	font-size:13px;
	position:absolute;
	height:100px;
	min-width:100px;
	background:#fff;
	border:0px solid #555;
	display:none;
	text-align:right;
	z-index:9999;
}

/* 그리드 disabel */
/* 커스컴 disable 스타일*/
.grid-disable-color {
	background-color: #e7e7e7;
/* 	color : #cccccc; */
}

.grid-item-color {
	background-color : #eff9ff;
/* 	color : #cccccc; */
}

.grid-memo-color {
	background-color : #ffff00; /* 메모 */
}

.grid-green-color {
	background-color : #6adc61; /* Master상품수량>0, 실제무게적용, 입고작업량조회 총수량 */
}

.grid-blue-color {
	background-color : #bdbdff; /* Master상품수량>0, 실제무게적용, 입고작업량조회 총수량 */
}


.grid-pinkSalmon-color {
	background-color : #ff91a2; /* 부피무게적용 */
}

.grid-orange-color {
	background-color : #ffa500; /* 미출고 */
}

.grid-yellow-color {
	background-color : #FFFFE0; /* 입고작업량조회 송장, 실제무게 */
}

.grid-red-color {
	background-color : #FF0000; /* 주문상태 삭제 */
}

.grid-beforeEntry-color {
	background-color : #FA8072; /* 미통관수량 */
}

.grid-entry-rate {
	background-color : #549CBD; /* 통관완료율 */
	background: linear-gradient(to left, #549CBD, #549CBD);
}


/* ToolTip classses */
/* 툴팁 기본 스타일 설정 시작 */

.tooltip {
  position: relative;
  display: block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  white-space : pre-line;
  color: #fff;
  background-color: #000;
  text-align: center;
  border-radius: 5px;
  padding: 5px 0;

  position: absolute;
  z-index: 9999999;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* 툴팁 기본 스타일 설정 끝 */

/* -------------------------- */

/* 툴팁 화살표 기본 스타일 설정 시작 */

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 5px;
}

/* 툴팁 화살표 기본 스타일 설정 끝 */

/* -------------------------- */

/* 툴팁 방향 설정 시작 */

/* 왼쪽 툴팁 시작 */

.tooltip .tooltip-left {
  top: -5px;
  right: 105%;
}

.tooltip .tooltip-left::after {
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-color: transparent transparent transparent black;
}

/* 왼쪽 툴팁 끝 */

/* 오른쪽 툴팁 시작 */

.tooltip .tooltip-right {
  top: -5px;
  left: 105%;
}

.tooltip .tooltip-right::after {
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-color: transparent black transparent transparent;
}

/* 오른쪽 툴팁 끝 */

/* 위쪽 툴팁 시작 */

.tooltip .tooltip-top {
  bottom: 150%;
  left: 20%;
  margin-left: -60px;
}

.tooltip .tooltip-top::after {
  top: 100%;
  left: 20%;
  margin-left: -5px;
  border-color: black transparent transparent transparent;
}

/* 아래쪽 툴팁 시작 */

.tooltip .tooltip-bottom {
  top: 110%;
  left: 20%;
  margin-left: -15px;
}


.tooltip .tooltip-bottom::after {
  bottom: 100%;
  left: 20%;
  margin-left: 0px;
  border-color: transparent transparent black transparent;
}

/* 아래쪽 툴팁 시작 */

/* 툴팁 방향 설정 끝 */


/* 그리드 왼쪽 정렬 */
.grid-custom-left {
	text-align :left;
}
/* 그리드 오른쪽 정렬 */
.grid-custom-right {
	text-align : right;
}
/* 커스텀 칼럼 스타일 정의 */
.aui-grid-user-custom-color {
	color: #0099CC;
}
/* 그리드 컬럼 영역 색상 */
.aui-grid-user-custom-background-color {
	background-color : #FF9900;
}
/* 그리드 컬럼 바 게이지 색상 */
.aui-grid-user-custom-bar-background-color {
	border:1px solid #E4E4E4;
	background: #F361DC;
	background: -webkit-linear-gradient(right, #FFB2D9, #F361DC);
	background: -moz-linear-gradient(right, #FFB2D9, #F361DC);
	background: -ms-linear-gradient(right, #FFB2D9, #F361DC);
	background: -o-linear-gradient(right, #FFB2D9, #F361DC);
	background: linear-gradient(to left, #FFB2D9, #F361DC);
}
/* 커스텀 칼럼 헤더 스타일 정의 */
.aui-grid-user-custom-header {
	color:#000000;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	background: #FFCC00;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00),to(#FFCC00));
	background: -webkit-linear-gradient(top, #FFCC00, #FFCC00);
	background: -moz-linear-gradient(top, #FFCC00, #FFCC00);
	background: -ms-linear-gradient(top, #FFCC00, #FFCC00);
	background: -o-linear-gradient(top, #FFCC00, #FFCC00);
	background: linear-gradient(top, #FFCC00, #FFCC00);
}
/* 헤더스타일 - green */
.grid-custom-header-green {
	color:#000000;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	background: #FFCC00;
	background: -webkit-gradient(linear, left top, left bottom, from(#00CCCC),to(#00CCCC));
	background: -webkit-linear-gradient(top, #00CCCC, #00CCCC);
	background: -moz-linear-gradient(top, #00CCCC, #00CCCC);
	background: -ms-linear-gradient(top, #00CCCC, #00CCCC);
	background: -o-linear-gradient(top, #00CCCC, #00CCCC);
	background: linear-gradient(top, #00CCCC, #00CCCC);
}
/* 헤더스타일 - pink */
.grid-custom-header-pink {
	color:#000000;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	background: #FFCCFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCCFF),to(#FFCCFF));
	background: -webkit-linear-gradient(top, #FFCCFF, #FFCCFF);
	background: -moz-linear-gradient(top, #FFCCFF, #FFCCFF);
	background: -ms-linear-gradient(top, #FFCCFF, #FFCCFF);
	background: -o-linear-gradient(top, #FFCCFF, #FFCCFF);
	background: linear-gradient(top, #FFCCFF, #FFCCFF);
}
/* 헤더스타일 - yellow */
.grid-custom-header-yellow {
	color:#000000;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	background: #CCCC00;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCCC00),to(#CCCC00));
	background: -webkit-linear-gradient(top, #CCCC00, #CCCC00);
	background: -moz-linear-gradient(top, #CCCC00, #CCCC00);
	background: -ms-linear-gradient(top, #CCCC00, #CCCC00);
	background: -o-linear-gradient(top, #CCCC00, #CCCC00);
	background: linear-gradient(top, #CCCC00, #CCCC00);
}
/* 헤더스타일 - red */
.grid-custom-header-red {
	color:#000000;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	background: #FFCCCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCCCC),to(#FFCCCC));
	background: -webkit-linear-gradient(top, #FFCCCC, #FFCCCC);
	background: -moz-linear-gradient(top, #FFCCCC, #FFCCCC);
	background: -ms-linear-gradient(top, #FFCCCC, #FFCCCC);
	background: -o-linear-gradient(top, #FFCCCC, #FFCCCC);
	background: linear-gradient(top, #FFCCCC, #FFCCCC);
}

/* HTML 템플릿에서 사용할 스타일 정의*/
.rForm_flag {
	display: inline-block;
	margin-top: 4px;
	line-height: 12px;
}

.rForm_flag img {
	width: auto;
	height: 12px;
	vertical-align: top;
	padding-right: 4px;
}

/* HTML 템플릿에서 사용할 스타일 정의*/
.rFormAui_div {
	display: inline-block;
	margin-top: 4px;
/* 	line-height: 12px; */
	line-height: 18px;
}

/* 그리드 진척율 */
.rFormAuiC_red {
	color: #CC3D3D;
	font-weight: bold;
}

.rFormAuiC_HD {
	color: #000000;
	font-weight: bold;
}


.rFormAuiC_bold {
	font-weight: bold;
}


section {
    margin: 0;
    padding: 5%;
    width: auto;
/*     height: auto; */
    height: 1000px !important;
    background-image: url("/images/layout/hydongLogin.jpg");
    background-position: center center;
    background-size: cover;
}

.login-white {
	color: #ffffff;
/* 	background-color: #ffffff50; */
}