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

body{
	font: 62.5% "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:#fd8a17;
	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: #d78768;
}

.title1 { 
	margin: 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #d78768;
	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: #d78768; }

.title2 { 
	margin: 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #d78768;
	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: #784d80;
}

.subtitle{ 
	margin: 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #784d80;
	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: #f5f5f5;
    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: #f7d8ae;    	
    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;      
}

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

#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: #f8f7f6 url("../../images/plugin/ui-bg_fine-grain_10_f8f7f6_60x60.png") 50% 50% repeat;
    font-weight: bold;
    color: #654b24;  
    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;
}

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

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


.ui-state-default2{
	border: 1px solid #cbc7bd;
	font-weight: bold;
	color: #654b24;
}
.ui-state-default2 a,
.ui-state-default2 a:link,
.ui-state-default2 a:hover,
.ui-state-default2 a:visited {
	color: #654b24;
	text-decoration: none;
	background: #f8f7f6 url("../../images/plugin/ui-bg_fine-grain_10_f8f7f6_60x60.png") 50% 50% repeat;
}

.ui-state-hover2{
	border: 1px solid #cbc7bd;
	background: #f8f7f6 url("../../images/plugin/ui-bg_fine-grain_10_f8f7f6_60x60.png") 50% 50% repeat;
	font-weight: bold;
	color: #654b24;
}

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