.rMateH5__Accordion {
	background-color : #FFFFFF;
	border-top : 0;
	border-left : 1px solid #AAB3B3;
	border-right : 1px solid #AAB3B3;
	border-bottom : 1px solid #AAB3B3;
}
.rMateH5__AccordionHeader {
	border-top : 1px solid #AAB3B3;
	border-left : 0;
	border-right : 0;
	border-bottom : 1px solid #AAB3B3;
	cursor : pointer;
}
.rMateH5__AccordionHeader:hover {
	background-color : #D1E3FA;
	color : #BBBBBB;
}
.rMateActiveAccordionStyle {
	background-color : #5D9CEC;
	color : #FFFFFF;
}

.rMateH5__ButtonBar {
	background-color : #FFFFFF;
	text-align : center;
	vertical-align : middle;
}
.rMateH5__ButtonBarButton {
	font-family : inherit;
	margin : 0;
	cursor : pointer;
	text-align : center;
}
.rMateH5__ButtonBarButton .rMateH5__Table, .rMateH5__TabBar .rMateH5__Table, .rMateH5__Tab .rMateH5__Table {
	display : inline-block;
}
.rMateH5__ButtonBarButton .rMateH5__Label, .rMateH5__TabBar .rMateH5__Label {
	white-space : pre;
	vertical-align : middle;
}

.rMateH5__ToggleButtonBar {
	background-color : #FFFFFF;
	border : 1px solid #5D9CEC;
	font-weight : normal;
	border-radius : 4px;
	text-align : center;
}
.rMateH5__ToggleButtonBar .rMateH5__ButtonBarButton {
	background-color : transparent;
	font-family : inherit;
	font-weight : normal;
	color : #5D9CEC;
	border : 0 none;
}
.rMateH5__ToggleButtonBar .rMateH5__ButtonBarButton:hover {
	background-color : #D1E3FA;
	color : #BBBBBB;
}
.rMateH5__ToggleButtonBar .rMateH5__ButtonBarButton .rMateH5__Label {
	padding-left : 6px;
	padding-right : 6px;
}
.rMateActiveToggleButton {
	background-color : #5D9CEC !important;
	color : #FFFFFF !important;
}

.rMateH5__TabBar {
	background-color : #FFFFFF;
	font-weight : normal;
	text-align : center;
	vertical-align : top;
}
.rMateH5__Tab {
	font-family : inherit;
	background-color : transparent;
	cursor : pointer;
	border-top : 1px solid #5D9CEC;
	border-left : 1px solid #5D9CEC;
	border-right : 1px solid #5D9CEC;
	border-bottom : 0 none;
	font-weight : normal;
	color : #5D9CEC;
	outline : 0;
}
.rMateH5__Tab:hover {
	background-color : #D1E3FA;
	color : #888888;
}
.rMateH5__Tab .rMateH5__Label {
	white-space : pre;
	vertical-align : middle;
	padding : 3px 6px 3px 2px;
}
.rMateActiveTabStyle {
	background-color : #5D9CEC;
	color : #FFFFFF;
}

.rMateH5__TabNavigator {
	background-color : #FFFFFF;
	font-weight : normal;
}
.rMateH5__TabNavigator > .rMateH5__ContentPane {
	border : 1px solid #555555;
}
.rMateH5__TabNavigator .rMateH5__Tab {
	background-color : transparent;
	border-top : 1px solid #555555;
	border-left : 1px solid #555555;
	border-right : 1px solid #555555;
	border-bottom : 0 none;
	color : #555555;
}
.rMateH5__TabNavigator .rMateH5__Tab:hover {
	background-color : #BFBFBF;
}
.rMateH5__TabNavigator .rMateActiveTabStyle {
	background-color : #555555;
	color : #FFFFFF;
}

.rMateH5__CheckBoxSlideSkin {
	color:#ffffff;
	font-weight:bold;
	background-color:#A6A6A6;
	transition:background-color 0.5s;
	border-radius:3px;
}
.rMateH5__CheckBoxSlideSkin:hover {
	background-color:#bdbdbd;
}

.rMateH5__Slider, .rMateH5__HSlider, .rMateH5__VSlider {
	position : absolute;
	cursor : default;
	font-size : 11px;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}
.rMateH5__Slider_Track {
	width : 200px;
	height : 4px;
	border-width : 1px;
	border-style : inset;
	border-color : #DDDDDD;
	position : absolute;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}
