@CHARSET "UTF-8";

.reportChartTypeOptions {
	list-style: none !important;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	/* margin-bottom: 70px;	// Bar 추가 */
	margin-bottom: 52px;
}

.k-edit-field .k-checkbox-label {
	vertical-align: top;
	margin-top: 2px;
}

.k-edit-field input[type=radio] {
	width: 50px;
}

.k-edit-field input[type=checkbox] {
	width: 50px;
}

.k-edit-field  .k-radio-label {
	vertical-align: auto;
}

.reportChartTypeOptions>li {
	margin: 0;
	float: left;
	height: 20px;
	width: 90%;
	vertical-align: auto;
	overflow: hidden;
}

.formTitle {
	border-bottom: 1px solid #c5c5c5;
	padding: 0 19px 0.72222em;
	clear: both;
}

.formTable {
	display: table;
	width: 100%;
}

.formRow {
	display: table-row;
}

.formLabel {
	display: table-cell;
	width: 20%;
	min-width: 200px;
	max-width: 400px;
	text-align: right;
	padding: 10px;
	margin: -1 px;
}

.formValue {
	display: table-cell;
	padding: 2px;
	margin: -1 px;
}

.k-edit-field input {
	width: 100%;
}

.heyumTabstrip {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.heyumLeftTabstrip {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.heyumLeftTabstrip>.k-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.heyumTabstrip>.k-content {
	position: absolute !important;
	bottom: 0;
	right: 0;
	left: 0;
	top: 32px;
	padding: 3px;
	height: auto;
}

.content_100 {
	display: inline-block;
	position: absolute;
	top: 38px;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	border: 0;
}

input::-webkit-input-placeholder {
	color: #a0a0a0;
}

input::-moz-placeholder {
	color: #a0a0a0;
} /* firefox 19+ */
input:-ms-input-placeholder {
	color: #a0a0a0;
} /* ie */
input:-moz-placeholder {
	color: #a0a0a0;
}

.hyfloatBlockR6 {
	float: left;
	height: 210px !important;
	margin: 0;
}

.hyfloatBlockR4 {
	float: left;
	height: 140px !important;
	margin: 0;
}

.hyfloatBlockR3 {
	float: left;
	height: 105px !important;
	margin: 0;
}

.hyfloatBlockR3 textarea {
	height: 97px !important;
	margin: 0;
}

.hyfloatBlockR2 {
	float: left;
	height: 70px !important;
	margin: 0;
}

.hyfloatBlockR2 textarea {
	height: 63px !important;
	margin: 0;
}

.hyfloatBlockC3 {
	float: left;
	width: 870px !important;
	margin: 0;
}

.hyfloatBlockC2 {
	float: left;
	width: 580px !important;
	margin: 0;
}

.hyfloatBlockC1 {
	float: left;
	width: 290px !important;
	margin: 0;
}

.hyfloatBlock {
	float: left;
	width: 290px;
	height: 35px;
	margin: 0;
}

.hyfloatBlockD {
	float: left;
	width: 580px;
	margin: 0;
}

.hyfloatBlockT {
	float: left;
	width: 870px;
	margin: 0;
}

.hyfloatBlockDLT {
	float: left;
	width: 870px;
	margin: 0;
}

.hyfloatBlockDLT .k-edit-field {
	margin: 0;
	width: 700px;
}

.hyfloatBlockDLT .k-edit-label {
	word-break: keep-all;
	margin: 0;
	white-space: normal;
	padding: .4em 0 1em;
	width: 150px;
}

.hyfloatBlockT .k-edit-field {
	margin: 0;
	width: 760px;
}

.hyfloatBlockT .k-edit-label {
	word-break: keep-all;
	margin: 0;
	white-space: normal;
	padding: .4em 0 1em;
	width: 95px;
}

.hyfloatBlockD .k-edit-field {
	margin: 0;
	width: 470px;
}

.hyfloatBlock .k-edit-field {
	margin: 0;
	width: 180px;
}

.hyfloatBlockD .k-edit-label {
	word-break: keep-all;
	margin: 0;
	white-space: normal;
	padding: .4em 0 1em;
	width: 95px;
}

.hyfloatBlock .k-edit-label {
	word-break: keep-all;
	margin: 0;
	white-space: normal;
	padding: .4em 0 1em;
	width: 95px;
}


.hyfloatBlockDLT .k-edit-field  .k-combobox, .hyfloatBlockDLT .k-edit-field  .k-combobox .k-numerictextbox
	{
	width: 700px;
}

.hyfloatBlockT .k-edit-field  .k-combobox, .hyfloatBlockT .k-edit-field  .k-combobox .k-numerictextbox
	{
	width: 760px;
}

.hyfloatBlockDLT.k-edit-field>input {
	width: 700px;
}

.hyfloatBlockT .k-edit-field>input {
	width: 760px;
}

.hyfloatBlockD .k-edit-field  .k-combobox, .hyfloatBlockD .k-edit-field  .k-combobox .k-numerictextbox
	{
	width: 470px;
}

.hyfloatBlockD .k-edit-field>input {
	width: 470px;
}

.hyfloatBlock .k-edit-field  .k-combobox, .hyfloatBlock .k-edit-field .k-numerictextbox
	{
	width: 180px;
}

.hyfloatBlock .k-edit-field>input {
	width: 180px;
}

.k-edit-form-container {
	width: 100%;
}

.metrotable>tbody>tr>td {
	border-bottom: 1px solid #e1e1e1;
	color: #787878;
	padding: .5em 1em .5em 0;
}

.metrotable>thead>tr>th {
	text-align: left;
	border-bottom: 1px solid #ccc;
	color: #bbb;
	padding: 2em 1em 0 0;
}

.metrotable>tfoot>tr>td {
	padding-right: 10px;
}

.thumbImg {
	background-color: #ffffff;
	border: 1px solid rgb(197, 197, 197);
	max-height: 350px;
	max-width: 350px;
}

.thumbImg500 {
	background-color: #ffffff;
	border: 1px solid rgb(197, 197, 197);
	max-height: 500px;
	max-width: 500px;
}

.thumbImg1000 {
	background-color: #ffffff;
	border: 1px solid rgb(197, 197, 197);
	max-height: 800px;
	max-width: 1000px;
	min-height: 500px;
}

table.small-editer-100 {
	height: 100px;
}

table.small-editer-100 iframe.k-content {
	height: 50px; /* 50px less than the Editor height */
}

table.small-editer-150 {
	height: 150px;
}

table.small-editer-150 iframe.k-content {
	height: 100px; /* 50px less than the Editor height */
}

.authApplayMng {
	padding: 10px 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
}

.h-i-position {
	vertical-align: middle;
	background-image: url("/imgs/ico/position16-28d31ead6a89e68e369966806fb6f036.png");
}

.k-pager-numbers .k-current-page {
	display: none;
}
/* 전체 줄바꿈 금지 */
.k-grid td {
	white-space: nowrap;
}

.Main_Contents {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}

.toolbarTitle {
	float: left;
	margin-top: 7px;
	margin-left: 10px;
	color: #fff;
	font-size: 17px;
}

.MainToolbar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 39px;
	background-color: rgb(109, 133, 146);
	background-image: none;
	border: 0;
}

.MainHorizontalPane {
	display: inline-block;
	position: absolute;
	top: 40px;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	border: 0;
	overflow: auto;
	background-color: #f5f5f5;
}

.highlight {
	color: red;
}

.Dash-h1 {
	padding-left: 10px;
	display: block;
	padding-bottom: 7px;
	font-size: 16px;
	font-weight: 700;
	color: #000
}

.Dash-h1--bb {
	margin-bottom: 10px;
	border-bottom: 1px solid #aaaaa0;
}

#suites .box {
	border-width: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#detailSearchTtActive {
	background-color: #036c9c;
}

