@charset "utf-8";
@import url("layout.css");
@import url("dhtmlx.css");

@font-face {
  font-family: 'Arita_Dotum';
  src: url("/files/web1/font/Arita_Dotum.otf");
  font-weight: 400;
  font-style: normal;
  font-display: fallback
}

#iph_wrapper {
  width: 100%;
  height: 100%;
  min-width: 1516px;
  overflow-x: hidden;
  position: relative;
  background: #ecedf0 url(../../../files/web1/images/common/bg_container.png) repeat-y left top;
}

#iph_wrapper.no_bg {
  background: #f4f4f4;
}

#iph_header {
  position: relative;
  height: 144px;
  background: url(../../../files/web1/images/common/bg_header.png) repeat-x left top;
}

#iph_header .inner {
  position: relative;
  display: flex;
  height: 80px;
  padding: 0 30px 0 40px;
  align-items:center;
  box-sizing: border-box;
}

#iph_header .inner .left {
  flex: none;
  display: flex;
}

#iph_header .inner .left h1 {
  flex: none;
}

#iph_header .inner .right {
  margin-left: auto;
  display: flex;
  align-items: center;
}

#iph_header .inner .right a {
  font-size: 14px;
  color: #555;
  vertical-align: middle;
  margin-left: 15px;
}

#iph_header .inner .right a img {
  vertical-align: middle;
  margin-right: 5px;
}

#iph_header .inner .right a.on {
  color: #497cff;
  text-decoration: underline;
}

#iph_header .inner .right .btn_mode {
  display: inline-block;
  width: 116px;
  height: 28px;
}

#iph_header .inner .right .btn_mode {
  background: url(../../../files/web1/images/common/mode_w.png) no-repeat left top;
}

.audit-shortcuts {
  display: inline-flex;
  align-items: center;
  height: 36px;
  margin-right: 16px;
  padding: 3px;
  vertical-align: middle;
  background: #f4f6fa;
  border: 1px solid #d9dee8;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

#iph_header .inner .right .audit-shortcuts a,
#iph_mheader .inner .right .audit-shortcuts a {
  display: inline-flex;
  align-items: center;
  height: 28px;
  margin: 0;
  padding: 0 10px;
  color: #4c566a;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 28px;
  white-space: nowrap;
  border-radius: 6px;
  box-sizing: border-box;
  transition: color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;
}

#iph_header .inner .right .audit-shortcuts a + a,
#iph_mheader .inner .right .audit-shortcuts a + a {
  margin-left: 2px;
}

.audit-shortcuts a svg {
  width: 15px;
  height: 15px;
  margin-right: 6px;
  fill: none;
  stroke: #71809d;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.16s ease;
}

#iph_header .inner .right .audit-shortcuts a:hover,
#iph_header .inner .right .audit-shortcuts a:focus,
#iph_mheader .inner .right .audit-shortcuts a:hover,
#iph_mheader .inner .right .audit-shortcuts a:focus {
  color: #fff;
  text-decoration: none;
  background: #497cff;
  box-shadow: 0 2px 6px rgba(73, 124, 255, 0.24);
  outline: none;
}

.audit-shortcuts a:hover svg,
.audit-shortcuts a:focus svg {
  stroke: #fff;
}

.audit-shortcuts + .group_sel {
  margin-right: 0;
}


#footer {
  text-align: center;
  font-size: 14px;
  margin: 30px 0 0 0;
  color: #666;
}

.group_sel {
  width: 170px;
  height: 34px;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  background: url(../../../files/web1/images/common/group_w.png) no-repeat 94% center;
  border: 1px solid #c1c2c5;
}