.rMateH5__Slider_HighlightTrack {
	width : 1px;
	height : 2px;
	border-width : 1px;
	border-style : inset;
	border-color : #FF0000;
	position : absolute;
}

.rMateH5__Slider_CenterHighlightTrack {
	width : 1px;
	height : 2px;
	border-width : 1px;
	border-style : inset;
	border-color : #FF0000;
	position : absolute;
}

.rMateH5__Slider_TrackHitArea {
	position : absolute;
}
.rMateH5__Slider_Thumbs {
}
.rMateH5__Slider_Ticks {
	position : absolute;
}
.rMateH5__Slider_Tick {
	position : absolute;
	border-width : 1px;
	border-left-style : solid;
}
.rMateH5__Slider_Labels .rMateH5__Label {
	position : absolute;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}
.rMateH5__SliderThumb {
	display : inline-block;
	position : absolute;
	width : 12px;
	height : 12px;
	background-color : #666666;
	border-radius : 12px;
	outline : none;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}
.rMateH5__SliderThumb:hover {
	background-color : #BBBBBB;
}

.rMateH5__ComboBox2 {
	background-color:#1a7bb9;
	border:0px none;
	border-radius:3px;
	color:#ffffff;
	cursor:pointer;
	transition:background-color 0.2s;
}
.rMateH5__ComboBox2 :hover {
	background-color:#1c84c6;
}
.rMateH5__ComboBox2 .rMateH5__Button {
	color:#ffffff;
}
.rMateH5__ComboBox2 .rMateH5__ComboBox2List {
	border:1px solid #d7d9df;
	border-radius:3px;
	overflow: hidden;
	background-color:#ffffff;
	color:#333333;
}
.rMateH5__ComboBox2 .rMateH5__ComboBox2List .rMateH5__Label {
	padding:0px;
	left:4px;
}
.rMateH5__ComboBox_Dropdown {
	border:1px solid #d7d9df;
	border-radius:3px;
	overflow: hidden;
	background-color:#ffffff;
	color:#333333;
}

.rMateH5__ExComboBox {
	background-color : #D1E3FA;
	border : 0 none;
	position : absolute;
}
.rMateH5__ExComboBox[disabled] {
	background-color : #DDDDDD;
}
.rMateComboTextInput {
	padding-left : 5px;
	border-top-left-radius : 4px;
	border-bottom-left-radius : 4px;
	border-right-style : none;
}
.rMateComboDownArrowButton {
	background-color : transparent;
	position : absolute;
	padding : 0;
	border : #999999 solid 1px;
	border-radius : 4px;
	font-weight : normal;
	text-align : center;
}
.rMateComboDownArrowButton .rMateH5__Label {
	white-space : pre;
	vertical-align : middle;
	padding-bottom : 0;
}
.rMateComboDownArrowButton .rMateH5__Table {
	display : table;
}

.rMateH5__MonthChooser {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	padding : 3px 3px 0 3px;
	text-align : center;
	color : #443344;
	cursor : default;
	border-spacing : 0;
	border : #AAAAAA solid 1px;
	background-color : #FFFFFF;
	outline : 0;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}
.rMateH5__MonthChooser td {
	white-space : nowrap;
}
.rMateH5__MonthChooser img {
	cursor : pointer;
}
.rMateH5__MonthChooser .rMateH5__Table {
	font-size : 12px;
	padding-bottom: 5px;
}
.rMateH5__MonthChooser .rMateH5__Table td {
	padding : 5px;
}
.rMateH5__MonthChooser_ThisMonth {
	color : #9450ff;
	font-weight : bold;
	background-color : #EEEEEE;
}
.rMateH5__MonthChooser_RollOver {
	color : #2069f0;
	font-weight : bold;
	background-color : #f0f0f0;
}
.rMateH5__MonthChooser_Selected {
	background-color : #9ccb00;
	color : #fff;
	font-weight : bold;
}
.rMateH5__MonthChooser_Disabled {
	color : #CCCCCC;
}
.rMateH5__MonthChooser_Header {
}
.rMateH5__MonthChooser_Year {
	color : gray;
	font-weight : bold;
	white-space : nowrap;
}
.rMateH5__MonthChooser_Month {
	white-space : nowrap;
}
.rMateH5__MonthChooser_Line {
	border-bottom : gray solid 1px;
}

.rMateH5__MonthField {
	background-color : #FFFFFF;
}

.rMateH5__MonthEditor {
	background-color : #FFFFFF;
}

