.rMateH5__rMateGrid{
	.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;
		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;
	}
}