li.ui-state-default.ui-state-hidden[role=tab]:not(.ui-tabs-active) {
	display: none;
}

body{
	font: 75% "Trebuchet MS", sans-serif;
	height:100%;
}

body,iframe{
	margin: 0px 0px 0px 0px;
	width:100%;
	overflow-x:hidden;
	verflow-y:hidden;
	border:0px;
}

.clearBoth{
	clear:both;
}

.td{
	font-size: 10px;
	height: 20px;
	background: #fff;
	vertical-align: middle;
	border: 1px solid #c5dbec;
	padding-left:5px;
	padding-right:5px;
}


.th{
	height: 20px;
	background: #F8FFFF;
	padding-left:5px;
	padding-right:5px;
}


fieldset{
	background: #fff;
	padding:5px;
	margin-top:7px;
	margin-bottom:7px;
	border: 1px solid #BDBDBD;
}

legend{
	font-size:9px;
	font-weight:bold;
	color:#00D6A3;
	border: 1px solid #ffffff;
	padding: 5px 10px;
}

.scroll{
	overflow-x:hidden ; /* 영역을 넘치는 부분은 x축으로만 스크롤 */
	overflow-y:auto; /* 영역을 넘치는 부분은 y축으로만 스크롤 */
	overflow: auto; /* 영역의 내용에 따라 자동 스크롤 */
}

.layoutLeft{
	border:1px solid #BDBDBD;
	padding:5px;
}

.layoutCenter{
	border:1px solid #BDBDBD;
	border-left:hidden;
	padding:5px;
}

.layoutRight{
	border:1px solid #BDBDBD;
	border-left:hidden;
	padding:5px;
}


.wrap:after{
	display:block;
	content:"";
	clear:both;
}


.title1:before{
	position: absolute;
	content: "";
	left: 0;
	top: 2px;
	bottom: 0;
	width: 5px;
	height:13px;
	border-radius: 0px;
	background: #2F80ED;
}

.title1 {
	margin: 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #2F80ED;
	font-family: 'Hammersmith One', sans-serif;
	position: relative;
	font-size: 12px;
	line-height: 12px;
	font-family: 'Questrial', sans-serif;
}


.title2:before{
	position: absolute;
	content: "";
	left: 0;
	top: 2px;
	bottom: 0;
	width: 5px;
	border-radius: 0px;
}