.rMateH5__NumericStepper .rMateH5__TextInput {
	padding-left : 3px;
	border : #AAB3B3 solid 1px;
	border-top-left-radius : 3px;
	border-bottom-left-radius : 3px;
	line-height: 100%;
}
.rMateH5__NumericStepper .rMateH5__UpButton {
	position : absolute;
	cursor : pointer;
	background-color : white;
	display : inline-block;
	text-align : center;
	border-top-right-radius : 3px;
	border-top:#AAB3B3 solid 1px;
	border-right:#AAB3B3 solid 1px;
	border-bottom: none;
}
.rMateH5__NumericStepper .rMateH5__DownButton {
	position : absolute;
	cursor : pointer;
	background-color : white;
	display : inline-block;
	text-align : center;
	border-bottom-right-radius : 3px;
	border : #AAB3B3 solid 1px;
	border-left:none;
}
.rMateH5__NumericStepper .rMateH5__UpArrow {
	display : inline-block;
	border-style : solid;
	position : absolute;
	width : 0;
	height : 0;
	border-width : 4px;
	border-color : transparent transparent #000000 transparent;
}
.rMateH5__NumericStepper .rMateH5__DownArrow {
	display : inline-block;
	border-style : solid;
	position : absolute;
	width : 0;
	height : 0;
	border-width : 4px;
	border-color : #000000 transparent transparent transparent;
}

.rMateH5__IconContextMenu {
	position : absolute;
	padding : 8px;
	/* margin: 2px 0 0; */
	font-size : 14px;
	text-align : left;
	list-style : none;
	background-color : #FFFFFF;
	border : #ccc solid 1px;
	border : rgba(0,0,0,.15) solid 1px;
	border-radius : 4px;

	-webkit-background-clip : padding-box;
	background-clip : padding-box;

	-webkit-box-shadow : 0 6px 12px rgba(0,0,0,.175);
	-moz-box-shadow : 0 6px 12px rgba(0,0,0,.175);
	box-shadow : 0 6px 12px rgba(0,0,0,.175);
}

.rMateH5__BoxDivider_Hknob {
	background : url('h_divider.png') no-repeat 50% 50%;
}

.rMateH5__BoxDivider_Vknob {
	background : url('v_divider.png') no-repeat 50% 50%;
}

.rMateH5__Grid .rMateH5__GridItem {
 	padding : 0;
	border : 0 solid;
	margin : 0;
}
.rMateH5__Grid .rMateH5__GridRow {
 	padding : 0;
	border : 0 solid;
	margin : 0;
}
.rMateH5__Grid .rMateH5__Tbody {
 	padding : 0;
	border : 0 solid;
	margin : 0;
}
.rMateH5__Grid {
	position : absolute;
	border-collapse : separate;
}

.rMateH5__SlideButton {
	position : absolute;
	cursor : pointer;
	padding : 5px;
	border-radius : 20px;
	background-color : #00FF00;
	color : #FFFFFF;

	-webkit-box-shadow : 1px 1px 5px rgba(0,0,0,.25) inset;
	-moz-box-shadow : 1px 1px 5px rgba(0,0,0,.25) inset;
	box-shadow : 1px 1px 5px rgba(0,0,0,.25) inset;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}
.rMateH5__SlideButton_Thumb {
	position : absolute;
	display : inline-block;
	border-radius : 20px;
	background-color : #EEEEEE;

	-webkit-transition : left 0.4s ease;
	-moz-transition : left 0.4s ease;
	-o-transition : left 0.4s ease;
	transition : left 0.4s ease;

	-webkit-box-shadow : 1px 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow : 1px 1px 3px rgba(0,0,0,0.4);
	box-shadow : 1px 1px 3px rgba(0,0,0,0.4);
}

.rMateH5__Menu {
	position : absolute;
	text-align : center;
	background-color : #FFFFFF;
	border : 1px solid #A6A6A6;
	vertical-align : top;
	outline : none;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}
.rMateH5__MenuItemRenderer {
	cursor : default;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}