#detailSearchDivLeft {
	width: 350px;
	position: relative;
	vertical-align: top;
	display: inline-block;
}

#detailSearchDivRight {
	width: 350px;
	position: relative;
	margin-left: 20px;
	vertical-align: top;
	display: inline-block;
}

#detailSearchDiv li {
	padding: 2px;
}

#detailSearchDiv {
	background-color: #ffffff;
	border: 1px solid rgba(20, 53, 80, 0.1);
	padding: 10px;
	text-align: left;
	width: 750px;
}

#detailSearchDivBottom {
	position: relative;
	text-align: right;
	bottom: 0;
	width: 100%;
}

#detailSearchDiv ul {
	list-style: none;
	margin: 15px;
	padding: 0;
}

#detailSearchDiv ul .k-multiselect-wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#detailSearchDiv ul .k-multiselect-wrap li {
	height: auto;
	padding: .1em 1.6em .1em .4em;
	margin: 1px 0 1px 1px;
}

#docupdateContents ul .k-multiselect-wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#docupdateContents ul .k-multiselect-wrap li {
	height: auto;
	padding: .1em 1.6em .1em .4em;
	margin: 1px 0 1px 1px;
}

#detailSearchDiv li {
	margin: 0;
	display: inline-block;
}

#detailSearchDiv .k-button {
	padding: 10px 30px 10px 30px;
}

