.main_title {
  font-size: 20px;
  margin-bottom: 17px;
  font-weight: bold;
}
.container_wrap {
  /* width: 90vw; */
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 auto;
  justify-content: flex-start;
  align-items: center;
}
.container_wrap .container {
  border: 1px solid #dee1e4;
  border-radius: 10px;
  /* width: 31%; */
  padding: 20px;
  box-sizing: border-box;
  min-width: 490px;
  min-height: 450px;
  background-color: white;
}
.container_wrap .circle_chart {
  max-height: 450px;
  min-height: 450px;
  overflow: scroll;
}
.container_wrap .circle_chart::-webkit-scrollbar{
  display: none;
}

.container_wrap .container_left{
  display: flex;
  gap: 15px;
}
.container_wrap .container_right{
  display: flex;
  gap: 15px;
}
.container_wrap .two_container{
  display: flex;
  gap: 15px;
}
.container_wrap .one_container{
  display: flex;
  gap: 15px;
}
.chart_title {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: bold;
}
canvas#myChart3,
canvas#myChart4 {
  margin: 0 auto;
  transform: scale(1);
}
.select_office {
  margin-bottom: 4px;
  white-space: nowrap;
}
.select_office select {
  min-width: 100px;
  max-width: 100px;
  width: 100px;
}
.all_btn {
  /* background-color: #e0e0e0; */
  margin-right: 4px;
  border-radius: 4px;
  padding: 4px 0;
  font-size: 15px;
}
.normal_select1 {
  max-width: 100px !important;
}
h1.total_count{
    text-align: right;
    color:#a8a8a8;
    margin-bottom: 10px;
}
button.small_btn{
    padding:4px 10px !important;
}
/* 반응형....이상해서 주석처리 */
/*
@media screen and (min-width: 1600px) and (max-width: 1920px) {

  .container_wrap{
    gap: 15px;
  }

  .container_wrap .container{
    min-height: 400px;
  }

  .container_wrap .circle_chart{
    max-height: 400px;
    min-height: 400px;
  }

  canvas#myChart3, canvas#myChart4{
  }

}

@media screen and (max-width: 1600px){
  .container_wrap .container{
    border: 1px solid #dee1e4;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    max-width: 360px;
    min-width: 360px;
    min-height: 246px;
  }
}


@media screen and (max-width: 1024px){
  .chart_title{
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: bold;
  }


  .container_wrap .container{
    max-width: 336px;
    min-width: 336px;
    min-height: 263px;
    padding: 15px;
  }
  .container_wrap span{
    font-size: 12px;
  }

  .container_left{
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .container_right{
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .one_container{
    display: flex;
  }

  .two_container{
    display: flex;
    gap: 15px;
    margin-top: 10px;
  }

} */