@import url('reset.css');400
@import url('font.css');



@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}




#wrap { width: 100%;}
header { width: 100%; height: 70px; background: #064C98; z-index: 100; padding: 0 2%;}

header h1 a{
    float: left;  
    color: #fff; 
    display: block;
    line-height: 70px;
    font-weight: 400; 
    font-size: 22px;
    width: 40%;
    font-family: 'GmarketSansMedium';
}
header h1 a:hover{ color: rgb(157, 228, 252);  }

.top_title { float: left; line-height: 70px; color: #eee; font-size: 24px; padding-left: 30px;}

.admin_wrap { float: left; width: 20%; }
ul.admin { float: right; line-height: 70px;}
ul.admin li{ float: left; color: #fff; padding: 0 0 0 20px; font-weight: 300; font-weight: 500;}
ul.admin li a { background: #116ac9; color: #fff; font-size: 12px; padding: 3px 7px; border-radius: 3px; border: 1px solid #888; font-weight: 400;}
ul.admin li a:hover { background: #000; color: #fff; border: 1px solid #666;}


nav { float: left; width: 40%;}

nav > ul.gnb { float: right; width: 100%; }
nav > ul.gnb > li{ position: relative; float: left; width: 33.333%; text-align: center; line-height: 70px; border-left: 2px solid #346fa8; background: linear-gradient(146deg, rgba(2,40,83,1) 0%, rgba(6,76,152,1) 58%);}
/* nav > ul.gnb > li > a { font-size: 18px; color: #eee; display: block; background: rgb(6, 76, 152) url('../images/nav_bg_1.png')no-repeat;} */
nav > ul.gnb > li > a { font-size: 20px; color: #fff; display: block; font-weight: 500; font-family: 'GmarketSansMedium';}
nav > ul.gnb > li:hover  > a{  background: #000;}
nav > ul.gnb > li > a > i { font-size: 20px; color: #ccc; padding-right: 7px;}

nav > ul.gnb > li.bg_1 > a{ background: url('../images/nav_bg_1.png')no-repeat; }
nav > ul.gnb > li.bg_1:hover > a { background: #000 url('../images/nav_bg_1.png')no-repeat;}
nav > ul.gnb > li.bg_2 > a { background: url('../images/nav_bg_2.png')no-repeat;}
nav > ul.gnb > li.bg_2:hover > a { background: #000 url('../images/nav_bg_2.png')no-repeat;}
nav > ul.gnb > li.bg_3 > a { background: url('../images/nav_bg_3.png')no-repeat;}
nav > ul.gnb > li.bg_3:hover > a { background: #000 url('../images/nav_bg_3.png')no-repeat;}


nav ul.sub { 
  position: absolute; top: 70px; left: 0; 
  z-index: 101010; 
  width: 100%;
  display: none; 
  background: #d3e6f9;
}
nav ul.sub li { text-align: left; line-height: 50px; }
nav ul.sub li a { font-size: 16px; display: block; padding-left: 10%; color: #000; font-family: 'GmarketSansMedium';}
nav ul.sub li a:hover { color: #fff; background: #777;}

nav ul.sub li a i { color: #888; padding-right: 5px;}
nav ul.sub li a:hover i { color: #fff;}

#contents {
    transition: margin-left .5s;
    padding: 3% 2%;
}

.none{display:none}
#ticker{ float:left; width:100%;}
.navi{ position: absolute; top: 15px; right: 10px; z-index: 777777;}
.block { position: relative; width: 100%; height:60px; overflow:hidden; background:#fff; float:left; margin-bottom: 30px; 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.block ul,
.block li { text-align: center; list-style:none;}
.block li span { padding-right: 20px; color: #aaa;}
.block li a { display:block; height:60px; font-size: 18px; line-height:60px; color:#000; text-decoration:none; padding: 0 2%; font-weight: 500;}

button.prev, .next, .pause { background: #999; color: #fff; font-size: 12px; padding: 3px 6px; border-radius: 2px; cursor: pointer;}
button:hover.prev, button:hover.next, button:hover.pause { background: #555; }


.notice_box { position: relative; width: 100%; background: #E6F0FA; padding: 20px 30px;border-radius: 5px; border: 1px solid #ddd;}
.notice { position: absolute; top: 0px; right: 0px; }
.notice a{ background: #999; color: #fff; font-size: 16px; padding: 5px 10px; border-radius: 3px;}
.notice a:hover{ background: #444; color: #fff;}
.n_text { line-height: 35px; }
.n_text span.color_bt_1 {padding:1px 5px; color: #fff; font-weight: 300; background: #d40202; font-size: 12px; border-radius: 3px; margin: 0 10px;}

.n_text span.close {
  background: #999;
  color: #fff;
  cursor: pointer;
  padding: 0px 2px;
  font-size: 12px;
  margin-left: 10px;
  border-radius: 2px;
}
.n_text span.close:hover {background: #000;}

.contents_wrap_1 {position: relative; width: 100%; margin: 50px 0 0 0;}

.con_title { width: 100%; text-align: center; font-size: 34px; font-weight: 600; color: #000; margin-bottom: 30px; font-family: 'GmarketSansBold';}
.con_title i { font-size: 30px;  padding: 0px 5px 0 0; color: #aaa;}

.top_tab_box {position: relative; width: 100%;}

.more { position: absolute; top: 75px; right: 0; }
.more a{ background: #999; color: #fff; font-size: 14px; padding: 5px 10px; border-radius: 3px;}
.more a:hover{ background: #555; color: #fff;}

.p_tx{ 
  position:relative; 
  width:100%; 
  height: 170px;
  background: #E6F0FA;  
  border-radius: 0 0 5px 5px; 
  padding: 30px;
  overflow: auto;
}


.tabberlive .tabbertabhide {
  display:none;
 }
 
 
 ul.tabbernav
 {
  margin:0px 0 0 0px;
  padding: 9px 0 9px 0;
  font-weight:500; 
 }
 
 
 ul.tabbertabdefault{}
 
 ul.tabbernav li
 {
  list-style: none;
  margin: 0;
  display: inline;
 }
 
 ul.tabbernav li a
 {
  padding: 9px 20px;
  margin-left: 0px;
  margin-right: 5px;
  border: 1px solid #E6F0FA; 
  border-bottom: none;
  background: #fff;
  text-decoration: none;
  font-weight:500;
 }
 
 ul.tabbernav li a:link { color: #000; }
 ul.tabbernav li a:visited { color: #444; }
 
 ul.tabbernav li a:hover
 {
  color: #000;
  background: #E6F0FA;
  border-color: #ddd;
 }
 
 ul.tabbernav li.tabberactive a
 {
  background-color: #E6F0FA;
 }
 
 ul.tabbernav li.tabberactive a:hover
 {
  color: #000;
  background: #E6F0FA;
 }
 
 .tabberlive .tabbertab {
  padding:0px 0px 0px 0px;
  border-top:0;
 }
 
 .tabberlive .tabbertab h2 {
  display:none; 
 }




/* 탭메뉴 */

.tab {
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }

.tab button {
    background-color: inherit;
    float: left;
    width: 18%;
    cursor: pointer;
    padding: 10px 0px;
    transition: 0.3s;
    font-size: 18px;
    font-weight: 500;
    font-family: "Noto Sans Korean";
  }
  

  .tab button:hover {
    background-color: #E6F0FA;
  }
  

  .tab button.active {
    background: #064C98;
    color: #fff;
  }
  

  .tabcontent {
    position: relative;
    display: none;
    padding: 16px 0;
    border-top: none;
  }
  .tabcontent img { width: 100%; max-width: 100%; height: auto; }





  .tab2 {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
  }

.tab2 button {
    background-color: inherit;
    float: left;
    width: 15%;
    cursor: pointer;
    padding: 5px 0px;
    transition: 0.3s;
    font-size: 16px;
    font-weight: 400;
    font-family: "Noto Sans Korean";
  }
  

  .tab2 button:hover {
    background-color: #E6F0FA;
  }
  

  .tab2 button.active {
    background: #999;
    color: #fff;
  }

  .tabcontent2 {
    position: relative;
    display: none;
    padding: 16px 0;
    border-top: none;
  }

  .tabcontent2 img { width: 100%; max-width: 100%; height: auto; }







  .sel_show { float: left;  margin-bottom: 20px; }

  select.show_s {
    width: 100px; 
    padding: 2px 5px; 
    margin: 0 5px;
    border: 1px solid #ccc;
    font-family: inherit; 
    border-radius: 3px;
    }


    .search-container { float: right; margin-bottom: 20px;}

      
     input[type=text] {
        padding: 7px;
        font-size: 16px;
        border: 1px solid #ccc;
        border-radius: 3px;
      }
      
    .search-container button {
        float: right;
        padding: 8px 10px 6px 10px;
        margin-top: 0px;
        background: #aaa;
        font-size: 16px;
        border: none;
        cursor: pointer;
        color: #fff;
        border-radius: 0 3px 3px 0;
      }
      
     .search-container button:hover {
        background: #444;
      }


      

table.bbs_list { width: 100%; border-bottom:2px solid #064C98; border-top:2px solid #064C98; table-layout:auto;}
table.bbs_list th {position: relative; padding: 10px 0 0 0; border-bottom:0px solid #064C98; border-right:1px solid #064C98; font-size:17px; color:#000; font-weight: 500;}
table.bbs_list th.line_x { border-right:0px solid #555; }
table.bbs_list th.bottom_line_x { border-bottom:0px solid #555; }
table.bbs_list th.bottom_line_o { border-bottom:1px solid #064C98; padding-bottom: 10px;}


table.bbs_list td { padding:15px 10px; border-bottom:1px solid #ddd; text-align:center; color: #444; font-weight: 300;}
table.bbs_list td.left { text-align:left; padding: 0 30px;}
table.bbs_list td span.normal{ background: rgb(1, 185, 20); color: #fff; font-size: 13px; padding: 3px 7px; border-radius: 3px;}
table.bbs_list td span.abnormal{ background: rgb(231, 56, 3); color: #fff; font-size: 13px; padding: 3px 7px; border-radius: 3px;}
table.bbs_list td span.check { background: rgb(158, 35, 234); color: #fff; font-size: 13px; padding: 3px 7px; border-radius: 3px;}

table.bbs_list th.arrow { padding: 0px 0 0 0;  background: #fff; border-bottom:1px solid #555; }
table.bbs_list th.arrow span a i{ font-size: 1.5em; color: #ccc; vertical-align: top;}
table.bbs_list th.arrow span a:hover i{ color: #000;}

table.bbs_list th.n_read { padding: 10px 0;  background: #eee;}
table.bbs_list th.n_read_left { text-align: left; padding: 0px 30px;  background: #eee;}
table.bbs_list th.n_read span a i{ font-size: 1.5em; color: #ccc; vertical-align: middle;}
table.bbs_list th.n_read span a:hover i{ color: #000;}

table.bbs_list td.n_read_left { text-align: left; padding: 30px;}

.n_read_btn { width: 100%; text-align: center; margin: 30px 0 0 0; }
.n_read_btn a { background: #064C98; color: #fff; padding: 5px 20px; border-radius: 3px;}
.n_read_btn a:hover { background: #000; color: #fff;}


table.bbs_list tr.bgcolor:nth-child(even) {
    background-color: #E6F0FA;
}
table.bbs_list tr.bgcolor:nth-child(odd){
    background-color:#fff;
}

table.bbs_list tr.bgcolor:hover td{
    background-color:#D4E4F5 !important;
    color:#000 !important;
    cursor: pointer;

}

table.bbs_list tr.bgcolor:active td{
    background-color:#D4E4F5 !important;
    color:#000 !important;
    cursor: pointer;
}



.showing { position: absolute; bottom: 50px; left: 0; color: #999; font-size: 14px;}

.order{  
    width:100%; 
    display:block; 
    text-align:center; 
    margin:30px 0 10px 0px;
}
.order span { 
    vertical-align:middle; 
    margin:0 1px 0 1px;
}

.order_bt button { 
    position:relative; 
    width:26px; 
    height:26px; 
    font-size: 12px; 
    color:#555; 
    cursor:pointer; 
	background:#fff;  
    border: 1px solid #ccc; 
}
.order_bt button:hover,
.order_bt button.active { 
    background:#777;
    color: #fff; 
    border: 0px;
}

.order_bt button i{ font-size: 16px; line-height: 30px;}


.equipment_name { width: 100%; margin: 60px 0 30px 0; font-size: 24px;}

.option_wrap { position: relative; margin: 0 -10px; }
.option_wrap::after { display: table; content: ''; clear: both; }

.option_box_wrap { float: left; width: 12.5%; padding: 0 10px;}
.option_box { padding: 20px 0px; border-radius: 5px; margin-bottom: 20px; text-align: center;}

.bg_color_1 { background: rgb(231, 47, 2); }
.bg_color_2 { background: rgb(230, 143, 3); }
.bg_color_3 { background: rgb(44, 122, 200); }
.bg_color_4 { background: #666; }

.op_icon img { width: 55%;}
.op_icon i { width: 100%; color: #fff; font-size: 80px; opacity: 0.3;}
.op_tit { color: #fff; font-size: 20px; padding: 8px 0 30px 0px;}
.op_value { color: #fff; font-size: 30px;  font-weight: 700;}
.op_value span{ font-size: 18px; font-weight: 300;}



.graph_wrap { position: relative; margin: 0 -15px; }
.graph_wrap::after { display: table; content: ''; clear: both; }

.graph_box_wrap {position: relative; float: left; width: 50%; padding: 0 15px; }
.graph_box { 
    position: relative; 
    height: auto; 
    padding: 60px 30px 20px 30px; 
    border-radius: 5px; 
    margin-bottom: 20px; 
    background: #fff;
    border: 1px solid #ccc;;
}
.graph_box span { background: #999; color: #fff; padding: 3px 7px; margin: 0 2px;}

.graph_box_2 { 
  position: relative; 
  height: auto; 
  padding: 20px 30px 20px 30px; 
  border-radius: 5px; 
  margin-bottom: 20px; 
  background: #fff;
  border: 1px solid #ccc;;
}

.graph_title { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #E6F0FA; 
    color: #000; 
    padding: 10px 20px;
    border-radius: 5px 5px 0 0;
}

.graph_title i { color: #aaa; padding:0px 5px 0 0; font-size: 24px; vertical-align: middle;}

.emat_icon_wrap { position: absolute; top: -37px; right: 0; }
.emat_icon_wrap li {float: left; padding: 0 5px;}
.emat_icon_wrap li.btn_1 a{ background: rgb(218, 2, 2); color: #fff; padding: 5px 20px; font-size: 14px; border-radius: 3px; cursor: pointer;}
.emat_icon_wrap li.btn_2 a{ background: rgb(45, 97, 175); color: #fff; padding: 5px 20px; font-size: 14px; border-radius: 3px; cursor: pointer;}
.emat_icon_wrap li.btn_1 a:hover{ background: #444; }
.emat_icon_wrap li.btn_2 a:hover{ background: #444; }

.map { float: left; width: 100%; height: 500px; background: #000; border: 1px solid #999; margin: 0px 0 70px 0px;}


table.sel { width: 100%;  background: #fff; table-layout:auto;}
table.sel th{ background: #ccc;  border:1px solid #ddd; padding: 5px 0;}
table.sel td { padding:5px 0; border:1px solid #ddd; text-align:center; color: #555; font-weight: 400; }

.puu { margin-top: 10px; font-size: 14px;}


.contents_1 { width: 100%; }
.con_stit { position: relative; width: 100%; border-top: 1px solid #064C98; border-bottom: 1px solid #064C98; margin-bottom: 20px;}
.ctit { float: left; width: 18%; background: #064C98; padding: 10px; color: #fff; text-align: center;}
.ctit span { color: #ccc; font-size: 16px;}

.add_btn { position: absolute; top: 6px; right: 10px; z-index: 55;}
.add_btn_2 { position: absolute; top: 10px; right: 30px; z-index: 56;}
.add_btn_2 span.s_btn_1 a { background: #b50606; color: #fff; font-size: 14px; padding: 3px 10px; border-radius: 3px;}
.add_btn_2 span.s_btn_1 a:hover { background: #000; color: #fff;}
.add_btn_2 span.s_btn_2 a { background: #999; color: #fff; font-size: 14px; padding: 3px 10px; border-radius: 3px;}
.add_btn_2 span.s_btn_2 a:hover { background: #000; color: #fff;}

.add_btn_3 { position: absolute; top: -88px; right: 30px; z-index: 56;}
.add_btn_3 span.s_btn_1 a { background: #b50606; color: #fff; font-size: 14px; padding: 3px 10px; border-radius: 3px;}
.add_btn_3 span.s_btn_1 a:hover { background: #000; color: #fff;}
.add_btn_3 span.s_btn_2 a { background: #999; color: #fff; font-size: 14px; padding: 3px 10px; border-radius: 3px;}
.add_btn_3 span.s_btn_2 a:hover { background: #000; color: #fff;}



.mg_bottom_1 { margin-bottom: 80px;}
.mg_bottom_2 { margin-bottom: 100px;}
.mg_bottom_3 { margin-bottom: 10px;}
.mg_bottom_50 { margin-bottom: 50px;}


.dropbtn { background: #c02903; color: #fff; font-size: 16px; padding: 5px 10px; cursor: pointer; border-radius: 3px;}

.dropbtn:hover, .dropbtn:focus {
  background-color: #000;
}

.dropbtn2 { background: #999; color: #fff; font-size: 12px; padding: 5px 10px; cursor: pointer; border-radius: 3px;}

.dropbtn2:hover, .dropbtn:focus {
  background-color: #000;
}


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  top: 0; right: 85px;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover { background: #064C98; color: #fff;}

.dropdown a:hover { background-color: #ddd;}

.show {display: block;}


select.modal_ss {
  width: 100%; 
  padding: 2px 5px; 
  border: 1px solid #ccc;
  font-family: inherit; 
  border-radius: 3px;
  }

  select.modal_ss2 {
    width: 60%; 
    padding: 3px 5px; 
    border: 1px solid #ccc;
    font-family: inherit; 
    border-radius: 3px;
    }

.p_popup_box_1 { float: left; width: 48%; margin-right: 4%;}
.p_popup_box_1-1 { float: left; width: 48%; }
.p_popup_box_2 { float: left; width: 48%; }
.p_popup_box_2 span a { font-size: 14px; background: #777; color: #fff; padding: 4px 10px; vertical-align: middle; border-radius: 3px;}
.p_popup_box_2 span a:hover { background: #000; color: #fff;}

.p_popup_box_3 { float: left; width: 100%; margin: 10px 0;}
.p_popup_box_3 img { width: 100%; max-width: 100%; height: auto;}

.p_popup_box_4 { float: left; width: 33.333%;}


.p_popup_box_5 { float: left; width: 30%; margin-right: 2%;}
.p_popup_box_5-1 { float: left; width: 36%;}
.p_popup_box_5-1 span a { font-size: 14px; background: #777; color: #fff; padding: 4px 10px; vertical-align: middle; border-radius: 3px;}
.p_popup_box_5-1 span a:hover { background: #000; color: #fff;}

.pu_sel { position: absolute; bottom: 35px; left: 30px; }
.pu_sel span a{ background: #555; color: #fff; font-size: 13px; padding: 2px 5px; border-radius: 3px;}


.pp_box { margin-bottom: 10px; line-height: 32px;}

input.input_box_1 { width: 100%;}
input.input_box_2 { width: 70%;}
input.input_box_3 { width: 60%;}
input.input_box_date { width: 100%; border: 1px solid #ccc; padding: 5px 5px; border-radius: 3px; font-family: 'Noto Sans KR', sans-serif;}
input.input_box_date2 { width: 60%; border: 1px solid #ccc; padding: 5px 5px; border-radius: 3px; font-family: 'Noto Sans KR', sans-serif;} 

.save_zone{ float: left; width: 100%; text-align: center; margin-top: 20px;}
.save_zone-1{ float: left; width: 100%; text-align: center; margin-top: 0px;}
button.pu_btn_2 {
  padding: 6px 20px; 
  font-weight:500; 
  color:#fff; 
  font-size:14px; 
  cursor:pointer; 
  outline:none; 
  background: #064C98;
  border-radius: 3px;
}
button.pu_btn_2:hover { 
  background:#000; color: #fff;
}

button.pu_btn_2-1 {
  padding: 6px 20px; 
  font-weight:500; 
  color:#fff; 
  font-size:14px; 
  cursor:pointer; 
  outline:none; 
  background: #777;
  border-radius: 3px;
}
button.pu_btn_2-1:hover { 
  background:#000; color: #fff;
}


button.alert {
  padding: 6px 20px; 
  font-weight:500; 
  color:#fff; 
  font-size:14px; 
  cursor:pointer; 
  outline:none; 
  background: #064C98;
  border-radius: 3px;
}
button.pu_btn_2:hover { 
  background:#000; color: #fff;
}




.pu_top_box { width: 100%; padding: 30px; background: #E6F0FA; border: 1px solid #ccc; margin-bottom: 50px;}
.ptb_tit { font-size: 18px; color: #000; margin-bottom: 10px;}

.pu_delete { position: absolute; top: 240px; right: 30px; }
.pu_delete a { background: #b50606; color: #fff; font-size: 14px; padding: 3px 10px; border-radius: 3px;}
.pu_delete a:hover { background: #000; color: #fff;}


.filebox .upload-name {
  display: inline-block;
  height: 35px;
  padding: 0 10px;
  vertical-align: middle;
  border: 1px solid #ccc;
  width: 78%;
  color: #999999;
}
.filebox label {
  display: inline-block;
  padding: 5px 20px;
  color: #fff;
  vertical-align: middle;
  background-color: #777;
  cursor: pointer;
  margin-left: 5px;
  border-radius: 3px;
  font-size: 14px;
}
.filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.filebox2 { margin: -8px 0 0 0; }
.filebox2 .upload-name {
  display: inline-block;
  height: 33px;
  padding: 0 10px;
  vertical-align: middle;
  border: 1px solid #ccc;
  width: 69%;
  color: #999999;
  border-radius: 3px;
}
.filebox2 label {
  display: inline-block;
  padding: 3px 10px;
  color: #fff;
  vertical-align: middle;
  background-color: #777;
  cursor: pointer;
  margin-left: 5px;
  border-radius: 3px;
  font-size: 14px;
}
.filebox2 input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.cb_wrap { width: 100%;  background: #fff; margin: -6px 0 0 0; padding: 2px 0 3px 10px; border: 1px solid #ccc; border-radius: 3px;}
.massage { width: 100%; background: #d50202; color: #fff; padding:10px 30px; margin-top: 5px; border-radius: 3px;}

.history_wrap { position: relative; width: 100%; padding: 40px 50px; background: #ddd; margin-bottom: 50px; border-radius: 5px;}
.hs_box { float: left; width: 20%;}

.search { float: left; width: 20%; line-height: 40px;}
.search a { float: right; background: #555; color: #fff; padding: 0 20px; border-radius: 3px; font-size: 18px;}
.search a:hover { background: #000; color: #fff; }

.history_box_wrap { width: 100%; padding-bottom: 40px;}
.history_box_1 { float: left; font-size: 18px; color: #000; font-weight: 500; }
.history_box_1 span{ font-size: 16px; color: #777; font-weight: 300; padding-left: 20px;}
.history_box_2 { float: right; }


.hisory_graph_wrap {position: relative; width: 100%; }
.down_btn { position: absolute; top: 0; right: 0; z-index: 77;}




ul.one {  }
ul.one > li { text-align: center;  position: relative;}
ul.one > li > a { padding: 11px 15px; display: block; background: #999; color: #fff;}
ul.one > li:hover > a { background: #000; }

ul.two { display: none; position: absolute; top: 0; left: -150px; width: 150px;}
ul.two > li { }
ul.two > li > a { background: #ccc; padding: 10px 20px; display: block;}
ul.two > li:hover > a { background: #777; color: #fff;}


ul.three { display: none; position: absolute; top: 0; left: -150px; width: 150px;}
ul.three > li {}
ul.three > li > a { background: #eee; padding: 10px 20px; display: block; }
ul.three > li > a:hover { background: #999; color: #fff;}



.ms_text{ font-size: 12px; margin: 0 0 5px 0; color: #aaa;}
.ms_text2{  color: #000;}
.ms_box_nav { width: 100%; background: #ccc; padding: 10px 20px;}
.ms_box_nav span.left{ float: left;}
.ms_box_nav span.right{ float: right;}
.ms_box_nav a i{ font-size: 1.52em; vertical-align: middle;}

.ms_box { width: 100%; height: 250px; padding: 20px; background: #fff; overflow: auto;}

.factor_wrap { width: 100%; margin-bottom: 20px;}
.factor { float: left; width: 25%; margin-bottom: 10px;}

.alert_text { width: 100%; text-align: center; font-size: 18px; margin:100px 0 30px 0;}