#detailSearchDiv label {
	display: inline-block;
	width: 100px;
	padding-right: 10px;
	text-align: right;
	font-style: normal;
	font-weight: bold;
	color: #036c9c;
}

.heyumbuttom {
	border: 1px solid #c3c3c3;
	padding: 2px 10px;
}

.bottomButtoms {
	padding: 20px 0;
	text-align: right;
}

html, body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-family: 맑은 고딕, Tahoma;
	font-size: 13px;
}


div.k-menu-vertical>.k-item {
	display: block;
	float: none;
	border-width: 0;
}

.k-window .k-window-content {
	padding: 0
}

.confirmMessageDiv {
	padding: 20px;
}

.confirmButtomDiv {
	float: right;
	padding: 10px;
}

.confirmButtomDiv>button {
	min-width: 50px;
}

.fieldlist {
	margin: 0 0 -2em;
	padding: 0;
}

.fieldlist li {
	list-style: none;
	padding-bottom: 2em;
}

.fieldlist label {
	display: block;
	padding-bottom: 1em;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #444;
}

[disabled].k-button .k-icon {
	color: #c3c3c3;
}

.metrotable {
	width: 100%;
}

.metrotable>tbody>tr>td {
	border-bottom: 1px solid #e1e1e1;
	color: #444;
	padding: .5em 1em .5em 0;
}

.metrotable>thead>tr>th {
	text-align: left;
	border-bottom: 1px solid #ccc;
	color: #777;
	padding: 2em 1em 0 0;
}

.metrotable>tfoot>tr>td {
	padding-right: 10px;
}