.rMateH5__ColorPicker {
	position : absolute;
	background-color : #FFFFFF;
	box-shadow : 0 2px 8px #AAAAAA;
	border-radius : 5px;
	padding : 5px;
}
.rMateH5__ColorPicker_UpperDiv {
	padding : 10px 10px 7px 10px;
}
.rMateH5__ColorPicker_LowerDiv {
	padding : 3px 10px 25px 10px;
}
.rMateH5__ColorPicker_ColorCircleDiv {
	background-image:url('color_circle.png');
	background-color : #FFFFFF;
	background-position : center;
}
.rMateH5__ColorPicker_DarknessDiv {
	background-image : url('darkness.png');
	margin-bottom : 10px;
}
.rMateH5__ColorPicker_TextInputDiv {
	width : 95px;
	height: 22px;
	border : 1px solid #DDDDDD;
	border-radius : 2px;
	float : left;
}
.rMateH5__ColorPicker_TextInputDiv .rMateH5__Label {
	text-align : center;
	float : left;
}
.rMateH5__ColorPicker .rMateH5__ColorPickerTextInput {
	width : 73px; /* 95에서 #추가로 73로 변경 */
	height : 20px;
	/*border : 1px solid #DDDDDD;
	border-radius : 2px;*/
	text-align : center;
	float : left;
	border : none;
}
.rMateH5__ColorPicker .rMateH5__Button {
	top : 1px;
	position : relative;
	padding : 0 8px 0 8px;
	border : 1px solid #A6A6A6;
	border-radius : 2px;
	color : #FFFFFF;
	font-size : 13px;
	background-color : #A6A6A6;
	float : right;
}
.rMateH5__ColorPicker .rMateH5__Button:hover {
	background-color : #BDBDBD;
}
.rMateH5__ColorPicker_ColorSelector {
	position : relative;
	border-style : solid;
	border-width : 1px;
	border-radius : 5px;
}
.rMateH5__ColorPicker_DarknessSelector {
	position : relative;
	background-color : #888888;
	opacity : 0.9;
}

.rMateH5__ColorPalette_PaletteDiv {
	position : absolute;
	background-color : #D3D3D3;
	border-radius : 5px;
	overflow : auto;
	padding : 3px;
}
.rMateH5__ColorPalette_PaletteItem {
	float : left;
	cssFloat : left;
	margin : 3px;
	border-radius : 100%;
	border-color : #FFFF00;
	border-width : 2px;
	box-sizing : border-box;
}
.rMateH5__ColorPalette_PaletteItemDeleteButton {
	position : relative;
	background-color : #FFFFFF;
	background-image : url('palette_item_delete.png');
	left : 17px;
	top : -7px;
	background-color : transparent;
}
.rMateH5__ColorPalette_Plusitem {
	float : left;
	cssFloat : left;
	margin : 3px;
	border-radius : 100%;
	border-color : #FFFF00;
	border-width : 2px;
	box-sizing : border-box;
	background-color : #FFFFFF;
	background-position : center;
	border-color : #888888;
	background-image : url('palette_item_plus.png')
}

.rMateH5__ColorSelector {
	border: #DDDDDD solid 2px;
}

.rMateH5__ColorField {
	background-color : #FFFFFF;
}

.rMateH5__Panel {
}
.rMateH5__PanelSkin {
	border-style : solid;
	border-width : 10px 10px 5px 10px;
	border-top-left-radius : 6px;
	border-top-right-radius : 6px;
	border-color : #EEEEEE;
}
.rMatePanelStatus {
	color : #666666;
	overflow : hidden;
	cursor : default;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}
.rMatePanelTitle {
	font-weight : bold;
	white-space : nowrap;
	overflow : hidden;
	cursor : default;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}

.rMateH5__List {
	position : absolute;
	text-align : left;
	background-color : #FFFFFF;
	border : 1px solid #A6A6A6;
	vertical-align : top;
	outline : none;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}
.rMateH5__ListBaseContentHolder {
	text-align : left;
}
.rMateH5__ListBaseContentHolder_SelectionLayer .rMateH5__HTMLObject {
	position : absolute;
}
.rMateH5__ListItemRenderer {
	cursor : default;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}
.rMateH5__ListItemRenderer .rMateH5__UITextField {
	position : absolute
}

.rMateH5__TileList {
	position : absolute;
	text-align : center;
	background-color : #FFFFFF;
	border : 1px solid #A6A6A6;
	vertical-align : top;
	outline : none;
}
.rMateH5__TileListItemRenderer {
	cursor : default;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}

.rMateH5__Tree {
	position : absolute;
	text-align : left;
	background-color : #FFFFFF;
	border : 1px solid #A6A6A6;
	vertical-align : middle;
	outline : none;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}
.rMateH5__TreeItemRenderer {
	cursor : default;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select : none;
}

