@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


html, body {
          margin: 0px;
          font-family: 'Noto Sans KR', sans-serif;
          background: rgb(72,85,99); /* Old browsers */
          background: -moz-linear-gradient(top,  rgba(72,85,99,1) 1%, rgba(41,50,60,1) 100%); /* FF3.6-15 */
          background: -webkit-linear-gradient(top,  rgba(72,85,99,1) 1%,rgba(41,50,60,1) 100%); /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom,  rgba(72,85,99,1) 1%,rgba(41,50,60,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#485563', endColorstr='#29323c',GradientType=0 ); /* IE6-9 */
}

a {
  text-decoration: none;
}

#menuContainer {
  width:100%; 
  height:30px;
}

.bigmenu {
  width:100%;
  height:30px;
  float: left;
  margin:0;
}

.bigmenu p.title {
  margin:5px 0px 0px 50px;
  font-size:1.1em;
  font-weight: bold;
  color:#aaaaaa;
  text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
}


.menubtn {
  width:25%;
  height:36px;
  background-color:#242e47;
  float: left;
  border-bottom: 4px solid #aaaaaa;
  margin:0;
}


.menubtn p.menutext {
    margin:5px 0px 0px 0px;
    font-size:0.9em;
    font-weight: bold;
    text-align: center;
}


.highlight {
    border-bottom: 4px solid #ffc933;
    color:#ffffff;
}

.unhighlight {
    border-bottom: 4px solid #888888;
    color:#888888;
}


/* 2. 영역 구분  ===============*/
  /* 전체 */
  #container {
      width:1000px;
      height:950px;
      margin: 10px auto;
  }

  #minibar {
    width: 100%;
    height: 45px;
    background-color:#3B4FB3;
    margin-bottom: 20px;
    padding-top: 5px;
  }

  .canvas {
    width:1100px;
    height:600px;
  }





/* 3. 텍스트   ===============*/
  /* 전체 제목 */
  #bigTitle {
    font-family: sans-serif;
    font-size: 1.1em;
    color:#ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 0;
  }

  /* 부제, 그래프 제목 */
  .miniTitle {
      font-family: 'Noto Sans KR', sans-serif;
    font-size: 1.2em;
    color:#fff;
    font-weight: bold;
    margin-left: 10px;
  }
  /* 설명 텍스트, 데이터 범례  */
  .explainText {
      font-family: 'Noto Sans KR', sans-serif;
      font-size:0.9em;
      line-height: 0.7em;
      color:#ccc;
      margin-left: 8px;
  }


/* * 템플릿 */
    #menubar {
          width:100%;
          height:60px;
          background-color:#333333;
          padding:10px 0px;
      }

      #menubar a {
          text-decoration: none;
      }

      #teamname {
          font-size:0.6em;
          color:#aaaaaa;
          font-family: 'Noto Sans KR', sans-serif;
          margin:10px 0px 5px 5px;
          height:40px;
      }
    

      #credit {
          font-family: 'Noto Sans KR', sans-serif;
          font-size:0.6em;
          color:#aaaaaa;
          text-align: left;
          margin:5px;
      }

path {
    stroke: #efefef;
    stroke-width: 3px;
}

.table {
  width:100%;
  border-collapse: collapse;
  border-top:2px solid #333333;
  border-bottom:2px solid #333333;
  text-align: center;
    background-color:#ffffff;

}

.table th {
    font-family: sans-serif;
    font-size:1em;
    color:#333333;
    font-weight: bold;
}
.table tr, .table td {
  font-family: sans-serif;
  font-size:0.9em;
  color:#666666;
}


/* ========== 버튼 ============= */
.buttoncontainer {
  width:98%;
  height:40px;
  margin:0 auto;
}
.button {
    width:12%;
     font-family: 'Noto Sans KR', sans-serif;
    height: 25px;
    margin:0px 5px;
    padding: 1px 2px;
    cursor: pointer;
    text-align: center;
    font-size: 0.8em;
    line-height: 0;
    text-decoration: none;
    /*background: #454D9E;*/
    color: #fff;
    border:1px solid rgba(255, 255, 255, .5);
    border-opacity:0.7;
    float:left;
  }

/* 툴팁 background-color: #1c2535;*/
#tooltip {
  width:1000px;
  height:150px;
  float: left;
  border-top:2px solid #aaaaaa;
  
}

.datatext {
   font-family: 'Noto Sans KR', sans-serif;
  font-size:1em;
  line-height: 1em;
  color:#aaaaaa;
}

.datatext  span {
  color:#fff;
}