.rMateH5__Root {
	font-family: "맑은 고딕", 돋움, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	text-align: left;
	cursor: default;

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

.rMateH5__Root * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rMateH5__Button {
	padding: 3px 8px 3px 8px;
	margin: 0;
	border: #AAB3B3 solid 1px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	white-space: nowrap;
	overflow: visible;
	font-weight: bold;
	border-radius: 4px;
	font-family: inherit;
	transition: background-color 0.2s;
}

.rMateH5__Button:hover {
	background-color: #BDBDBD;
}

.rMateH5__Button .rMateH5__Table {
	display: inline-block;
}

.rMateH5__Button .rMateH5__Label {
	white-space: pre;
	vertical-align: middle;
}

.rMateH5__Button .rMateH5__Image {
	vertical-align: middle;
}

.rMateH5__CheckBox input {
	display: block;
}

.rMateH5__ComboBox {
	margin: 0;
}

.rMateH5__RadioButton input {
	display: block;
}

.rMateH5__ToolTip {
	font-family: "맑은 고딕", 돋움, Verdana;
	font-size: 11px;
	padding: 2px 5px 2px 5px;
	margin: 0;
	color: #FFFFFF;
	background-color: #000000;
	border: #222222 solid 1px;
	display: block;
	overflow: hidden;
	border-radius: 3px;
	cursor: default;
	text-align: center;

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

.rMateH5__ErrorTip {
	font-family: "맑은 고딕", 돋움, Verdana;
	font-size: 11px;
	padding: 1px 5px 3px 5px;
	margin: 0;
	color: #FFFFFF;
	background-color: #FF0000;
	border: #F54444 solid 1px;
	display: block;
	overflow: hidden;
	border-radius: 3px;
	cursor: default;

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

.rMateH5__BrowserScrollBarH {
	background-color: rgba(0, 0, 0, 0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.rMateH5__Box,
.rMateH5__HBox,
.rMateH5__VBox {
	-webkit-overflow-scrolling: touch;
}

.rMateH5__HBrowserScrollBar,
.rMateH5__VBrowserScrollBar {
	-webkit-overflow-scrolling: touch;
}

.rMateH5__HBrowserScrollBar_Auto {
	-webkit-overflow-scrolling: auto;
	min-height: 6px;
	translate: 0 -6px;
}

.rMateH5__HBrowserScrollBar_Auto::-webkit-scrollbar {
	-webkit-appearance: none;
}

.rMateH5__HBrowserScrollBar_Auto::-webkit-scrollbar:horizontal {
	height: 6px;
}

.rMateH5__HBrowserScrollBar_Auto::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.5);
	min-width: 6px;
}

.rMateH5__VBrowserScrollBar_Auto {
	-webkit-overflow-scrolling: auto;
	min-width: 6px;
	translate: -6px 0;
	z-index: 999999;
}

.rMateH5__VBrowserScrollBar_Auto::-webkit-scrollbar {
	-webkit-appearance: none;
}

.rMateH5__VBrowserScrollBar_Auto::-webkit-scrollbar:vertical {
	width: 6px;
}

.rMateH5__VBrowserScrollBar_Auto::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.5);
	min-height: 6px;
}

.rMateH5__TextInput {
	padding: 1px;
	border: #999999 solid 1px;
}

.rMateH5__AutocompleteTextInput {
	padding: 0;
}

.rMateH5__ContextMenu {
	font-family: "맑은 고딕", 돋움, Verdana;
	font-size: 12px;
	padding: 4px;
	border: #AAB3B3 solid 1px;
	cursor: default;
	background-color: #EEEEEE;
	color: #31393F;
	text-align: center;

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

.rMateH5__ContextMenu span {
	padding: 2px 8px 2px 8px;
	white-space: nowrap;
}

.rMateH5__ContextMenu hr {
	margin: 7px 1px 1px 1px;
}

.rMateH5__Preloader {
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url("./loader.gif") 50% 50% no-repeat #FFF;

	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.rMateH5__CalendarLayout {
	text-align: center;
	color: #443344;
	cursor: default;
	padding: 0;
	outline: 0;
	font-weight: normal;

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

.rMateH5__CalendarLayout td {
	white-space: nowrap;
}

.rMateH5__CalendarLayout_WeekDay {
	font-weight: bold;
}

.rMateH5__CalendarLayout_WeekDay td {
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}

.rMateH5__CalendarLayout_Today {
	color: #9450ff;
	font-weight: bold;
	background-color: #EEEEEE;
}

.rMateH5__CalendarLayout_RollOver {
	color: #2069f0;
	font-weight: bold;
	background-color: #f0f0f0;
}

.rMateH5__CalendarLayout_Selected {
	background-color: #9ccb00;
	color: #fff;
	font-weight: bold;
}

.rMateH5__CalendarLayout_Disabled {
	color: #CCCCCC;
}

.rMateH5__DateChooser {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	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__DateChooser table {
	font-size: 12px;
}

.rMateH5__DateChooser td {
	white-space: nowrap;
}

.rMateH5__DateChooser img {
	cursor: pointer;
}

.rMateH5__DateChooser_Header {}

.rMateH5__DateChooser_Year {
	color: gray;
	font-weight: bold;
	white-space: nowrap;
}

.rMateH5__DateChooser_Month {
	color: gray;
	font-weight: bold;
	white-space: nowrap;
}

.rMateH5__DateChooser_Line {
	border-bottom: gray solid 1px;
}

.rMateH5__DateField {
	background-color: #FFFFFF;
}

.rMateH5__DateEditor {
	background-color: #FFFFFF;
}

.rMateH5__ProgressBar {
	padding: 0;
	font-weight: bold;
	position: absolute;

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

.rMateH5__ProgressBar .rMateH5__BarDiv {
	overflow: hidden;
	position: absolute;
	border-radius: 5px;
	border-style: solid;
	border-width: 4px;
	border-color: #2a2e32;

	background: -o-linear-gradient(180deg, #2a2e32, #2a2e32);
	background: -moz-linear-gradient(180deg, #2a2e32, #2a2e32);
	background: -webkit-gradient(180deg, #2a2e32, #2a2e32);
	background: -webkit-linear-gradient(180deg, #2a2e32, #2a2e32);
	background: linear-gradient(180deg, #2a2e32, #2a2e32);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#2a2e32', EndColorStr='#2a2e32');
}

.rMateH5__ProgressBar .rMateH5__GaugeDiv {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	border-radius: 4px;

	background: -o-linear-gradient(180deg, #ff4a5c, #ff1842);
	background: -moz-linear-gradient(180deg, #ff4a5c, #ff1842);
	background: -webkit-gradient(180deg, #ff4a5c, #ff1842);
	background: -webkit-linear-gradient(180deg, #ff4a5c, #ff1842);
	background: linear-gradient(180deg, #ff4a5c, #ff1842);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ff4a5c', EndColorStr='#ff1842');
}

.rMateH5__ProgressBar .rMateH5__UITextField {
	padding: 0;
	position: absolute;
	border: solid;
	border-width: 0;
	color: #ffffff;
	font-style: normal;
	font-family: verdana, Sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.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_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-radius: 0;
	border-right-style: none;
}

.rMateComboDownArrowButton {
	background-color: transparent;
	position: absolute;
	padding: 0;
	border: #999999 solid 1px;
	border-radius: 0;
	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-radius: 0;
	line-height: 100%;
}

.rMateH5__NumericStepper .rMateH5__UpButton {
	position: absolute;
	cursor: pointer;
	background-color: white;
	display: inline-block;
	text-align: center;
	border-top-right-radius: 0;
	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: 0;
	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-right-radius: 0;
	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__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__PivotDataGrid {
	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;
	background-color: #ffffff;
	font-weight: bold;
}

.rMateH5__PivotDataGridHeaderRenderer {
	cursor: default;
	padding-left: 3px;
	padding-right: 3px;
	white-space: nowrap;
	vertical-align: middle;
	outline: none;
}

.rMateH5__PivotDataGridHeaderRenderer .rMateH5__UITextField {
	overflow: hidden;
	text-overflow: clip;
}

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

.rMateH5__DataGridGroupItemRenderer .rMateH5__UITextField {
	padding-left: 2px;
	text-overflow: clip;
}

.rMateH5__PivotDataGridGroupRenderer {
	cursor: default;
	white-space: nowrap;
	text-align: center;
}

.rMateH5__PivotDataGridGroupRenderer .rMateH5__UITextField {
	padding-left: 2px;
	text-overflow: clip;
}

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

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

.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,
.rMateH5__DataGridFilterList {
	position: absolute;
	display: block;
	color: #000;
	border: #AAB3B3 solid 1px;
	background-color: #FAFAFA;
}

.rMateH5__ExComboBoxEditor {
	background-color: #D1E3FA;
	border: 0 none;
	position: absolute;
}

.rMateH5__ExComboBoxEditor[disabled] {
	background-color: #DDDDDD;
}

.rMateH5__FilterList {
	width: 160px;
	height: 140px;
	border: #AAB3B3 solid 1px;
	background-color: #FFFFFF;
	outline: none;
}

.rMateH5__FilterListCheckBoxItemRenderer {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.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__CheckBoxHeaderRenderer .rMateH5__CheckBox {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.rMateH5__CheckBoxHeaderSelector .rMateH5__CheckBox {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.rMateH5__SVGCheckBoxHeaderSelector .rMateH5__SVGCheckBox {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.rMateH5__SVGCheckBox {
	height: 14px;
	outline: none;
}

.rMateH5__SVGCheckBoxDiv {
	width: 14px;
	height: 14px;

	display: inline-block;
	position: relative;

	background-color: #ffffff;
	border: 1px solid #424242;

	cursor: pointer;
}

.rMateH5__SVGCheckBoxDiv path {
	fill: none;
	stroke: #ffffff;
	stroke-linecap: round;
	stroke-width: 2px;
	stroke-dashoffset: 30;
	stroke-dasharray: 30;
	vector-effect: non-scaling-stroke;
}

.rMateH5__SVGCheckBoxDiv.checked path {
	stroke: #000000;
	stroke-dashoffset: 0;
}

.rMateH5__SVGCheckBoxLabel {
	display: inline-block;
	position: relative;

	color: #212121;
	cursor: pointer;

	vertical-align: top;
}

.rMateH5__SVGCheckBox.disabled .rMateH5__SVGCheckBoxDiv {
	border: 1px solid #BDBDBD;
	background-color: #EEEEEE;
}

.rMateH5__SVGCheckBox.disabled path {
	stroke: #BDBDBD;
}

.rMateH5__SVGCheckBox.disabled .rMateH5__SVGCheckBoxLabel {
	color: #AAAAAA;
}

.rMateH5__BrowserInputEditor {
	margin: 0;
}

.rMateH5__BrowserInputEditor[type=range] {
	-webkit-appearance: none;
}

.rMateH5__BrowserInputEditor[type=range]::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	width: 100%;
	height: 16px;
	border-radius: 7px;
	background: #dddddd;
}

.rMateH5__BrowserInputEditor[type=range]:focus::-webkit-slider-runnable-track {
	background: #cccccc;
}

.rMateH5__BrowserInputEditor[type=range]::-moz-range-track {
	width: 100%;
	height: 16px;
	border-radius: 7px;
	background: #dddddd;
}

.rMateH5__BrowserInputEditor[type=range]:focus::-moz-range-track {
	background: #cccccc;
}