.group_sel select {
  width: 100%;
  height: 34px;
  color: #444;
  font-size: 14px;
  padding: 0 15px 0 15px;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.group_sel select::-ms-expand {
  display: none;
  border: none;
}

.gnb_area {
  position: relative;
  z-index:103;
}

.gnb {
  display: flex;
  justify-content: center
}

.gnb>li {
  flex: none;
  padding: 0 40px;
  position:relative;
}

.gnb>li:first-child {
  background: none;
}

.gnb>li>a {
  display: table-cell;
  height: 64px;
  vertical-align: middle;
}

.gnb>li>a>span {
  display: block;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 18px;
  letter-spacing: -0.02em;
}

.gnb>li.on>a {
  background: url(../../../files/web1/images/common/gnb_on.png) repeat-x center bottom;
}

.gnb>li.on>a span {
  color: #92b4e4;
  font-weight: 600;
}

.gnb > li .dept2_wrap {display:none; position:absolute; left:50%; top:64px; z-index:2; background:#082c5c; width:170px; transform:translate(-50%); border-top:1px solid #1f426e; box-sizing:border-box;}
.gnb > li .dept2_wrap > ul {padding:20px 30px 24px 30px; box-sizing:border-box;}
.gnb > li .dept2_wrap > ul > li:first-child {margin-top:0;}
.gnb > li .dept2_wrap > ul > li > .menu {padding:5px 0 5px 0;}
.gnb > li .dept2_wrap > ul > li > .menu a {display:inline-block; color:#fff; font-size:14px; font-weight:normal;}
.gnb > li .dept2_wrap > ul > li > .menu:hover a {color:#92b4e4; text-decoration:underline;}
.gnb > li .dept2_wrap > ul > li > .menu:hover .plus {text-decoration:none;}
.gnb > li .dept2_wrap > ul > li.on > .menu a {color:#92b4e4; text-decoration:underline;}
.gnb > li .dept2_wrap > ul > li.on > .menu .plus {text-decoration:none;}
.gnb > li .dept2_wrap > ul > li .dept3_wrap {display:none; position:relative; margin:0 0 5px 0;}
.gnb > li .dept2_wrap > ul > li .dept3_wrap ul{padding:0 10px;}
.gnb > li .dept2_wrap > ul > li .dept3_wrap ul li a {display:block; color:#fff; font-size:13px; font-weight:normal; padding:3px 0 3px 0;}
.gnb > li .dept2_wrap > ul > li .dept3_wrap ul li a:hover {color:#92b4e4;}


#iph_container {
  position: relative;
  width: 100%;
  padding: 0 0 50px 0;
}

#iph_container .inner {
  position: relative;
  display: flex;
}

#left_section {
  flex: none;
  width: 180px;
}

#left_section .inn {
  width: 100%;
}

#left_section .txt {
  text-align: center;
  letter-spacing: -0.05em;
  height:86px;
  padding:24px 0 0 0; box-sizing:border-box;
}

#left_section .txt .t1 {display:block; font-size:17px; color:#090909;}
#left_section .txt .t2 {display:block; font-size:13px; color:#0f5dc2; margin:2px 0 0 0;}

.sub_section {display:flex;}
.sub_section .left_section {width:322px; border:1px solid #bdbdbd; border-radius:5px; box-sizing:border-box;}
.sub_section .left_section > .con {/*padding:5px 0 0 5px;*/}
.sub_section .left_section .tit {background:#555; height:50px; line-height:50px; color:#fff; font-size:16px; padding:0 0 0 20px; border-radius:5px; position:relative;}
.sub_section .left_section .name { color:#000; background:#f1f1f1; height:36px; line-height:34px; padding:2px 0 0 20px; margin:-2px 0 0 0;}
.sub_section .right_section {flex:1; overflow:auto;}

.lnb > ul > li {border-bottom:1px solid #e7e7e7;}
.lnb > ul > li > a {display:flex; flex-wrap:wrap; align-items:center; height:50px; line-height:50px; padding:0 15px 0 30px; letter-spacing:-0.05em; font-size:15px;}
.lnb > ul > li .plus {margin-left:auto; width:22px; height:22px; background:url(../../../files/web1/images/common/lnb_dep1_off.png) no-repeat left top; }

.lnb > ul > li.on {background: url(../../../files/web1/images/common/lnb_on.png) no-repeat left top; border-bottom:none;}
.lnb > ul > li.on > a {font-size:15px; color:#062c5d; font-weight:600;}
.lnb > ul > li.on .plus {background:url(../../../files/web1/images/common/lnb_dep1_on.png) no-repeat left top; }


.lnb>ul>li>div {
  background: #f1f9ff;
}

.lnb>ul>li>div>ul {
  padding:20px 0 20px 0;
}

.lnb>ul>li>div>ul>li {
  margin:15px 0 0 0;
}

.lnb>ul>li>div>ul>li:first-child {
  margin-top:0px;
}

.lnb>ul>li>div>ul>li>a {
  display: block;
  padding: 0 0 0 34px;
  font-size: 13px;
  color: #222222;
  letter-spacing: -0.05em;
}

.lnb > ul > li > div > ul > li.on > a {text-decoration:underline; color:#0f5dc2; background:url(../../../files/web1/images/common/lnb2_arr.png) no-repeat 22px 6px;}


#right_section {
  width: 100%;
  min-width:960px;
}

#right_section .inn {
  padding: 30px 94px 0 30px;
  position: relative;
}

#iph_content {
  width: 100%;
  position: relative;
}

.work_div_h1 {
  margin: 20px 0 0 0;
  position: relative;
}

.work_div_h1 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.work_div_h1 ul li {
  flex: none;
  width: 140px;
  height: 112px;
  border-radius: 5px;
  padding: 30px 0 0 0;
  text-align: center;
}

.work_div_h1 ul li .t1 {
  font-size: 15px;
}

.work_div_h1 ul li .t2 {
  font-size: 13px;
}

.work_div_h1 ul li .t2 .f27 {
  font-size: 27px;
}

.work_div_h1 ul li .t2 .f18 {
  font-size: 18px;
}

.work_div_h1 ul li.bg1 {
  background: #22275a;
}

.work_div_h1 ul li.bg2 {
  background: #5484ff;
}

.work_div_h1 ul li.bg3 {
  background: #3cbfcf;
}

.work_div_h1 ul li.bg4 {
  background: #3ccfa0;
}

.work_div_h1 ul li.bg5 {
  background: #a5c846;
}

.work_div_h1 ul li.bg6 {
  background: #fac45b;
}

.work_div_h1 .arr {
  position: absolute;
  left: 131px;
  top: 44px;
  width: 100%;
  height: 26px;
}

.work_div_h2 {
  margin: 20px 0 0 0;
  position: relative;
}

.work_div_h2 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.work_div_h2 ul li {
  flex: none;
  width: 192px;
  height: 112px;
  border-radius: 5px;
  padding: 30px 0 0 0;
  text-align: center;
}

.work_div_h2 ul li .t1 {
  font-size: 15px;
}

.work_div_h2 ul li .t2 {
  font-size: 13px;
}

.work_div_h2 ul li .t2 .f27 {
  font-size: 27px;
}

.work_div_h2 ul li .t2 .f18 {
  font-size: 18px;
}

.work_div_h2 ul li.bg1 {
  background: #22275a;
}

.work_div_h2 ul li.bg2 {
  background: #3ccfa0;
}

.work_div_h2 ul li.bg3 {
  background: #a5c846;
}

.work_div_h2 ul li.bg4 {
  background: #fac45b;
}

.work_div_h2 ul li.bg5 {
  background: #fa935b;
}

.work_div_h2 ul li.bg6 {
  background: #fa715b;
}

.work_div_h1 ul li.bg7 {
  background: #fa935b;
}

.work_div_h1 ul li.bg8 {
  background: #fa715b;
}

.work_div_h2 .arr {
  position: absolute;
  left: 183px;
  top: 44px;
  width: 100%;
  height: 26px;
  background: url(../../../files/web1/images/common/work_arr2.png) no-repeat left top;
}

.board_div_h1 {
  display: flex;
  margin: 30px 0 0 0;
}

.board_div_h1 .top {
  display: flex;
  align-items: center;
}

.board_div_h1 .top .l {
  flex: none;
  font-size: 18px;
  letter-spacing: -0.05em;
}

.board_div_h1 .top .r {
  margin-left: auto;
  height: 28px;
  line-height: 25px;
  padding: 0 15px;
  font-size: 14px;
}

.board_2 {
  margin-left: auto;
  width: 360px;
  height: 345px;
  padding: 25px 30px 0 30px;
}

.board_2 .b2_ul {
  margin: 10px -30px 0 -30px;
}

.board_2 .b2_ul li {
  display: flex;
  align-items: center;
  height: 90px;
  padding: 20px 30px 20px 30px;
}

.board_2 .b2_ul li:first-child {
  border-top: none;
}

.board_2 .b2_ul li .l {
  font-size: 13px;
}

.board_2 .b2_ul li .l .t1 {
  
}

.board_2 .b2_ul li .l .t2 {
  
}

.board_2 .b2_ul li .l .t2 strong {
  font-size: 27px;
}

.board_2 .b2_ul li .r {
  margin-left: auto;
}

.board_2 .b2_ul li .r .t3 {
  width: 66px;
  height: 22px;
  line-height: 20px;
  font-size: 13px;
  border-radius: 30px;
  text-align: center;
}

.board_2 .b2_ul li .r .t4 {
  font-size: 13px;
  text-align: center;
  margin: 5px 0 0 0;
}

.board_2 .b2_ul li .r .t4 img {
  vertical-align: middle;
  margin-left: 5px;
}

.board_2 .b2_ul li .c1 {
  color: #5d8afe;
}

.board_2 .b2_ul li .c2 {
  color: #2dbcff;
}

.board_2 .b2_ul li .c3 {
  color: #e15a31;
}

.board_2 .b2_ul li .c4 {
  color: #3acab4;
}

.board_2 .b2_ul li .c5 {
  color: #333;
}

.board_2 .sub_tit {
  height: 40px;
  line-height: 37px;
  font-size: 15px;
  color: #bdbec3;
  font-weight: 500;
  text-align: center;
  margin: 20px -30px 0 -30px;
}

.board_2 .day {
  color: #a7a8af;
  display: inline-block;
  height: 28px;
  line-height: 27px;
  text-align: center;
  font-size: 13px;
  padding: 0 10px;
  vertical-align: middle;
}

.board_2 .s_tit {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  margin: -25px -30px 0 -30px;
}

.board_2 .s_tit .l {
  font-size: 16px;
}

.board_2 .s_tit .r {
  font-size: 14px;
  margin-left: auto;
}

.board_6 {
  padding: 25px 30px 25px 30px;
}

.board_6 .top {
  display: flex;
  align-items: center;
}

.board_6 .top .l {
  flex: none;
  font-size: 18px;
  letter-spacing: -0.05em;
}

.board_6 .top .r {
  margin-left: auto;
  height: 28px;
  line-height: 25px;
  padding: 0 15px;
  font-size: 14px;
}

.board_6 .b2_ul {
  display: flex;
  align-items: center;
}

.board_6 .b2_ul li {
  display: flex;
  align-items: center;
  width: 560px;
  height: 110px;
  padding: 0 50px 0 132px;
  border-radius: 5px;
  box-sizing: border-box;
}

.board_6 .b2_ul li:last-child {
  margin-left: auto;
}

.board_6 .b2_ul li .t1 {
  flex: none;
  font-size: 20px;
}

.board_6 .b2_ul li .t2 {
  margin-left: auto;
  font-size: 13px;
}

.board_6 .b2_ul li strong {
  font-size: 32px;
}

.board_6 .b2_ul li .c1 {
  color: #4f94df;
}

.board_6 .b2_ul li .c2 {
  color: #1fba9b;
}

.board_6 .b2_ul li.bg1 {
  background: #a1d0f8 url(../../../files/web1/images/common/b2_cir7.png) no-repeat 50px center;
}

.board_6 .b2_ul li.bg2 {
  background: #e3fa9d url(../../../files/web1/images/common/b2_cir6.png) no-repeat 50px center;
}

.board_7 {
  padding: 20px 50px 40px 30px;
}

.board_7 .top {
  display: flex;
  align-items: center;
}

.board_7 .top .l {
  flex: none;
  font-size: 18px;
  letter-spacing: -0.05em;
}

.board_7 .det {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0 0 0;
}

.board_7 .det li {
  font-size: 12px;
  margin-left: 20px;
}

.board_7 .det li .bl {
  background: #5b7eff;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  vertical-align: middle;
}

.board_7 .det li .bl2 {
  display: inline-block;
  width: 36px;
  height: 17px;
  background: url(../../../files/web1/images/common/d2_bl_b.png) no-repeat left center;
  margin-right: 5px;
  vertical-align: middle;
}

.board_7 .graph {
  margin: 20px 0 0 20px;
}

.m_table_h1 {margin:10px 0 0 0;}

.m_table_h1 table {
  width: 100%;
}

.m_table_h1 table thead th {
  height: 43px;
  padding: 0 10px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  background: #777;
  color: #fff;
}

.m_table_h1 table tbody th {
  height: 42px;
  padding: 5px 10px;
  text-align: center;
  line-height: 17px;
  letter-spacing: -0.02em;
  box-sizing: border-box;
  color: #444;
  border-top: 1px solid #eef0f7;
}

.m_table_h1 table tbody td {
  height: 42px;
  padding: 5px 10px;
  text-align: center;
  line-height: 17px;
  letter-spacing: -0.02em;
  box-sizing: border-box;
  color: #444;
  border-top: 1px solid #eef0f7;
  border-left: 1px solid #eef0f7;
}

.m_table_h1 .tl {
  text-align: left;
}

.m_table_h1 .c1 {
  color: #12a576;
}

.m_table_h1 .c2 {
  color: #476ecf;
}

.m_table_h1 .c3 {
  color: #e56314;
}

.m_table_h1 .c4 {
  color: #444;
}

.m_table_h1 .c5 {
  color: #ff5e62;
}

.m_table_h1 .c6 {
  color: #fad05f;
}

.m_table_h1 .c7 {
  color: #60e089;
}

.m_table_h1 .c8 {
  color: #e56314;
}

.m_table_h1 .num {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  color: #fff;
}

.m_table_h1 .num.b1 {
  background: #f67527;
}

.m_table_h1 .num.b2 {
  background: #fe9744;
}

.m_table_h1 .num.b3 {
  background: #ffb600;
}

.m_table_h1 .num.b4 {
  background: #e34228;
}

.m_table_h1 .num.b5 {
  background: #f0654f;
}

.m_table_h1 .num.b6 {
  background: #f58e7e;
}

.m_table_h1 .num.b7 {
  background: #e34228;
}

.m_table_h1 .num.b8 {
  background: #f0654f;
}

.m_table_h1 .num.b9 {
  background: #f58e7e;
}

.m_table_h1 table tbody td a {
  color: #444;
}

.m_table_h1 .tdu {text-decoration:underline;}
.m_table_h1 .n_tl {border-left:none;}

.board_div_h3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.board_div_h3 .board_3 {
  flex: none;
  width: 387px;
  height: 211px;
  padding: 25px 20px 0 20px;
  position: relative;
}

.board_div_h3 .board_3 .tit {
  font-size: 18px;
  font-weight: 500;
}

.board_div_h3 .board_3 .more {
  position: absolute;
  right: 30px;
  top: 25px;
}

.board_div_h3 .board_3 ul {
  margin: 24px 0 0 0;
}

.board_div_h3 .board_3 ul li {
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  padding: 0 0 0 12px;
  margin: 13px 0 0 0;
  background: url(../../../files/web1/images/common/b3_bl.png) no-repeat left center;
}

.board_div_h3 .board_3 ul li:first-child {
  margin-top: 0;
}

.board_div_h3 .board_3 ul li a {
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 30px;
}

.board_div_h3 .board_3 ul li .day {
  margin-left: auto;
}

.board_div_h3 .board_4 {
  background: url(../../../files/web1/images/common/b4_bg.jpg) no-repeat left top;
}

.board_div_h3 .board_4 a {
  display: block;
  width: 387px;
  height: 211px;
  line-height: 208px;
  font-size: 30px;
  text-align: center;
  font-weight: 500;
}

.board_div_h3 .board_5 {
  background: url(../../../files/web1/images/common/b5_bg.jpg) no-repeat left top;
}

.board_div_h3 .board_5 a {
  display: block;
  width: 387px;
  height: 211px;
  line-height: 208px;
  font-size: 30px;
  text-align: center;
  font-weight: 500;
}

.dash_div_h1 {
  display: flex;
}

.dash_div_h1 .top {
  display: flex;
  align-items: center;
}

.dash_div_h1 .top .l {
  flex: none;
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.05em;
}

.dash_div_h1 .top .r {
  margin-left: auto;
}

.dash_div_h1 .board_2 {
  margin-left: 0;
}

.select_div {
  display: inline-block;
  height: 28px;
  overflow: hidden;
  vertical-align: middle;
  vertical-align: middle;
}

.select_div select {
  width: 100%;
  height: 28px;
  color: #a7a8af;
  font-size: 14px;
  padding: 0 12px 0 12px;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  letter-spacing: -0.02em;
  box-sizing: border-box;
}

.select_div select::-ms-expand {
  display: none;
  border: none;
}

.dash_con {
  display: flex;
}

.dash_con .top .l {
  font-weight: 600;
  font-size: 18px;
  line-height: -0.05em;
  color: #444;
}

.dash_4 {
  flex: 1;
  background: #202342;
}

.dash_4.mlr {
  margin: 0 20px;
}

.dash_6 {
  width: 590px;
  padding: 20px 30px 40px 30px;
}

.dash_6 .graph {
  width: 499px;
  height: 258px;
}

.dash_7 {
  margin-left: auto;
  width: 590px;
  padding: 20px 30px 40px 30px;
}

.dash_7 .graph {
  width: 529px;
  height: 243px;
}

.dash_8 {
  width: 49.5%;
  padding: 15px 30px 30px 30px;
  box-sizing: border-box;
}

.dash_8_left {
  margin-right: 20px;
}

.dash_8_rignt {
  margin-left: 20px;
}

.dash_8 .graph {
  margin-top: 42px;
}

.dash_9 .graph {
  margin-top: 25px;
}

.dash_9 {
  margin-left: auto;
  width: 49.5%;
  padding: 15px 30px 30px 30px;
  box-sizing: border-box;
}

.dash_9 .det {
  margin-top: 15px;
}

.dash_9 .det li .b1 {
  background: #5b72ff;
}

.dash_9 .det li .b2 {
  background: #01cba5;
}

.tit_loction {
  display: flex;
  align-items: flex-end;
  margin: 0 0 30px 0;
}

.tit_loction .tit {
  flex: none;
  font-size: 30px;
  color: #6d96ff;
  letter-spacing: -0.05em;
}

.tit_loction .loction {
  margin-left: auto;
  color: #aeb2ca;
}

.tit_loction .loction a {
  font-size: 14px;
  color: #aeb2ca;
  vertical-align: 0;
}

.tit_loction .loction .ico {
  vertical-align: -1px;
  display: inline-block;
  width: 13px;
  height: 12px;
  margin-right: 6px;
}

.tit_loction .loction a:last-child {
  text-decoration: underline;
}

.rule_div_h1 .top {
  background: #4b527a;
  color: #fff;
  height: 52px;
  padding: 0 30px;
  display: flex;
  align-items: center;
}

.rule_div_h1 .top .left {
  flex: none;
  font-size: 18px;
}

.rule_div_h1 .top .right {
  margin-left: auto;
  padding: 0 0 0 20px;
  font-size: 14px;
}

.rule_div_h1 .top .right .c1 {
  color: #fe7c2e;
}

.rule_div_h1 .bot {
  padding: 0px 40px 30px 40px;
  display: flex;
}

.rule_div_h1 .bot.ai_c {
  padding: 0px;
}

.rule_div_h1 .bot.ai_c table {
  
}

.rule_div_h1 .bot.ai_c table thead th {
  font-size: 14px;
  height: 37px;
}

.rule_div_h1 .bot.ai_c table tbody td {
  text-align: center;
  padding: 20px 0 20px 0;
}

.rule_div_h1 .bot.ai_c .tag {
  margin: 10px 0 0 0;
  display: table;
}

.rule_div_h1 .bot.ai_c .tag .l {
  display: table-cell;
  vertical-align: top;
  width: 70px;
}

.rule_div_h1 .bot.ai_c .tag .l span {
  margin: 5px 0 0 0;
}

.rule_div_h1 .bot.ai_c .tag .r {
  display: table-cell;
  vertical-align: top;
}

.rule_div_h1 .bot.ai_c .tag .r span {
  margin: 5px 0 0 5px;
}

.rule_div_h1 .bot.ai_c .tag span {
  background: #505474;
  padding: 0 10px;
  height: 26px;
  line-height: 24px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
}

.rule_div_h1 .bot.ai_c .tag span.b1 {
  
}

.rule_div_h1 .bot.ai_c table .tl_n {
  border-left: none;
}

.rule_div_h1 .bot.ai_c table .tl {
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}

.rule_div_h1 .bot.ai_c table .f26 {
  font-size: 26px;
}

.rule_div_h1 .bot.ai_c table .f22 {
  font-size: 16px;
}

.rule_div_h1 .bot.ai_c table .f16 {
  font-size: 16px;
}

.rule_div_h1 .bot .left {
  flex: none;
  margin-right: 50px;
}

.rule_div_h1 .bot .left .scen_ul_h1 {
  display: flex;
}

.rule_div_h1 .bot .left .scen_ul_h1 li {
  flex: none;
  font-size: 13px;
  width: 160px;
  height: 110px;
  padding: 25px 0 0 0;
  text-align: center;
  box-sizing: border-box;
}

.rule_div_h1 .bot .left .scen_ul_h1 li strong {
  font-size: 26px;
  display: block;
  margin: 5px 0 0 0;
}

.rule_div_h1 .bot .left .scen_ul_h1 .l {
  flex: none;
  border-radius: 10px 0 0 10px;
}

.rule_div_h1 .bot .left .scen_ul_h1 .c {
  
}

.rule_div_h1 .bot .left .scen_ul_h1 .r {
  border-radius: 0 10px 10px 0;
}

.rule_div_h1 .bot .left .scen_ul_h2 {
  display: flex;
}

.rule_div_h1 .bot .left .scen_ul_h2 li {
  flex: none;
  font-size: 13px;
  width: 170px;
  height: 110px;
  padding: 20px 0 0 0;
  text-align: center;
  box-sizing: border-box;
}

.rule_div_h1 .bot .left .scen_ul_h2 li .t1 {
  margin: 0 0 5px 0;
}

.rule_div_h1 .bot .left .scen_ul_h2 li .txt {
  display: table-cell;
  line-height: 24px;
  width: 170px;
  text-align: center;
  vertical-align: middle;
}

.rule_div_h1 .bot .left .scen_ul_h2 li .txt strong {
  display: block;
  font-size: 22px;
  height: 24px;
}

.rule_div_h1 .bot .left .scen_ul_h2 .bg1 {
  flex: none;
  border-radius: 10px 0 0 10px;
}

.rule_div_h1 .bot .left .scen_ul_h2 .bg2 {
  
}

.rule_div_h1 .bot .left .scen_ul_h2 .bg3 {
  
}

.rule_div_h1 .bot .left .scen_ul_h2 .bg4 {
  border-radius: 0 10px 10px 0;
}

.rule_div_h1 .bot .left .scen_ul_h3 {
  display: flex;
}

.rule_div_h1 .bot .left .scen_ul_h3 li {
  flex: none;
  font-size: 13px;
  width: 220px;
  height: 80px;
  padding: 13px 0 0 0;
  text-align: center;
  box-sizing: border-box;
}

.rule_div_h1 .bot .left .scen_ul_h3 li .t1 {
  margin: 0 0 5px 0;
}

.rule_div_h1 .bot .left .scen_ul_h3 li .txt {
  font-size: 26px;
}

.rule_div_h1 .bot .left .scen_ul_h3 .bg1 {
  flex: none;
  border-radius: 10px 0 0 10px;
}

.rule_div_h1 .bot .left .scen_ul_h3 .bg2 {
  border-radius: 0 10px 10px 0;
}

.rule_div_h1 .bot .right {
  
}

.rule_div_h1 .bot .right .t1 {
  font-size: 17px;
}

.rule_div_h1 .bot .right .t2 {
  font-size: 14px;
  margin: 10px 0 0 0;
}

.rule_div_h1 .bot .right .tag {
  margin: 10px 0 0 0;
  display: table;
}

.rule_div_h1 .bot .right .tag .l {
  display: table-cell;
  vertical-align: top;
  width: 70px;
}

.rule_div_h1 .bot .right .tag .l span {
  margin: 5px 0 0 0;
}

.rule_div_h1 .bot .right .tag .r {
  display: table-cell;
  vertical-align: top;
}

.rule_div_h1 .bot .right .tag .r span {
  margin: 5px 0 0 5px;
}

.rule_div_h1 .bot .right .tag span {
  padding: 0 10px;
  height: 26px;
  line-height: 24px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
}

.rule_div_h1 .bot .right .tag span.b1 {
  
}

.view_det_h1 {
  background: #202342;
}

.view_det_h1 .top {
  display: flex;
  align-items: center;
  padding: 18px 30px 18px 30px;
  line-height: 24px;
}

.view_det_h1 .top .l {
  font-size: 18px;
  letter-spacing: -0.05em;
}

.view_det_h1 .top .r {
  margin-left: auto;
}

.view_det_h1 .top .r ul {
  display: flex;
}

.view_det_h1 .top .r ul li {
  flex: none;
  font-size: 14px;
  margin-left: 45px;
}

.view_det_h1 .top .r ul li strong {
  margin-right: 16px;
}

.view_det_h1 .con {
  display: flex;
  align-items: flex-start;
  padding: 0 30px 0 30px;
}

.view_det_h1 .con .l {
  flex: none;
  font-size: 15px;
  letter-spacing: -0.05em;
  width: 128px;
  padding: 20px 0 20px 0;
}

.view_det_h1 .con .r {
  font-size: 14px;
  line-height: 22px;
  padding: 20px 0 20px 20px;
}

.view_det_h1 .con .r2 {
  margin-left: auto;
  padding: 20px 0 20px 0;
}

.view_det_h1 .con .r2 ul {
  display: flex;
}

.view_det_h1 .con .r2 ul li {
  flex: none;
  font-size: 14px;
  margin-left: 40px;
}

.view_det_h1 .con .r2 ul li strong {
  margin-right: 16px;
}

.view_det_h1 .bot {
  display: flex;
  align-items: flex-start;
  padding: 0 30px 0 30px;
}

.view_det_h1 .bot .l {
  flex: none;
  font-size: 15px;
  letter-spacing: -0.05em;
  width: 128px;
  padding: 20px 0 20px 0;
}

.view_det_h1 .bot .r {
  flex: 1;
  padding: 20px 0 20px 20px;
}


.view_det_h1 .bot .r table thead th {
  height: 40px;
  font-size: 14px;
}

.view_det_h1 .bot .r table tbody td {
  height: 40px;
  font-size: 14px;
}

.box_div_h1 {
  padding: 30px 30px 30px 30px;
}

.box_div_h2 {
  padding: 30px 0 30px 0;
}

.box_div_h2 h4 {
  margin-left: 30px;
  margin-right: 30px;
}

.box_div_h2 .box_inn {
  padding-left: 30px;
  padding-right: 30px;
}

h4 {
  color: #111;
  font-size: 16px;
  background: url(../../../files/web1/images/common/h4.png) no-repeat left center;
  font-weight:bold;
  padding: 0 0 0 14px;
  margin-bottom:10px;
}

h4 span {color:#0b52b5; font-size:14px; font-weight:normal;}

h4.bl_n {
  background: none;
  padding-left: 0px;
}

h5 {
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  background: url(../../../files/web1/images/common/h5.png) no-repeat 18px 8px;
  padding: 0 0 0 35px;
  line-height: 22px;
}

h5 .f14 {
  font-size: 14px;
}

h5 .c1 {
  color: #e72b33;
}

.list_type_h1 {
  
}

.list_type_h1 table {
  width: 100%;
}

.list_type_h1 table thead th {
  height: 43px;
  font-size: 14px;
}

.list_type_h1 table tbody td {
  height: 40px;
  text-align: center;
  font-size: 14px;
}

.scroll_table {
  overflow: auto;
}

.table_type_h1 .c2 {
  color: #476ecf;
  text-decoration:underline;
}

.bluelink{
  color: #476ecf;
  text-decoration:underline;
  cursor: pointer;
}

.blacklink{
  color: #000000;
  text-decoration:underline;
  cursor: pointer;
}

.scroll_table::-webkit-scrollbar {
  width: 7px;
}
.scroll_table::-webkit-scrollbar-thumb {
  background-color: #cfcfcf;
  border-radius: 10px;
  background-clip: padding-box;
  border: none;
}
.scroll_table::-webkit-scrollbar-track {
  background-color: #fff;
  box-shadow: none;
}

.scroll_table table thead th {
  position: sticky;
  top: 0;
}

#gridbox{
  margin-bottom:-17px;
}

.view_table_h1 {
  
}

.view_table_h1>table {
  width: 100%;
}

.view_table_h1>table>thead>tr>th {
  height: 37px;
  font-size: 14px;
  padding: 0 10px;
  font-weight: 500;
}

.view_table_h1>table>tbody>tr>th {
  height: 37px;
  font-size: 14px;
  padding: 0 10px;
  text-align: left;
}

.view_table_h1>table>tbody>tr>td {
  height: 37px;
  font-size: 14px;
  padding: 0 10px;
  text-align: left;
}

.view_table_h1>table>tbody>tr>td.pd_n {
  padding: 0;
}


.view_table_h1 input[type="text"] {
  height: 33px;
  background: none;
  box-sizing: border-box;
  padding: 0 15px 0 15px;
}

.view_table_h1 select {
  height: 33px;
  background: none;
  box-sizing: border-box;
  padding: 0 15px 0 15px;
}

.view_table_h1 table tbody tr:first-child th, .view_table_h1 table tbody tr:first-child td {border-top:none;}

.view_table_h2 {
  
}

.view_table_h2>table {
  width: 100%;
}

.view_table_h2>table>thead>tr>th {
  height: 40px;
  font-size: 14px;
  padding: 0 10px;
  font-weight: 500;
}

.view_table_h2>table>tbody>tr>th {
  height: 40px;
  font-size: 14px;
  padding: 0 10px;
  text-align: left;
}

.view_table_h2>table>tbody>tr>td {
  height: 40px;
  font-size: 14px;
  padding: 0 10px;
  text-align: center;
}

.view_table_h2>table>tbody>tr>td.tl {
  padding-left: 20px;
  text-align: left;
}

.view_table_h2>table>tbody>tr>td.pd_n {
  padding: 0;
}

.view_table_h2>table>tbody>tr>th.th2 {
  
}

.view_table_h2 input[type="text"] {
  height: 32px;
  background: none;
  box-sizing: border-box;
  padding: 0 15px 0 15px;
}

.view_table_h2 select {
  height: 32px;
  color: #fff;
  background: none;
  box-sizing: border-box;
  padding: 0 15px 0 15px;
}

.view_table_h2 .bg1 {
  border-top: none;
}

.view_table_h2 .bg2 {
  border-top: none;
}

.view_table_h2 .bt_n {
  border-top: none;
}

.view_table_h2>table>tbody>tr>td textarea {
  box-sizing: border-box;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
}

.view_table_h2>table>tbody>tr>td pre {
  box-sizing: border-box;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
}

.flie_table {
  
}

.flie_table table {
  width: 100%;
}

.flie_table table thead th {
  background: #2e324f;
  color: #fff;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.flie_table table tbody th {
  border-top: 1px solid #353854;
  color: #bdbec3;
  border-right: 1px solid #353854;
  height: 40px;
  text-align: center;
}

.flie_table table tbody td {
  border-top: 1px solid #353854;
  color: #bdbec3;
  height: 40px;
  text-align: center;
  font-size: 14px;
}

.flie_table table tbody td a {
  color: #bdbec3;
}

.flie_table table tbody td.tl {
  padding: 0 0 0 20px;
  text-align: left;
}

.flie_table table tbody td .flie_del {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../../../files/web1/images/common/flie_del_1.png) no-repeat left top;
}

.flie_table .bt_n {
  border-top: none;
}

.btn_type_h1 {
  display: inline-block;
  vertical-align: middle;
  padding: 0 60px;
  height: 50px;
  font-size: 15px;
  line-height: 47px;
  text-align: center;
  box-sizing: border-box;
}

.btn_type_h1.b1 {
  
}

.btn_type_h1.b2 {
  
}

.list_box_h1 {
  padding: 20px 0 20px 0;
  margin-bottom:20px;
  background: #fff;
}

.list_box_h2 {
  padding: 20px 0 0 0;
  background: #fff;
}

.list_box_h2 .list_tit {
  display: flex;
  align-items: center;
  padding: 0 30px;
}

.list_box_h2 .list_tit .l {
  color: #fff;
  flex: none;
  font-size: 18px;
}

.list_box_h2 .list_tit .r {
  margin-left: auto;
}

.list_box_h2 .list_tit .box {
  display: inline-block;
  padding: 0 12px;
  height: 34px;
  line-height: 31px;
  border-radius: 3px;
}

.list_box_h2 .list_tit .box .prev_w1 {
  background: url(../../../files/web1/images/common/prev_w1.png) no-repeat left top;
  display: inline-block;
  width: 5px;
  height: 7px;
  vertical-align: middle;
}

.list_box_h2 .list_tit .box .prev_w2 {
  background: url(../../../files/web1/images/common/prev_w2.png) no-repeat left top;
  display: inline-block;
  width: 5px;
  height: 7px;
  vertical-align: middle;
}

.list_box_h2 .list_tit .box .next_w1 {
  background: url(../../../files/web1/images/common/next_w1.png) no-repeat left top;
  display: inline-block;
  width: 5px;
  height: 7px;
  vertical-align: middle;
}

.list_box_h2 .list_tit .box .next_w2 {
  background: url(../../../files/web1/images/common/next_w2.png) no-repeat left top;
  display: inline-block;
  width: 5px;
  height: 7px;
  vertical-align: middle;
}

.list_box_h2 .list_tit .box .txt {
  display: inline-block;
  font-size: 14px;
  padding: 0 15px;
}

.list_box_h2 .list_tit .box.b1 {
  
}

.list_box_h2 .list_tit .box.b2 {
  
}

.list_search_h1 {padding:0 5px 0 20px;}
.list_search_h1 table {width:100%; margin-top:-2px;}
.list_search_h1 table tbody th {text-align:left; padding:2px 0; vertical-align:top;}
.list_search_h1 table tbody th .ti {background:#dcdcdc; color:#000; height:32px; line-height:32px; padding:0 0 0 10px;}
.list_search_h1 table tbody td {padding:2px 10px 2px 0; height:30px; vertical-align:top;}
.list_search_h1 table tbody td .line {height:32px; border:1px solid #dcdcdc; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center;}
.list_search_h1 .select_div {height:32px;}
.list_search_h1 input[type="text"] {height:32px; padding:0 10px; font-size:15px; box-sizing:border-box;}
.list_search_h1 .cal {display:inline-block; width:46.5%; height:32px; text-align:left; box-sizing:border-box;}
.list_search_h1 .cal .btn_cal {display:inline-block; width:21px; height:20px; vertical-align:middle;}
.list_search_h1 .check {display:inline-block;}
.list_search_h1 .mt02 {margin-top:2px;}
.list_search_h1 .input_day {display:inline-block; width:45.8%; border:1px solid #dcdcdc;}
.list_search_h1 .input_day .box {display:flex; flex-wrap:wrap; height:30px; align-items:center; width:100%; box-sizing:border-box; padding:0 8px 0 8px;}
.list_search_h1 .input_day .box input[type="text"] {border:none; width:70%; padding:0; height:30px;}
.list_search_h1 .input_day .box img {margin-left:auto;}
.list_search_h1 .mon_detail {display:flex; flex-wrap:wrap;}
.list_search_h1 .mon_detail ul {margin-left:auto; display:flex; flex-wrap:wrap;}
.list_search_h1 .mon_detail ul li {margin-left:-1px;}
.list_search_h1 .mon_detail ul li a {display:block; font-size:13px; color:#2465b5; padding:0 15px; height:30px; border:1px solid #92b4e4; line-height:28px; box-sizing:border-box;}
.list_search_h1 .mon_detail ul li.on a {background:#6091d5; color:#fff; border:1px solid #6091d5;}
.list_search_h1 .mon_detail ul li:last-child a {/*padding:0 28px;*/}
.list_search_h1 .input_but {display:inline-block; width:100%; height:32px; border:1px solid #dcdcdc; box-sizing:border-box;}
.list_search_h1 .input_but input[type="text"] {height:30px; padding:0 10px; font-size:15px; box-sizing:border-box; border:none;}
.list_search_h1 .input_but button {background:none; border:none; vertical-align:middle;}

.search_div_h1 {padding:0 5px 0 20px;}
.search_div_h1 table {width:100%;}
.search_div_h1 table tbody th {text-align:left; padding:0 0 0 10px; word-break:break-word; background:#dcdcdc; color:#000;}
.search_div_h1 table tbody td {padding:2px 10px 2px 0; height:30px; box-sizing:border-box;}
.search_div_h1 select {border:1px solid #d1d4db; height:32px; color:#444; padding:0 0 0 12px; box-sizing:border-box;}
.search_div_h1 input[type="text"] {border:1px solid #d1d4db; height:32px; padding:0 12px; color:#444; box-sizing:border-box;}
.search_div_h1 .btn_search {display:inline-block; width:70px; height:32px; line-height:32px;  color:#fff; text-align:center; border-radius:5px; background:#607dcb; vertical-align:middle;}
.search_div_h1 .in_cal {display:inline-block; height:30px; border:1px solid #d1d4db; background:#fff; vertical-align:middle; box-sizing:border-box; position:relative; padding:1px 15px 0 0; width:110px; text-align:left;}
.search_div_h1 .in_cal img {vertical-align:middle; top:2px; right:2px;}
.search_div_h1 .in_cal input[type="text"] {position:relative; width:87%; border:none; vertical-align:top; height:24px; padding:0 5px; box-sizing:border-box; background:none;}
.search_div_h1 .plr {padding:0 5px;}
.search_div_h1 .tc {text-align:center;}
.search_box .btn_search2 {text-align:right; margin:6px 0 0 0;}
.search_box .btn_search2 .btn_8 {width:80px;}

.btn_sel {display:inline-block; width:80px; height:32px; text-align:center; line-height:30px; font-size:16px; border-radius:5px; vertical-align:middle; background:#444; color:#fff}
.btn_sel img {vertical-align:0; margin-right:6px;}

.list_type_h2 {background:#fff;}

.list_type_h2 table {
  width: 100%;
}

.list_type_h2 table thead th {
  height: 43px;
  font-size: 14px;
}

.list_type_h2 table tbody td {
  height: 40px;
  text-align: center;
  padding: 0 10px;
  font-size: 14px;
  line-height: 17px;
  border-left:1px solid #eee;
}

.list_type_h2 table tbody td:first-child {
 border-left:none;
}

.list_type_h2 table tbody .tr {text-align:right;}

.list_type_h2 table tbody td .box-radius {
  display: inline-block;
  border-radius: 20px;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
}

.list_type_h2 .tl {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}

.list_type_h2 .tdu {
  text-decoration: underline;
}

.list_type_h2 .btn_list1 {
  height: 30px;
  line-height: 27px;
  padding: 0 20px;
  font-size: 13px;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
}

.list_type_h2.bb_n table {
  border-bottom: none;
}

.list_type_h2 .bg1 {
  border-top: none;
  border-bottom: none;
}

.list_type_h2 .pn {
  padding: 0px;
}

.list_type_h2 .c_b {
  background: #4d59ab;
}

.list_type_h2 table tbody td .box-radius2 {
  display: inline-block;
  border-radius: 20px;
  width: 76px;
  height: 22px;
  font-size: 13px;
  line-height: 22px;
  vertical-align: middle;
}

.list_type_h2 .not {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  font-size: 13px;
  padding: 0 18px 0 18px;
  border-radius: 20px;
  letter-spacing: -0.05em;
}

.list_type_h2 .tr_visible {
  display: none;
}

.list_type_h2 .tr_visible td {
  color: #eaecf3;
  line-height: 22px;
  font-size: 13px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.list_type_h2 .tr_visible td.v_tr {
  font-weight: 500;
  font-size: 60px;
  vertical-align: top;
  padding-top: 40px;
  padding-right: 60px;
  text-align: right;
}

.list_type_h2 .tr_visible td.v_tl {
  vertical-align: top;
  padding-left: 20px;
  padding-right: 50px;
  text-align: left;
}

.list_type_h2 .g_round {
  color: #fff;
  display: inline-block;
  border-radius: 20px;
  width: 80px;
  height: 22px;
  line-height: 22px;
  font-size: 13px;
  vertical-align: middle;
}

.list_type_h2 .ico_file {
  display: inline-block;
}

.list_type_h2 .ico_file .ico {
  display: inline-block;
  width: 17px;
  height: 19px;
}

.list_type_h2 .btn_box {
  height: 30px;
  line-height: 30px;
  width: 120px;
}

.list_type_h2 input[type="text"] {
  height: 32px;
  background: none;
  box-sizing: border-box;
  padding: 0 15px 0 15px;
}

.list_type_h2 .select_div {
  vertical-align: middle;
}

.check input[type="checkbox"] {
  display: none
}

.check input[type="checkbox"]+label span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  vertical-align: -4px;
}

.check input[type="checkbox"]:checked+label span {
  
}

.btn_div_h1 {
  display: flex;
  align-items: center;
  padding: 0 30px;
  margin-bottom: -10px;
}

.btn_div_h1 .left {
  flex: none;
}

.btn_div_h1 .right {
  margin-left: auto;
}

.btn_exc {
  display: inline-block;
  padding: 0 12px;
  line-height: 27px;
  font-size: 13px;
  border-radius: 3px;
  height: 28px;
  box-sizing: border-box;
  text-align: center;
  background:#56a572;
  color:#fff;
  vertical-align:middle;
}

.btn_exc img {
  vertical-align:-1px;
  margin-left: 4px;
}

.btn_rect {
  padding: 0 30px;
  display: inline-block;
  height: 34px;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
}

.btn_rect.b1 {
  background: #d04a02;
  border: 1px solid #d04a02;
}

.btn_rect.b2 {
  background: #fff;
  border: 1px solid #fff;
  color: #15193a;
}

.btn_rect.b3 {
  background: #4d4f68;
  border: 1px solid #4d4f68;
}

.btn_rect.b4 {
  background: #383d97;
  border: 1px solid #383d97;
}

.mbm2 {
  margin-bottom: -20px;
}

.btn_ch {
  display: inline-block;
  padding: 0 9px 0 9px;
  height: 28px;
  line-height: 28px;
  border-radius: 3px;
  font-size: 13px;
  margin-right: 2px;
  vertical-align: middle;
}

.btn_ch.b1 {
  color: #fff;
  background: #537fef;
}

.btn_ch.b2 {
  color: #fff;
  background: #e85656;
}

.view_table_h3 {
  
}

.view_table_h3 table {
  width: 100%;
  line-height: 22px;
  table-layout: fixed;
}

.view_table_h3 table thead th {
  height: 64px;
  padding: 0 30px 0 30px;
  font-size: 18px;
  text-align: left;
}

.view_table_h3 table tbody th {
  font-size: 15px;
  font-weight: 500;
  padding: 10px 30px 10px 30px;
  text-align: left;
}

.view_table_h3 table tbody td {
  font-size: 14px;
  padding: 10px 20px 10px 20px;
}

.view_table_h3 table tbody td.plr3 {
  padding-left: 30px;
  padding-right: 30px;
}

.view_table_h3 table tbody td.text {
  padding: 20px 30px 20px 30px;
}

.view_table_h3 .bl {
  
}

.view_table_h3 .detail {
  font-size: 14px;
  text-align: right;
}

.view_table_h3 .detail strong {
  display: inline-block;
  margin-left: 40px;
  opacity: 0.5;
}

.view_table_h3 .detail span {
  display: inline-block;
  margin-left: 20px;
}

.view_table_h3 .not {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  font-size: 13px;
  padding: 0 18px 0 18px;
  border-radius: 20px;
  letter-spacing: -0.05em;
  vertical-align: 2px;
  margin-right: 15px;
}

.view_table_h3 .file {
  display: flex;
  flex-wrap: wrap;
}

.view_table_h3 .file .l {
  flex: none;
  margin-right: 20px;
  font-size: 15px;
}

.view_table_h3 .file .r {
  flex: 1;
}

.view_table_h3 .file .r a {
  display: inline-block;
  margin-right: 5px;
}

.view_table_h3 .box-radius {
  display: inline-block;
  border-radius: 20px;
  width: 70px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  text-align: center;
}

.view_table_h3 .ico_q {
  width: 50px;
  height: 50px;
  font-size: 25px;
  line-height: 48px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: 0px;
  margin-right: 12px;
}

.view_table_h3 .ico_a {
  width: 50px;
  height: 50px;
  font-size: 25px;
  line-height: 48px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: 0px;
  margin-right: 12px;
}

.view_table_h3.ans table {
  
}

.view_table_h3.ans table thead th {
  
}

.write_box_h1 {
  padding: 30px 30px 30px 30px;
}

.write_table_h1 {
  
}

.write_table_h1>table {
  width: 100%;
}

.write_table_h1>table>thead>tr>th {
  padding: 15px 20px 15px 20px;
  font-weight: 500;
  font-size: 15px;
  text-align: left;
}

.write_table_h1>table>tbody>tr>th {
  height: 30px;
  padding: 5px 20px 5px 20px;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
}

.write_table_h1>table>tbody>tr>td {
  font-size: 14px;
  height: 30px;
  padding: 5px 15px 5px 15px;
}

.write_table_h1>table>tbody>tr>td input[type="text"] {
  height: 32px;
  background: none;
  box-sizing: border-box;
  padding: 0 15px 0 15px;
}

.write_table_h1>table>tbody>tr>td input {
  vertical-align: middle;
}

.write_table_h1>table>tbody>tr>td label {
  vertical-align: middle;
  font-size: 14px;
  color: #bdbec3;
}

.write_table_h1>table>tbody>tr>td .select_div {
  height: 32px;
}

.write_table_h1>table>tbody>tr>td textarea {
  box-sizing: border-box;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
}

.write_table_h1 .bl {
  
}

.write_table_h1 .pd_n {
  padding: 0;
}

.write_table_h1 .c1 {
  
}

.write_table_h1 .vt {
  vertical-align: top;
  padding-top: 11px;
}

.write_table_h1 .cal {
  display: inline-block;
  height: 32px;
  padding: 0 30px 0 0;
  text-align: left;
  box-sizing: border-box;
  position: relative;
}

.write_table_h1 .cal input[type="text"].calendar {
  border: none;
  height: 30px;
  position: relative;
  width: 100%;
}

.calendar{
  position: relative; z-index:100
}

.write_table_h1 .cal .btn_cal {
  display: block;
  width: 21px;
  height: 20px;
  vertical-align: middle;
  position: absolute;
  right: 10px;
  top: 4px;
}

.write_table_h1 .tc {
  text-align: center;
}

.write_table_h1 pre {
  font-size: 14px;
  line-height: 20px;
}

.mtm37 {
  margin-top: -37px;
}

.btn_add {
  display: inline-block;
  min-width: 80px;
  height: 32px;
  padding: 0 10px;
  line-height: 29px;
  font-size: 13px;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}

.btn_add .ico {
  width: 8px;
  height: 8px;
  vertical-align: 1px;
  margin-right: 5px;
  display: inline-block;
}

.btn_reset {
  background: #5f76b0;
  color: #fff;
  display: inline-block;
  min-width: 80px;
  height: 32px;
  padding: 0 20px;
  line-height: 30px;
  font-size: 14px;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}

.btn_chdel {
  background: #275bdf;
  color: #fff;
  display: inline-block;
  min-width: 80px;
  height: 32px;
  padding: 0 20px;
  line-height: 30px;
  font-size: 14px;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}

.mtm27 {
  margin-top: -27px;
}

.page_total .bg {
  display: inline-block;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}

.page_total .bg .c1 {
  color: #f1714a;
}

.page_num {
  color: #777;
  text-align: center;
  font-size: 14px;
}

.page_num .num {
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
}

.tran_div_h1 {
  margin-left: auto;
  width: 750px;
  height: 345px;
  padding: 20px 30px 0 30px;
  box-sizing: border-box;
}

.tran_div_h1 .ti {
  color: #fff;
  font-size: 18px;
  letter-spacing: -0.05em;
}

.tran_div_h1 .tran_tab {
  margin: 25px 0 0 0;
  height: 108px;
  overflow: hidden;
}

.tran_div_h1 .tran_tab ul {
  display: flex;
  flex-wrap: wrap;
}

.tran_div_h1 .tran_tab ul li {
  flex: none;
  margin: 2px 5px 0 0;
}

.tran_div_h1 .tran_tab ul li a {
  display: block;
  text-align: center;
}

.tran_div_h1 .tran_tab ul li a .txt {
  font-size: 14px;
  display: block;
  display: block;
  height: 36px;
  line-height: 33px;
  padding: 0 14px;
  border-radius: 3px;
  box-sizing: border-box;
}

.tran_div_h1 .tran_tab ul li a .cir {
  display: none;
  width: 8px;
  height: 8px;
  margin: 3px 0 0 0;
  border-radius: 100%;
}

.tran_div_h1 .tran_tab ul li.on a .txt {
  font-weight: 500;
}

.tran_div_h1 .tran_tab ul li.on a .cir {
  display: inline-block;
}

.tran_box {
  display: flex;
  flex-wrap: wrap;
}

.tran_box .left {
  width: 335px;
  height: 140px;
  padding: 38px 0 0 50px;
  border-radius: 10px;
}

.tran_box .right {
  width: 335px;
  height: 140px;
  padding: 38px 0 0 50px;
  border-radius: 10px;
  margin-left: auto;
}

.tran_box .t1 {
  font-size: 15px;
  display: block;
}

.tran_box .t2 {
  font-size: 20px;
  display: block;
}

.tran_box .t2 strong {
  font-size: 34px;
}

.tag_list {
  
}

.tag_list ul {
  display: flex;
  flex-wrap: wrap;
}

.tag_list li {
  flex: none;
  margin: 10px 10px 0 0;
}

.tag_list li .txt {
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  height: 26px;
  line-height: 23px;
  padding: 0 10px;
  margin-right: 5px;
}

.tag_list li .flie_del {
  background: url(../../../files/web1/images/common/flie_del_1.png) no-repeat left top;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.write_table_h2 {
  
}

.write_table_h2 table {
  width: 100%;
}

.write_table_h2 table thead th {
  height: 43px;
  font-size: 14px;
}

.write_table_h2 table tbody td {
  height: 40px;
  text-align: center;
  padding: 0 10px;
  font-size: 14px;
  line-height: 17px;
}

.write_table_h2 input[type="text"] {
  height: 32px;
  background: none;
  box-sizing: border-box;
  padding: 0 15px 0 15px;
}

.organ_div_h1 {
  display: flex;
  flex-wrap: wrap;
}

.organ_div_h1 .left {
  flex: none;
  width: 280px;
}

.organ_div_h1 .left .tit {
  color: #fff;
  background: #0c113a url(../../../files/web1/images/common/org_tit_w.png) no-repeat 20px center;
  height: 60px;
  line-height: 57px;
  padding: 0 0 0 55px;
  font-size: 20px;
}

.organ_div_h1 .left .con {
  background: #202342;
  padding: 10px;
}

.organ_div_h1 .organ_ul {
  
}

.organ_div_h1 .organ_ul>li {
  padding: 10px 0 10px 0;
}

.organ_div_h1 .organ_ul>li>a {
  color: #bdbec3;
  display: block;
  font-size: 15px;
  font-weight: 500;
}

.organ_div_h1 .organ_ul>li>a .ico1 {
  display: inline-block;
  vertical-align: -2px;
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
  border-radius: 3px;
}

.organ_div_h1 .organ_ul>li.on>a {
  color: #fff;
}

.organ_div_h1 .organ_ul>li.on>a .ico1 {
  
}

.organ_div_h1 .organ_ul>li>ul {
  display: none;
  margin: -2px 0 0 0;
}

.organ_div_h1 .organ_ul>li>ul>li {
  padding: 15px 0 0 0;
}

.organ_div_h1 .organ_ul>li>ul>li:last-child {
  background: url(../../../files/web1/images/common/org_line_b2.png) no-repeat 8px top;
}

.organ_div_h1 .organ_ul>li>ul>li>a {
  color: #bdbec3;
  display: block;
  font-size: 14px;
  padding: 0 0 0 28px;
}

.organ_div_h1 .organ_ul>li>ul>li>a .ico2 {
  background: url(../../../files/web1/images/common/org_d2_off_w.png) no-repeat center center;
  display: inline-block;
  vertical-align: -2px;
  width: 10px;
  height: 10px;
  margin: 0 10px 0 0;
}

.organ_div_h1 .organ_ul>li>ul>li.on>a {
  text-decoration: underline;
  color: #6693fe;
}

.organ_div_h1 .organ_ul>li>ul>li.on>a .ico2 {
  background: url(../../../files/web1/images/common/org_d2_on_w.png) no-repeat center center;
}

.organ_div_h1 .organ_ul>li>ul>li>ul {
  border-left: 1px solid #d2d3d9;
  margin: 0 0 0 8px;
  padding: 8px 0 0 40px;
}

.organ_div_h1 .organ_ul>li>ul>li>ul>li {
  padding: 8px 0 8px 0;
}

.organ_div_h1 .organ_ul>li>ul>li>ul>li>a {
  color: #ababab;
  display: block;
  font-size: 13px;
}

.organ_div_h1 .organ_ul>li>ul>li>ul>li>a .ico3 {
  background: #898ba2;
  display: inline-block;
  vertical-align: 1px;
  width: 8px;
  height: 8px;
  margin: 0 6px 0 0;
  border-radius: 100%;
}

.organ_div_h1 .organ_ul>li>ul>li>ul>li.on>a {
  color: #10ae84;
}

.organ_div_h1 .organ_ul>li>ul>li>ul>li.on>a .ico3 {
  background: #10b47d;
}

.organ_div_h1 .organ_ul>li.on>ul {
  display: block;
}

.organ_div_h1 .right {
  margin-left: 16px;
  flex-grow: 1;
}

.dash_div_h4 {
  padding: 25px 30px 30px 30px;
}

.dash_div_h4 .s_inn {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0 0;
}

.dash_div_h4 .dash_top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.dash_div_h4 .dash_top .l {
  flex: none;
  font-size: 18px;
}

.dash_div_h4 .dash_top .r {
  margin-left: auto;
}

.dash_div_h4 .board_2 {
  
}

.dash_div_h4 .cir_graph {
  padding: 0 30px 0 30px;
  width: 750px;
  box-sizing: border-box;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.dash_div_h4 .cir_graph .graph {
  margin-right: 50px;
}

.dash_div_h4 .cir_graph .right {
  flex: 1;
}

.dash_div_h4 .cir_graph .right .num {
  font-size: 12px;
}

.dash_div_h4 .cir_graph .right .num strong {
  font-size: 25px;
}

.dash_div_h4 .cir_graph .right .per {
  display: inline-block;
  width: 50px;
  text-align: right;
  font-size: 13px;
}

.dash_div_h4 .cir_graph .right .to {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 50px;
  padding: 0 40px;
}

.dash_div_h4 .cir_graph .right .to .l {
  flex: 1;
  font-size: 14px;
}

.dash_div_h4 .cir_graph .right .to .l .t1 {
  display: inline-block;
  font-size: 16px;
  width: 104px;
  vertical-align: 4px;
}

.dash_div_h4 .cir_graph .right .to .l .num strong {
  
}

.dash_div_h4 .cir_graph .right .to .r {
  
}

.dash_div_h4 .cir_graph .right .to .r .bar {
  
}

.dash_div_h4 .cir_graph .right .to .r .per {
  font-size: 13px;
}

.dash_div_h4 .cir_graph .right .to .r .arr {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 13px;
  background: url(../../../files/web1/images/common/b2_ico2.png) no-repeat left top;
}

.dash_div_h4 .cir_graph .detail {
  
}

.dash_div_h4 .cir_graph .detail li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 50px;
  padding: 0 40px;
  margin: 10px 0 0 0;
}

.dash_div_h4 .cir_graph .detail li .l {
  flex: 1;
  font-size: 14px;
}

.dash_div_h4 .cir_graph .detail li .l .t1 {
  display: inline-block;
  font-size: 16px;
  width: 104px;
  vertical-align: 4px;
}

.dash_div_h4 .cir_graph .detail li .r {
  
}

.dash_div_h4 .cir_graph .detail li .ico {
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: 0;
  margin-right: 6px;
}

.dash_div_h4 .cir_graph .bar {
  display: inline-block;
  text-align: center;
  width: 67px;
  height: 21px;
  line-height: 20px;
  font-size: 13px;
  border-radius: 20px;
}

.dash_div_h4 .cir_graph .detail li .bar {
  vertical-align: 3px;
}

.dash_div_h4 .cir_graph .detail li .per {
  font-size: 20px;
}

.dash_div_h4 .cir_graph .detail li .per i {
  font-size: 13px;
}

.risk_div_h1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.risk_div_h1 .left {
  width: 48.5%;
}

.risk_div_h1 .cen {
  width: 48.5%;
}

.risk_div_h1 .right {
  width: 48.5%
}

.risk_div_h1 .top {
  padding: 25px 30px 20px 30px;
}

.risk_div_h1 .top .t1 {
  font-size: 18px;
  letter-spacing: -0.05em;
}

.risk_div_h1 .top .box {
  margin: 10px 0 0 0;
}

.risk_div_h1 .top .box .ti {
  font-size: 15px;
  height: 43px;
  line-height: 40px;
  text-align: center;
  letter-spacing: -0.05em;
}

.risk_div_h1 .top .box .con {
  border-top: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 20px 20px 30px;
}

.risk_div_h1 .top .box .con .l {
  letter-spacing: -0.02em;
  font-size: 15px;
}

.risk_div_h1 .top .box .con .l strong {
  font-size: 30px;
}

.risk_div_h1 .top .box .con .r {
  margin-left: auto;
  width: 67px;
  text-align: center;
}

.risk_div_h1 .top .box .con .r .bar {
  height: 21px;
  line-height: 21px;
  text-align: center;
  border-radius: 20px;
}

.risk_div_h1 .top .box .con .r .num {
  margin: 5px 0 0 0;
}

.risk_div_h1 .top .box .con .r .num img {
  vertical-align: -2px;
  margin-left: 2px;
}

.risk_div_h1 .pn_tit {
  height: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 30px;
}

.risk_div_h1 .pn_tit a {
  width: 8px;
  height: 10px;
}

.risk_div_h1 .pn_tit .txt {
  flex: 1;
  text-align: center;
  font-size: 16px;
}

.risk_div_h1 .bot {
  height: 600px;
  padding: 40px 30px 0 30px;
}

.sco_model {
  margin: 25px 0 0 30px;
}

.sco_model ul {
  display: flex;
  flex-wrap: wrap;
}

.sco_model ul li {
  width: 370px;
  height: 110px;
  padding: 0 40px 0 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 5px;
}

.sco_model ul li .l {
  font-size: 13px;
}

.sco_model ul li .l .t2 strong {
  font-size: 27px;
}

.sco_model ul li .r {
  margin-left: auto;
  text-align: center;
}

.sco_model ul li .r .t3 {
  width: 66px;
  height: 22px;
  line-height: 20px;
  font-size: 13px;
  border-radius: 30px;
  text-align: center;
}

.sco_model ul li .r .t4 {
  font-size: 13px;
  text-align: center;
  margin: 5px 0 0 0;
}

.sco_model ul li .r .t4 img {
  vertical-align: middle;
  margin-left: 5px;
}

.sco_model ul li .bar {
  display: inline-block;
  text-align: center;
  width: 67px;
  height: 21px;
  line-height: 20px;
  font-size: 13px;
  border-radius: 20px;
}

.sco_model ul li .num {
  margin: 5px 0 0 0;
}

.sco_model ul li .num img {
  vertical-align: -2px;
  margin-left: 2px;
}

.sco_model ul li.bg2 {
  margin: 0 15px;
}

.dash_div_h5 .dash_top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 25px 30px 30px 30px;
}

.dash_div_h5 .dash_top .l {
  flex: none;
  font-size: 18px;
}

.dash_div_h5 .dash_top .r {
  margin-left: auto;
}

.sub_tab_h1 {
  
}

.sub_tab_h1 ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: 10px;
}

.sub_tab_h1 ul li {
  flex: none;
  padding: 0 20px;
}

.sub_tab_h1 ul li:first-child {
  background: none;
}

.sub_tab_h1 ul li a {
  display: block;
  font-size: 15px;
  letter-spacing: -0.05em;
  padding: 0 0 20px 0;
}

.sub_tab_h1 ul li.on a {
  font-weight: 500;
}

.mtm3 {
  margin-top: -30px;
}

.btn_view {
  height: 34px;
  line-height: 31px;
  padding: 0 10px;
  font-size: 13px;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  box-sizing: border-box;
}

.btn_view .arr {
  width: 6px;
  height: 8px;
  vertical-align: 0px;
  display: inline-block;
}

.sub_tcon {
  padding: 35px 30px 30px 30px;
}

.sub_tcon .ti {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

.t_graph_h1 {
  display: flex;
  flex-wrap: nowrap;
}

.t_graph_h1 .l {
  flex: none;
  width: 370px;
}

.t_graph_h1 .r {
  margin-left: auto;
}

.btn_box {
  display: inline-block;
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 3px;
  font-size: 13px;
}

.btn_line_h1 {
  display: inline-block;
  padding: 0 20px 0 20px;
  height: 32px;
  line-height: 30px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 13px;
}

.fch_list {
  
}

.fch_list:after {
  content: '';
  display: block;
  clear: both;
}

.fch_list li {
  float: left;
  margin: 6px 20px 0 0;
}

.code_div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.code_div .left {
  width: 373px;
}

.code_div .cen {
  width: 373px;
}

.code_div .right {
  width: 373px;
}

.code_div .top {
  height: 44px;
  line-height: 42px;
  text-align: center;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.code_div .bot {
  height: 510px;
  overflow-y: auto;
  border-top: none;
}

.code_div .bot ul {
  
}

.code_div .bot ul li {
  padding: 7px 20px 7px 20px;
}

.code_div .bot ul li a {
  color: white;
  font-size: 14px;
}

.code_div .bot ul li a {
  
}

.code_div .btn {
  width: 82px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 3px;
}

.auth_set_h1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 30px 30px 30px;
}

.auth_set_h1 .left {
  flex: none;
  width: 330px;
}

.auth_set_h1 .left .list_search_h1 {
  padding-left: 0px;
}

.auth_set_h1 .left .auth_list {
  height: 558px;
  overflow-y: scroll;
  box-sizing: border-box;
  margin: 10px 0 0 0;
}

.auth_set_h1 .left .auth_list ul {
  
}

.auth_set_h1 .left .auth_list ul li {
  
}

.auth_set_h1 .left .auth_list ul li a {
  color: #bdbec3;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 20px;
}

.auth_set_h1 .left .auth_list ul li:nth-child(even) a {
  background: #2e324f;
}

.auth_set_h1 .left .auth_list ul li.on a, .auth_set_h1 .left .auth_list ul li a:hover {
  color: #6691fe;
  text-decoration: underline;
}

.auth_set_h1 .right {
  width: 790px;
}

.auth_set_h1 .right .list_type_h2 {
  
}

.auth_set_h1 .right .gridbox_material.gridbox table.obj.row20px {
  
}

.auth_set_h2 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 30px 30px 30px 30px;
}

.auth_set_h2 > .left {
  flex-grow: 1;
  min-width:700px;
  margin-right:30px;
}

.auth_set_h2 .left .list_type_h2 {
  
}

.auth_set_h2 .left .gridbox_material.gridbox table.obj.row20px {
  
}

.auth_set_h2 .right {
  flex-grow: 0;
}

.auth_set_h2 .right .auth_list {
  border: 1px solid #353854;
  height: 558px;
  overflow-y: scroll;
  box-sizing: border-box;
  margin: 10px 0 0 0;
}

.auth_set_h2 .right .auth_list ul {
  
}

.auth_set_h2 .right .auth_list ul li {
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 20px;
}

.auth_set_h2 .right .auth_list ul li label {
  
}

.auth_set_h2 .right .auth_list ul li:nth-child(even) {
  
}

.break_ud_h1 {
  
}

.break_ud_h1 ul {
  
}

.break_ud_h1 ul li {
  margin-top: 5px;
}

.break_ud_h1 ul li:first-child {
  margin-top: 0;
}

.break_ud_h1 ul li .btn {
  display: block;
  padding: 10px 20px 10px 20px;
  font-size: 15px;
}

.break_ud_h1 ul li .btn .add {
  display: inline-block;
  width: 10px;
  height: 7px;
  vertical-align: 2px;
  margin-left: 5px;
}

.break_ud_h1 ul li .con {
  display: none;
}

.break_ud_h1 ul li.on .btn .add {
  background: url(../../../files/web1/images/common/sel_b_u.png) no-repeat left center;
  vertical-align: 2px;
}

.break_ud_h1 ul li.on .con {
  display: block;
}

.motion_box {
  background: #202342;
  border: 1px solid #353854;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
}

.motion_box .txt {
  font-size: 15px;
  -webkit-animation: tutsFade 1s 1s infinite linear;
  -moz-animation: tutsFade 1s 1s infinite linear;
  -ms-animation: tutsFade 1s 1s infinite linear;
  -o-animation: tutsFade 1s 1s infinite linear;
  animation: tutsFade 1s 1s infinite linear;
  transition-timing-function: steps(1, start);
}

@
keyframes tutsFade {from { opacity:0;
  
}

to {
  opacity: 1;
}

}

.motion_box .txt a {
  color: #fff;
}

#iph_popup {
  position: relative;
}

.step_num_h1 {
  position: relative;
}

.step_num_h1 .bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 36px;
  background: #e12746;
  background: -moz-linear-gradient(left, #e12746 0%, #ffb600 100%);
  background: -webkit-linear-gradient(left, #e12746 0%, #ffb600 100%);
  background: linear-gradient(to right, #e12746 0%, #ffb600 100%);
}

.step_num_h1 ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.step_num_h1 ul li {
  flex: 1;
  position: relative;
  text-align: center;
  color: #fff;
}

.step_num_h1 ul li .arr {
  width: 18px;
  height: 166px;
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(../../../files/web1/images/common/bg_step1_w.png) no-repeat left top;
}

.step_num_h1 ul li .top {
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  padding-right: 18px;
  font-weight: 600;
  box-sizing: border-box;
}

.step_num_h1 ul li .bot {
  padding: 12px 18px 0 0;
  height: 80px;
  box-sizing: border-box;
  background: none;
  color: #444;
}

.step_num_h1 ul li .bot .t1 {
  font-size: 14px;
}

.step_num_h1 ul li .bot .t2 {
  font-size: 13px;
  margin-top: 5px;
}

.step_num_h1 ul li .bot .t2 strong {
  font-size: 22px;
  font-weight: 600;
}

.step_num_h1 ul li .bot .f16 {
  font-size: 16px;
}

.step_num_h1 .bg2 {
  height: 80px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 36px;
  background: #fff;
  /*
  background: -moz-linear-gradient(left, #1ac1ba 0%, #3948b6 100%);
  background: -webkit-linear-gradient(left, #1ac1ba 0%,#3948b6 100%);
  background: linear-gradient(to right, #1ac1ba 0%,#3948b6 100%);
  */
}

.board_2 {
  background: #fff;
}

.board_2 .b2_ul li {
  border-top: 1px solid #e1e2e3;
}

.board_2 .b2_ul li:first-child {
  border-top: none;
}

.board_2 .b2_ul li .l {
  color: #444;
}

.board_2 .b2_ul li .r .t3 {
  color: #444;
  border: 1px solid #d6d8e3;
  background: #d6d8e3;
}

.board_2 .b2_ul li .c1 {
  color: #5d8afe;
}

.board_2 .b2_ul li .c2 {
  color: #3bc699;
}

.board_2 .b2_ul li .c3 {
  color: #ff6d56;
}

.board_2 .b2_ul li .c4 {
  color: #4e74ff;
}

.board_2 .b2_ul li .c5 {
  color: #333;
}

.board_2 .sub_tit {
  background: #979fab;
}

.board_2 .day {
  background: #ecf3ff;
  color: #444;
}

.board_2 .s_tit {
  background: #979fab;
}

.board_2 .s_tit .l {
  color: #fff;
}

.board_2 .s_tit .r {
  color: #fff;
}

.board_2 .top .l {
  color: #444;
  font-weight: 500;
}

.board_2 .top .r {
  color: #444;
  border: 1px solid #d6d8e3;
  background: #fff;
}

.board_div_h2 {
  background: #fff;
}

.board_div_h2 .tit {
  padding: 15px 0 15px 30px;
  color: #444;
  font-weight: 600;
  font-size: 18px;
}

.board_div_h3 .board_3 {
  background: #7485a3;
}

.select_div {
  background: #fff url(../../../files/web1/images/common/sel_w.png) no-repeat 92% center;
  border: 1px solid #dcdcdc;
}

.select_div select {
  color: #444;
}

.select_div select::-ms-expand {
  display: none;
  border: none;
}

.dash_div_h1 .top .l {
  color: #444;
  font-weight: 500;
}

.dash_div_h1 .top .r {
  color: #444;
  background: #fff;
}

.dash_1 {
  background: #fff;
}

.dash_1 .det li {
  color: #444;
}

.dash_1 .det li .bl2 {
  background: url(../../../files/web1/images/common/d1_bl_w.png) no-repeat left top;
}

.dash_1 .det li .b1 {
  background: #a09999;
}

.dash_1 .det li .b2 {
  background: #f57864;
}

.dash_1 .graph_div .cir_ul li {
  color: #333;
}

.dash_div_h2 .top .l {
  color: #444;
  font-weight: 500;
}

.dash_div_h2 .top .r {
  color: #444;
  background: #fff;
}

.dash_div_h2 .det li {
  color: #444;
}

.dash_2 {
  background: #fff;
}

.dash_2 .det li .bl2 {
  background: url(../../../files/web1/images/common/d1_bl_w.png) no-repeat left top;
}

.dash_2 .det li .b1 {
  background: #4dccb3;
}

.dash_3 {
  background: #fff;
}

.dash_3 .det li .b1 {
  background: #27438b;
}

.dash_3 .det li .b2 {
  background: #457def;
}

.dash_3 .det li .b3 {
  background: #afe7ff;
}

.dash_4 {
  background: #fff;
}

.dash_6 {
  background: #fff;
}

.dash_6 .graph {
  background: url(../../../files/web1/images/common/d6_graph.png) no-repeat left top;
}

.dash_7 {
  background: #fff;
}

.dash_7 .graph {
  background: url(../../../files/web1/images/common/d7_graph.png) no-repeat left top;
}

.dash_8 {
  background: #fff;
}

.dash_9 {
  background: #fff;
}

.dash_9 .det li .b1 {
  background: #5b72ff;
}

.dash_9 .det li .b2 {
  background: #01cba5;
}

.tit_loction .tit {
  color: #3c70fb;
}

.tit_loction .loction {
  color: #555;
}

.tit_loction .loction a {
  color: #555;
}

.tit_loction .loction .ico {
  background: url(../../../files/web1/images/common/home_w.png) no-repeat left top;
}

.view_det_h1 {
  background: #fff;
}

.view_det_h1 .top {
  background: #5e6077;
}

.view_det_h1 .top .l {
  color: #fff;
}

.view_det_h1 .top .r ul li {
  color: #fff;
}

.view_det_h1 .top .r ul li strong {
  color: #babbc3;
}

.view_det_h1 .con {
  border-top: 1px solid #e8e8e8;
}

.view_det_h1 .con .l {
  color: #222;
}

.view_det_h1 .con .r {
  color: #444;
  border-left: 1px solid #e8e8e8;
}

.view_det_h1 .con .r2 ul li {
  color: #444;
}

.view_det_h1 .con .r2 ul li strong {
  color: #444;
}

.view_det_h1 .bot {
  border-top: 1px solid #e8e8e8;
}

.view_det_h1 .bot .l {
  color: #222;
}

.view_det_h1 .bot .r {
  flex: 1;
  border-left: 1px solid #e8e8e8;
}

.view_det_h1 .bot .r table {
  width: 100%;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}

.view_det_h1 .bot .r table thead th {
  background: #e8eaef;
  color: #444;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}

.view_det_h1 .bot .r table tbody td {
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  color: #444;
}

.box_div_h1 {
  background: #fff;
}

.box_div_h2 {
  background: #fff;
}

h4.bl_n {
  background: none;
  padding-left: 0px;
}

h5 {
  color: #222;
}

.list_type_h1 {
  
}

.list_type_h1 table {
  width: 100%;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}

.list_type_h1 table thead th {
  background: #979faa;
}

.list_type_h1 table tbody td {
  border-bottom: 1px solid #e7e7e7;
  color: #444;
}

.view_title {border:1px solid #c0c0c0; background:#f2f2f2; color:#111; font-size:17px; padding:22px 29px 25px 29px; margin-bottom:10px; box-sizing:border-box;}

.view_table_h1 {
  border-bottom: 1px solid #a9a9a9;
  border-right: 1px solid #e8e8e8;
  border-top:1px solid #747474;
}

.view_table_h1>table>thead>tr>th {
  background: #f2f4f9;
  color: #444;
  border-top: 1px solid #494c66;
}

.view_table_h1>table>tbody>tr>th {
  background: #979faa;
  border-top: 1px solid #e2e2e2;
  color:#fff;
}

.view_table_h1>table>tbody>tr>td {
  color: #444;
  border-top: 1px solid #e2e2e2;
}


.view_table_h1 input[type="text"] {
  border: 1px solid #dcdcdc;
  color: #444;
}

.view_table_h1 select {
  color: #444;
}

.view_table_h1 .bg1 {
  background: #979fab;
  color: #fff;
}

.view_table_h1 .bg2 {
  background: #8b9dca;
  color: #fff;
}

.view_table_h2 {
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
}

.view_table_h2>table>thead>tr>th {
  background: #f2f4f9;
  color: #444;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}

.view_table_h2>table>tbody>tr>th {
  background: #475da1;
  color: #fff;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}

.view_table_h2>table>tbody>tr>td {
  color: #444;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}

.view_table_h2 input[type="text"] {
  border: 1px solid #dcdcdc;
  color: #444;
}

.view_table_h2 select {
  border: 1px solid #d5d5d5;
  color: #444;
}

.view_table_h2 .bg1 {
  background: #979fab;
  color: #fff;
}

.view_table_h2 .bg2 {
  background: #8b9dca;
  color: #fff;
}

.view_table_h2 .c1 {
  color: #eb3939;
}

.view_table_h2 .bt_n {
  border-top: none;
}

.view_table_h2>table>tbody>tr>td textarea {
  border: 1px solid #bdbec3;
  color: #000;
  background: #fff;
  box-sizing: border-box;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
}

.view_table_h2>table>tbody>tr>td pre {
  border: 1px solid #bdbec3;
  color: #bdbec3;
  background: #fff;
  box-sizing: border-box;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
}

.flie_table table thead th {
  background: #ebebeb;
  color: #444;
}

.flie_table table tbody th {
  border-top: 1px solid #e8e8e8;
  color: #444;
  border-right: 1px solid #e8e8e8;
}

.flie_table table tbody td {
  border-top: 1px solid #e8e8e8;
  color: #444;
}

.flie_table table tbody td a {
  color: #444;
}

.flie_table table tbody td .flie_del {
  background: url(../../../files/web1/images/common/flie_del_2.png) no-repeat left top;
}

.flie_table .bt_n {
  border-top: none;
}

.btn_div {
  
}

.btn_div .btn_type_h1 {
  display: inline-block;
  vertical-align: middle;
  padding: 0 60px;
  height: 50px;
  line-height: 47px;
  text-align: center;
  box-sizing: border-box;
}

.btn_div .btn_type_h1.b1 {
  background: #fff;
  color: #555;
  border: 1px solid #555;
}

.btn_div .btn_type_h1.b2 {
  background: #202342;
  color: #fff;
  border: 1px solid #202342;
}

.rule_div_h1 .bot {
  background: #fff;
}

.rule_div_h1 .bot .left .scen_ul_h1 li {
  color: #fff;
}

.rule_div_h1 .bot .left .scen_ul_h1 .l {
  background: #383d97;
}

.rule_div_h1 .bot .left .scen_ul_h1 .c {
  background: #5484ff;
}

.rule_div_h1 .bot .left .scen_ul_h1 .r {
  background: #38cd9d;
}

.rule_div_h1 .bot .right .t1 {
  color: #222;
}

.rule_div_h1 .bot .right .t2 {
  color: #444;
}

.rule_div_h1 .bot .right .tag span {
  background: #f1f1f1;
  color: #444;
}

.rule_div_h1 .bot .right .tag span.b1 {
  background: #3462da;
  color: #fff;
}

.rule_div_h1 .bot.ai_c table thead th {
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  color: #444;
}

.rule_div_h1 .bot.ai_c table thead th:first-child {
  border-left: none;
}

.rule_div_h1 .bot.ai_c table tbody td {
  border-left: 1px solid #e8e8e8;
  color: #444;
}

.rule_div_h1 .bot.ai_c table tbody td:first-child {
  border-left: none;
}

.rule_div_h1 .bot.ai_c .tag span {
  background: #f1f1f1;
  color: #444;
}

.rule_div_h1 .bot.ai_c .tag span.b1 {
  background: #5f6aa1;
  color: #fff;
}

.list_box_h2 .list_tit .l {
  color: #444;
  font-weight: 500;
}

.list_box_h2 .list_tit .box .prev_w1 {
  background: url(../../../files/web1/images/common/prev_w1.png) no-repeat left top;
}

.list_box_h2 .list_tit .box .prev_w2 {
  background: url(../../../files/web1/images/common/prev_w2.png) no-repeat left top;
}

.list_box_h2 .list_tit .box .next_w1 {
  background: url(../../../files/web1/images/common/next_w1.png) no-repeat left top;
}

.list_box_h2 .list_tit .box .next_w2 {
  background: url(../../../files/web1/images/common/next_w2.png) no-repeat left top;
}

.list_box_h2 .list_tit .box .txt {
  color: #444;
}

.list_box_h2 .list_tit .box.b1 {
  background: #fff4dd;
}

.list_box_h2 .list_tit .box.b2 {
  background: #ecf6ff;
}

.list_search_h1 {
  color: #444;
}

.list_search_h1 td {
  color: #444;
}

.list_search_h1 input[type="text"] {
  background: #fff;
  color: #444;
  border: 1px solid #dcdcdc;
}

.list_search_h1 .btn_sel {
  background: #444;
  color: #fff
}

.list_search_h1 .cal {
  background: #fff;
  color: #444;
  border: 1px solid #d5d5d5;
}

.list_search_h1 .cal input[type="text"] {
  border: none;
  height: 30px;
}

.list_search_h1 .cal .btn_cal {
  background: url(../../../files/web1/images/common/ico_cal_w.png) no-repeat left top;
}

.list_type_h2 table {
  
}

.list_type_h2 table thead th {
  background: #989fac;
  color: #fff;
}

.list_type_h2 table tbody td {
  border-bottom: 1px solid #eef0f7;
  color: #444;
}

.list_type_h2 table tbody td .box-radius.b1 {
  background: #6a94ff;
}

.list_type_h2 table tbody td .box-radius.b2 {
  background: #848d9a;
}

.list_type_h2 table tbody td .box-radius.b3 {
  background: #44c8ae;
}

.list_type_h2 table tbody td .box-radius.b4 {
  background: #ff6d6d;
}

.list_type_h2 .c1 {
  color: #476ecf;
}

.list_type_h2 .c2 {
  color: #e56314;
}

.list_type_h2 .c3 {
  color: #12a576;
}

.list_type_h2 table tbody td a {
  color: #444;
}

.list_type_h2.bb_n table {
  border-bottom: none;
}

.list_type_h2 .bg1 {
  background: #858c95;
  border: 1px solid #979fab;
  border-top: none;
  border-bottom: none;
}

.list_type_h2 .bt {
  border-top: 1px solid #979fab;
}

.list_type_h2 .bl {
  border-left: 1px solid #979fab;
}

.list_type_h2 .pn {
  border-left: 1px solid #eef0f7;
}

.list_type_h2 .c_b {
  background: #d1e3ed;
}

.list_type_h2 table tbody td .box-radius2 {
  color: #fff;
}

.list_type_h2 table tbody td .box-radius2.b1 {
  background: #e84c4c;
}

.list_type_h2 table tbody td .box-radius2.b2 {
  background: #ff6850;
}

.list_type_h2 table tbody td .box-radius2.b3 {
  background: #ff985a;
}

.list_type_h2 table tbody td .box-radius2.b4 {
  background: #ffce0d;
}

.list_type_h2 table tbody td .box-radius2.b5 {
  background: #64c58f;
}

.list_type_h2 table tbody td .box-radius2.b6 {
  background: #6a94ff;
}

.list_type_h2 .not {
  background: #6a94ff;
  color: #fff;
}

.list_type_h2 .btn_list1 {
  border: 1px solid #979faa;
  color: #222;
  background: #fff;
}

.list_type_h2 .tr_visible td {
  color: #444;
  background: #ecf4fb;
}

.list_type_h2 .tr_visible td.v_tr {
  color: #a7c1dc;
}

.list_type_h2 .g_round {
  color: #fff;
}

.list_type_h2 .g_round.b1 {
  background: #5484ff;
}

.list_type_h2 .g_round.b2 {
  background: #42466a;
}

.list_type_h2 .g_round.b3 {
  background: #01b297;
}

.list_type_h2 .g_round.b4 {
  background: #a36b4f;
}

.list_type_h2 .ico_file {
  display: inline-block;
}

.list_type_h2 .ico_file .ico {
  background: url(../../../files/web1/images/common/ico_file_w.png) no-repeat left top;
}

.list_type_h2 input[type="text"] {
  border: 1px solid #dcdcdc;
  color: #444;
}

.check input[type="checkbox"] {
  display: none
}

.check input[type="checkbox"]+label span {
  background: #d2d6e2;
}

.check input[type="checkbox"]:checked+label span {
  background: url(../../../files/web1/images/common/check_white_on.png);
}

.btn_rect.b2 {
  background: #272943;
  border: 1px solid #272943;
  color: #fff;
}

.btn_rect.b3 {
  background: #fff;
  border: 1px solid #555;
  color: #555;
}

.btn_rect.b4 {
  background: #5e6077;
  border: 1px solid #5e6077;
}

.btn_1 {display:inline-block; height:28px; line-height:27px; padding:0 15px; color:#fff; background:#444; border:1px solid #444; border-radius:3px; font-size:13px; box-sizing:border-box;}
.btn_2 {display:inline-block; height:28px; line-height:27px; padding:0 15px; color:#333; background:#fff; border:1px solid #777; border-radius:3px; font-size:13px; box-sizing:border-box;}
.btn_3 {display:inline-block; height:28px; line-height:27px; padding:0 15px; color:#fff; background:#385db0; border:1px solid #385db0; border-radius:3px; font-size:13px; box-sizing:border-box;}
.btn_4 {display:inline-block; height:28px; line-height:27px; padding:0 15px; color:#fff; background:#598ed7; border:1px solid #598ed7; border-radius:3px; font-size:13px; box-sizing:border-box;}
.btn_5 {display:inline-block; height:28px; line-height:27px; padding:0 15px; color:#fff; background:#667083; border:1px solid #667083; border-radius:3px; font-size:13px; box-sizing:border-box;}
.btn_6 {display:inline-block; height:28px; line-height:27px; padding:0 15px; color:#fff; background:#062c5d; border:1px solid #062c5d; border-radius:3px; font-size:13px; box-sizing:border-box;}


.write_box_h1 {
  background: #fff;
}

.write_table_h1 {
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}

.write_table_h1>table>thead>tr>th {
  background: #f2f4f9;
  border-top: 2px solid #9798aa;
  color: #222;
}

.write_table_h1>table>tbody>tr>th {
  background: #979faa;
  color: #fff;
  border-top: 1px solid #e8e8e8;
}

.write_table_h1>table>tbody>tr>td {
  color: #444;
  border-top: 1px solid #e8e8e8;
}

.write_table_h1>table>tbody>tr>td input[type="text"] {
  border: 1px solid #d5d5d5;
  color: #444;
}

.write_table_h1>table>tbody>tr>td label {
  color: #444;
}

.write_table_h1>table>tbody>tr>td textarea {
  color: #444;
  border: 1px solid #e8e8e8;
  background: none;
}

.write_table_h1>table>tbody>tr>td textarea::placeholder {
  color: #444;
}

.write_table_h1>table>tbody>tr>td pre {
  color: #444;
  border: 1px solid #e8e8e8;
  background: none;
}

.write_table_h1 .bl {
  border-left: 1px solid #e8e8e8;
}

.write_table_h1 .c1 {
  color: #3c70fb;
}

.write_table_h1 .cal {
  background: #fff;
}

.write_table_h1 .cal {
  background: #fff;
  color: #bbc0db;
  border: 1px solid #e8e8e8;
}

.write_table_h1 .cal input[type="text"] {
  border: none;
}

.write_table_h1 .cal .btn_cal {
  background: url(../../../files/web1/images/common/ico_cal_w.png) no-repeat left top;
}

.write_table_h1 pre {
  color: #444;
}

.write_table_h1 pre {
  color: #444;
}

.tran_div_h1 {
  background: #fff;
}

.tran_div_h1 .ti {
  color: #444;
  font-weight: 500;
}

.tran_div_h1 .tran_tab ul li a .txt {
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  color: #444;
}

.tran_div_h1 .tran_tab ul li a .cir {
  background: #3c70fb;
}

.tran_div_h1 .tran_tab ul li.on a .txt {
  background: #e5eeff;
  border: 1px solid #94aafd;
  color: #3463da;
  font-weight: 500;
}

.list_box_h2 {
  background: #fff;
}

.list_box_h2 .list_tit .l {
  color: #444;
}

.list_box_h2 .list_tit .box .txt {
  color: #444;
}

.list_box_h2 .list_tit .box.b1 {
  background: #fff4dd;
}

.list_box_h2 .list_tit .box.b2 {
  background: #ecf6ff;
}

.rule_div_h1 .top {
  background: #5e6077;
  color: #fff;
}

.rule_div_h1 .top .right {
  background: url(../../../files/web1/images/common/rule_ico_b.png) no-repeat left center;
}

.rule_div_h1 .top .right .c1 {
  color: #f1714a;
}

.rule_div_h1 .bot {
  background: #fff;
}

.rule_div_h1 .bot .left .scen_ul_h1 li {
  color: #fff;
}

.rule_div_h1 .bot .left .scen_ul_h1 .l {
  background: #383d97;
}

.rule_div_h1 .bot .left .scen_ul_h1 .c {
  background: #5484ff;
}

.rule_div_h1 .bot .left .scen_ul_h1 .r {
  background: #38cd9d;
}

.rule_div_h1 .bot .left .scen_ul_h2 li {
  color: #fff;
}

.rule_div_h1 .bot .left .scen_ul_h2 .bg1 {
  background: #22275a;
}

.rule_div_h1 .bot .left .scen_ul_h2 .bg2 {
  background: #5484ff;
}

.rule_div_h1 .bot .left .scen_ul_h2 .bg3 {
  background: #0d87cb;
}

.rule_div_h1 .bot .left .scen_ul_h2 .bg4 {
  background: #00a6b0;
}

.rule_div_h1 .bot .left .scen_ul_h3 li {
  color: #fff;
}

.rule_div_h1 .bot .left .scen_ul_h3 .bg1 {
  background: #295477;
  flex: none;
  border-radius: 10px 0 0 10px;
}

.rule_div_h1 .bot .left .scen_ul_h3 .bg2 {
  background: #4aaba0;
  border-radius: 0 10px 10px 0;
}

.rule_div_h1 .bot .right .t1 {
  color: #222;
}

.rule_div_h1 .bot .right .t2 {
  color: #444;
}

.rule_div_h1 .bot .right .tag span {
  background: #f1f1f1;
  color: #444;
}

.rule_div_h1 .bot .right .tag span.b1 {
  background: #5f6aa1;
  color: #fff;
}

.page_total .bg {
  background: #f0f1f2;
  color: #444;
}

.page_total .bg .c1 {
  color: #f1714a;
}

.page_num {
  color: #777;
}

.page_num .num a {
  color: #777;
}

.page_num .num.on, .page_num .num.on a {
  color: #3c70fb;
}

.write_table_h2 table thead th {
  background: #979fab;
  color: #fff;
}

.write_table_h2 table tbody td {
  border-bottom: 1px solid #eef0f7;
  color: #444;
}

.write_table_h2 input[type="text"] {
  border: 1px solid #d5d5d5;
  color: #444;
}

.organ_div_h1 .left .tit {
  color: #fff;
  background: #202342 url(../../../files/web1/images/common/org_tit_w.png) no-repeat 20px center;
}

.organ_div_h1 .left .con {
  background: #fff;
}

.organ_div_h1 .organ_ul>li>a {
  color: #444;
}

.organ_div_h1 .organ_ul>li>a .ico1 {
  background: #979fab url(../../../files/web1/images/common/org_plus.png) no-repeat center center;
}

.organ_div_h1 .organ_ul>li.on>a .ico1 {
  background: #547eeb url(../../../files/web1/images/common/org_plus.png) no-repeat center center;
}

.organ_div_h1 .organ_ul>li>ul>li {
  background: url(../../../files/web1/images/common/org_line_w1.png) no-repeat 8px top;
}

.organ_div_h1 .organ_ul>li>ul>li:last-child {
  background: url(../../../files/web1/images/common/org_line_w2.png) no-repeat 8px top;
}

.organ_div_h1 .organ_ul>li>ul>li>a {
  color: #444;
}

.organ_div_h1 .organ_ul>li>ul>li>a .ico2 {
  background: url(../../../files/web1/images/common/org_d2_off_w.png) no-repeat center center;
}

.organ_div_h1 .organ_ul>li>ul>li.on>a .ico2 {
  background: url(../../../files/web1/images/common/org_d2_on_w.png) no-repeat center center;
}

.organ_div_h1 .organ_ul>li>ul>li>ul {
  border-left: 1px solid #d2d3d9;
}

.organ_div_h1 .organ_ul>li>ul>li>ul>li>a {
  color: #666;
}

.organ_div_h1 .organ_ul>li>ul>li>ul>li>a .ico3 {
  background: #898ba2;
}

.organ_div_h1 .organ_ul>li>ul>li>ul>li.on>a {
  color: #10ae84;
}

.organ_div_h1 .organ_ul>li>ul>li>ul>li.on>a .ico3 {
  background: #10b47d;
}

.dash_div_h4 {
  background: #fff;
}

.dash_div_h4 .dash_top .l {
  color: #444;
  font-weight: 500;
}

.dash_div_h4 .board_2 {
  border-left: 1px solid #d6d8e3;
  border-right: 1px solid #d6d8e3;
  border-bottom: 1px solid #d6d8e3;
}

.dash_div_h4 .cir_graph {
  border: 1px solid #d6d8e3
}

.dash_div_h4 .cir_graph .right .to {
  background: #ebf6ff;
}

.dash_div_h4 .cir_graph .right .to .l {
  color: #444;
}

.dash_div_h4 .cir_graph .right .to .l .t1 {
  color: #444;
}

.dash_div_h4 .cir_graph .right .to .l .num strong {
  color: #27438b;
}

.dash_div_h4 .cir_graph .right .to .r .bar {
  background: #4c5876;
}

.dash_div_h4 .cir_graph .right .to .r .per {
  color: #fa1e1e;
}

.dash_div_h4 .cir_graph .right .to .r .arr {
  background: url(../../../files/web1/images/common/b2_ico2.png) no-repeat left top;
}

.dash_div_h4 .cir_graph .detail li {
  background: #f5f5f5;
}

.dash_div_h4 .cir_graph .detail li .l {
  color: #444;
}

.dash_div_h4 .cir_graph .detail li .l .t1 {
  color: #444;
}

.dash_div_h4 .cir_graph .bar {
  color: #fff;
}

.dash_div_h4 .cir_graph .b1 {
  background: #6a94ff;
}

.dash_div_h4 .cir_graph .b2 {
  background: #4cdbad;
}

.dash_div_h4 .cir_graph .b3 {
  background: #ff916b;
}

.dash_div_h4 .cir_graph .c1 {
  color: #6a94ff;
}

.dash_div_h4 .cir_graph .c2 {
  color: #4cdbad;
}

.dash_div_h4 .cir_graph .c3 {
  color: #ff916b;
}

.sco_model ul li .l {
  font-size: 13px;
  color: #010101;
}

.sco_model ul li .r .t3 {
  color: #8ea7e7;
  border: 1px solid #5d6599;
}

.sco_model ul li .c1 {
  color: #5d8afe;
}

.sco_model ul li .c2 {
  color: #3bc699;
}

.sco_model ul li .c3 {
  color: #ff6d56;
}

.sco_model ul li .bar {
  background: #4c5876;
  color: #fff;
}

.sco_model ul li .num.c1 {
  color: #fa1e1e;
}

.sco_model ul li .num.c2 {
  color: #0036ff;
}

.sco_model ul li.bg1 {
  background: #ebf6ff;
}

.sco_model ul li.bg2 {
  background: #e9faf5;
}

.sco_model ul li.bg3 {
  background: #fff2e6;
}

.dash_div_h5 {
  background: #fff;
}

.dash_div_h5 .dash_top .l {
  color: #444;
  font-weight: 500;
}

.sub_tab_h1 {
  background: url(../../../files/web1/images/common/sub_tab_line1_w.png) repeat-x left bottom;
}

.sub_tab_h1 ul li {
  background: url(../../../files/web1/images/common/sub_tab_line2_w.png) no-repeat left 6px;
}

.sub_tab_h1 ul li:first-child {
  background: none;
}

.sub_tab_h1 ul li a {
  color: #555;
}

.sub_tab_h1 ul li.on a {
  color: #e72b33;
  background: url(../../../files/web1/images/common/sub_tab_on.png) repeat-x left bottom;
}

.btn_view {
  border: 1px solid #adadad;
  background: #fff;
  color: #222;
}

.btn_view .arr {
  background: url(../../../files/web1/images/common/btn_v_arr_w.png) no-repeat left top;
}

.sub_tcon .ti {
  color: #444;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

.view_table_h3 {
  background: #fff;
}

.view_table_h3 table thead th {
  background: #5e6077;
  color: #fff;
}

.view_table_h3 table tbody th {
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  color: #222;
}

.view_table_h3 table tbody td {
  border-bottom: 1px solid #e8e8e8;
  color: #444;
}

.view_table_h3 table tbody td a {
  color: #444
}

.view_table_h3 .bl {
  border-left: 1px solid #e8e8e8;
}

.view_table_h3 .not {
  background: #6a94ff;
  color: #fff;
}

.view_table_h3 .file .l {
  color: #222;
}

.view_table_h3 .file .r a {
  color: #444;
}

.view_table_h3 .box-radius.b1 {
  background: #6a94ff;
}

.view_table_h3 .box-radius.b2 {
  background: #848d9a;
}

.view_table_h3 .box-radius.b3 {
  background: #44c8ae;
}

.view_table_h3 .box-radius.b4 {
  background: #ff6d6d;
}

.view_table_h3 .ico_q {
  background: #80829c;
  color: #fff;
}

.view_table_h3 .ico_a {
  background: #5e6077;
  color: #fff;
}

.view_table_h3.ans table {
  border-top: 3px solid #5e6077;
}

.view_table_h3.ans table thead th {
  background: #f5f5f5;
  color: #373956;
}

.btn_add {
  border: 1px solid #979faa;
  color: #222;
}

.btn_add .ico {
  background: url(../../../files/web1/images/common/add_w.png) no-repeat left top;
}

.btn_2 .ico {
  width: 8px;
  height: 8px;
  vertical-align: 1px;
  margin-right: 5px;
  display: inline-block;
  background: url(../../../files/web1/images/common/add_w.png) no-repeat left top;
}

.tran_box .left {
  background: #22275a url(../../../files/web1/images/common/tran_b_w1.png) no-repeat 90% center;
}

.tran_box .right {
  background: #585e9a url(../../../files/web1/images/common/tran_b_w2.png) no-repeat 90% center;
}

.tran_box .t1 {
  color: #fff;
}

.tran_box .t2 {
  color: #fff;
}

.tag_list li .txt {
  background: #f1f1f1;
  color: #444;
}

.tag_list li .flie_del {
  background: url(../../../files/web1/images/common/flie_del_2.png) no-repeat left top;
}

.btn_reset {
  background: #6b7fb2;
  color: #fff;
}

.btn_chdel {
  background: #202342;
  color: #fff;
}

.btn_ch.b1 {
  color: #fff;
  background: #fb7c4d;
}

.btn_ch.b2 {
  color: #e56314;
  background: #ffe9e0;
}

.table_type_h1 img {
  vertical-align: middle;
  margin-right: 5px;
}

.table_type_h1 {
  border-top: 1px solid #747474;
  border-bottom:1px solid #a9a9a9;
  border-right: 1px solid #e2e2e2;
  background: #fff;
}

.table_type_h1 table {
  width: 100%;
  line-height: 20px;
  letter-spacing: -0.05em;
}

.table_type_h1 table thead th {
  background: #f2f2f2;
  border-bottom: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  color: #111;
  padding: 8px 0 8px 0;
  text-align:center;
  font-size:14px;
  font-weight:bold;
}

.table_type_h1 table tbody td {
  border-bottom: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  color: #444;
  text-align: center;
  height:40px;
  font-size:14px;
  min-height:40px;
}

.table_type_h1 .bg1 td {
  background: #f4fbff;
  color: #3463da;
}

.risk_div_h1 .left {
  background: #fff;
}

.risk_div_h1 .cen {
  background: #fff;
}

.risk_div_h1 .right {
  background: #fff;
}

.risk_div_h1 .top .t1 {
  color: #444;
  font-weight: 500;
}

.risk_div_h1 .top .box .con {
  border: 1px solid #d7d7d7;
  background: #fff;
  border-top: none;
}

.risk_div_h1 .top .box .con .l {
  color: #444;
}

.risk_div_h1 .top .box .con .r .bar {
  background: #4c5876;
  color: #fff;
}

.risk_div_h1 .pn_tit .txt {
  color: #444;
}

.risk_div_h1 .top .box .con .r .num.c1 {
  color: #fa1e1e;
}

.risk_div_h1 .top .box .con .r .num.c2 {
  color: #0036ff;
}

.risk_div_h1 .left .box .ti {
  background: #52608d;
  color: #fff;
}

.risk_div_h1 .left .box .con .l strong {
  color: #4f95ec;
}

.risk_div_h1 .left .pn_tit {
  background: #f1f1f1;
}

.risk_div_h1 .left .pn_tit a.prev {
  background: url(../../../files/web1/images/common/b_prev_w.png) no-repeat left top;
}

.risk_div_h1 .left .pn_tit a.next {
  background: url(../../../files/web1/images/common/b_next_w.png) no-repeat left top;
}

.risk_div_h1 .cen .box .ti {
  background: #43bd9f;
  color: #fff;
}

.risk_div_h1 .cen .box .con .l strong {
  color: #1fba9b;
}

.risk_div_h1 .cen .pn_tit {
  background: #f1f1f1;
}

.risk_div_h1 .cen .pn_tit a.prev {
  background: url(../../../files/web1/images/common/g_prev_w.png) no-repeat left top;
}

.risk_div_h1 .cen .pn_tit a.next {
  background: url(../../../files/web1/images/common/g_next_w.png) no-repeat left top;
}

.risk_div_h1 .right .box .ti {
  background: #ea8667;
  color: #fff;
}

.risk_div_h1 .right .box .con .l strong {
  color: #f1714a;
}

.risk_div_h1 .right .pn_tit {
  background: #f1f1f1;
}

.risk_div_h1 .right .pn_tit a.prev {
  background: url(../../../files/web1/images/common/o_prev_w.png) no-repeat left top;
}

.risk_div_h1 .right .pn_tit a.next {
  background: url(../../../files/web1/images/common/o_next_w.png) no-repeat left top;
}

.btn_box.b1 {
  background: #575b84;
  color: #fff;
}

.btn_box.b2 {
  background: #6a94ff;
  color: #fff;
}

.btn_box.b3 {
  background: #44c8ae;
  color: #fff;
}

.btn_line_h1.b1 {
  color: #222;
  border: 1px solid #979faa;
}

.code_div .top {
  color: #fff;
}

.code_div .b1 {
  background: #38cd9d;
}

.code_div .b2 {
  background: #5484ff;
}

.code_div .b3 {
  background: #575b84;
}

.code_div .bot {
  border: 1px solid #cbcbcb;
  border-top: none;
}

.code_div .bot ul li {
  border-bottom: 1px solid #eff1f7;
}

.code_div .bot ul li label {
  color: #444;
}

.code_div .bot ul li a {
  color: black;
}

.code_div .bot ul li a {
  color: #666;
}

.code_div .btn {
  color: #fff;
}

.auth_set_h1 {
  background: #fff;
}

.auth_set_h1 .left .auth_list {
  border: 1px solid #cbcbcb;
}

.auth_set_h1 .left .auth_list ul li a {
  color: #444;
}

.auth_set_h1 .left .auth_list ul li:nth-child(even) a {
  background: #f2f4f9;
}

.auth_set_h1 .left .auth_list ul li.on a, .auth_set_h1 .left .auth_list ul li a:hover {
  color: #3563db;
  text-decoration: underline;
}

.auth_set_h1 .right .list_type_h2 {
  border-left: 1px solid #eef0f7;
  border-right: 1px solid #eef0f7;
}

.auth_set_h1 .right .gridbox_material.gridbox table.obj.row20px {
  border-left: 1px solid #eef0f7;
  border-right: 1px solid #eef0f7;
}

.auth_set_h2 {
  background: #fff;
}

.auth_set_h2 .left .list_type_h2 {
  border-left: 1px solid #eef0f7;
  border-right: 1px solid #eef0f7;
}

.auth_set_h2 .left .gridbox_material.gridbox table.obj.row20px {
  border-left: 1px solid #eef0f7;
  border-right: 1px solid #eef0f7;
}

.auth_set_h2 .right {
  width: 380px;
}

.auth_set_h2 .right .auth_list {
  border: 1px solid #cbcbcb;
}

.auth_set_h2 .right .auth_list ul li label {
  color: #444;
}

.auth_set_h2 .right .auth_list ul li:nth-child(even) {
  background: #f2f4f9;
}

.break_ud_h1 ul li .btn {
  color: #fff;
  background: #979fab;
}

.break_ud_h1 ul li .btn .add {
  background: url(../../../files/web1/images/common/sel_w.png) no-repeat left center;
  vertical-align: 2px;
  margin-left: 5px;
}

.break_ud_h1 ul li .con {
  display: none;
}

.break_ud_h1 ul li.on .btn .add {
  background: url(../../../files/web1/images/common/sel_w_u.png) no-repeat left center;
  vertical-align: 2px;
}

.break_ud_h1 ul li.on .con {
  display: block;
}

.board_6 .top .l {
  color: #444;
  font-weight: 500;
}

.board_6 .top .r {
  color: #444;
  border: 1px solid #d6d8e3;
  background: #fff;
}

.board_6 .b2_ul li .t1 {
  color: #444;
}

.board_6 .b2_ul li .t2 {
  color: #444;
}

.board_6 .b2_ul li .c1 {
  color: #4f94df;
}

.board_6 .b2_ul li .c2 {
  color: #1fba9b;
}

.board_6 .b2_ul li.bg1 {
  background: #e1f1ff url(../../../files/web1/images/common/b2_cir7.png) no-repeat 50px center;
}

.board_6 .b2_ul li.bg2 {
  background: #eef9cb url(../../../files/web1/images/common/b2_cir6.png) no-repeat 50px center;
}

.board_7 .top .l {
  color: #444;
  font-weight: 500;
}

.board_7 .det li {
  color: #444;
}

.board_7 .det li .bl {
  background: #5b7eff;
}

.board_7 .det li .bl2 {
  background: url(../../../files/web1/images/common/d2_bl_w.png) no-repeat left center;
}

.motion_box {
  background: #fff;
  border: 1px solid #f8553a;
}

.motion_box .txt a {
  color: #ff0000;
}

#iph_popup {
  background: #fff;
}

@
keyframes tutsFade {from { opacity:0;
  
}

to {
  opacity: 1;
}

}
.motion_box .txt a {
  color: #fff;
}

.ui-datepicker select {
  border: 1px solid #d5d5d5;
  color: #444;
}

.view_table_h2 .cal {
  display: inline-block;
  height: 32px;
  padding: 0 15px 0 0;
  text-align: left;
  box-sizing: border-box;
  border:1px solid #dcdcdc;
}

.view_table_h2 .cal input[type='text'] {
  height: 30px;
  color: #444;
  border: none;
  background: none;
  font-size: 15px;
}

.view_table_h2 .cal .btn_cal {
  background: url(../../../files/web1/images/common/ico_cal_w.png) no-repeat left top;
  display: inline-block;
  width: 21px;
  height: 20px;
  vertical-align: middle;
}

.today_div {
  display: flex;
  flex-wrap: wrap;
  margin: 23px 0 0 0;
}

.today_div>div {
  flex: 1;
  height: 130px;
  border-radius: 5px;
  position: relative;
  padding: 15px 20px 0 15px;
  box-sizing: border-box;
}

.today_div>div .more {
  position: absolute;
  right: 10px;
  top: 10px;
}

.today_div>div .tit {
  font-weight: 600;
  color: #000;
  font-size: 20px;
  height: 44px;
  line-height: 44px;
  padding: 0 0 0 56px;
}

.today_div>div .tit.b1 {
  background: url(../../../files/web1/images/common/today_ico1.png) no-repeat left top;
}

.today_div>div .tit.b2 {
  background: url(../../../files/web1/images/common/today_ico2.png) no-repeat left top;
}

.today_div>div .num {
  margin: 10px 0 0 0;
  text-align: right;
  color: #444;
  font-size: 15px;
  font-weight: 600;
}

.today_div>div .num .c1 {
  font-size: 40px;
  color: #ec6b56;
}

.today_div>div .num .c2 {
  font-size: 40px;
  color: #31aa92;
}

.today_div .left {
  background: #fff8dd;
}

.today_div .right {
  background: #e9faf4;
  margin-left: 12px;
}

.tab_area {width:100%; box-sizing:border-box; background:#fff url(../../../files/web1/images/common/tab_line1.png) no-repeat left top; position:relative; border-bottom:1px solid #d1d3d7;}
#tab_gnb {display:flex; padding:0 0 0 50px; height:50px; /*background:url(../../../files/web1/images/common/tab_bg.png) no-repeat left top;*/}
#tab_gnb > li {background:url(../../../files/web1/images/common/tab_line.png) no-repeat left 18px;}
#tab_gnb > li:first-child {background:none;}
#tab_gnb > li > a {display:block; height:50px; min-width:60px; padding:0px 20px; text-align:center; line-height:48px; font-size:15px; color:#555; box-sizing:border-box;}
#tab_gnb > li.on > a {color:#2465b5; font-weight:bold; border-bottom:3px solid #2465b5;}

#tab_gnb .dept2_wrap {position:absolute; width:100%; top:48px; left:0px; padding:0 0 0 63px; display:none;}
#tab_gnb .dept2_wrap > .inner {}
#tab_gnb .dept2_wrap > .inner > ul {display:flex;}
#tab_gnb .dept2_wrap > .inner > ul > li {}
#tab_gnb .dept2_wrap > .inner > ul > li > a {display:block; padding:6px 0 0 0;}
#tab_gnb .dept2_wrap > .inner > ul > li > a > span {display:block; height:27px; font-size:13px; line-height:27px; padding:0 18px 0 18px; color:#222;}
#tab_gnb .dept2_wrap > .inner > ul > li.on > a > span {color:#e3353d; background:#ffe8dd; border-radius:3px; font-weight:bold;}

.content_1 {position:relative;}
.pt_btn_1 {position:absolute; left:200px; top:156px; width:50px; height:167px;}
.pt_btn_2 {position:absolute; left:920px; top:81px; width:250px; height:250px; border-radius:100%;}
.pt_btn_3 {position:absolute; left:40px; top:531px; width:252px; height:266px;}
.pt_btn_4 {position:absolute; left:988px; top:665px; width:50px; height:85px;}

.content_2 {position:relative; height:1044px; background:url(../../../files/web1/images/common/con_2.png) no-repeat left top; box-sizing:border-box;}
.content_2 .con {width:1370px; padding:293px 30px 0 30px; position:relative; box-sizing:border-box;}
.pt_tab_div {height:116px;}
.pt_tab_div ul {display:flex; background:url(../../../files/web1/images/common/tab_1.png) no-repeat left center;}
.pt_tab_div ul li {width:215px; margin-left:4px;}
.pt_tab_div ul li:first-child {margin-left:0px;}
.pt_tab_div ul li a {display:block; width:215px; height:116px; padding:38px 0 0 0; color:#333; box-sizing:border-box;}
.pt_tab_div ul li a .bot {display:block; height:78px; padding:22px 0 0 0; text-align:center; font-size:13px; box-sizing:border-box;}
.pt_tab_div ul li a .bot .n {font-size:25px;font-weight:bold;}
.pt_tab_div ul li a.on {color:#e5322b;}

.pt_tab_div ul.bg1 {background:url(../../../files/web1/images/common/tab_1.png) no-repeat left center;}
.pt_tab_div ul.bg2 {background:url(../../../files/web1/images/common/tab_2.png) no-repeat left center;}
.pt_tab_div ul.bg3 {background:url(../../../files/web1/images/common/tab_3.png) no-repeat left center;}
.pt_tab_div ul.bg4 {background:url(../../../files/web1/images/common/tab_4.png) no-repeat left center;}
.pt_tab_div ul.bg5 {background:url(../../../files/web1/images/common/tab_5.png) no-repeat left center;}
.pt_tab_div ul.bg6 {background:url(../../../files/web1/images/common/tab_6.png) no-repeat left center;}

.pt_table_div {overflow-y:auto; height:334px; border:1px solid #e2e2e2; border-left:none; }
.pt_table_div table {width:100%;}
.pt_table_div table thead th {background:#f2f2f2; height:36px; border-left:1px solid #e2e2e2; color:#111; font-size:14px; font-weight:bold;}
.pt_table_div table tbody td {height:32px; border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; color:#444; font-size:14px; text-align:center; padding:2px 0 2px 0;}
.pt_table_div table tbody td.tl {text-align:left; padding:2px 20px 2px 20px;}
.pt_table_div table tbody td a:hover {text-decoration:underline;} 
on_box
/* 스크롤바 설정*/
.content_2 ::-webkit-scrollbar{
    width: 6px;
}
/* 스크롤바 막대 설정*/
.content_2 ::-webkit-scrollbar-thumb{
    height: 17%;
    background-color: rgba(229, 229, 229, 1);
    border-radius: 10px;
}
/* 스크롤바 뒷 배경 설정*/
.content_2 ::-webkit-scrollbar-track{
    background-color: rgba(238, 238, 238, 0.3);
}
.content_2 ::ng-deep .mat-tooltip {
    font-size:large !important;
    white-space:pre-wrap;
}

.bu_btn_1 {position:absolute; left:0px; top:42px; width:330px; height:160px;}
.bu_btn_2 {position:absolute; left:347px; top:42px; width:330px; height:160px;}
.bu_btn_3 {position:absolute; left:693px; top:42px; width:330px; height:160px;}

.sub_con_box {background:#fff; padding:0 0 20px 0;}
.sub_con_box .sub_inner {padding:0 20px;}

.align_detail_h1 {display:flex; flex-wrap:wrap; align-items:center; padding:20px 20px 10px 20px; background:#fff;}
.align_detail_h1 .left {}
.align_detail_h1 .right {margin-left:auto;}

.page_detil {padding:0 20px 0 20px; position:relative; margin:20px 0 0 0;}
.page_detil {}
.page_detil .page_num {text-align:center; margin-top:-25px;}

.write_type_h1 {border-top:1px solid #747474; border-bottom:1px solid #a9a9a9; border-right:1px solid #e2e2e2; margin:0 0 20px 0;}
.write_type_h1.w_scroll {overflow:auto;}
.write_type_h1 > table {width:100%;}
.write_type_h1 > table > thead > tr > th {padding:8px 0 10px 0; color:#111; background:#f2f2f2; font-weight:bold; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.write_type_h1 > table > thead > tr > th.tl {text-align:left; padding-left:20px;}
.write_type_h1 > table > thead > tr > th img {vertical-align:middle;}
.write_type_h1 > table > tbody > tr > th {border:1px solid #e2e2e2; border-bottom:none; background:#f2f2f2; color:#111; text-align:left; height:37px; padding:0 0 0 20px; font-size:14px; box-sizing:border-box; line-height:20px; word-break:break-word;}
.write_type_h1 > table > tbody > tr > td {border-top:1px solid #e2e2e2; padding:0 10px 0 10px; height:37px; box-sizing:border-box; font-size:14px;}
.write_type_h1 > table > tbody > tr > td input[type="text"] {height:28px; border:1px solid #d6d6d6; padding:0 5px; box-sizing:border-box; font-size:14px; vertical-align:middle;}
.write_type_h1 > table > tbody > tr > td select {height:30px; border:1px solid #d6d6d6; padding:0 0 0 5px; font-size:14px; box-sizing:border-box; vertical-align:middle;}
.write_type_h1 > table > tbody > tr > td .in_flie {display:inline-block; border:1px solid #d6d6d6; height:28px; padding:0 2px 0 2px; box-sizing:border-box; vertical-align:middle;}  
.write_type_h1 > table > tbody > tr > td.liketh {background: #e2e2e2; font-weight:bold;}
.write_type_h1 > table .t_tr {text-align:right; font-size:12px; color:#5072cc; margin-top:-15px; padding:0 20px 0 0;}
.write_type_h1 > table > tbody > tr:first-child th, .write_type_h1 > table > tbody tr:first-child td {border-top:none;}
.write_type_h1 > table > tbody th.vt {vertical-align:top; padding-top:8px;}
.write_type_h1 > table > tbody td.ptb {padding-top:10px; padding-bottom:10px;}
.write_type_h1 > table > tbody > tr > td img {vertical-align: middle;}
.write_type_h1 .c1 {color:#245fe3;}
.write_type_h1 .c2 {color:#008c60;}
.write_type_h1 .c3 {color:#e35405;}
.write_type_h1 .c4 {color:#c88320;}
.write_type_h1 .f12 {font-size:12px;}
.write_type_h1 .box_line {border:1px solid #d6d6d6; box-sizing:border-box; padding:10px 15px 10px 15px; line-height:24px; background:#f8f8f8;}
.write_type_h1 textarea {border:1px solid #d6d6d6; box-sizing:border-box; padding:10px 15px 10px 15px; line-height:24px; width:100%;}
.write_type_h1 .in_cal {display:inline-block; height:28px; border:1px solid #d1d4db; background:#fff; vertical-align:middle; box-sizing:border-box; position:relative; padding:0 10px; display:flex; flex-wrap:wrap; align-items:center;}
.write_type_h1 .in_cal input[type="text"] {position:relative; width:87%; border:none; vertical-align:top; height:24px; padding:0 5px; box-sizing:border-box; background:none;}
.write_type_h1 .in_cal img {margin-left:auto;}
.write_type_h1 .in_cal.b1 {background:#f8f8f8;}
.write_type_h1 > table .tc {text-align:center; padding-left:0px; padding-right:0px;}
.write_type_h1 .bl {border-left:1px solid #d6d6d6;}
.write_type_h1 .bt {border-top:1px solid #747474;}
.write_type_h1 > table > tbody > tr > td input.file_mod {height:28px; border:1px solid #c1cfe4; border-right:0; background:#ebeff5; padding:0 10px; box-sizing:border-box; font-size:13px; vertical-align:middle;}
.write_type_h1 .fw_n {font-weight:normal;}
.write_type_h1 .btn_pm {display:inline-block;}
.write_type_h1 .btn_pm .ico {display:inline-block; width:15px; height:15px; margin-right:12px; background:url(../../../files/web1/images/common/ico_p.png) no-repeat left top; vertical-align:-3px;}
.write_type_h1 .btn_pm.on {text-decoration:underline; font-weight:bold;}
.write_type_h1 .btn_pm.on .ico {background:url(../../../files/web1/images/common/ico_m2.png) no-repeat left top;}
.write_type_h1 .pn {padding:0;}
.write_type_h1 .pl2 {padding-left:20px;}
.write_type_h1 .wtr_visible {display:none;}
.write_type_h1 .tdu {text-decoration:underline;}
.write_type_h1 .bg1 {background:#f2f9ff;}
.write_type_h1 .bg2 {background:#f0f9ea;}
.write_type_h1 .bg3 {background:#fff9e8;}
.write_type_h1 .bg4 {background:#fff5ee;}
.write_type_h1 .bg5 {background:#ffebeb;}
.write_type_h1 .bg6 {background:#f7f7f7;}
.write_type_h1 .bl_n {border-left:none;}
.write_type_h1 .box1 {height:20px; padding:0 8px; border:1px solid #da6e4c; color:#e33904; background:#fff; font-size:11px; text-align:center; vertical-align:middle; border-radius:3px;}
.write_type_h1 .box2 {height:20px; padding:0 8px; border:1px solid #4483cb; color:#206bc9; background:#fff; font-size:11px; text-align:center; vertical-align:middle; border-radius:3px;}
.write_type_h1 .in_tdel {display:inline-block; height:28px; border:1px solid #d6d6d6; background:#f8f8f8; position:relative; padding:0 30px 0 10px; vertical-align:middle; box-sizing:border-box;}
.write_type_h1 .in_tdel input[type="text"] {border:none; background:none; width:100%;}
.write_type_h1 .in_tdel .del {position:absolute; right:11px; top:3px;}
.write_type_h1 .ico_txt {display:flex; flex-wrap:wrap; line-height:20px;}
.write_type_h1 .ico_txt > .icon {display:inline-block; width:8px; height:8px;}
.write_type_h1 .ico_txt > .txt {margin-left:5px; flex:1;}
.write_type_h1 .ico_txt > .txt2 {font-size:13px;}
.write_type_h1 .ico_txt > .txt2:hover {text-decoration:underline;}
.write_type_h1 .ico_txt > .txt3 {font-size:13px;}
.write_type_h1 .ico_txt > .txt3 img {vertical-align:3px; margin-right:5px;} 
.write_type_h1 .b_del {display:inline-block;}
.write_type_h1 .b_del img {vertical-align:-4px;}
.write_type_h1 input.bg1 {background:#f8f8f8;}
.write_type_h1 .bg_w {background:#fff;}
.write_type_h1 .bt2 {border-top:1px solid #a9a9a9;}
.write_type_h1 .btn_ex img {vertical-align:0;}
.write_type_h1 label {vertical-align:-1px;}

.section_h4 {position:relative; margin:0 0 20px 0;}
.section_h4 > ul {display:flex; flex-wrap:wrap; margin-left:-20px;}
.section_h4 > ul > li {flex:1; margin-left:20px; text-align:center; background:#fff; border-radius:5px;}
.section_h4 > ul > li::before {content:''; display:block; height:6px; border-radius:4px 4px 0 0;}
.section_h4 > ul > li.bg1::before {background:#fa7224;}
.section_h4 > ul > li.bg2::before {background:#5484ff;}
.section_h4 > ul > li.bg3::before {background:#013578;}
.section_h4 > ul > li.bg4::before {background:#846950;}
.section_h4 > ul > li .tit {font-size:17px; font-weight:bold; color:#111; letter-spacing:-0.05em; height:68px; line-height:66px;}
.section_h4 > ul > li .con {padding:0 0 22px 0;}
.section_h4 > ul > li .graph {position:relative; text-align:center;}
.section_h4 > ul > li .txt_div {position:relative;}
.section_h4 > ul > li .txt_div ul {display:flex; flex-wrap:wrap;}
.section_h4 > ul > li .txt_div ul li {width:50%; text-align:center;}
.section_h4 > ul > li .txt_div ul li:first-child {border-right:1px solid #e1e1e1;}
.section_h4 > ul > li .t1 {font-size:20px; font-weight:bold; color:#333; margin-bottom:26px;}
.section_h4 > ul > li .t1 span {font-size:30px;}
.section_h4 > ul > li .up {color:#f76413; font-size:13px; letter-spacing:-0.02em;}
.section_h4 > ul > li .up::before {content:''; display:inline-block; width:23px; height:23px; background:url(../../../files/web1/images/common/ico_up.png) no-repeat left top; vertical-align:-7px; margin-right:10px;}
.section_h4 > ul > li .down {color:#0a62de; font-size:13px; letter-spacing:-0.02em;}
.section_h4 > ul > li .down::before {content:''; display:inline-block; width:23px; height:23px; background:url(../../../files/web1/images/common/ico_down.png) no-repeat left top; vertical-align:-7px; margin-right:10px;}

.sub_con_box2 {position:relative;}
.sub_con_box2 > ul {display:flex; flex-wrap:wrap;}
.sub_con_box2 > ul > li {flex:1; background:#fff; padding:20px 20px 20px 20px;}
.sub_con_box2 > ul > li:last-child {margin-left:10px;}

.check_box_h1 {border:1px solid #e2e2e2;}
.check_box_h1.bn {border-bottom:none;}
.check_box_h1 ul {display:flex; flex-wrap:wrap;}
.check_box_h1 ul li {width:50%; height:36px; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; box-sizing:border-box;}
.check_box_h1 ul li:first-child {border-right:1px solid #e2e2e2;}
.check_box_h1 ul li .txt {color:#111; font-size:14px; margin-right:10px;}

.cir_box_h1 {display:inline-block; border-radius:20px; width:50px; height:26px; line-height:24px; font-weight:bold; font-size:14px; text-align:center; font-weight:bold;}
.cir_box_h1.bg1 {background:#ffe9db; color:#ff5d04;}
.cir_box_h1.bg2 {background:#daecff; color:#0262e9;}

.table_type_h1 .txt_up {font-size:14px; color:#ff5d04;}
.table_type_h1 .txt_down {font-size:14px; color:#0262e9;}

.file_multi_h1 {position:relative; margin:0 0 5px 0;}
.file_multi_h1 .top {display:flex; flex-wrap:wrap; align-items:center; margin:5px 0;}
.file_multi_h1 .top .left {display:flex; flex-wrap:wrap; align-items:center;}
.file_multi_h1 .top .left .l_sec .btn-upload {display:inline-block; height:28px; width:78px; line-height:26px; text-align:center; background:#fff; border:1px solid #777; border-radius:3px; cursor:pointer; box-sizing:border-box;}
.file_multi_h1 .top .left .l_sec #file {display: none;}
.file_multi_h1 .top .left .c_sec {margin-left:20px; font-size:14px; color:#555;}
.file_multi_h1 .top .left .c_sec .c1 {color:#2c68ff;}
.file_multi_h1 .top .left .r_sec {margin-left:20px; font-size:14px; color:#121212;}
.file_multi_h1 .top .right {margin-left:auto;}
.file_multi_h1 .file_table {border:1px solid #d6d6d6; max-height:192px; box-sizing:border-box; overflow-y:auto; position:relative;}
.file_multi_h1 .file_table table {width:100%;}
.file_multi_h1 .file_table table tbody td {padding:0px; text-align:center; height:32px;}
.file_multi_h1 .file_table table tbody td.tl {padding:0px 20px; text-align:left;}
.file_multi_h1 .file_table table tbody tr:nth-child(even) {background:#f5f5f5;}
.file_multi_h1 .file_table table tbody .file_del {display:inline-block; width:18px; height:18px; background:url(../../../files/web1/images/common/file_del.png) no-repeat left top;}
.file_multi_h1 .file_table table tbody .flle_1 {background:url(../../../files/web1/images/common/file_1.png) no-repeat left top; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_2 {background:url(../../../files/web1/images/common/file_2.png) no-repeat left top; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_3 {background:url(../../../files/web1/images/common/file_3.png) no-repeat left top; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_4 {background:url(../../../files/web1/images/common/file_4.png) no-repeat left top; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_5 {background:url(../../../files/web1/images/common/file_5.png) no-repeat left top; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_6 {background:url(../../../files/web1/images/common/file_6.png) no-repeat left top; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_7 {background:url(../../../files/web1/images/common/file_7.png) no-repeat left top; color:#333; padding:0 0 0 25px;}

.file_multi_h1 .file_table table tbody div[class^="flle_"] {background:url(../../../files/web1/images/common/file_etc.png) no-repeat left top; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_xlsx {background:url(../../../files/web1/images/common/file_1.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_xls {background:url(../../../files/web1/images/common/file_1.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_hwp {background:url(../../../files/web1/images/common/file_2.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_gif {background:url(../../../files/web1/images/common/file_3.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_png {background:url(../../../files/web1/images/common/file_4.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_jpg {background:url(../../../files/web1/images/common/file_5.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_pdf {background:url(../../../files/web1/images/common/file_6.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_pptx {background:url(../../../files/web1/images/common/file_7.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_ppt {background:url(../../../files/web1/images/common/file_7.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}

.file_multi_h1 .file_table table tbody .flle_ai {background:url(../../../files/web1/images/common/file_ai.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_doc {background:url(../../../files/web1/images/common/file_doc.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_etc {background:url(../../../files/web1/images/common/file_etc.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_mp3 {background:url(../../../files/web1/images/common/file_mp3.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_mp4 {background:url(../../../files/web1/images/common/file_mp4.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_txt {background:url(../../../files/web1/images/common/file_txt.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table table tbody .flle_zip {background:url(../../../files/web1/images/common/file_zip.png) no-repeat left top!important; color:#333; padding:0 0 0 25px;}
.file_multi_h1 .file_table .no_file {text-align:center; padding:10px 0;}
.file_multi_h1 .file_table table tbody div[class^="flle_"] a {line-height:17px;}

.file_multi_h1.nopermission .left .l_sec{display:none;}
.file_multi_h1.nopermission .left .c_sec{margin-left:0px;}
.file_multi_h1.nopermission .file_table table colgroup col:nth-child(1){display:none;}
.file_multi_h1.nopermission .file_table table tr td:nth-child(1){display:none;}

.file_upload {display:flex; flex-wrap:wrap; align-items:center; position:relative;}
.file_upload .upload_btn {overflow:hidden; position:relative; width:78px; height:28px;}
.file_upload .upload_btn button {position:relative; width:78px; height:28px; font-size:13px; box-sizing:border-box; text-align:center; line-height:28px; border:1px solid #777; color:#333; background:#fff; border-radius:3px;}
.file_upload .upload_btn .input_file {position:absolute; left:0px; top:0px; opacity:0; width:78px; height:28px;}
.file_upload .upload_text {margin:0 5px; width:450px; padding:0 10px; box-sizing:border-box;}
.file_upload a {margin-left:2px;}

#pop_wrapper {position:relative;}
#pop_wrapper .pop_btn {position:fixed; left:0px; bottom:0px; display:flex; align-items:center; height:50px; width:100%; text-align:right; background:#efefef; padding:0 20px 0 20px; box-sizing:border-box;}
#pop_wrapper .pop_btn .right {margin-left:auto;}
#pop_header {height:60px; line-height:59px; color:#fff; font-size:20px; padding:0 0 0 20px; background:#3260c5; box-sizing:border-box;}
#pop_container .inner {padding:20px 20px 70px 20px;}

.tab_type_h1 {background:url(../../../files/web1/images/common/bg_tab.png) repeat-x left 34px; margin:0 0 20px}
.tab_type_h1 ul {display:flex;}
.tab_type_h1 ul li {margin-left:-1px;}
.tab_type_h1 ul li:first-child {margin-left:0px;}
.tab_type_h1 ul li a {display:block; min-width:90px; height:35px; padding:0 20px; line-height:35px; font-size:15px; background:#f3f3f3; border:1px solid #d5d5d5; text-align:center; box-sizing:border-box;}
.tab_type_h1 ul li.on a {border-top:2px solid #2d51d6; background:#fff; color:#344fb4; border-bottom:1px solid #fff; font-weight:bold;}

.dash_div_h1 {display:flex; flex-wrap:wrap; position:relative;}
.dash_div_h1 .left {flex:1; background:#fff; padding:20px 20px 20px 20px; box-sizing:border-box; min-width:400px;}
.dash_div_h1 .right {flex:1; background:#fff; padding:20px 20px 20px 20px; box-sizing:border-box; min-width:400px; margin-left:20px;}
.dash_div_h1 .top {display:flex; flex-wrap:wrap;}
.dash_div_h1 .top .l {background:url(../../../files/web1/images/main/t_bl.png) no-repeat left center; font-size:16px; line-height:28px; padding:0 0 0 14px; font-weight:bold; color:#111; letter-spacing:-0.05em;}
.dash_div_h1 .graph {position:relative; margin:30px 0 0 0;}
.dash_div_h1 .graph img {width:100%;}
.dash_div_h1 .table_type_h1 {margin:40px 0 0 0;}

.dash_div_h2 {background:#fff; padding:20px 0 0 0; box-sizing:border-box; position:relative; margin:20px 0 0 0;} 
.dash_div_h2 .top {background:url(../../../files/web1/images/main/t_bl.png) no-repeat left 9px; font-size:16px; padding:0 0 0 14px; font-weight:bold; color:#111; letter-spacing:-0.05em; margin:0 20px 0 20px;}

.dash_div_h3 {display:flex; flex-wrap:wrap; position:relative; margin:10px 0 0 0;}
.dash_div_h3 .left {width:40%; background:#fff; padding:20px 20px 20px 20px; box-sizing:border-box;}
.dash_div_h3 .right {flex:1; background:#fff; padding:20px 20px 20px 20px; box-sizing:border-box; margin-left:20px;}
.dash_div_h3 .top {display:flex; flex-wrap:wrap; align-items:center;}
.dash_div_h3 .top .l {background:url(../../../files/web1/images/main/t_bl.png) no-repeat left 9px; font-size:16px; padding:0 0 0 14px; font-weight:bold; color:#111; letter-spacing:-0.05em;}
.dash_div_h3 .top .r {margin-left:auto; display:flex; flex-wrap:wrap; align-items:center;}
.dash_div_h3 .top .r select {width:100px; height:28px; border:1px solid #d6d6d6;}
.dash_div_h3 .top .r .mlr {margin:0 4px;}
.dash_div_h3 .table_type_h1 {margin:10px 0 0 0;}
.dash_div_h3 .graph {position:relative; margin:30px 0 0 0;}
.dash_div_h3 .graph img {width:100%;}

.line_mon {display:inline-flex; flex-wrap:wrap; align-items:center; padding:0 8px; width:110px; height:28px; box-sizing:border-box; border:1px solid #d5d5d5;}
.line_mon input {border:none; height:26px; width:70%;}
.line_mon img {margin-left:auto;}

.pop_tooltip {position:relative; display:inline-block;}
.pop_tooltip .btn {display:inline-block;}
.pop_tooltip .btn img {vertical-align:middle;}
.pop_tooltip .pop {display:none; background:#fff; border-radius:3px; color:#555; font-size:13px; padding:5px 15px; position:absolute; left:-6px; bottom:25px; width:max-content; line-height:18px;}
.pop_tooltip .pop:after {content:''; display:block; width:0px; height:0px; border-top:6px solid #fff; border-left:4px solid transparent; border-right:4px solid transparent; position:absolute; left:10px; bottom:-6px;}
.pop_tooltip.on .pop {display:block;}

.view_table_h4 {border-top:1px solid #747474; border-bottom:1px solid #a9a9a9;}
.view_table_h4>table {width:100%;}
.view_table_h4>table>thead>tr>th {height:37px; font-size:14px; padding:0 10px; font-weight:500; background:#f2f2f2;}
.view_table_h4>table>tbody>tr>th {height:37px; font-size:14px; padding:0 10px; text-align:left; color:#444; border-top:1px solid #e2e2e2; background:#f2f2f2;}
.view_table_h4>table>tbody>tr>td {height:37px; font-size:14px; padding:0 10px; text-align:left; color:#444; border-top:1px solid #e2e2e2;}
.view_table_h4>table>tbody>tr:first-child th, .view_table_h4>table>tbody>tr:first-child td {border-top:none;}

.sub_con_box3 {display:flex; flex-wrap:wrap;}
.sub_con_box3 .left {/* width:800px; */ margin-right:20px;}
.sub_con_box3 .right {flex:1;}

.sub_tit_div {position:relative; display:flex; flex-wrap:wrap; align-items:end; margin-bottom:10px;}
.sub_tit_div .l .txt {font-size:18px; color:#010101; font-weight:600;}
.sub_tit_div .r {margin-left:auto;}
.sub_tit_div .r .txt {font-size:12px; color:#333;}

.risk_write_h1 {padding:20px 20px 0 20px; height:435px; background:#fff; box-sizing:border-box; margin-bottom:25px;}
.risk_write_h1 .graph_total {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; margin:10px 0 0 30px;}
.risk_write_h1 .graph_total li {font-size:16px; font-weight:600; width:33%;}
.risk_write_h1 .graph_total li .up {display:inline-block; height:30px; line-height:30px; color:#f85902; background:#ffe9db url(../../../files/web1/images/common/num_up.png) no-repeat 12px center; padding:0 10px 0 24px; box-sizing:border-box; border-radius:30px; font-size:12px; margin-left:4px;}
.risk_write_h1 .graph_total li .down {display:inline-block; height:30px; line-height:30px; color:#0262e9; background:#daecff url(../../../files/web1/images/common/num_down.png) no-repeat 12px center; padding:0 10px 0 24px; box-sizing:border-box; border-radius:30px; font-size:12px; margin-left:4px;}
.risk_write_h1 .graph_total li .equal {display:inline-block; height:30px; line-height:30px; color:#444444; background:#f2f2f2 url(../../../files/web1/images/common/ico_equal.png) no-repeat 12px center; padding:0 10px 0 24px; box-sizing:border-box; border-radius:30px; font-size:12px; margin-left:4px;}
.risk_write_h1 .graph_div {position:relative;}
.risk_write_h1 .graph_div .graph {margin:15px 0 0 0; height:240px;}
.risk_write_h1 .graph_div .graph img {width:100%; height:212px;}
.risk_write_h1 .graph_det {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:15px 0 0 0;}
.risk_write_h1 .graph_det li {margin:0 10px; font-size:12px;}
.risk_write_h1 .graph_det li .bar1 {display:inline-block; width:20px; height:10px; margin-right:2px; background:#548de9; vertical-align:-1px;}
.risk_write_h1 .graph_det li .bar2 {display:inline-block; width:20px; height:10px; margin-right:2px; background:#034395; vertical-align:-1px;}

.risk_write_h2 {padding:30px 40px 30px 40px; /* height:494px; */ background:#fff; box-sizing:border-box; display:flex; flex-wrap:wrap;}
.risk_write_h2 .risk_left {flex:1; margin-right:30px;}
.risk_write_h2 .risk_right {flex:1;}
.risk_write_h2 .bar1 {background:#d3e3f8; height:40px; line-height:40px; font-size:18px; font-weight:600; box-sizing:border-box; padding:0 20px; margin:0 0 20px 0;}
.risk_write_h2 .bar2 {background:#e6f9ee; height:40px; line-height:40px; font-size:18px; font-weight:600; box-sizing:border-box; padding:0 20px; margin:36px 0 20px 0;}
.risk_write_h2 .bar3 {background:#ffecdb; height:40px; line-height:40px; font-size:18px; font-weight:600; box-sizing:border-box; padding:0 20px; margin:0 0 20px 0;}
.risk_write_h2 .graph1 {position:relative;}
.risk_write_h2 .graph1 img {width:100%; height:152px;}
.risk_write_h2 .graph2 {position:relative;}
.risk_write_h2 .graph2 img {width:100%; height:110px;}
.risk_write_h2 .graph3 {position:relative;}
.risk_write_h2 .graph3 img {width:100%; height:357px;}

.risk_write_h3 {padding:20px 20px 0 20px; height:494px; background:#fff; box-sizing:border-box; height:988px;}

.mon_div_h1 {position:relative; text-align:center; margin-bottom:20px; display:flex;justify-content:center; align-items:center;}
.mon_div_h1 .year {font-size:19px; color:#333; display:inline-block; margin:0 15px;}
.mon_div_h1 a {display:inline-block;}
.mon_div_h1 a img {vertical-align:middle;}

.total_num {position:relative; height:50px; text-align:center; background:#f5f5f5; border-radius:10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.total_num .txt {font-size:17px; color:#010101; margin-right:20px; font-weight:600;}
.total_num .up {display:inline-block; color:#f85902; display:flex; flex-wrap:wrap; align-items:center;}
.total_num .up .box {display:inline-block; border-radius:100%; width:24px; height:24px; background:#fff url(../../../files/web1/images/common/num_up.png) no-repeat center center; margin-right:10px;}
.total_num .down {display:inline-block; color:#0262e9; display:flex; flex-wrap:wrap; align-items:center;}
.total_num .down .box {display:inline-block; border-radius:100%; width:24px; height:24px; background:#fff url(../../../files/web1/images/common/num_down.png) no-repeat center center; margin-right:10px;}
.total_num .equal {display:inline-block; color:#444444; display:flex; flex-wrap:wrap; align-items:center;}
.total_num .equal .box {display:inline-block; border-radius:100%; width:24px; height:24px; background:#fff url(../../../files/web1/images/common/ico_equal.png) no-repeat center center; margin-right:10px;}
 
.risk_tab {display:flex; flex-wrap:wrap; justify-content:center;}
.risk_tab li {background:url(../../../files/web1/images/common/risk_t_line.png) no-repeat left center; padding:0 20px;}
.risk_tab li:first-child {background:none;}
.risk_tab li a {font-size:16px;}
.risk_tab li.on a {text-decoration:underline; font-weight:600; color:#2465b5;}

.risk_tab_div {position:relative; margin:25px 0 0 0;}
.risk_t_tit {display:flex; flex-wrap:wrap;}
.risk_t_tit li {flex:1; background:#cde1ff; height:50px; line-height:50px; font-size:15px; color:#000; font-weight:600; text-align:center;}
.risk_t_tit li:first-child {border-radius:5px 0 0 5px;}
.risk_t_tit li:last-child {border-radius:0 5px 5px 0;}

.risk_table {position:relative; margin:6px 0 0 0;}
.risk_table table {width:100%;}
.risk_table table tbody td {height:40px; text-align:center; background:#f7f7f7;  border-top:4px solid #fff; border-bottom:4px solid #fff; font-size:14px; color:#222;}
.risk_table table tbody td .up {color:#ff5d04;}
.risk_table table tbody td .down {color:#0262e9;}
.risk_table table tbody td .grey {color:#888;}
.risk_table table tbody tr:nth-child(even) td {background:#eff5ff;}
.risk_table table tbody tr:last-child td {border-bottom:none;}

.exce_top {position:relative; display:flex; flex-wrap:wrap; margin-bottom:25px;}
.exce_top .left {width:364px; height:184px; background:#062c5d; border-radius:10px; margin-right:30px;}
.exce_top .left .tit {font-size:24px; color:#fff; text-align:center; height:70px; line-height:70px;}
.exce_top .left table {width:100%;}
.exce_top .left table tbody td {height:90px; text-align:center; background:url(../../../files/web1/images/common/exce_line.png) no-repeat left top; color:#fff;}
.exce_top .left table tbody td:first-child {background:none;}
.exce_top .left table tbody td .t1 {font-size:14px; margin-bottom:5px;}
.exce_top .left table tbody td .t2 {font-size:26px;}
.exce_top .left table tbody td .t3 {font-size:30px; font-weight:600;}
.exce_top .left table tbody td .c1 {color:#92b4e4;}
.exce_top .right {flex:1;}

.exce_tit_div {position:relative; margin-bottom:11px;}
.exce_tit_div .l {position:absolute; left:0px; top:2px;}
.exce_tit_div .l .txt {font-size:18px; color:#010101; font-weight:600;}
.exce_tit_div .c {text-align:center;}
.exce_tit_div .mon_div_h1 {margin-bottom:0;}
.exce_tit_div .mon_div_h1 a {display:inline-block; width:22px; height:22px; line-height:22px; background:#fff; border-radius:100%; vertical-align:1px;}
.exce_tit_div .mon_div_h1 .year {font-size:19px; color:#333; display:inline-block; margin:0 15px;}

.exce_box {position:relative;}
.exce_box > ul {display:flex; flex-wrap:wrap; margin-left:-15px;}
.exce_box > ul > li {flex:1; height:147px; margin-left:15px; text-align:center; background:#fff; border-radius:5px; box-sizing:border-box; cursor:pointer;}
.exce_box > ul > li::before {content:''; display:block; height:6px; border-radius:4px 4px 0 0;}
.exce_box > ul > li.bg1::before {background:#fa7224;}
.exce_box > ul > li.bg2::before {background:#5484ff;}
.exce_box > ul > li.bg3::before {background:#013578;}
.exce_box > ul > li.bg4::before {background:#846950;}
.exce_box > ul > li .t1 {font-size:17px; font-weight:600; margin:20px 0 0 0;}
.exce_box > ul > li .t2 {font-size:38px; font-weight:600; margin:5px 0 0 0; color:#333;}
.exce_box > ul > li .t3 {font-size:13px; margin:2px 0 0 0; color:#777;}
.exce_box > ul > li.bg1 .t1 {color:#fa7224;}
.exce_box > ul > li.bg2 .t1 {color:#5484ff;}
.exce_box > ul > li.bg3 .t1 {color:#013578;}
.exce_box > ul > li.bg4 .t1 {color:#846950;}

.write_box_h2 {padding:20px 20px 20px 20px; background:#fff; position:relative;}

.exce_step {position:relative; margin-bottom:30px;}
.exce_step ul {display:flex; flex-wrap:wrap; margin-left:-4px;}
.exce_step ul li {flex:1; margin:0 0 0 4px;}
.exce_step ul li a {display:block; text-align:center;}
.exce_step ul li a .bar {display:block; height:38px; line-height:38px; color:#fff; font-size:17px;}
.exce_step ul li a .con {display:block; height:78px; line-height:78px; font-size:13px; color:#333; background:#f2f2f2;}
.exce_step ul li a .con .num {font-weight:600; font-size:25px; color:#333;}
.exce_step ul li a.bg1 .bar {background:#0a3065;}
.exce_step ul li a.bg2 .bar {background:#173f83;}
.exce_step ul li a.bg3 .bar {background:#2651a5;}
.exce_step ul li a.bg4 .bar {background:#3360c2;}
.exce_step ul li a.bg5 .bar {background:#4573e6;}
.exce_step ul li a.bg6 .bar {background:#5282fd;}
.exce_step ul li a.bg7 .bar {background:#6997ff;}
.exce_step ul li a.bg8 .bar {background:#78a5ec;}
.exce_step ul li a.on .con {background:#dae9ff;}
.exce_step ul li a.on .con .num {color:#3f72e4;}

.scroll_table2 {overflow:auto; border-top:1px solid #747474; border-right:1px solid #e2e2e2;}
.scroll_table2::-webkit-scrollbar {width:7px; background:#f2f2f2;}
.scroll_table2::-webkit-scrollbar-thumb {background-color:#cfcfcf; border-radius:10px; background-clip:padding-box; border:none;}
.scroll_table2::-webkit-scrollbar-track {background-color:transparent; box-shadow:none;}
.scroll_table2 table thead th {position:sticky; top:0;}
.scroll_table2 .table_type_h1 {border-top:none; border-bottom:none; border-right:none;}

#iph_login {background-size:cover; width:100%; height:100%; position:relative; background:#dedede;}
.login_box {width:500px; padding:50px 65px 80px 65px; background:rgba(255, 255, 255, 0.7); position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); border-radius:10px; text-align:center;}
.login_box .tit {position:relative;}
.login_box .tit .t1 {font-size:50px; color:#306095; font-weight:600;}
.login_box .tit .t2 {font-size:17px; color:#434343;}
.login_box .tit .c1 {color:#062c5d;}
.login_box .tit .c2 {color:#222;}
.login_box .box_input {border-radius:5px; height:60px; background:#fff; padding:0 20px 0 24px; box-sizing:border-box; display:flex; align-items:Center;}
.login_box .box_input input {background:none; height:30px; font-size:15px; flex:1; margin-left:20px; border:none;}
.login_box .box_input input::placeholder {color:#666;}
.login_box .btn_login {display:block; height:70px; line-height:70px; color:#fff; font-weight:700; font-size:19px; text-align:center; border-radius:5px; margin:20px 0 0 0;
  background: #1c5696; /* Old browsers */
  background: -moz-linear-gradient(left, #1c5696 0%, #00306e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1c5696 0%,#00306e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1c5696 0%,#00306e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c5696', endColorstr='#00306e',GradientType=1 );
}

.multi_select_div {position:relative;}
.multi_select_div .top {display:flex;/*  flex-wrap:wrap;  */align-items:center; border:1px solid #dcdcdc;}
.multi_select_div .top input[type="text"] {height:28px; border:none; flex:1; margin-right:1px;}
.multi_select_div .top a {margin-left:auto; width:47px; height:30px; background:url(../../../files/web1/images/common/btn_select.png) no-repeat left top;}
.multi_select_div .select_pop {display:none; position:absolute; left:0px; top:30px; width:100%; border:1px solid #6a6a6a; z-index:1; background:#fff; box-shadow:2px 3px 8px rgba(0, 0, 0, 0.2);}
.multi_select_div .select_pop ul {overflow-y:auto;}
.multi_select_div .select_pop ul li {padding:5px 10px;}
.multi_select_div .select_pop ul li input {vertical-align:middle;}
.multi_select_div .select_pop ul li label {vertical-align:middle; font-size:13px;}
.multi_select_div .select_pop ul li.on {background:#1e90ff;}
.multi_select_div .select_pop ul li.on label {color:#fff;}

#widget_div {position:absolute; right:0px; top:0px; bottom:0px; height:100%; z-index:110; background:#fff;}
#widget_div .right {width:64px; height:100%; background:#fff; border-left:1px solid #dee2e5; box-sizing:border-box; position:absolute; right:0px; top:0px; bottom:0px; z-index:110; }
#widget_div .right .top {position:relative; border-left:1px solid #6091d5; background:#6091d5; text-align:center; margin-left:-1px; margin-top:-64px;}
#widget_div .right .top .btn {display:block; width:64px; height:64px; color:#fff; font-size:13px; box-sizing:border-box; padding:14px 0 0 0; letter-spacing:-0.1em;}
#widget_div .right .top .close {display:none; width:64px; height:64px; background:url(../../../files/web1/images/common/widget_close.png) no-repeat center center;}
#widget_div .right .bot {position:relative;}
#widget_div .right .bot li {margin:20px 0 0 12px;}
#widget_div .right .bot li a {display:block; width:40px; height:40px;}
#widget_div .right .bot li a.widget1 {background:url(../../../files/web1/images/common/bg_wid01_off.png) no-repeat left top;}
#widget_div .right .bot li a.widget2 {background:url(../../../files/web1/images/common/bg_wid02_off.png) no-repeat left top;}
#widget_div .right .bot li a.widget3 {background:url(../../../files/web1/images/common/bg_wid03_off.png) no-repeat left top;}
#widget_div .right .bot li a.widget4 {background:url(../../../files/web1/images/common/bg_wid04_off.png) no-repeat left top;}
#widget_div .right .bot li a.widget1.on {background:url(../../../files/web1/images/common/bg_wid01_on.png) no-repeat left top;}
#widget_div .right .bot li a.widget2.on {background:url(../../../files/web1/images/common/bg_wid02_on.png) no-repeat left top;}
#widget_div .right .bot li a.widget3.on {background:url(../../../files/web1/images/common/bg_wid03_on.png) no-repeat left top;}
#widget_div .right .bot li a.widget4.on {background:url(../../../files/web1/images/common/bg_wid04_on.png) no-repeat left top;}
#widget_div .right.on .top {box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);}
#widget_div .left {width:389px; position:absolute; right:-389px; top:0px; bottom:0px; background:#f2f1f4; height:100%; z-index:109; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1); border-left:1px solid #dee2e5; overflow-y:auto;}
#widget_div .left .top {background:#6091d5; height:64px; line-height:64px; padding:0 0 0 24px; font-size:19px; font-weight:600; color:#fff; border-right:1px solid #5b89c9; margin-left:-1px; margin-top:-64px;}
#widget_div .left .con {padding:15px 15px 0 15px;}
#widget_div .left .con .widget_con {display:none;}
#widget_div .left .con .top_person {position:relative; padding:0 0 0 9px;}
#widget_div .left .con .top_person .person {display:flex; flex-wrap:wrap; align-items:center; letter-spacing:-0.05em;}
#widget_div .left .con .top_person .person .l {display:flex; align-items:center;font-size:15px; font-weight:600; color:#062c5d;}
#widget_div .left .con .top_person .person .r {margin-left:10px; color:#000; font-size:18px; font-weight:600;}
#widget_div .left .con .top_person ul {display:flex; flex-wrap:wrap; align-items:center; margin:5px 0 0 0;}
#widget_div .left .con .top_person ul li {background:url(../../../files/web1/images/common/person_line.png) no-repeat left center; padding:0 10px; font-size:13px;}
#widget_div .left .con .top_person ul li:first-child {background:none; padding-left:0;}
#widget_div .left .result_list {position:relative; margin:20px 0 0 0;}
#widget_div .left .result_list li {border:1px solid #dee2e5; background:#fff; border-radius:10px; padding:10px 24px 15px 24px; box-sizing:border-box; margin:10px 0 0 0; cursor:pointer;}
#widget_div .left .result_list li:hover{background:#f7f7f8;}
#widget_div .left .result_list li:first-child {margin-top:0;}
#widget_div .left .result_list li .t1 {display:block; font-size:18px; font-weight:600;}
#widget_div .left .result_list li .t1 span {font-size:16px;}
#widget_div .left .result_list li .t1 .c1 {color:#ff5d04;}
#widget_div .left .result_list li .t2 {display:block; font-size:16px; letter-spacing:-0.1em; margin:5px 0 0 0;}