.rMateH5__MenuBar {
	position : absolute;
	text-align : center;
	background-color : #FFFFFF;
	border : 1px solid #A6A6A6;
	vertical-align : top;
	outline : none;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}
.rMateH5__MenuBarItem {
	cursor : default;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}
.rMateH5__MenuBarItemUp {
	background-color : transparent;
}
.rMateH5__MenuBarItemDown {
	background-color : #DDDDDD;
}
.rMateH5__MenuBarItemOver {
	background-color : #5D9CEC;
}

.rMateH5__PopUp_ModalDiv {
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	position : fixed;
	background-color : rgba(0, 0, 0, 0.4);
}

.rMateH5__PopUp_ModalDiv *{
	box-sizing:border-box;
} 

.rMateH5__ImageRadioButton input[type="radio"] {
	width : 0;
}
.rMateH5__ImageRadioButton input[type="radio"]:checked + .rMateH5__ImageRadioButton_Button {
	background : url("./radioButtonCheck.png") no-repeat;
}
.rMateH5__ImageRadioButton input[type="radio"]:disabled + .rMateH5__ImageRadioButton_Button {
	background : url("./radioButtonDisable.png") no-repeat;
}
.rMateH5__ImageRadioButton input[type="radio"]:disabled ~ .rMateH5__ImageRadioButton_Label {
	color : #dbdbdb;
}
.rMateH5__ImageRadioButton_Button {
	width : 19px;
	height : 19px;
	display : inline-block;
	transition : border 0.3s;
	position : absolute;
	cursor : pointer;
	background : url("./radioButtonUnCheck.png") no-repeat;
}
.rMateH5__ImageRadioButton_Label {
	position : absolute;
	cursor : pointer;
	white-space : nowrap;
}

.rMateH5__ImageCheckBox input[type="checkbox"] {
	width : 0;
}
.rMateH5__ImageCheckBox input[type="checkbox"]:checked + .rMateH5__ImageCheckBox_Button {
	background : url("./checkBoxCheck.png") no-repeat;
}
.rMateH5__ImageCheckBox input[type="checkbox"]:disabled + .rMateH5__ImageCheckBox_Button {
	background : url("./checkBoxDisable.png") no-repeat;
}
.rMateH5__ImageCheckBox input[type="checkbox"]:disabled ~ .rMateH5__ImageCheckBox_Label {
	color : #dbdbdb;
}
.rMateH5__ImageCheckBox_Button {
	width : 21px;
	height : 19px;
	display : inline-block;
	transition : border 0.3s;
	position : absolute;
	cursor : pointer;
	background : url("./checkBoxUnCheck.png") no-repeat;
}
.rMateH5__ImageCheckBox_Label {
	position : absolute;
	cursor : pointer;
	white-space : nowrap;
}

.rMateH5__DataGrid {
	font-family : "맑은 고딕", 돋움, Verdana;
	font-size : 13px;
	background-color : #F2F2F2;
	border : #DDDDDD solid 1px;
	border-top-color : #555555;
	color : #31393F;
	outline : none;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}

.rMateH5__DataGridItemRenderer {
	outline : none;
}

.rMateH5__DataGridHeaderRenderer {
	cursor : default;
	padding-left : 3px;
	padding-right : 3px;
	white-space : nowrap;
	vertical-align : middle;
	outline : none;
}
.rMateH5__DataGridHeaderRenderer .rMateH5__UITextField {
	overflow : hidden;
	text-overflow : clip;
}
.rMateDataGridHeaderStyles {
	color : #333333;
	font-weight : bold;
}

.rMateH5__DataGridGroupItemRenderer {
	cursor : default;
	white-space : nowrap;
}
.rMateH5__DataGridGroupItemRenderer .rMateH5__UITextField {
	padding-left : 2px;
	text-overflow : clip;
}

.rMateH5__DataGridLineH {
	border-bottom : solid 1px;
	height : 0;
	padding : 0;
	position : absolute;
	line-height : 0;
}

.rMateH5__DataGridLineV {
	width : 0;
	border-right : solid 1px;
	padding : 0;
	position : absolute;
}

.rMateH5__DataGridBackground {
	padding : 0;
	left : 0;
	position : absolute;
}

.rMateH5__DataGridHeaderBackgroundSkin {
	border-top-color : #555555;
	border-top-style : solid;
	border-top-width : 1px;
	border-bottom-color : #999999;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-style : none;
	border-right-style : none;
	left : 0;
}

