/*!
 * Copyright (c) 2017 ~ present NAVER Corp.
 * billboard.js project is licensed under the MIT license
 * 
 * billboard.js, JavaScript chart library
 * http://naver.github.io/billboard.js/
 * 
 * @version 1.7.1
 */
.bb-color-pattern{background-image:url(#00c73c;#fa7171;#2ad0ff;#7294ce;#e3e448;#cc7e6e;#fb6ccf;#c98dff;#4aea99;#bbbbbb;)}.bb svg{font-size:12px;font-family:Meiryo,sans-serif,Arial,nanumgothic,Dotum;line-height:1}.bb line,.bb path{fill:none;stroke:#c4c4c4}.bb .bb-button,.bb text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:#555;font-size:11px}.bb-axis,.bb-bars path,.bb-event-rect,.bb-legend-item-title,.bb-xgrid-focus,.bb-ygrid{shape-rendering:crispEdges}.bb-axis-y2 text,.bb-axis-y text{fill:#737373}.bb-event-rects{fill-opacity:1!important}.bb-event-rects .bb-event-rect{fill:transparent}.bb-event-rects .bb-event-rect._active_{fill:rgba(39,201,3,.05)}.tick._active_ text{fill:#00c83c!important}.bb-grid line{stroke:#f1f1f1}.bb-grid .bb-ygrid:last-child{stroke:#e9e9e9}.bb-xgrid-focus line{stroke:#ddd}.bb-text.bb-empty{fill:#767676}.bb-line{stroke-width:1px}.bb-circle._expanded_{fill:#fff!important;stroke-width:2px;stroke:red}rect.bb-circle._expanded_,use.bb-circle._expanded_{stroke-width:1px}.bb-selected-circle{fill:#fff;stroke-width:2px}.bb-bar{stroke-width:0}.bb-bar._expanded_{fill-opacity:.75}.bb-target.bb-focused{opacity:1}.bb-target.bb-focused path.bb-line,.bb-target.bb-focused path.bb-step{stroke-width:2px}.bb-target.bb-defocused{opacity:.3!important}.bb-region{fill:#4682b4;fill-opacity:.1}.bb-region.selected rect{fill:#27c903}.bb-brush .extent,.bb-zoom-brush{fill-opacity:.1}.bb-legend-item-hidden{opacity:.15}.bb-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.bb-title{font-size:14px}.bb-tooltip-container{z-index:10;font-family:Meiryo,sans-serif,Arial,nanumgothic,Dotum;position:absolute}.bb-tooltip{border-collapse:separate;border-spacing:0;empty-cells:show;border:1px solid #999;background-color:#fff;text-align:left;font-size:11px}.bb-tooltip th{font-size:12px;padding:4px 8px;text-align:left;border-bottom:1px solid #eee}.bb-tooltip td{padding:4px 6px;background-color:#fff}.bb-tooltip td:first-child{padding-left:8px}.bb-tooltip td:last-child{padding-right:8px}.bb-tooltip td>span,.bb-tooltip td>svg{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:5px;vertical-align:middle}.bb-tooltip td.value{border-left:1px solid transparent}.bb-tooltip .bb-tooltip-title{display:inline-block;color:#aaa;line-height:20px}.bb-tooltip .bb-tooltip-detail table{border-collapse:collapse;border-spacing:0}.bb-tooltip .bb-tooltip-detail .bb-tooltip-name,.bb-tooltip .bb-tooltip-detail .bb-tooltip-value{font-size:11px;line-height:13px;padding:4px 0 3px;color:#444;text-align:left;font-weight:400}.bb-tooltip .bb-tooltip-detail .bb-tooltip-value{padding-left:5px;font-weight:800;font-size:12px}.bb-area{stroke-width:0;opacity:.2}.bb-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.bb-chart-arcs .bb-chart-arcs-background{fill:#e0e0e0;stroke:none}.bb-chart-arcs .bb-chart-arcs-gauge-unit{fill:#000;font-size:16px}.bb-chart-arcs .bb-chart-arcs-gauge-max,.bb-chart-arcs .bb-chart-arcs-gauge-min{fill:#777}.bb-chart-arcs .bb-chart-arcs-title{font-size:16px!important;fill:#000;font-weight:600}.bb-chart-arcs path.empty{fill:#eaeaea;stroke-width:0}.bb-chart-arc .bb-gauge-value{fill:#000}.bb-chart-arc path{stroke:#fff}.bb-chart-arc text{fill:#fff;font-size:13px}.bb-chart-radars .bb-levels polygon{fill:none;stroke:#848282;stroke-width:.5px}.bb-chart-radars .bb-levels text{fill:#848282}.bb-chart-radars .bb-axis line{stroke:#848282;stroke-width:.5px}.bb-chart-radars .bb-axis text{font-size:1.15em;cursor:default}.bb-chart-radars .bb-shapes polygon{fill-opacity:.2;stroke-width:1px}.bb-button{position:absolute;top:10px;right:10px}.bb-button .bb-zoom-reset{border:1px solid #ccc;background-color:#fff;padding:5px;border-radius:5px;cursor:pointer}


.bb svg,
.bb-tooltip-container {
  font-size: 12px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.bb .bb-axis-x g.tick text tspan {
  font-size: 11px;
}
.bb text.bb-axis-x-label {
  font-size: 11px;
}
.bb .bb-axis-y g.tick line {
  stroke: none;
}
.bb .bb-axis-y2 path.domain {
  stroke: none;
}
.bb .bb-axis-y path.domain {
  stroke: none;
}
.bb .bb-axis-y2 path.domain {
  stroke: none;
}
.bb .bb-axis-x path.domain {
  stroke: #DBDBDB;
}
.dark .bb .bb-axis-x path.domain {
  stroke: #283442;
}
.bb .bb-grid .bb-ygrids line {
  stroke: none;
}
.bb .bb-ygrid-line line {
  stroke: #E9E9E9;
  stroke-width: 1px;
}
.dark .bb .bb-ygrid-line line {
  stroke: #293544;
}
.dark .bb .bb-xgrid-focus line.bb-xgrid-focus {
  stroke: #3b4a5a;
}
.dark .bb-circle._expanded_ {
  fill: #242f3e !important;
}
.bb-axis-x g.tick line {
  stroke: none;
}
.bb g.tick {
  font-size: 14px;
}
.bb text.bb-axis-x-label,
.bb g.tick text tspan {
  fill: #7A8A93;
  -webkit-text-stroke: 2px #fff;
  text-shadow:
        -1px -1px 0 #fff,  
         1px -1px 0 #fff,
        -1px  1px 0 #fff,
         1px  1px 0 #fff;
}
.dark .bb text.bb-axis-x-label,
.dark .bb g.tick text tspan {
  fill: #546778;
  -webkit-text-stroke: 2px #242f3e;
  text-shadow:
        -1px -1px 0 #242f3e,  
         1px -1px 0 #242f3e,
        -1px  1px 0 #242f3e,
         1px  1px 0 #242f3e;
}
.bb-axis-y2 g.tick line {
  stroke: none;
}
.chart_wrap {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.chart_wrap > svg rect.selection {
  fill: #1F8CED;
  fill-opacity: 0.1;
  stroke: none;
  /*stroke: #1F8CED;*/
  /*stroke-width: 2px;*/
  /*stroke-dasharray: 0,50,150;*/
}
.chart_wrap > svg rect.handle {
  stroke: none;
  /*width: 3px;*/
  /*fill: #1F8CED;*/
}
.bb .bb-brush-handle {
  stroke: #1F8CED;
  stroke-width: 4px;
  pointer-events: none;
}
.dark .bb .bb-brush-handle {
  stroke: #4d96cd;
}

.chart_wrap > svg > g:nth-child(3) > g.bb-axis-x .tick {
  display: none;
}
.bb-area {
  stroke-width:0;
  opacity: 0.8;
}
.bb-chart-lines g.bb-lines path.bb-line {
  stroke-width: 2px;
}
svg > g:nth-child(3) .bb-chart-lines g.bb-lines path.bb-line {
  stroke-width: 1px;
}
.bb-chart-lines g.bb-target-chart-type--area g.bb-lines path.bb-line,
.bb-chart-lines g.bb-target-chart-type--area-step g.bb-lines path.bb-line {
  stroke-width: 0;
}

.bb-circles circle {
  visibility: hidden;
}
.bb-circles circle._expanded_,
.bb-target-chart-type--bubble .bb-circles circle {
  visibility: visible;
}
.bb-legend-item text {
  fill: #7A8A93;
  font-size: 14px;
}
.dark .bb-legend-item text {
  fill: #546778;
}

.bb-tooltip {
  border-radius: 2px;
  overflow: hidden;
  border: 0;
  /*border-color: #CCC;*/
  /*-webkit-box-shadow: 1px 1px 0 0px rgba(0,0,0,0.1), -1px -1px 0 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 1px 1px 0 0px rgba(0,0,0,0.1), -1px -1px 0 0px rgba(0,0,0,0.1);
  box-shadow: 1px 1px 0 0px rgba(0,0,0,0.1), -1px -1px 0 0px rgba(0,0,0,0.1);*/

  -webkit-box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.1),
                      -1px 0px 1px 0px rgba(0,0,0,0.1),
                      0px 1px 1px 0px rgba(0,0,0,0.1),
                      0px -1px 0 0px rgba(0,0,0,0.1); 
  box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.1),
              -1px 0px 1px 0px rgba(0,0,0,0.1),
              0px 1px 1px 0px rgba(0,0,0,0.1),
              0px -1px 0 0px rgba(0,0,0,0.1);
}
.dark .bb-tooltip,
.dark .bb-tooltip td {
  background-color: #283442;
}
.bb-tooltip th {
  border-bottom: 0;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.bb-tooltip td:first-child {
  padding-left: 10px;
}
.bb-tooltip td:last-child {
  padding-right: 10px;
}
.bb-tooltip tr:first-child td {
  padding-top: 10px;
}
.bb-tooltip tr:last-child td {
  padding-bottom: 10px;
}
.bb-tooltip td.value {
  font-weight: bold;
}
.bb-tooltip td.name,
.bb-tooltip td.value {
  font-size: 12px;
}
.bb-tooltip td>span, .bb-tooltip td>svg {
  width: 11px;
  height: 11px;
}
.piechart .bb-tooltip td:first-child {
  padding-left: 8px;
}
.piechart .bb-tooltip td:last-child {
  padding-right: 8px;
}
.piechart .bb-tooltip tr:first-child td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.bb-chart-arc text {
  font-size: 12px;
  font-weight: bold;
}
.dark .bb-chart-arc path {
  stroke: #242f3e;
}


.chart_wrap_loading {
  color: #7A8A93;
  font-size: 16px;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
}
.dark .chart_wrap_loading {
  color: #546778;
}

.bbchart-custom-legend {
  padding: 0 10px;
  margin: -11px 0 7px;
}
.bbchart_wrap_noslider .bbchart-custom-legend {
  margin-top: 0;
}
.bbchart-custom-legend-label {
  display: inline-block;
  padding: 6px 12px 6px 7px;
  border-radius: 18px;
  height: 34px;
  line-height: 32px;
  /*background: #f1f5f8;*/
  margin-right: 5px;
  margin-bottom: 3px;
  font-size: 12px;
  vertical-align: middle;
  border: 1px solid #e6ecf0;
}
.dark .bbchart-custom-legend-label {
  /*background: #4788ba;*/
  border-color: #344658;
}
.bbchart-custom-legend-label-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 10px;
  line-height: 20px;
  vertical-align: top;
}
.bbchart-custom-legend-label-icon-tick {
  display: inline-block;
  height: 8px;
  width: 11px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI4Ij48cGF0aCBkPSJNMy42OTcxNjcxIDUuMjM4NDUwN0w4LjUwNDYwMTkuNDMxMDE1OWMuMzkwNTcwOS0uMzkwNTcxIDEuMDIzODExNi0uMzkwNTcxIDEuNDE0MzgyNiAwIC4zOTA1NzA5LjM5MDU3MS4zOTA1NzA5IDEuMDIzODExNiAwIDEuNDE0MzgyNmwtNS40MjE4IDUuNDIxNzk5OWMtLjIyNjczMzQuMjI2NzMzNS0uNTM1MjQ2OC4zMjE4NDQxLS44MzA1OTA3LjI4NTMzMTktLjExOTQzOS4wMDQwOTMzLS4yNDE1ODEzLS4wMjA1NDU0LS4zNTYxNTA0LS4wNzczNzc4YS43NDU0NTgwNy43NDU0NTgwNyAwIDAgMS0uMTc4ODYxNy0uMTI0MjMzMUwuNDE2NjM4NyA0LjgwMzAxNzZDLjAzNDc4MDQgNC40NDQ2NTM3LjAxNTczNDQgMy44NDQ1ODUxLjM3NDA5ODMgMy40NjI3MjY4YS45NDc5NTA1NS45NDc5NTA1NSAwIDAgMSAuMDE1NTg0Mi0uMDE2MjE2MWMuMzc4MzA1MS0uMzg0NDE0MS45OTQ2NDgzLS4zOTU0NzAzIDEuMzg2NDk3MS0uMDI0ODcxNmwxLjkyMDk4NzUgMS44MTY4MTE2eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
  transform: translateX(5px) translateY(1px);
}
.bbchart-custom-legend-label-hidden .bbchart-custom-legend-label-icon-tick {
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background: #ffffff;
  border: 0;
  transform: none;
  margin: 2px 2px;
}
.dark .bbchart-custom-legend-label-hidden .bbchart-custom-legend-label-icon-tick {
  /*background: #4788ba;*/
  background: #242f3e;
}
.bbchart-custom-legend-label-text {
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}




.button-item.ripple-handler {
  position: relative;
}
.ripple-mask {
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  transform: translateZ(0);
  overflow: hidden;
  pointer-events: none;
}
.radio-item .ripple-mask,
.checkbox-item .ripple-mask {
  width: 32px;
  height: 32px;
  left: -6px;
  top: -6px;
  border-radius: 16px;
}
.button-item .ripple-mask {
  border-radius: 19px;
}
.radio-item .ripple,
.checkbox-item .ripple {
  position: absolute;
  width: 80px;
  height: 80px;
  left: -24px;
  top: -24px;
  border-radius: 50%;
  background-color: rgba(179, 179, 179, .2);
  transition: transform .65s ease-out, opacity .65s ease-out, background-color .65s ease-out;
  opacity: 0;
}
.radio-item input.radio:checked + .radio-input .ripple,
.checkbox-item input.checkbox:checked + .checkbox-input .ripple {
  background-color: rgba(84, 169, 235, .2);
}
.button-item .ripple {
  position: absolute;
  width: 200%;
  left: 50%; top: 50%;
  margin: -100% 0 0 -100%;
  padding-top: 200%;
  border-radius: 50%;
  /*background-color: rgba(179, 179, 179, .2);*/
  background-color: rgba(55, 144, 207, .2);
  /*background-color: #3790cf;*/
  transition: transform .65s ease-out, opacity .65s ease-out, background-color .65s ease-out;
  opacity: 0;
}
/*.button-item-flat .ripple {
  background-color: #d9ebf7;
}*/

.bbchart-custom-legend-label .ripple {
  background-color: rgba(119, 160, 191, .08);
}

.dark .bbchart-custom-legend-label .ripple {
  background-color: rgba(121, 153, 185, .08);
}