﻿
.tbl {
  width : 100%;
  height : 380px;
  border-collapse:collapse;
  border-bottom : 2px solid #A6A6A6;
}

.tbl th  {
  background-color : #21409A;
  border-bottom : 1px solid #CFCFCF;
  border-right : 1px solid #CFCFCF;
  text-align : center;
  color: white;
}

.tbl td  {
  text-align : center;
  border-bottom : 1px solid #CFCFCF;
  border-right : 1px solid #CFCFCF;
  vertical-align: middle;
}

.tbl th, .tbl td  {
  padding : 5px;
}

.tbl1 {
  width : 100%;
  height: 50vh;
  border-collapse:collapse;
  border-bottom : 2px solid #A6A6A6;
}

.tbl1 th  {
  background-color : #21409A;
  border-bottom : 1px solid #CFCFCF;
  border-right : 1px solid #CFCFCF;
  text-align : center;
  color: white;
}

.tbl1 td  {
  text-align : center;
  border-bottom : 1px solid #CFCFCF;
  border-right : 1px solid #CFCFCF;
  vertical-align: middle;
}

.tbl1 th, .tbl1 td  {
  padding : 5px;
}



.wrap_ar {
  float: left;
}

.t_g_ar {
  width:1040px;
  margin:0 auto;
  padding:5px 0;
  border: 0.5px solid #cacaca;
  height:270px;
}
.t_g_ar1 {
  width:750px;
  padding:5px 0px;
  border: 0.5px solid #cacaca;
  height:300px;
  background-color: #ffffff;
}
.t_g_ar11 {
  width:750px;
  padding:15px 0px;
  font-size: 15px;
  font-weight: bold;
}
.t_g_ar2 {
  width:254px;
  padding:5px 0px;
  margin-left:25px;
  border: 0.5px solid #cacaca;
  height:300px;
  background-color: #ffffff;
}
.t_g_ar22 {
  width:254px;
  padding:15px 0px;
  margin-left:25px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.t_g_ar3 {
  width:280px;
  margin:0px 8px 0px 0px;
  float: left;
}
.t_g_ar33 {
  padding:5px 0px;
  font-size: 15px;
  font-weight: bold;
}
.t_g_ar4 {
  width:280px;
  margin:0px 8px 0px 8px;
  float: left;
}
.t_g_ar5 {
  width:280px;
  margin:0px 0px 0px 8px;
  float: left;
}

.t_g_ar6 {
  width:400px;
  padding:5px 0px;
  border: 0.5px solid #cacaca;
  height:370px;
  font-family:'Nanum Gothic'
}
.t_g_ar66 {
  width:400px;
  padding:15px 0px;
  font-size: 15px;
  font-weight: bold;
}
.t_g_ar7 {
  width:590px;
  padding:0px 0px;
  margin-left:25px;
  border: 0px solid #cacaca;
  height:380px;
}
.t_g_ar77 {
  width:590px;
  padding:15px 0px;
  margin-left:25px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.t_g_ar88 {
  padding:15px 0px;
  font-size: 15px;
  font-weight: bold;
}
.t_g_ar8 {
  width:332px;
  margin:0px 4px 0px 6px;
  /* border: 0.5px solid #F6F6F6; */
  height:330px;
  float: left;
  /* box-shadow: -1px -1px 4px #cacaca;
  border-radius: 15px; */
}
.t_g_ar9 {
  width:332px;
  margin:0px 4px 0px 4px;
  /* border: 0.5px solid #F6F6F6; */
  height:330px;
  float: left;
  /* box-shadow: -1px -1px 4px #cacaca;
  border-radius: 15px; */
}
.t_g_ar10 {
  width:332px;
  margin:0px 0px 0px 4px;
  /* border: 0.5px solid #F6F6F6; */
  height:330px;
  float: left;
  /* box-shadow: -1px -1px 4px #cacaca;
  border-radius: 15px; */
}
.row1{
  border: 1px solid #cacaca;
  height: 340px;
  background-color: #ffffff;
}

.t_g_arr1 {
  width:600px;
  padding:15px 0px;
  font-size: 15px;
  font-weight: bold;
}
.t_g_arr2 {
  width:390px;
  padding:15px 0px;
  font-size: 15px;
  font-weight: bold;
  text-align:center;
}
.t_g_arr3 {
  width:600px;
  height:380px;
  padding:0px 0px;
  margin-right:35px;
  border: 0.5px solid #cacaca;
}
.t_g_arr4 {
  width:390px;
  height:380px;
  padding:0px 0px;
  border: 0px solid #cacaca;
  font-family:'Nanum Gothic'
}


.t_hat{
  text-align:center;
  font-size: 13pt;
  padding: 20px 15px 0px 15px;
  color: #FFFFFF;
  /*border-radius: 15px 15px 0px 0px;*/
  margin: 0 auto;
  width: 85%;
}
.t_title {
  border-radius: 15px 15px 0px 0px;
  width: 66px;
  padding:5px 5px;
  font-size: 15px;

}
.t_title1 {
  text-align:center;
  padding:5px 5px;
  font-size: 13pt;
  padding: 15px 5px 5px 5px;
  font-weight: bold;
  color: #21409A;
}
.t_title1 > span {
  font-size: 12pt;
  font-weight: normal;
}

.t_1 {
  background-color: #21409A;
}
.t_2 {
  background-color: #F54759;

}
.t_3 {
  background-color: #268B73;
}
.t_4 {
  background-color: #21409A;
}

.t_contents4 {
  width: 85%;
  height: 260px;
  margin: 0 auto;
  border-top: 1px solid #21409A;
  border-bottom: 1px solid #21409A;
}
.t_contents5 {
  width: 85%;
  height: 260px;
  margin: 0 auto;
  border-top: 1px solid #E13E4F;
  border-bottom: 1px solid #E13E4F;
}
.t_contents6 {
  width: 85%;
  height: 260px;
  margin: 0 auto;
  border-top: 1px solid #268B73;
  border-bottom: 1px solid #268B73;
}
.t_contents1 {
  width: 100%;

}

.pagemenucontainer {
  padding-top: 2px;
  border-bottom: 2px solid #21409a;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
  width: 1040px;
  margin: 0 auto;
}

.pagemenucontainer ol, ul {
  list-style: none;
}

.pagemenucontainer nav {
  font: 12px 'Lucida Grande', Tahoma, Verdana, sans-serif;
  height: 30px;
  -webkit-box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
}

.pagemenucontainer .nav {
  margin: 0 auto;
  width: 100%;
  /*padding-left:2em;*/
}

.pagemenucontainer .nav > li {
  float: left;
  margin-right: 3px;
}

.pagemenucontainer .nav a {
  display: block;
  text-decoration: none;

}

.pagemenucontainer .nav > li > a {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin-bottom: 2px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0);
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index:-2;


  border-top: 1px solid #DBDBDB;
  border-left: 1px solid #DBDBDB;
  border-right: 1px solid #DBDBDB;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  background-image: -webkit-linear-gradient(top, #F6F6F6, #F6F6F6);
  background-image: -moz-linear-gradient(top, #F6F6F6, #F6F6F6);
  background-image: -o-linear-gradient(top, #F6F6F6, #F6F6F6);
  background-image: linear-gradient(to bottom, #F6F6F6, #F6F6F6);
}

.pagemenucontainer .nav > li > a {
  text-decoration: none;
  /*color: #FFFFFF;*/
  font-weight: bold;

}

.pagemenucontainer .nav > li.active > a {
  background: white;
  color: #21409A;
  text-shadow: none;
  -webkit-box-shadow: 0 2px white, 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px white, 0 0 2px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #21409a;
  border-left: 2px solid #21409a;
  border-right: 2px solid #21409a;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  position: relative;
  z-index: 2;
}

.pagemenucontainer .nav a.icon {
  position: relative;
  width: 40.8px;
  padding: 0;
}
.pagemenucontainer .nav a.icon > span {
  display: block;
  position: absolute;
  top: 9px;
  left: 12px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
}

.pagemenucontainer .nav .active a.icon > span, .pagemenucontainer .nav a.icon:active > span {
  background-position: 0 -16px;
}

.pagemenucontainer .dropdown {
  position: relative;
  border-bottom: 5px solid white;
}
.pagemenucontainer .dropdown:hover ul {
  display: block;
}
.pagemenucontainer .dropdown ul {
  display: none;
  position: absolute;
  top: 35px;
  left: -1px;
  min-width: 160px;
  padding: 0 0 5px;
  background: white;
  border: 1px solid #dadada;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
}
.pagemenucontainer .dropdown ul.large {
  min-width: 200px;
}
.pagemenucontainer .dropdown li {
  display: block;
  margin: 0 18px;
  overflow: visible;
}
.pagemenucontainer .dropdown li + li {
  border-top: 1px solid #eee;
}
.pagemenucontainer .dropdown li a {
  color: #555;
  padding: 8px 18px;
  margin: 0 -18px;
}


.sub_title {
  float: left;
  margin-bottom: 5px;
}


#m_content_03a > .trow {
  margin-top: 40px;

}


#m_c_head1 {
  width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: 15px;
}

#m_c_head1 > div {
    float: left;
    font-size: 15px;
    font-weight: bold;
    color: #21409a;
    margin-right: 5px;
}

#m_c_head1 > span {
    float: left;
    font-size: 14px;
    color: #21409a;
}

#m_c_head3 {
  width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

#m_c_head3 > div {
    float: left;
    font-size: 15px;
    font-weight: bold;
    color: #21409a;
    margin-right: 5px;
}

#m_c_head3 > span {
    float: left;
    font-size: 14px;
    color: #21409a;
}

.btn_week_move {
    float: left;
    color: #AAAAAA;
    font-size: 15px;
    margin-top: 2px;
}

#m_c_head3 > #week1 {
    color: #555;
    margin-right: 170px;
}

tspan {
  font-family: 'Noto Sans KR', sans-serif;
}


#network-chart {
  width: 100%;
  height: 380px;
}

#comments_bubble_chart {
  font-weight : 400;
  font-family: 'Malgun Gothic' !important;
}

#positive_cloud_chart, #negative_cloud_chart, #neutral_cloud_chart {
  font-weight : 600;
}