.title2:before { background: #2F80ED; }

.title2 {
	margin: 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #2F80ED;
	font-family: 'Hammersmith One', sans-serif;
	position: relative;
	font-size: 12px;
	line-height: 12px;
	font-family: 'Questrial', sans-serif;
}

.subtitle:before{
	position:absolute;
	content: "";
	left: 0;
	top: 7px;
	bottom: 0;
	width: 5px;
	height:5px;
	border-radius: 0px;
	background: #2F80ED;
}

.subtitle{
	margin: 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #2F80ED;
	font-family: 'Hammersmith One', sans-serif;
	position: relative;
	font-size: 12px;
	line-height: 12px;
	font-family: 'Questrial', sans-serif;
}


.whiteBox{
	margin: 0px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom: 10px;
	width:98%;
	vertical-align: middle;
	background: #ffffff;
}

.box{
	margin: 0px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom: 10px;
	width:99%;
	vertical-align: middle;
}



.right{
	text-align:right;
}


.on-content{
	width:100%;
	height:100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

.row {
	margin-right: 0px;
	margin-left: 0px;
	height:90%;
}

.col-xs-0-2-5, .col-xs-0-5, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,.col-xs-5-5, .col-xs-5-5-5, .col-xs-6,.col-xs-6-5, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
	height:100%;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-7 {
	width: 58.33333333%;
}

.col-xs-6-5 {
	width: 54.16666667%;
}

.col-xs-6 {
	width: 50%;
}
.col-xs-5-5-5 {
	width: 46.25%;
}

.col-xs-5-5 {
	width: 45.83333333%;
}

.col-xs-5 {
	width: 41.66666667%;
}

.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-1 {
	width: 8.33333333%;
}

.col-xs-0-5 {
	width: 4.16666667%;
}

.col-xs-0-2-5 {
	width: 2.08333333%;
}


.row:before, .row:after{
	display: table;
	content: " ";
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.row:after{
	clear: both;
}

.box1 {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	line-height: 1.428571429;
	background-color: #f2f5f7;
	border: 1px solid #ccc;
	border-radius: 0px;
}

.b_fieldset {
	display: block;
	padding:0px 10px 0px 10px;
	line-height: 1.428571429;
	background-color: #ffffff;
	border: 1px solid #8c8c8c;
	vertical-align: middle;
	border-radius: 4px;
}

.b_legend{
	font-size:13px;
	font-family: 'Hammersmith One', sans-serif;
	font-weight:bold;
	padding:7px 17px 7px 17px;
	width:auto;
	background-color: #ffffff;
	border: 1px solid #8c8c8c;
	border-radius: 6px;
}

.s_fieldset {
	display: block;
	padding:0px 10px 0px 10px;
	margin-bottom:10px;
	line-height: 1.428571429;
	background-color: #ffffff;
	border: 1px solid #8c8c8c;
	vertical-align: middle;
	border-radius: 4px;
}

.s_legend{
	font-size:13px;
	font-family: 'Hammersmith One', sans-serif;
	font-weight:bold;
	padding:7px 17px 7px 17px;
	width:auto;
	background-color: #9fcfff;
	border: 1px solid #8c8c8c;
	border-radius: 6px;
}

.p_fieldset {
	display: block;
	padding:0px 10px 0px 10px;
	margin-top:10px;
	line-height: 1.428571429;
	background-color: #ffffff;
	border: 1px solid #8c8c8c;
	vertical-align: middle;
	border-radius: 4px;
}

.p_legend{
	font-size:13px;
	font-family: 'Hammersmith One', sans-serif;
	font-weight:bold;
	padding:7px 17px 7px 17px;
	width:auto;
	background-color: #ffffff;
	border: 1px solid #8c8c8c;
	border-radius: 6px;
}

.box2 {
	max-width: 100%;
	overflow: auto;
	box-shadow: 0 0 5px #ccc;
	padding: 9.5px;
	border-radius: 5px;
}

.box2_1 {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	line-height: 1.428571429;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.box3 {
	display: block;
	padding: 5px 12px;
	margin: 0 0 10px;
	line-height: 1.428571429;
	border-radius: 4px;
	background-color: #a5a5a1;
}

.box3_1 {
	display: block;
	padding: 5px 12px;
	margin: 0 0 10px;
	line-height: 1.428571429;
	border-radius: 4px;
	background-color: #545452;
}

.searchBox{
	display: block;
	padding: 7px;
	padding-left:10px;
	padding-right:10px;
	margin: 0 0 10px;
	line-height: 1.428571429;
	background-color: #fdfdfd;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.searchBox div > span{
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 8pt;
	color:#9197a4;
}

.searchBox div:after{
	display:block;
	content:"";
	clear:both;
}

.radioBox{
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 8pt;
	color:#1f1f1f;
}

.radioBox > span{
	padding-right:10px;
}

#lineChartContent > div > span, #pieChartContent > div > span, .box3_1 > span{
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
}

.pieChartBox{
	display: flex;                  /* establish flex container */
	flex-direction: row;            /* default value; can be omitted */
	flex-wrap: nowrap;              /* default value; can be omitted */
	justify-content: space-between; /* switched from default (flex-start, see below) */
}

.pieChartBox > div {
	display: block;
	width: 30%;
	height: 300px;
	padding: 9.5px;
	margin: 0 0 10px 0;
	line-height: 1.428571429;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.pieChartBox > div > div {
	width: 100%;
	height: 90%;
}

.chart_title {
	display: block;
	padding: 5px 10px;
	margin: 0 0 10px;
	line-height: 1.428571429;
	border-radius: 4px;
	border: 1px solid #ccc;
	background-color: #eaeaea;
	font-size: 12px;
	font-weight: bold;
}

.float_left {
	float: left !important;
}

.float_right {
	float: right !important;
}

.display_none {
	display: none;
}

.block{
	display:block;
	clear:both;
}

.height-1p{
	height:1% !important;
}
.height-2p{
	height:2% !important;
}
.height-3p{
	height:3% !important;
}
.height-4p{
	height:4% !important;
}
.height-5p{
	height:5% !important;
}
.height-6p{
	height:6% !important;
}
.height-7p{
	height:7% !important;
}
.height-8p{
	height:8% !important;
}
.height-9p{
	height:9% !important;
}

.height-10p{
	height:10% !important;
}

.height-15p{
	height:15% !important;
}

.height-20p{
	height:20% !important;
}

.height-25p{
	height:25% !important;
}

.height-30p{
	height:30% !important;
}

.height-35p{
	height:35% !important;
}

.height-40p{
	height:40% !important;
}

.height-45p{
	height:45% !important;
}

.height-50p{
	height:50% !important;
}

.height-55p{
	height:55% !important;
}

.height-60p{
	height:60% !important;
}

.height-65p{
	height:65% !important;
}

.height-70p{
	height:70% !important;
}

.height-75p{
	height:75% !important;
}

.height-80p{
	height:80% !important;
}

.height-85p{
	height:85% !important;
}

.height-90p{
	height:90% !important;
}

.height-91p{
	height:91% !important;
}

.height-92p{
	height:92% !important;
}

.height-93p{
	height:93% !important;
}

.height-94p{
	height:94% !important;
}

.height-95p{
	height:95% !important;
}

.height-96p{
	height:96% !important;
}

.height-97p{
	height:97% !important;
}

.height-98p{
	height:98% !important;
}

.height-99p{
	height:99% !important;
}

.height-100p{
	height:100% !important;
}


.width-90p{
	width:90% !important;
}

.width-95p{
	width:95% !important;
}

.width-100p{
	width:100% !important;
}

.width-100px{
	width: 100px !important;
}

.dotsGridCell{
	height:24px;
	text-align:center;
}

.dotsGridHeader{
	font-size: 11px;
	font-family: 'Questrial', sans-serif;
	background: #d7ebf9 url("../../images/plugin/ui-bg_glass_80_d7ebf9_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #000000;
	vertical-align:middle;
	padding-top:5px;
}

.ui-button-text{
	font-size:8pt;
}



.search-control {
	height: 24px;
	padding: 3px 12px;
	font-size: 11px;
	color: #555;
	margin-left:5px;
	margin-right:5px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.search-control:focus {
	border-color: #ebae54;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.search-control::-moz-placeholder {
	color: #999;
	opacity: 1;
}
.search-control:-ms-input-placeholder {
	color: #999;
}
.search-control::-webkit-input-placeholder {
	color: #999;
}
.search-control[disabled],
.search-control[readonly],
fieldset[disabled] .search-control {
	background-color: #eee;
	opacity: 1;
}
.search-control[disabled],
fieldset[disabled] .form-control {
	cursor: not-allowed;
}
textarea.search-control {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: none;
}

.form-control2 {
	width:47%;
	height: 24px;
	padding: 3px 12px;
	font-size: 11px;
	color: #555;
	margin-left:0px;
	margin-right:0px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control2:focus {
	border-color: #ebae54;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control2::-moz-placeholder {
	color: #999;
	opacity: 1;
}
.form-control2:-ms-input-placeholder {
	color: #999;
}
.form-control2::-webkit-input-placeholder {
	color: #999;
}

.font{
	font-weight: bold;
	font-size: 11px;
}

.font-12px{
	font-weight: bold;
	font-size: 12px;
}

.padding-0 {
	padding: 0 !important;
}

.paddingTop-5{
	padding-top:5px;
}

.paddingTop-6{
	padding-top:6px;
}

.paddingTop-7{
	padding-top:7px;
}

.paddingTop-8{
	padding-top:8px;
}

.paddingTop-9{
	padding-top:9px;
}

.paddingLeft-5{
	padding-left: 20px !important;
}

.marginTop-5{
	margin-top:5px;
}

.marginTop-6{
	margin-top:6px;
}

.marginTop-7{
	margin-top:7px;
}

.marginTop-8{
	margin-top:8px;
}

.marginTop-9{
	margin-top:9px;
}

.marginTop-10{
	margin-top:10px;
}

.cursor-none{
	cursor:none;
}

.border-0{
	border:0px solid #ffffff;
}


/*.ui-state-default2{*/
/*	border: 1px solid #cbc7bd;*/
/*	font-weight: bold;*/
/*	color: #2f80ed;*/
/*}*/
/*.ui-state-default2 a,*/
/*.ui-state-default2 a:link,*/
/*.ui-state-default2 a:hover,*/
/*.ui-state-default2 a:visited {*/
/*	color: #2f80ed;*/
/*	text-decoration: none;*/
/*	background: #2f80ed 50% 50% repeat;*/
/*}*/

/*.ui-state-hover2{*/
/*	border: 1px solid #cbc7bd;*/
/*	background: #2f80ed 50% 50% repeat;*/
/*	font-weight: bold;*/
/*	color: #2f80ed;*/
/*}*/

.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}