.hyfloatTopButtonArea {
	clear: both;
	border-bottom-color: darkgray;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: right;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.hyfloatButtonArea {
	clear: both;
	border-top-color: darkgray;
	border-top-width: 1px;
	border-top-style: solid;
	text-align: right;
	margin-top: 15px;
	padding-top: 10px;
}

.hyWithButton .k-combobox, .hyWithButton .k-textbox {
	width: 660px !important;
}

.hyWithButton button, .hyWithButton .k-button {
	width: 94px !important;
}

.hygroupBlock>span {
	background-color: #fff;
	line-height: 30px;
	top: -1.1em;
	left: 1.1em;
	position: relative;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.hygroupBlock {
	display: inline-block;
	border: 1px solid darkgray;
	margin: 5px;
	width: 290px;
	border-radius: 3px;
	box-shadow: 1px 1px 1px lightgray;
	float: left;
}

.hyfloatBlock .k-textbox, .hyfloatBlock .k-numeric-wrap, .hyfloatBlock .k-dropdown-wrap,
	.hyfloatBlock .k-multiselect-wrap, .hyfloatBlock .k-dropdown-wrap,
	.hyfloatBlockD .k-dropdown-wrap, .hyfloatBlockT .k-dropdown-wrap,
	.hyfloatBlock input:optional, .hyfloatBlockD input:optional,
	.hyfloatBlockT input:optional, .hyfloatBlockDLT input:optional {
	border-left-color: lightgray;
	border-left-width: 5px;
}

.hyRequired .k-textbox, .hyRequired .k-numeric-wrap, .hyRequired .k-multiselect-wrap,
	.hyRequired .k-dropdown-wrap, .hyRequired .k-dropdown-wrap,
	.hyfloatBlock input:required, .hyfloatBlockD input:required,
	.hyfloatBlockT input:required, .hyfloatBlockDLT input:required {
	border-left-color: salmon;
	border-left-width: 5px;
}

.hyRequired .k-textbox:focus, .hyRequired .k-numeric-wrap:focus.hyRequired .k-dropdown-wrap:focus,
	.hyRequired .k-multiselect-wrap:focus, .hyRequired .k-dropdown-wrap:focus,
	.hyfloatBlock input[required]:focus, .hyfloatBlockD input[required]:focus,
	.hyfloatBlockT input[required]:focus, .hyfloatBlockDLT input[required]:hover
	{
	background: #fff;
	border: 1px solid red;
	outline: none;
}

.hyRequired .k-textbox:hover, .hyRequired .k-numeric-wrap:hover,
	.hyRequired .k-dropdown-wrap:hover, .hyRequired .k-multiselect-wrap:hover,
	.hyRequired .k-dropdown-wrap:hover, .hyfloatBlock input[required]:hover,
	.hyfloatBlockD input[required]:hover, .hyfloatBlockT input[required]:hover,
	.hyfloatBlockDLT input[required]:hover, form input[required]:hover {
	opacity: 1;
}

.popupBtn {
	padding: 1em;
	text-align: right;
	clear: both;
	border-top-color: rgb(205, 205, 205);
	border-top-width: 1px;
	border-top-style: solid;
}

.hyLabelR2 {
	height: 3.5em;
}

.unitySearch input[type=text]::-ms-clear {
	display: none;
}

.gird-100 {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.k-content.k-group.k-menu-group {
	background-color: slateGray;
	width: 100%;
	position: fixed;
	padding: 15px;
}

.k-overflow-anchor {
	right: 0 !important;
	top: -4px !important;
	height: 40px !important;
	position: relative !important;
}

.k-content.k-group.k-menu-group>.MenuDropbox {
	border-radius: 5px;
	width: 80% !important;
}

.k-sprite.k-icon {
	font-size: 16px;
}

.hyform {
	display: inline-block;
	background-color: #fff;
	border: 1px solid darkgray;
	margin: 5px;
	border-radius: 3px;
	box-shadow: 1px 1px 1px lightgray;
	padding: 0;
	min-width: 300px;
	width: 300px;
	margin-top: 1.3em;
}

.hyform .hyformGroup {
	display: inline-block;
	border: 1px solid darkgray;
	margin: 5px;
	border-radius: 3px;
	box-shadow: 1px 1px 1px lightgray;
	padding: 0;
	width: 100%;
	margin-top: 1.3em;
	box-sizing: border-box;
}

.hyform .formtitle {
	background-color: #fff;
	line-height: 30px;
	list-style: none;
	top: -1.1em;
	left: 1.1em;
	position: relative;
	padding-left: 1em;
	padding-right: 1em;
	width: auto;
	margin-bottom: 0;
	border: 1px solid darkgray;
	border-radius: 3px;
	box-shadow: 1px 1px 1px lightgray;
}

.hyform .hyformGroup>li, .hyform>li {
	display: inline-block;
	margin-bottom: .5em;
	float: left;
	position: relative;
	top: -1.1em;
}

.hyform .k-multiselect {
	display: inline-block;
}

.hyform label {
	display: block;
	word-break: keep-all;
	margin: 0;
	white-space: nowrap;
	padding: .4em 0;
	width: 95px;
	float: left;
	text-align: right;
	margin-right: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.hyform .hyblank {
	content: "&nbsp";
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
}

.hylabelinfor {
	color: darksalmon;
	margin-right: .3em;
	cursor: help;
	vertical-align: top;
}

.hyButtonArea {
	text-align: right;
	padding: 5px;
	border-top: 1px solid darkgray;
	top: -.5em !important;
}

.hyButtonTopArea {
	text-align: right;
	padding: 5px;
	border-bottom: 1px solid darkgray;
	border-top: 0 !important;
	top: -2em !important;
}

.hyform li>span[data-bind] {
	padding: .4em 0;
	display: inline-block;
	text-align: left;
}

.hyWidgetWrap {
	display: inline-block;
}

.hyform textarea:required, .hyform input:required, .hyRequired .k-listbox:nth-of-type(2),
	.hyRequired .k-editor, .hyRequired .k-autocomplete, .hyRequired .k-textbox,
	.hyRequired .k-upload, .hyRequired .k-picker-wrap, .hyRequired .k-numeric-wrap,
	.hyRequired .k-dropdown-wrap, .hyRequired .k-multiselect-wrap,
	.hyRequired .k-dropdown-wrap {
	border-left-color: salmon;
	border-left-width: 5px;
}

.hyform .k-treeview {
	text-align: left !important;
	border: 1px solid #c5c5c5;
	border-radius: 3px;
	min-height: 150px;
}

.hyform textarea:optional, .hyform input:optional, .hyOptional .k-listbox:nth-of-type(2),
	.hyOptional .k-editor, .hyOptional .k-autocomplete, .hyOptional .k-textbox,
	.hyOptional .k-upload, .hyOptional .k-picker-wrap, .hyOptional .k-numeric-wrap,
	.hyOptional .k-dropdown-wrap, .hyOptional .k-multiselect-wrap,
	.hyOptional .k-dropdown-wrap {
	border-left-color: lightgray;
	border-left-width: 5px;
}

.hyform textarea[required]:focus, .hyform input[required]:focus {
	background: #fff;
	border: 1px solid red;
	outline: none;
}

.hyform textarea[required]:hover, .hyform input[required]:hover {
	opacity: 1;
}