.rMateH5__DataGridHeaderSeparator {
	border-right : #AAB3B3 solid 1px;
	left : 0;
	position : absolute;
}

.rMateH5__DataGridHeaderHorizontalSeparator {
	border-left : none;
	border-bottom : #AAB3B3 solid 1px;
	line-height : 1px;
}

.rMateH5__DataGridColumnResizeSkin {
	border : #999999 solid 1px ;
}

.rMateH5__DataGridSortItemRenderer {
	color : #0B333C;
	font-size : 9px;
	text-align : center;
	font-weight : normal;
	padding : 0;
}
.rMateH5__DataGridSortItemRenderer span {
	position : absolute;
	left : 2px;
	top : 0;
}
.rMateH5__DataGridSortItemRenderer img {
	position : absolute;
	width : 7px;
	height : 7px;
	left : 10px;
	top : 3px;
}

.rMateH5__ComboBoxHeaderRenderer {
	color : #31393F;
	padding-left : 1px;
	padding-right : 1px;
}

.rMateH5__DataGridFooter {
	overflow : hidden;
	font-weight : bold;
}

.rMateH5__CheckBoxEditor {
	background-color : #FFFFFF;
	border : #FFFFFF solid 1px;
}

.rMateH5__ComboBoxEditor {
	background-color : #FFFFFF;
	border-top : #999999 solid 1px;
	border-bottom : #999999 solid 1px;
	border-left : #999999 solid 0;
	border-right : #999999 solid 0;
}

.rMateH5__DataGridFilterInput {
	position : absolute;
	display : block;
	border : #AAB3B3 solid 1px;
	background-color : #FAFAFA;
}

.rMateH5__ExcelCSVImportUtil {
	padding : 10px;
	position : absolute;
	display : block;
	border : #AAB3B3 solid 1px;
	background-color : #FAFAFA;
	border-radius : 5px;

	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
}

.rMateH5__ExcelImportUtil {
	padding : 10px;
	position : absolute;
	display : block;
	border : #AAB3B3 solid 1px;
	background-color : #FAFAFA;
	border-radius : 5px;

	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
}

.rMateH5__CopyPanel {
	width : 310px;
	height : 90px;
	padding : 10px;
	position : absolute;
	display : block;
	border : #AAB3B3 solid 1px;
	background-color : #FAFAFA;
	border-radius : 5px;

	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
}

.rMateH5__CopyPanel span {
	width : 290px;
	left : 20px;
	top : 30px;
	position : absolute;
}

.rMateH5__CopyPanel img {
	width : 16px;
	height : 16px;
	cursor : pointer;
	float : right;
}

.rMateH5__CopyPanel textarea {
	width : 290px;
	height : 25px;
	left : 20px;
	top : 60px;
	position : absolute;
}

.rMateH5__PastePanel {
	width : 310px;
	height : 90px;
	padding : 10px;
	position : absolute;
	display : block;
	border : #AAB3B3 solid 1px;
	background-color : #FAFAFA;
	border-radius : 5px;

	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
}

.rMateH5__PastePanel span {
	width : 290px;
	left : 20px;
	top : 30px;
	position : absolute;
}

.rMateH5__PastePanel img {
	width : 16px;
	height : 16px;
	cursor : pointer;
	float : right;
}

.rMateH5__PastePanel textarea {
	width : 290px;
	height : 25px;
	left : 20px;
	top : 60px;
	position : absolute;
}

.rMateH5__DataGridGroupingPanel {
	background-color : #111111;
	border-top : #888888 solid 1px;
	border-left : #888888 solid 1px;
	border-right : #888888 solid 1px;
	color : #CCCCCC;
	outline : none;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}

.rMateH5__DataGridGroupingPanelIndicator {
	background-color : #FFFFFF;
	border : #BBBBBB solid 1px;
	padding : 2px 6px 4px 6px;
	text-align : center;
	color : #31393F;
	outline : none;

	-ms-user-select : none;
	-moz-user-select : none;
	-webkit-user-select : none;
	user-select: none;
}

.rMateH5__TextInput::-ms-clear {
	display: none;
}

.rMateH5__AutocompleteTextInput::-ms-clear {
	display: none;
}



.rMateH5__MapChart {
	font-family : "맑은 고딕", 돋움, Verdana;
	font-size : 12px;
	line-height : normal;
}
/******************************************************
 *
 *			rMateH5 Global
 *
 *****************************************************/

 



