ateH5__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;
}

/* If the scroll bar does not appear, apply "auto" to "webkit-overflow-scrolling".
.rMateH5__HBrowserScrollBar_Auto {
	-webkit-overflow-scrolling : auto;
	min-height : 3px;
}
.rMateH5__HBrowserScrollBar_Auto::-webkit-scrollbar {
	-webkit-appearance : none;
}
.rMateH5__HBrowserScrollBar_Auto::-webkit-scrollbar:horizontal {
	height : 3px;
}
.rMateH5__HBrowserScrollBar_Auto::-webkit-scrollbar-thumb {
	border-radius : 1px;
	background-color : rgba(0, 0, 0, 0.5);
	min-width : 3px;
}

.rMateH5__VBrowserScrollBar_Auto {
	-webkit-overflow-scrolling : auto;
	min-width : 3px;
}
.rMateH5__VBrowserScrollBar_Auto::-webkit-scrollbar {
	-webkit-appearance : none;
}
.rMateH5__VBrowserScrollBar_Auto::-webkit-scrollbar:vertical {
	width : 3px;
}
.rMateH5__VBrowserScrollBar_Auto::-webkit-scrollbar-thumb {
	border-radius : 1px;
	background-color : rgba(0, 0, 0, 0.5);
	min-height : 3px;
}
*/

.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__ContextMenu .gridIcon1png{ background-image:url('./icons/1.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon2png{ background-image:url('./icons/2.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon3png{ background-image:url('./icons/3.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon4png{ background-image:url('./icons/4.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon5png{ background-image:url('./icons/5.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon6png{ background-image:url('./icons/6.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon7png{ background-image:url('./icons/7.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon8png{ background-image:url('./icons/8.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon9png{ background-image:url('./icons/9.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon10png{ background-image:url('./icons/10.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon11png{ background-image:url('./icons/11.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon12png{ background-image:url('./icons/12.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon13png{ background-image:url('./icons/13.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon14png{ background-image:url('./icons/14.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon15png{ background-image:url('./icons/15.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon16png{ background-image:url('./icons/16.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon17png{ background-image:url('./icons/17.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon18png{ background-image:url('./icons/18.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon19png{ background-image:url('./icons/19.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon20png{ background-image:url('./icons/20.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon21png{ background-image:url('./icons/21.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon22png{ background-image:url('./icons/22.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon23png{ background-image:url('./icons/23.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon24png{ background-image:url('./icons/24.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon25png{ background-image:url('./icons/25.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon26png{ background-image:url('./icons/26.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon27png{ background-image:url('./icons/27.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon28png{ background-image:url('./icons/28.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon29png{ background-image:url('./icons/29.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon30png{ background-image:url('./icons/30.png');background-size: cover; background-repeat:no-repeat; }

.rMateH5__ContextMenu .gridIcon_add01{ background-image:url('./icons/icon_01.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon_add02{ background-image:url('./icons/icon_02.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon_add03{ background-image:url('./icons/icon_03.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon_add04{ background-image:url('./icons/icon_04.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon_add05{ background-image:url('./icons/icon_05.png');background-size: cover; background-repeat:no-repeat; }
.rMateH5__ContextMenu .gridIcon_add06{ background-image:url('./icons/icon_06.png');background-size: cover; background-repeat:no-repeat; }

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

.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, .rMateH5__DataGridFilterList {
	position : absolute;
	display : block;
	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;
}