.rMateH5__Root[id*="chart"]{
	width:0;
	height:0;
}

.rMateH5__Main div, .rMateH5__Main span, .rMateH5__Main canvas, .rMateH5__PopUp{
	position:absolute;
}

.rMateH5__Main > .rMateH5__ContentPane > div > *{
	position:absolute;
}

.rMateH5__UnAvailableComponent > div{
	width:90%;
	height:90%;
	font-size:15px;
	border:1px solid #ccc;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
}

/******************************************************
 *
 *			rMateChart
 *
 *****************************************************/

.rMateH5__rMateChart, .rMateH5__TrialMarkBox{
	color:#777777;
	cursor:default;
}

.rMateH5__rMateChart .center{
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	position:absolute;
}

.rMateH5__rMateChart > .rMateH5__ContentPane{
	padding:10px;
}

/******************************************************
 *
 *			Chart Common
 *
 *****************************************************/

.rMateH5__Main{
	/* html요소가 드래그 되거나 더블 클릭 등 셀렉트 되었다고 판단 시 나오는 파란 박스 삭제 */
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.rMateH5__Main canvas, .rMateH5__Main .pen{
	pointer-events:none;
}

.rMateH5__rMateChart .cp{
	cursor:pointer;
}

 /******************************************************
 *
 *			AxisLineLabel
 *
 *****************************************************/

 .rMateH5__AxisLineLabel{
	position:absolute;
	background-color:#fff;
 }

/******************************************************
 *
 *			Caption, SubCaption
 *
 *****************************************************/

.rMateH5__Caption{
	font-size : 14px;
	color : #333333;
	text-align : center;
}

.rMateH5__SubCaption{
	font-size : 11px;
	color : #999999;
	text-align : center;
}


/******************************************************
 *
 *			Axis2DRenderer
 *
 *****************************************************/

.rMateH5__Axis2DRenderer{
}

.rMateH5__Axis2DRenderer.horizontal{
	text-align:center;
}


/******************************************************
 *
 *			DataTip, AxisDataTip
 *
 *****************************************************/

.rMateH5__DataTip{
	opacity:0;
	color:#888;
	font-size:12px;
	font-style:normal;
	padding:4px 10px;
	cursor:default;
	white-space:nowrap;
	border:solid 1px #e9e9e9;
	border-radius:4px;
	background-color:rgba(255, 255, 255, 0.9);
	z-index:1;

	transition:left 0.2s, top 0.2s, opacity 0.5s, border 0.5s;
	-webkit-transition:left 0.2s, top 0.2s, opacity 0.5s, border 0.5s;
	transition-timing-function:ease-out;
	-webkit-transition-timing-function:ease-out;
}

.rMateH5__DataTip.axis{
	color:#fff;
	background-color:rgba(119, 119, 119, 0.9);
	transition:left 0.1s, top 0.1s, opacity 0.5s, border 0.5s;
	-webkit-transition:left 0.1s, top 0.1s, opacity 0.5s, border 0.5s;
}

.rMateH5__DataTip.delay{
	transition-delay:0.5s;
}

.rMateH5__DataTip.show{
	opacity:1;
}

.rMateH5__DataTip.hide{
	opacity:0;
}

.rMateH5__DataTip.mouse{
	transition:opacity 0.5s, border 0.5s;
	-webkit-transition:opacity 0.5s, border 0.5s;
	transition-timing-function:ease-out;
	-webkit-transition-timing-function:ease-out;
}

.rMateH5__DataTip.transition, .rMateH5__AxisDataTip.transition{
}

.rMateH5__DataTip span{
	position:relative;
}

.rMateH5__DataTipMarker{
	float:left;
	width:9px;
	height:9px;
	margin-top:3px;
	border:1px solid #ffffff;
}

/******************************************************
 *
 *			Legend
 *
 *****************************************************/

.rMateH5__Legend, .rMateH5__SubLegend{
	color:#888;
	cursor:default;
}

.rMateH5__Legend .rMateH5__ContentPane, .rMateH5__SubLegend .rMateH5__ContentPane{
	padding:5px;
}

.rMateH5__LegendItem, .rMateH5__CheckableLegendItem{
	padding:0;
	border:0px none;
	background-color:rgba(255, 255, 255, 0);
	white-space:nowrap;
}

.rMateH5__UnChecked{
	color:#ccc;
}

.rMateH5__UnFocused{
	opacity:0.2;
}

/*********************************************************

 	Holder

 *********************************************************/

.rMateH5__BackgroundElementHolder,
.rMateH5__AnnotationElementHolder,
.rMateH5__CanvasElementHolder,
.rMateH5__SeriesHolder{
	width:100%;
	height:100%;
}

.rMateH5__CanvasElementHolder{
	overflow:hidden;
}

/*********************************************************

 	BackgroundElementHolder, AnnotationElemenetHolder

 *********************************************************/

.rMateH5__BackgroundElementHolder{
	pointer-events:none;
}

.rMateH5__AnnotationElementHolder > .rMateH5__CanvasElement{
	display:flex;
	justify-content:center;
	align-items:center;
}

.rMateH5__AnnotationElementHolder > .rMateH5__CanvasElement > .rMateH5__Image{
	left:initial !important;
	top:initial !important;
	width:auto !important;
	height:auto !important;
}

.rMateH5__AnnotationElementHolder > .rMateH5__CanvasElement > .rMateH5__Image > img{
	width:100% !important;
	height:100% !important;
}

/*********************************************************

 	CanvasLabel

 *********************************************************/

 .rMateH5__CanvasLabel{
	pointer-events:auto;
 }

/*********************************************************

 	SeriesHolder

 *********************************************************/

.rMateH5__SeriesHolder *{
	text-align:center;
}

/*********************************************************

 	ColumnSet, BarSet, AreaSet

 *********************************************************/

/*.rMateH5__ColumnSet > div, .rMateH5__BarSet > div, .rMateH5__AreaSet > div, .rMateH5__Column .rMateH5__WindRoseSet > div{*/

.rMateH5__StackedSeries > div{
	width:100%;
	height:100%;
}

/*********************************************************

 	WindRoseChart

 *********************************************************/

 .rMateH5__WindRoseChart{
	padding-top:20px;
	padding-bottom:20px;
 }

/******************************************************
 *
 *			Line2DSeries DisplayName
 *
 *****************************************************/

.rMateH5__DisplayName{
	cursor:default;
	white-space:nowrap;
}

/******************************************************
 *
 *			PictorialChart
 *
 *****************************************************/
 
.rMateH5__PictorialChart svg{
	top:0;
	left:0;
	
	pointer-events:none;
}

.rMateH5__PictorialChart svg use{
	top:0;
	left:0;
	
	pointer-events:auto;
}

.rMateH5__PictorialChart .rMateH5__SeriesHolder{
	width:100%;
	height:100%;
}

.rMateH5__PictorialChart .rMateH5__PictorialSeries{
	overflow:hidden;
	pointer-events:none;
}

.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv{
	width:100%;
	height:100%;
	
	pointer-events:none;
}

.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv > .rMateH5__LabelArea{
	display:flex;
	align-items:center;
}

.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv.up > .rMateH5__LabelArea,
.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv.down > .rMateH5__LabelArea{
	flex-direction: column;
	justify-content: center;
}

.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv.left > .rMateH5__LabelArea,
.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv.right > .rMateH5__LabelArea{
	flex-direction: row;
	justify-content: center;
}

.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv > .rMateH5__LabelArea > div{
	position:relative;
}

.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv > .rMateH5__LabelArea > .rMateH5__Label{
	white-space:nowrap;
	position:absolute;
}

.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv > .rMateH5__LabelArea > .rMateH5__Label *{
	display:inline-block;
	position:relative;	
}

.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv.up > .rMateH5__LabelArea > .rMateH5__CalloutLine,
.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv.down > .rMateH5__LabelArea > .rMateH5__CalloutLine{
	border-left:1px solid #000;
}

.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv.left > .rMateH5__LabelArea > .rMateH5__CalloutLine,
.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv.right > .rMateH5__LabelArea > .rMateH5__CalloutLine{
	border-bottom:1px solid #000;
}

.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv.down > .rMateH5__LabelArea > .rMateH5__Label,
.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv.right > .rMateH5__LabelArea > .rMateH5__Label{
	order:1;
}

.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv.down > .rMateH5__LabelArea > .rMateH5__CalloutLine,
.rMateH5__PictorialChart .rMateH5__PictorialLabelDiv.right > .rMateH5__LabelArea > .rMateH5__CalloutLine{
	order:0;
}

.rMateH5__PictorialChart .rMateH5__AnnotationElementHolder{
	pointer-events:none;
}