/* main */

.main .top_filter {
  width: 1762px;
  margin: auto;
  background: #fff;
  height: 70px;
  border-radius: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 14px 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .top_filter .right {
  width: 1170px;
  display: flex;
  justify-content: space-between;
}

.main .top_filter .info_txt {
  font-size: 20px;
  color: #4B6C79;
  font-weight: 500;
}
.main .top_filter .info_txt span {
  font-weight: 700;
}

.main .top_filter .place_bx {
  position: relative;
}
.main .top_filter .place_bx .place {
  width: 618px;
  background: #fff;
  border-radius: 20px;
  height: 42px;
  line-height: 42px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  border: 1px solid #D9E1E7;
}
.main .top_filter .place_bx .place::before {
  content: '';
  position: absolute;
  left: 16px;
  top: 0;
  width: 40px;
  height: 42px;
  background: url(../img/pin.png) no-repeat;
  background-position: center;
}
.main .top_filter .place_bx .place .arrow_more{
  content: '';
  position: absolute;
  right: 10px;
  top: 0;
  width: 40px;
  height: 42px;
  background: url(../img/arrow_down.png) no-repeat;
  background-position: center;
  background-size: 12px 6px;
}
.main .top_filter .place_bx .place .arrow_more.toggle {
  transform: rotate(180deg);
}
.main .top_filter .place_bx .place p {
  width: 520px;
  text-overflow: ellipsis;
  text-align: center;
  overflow: hidden;
  margin-left: 50px;
  color: #4B6C79;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
}
.main .top_filter .place_bx .place_wrap {
  position: absolute;
  top: 38px;
  left: 0px;
  z-index: 10;
  width: 618px;
  margin: auto;
  background:#fff;
  border-radius: 0 0 20px 20px;
  max-height: 230px;
  border: 1px solid #D9E1E7;
  border-top: 0;
  padding: 10px;
  padding-left: 0;
  box-sizing: border-box;
}
.main .top_filter .place_bx .place_wrap::after {
  content: '';
  display: block;
  position: absolute;
  left: -1px;
  top: -23px;
  width: 12px;
  height: 38px;
  background: #fff;
  border-left: 1px solid #D9E1E7;
}
.main .top_filter .place_bx .place_wrap::before {
  content: '';
  display: block;
  position: absolute;
  right: -1px;
  top: -23px;
  width: 8px;
  height: 38px;
  background: #fff;
  border-right: 1px solid #D9E1E7;
}
.main .top_filter .place_bx .place_wrap .place_list {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 210px;
}
.main .top_filter .place_bx .place_list .list {
  width: 100%;
  height: 41px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main .top_filter .place_bx .place_list .list .pin {
  display: block;
  width: 40px;
  height: 41px;
  background: url(../img/pin.png) no-repeat;
  background-position: center;
  margin-right: 6px;
}
.main .top_filter .place_bx .place_list .list:hover p {
  color: #00DF81;
}
.main .top_filter .place_bx .place_list .list p {
  color: #4d4d4d;
  width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.main .top_filter .date_bx .slt_bx {
  width: 300px;
  height: 42px;
  background: #EEF2F5;
  border-radius: 20px;
  border: none;
}
.main .top_filter .date_bx .slt_bx select {
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 92% 18px;
  width: 100%;
  border: none;
  height: 42px;
  text-align: center;
  color: #4d4d4d;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 20px;
  font-size: 14px;
}


.main .top_filter .toggle_bx .toggle_btn {
  width: 128px;
  background: #EDF1F4;
  border-radius: 20px;
  padding: 5px 6px;
  height: 42px;
  box-sizing: border-box;
}

.main .top_filter .toggle_bx .toggle_btn>ul {
  display: flex;
}

.main .top_filter .toggle_bx .toggle_btn>ul .tab {
  width: calc(100% / 2);
  line-height: 32px;
  background: #EDF1F4;
  border-radius: 16px;
  color: #4d4d4d;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.main .top_filter .toggle_bx .toggle_btn>ul .tab:before {
  display: none;
}

.main .top_filter .toggle_bx .toggle_btn>ul .tab.click {
  background: #4B6C79;
  color: #fff;
  box-shadow: 0 0 4px rgba(209, 209, 209, 0.25);
  font-weight: 700;
}

.main .section_wrap {
  width: 1762px;
  height: 806px;
  margin: auto;
  margin-top: 20px;
}

.main .section_wrap > div {
  display: flex;
  justify-content: space-between;
}
.main .section_wrap .section {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 20px;
  padding-top: 0;
  box-sizing: border-box;
}
.main .section_wrap .top {
  margin-bottom: 20px;
  height: 318px;
}
.main .section_wrap .btm {
  height: 468px;
}
.main .section_wrap .section .tit {
  background: #F3F7FA;
  height: 50px;
  margin-left: -20px;
  margin-right: -20px;
  border-radius: 16px 16px 0 0;
  padding: 0 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main .section_wrap .section .tit > p {
  font-size:16px;
  color: #4B6C79;
  font-weight: 700;
  line-height: 50px;
}
.main .section_wrap .section .list ul li {
  display: flex; 
  justify-content: space-between;
  align-items: center;
  background: #EDF1F4;
  border-radius: 12px;
  height: 36px;
  padding: 0 12px;
}
.main .section_wrap .section .list ul li + li {
  margin-top: 12px;
}
.main .section_wrap .section .list ul li .txt {
  color: #4b6c79;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
.main .section_wrap .section .list ul li .txt  > i {
  color: #4d4d4d;
  margin-left: 4px;
}
.main .section_wrap .section .list ul li .score {
  color: #FF9797;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}



.main .section_wrap .total {
  width: 594px;
}
.main .section_wrap .danger_user {
  width: 272px;
}
.main .section_wrap .danger_part {
  width: 272px;
}

.main .section_wrap .ritual_state {
  width: 272px;
}
.main .section_wrap .ritual_preference {
  width: 272px;
}
.main .section_wrap .danger_gender {
  width: 594px;
}
.main .section_wrap .stress_danger {
  width: 272px;
}
.main .section_wrap .ritual_satisfaction {
  width: 272px;
}
.main .section_wrap .stress_trend {
  width: 564px;
}


@-webkit-keyframes progress-bar-stripes {
  from  { background-position: 40px 0; }
  to    { background-position: 0 0; }
}

@keyframes progress-bar-stripes {
  from  { background-position: 40px 0; }
  to    { background-position: 0 0; }
}
.progress-bar {
    float: left;
    width: 0;
    height: 16px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #36c9c4;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6sease;
    -o-transition: width .6s ease;
    transition: width .6sease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  #gradient > .striped();
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  .animation(progress-bar-stripes 2s linear infinite);
}

.progress-bar-success {
  .progress-bar-variant(@progress-bar-success-bg);
}

.progress-bar-info {
  .progress-bar-variant(@progress-bar-info-bg);
}

.progress-bar-warning {
  .progress-bar-variant(@progress-bar-warning-bg);
}

.progress-bar-danger {
  .progress-bar-variant(@progress-bar-danger-bg);
}

.main .section_wrap .section .progress {
  height: 16px;
  border-radius:20px;
  background: #D9D9D9;
}
.main .section_wrap .section .progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}
.main .section_wrap .section .progress-bar {
  text-align: left;
  border-radius:20px;
  transition-duration: 3s;
}



.main .section_wrap .total .chart_wrap {
  display: flex;
  align-items: center;
  height: 100px;
  margin-bottom: 30px;
}
.main .section_wrap .total .chart_wrap .chart {
  position: relative;
  margin-right: 8px;
}
.main .section_wrap .total .chart_wrap .chart .total_txt {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #4d4d4d;
  font-weight: 500;
  font-size: 18px;
}
.main .section_wrap .total .chart_wrap .label {
  background: #EDF1F4;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100px;
  height: 100px;
}
.main .section_wrap .total .chart_wrap .label + .label {
  margin-left: 12px;
}
.main .section_wrap .total .chart_wrap .label .percent {
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.main .section_wrap .total .chart_wrap .label .txt {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin: 4px 0;
}
.main .section_wrap .total .chart_wrap .label .name {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  background: #fff;
  padding: 2px 12px;
  border-radius: 24px;
}
.main .section_wrap .total .chart_wrap .label.high .name {
  color: #FF9797;
}
.main .section_wrap .total .chart_wrap .label.semi_high .name {
  color: #F4D323;
}
.main .section_wrap .total .chart_wrap .label.semi_row .name {
  color: #67C8FF;
}
.main .section_wrap .total .chart_wrap .label.row .name {
  color: #00DF81;
}
.main .section_wrap .total .total_tit {
  color: #4d4d4d;
  font-size: 14px; 
  line-height: 18px;
  font-weight: 700;
}
.main .section_wrap .total .total_sub_tit {
  color: #4d4d4d;
  font-size: 14px; 
  line-height: 18px;
  font-weight: 500;
  margin-top: 8px;
  margin-bottom: 12px;
}
.main .section_wrap .total .progress_txt {
  text-align: right;
  font-size: 12px;
  font-weight: 16px;
  color: #CACACA;
  margin-top: 8px;
  font-weight: 500;
}
.main .section_wrap .total .progress_txt > i {
  color: #4B6C79;
}

.main .section_wrap .ritual_state .label_wrap {
  margin-top: 54px;
}
.main .section_wrap .ritual_state .label_wrap li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main .section_wrap .ritual_state .label_wrap li > p {
  font-size: 14px;
  line-height: 18px;
  color: #4d4d4d;
  font-weight: 500;
}
.main .section_wrap .ritual_state .label_wrap li + li {
  margin-top: 15px;
}
.main .section_wrap .ritual_state .label_wrap .com > .txt {
  color: #00DF81;
  font-weight: 700;
}

.main .section_wrap .stress_danger .list ul li + li {
  margin-top: 13px;
}


.main .section_wrap .ritual_preference .label_wrap {
  margin-top: 14px;
}
.main .section_wrap .ritual_preference .label_wrap ul {
  display: flex;
  flex-wrap: wrap;
}
.main .section_wrap .ritual_preference .label_wrap li {
  display: flex;
  align-items: center;
  width: 50%;
}
.main .section_wrap .ritual_preference .label_wrap li > p {
  font-size: 14px;
  line-height: 18px;
  color: #4d4d4d;
  font-weight: 500;
}

.main .section_wrap .ritual_preference .label_wrap .com > .txt {
  color: #00DF81;
  font-weight: 700;
}
.main .section_wrap .ritual_preference .label_wrap li .dot {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 8px;
}
.main .section_wrap .ritual_preference .label_wrap li:nth-child(3),
.main .section_wrap .ritual_preference .label_wrap li:nth-child(4) {
  margin-top: 15px;
}
.main .section_wrap .ritual_preference .label_wrap li:nth-child(2),
.main .section_wrap .ritual_preference .label_wrap li:nth-child(4) {
  padding-left: 10px;
  box-sizing: border-box;
}
.main .section_wrap .ritual_preference .label_wrap li.type_a .dot {
  background: #00DF81;
}
.main .section_wrap .ritual_preference .label_wrap li.type_b .dot {
  background: #65CEA2;
}
.main .section_wrap .ritual_preference .label_wrap li.type_c .dot {
  background: #98D7BC;
}
.main .section_wrap .ritual_preference .label_wrap li.type_d .dot {
  background: #CACACA;
}
.main .section_wrap .ritual_preference .list ul li + li {
  margin-top: 13px;
}


.main .section_wrap .danger_gender .box {
  display: flex;
  justify-content: space-between;
}
.main .section_wrap .danger_gender .box .categoty {
  width: 224px;
  margin-right: 10px;
}
.main .section_wrap .danger_gender .box .categoty .slt_bx {
  width: 100%;
  height: 34px;
  background: #EEF2F5;
  border-radius: 8px;
  border: none;
}
.main .section_wrap .danger_gender .box .categoty .slt_bx select {
  background: url(../img/arrow_down.png) no-repeat;
    background-size: 10px 6px;
    background-position: 92% 14px;
    width: 100%;
    border: none;
    height: 34px;
    text-align: left;
    padding-left: 12px;
    color: #4d4d4d;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
}
.main .section_wrap .danger_gender .box .categoty .chart_tab {
  margin-top: 26px;
}
.main .section_wrap .danger_gender .box .categoty .chart_tab ul li {
  border-radius: 8px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  color: #4d4d4d;
  font-weight: 500;
  cursor: pointer;
}
.main .section_wrap .danger_gender .box .categoty .chart_tab ul li.click {
  background: #DDFFF1;
}
.main .section_wrap .danger_gender .box .categoty .chart_tab ul li.click .txt,
.main .section_wrap .danger_gender .box .categoty .chart_tab ul li.click .score {
  color: #00DF81;
}
.main .section_wrap .danger_gender .box .categoty .chart_tab ul li .progress {
  width: 90px;
  height: 8px;
}
.main .section_wrap .danger_gender .box .categoty .chart_tab ul li .progress-bar {
  background: #FF9797;
  height: 8px;
}
.main .section_wrap .danger_gender .box .categoty .chart_tab ul li + li {
  margin-top: 18px;
}
.main .section_wrap .danger_gender .box .categoty .chart_tab ul li .txt {
  width: 70px;
}
.main .section_wrap .danger_gender .box .categoty .chart_tab ul li .score {
  width: 40px;
  text-align: right;
}


.main .section_wrap .danger_gender .box .chart_wrap {
  width: 320px;
  height: 378px;
  border: 1px solid #CACACA;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 20px;
}
.main .section_wrap .danger_gender .box .chart_wrap .btm_all {
  border-top: 1px solid #CACACA;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
}
.main .section_wrap .danger_gender .box .chart_wrap .btm_all .left .icon {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/user.png) center no-repeat;
  background-size: contain;
  margin-right: 12px;
}
.main .section_wrap .danger_gender .box .chart_wrap .btm_all .left {
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.main .section_wrap .danger_gender .box .chart_wrap .btm_all .right {
  color: #4B6C79;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}


.main .section_wrap .ritual_satisfaction .chart_wrap {
  margin-top: 50px;
}
.main .section_wrap .ritual_satisfaction .label_wrap {
  margin-top: 44px;
}
.main .section_wrap .ritual_satisfaction .label_wrap li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main .section_wrap .ritual_satisfaction .label_wrap li > p {
  font-size: 14px;
  line-height: 18px;
  color: #4d4d4d;
  font-weight: 500;
}
.main .section_wrap .ritual_satisfaction .label_wrap li + li {
  margin-top: 15px;
}
.main .section_wrap .ritual_satisfaction .label_wrap .good > .txt {
  color: #00DF81;
  font-weight: 700;
}
.main .section_wrap .ritual_satisfaction .label_wrap .normal > .txt {
  color: #F4D323;
  font-weight: 700;
}
.main .section_wrap .ritual_satisfaction .label_wrap .bad > .txt {
  color: #FF9797;
  font-weight: 700;
}
.main .section_wrap .ritual_satisfaction .label_wrap .other > .txt {
  color: #CACACA;
  font-weight: 700;
}

.main .section_wrap .ritual_satisfaction .list ul li + li {
  margin-top: 13px;
}


.main .section_wrap .stress_trend .noti {
  margin-top: 4px;
  background: #EEF2F5;
  display: flex;
  align-items: center;
  border-radius: 8px;
  height: 40px;
  width: 100%;
  padding: 0 16px;
  box-sizing:border-box;
}
.main .section_wrap .stress_trend .noti > p {
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 500;
}

.main .tab_safety.section_wrap .top {
  float: left;
  width: calc(100% - 592px);
  height: 530px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}
.main .tab_safety.section_wrap .top .line {
  display: flex;
  flex-direction: column;
}
.main .tab_safety.section_wrap .top .line .line_inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.main .tab_safety.section_wrap .top .user_info {
  width: 276px;
  height: 254px;
  margin-bottom: 22px;
}
.main .tab_safety.section_wrap .top .user_info .profile {
  display: flex;
  justify-content: space-between;
}
.main .tab_safety.section_wrap .top .user_info .profile .profile_img {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: url(../img/profile.png) center no-repeat;
  background-size: contain;
}
.main .tab_safety.section_wrap .top .user_info .profile .profile_txt {
  width: calc(100% - 82px);
  font-weight: 500;
  color: #4d4d4d;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.main .tab_safety.section_wrap .top .user_info .profile .profile_txt .company {
  font-weight: 700;
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main .tab_safety.section_wrap .top .user_info .profile .profile_txt .name {
  color: #4B6C79; 
}

.main .tab_safety.section_wrap .top .user_info .locate {
  margin-top: 14px;
}
.main .tab_safety.section_wrap .top .user_info .locate span {
  display: inline-block;
  float: left;
  width: 13px;
  height: 16px;
  background: url(../img/pin.png) no-repeat;
  background-position: center;
  background-size: contain;
  margin-top: 2px;
}
.main .tab_safety.section_wrap .top .user_info .locate p {
  text-align: left;
  margin-left: 18px;
  line-height: 18px;
  color: #4d4d4d;
  font-weight: 500;
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main .tab_safety.section_wrap .top .user_info .date {
  margin-top: 14px;
  background: #EDF1F4;
  border-radius: 8px;
  height: 32px;
  display: flex;
  align-items: center;
  font-weight: 500;
  padding: 0 15px;
  color: #4B6C79;
}

.main .tab_safety.section_wrap .top .edu {
  width: 276px;
  height: 254px;
}
.main .tab_safety.section_wrap .top .edu .state_list ul li {
  width: 100%;
}
.main .tab_safety.section_wrap .top .pic {
  width: 276px;
  height: 254px;
  margin-bottom: 22px;
}
.main .tab_safety.section_wrap .top .pic .pic_wrap {
  width: 106px;
  float: left;
}
.main .tab_safety.section_wrap .top .pic .pic_wrap .pic_section {
  width: 100%;
  height: 132px;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  border: 1px solid #ECECEC;
}
.main .tab_safety.section_wrap .top .pic .pic_wrap .pic_section img {
  max-width: 100%;
  max-height: 100%;
}
.main .tab_safety.section_wrap .top .pic .pic_wrap + .pic_wrap {
  margin-left: 24px;
}
.main .tab_safety.section_wrap .top .pic .pic_wrap .pic_btn {
  width: 100%;
  line-height: 26px;
  background: #4B6C79;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  margin-top: 6px;
  font-weight: 500;
}


.main .tab_safety.section_wrap .top .safty {
  width: 574px;
  height: 254px;
}
.main .tab_safety.section_wrap .top .weather {
  width: 276px;
  height: 254px;
  margin-bottom: 22px;
}
.main .tab_safety.section_wrap .top .weather .weather_bx {
  display: flex;
  height: 164px;
  justify-content: space-between;
  align-items: center;
}
.main .tab_safety.section_wrap .top .weather .weather_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
}
.main .tab_safety.section_wrap .top .weather .weather_icon img {
  width: 96px;
  display: inline-block;
}
.main .tab_safety.section_wrap .top .weather .weather_txt {
  color: #4d4d4d;
  background: #EDF1F4;
  border-radius: 12px;
  font-size: 14px;
  letter-spacing: 0;
  text-align: left;
  font-weight: 500;
  width: 126px;
  height: 164px;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main .tab_safety.section_wrap .top .weather .weather_txt .temperatures {
  font-size: 34px;
  color: #4B6C79;
  font-weight: 700;
  margin-bottom: 22px;
  line-height: 38px;
}
.main .tab_safety.section_wrap .top .weather .weather_txt .rain {
  margin-bottom: 10px;
}
.main .tab_safety.section_wrap .top .weather .weather_txt .rain, 
.main .tab_safety.section_wrap .top .weather .weather_txt .wind {
  line-height: 18px;
}




.main .tab_safety.section_wrap .top .alarm {
  width: 276px;
  height: 530px;
}
.main .tab_safety.section_wrap .top .alarm .alarm_list ul li + li {
  margin-top: 24px;
}
.main .tab_safety.section_wrap .top .alarm .alarm_list .alarm_total {
  margin-bottom: 12px;
}

.main .tab_safety.section_wrap .btm {
  float: left;
  height: 254px;
  width: calc(100% - 592px);
}

.main .tab_safety.section_wrap .btm .protective {
  width: 574px;
}
.main .tab_safety.section_wrap .btm .protective .state_list ul li .state_txt {
  color: #4d4d4d;
  font-weight: 500;
}


.main .tab_safety.section_wrap .btm .proceedings {
  width: 276px;
}
.main .tab_safety.section_wrap .btm .alarm_talk {
  width: 276px;
}


.main .tab_safety.section_wrap .section .alarm_list .alarm_total {
  text-align: left;
  color: #4B6C79;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
.main .tab_safety.section_wrap .section .alarm_list .alarm_total > i {
  color: #00DF81;
}
.main .tab_safety.section_wrap .section .alarm_list ul li {
  background: #EDF1F4;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  box-sizing: border-box;
}
.main .tab_safety.section_wrap .section .alarm_list ul li .alarm_tit {
  color: #4B6C79;
  margin-bottom: 10px;
  line-height: 18px;
  font-weight: 700;
}
.main .tab_safety.section_wrap .section .alarm_list ul li .alarm_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #4d4d4d;
  font-weight: 500;
  line-height: 18p;
}
.main .tab_safety.section_wrap .section .alarm_list ul li + li {
  margin-top: 10px;
}

.main .tab_safety.section_wrap .section .state_list .total_bx {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: #4d4d4d;
  font-weight: 500;
  margin-bottom: 12px;
}
.main .tab_safety.section_wrap .section .state_list .total_bx .txt {
  font-weight: 700;
  line-height: 18px;
}
.main .tab_safety.section_wrap .section .state_list .total_bx .num {
  font-weight: 500;
  width: auto;
}
.main .tab_safety.section_wrap .section .state_list .total_bx .num > i {
  font-weight: 700;
  font-size: 30px;
  line-height: 34px;
  color: #00DF81;
}
.main .tab_safety.section_wrap .section .state_list .txt_bx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #4d4d4d;
  font-weight: 500;
  margin-bottom: 12px;
}
.main .tab_safety.section_wrap .section .state_list .txt_bx .txt {
  font-weight: 700;
}
.main .tab_safety.section_wrap .section .state_list ul {
  display: flex;
}
.main .tab_safety.section_wrap .section .state_list ul li {
  width: 170px;
  height: 94px;
  padding: 10px;
  border-radius: 12px;
  background: #EDF1F4;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main .tab_safety.section_wrap .section .state_list ul li + li {
  margin-left: 12px;
}
.main .tab_safety.section_wrap .section .state_list ul li .state_tit {
  color: #4B6C79;
  font-weight: 700;
  line-height: 18px;
}
.main .tab_safety.section_wrap .section .state_list ul li .state {
  text-align: right;
  color: #4d4d4d;
  font-weight: 500;
}
.main .tab_safety.section_wrap .section .state_list ul li .state > i {
  font-size: 28px;
  color: #F92828;
  font-weight: 700;
  line-height: 30px;
}


.main .tab_safety.section_wrap .ai {
  float: right;
  width: 570px;
  height: 806px;
  background: url(../img/beaver_ai.png) center no-repeat;
  background-size: contain;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.main .tab_safety.section_wrap .ai .noti {
  width: 100%;
  height: 100%;
  background: rgba(72, 72, 73, 0.8);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}
.main .tab_safety.section_wrap .ai .noti > p {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
.main .tab_safety.section_wrap .ai:hover .noti {
  opacity: 1;
  visibility: visible;
}
/* admin main */
.admin_main .section_wrap {
  margin-top: 0;
}
.admin_main .section_wrap .top {
  height: 354px;
}
.admin_main .section_wrap .btm {
  height: 522px;
}
.admin_main .section_wrap .total .chart_wrap .label {
  height: 110px;
}
.admin_main .section_wrap .total .total_tit {
  border-top: 1px solid #ECECEC;
  padding-top: 28px;
}
.admin_main .section_wrap .total .chart_wrap .label .txt {
 margin: 12px 0;
}
.admin_main .section_wrap .section .list ul li {
  height: 40px;
}
.admin_main .section_wrap .section .list ul li + li {
  margin-top: 16px;
}
.admin_main .section_wrap .ritual_state .label_wrap {
  margin-top: 90px;
}
.admin_main .section_wrap .ritual_preference .label_wrap {
  margin-top: 50px;
}
.admin_main .section_wrap .total .chart_wrap .chart {
  padding-top: 10px;
}
.admin_main .section_wrap .total .chart_wrap .chart .total_txt {
  padding-top: 10px;
}
.admin_main .section_wrap .danger_gender .box .categoty .chart_tab ul li {
  height: 40px;
}
.admin_main .section_wrap .danger_gender .box .categoty .chart_tab ul li + li {
  margin-top: 16px;
}
.admin_main .section_wrap .danger_gender .box .categoty .chart_tab {
  margin-top: 22px;
}
.admin_main .section_wrap .danger_gender .box .chart_wrap {
  height: 432px;
}
.admin_main .section_wrap .danger_gender .box .chart_wrap .btm_all {
  margin-top: 30px;
}
.admin_main .section_wrap .ritual_satisfaction .label_wrap li + li {
  margin-top: 20px;
}
.admin_main .section_wrap .ritual_satisfaction .label_wrap {
  margin-top: 86px;
}
.admin_main .section_wrap .stress_trend .noti {
  margin-top: 26px;
}

/* index_4 */
.index_4 .section_wrap .section .tit > p {
  font-size: 18px;
}
.index_4 .top_filter .weather_bx {
  display: flex; align-items: center;
}
.index_4 .top_filter .weather_bx .icon {
  display: block;
  height: 20px;
  margin-right: 4px;
}
.index_4 .top_filter .info_txt {
  color: #4d4d4d;
}
.index_4 .top_filter .weather_bx > p {
  color: #4d4d4d;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
}
.index_4 .top_filter .weather_bx > p + p {
  margin-left: 6px;
}
.index_4.main .section_wrap {
  display: flex;
  justify-content: space-between;
}
.index_4.main .section_wrap > div {
  display: block;
}
.index_4.main .section_wrap > .left {
  width: 480px;
}
.index_4.main .section_wrap > .ai {
  width: 1260px;
  background: #fff;
}
.index_4.main .section_wrap .mid {
  display: flex;
  justify-content: space-between;
  width: 480px;
  height: 254px;
  margin-top: 22px;
}
.index_4.main .section_wrap .mid > .section {
  width: 230px;
}

.index_4.main .section_wrap .user_info .profile {
  display: flex;
  justify-content: space-between;
}
.index_4.main .section_wrap .user_info .profile .profile_img {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: url(../img/profile.png) center no-repeat;
  background-size: contain;
}
.index_4.main .section_wrap .user_info .profile .profile_txt {
  width: 174px;
  font-weight: 500;
  color: #4d4d4d;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.index_4.main .section_wrap .user_info .profile .profile_txt .company {
  font-weight: 700;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.index_4.main .section_wrap .user_info .profile .profile_txt .name {
  color: #4B6C79; 
  font-size: 16px;
  margin-top: 6px;
}
.index_4.main .section_wrap .user_info .profile .user {
  width: 168px;
  background: #F3F7FA;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.index_4.main .section_wrap .user_info .profile .user img {
  width: 40px;
  padding-right: 20px;
  border-right: 1px solid #D9D9D9;
}
.index_4.main .section_wrap .user_info .profile .user .total {
  width: auto;
  color: #4D4D4D;
  font-size: 16px;
  font-weight: 500;
}
.index_4.main .section_wrap .user_info .locate {
  margin-top: 12px;
}
.index_4.main .section_wrap .user_info .locate span {
  display: inline-block;
  float: left; 
  width: 16px; 
  height: 16px; 
  background-position: center;
  background-size: contain;
}
.index_4.main .section_wrap .user_info .locate p {
  text-align: left;
  line-height: 18px;
  margin-left: 22px;
  color: #4d4d4d;
  font-weight: 500;
  font-size: 16px;
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.index_4.main .section_wrap .user_info .date {
  margin-top: 10px;
  line-height: 18px;
  font-weight: 500;
  color: #4B6C79;
  font-size: 16px;
}
.index_4.main .section_wrap .mid > .section.pic .pic_wrap .pic_section img {
  max-width: 100%;
  max-height: 100%;
}
.index_4.main .section_wrap .mid > .section.pic .pic_wrap .pic_section {
  width: 140px;
  height: 164px;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  border: 1px solid #ECECEC;
  margin: auto;
}
.index_4.main .section_wrap .mid > .section.pic .tit button {
  background: #4B6C79;
  border-radius: 4px;
  width: 38px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 600;
}
.index_4.main .section_wrap .user_info {
  height: 254px;
}
.index_4.main .section_wrap .schedule {
  height: 254px;
  margin-top: 22px;
}
.index_4.main .section_wrap .schedule .schedule_bx {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index_4.main .section_wrap .schedule .date {
  width: calc(100% - 290px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.index_4.main .section_wrap .schedule .date .num {
  color: #4B6C79;
  font-size: 90px;
  width: auto;
  font-weight: 800;
  line-height: 1;
}
.index_4.main .section_wrap .schedule .date .txt {
  color: #4B6C79;
  font-size: 40px;
  width: auto;
  font-weight: 800;
  line-height: 1;
  margin-top: 8px;
}
.index_4.main .section_wrap .schedule .list {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  width: 270px;
  height: 164px;
}
.index_4.main .section_wrap .schedule .list li {
  width: 100%;
  height: 46px;
  background: #EDF1F4;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0 20px;
  box-sizing: border-box;
}
.index_4.main .section_wrap .schedule .list li > .txt_bx {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index_4.main .section_wrap .schedule .list li > .txt_bx > p {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 600;
}
.index_4.main .section_wrap .schedule .list li > .txt_bx .total {
  min-width: 22px;
  width: max-content;
  text-align: center;
}
.index_4.main .section_wrap .schedule .list li > .txt_bx .title {
  font-weight: bold;
}
.index_4.main .section_wrap .ai {
  padding: 20px;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.index_4.main .section_wrap .ai .ai_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.index_4.main .section_wrap .ai .ai_header > p {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.index_4.main .section_wrap .ai .ai_header .refresh {
  width: 20px;
  height: 20px;
  background: url(../img/refresh.png) center no-repeat;
  background-size: contain;
}
.index_4.main .section_wrap .ai .chat_bx {
  height: 666px;
  overflow-y: auto;
  box-sizing: border-box;
  flex: 1 1 auto;
  font-size: 18px;
}
.index_4.main .section_wrap .ai .chat_bx .send {
  color: #3D3D3D;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.index_4.main .section_wrap .ai .chat_bx .send > p {
  line-height: 18px;
  display: inline;
  font-weight: 500;
  background: #EEF2F5;
  border: 1px solid #CACACA;
  border-radius: 48px;
  padding: 10px 20px;
  width: fit-content;
  word-wrap:normal;
}
.index_4.main .section_wrap .ai .chat_bx .receive {
  color: #000000;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
}
.index_4.main .section_wrap .ai .chat_bx .receive > p {
  line-height: 18px;
  display: inline;
  font-weight: 500;
  word-wrap:normal;
  width: 100%;
  line-height: 20px;
}
.index_4.main .section_wrap .ai .chat_bx .receive > p + p {
  margin-top: 10px;
}
.index_4.main .section_wrap .ai .chat_bx .receive > img {
  max-width: 1200px;
  max-height: 650px;
}
.index_4.main .section_wrap .ai .chat_bx .receive > p + div {
  margin-top: 20px;
}
.index_4.main .section_wrap .ai .chat_bx .receive > div + div {
  margin-top: 20px;
}
.index_4.main .section_wrap .ai .chat_bx .receive > .table {
  border: 1px solid #CACACA;
  border-radius: 12px;
  overflow: hidden;
}
.index_4.main .section_wrap .ai .chat_bx .receive .load_more {
  position: absolute;
  left: 50%;
  width: 30px;
  height: 30px;
  background: url(../img/i_arr.png) center no-repeat;
  background-size: contain;
  transform: translateX(-50%);
  bottom: -30px;
}
.index_4.main .section_wrap .ai .chat_bx .receive > .table table {
  display: inline-table;
  table-layout: auto;
  min-width: 280px;
  max-width: 1200px;
}
.index_4.main .section_wrap .ai .chat_bx .receive > .table table th {
  background: #4B6C79;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  height: 40px;
  vertical-align: middle;
  border-right: 1px solid #CACACA;
  padding: 0 14px;
  box-sizing: border-box;
}
.index_4.main .section_wrap .ai .chat_bx .receive > .table table th:last-child {
  border-right: none;
}
.index_4.main .section_wrap .ai .chat_bx .receive > .table table td {
  color: #3D3D3D;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  height: 40px;
  vertical-align: middle;
  border-right: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
  box-sizing: border-box;
  padding: 0 14px;
}
.index_4.main .section_wrap .ai .chat_bx .receive > .table table td:last-child {
  border-right: none;
}
.index_4.main .section_wrap .ai .chat_bx .receive > .table table tr:last-child td {
  border-bottom: none;
}
.index_4.main .section_wrap .ai .chat_bx .receive .chart {
  width: 100%;
  max-width: 1000px;
}
.index_4.main .section_wrap .ai .chat_bx .receive .btn_bx {
  width: 100%;
  display: flex;
  align-items: center;
}
.index_4.main .section_wrap .ai .chat_bx .receive .btn_bx .btn_01 {
  padding: 10px;
  border-radius: 12px;
  font-size: 18px;
  line-height: 18px;
  background: #00DF81;
  color: #fff;
}
.index_4.main .section_wrap .ai .chat_bx .receive .btn_bx .btn_02 {
  padding: 10px;
  border-radius: 12px;
  font-size: 18px;
  line-height: 18px;
  background: #CACACA;
  color: #fff;
}
.index_4.main .section_wrap .ai .chat_bx .receive .btn_bx button + button {
  margin-left: 10px;
}
.index_4.main .section_wrap .ai .chat_bx .receive .chk_bx {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.index_4.main .section_wrap .ai .chat_bx .receive .chk_bx .check_bx>input.check+label>span {
  top: 1px;
  font-size: 18px;
}
.index_4.main .section_wrap .ai .chat_bx .receive .chk_bx .check_bx + .check_bx {
  margin-top: 5px;
}
.index_4.main .section_wrap .ai .chat_bx .receive .link_bx {
  display: flex;
  align-items: center;
  border: 1px solid #CACACA;
  padding: 11px 10px;
  border-radius: 12px;
  background: #fff;
}
.index_4.main .section_wrap .ai .chat_bx .receive .link_bx > a {
  color: #4d4d4d;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
  max-width: 400px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.index_4.main .section_wrap .ai .chat_bx .receive .link_bx > img {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: block;
  cursor: pointer;
}
.index_4.main .section_wrap .ai .chat_bx .receive .menu_bx {
  border: 1px solid #CACACA;
  padding: 9px 20px;
  border-radius: 20px;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
  color: #4D4D4D;
  font-weight: 500;
}


.index_4.main .section_wrap .ai .chat_bx > div + div {
  margin-top: 30px;
}
.index_4.main .section_wrap .ai .chat_bx .empty_bx {
  display: none;
}
.index_4.main .section_wrap .ai .chat_bx.empty > div {
  display: none;
}
.index_4.main .section_wrap .ai .chat_bx.empty {
  position: relative;
}
.index_4.main .section_wrap .ai .chat_bx.empty .empty_bx {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.index_4.main .section_wrap .ai .chat_bx.empty .empty_bx > p {
  color: #4D4D4D;
  font-size: 28px;
  font-weight: 800;
}


.index_4.main .section_wrap .ai .txt_field {
  border-radius: 12px;
  border: 2px solid #00DF81;
  padding: 8px 10px;
  margin-top: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.index_4.main .section_wrap .ai .txt_field textarea {
  border: none;
  resize: none;
  height: 20px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #4D4D4D;
  max-height: 80px;
  overflow-y: auto;
}
.index_4.main .section_wrap .ai .txt_field textarea::placeholder {
  color: #CACACA;
}
.index_4.main .section_wrap .ai .txt_field textarea:focus {
  outline: none;
}
/*  */
.pop_pic {
  width: auto;
  max-height: 90vh;
  border-radius: 8px;
  overflow: hidden;
  padding: 10px;
  box-sizing: border-box;
}
.pop_pic_img {
  display: block;
  margin: auto;
}
/* pop_logout */
.pop_logout {
  width: 400px;
  height: 500px;
  border-radius: 26px;
}
.pop_logout .pop_wrap {
  padding: 40px;
  box-sizing: border-box;
}
.pop_logout .pop_wrap .top_cnt {
  width: 100%;
  text-align: right;
  margin-bottom: 20px;
}
.pop_logout .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_logout .pop_wrap .mid_cnt {
  text-align: center;
}
.pop_logout .pop_wrap .mid_cnt .beaver {
  width: 100%;
  display: block;
  margin-bottom: 22px;
}
.pop_logout .pop_wrap .mid_cnt .tit {
  color: #F92828;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}
.pop_logout .pop_wrap .mid_cnt .sub_tit {
  color: #7B7B7B;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}
.pop_logout .pop_wrap .btm_cnt {
  margin-top: 22px;
}
.pop_logout .pop_wrap .btm_cnt .logout_btn {
  width: 100%;
  background: #F92828;
  border-radius: 12px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 50px;
}

.main .top_bar .info .left .weather {
  display: flex;
  height: 146px;
  justify-content: space-between;
  align-items: center;
}
.main .top_bar .info .left .weather > div {
  width: 50%;
}
.main .top_bar .info .left .weather .weather_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
}
.main .top_bar .info .left .weather .weather_icon img {
  width: 100px;
  display: inline-block;
}
.main .top_bar .info .left .weather .weather_txt {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  text-align: left;
}
.main .top_bar .info .left .weather .weather_txt .temperatures {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 4px;
}
.main .top_bar .info .left .weather .weather_txt .rain {
  margin-bottom: 4px;
}
.main .top_bar .info .total {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
  transform: translateY(-2px);
}
.main .top_bar .info .total .txt {
  transform: translateY(5px);
  font-weight: 700;
}
.main .top_bar .info .total .num {
  width: auto;
}
.main .top_bar .info .total .num span {
  color: #00DF81;
  font-size: 30px;
  font-weight: 700;
}
.main .top_bar .info .sub_tit {
  text-align: left;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 12px;
}
.main .top_bar .info .worker {
  display: flex;
  justify-content: space-between;
} 
.main .top_bar .info .worker .none_complete {
  width: 100%;
  height: 92px;
  background: #FFFFFF;
  border-radius: 12px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  color: #4d4d4d;
  padding: 15px 12px;
  box-sizing: border-box;
}
.main .top_bar .info .worker .none_complete .num {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  height: 30px;
  font-weight: 500;
}
.main .top_bar .info .worker .none_complete > p {
  font-size: 14px;
  color: #4B6C79;
  font-weight: 700;
}
.main .top_bar .info .worker .none_complete span {
  font-size: 14px;
  line-height: 30px;
  height: 30px;
}
.main .top_bar .info .worker .none_complete span > i {
  color: #F92828;
  font-size: 28px;
  font-weight: 700;
  height: 30px;
}

.main .top_bar .search {
  top: 70px;
  left: -255px;
  z-index: 1;
  width: 245px;
  display: flex;
  justify-content: space-between;
}
.main .top_bar .search .txt {
  width: calc(100% - 45px);
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  padding: 10px;
  box-sizing: border-box;
  color: #fff;
}
.main .top_bar .search .sch_btn {
  background: rgba(0, 0, 0, 0.6);
  display: inline-block;
  width: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}
.main .top_bar .img {
  color: #fff;
  top: 120px;
  left: -255px;
  z-index: 1;
  width: 245px;
  height: 510px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  padding: 10px;
  box-sizing: border-box;
}
.main .top_bar .preview {
  position: absolute;
  top: 230px;
  width: 500px;
  height: 180px;
  z-index: 1;
  border-radius: 18px;
  background: rgba(0,0,0,0.6);
  box-shadow:0 0 3px rgba(0,0,0,0.2);
}
.main .top_bar .preview.toggle {
  opacity: 0;
}
.main .top_bar .preview .banner {
  position: relative;
  overflow: auto;
  height: 180px;
  box-sizing: border-box;
  text-align: center;
}
.main .top_bar .preview .banner li {
  float: left; 
  width: 500px;
  height: 180px;
  padding: 25px 40px;
  box-sizing: border-box;
  color: #fff;
}

.main .top_bar .preview .banner li .left {
  text-align: left;
  float: left;
}
.main .top_bar .preview .banner li .left > p {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
.main .top_bar .preview .banner li .left .icon {
  margin-left: 20px;
}
.main .top_bar .preview .banner li .left .icon.danger {
  display: inline-block;
  width: 88px;
  height: 88px;
  background-position: center;
  background: url(../img/danger.png) no-repeat;
  background-size: contain;
}
.main .top_bar .preview .banner li .left .icon.check {
  display: inline-block;
  width: 88px;
  height: 88px;
  background-position: center;
  background: url(../img/check2.png) no-repeat;
  background-size: contain;
}
.main .top_bar .preview .banner li .left .icon.permission {
  display: inline-block;
  width: 88px;
  height: 88px;
  background-position: center;
  background: url(../img/permission.png) no-repeat;
  background-size: contain;
}
.main .top_bar .preview .banner li .right {
  text-align: right;
  float: right;
}
.main .top_bar .preview .banner li .right .date {
  font-size: 12px;
  margin-bottom: 40px;
}
.main .top_bar .preview .banner li .right .txt {
  line-height: 1.5;
}
.unslider-arrow {
  display: none;
}

.main .top_bar .departure {
  top: 450px;
  width: 500px;
  height: 180px;
  z-index: 1;
  padding: 25px 40px;
  box-sizing: border-box;
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.main .top_bar .departure.toggle {
  opacity: 0;
}
.main .top_bar .departure .left {
  float: left;
}
.main .top_bar .departure .left > p {
  font-size: 18px;
  margin-bottom: 20px;
}
.main .top_bar .departure .left > div {
  font-size: 30px;
  text-align: left;
  float: left;
  margin-top: 5px;
  margin-left: 10px;
}
.main .top_bar .departure .left > div > .num {
 font-size: 40px; 
}
.main .top_bar .departure .left .user {
  display: inline-block;
  float: left;
  width: 88px;
  height: 88px;
  background-position: center;
  background: url(../img/user.png) no-repeat;
  background-size: contain;
  margin-left: 20px;
}
.main .top_bar .departure .right {
  float: right;
  padding-top: 30px;
}
.main .top_bar .departure .right dl {
  width: 170px;
  height: 20px;
}
.main .top_bar .departure .right dl dt {
  float: left;
}
.main .top_bar .departure .right dl dd {
  float: right;
}
.main .top_bar .departure .right dl:not(:last-child) {
  margin-bottom: 20px;
}



.main .menu_btn {
  display: none;
  width: 40px;
  height: 40px;
  bottom: 55px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/menu.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}
.main .menu {
  position: absolute;
  padding: 50px;
  padding-bottom: 20px;
  box-sizing: border-box;
  width: 1051px;
  height: 788px;
  background: rgba(0,0,0,0.6);
}
.main .menu .icon_list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.main .menu .icon_list ul li {
  width: calc(100% / 6);
  margin: 20px 0;
 
}
.main .menu .icon_list ul .list {
  display: inline-block;
  display: flex;
  align-items: center;
  position: relative;
}
.main .menu ul .list.active::before {
  position: absolute;
  top: -3px;
  right: 40px;
  background: red;
  content: 'X';
  font-size: 9px;
  color: #fff;
  border-radius: 100px;
  padding: 3px 5px;
  z-index: 10;
}
.main .menu .icon_list ul .list img {
  margin: auto;
}
.main .menu .close_btn {
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/close.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: contain;
  cursor: pointer;
}
.main .menu {
  bottom: -100%;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
}
.main .menu.open {
  bottom: 0;
  visibility: visible;
}

/* setting */
.setting .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.setting .search_bar input[type="search"] {
  width: 250px;
}
.setting .top_area .tit .tit_icon {
  background: url(../img/tit_icon_setting.png) no-repeat;
  background-size: contain;
}
.setting .mid_area .set_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
}
.setting .mid_area .side_bar {
  width: 600px;
  height: 720px;
  overflow-y: auto;
}
.setting .mid_area .detail {
  width: calc(100% - 620px);
}
.setting .mid_area .side_bar ul {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.setting .mid_area .side_bar ul:not(:last-child) {
  margin-bottom: 12px;
}
.setting .mid_area .side_bar ul li {
  background: #fff;
  line-height: 48px;
  padding: 0 20px;
  box-sizing: border-box;
  cursor: pointer;

}
.setting .mid_area .side_bar ul li p {
  color: #4B6C79;
  font-weight: 600;
  font-size: 16px;
}
.setting .mid_area .side_bar ul li p > i {
  float: right;
  display: inline-block;
  background: url(../img/setting_arr.png) no-repeat;
  width: 16px;
  height: 48px;
  background-size: contain;
  background-position: center;
}
.setting .mid_area .side_bar ul .click p {
  color: #00DF81;
}
.setting .mid_area .detail .section .detail_tit {
  background: #4B6C79;
  width: 100%;
  line-height: 48px;
  font-size: 16px;
  font-weight: 600;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 12px;
}
.setting .mid_area .detail .section {
  display: none;
}
.setting .mid_area .detail .section.on {
  display: block;
}
.setting .mid_area .detail .tooltip {
  position: relative;
  cursor: pointer;
}
.setting .mid_area .detail .tooltip::after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/i_tooltip2.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}
.setting .mid_area .detail .tooltip .tooltip_txt {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  background: #4B6C79;
  color: #fff;
  padding: 10px;
  border-radius: 8px;
  width: max-content;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.3s;
}
.setting .mid_area .detail .tooltip:hover .tooltip_txt {
  visibility: visible;
  opacity: 1;
}


.setting .mid_area .detail .head {    
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  font-size: 16px;
}

.setting .mid_area .detail .head p {
  cursor: default;
  color: #4B6C79;
  font-weight: 700;
}
.setting .mid_area .detail .head p > i {
  color: #00DF81;
  margin-left: 4px;
}
.setting .mid_area .detail .head p:hover {
  color: #4B6C79;
}

.setting .mid_area .detail .tab_edu .edu_set {
  width: 100%;
  display: flex;
  height: 720px;
  justify-content: space-between;
}
.setting .mid_area .detail .tab_edu .edu_set > div {
  background: #fff;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 20px;
  padding-top: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_edu .edu_set .category {
  width: 450px;
}
.setting .mid_area .detail .tab_edu .edu_set .list {
  width: calc(100% - 470px);
}
.setting .mid_area .detail .tab_edu .edu_set > div .sub_tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  background: #F3F7FA;
  line-height: 50px;
  color: #4B6C79;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
  border-radius: 16px 16px 0 0;
}
.setting .mid_area .detail .tab_edu .edu_set > div .write_bar {
  width: 100%;
  height: 34px;
  display: flex;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_edu .edu_set > div .write_bar .txt_bx {
  width: calc(100% - 56px);
  border-radius: 8px;
  border: none;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  border: 1px solid #CACACA;
}
.setting .mid_area .detail .tab_edu .edu_set > div .write_bar .txt_bx::placeholder {
  color: #CACACA;
}
.setting .mid_area .detail .tab_edu .edu_set > div .write_bar button {
  background: #4B6C79;
  color: #fff;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 500;
  width: 50px;
  height: 34px;
  margin-left: 6px;
}
.setting .mid_area .detail .tab_edu .edu_set > .list .write_bar {
  justify-content: flex-end;
}
.setting .mid_area .detail .tab_edu .edu_set > div .content_list {
  width: 100%;
  font-size: 16px;
  max-height: 550px;
  overflow-y: auto;
}
.setting .mid_area .detail .tab_edu .edu_set > div .content_list li {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_edu .edu_set > div .content_list li:last-child {
  margin-bottom: 0;
}
.setting .mid_area .detail .tab_edu .edu_set > div .content_list .head {
  font-weight: 700;
}

.setting .mid_area .detail .tab_edu .edu_set > div .content_list .check_bx {
  margin-right: 6px;
}
.setting .mid_area .detail .tab_edu .edu_set > div .content_list p {
  width: calc(100% - 44px);
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer;
  color: #4d4d4d;
  font-weight: 500;
  font-size: 16px;
  height: 20px;
}
.setting .mid_area .detail .tab_edu .edu_set > div .content_list p:hover {
  color: #00DF81;
}
.setting .mid_area .detail .tab_edu .edu_set > div .content_list .head p {
  cursor: default;
  color: #4B6C79;
  font-weight: 700;
}
.setting .mid_area .detail .tab_edu .edu_set > div .content_list .head p:hover {
  color: #4B6C79;
}
.setting .mid_area .detail .tab_edu .edu_set > .setting .mid_area .detail .tab_edu .edu_set > div .sub_tit.list .content_list p {
  cursor: default;
}
.setting .mid_area .detail .tab_edu .edu_set > .list .content_list p:hover {
  color: #fff;
}
.setting .mid_area .detail .tab_edu .edu_set > .list .content_list .body p {
  cursor: pointer;
}
.setting .mid_area .detail .tab_edu .edu_set > .list .content_list .body p:hover {
  color: #00DF81;
}
.setting .mid_area .detail .tab_edu .edu_set > .category .content_list .body .txt_bx {
  border: none;
  background: none;
  font-size: 16px;
  color: #4d4d4d;
  border-bottom: 1px solid #00DF81;
  width: 389px;
  display: none;
}
.setting .mid_area .detail .tab_edu .edu_set > .category .content_list .body .txt_bx:focus {
  outline: none;
}
.setting .mid_area .detail .tab_edu .edu_set > .category .content_list .body .txt_bx::placeholder {
  color: #CACACA;
}
.setting .mid_area .detail .tab_edu .edu_set > div .content_list .edit_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_edit.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 12px;
}
.setting .mid_area .detail .tab_edu .edu_set > div .content_list .del_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_del.png) no-repeat;
  background-size: contain;
  background-position: center;
}
.setting .mid_area .detail .tab_edu .edu_set > .list .write_bar button {
  width: 50px;
  margin-left: 0;
}
.setting .mid_area .detail .tab_edu .edu_set > .list .content_list p {
  width: calc(100% - 16px);
}


.setting .mid_area .detail .tab_jobgroup .job_set {
  width: 100%;
  display: flex;
  height: 720px;
  justify-content: space-between;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div {
  background: #fff;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 20px;
  padding-top: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_jobgroup .job_set .category {
  width: 450px;
}
.setting .mid_area .detail .tab_jobgroup .job_set .list {
  width: calc(100% - 470px);
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .sub_tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  background: #F3F7FA;
  line-height: 50px;
  color: #4B6C79;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
  border-radius: 16px 16px 0 0;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .write_bar {
  width: 100%;
  height: 34px;
  display: flex;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .write_bar .txt_bx {
  width: calc(100% - 56px);
  border-radius: 8px;
  border: 1px solid #CACACA;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .write_bar .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .write_bar button {
  background: #4B6C79;
  color: #fff;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 500;
  width: 50px;
  height: 34px;
  margin-left: 6px;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .content_list {
  width: 100%;
  font-size: 16px;
  max-height: 550px;
  overflow-y: auto;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .content_list li {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .content_list li:last-child {
  margin-bottom: 0;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .head {
  font-weight: 700;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .head p > i {
  color: #00DF81;
  margin-left: 4px;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .content_list .check_bx {
  margin-right: 6px;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .content_list p {
  width: calc(100% - 44px);
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer;
  font-weight: 500;
  height: 20px;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .content_list p:hover {
  color: #00DF81;
}
.setting .mid_area .detail .tab_jobgroup .job_set > .list .content_list p {
  cursor: default;
}

.setting .mid_area .detail .tab_jobgroup .job_set > .list .content_list p:hover {
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_jobgroup .job_set > .category .content_list .body .txt_bx {
  border: none;
  background: none;
  font-size: 16px;
  color: #4d4d4d;
  border-bottom: 1px solid #00DF81;
  width: 389px;
  display: none;
}
.setting .mid_area .detail .tab_jobgroup .job_set > .category .content_list .body .txt_bx:focus {
  outline: none;
}
.setting .mid_area .detail .tab_jobgroup .job_set > .category .content_list .body .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .content_list .edit_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_edit.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 12px;
}
.setting .mid_area .detail .tab_jobgroup .job_set > div .content_list .del_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_del.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.setting .mid_area .detail .tab_jobgroup .job_set > .list .write_bar button {
  width: 100%;
  margin-left: 0;
}
.setting .mid_area .detail .tab_jobgroup .job_set > .list .content_list p {
  width: calc(100% - 44px);
}
.setting .mid_area .detail .tab_jobgroup .job_set .list .body .txt_bx {
  border: none;
  background: none;
  font-size: 16px;
  color: #4d4d4d;
  border-bottom: 1px solid #00DF81;
  width: calc(100% - 16px);
  display: none;
}
.setting .mid_area .detail .tab_jobgroup .job_set .list .body .txt_bx:focus {
  outline: none;
}
.setting .mid_area .detail .tab_jobgroup .job_set .list .body .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_jobgroup .job_set .list .write_bar .slt_bx {
  border-radius: 8px;
  margin-right: 6px;
  width: 76px;
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_jobgroup .job_set .list .write_bar button {
  width: 50px;
  margin-left: 6px;
}
.setting .mid_area .detail .tab_jobgroup .job_set .list .write_bar .txt_bx {
  width: calc(100% - 56px);
}

.setting .mid_area .detail .tab_field .field_set {
  width: 100%;
  display: flex;
  height: 720px;
  justify-content: space-between;
}
.setting .mid_area .detail .tab_field .field_set > div {
  background: #fff;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 20px;
  padding-top: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_field .field_set .category {
  width: 250px;
}
.setting .mid_area .detail .tab_field .field_set .list {
  width: calc(100% - 540px);
}
.setting .mid_area .detail .tab_field .field_set > div .sub_tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  background: #F3F7FA;
  line-height: 50px;
  color: #4B6C79;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
  border-radius: 16px 16px 0 0;
}
.setting .mid_area .detail .tab_field .field_set > div .write_bar {
  width: 100%;
  height: 34px;
  display: flex;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_field .field_set > div .write_bar .txt_bx {
  width: calc(100% - 56px);
  border-radius: 8px;
  border: 1px solid #CACACA;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_field .field_set > div .write_bar .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_field .field_set > div .write_bar button {
  background: #4B6C79;
  color: #fff;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 500;
  width: 50px;
  height: 34px;
  margin-left: 6px;
}
.setting .mid_area .detail .tab_field .field_set > div .content_list {
  width: 100%;
  font-size: 16px;
  max-height: 550px;
  overflow-y: auto;
}
.setting .mid_area .detail .tab_field .field_set > div .content_list li {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_field .field_set > div .content_list li:last-child {
  margin-bottom: 0;
}
.setting .mid_area .detail .tab_field .field_set > div .content_list .head {
  font-weight: 700;
}
.setting .mid_area .detail .tab_field .field_set > div .content_list .head p > i {
  color: #00DF81;
  margin-left: 4px;
}
.setting .mid_area .detail .tab_field .field_set > div .content_list .check_bx {
  margin-right: 6px;
}
.setting .mid_area .detail .tab_field .field_set > div .content_list p {
  width: calc(100% - 44px);
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer;
  font-weight: 500;
  height: 20px;
}
.setting .mid_area .detail .tab_field .field_set > div .content_list p:hover {
  color: #00DF81;
}
.setting .mid_area .detail .tab_field .field_set > div .content_list .head > p {
  cursor: default;
  color: #4B6C79;
  font-weight: 700;
}
.setting .mid_area .detail .tab_field .field_set > .list .content_list p {
  cursor: default;
}
.setting .mid_area .detail .tab_field .field_set > .list .content_list p:hover {
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_field .field_set > div .content_list .head > p:hover {
  color: #4B6C79;
}
.setting .mid_area .detail .tab_field .field_set > .category .content_list .body .txt_bx {
  border: none;
  background: none;
  font-size: 16px;
  color: #4d4d4d;
  border-bottom: 1px solid #00DF81;
  width: 194px;
  display: none;
}
.setting .mid_area .detail .tab_field .field_set > .category .content_list .body .txt_bx:focus {
  outline: none;
}
.setting .mid_area .detail .tab_field .field_set > .category .content_list .body .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_field .field_set > div .content_list .edit_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_edit.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 12px;
}
.setting .mid_area .detail .tab_field .field_set > div .content_list .del_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_del.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.setting .mid_area .detail .tab_field .field_set > .list .write_bar button {
  width: 100%;
  margin-left: 0;
}
.setting .mid_area .detail .tab_field .field_set > .list .content_list p {
  width: calc(100% - 44px);
}
.setting .mid_area .detail .tab_field .field_set .list .body .txt_bx {
  border: none;
  background: none;
  font-size: 16px;
  color: #4d4d4d;
  border-bottom: 1px solid #00DF81;
  width: calc(100% - 16px);
  display: none;
}
.setting .mid_area .detail .tab_field .field_set .list .body .txt_bx:focus {
  outline: none;
}
.setting .mid_area .detail .tab_field .field_set .list .body .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_field .field_set .list .write_bar .slt_bx {
  border-radius: 8px;
  margin-right: 6px;
  width: 76px;
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_field .field_set .list .write_bar button {
  width: 50px;
  margin-left: 6px;
}
.setting .mid_area .detail .tab_field .field_set .list .write_bar .txt_bx {
  width: calc(100% - 56px);
}


.setting .mid_area .detail .tab_permit .field_set {
  width: 100%;
  display: flex;
  height: 720px;
  justify-content: space-between;
}
.setting .mid_area .detail .tab_permit .field_set > div {
  background: #fff;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 20px;
  padding-top: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_permit .field_set .category {
  width: 450px;
}
.setting .mid_area .detail .tab_permit .field_set .list {
  width: calc(100% - 470px);
}
.setting .mid_area .detail .tab_permit .field_set > div .sub_tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  background: #F3F7FA;
  line-height: 50px;
  color: #4B6C79;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
  border-radius: 16px 16px 0 0;
}
.setting .mid_area .detail .tab_permit .field_set > div .write_bar {
  width: 100%;
  height: 34px;
  display: flex;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_permit .field_set > div .write_bar .txt_bx {
  width: calc(100% - 56px);
  border-radius: 8px;
  border: 1px solid #CACACA;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_permit .field_set > div .write_bar .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_permit .field_set > div .write_bar button {
  background: #4B6C79;
  color: #fff;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 500;
  width: 50px;
  height: 34px;
  margin-left: 6px;
}
.setting .mid_area .detail .tab_permit .field_set > div .content_list {
  width: 100%;
  font-size: 16px;
  max-height: 550px;
  overflow-y: auto;
}
.setting .mid_area .detail .tab_permit .field_set > div .content_list li {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_permit .field_set > div .content_list li:last-child {
  margin-bottom: 0;
}
.setting .mid_area .detail .tab_permit .field_set > div .content_list .head {
  font-weight: 700;
}
.setting .mid_area .detail .tab_permit .field_set > div .content_list .head p > i {
  color: #00DF81;
  margin-left: 4px;
}
.setting .mid_area .detail .tab_permit .field_set > div .content_list .check_bx {
  margin-right: 6px;
}
.setting .mid_area .detail .tab_permit .field_set > div .content_list p {
  width: calc(100% - 44px);
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer;
  font-weight: 500;
  height: 20px;
}
.setting .mid_area .detail .tab_permit .field_set > div .content_list p:hover {
  color: #00DF81;
}
.setting .mid_area .detail .tab_permit .field_set > div .content_list .head > p {
  cursor: default;
  color: #4B6C79;
  font-weight: 700;
}
.setting .mid_area .detail .tab_permit .field_set > .list .content_list p {
  cursor: default;
}
.setting .mid_area .detail .tab_permit .field_set > .list .content_list p:hover {
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_permit .field_set > div .content_list .head > p:hover {
  color: #4B6C79;
}
.setting .mid_area .detail .tab_permit .field_set > .category .content_list .body .txt_bx {
  border: none;
  background: none;
  font-size: 16px;
  color: #4d4d4d;
  border-bottom: 1px solid #00DF81;
  width: 389px;
  display: none;
}
.setting .mid_area .detail .tab_permit .field_set > .category .content_list .body .txt_bx:focus {
  outline: none;
}
.setting .mid_area .detail .tab_permit .field_set > .category .content_list .body .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_permit .field_set > div .content_list .edit_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_edit.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 12px;
}
.setting .mid_area .detail .tab_permit .field_set > div .content_list .del_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_del.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.setting .mid_area .detail .tab_permit .field_set > .list .write_bar button {
  width: 100%;
  margin-left: 0;
}
.setting .mid_area .detail .tab_permit .field_set > .list .content_list p {
  width: calc(100% - 44px);
}
.setting .mid_area .detail .tab_permit .field_set .list .body .txt_bx {
  border: none;
  background: none;
  font-size: 16px;
  color: #4d4d4d;
  border-bottom: 1px solid #00DF81;
  width: calc(100% - 16px);
  display: none;
}
.setting .mid_area .detail .tab_permit .field_set .list .body .txt_bx:focus {
  outline: none;
}
.setting .mid_area .detail .tab_permit .field_set .list .body .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_permit .field_set .list .write_bar .slt_bx {
  border-radius: 8px;
  margin-right: 6px;
  width: 76px;
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_permit .field_set .list .write_bar button {
  width: 50px;
  margin-left: 6px;
}
.setting .mid_area .detail .tab_permit .field_set .list .write_bar .txt_bx {
  width: calc(100% - 56px);
}


/*  */

.setting .mid_area .detail .tab_tbm .tbm_set {
  width: 100%;
  display: flex;
  height: 720px;
  justify-content: space-between;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div {
  background: #fff;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 20px;
  padding-top: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_tbm .tbm_set .category {
  width: 450px;
}
.setting .mid_area .detail .tab_tbm .tbm_set .list {
  width: calc(100% - 470px);
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .sub_tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  background: #F3F7FA;
  line-height: 50px;
  color: #4B6C79;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
  border-radius: 16px 16px 0 0;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .write_bar {
  width: 100%;
  height: 34px;
  display: flex;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .write_bar .txt_bx {
  width: calc(100% - 56px);
  border-radius: 8px;
  border: 1px solid #CACACA;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .write_bar .txt_bx::placeholder {
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .write_bar button {
  background: #4B6C79;
  color: #fff;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 500;
  width: 50px;
  height: 34px;
  margin-left: 6px;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .content_list {
  width: 100%;
  font-size: 16px;
  max-height: 550px;
  overflow-y: auto;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .content_list li {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .content_list li:last-child {
  margin-bottom: 0;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .content_list .head {
  font-weight: 700;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .content_list .head p > i {
  color: #00DF81;
  margin-left: 4px;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .content_list .head > p {
  cursor: default;
  font-weight: 700;
  color: #4B6C79;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .content_list .head > p:hover {
  color: #4B6C79;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .content_list .check_bx {
  margin-right: 6px;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .content_list p {
  width: calc(100% - 44px);
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer;
  font-weight: 500;
  height: 20px;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .content_list p:hover {
  color: #00DF81;
}
.setting .mid_area .detail .tab_tbm .tbm_set > .category .content_list .body .txt_bx {
  border: none;
  background: none;
  font-size: 16px;
  color: #4d4d4d;
  border-bottom: 1px solid #00DF81;
  width: 389px;
  display: none;
}
.setting .mid_area .detail .tab_tbm .tbm_set > .category .content_list .body .txt_bx:focus {
  outline: none;
}
.setting .mid_area .detail .tab_tbm .tbm_set > .category .content_list .body .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .content_list .edit_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_edit.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 12px;
}
.setting .mid_area .detail .tab_tbm .tbm_set > div .content_list .del_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_del.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.setting .mid_area .detail .tab_tbm .tbm_set > .list .write_bar button {
  width: 100%;
  margin-left: 0;
}
.setting .mid_area .detail .tab_tbm .tbm_set > .list .content_list p {
  width: 276px;
}
.setting .mid_area .detail .tab_tbm .tbm_set .list .body .txt_bx {
  border: none;
  background: none;
  font-size: 16px;
  color: #fff;
  border-bottom: 1px solid #fff;
  width: 304px;
  display: none;
}
.setting .mid_area .detail .tab_tbm .tbm_set .list .body .txt_bx:focus {
  outline: none;
}
.setting .mid_area .detail .tab_tbm .tbm_set .list .body .txt_bx::placeholder {
  color: #fff;
}
.setting .mid_area .detail .tab_tbm .tbm_set .list .write_bar .slt_bx {
  border-radius: 8px;
  margin-right: 6px;
  width: 76px;
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_tbm .tbm_set .list .write_bar button {
  width: 76px;
  margin-left: 6px;
}
.setting .mid_area .detail .tab_tbm .tbm_set .list .write_bar .txt_bx {
  width: calc(100% - 164px);
}
.setting .mid_area .detail .tab_tbm .tbm_set .list .box +.box {
  margin-top: 18px;
}
.setting .mid_area .detail .tab_tbm .tbm_set .list .box .sub_tit {
  margin-bottom: 10px;
  line-height: 20px;
  background: none;
}
.setting .mid_area .detail .tab_tbm .tbm_set .list .box .txt_bx {
  width: 100%;
  border-radius: 12px;
  padding: 12px;
  box-sizing: border-box;
  resize: none;
  background: #fff;
  border: 1px solid #CACACA;
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  height: 150px;
}
.setting .mid_area .detail .tab_tbm .tbm_set .list .box .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_tbm .tbm_set .list .btn_bx {
  text-align: right;
  margin-bottom: 16px;
}
.setting .mid_area .detail .tab_tbm .tbm_set .list .btn_bx > .btn {
  width: 50px;
  background: #4B6C79;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  height: 34px;
  border-radius: 8px;
}

/*  */

.setting .mid_area .detail .tab_setting .setting_set {
  background: #fff;
  color: #4d4d4d;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 20px;
  padding-top: 0;
  height: 720px;
  width: 450px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.setting .mid_area .detail .tab_setting .setting_set .sub_tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  background: #F3F7FA;
  line-height: 50px;
  color: #4B6C79;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
  border-radius: 16px 16px 0 0;
}
.setting .mid_area .detail .tab_setting .setting_set .name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #4B6C79;
}
.setting .mid_area .detail .tab_setting .setting_set .scroll_wrap {
    min-height: 632px;
    max-height: 632px;
    overflow-y: auto;
}
.setting .mid_area .detail .tab_setting .setting_set .scroll_wrap> div {
  border-bottom: 1px solid #CACACA;
  padding-bottom: 20px;
  margin-top: 20px;
}
.setting .mid_area .detail .tab_setting .setting_set .item {
  margin-bottom: 20px;
}
.setting .mid_area .detail .tab_setting .setting_set .item dl {
  display: flex;
  color: #4d4d4d;
  font-size: 16px;
}
.setting .mid_area .detail .tab_setting .setting_set .item dl + dl {
  margin-top: 20px;
}
.setting .mid_area .detail .tab_setting .setting_set .item dl dt {
  width: 150px;
  font-weight: 600;
}
.setting .mid_area .detail .tab_setting .setting_set .item dl dd {
  width: calc(100% - 140px);
  display: flex;
}
.setting .mid_area .detail .tab_setting .setting_set .item dl dd .check_bx {
  width: 60%;
}
.setting .mid_area .detail .tab_setting .setting_set .item dl dd .check_bx.day {
  width: 40%;
}
.setting .mid_area .detail .tab_setting .setting_set .item dl dd .check_bx span {
  color: #4d4d4d;
  font-size: 16px;
  left: 28px;
}
.setting .mid_area .detail .tab_setting .setting_set .item dl dd .check_bx input.radio+label {
  width: 24px;
  height: 24px;
  background-size: contain;
}
.setting .mid_area .detail .tab_setting .setting_set .tooltip::after {
  right: 62px;
}
.setting .mid_area .detail .tab_setting .setting_set .item dl .tooltip_txt {
  right: -222px;
  top: 24px;
  z-index: 100;
}
.setting .mid_area .detail .tab_setting .setting_set .item.place dl .tooltip_txt {
  right: -174px;
  top: 24px;
   z-index: 100;
}
.setting .mid_area .detail .tab_setting .setting_set .web .web_setting {
  display: none;
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}
.setting .mid_area .detail .tab_setting .setting_set .web dd {
  flex-wrap: wrap;
}
.setting .mid_area .detail .tab_setting .setting_set .web .web_setting dl {
  display: flex;
  align-items: center;
  width: max-content;
  margin-top: 0;
}
.setting .mid_area .detail .tab_setting .setting_set .web .web_setting dl dt {
  width: auto; 
  margin-right: 10px;
  font-size: 14px;
}
.setting .mid_area .detail .tab_setting .setting_set .web .web_setting dl dd .slt_bx {
  background: #EEF2F5;
  border-radius: 8px;
  height: 28px;
  width: 44px;
}
.setting .mid_area .detail .tab_setting .setting_set .web .web_setting dl dd .slt_bx select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  width: 44px;
  background-position: 84% 11px;
  text-align: center;
  padding-right: 15%;
  padding-left: 10px;
  box-sizing: border-box;
  height: 28px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  letter-spacing: 0px;
  text-align: left;
  color: #4d4d4d;
  font-weight: 500;
}
.setting .mid_area .detail .tab_setting .setting_set .web .web_setting dl dd {
  display: flex;
  align-items: center;
  width: max-content;
}
.setting .mid_area .detail .tab_setting .setting_set .web .web_setting dl dd .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 4px;
  box-sizing: border-box;
  width: 36px;
  text-align: center;
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_setting .setting_set .web .web_setting dl dd > i {
  margin-left: 4px;
  font-size: 14px;
  font-weight: 500;
}


.setting .mid_area .detail .tab_group .setting_group {
  background: #fff;
  color: #4d4d4d;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 20px;
  padding-top: 0;
  height: 720px;
  width: 450px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.setting .mid_area .detail .tab_group .setting_group .sub_tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  background: #F3F7FA;
  line-height: 50px;
  color: #4B6C79;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
  border-radius: 16px 16px 0 0;
}
.setting .mid_area .detail .tab_group .setting_group .write_bar {
  width: 100%;
  height: 34px;
  display: flex;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_group .setting_group .write_bar .txt_bx {
  width: calc(100% - 56px);
  border-radius: 8px;
  border: none;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  border: 1px solid #CACACA;
}
.setting .mid_area .detail .tab_group .setting_group .write_bar .txt_bx::placeholder {
  color: #CACACA;
}
.setting .mid_area .detail .tab_group .setting_group .write_bar button {
  background: #4B6C79;
  color: #fff;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 500;
  width: 50px;
  height: 34px;
  margin-left: 6px;
}
.setting .mid_area .detail .tab_group .setting_group .list .write_bar {
  justify-content: flex-end;
}
.setting .mid_area .detail .tab_group .setting_group .content_list {
  width: 100%;
  font-size: 16px;
  max-height: 550px;
  overflow-y: auto;
}
.setting .mid_area .detail .tab_group .setting_group .content_list li {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_group .setting_group .content_list li:last-child {
  margin-bottom: 0;
}
.setting .mid_area .detail .tab_group .setting_group .content_list .head {
  font-weight: 700;
}

.setting .mid_area .detail .tab_group .setting_group .content_list .check_bx {
  margin-right: 6px;
}
.setting .mid_area .detail .tab_group .setting_group .content_list p {
  width: calc(100% - 44px);
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #4d4d4d;
  font-weight: 500;
  font-size: 16px;
  height: 20px;
}
.setting .mid_area .detail .tab_group .setting_group .content_list .head p {
  cursor: default;
  color: #4B6C79;
  font-weight: 700;
}
.setting .mid_area .detail .tab_group .setting_group .content_list .head p:hover {
  color: #4B6C79;
}
.setting .mid_area .detail .tab_group .setting_group .list .content_list p {
  cursor: default;
}
.setting .mid_area .detail .tab_group .setting_group .list .content_list p:hover {
  color: #fff;
}
.setting .mid_area .detail .tab_group .setting_group .list .content_list .body p {
  cursor: pointer;
}
.setting .mid_area .detail .tab_group .setting_group .list .content_list .body p:hover {
  color: #00DF81;
}
.setting .mid_area .detail .tab_group .setting_group .content_list .body .color-picker {
  margin-right: 4px;
}
.setting .mid_area .detail .tab_group .setting_group .content_list .body .txt_bx {
  border: none;
  background: none;
  font-size: 16px;
  color: #4d4d4d;
  border-bottom: 1px solid #00DF81;
  width: 370px;
  display: none;
}
.setting .mid_area .detail .tab_group .setting_group .content_list .body .txt_bx:focus {
  outline: none;
}
.setting .mid_area .detail .tab_group .setting_group .content_list .body .txt_bx::placeholder {
  color: #CACACA;
}
.setting .mid_area .detail .tab_group .setting_group .content_list .edit_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_edit.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 12px;
}
.setting .mid_area .detail .tab_group .setting_group .content_list .del_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_del.png) no-repeat;
  background-size: contain;
  background-position: center;
}
.setting .mid_area .detail .tab_group .setting_group .list .write_bar button {
  width: 50px;
  margin-left: 0;
}
.setting .mid_area .detail .tab_group .setting_group .list .content_list p {
  width: calc(100% - 16px);
}


.setting .mid_area .detail .tab_protective .protective_set {
  background: #fff;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 20px;
  padding-top: 0;
  color: #4d4d4d;
  height: 720px;
  width: 450px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.setting .mid_area .detail .tab_protective .protective_set .sub_tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  background: #F3F7FA;
  line-height: 50px;
  color: #4B6C79;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
  border-radius: 16px 16px 0 0;
}

.setting .mid_area .detail .tab_protective .protective_set .write_bar {
  width: 100%;
  height: 34px;
  display: flex;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_protective .protective_set .write_bar .txt_bx {
  width: calc(100% - 56px);
  border-radius: 8px;
  border: 1px solid #CACACA;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: #4d4d4d;
}
.setting .mid_area .detail .tab_protective .protective_set .write_bar .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_protective .protective_set .write_bar button {
  background: #4B6C79;
  color: #fff;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 500;
  width: 50px;
  height: 34px;
  margin-left: 6px;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list {
  width: 100%;
  font-size: 16px;
  max-height: 584px;
  overflow-y: auto;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list li {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list li:last-child {
  margin-bottom: 0;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list .head {
  font-weight: 700;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list .head p > i {
  color: #00DF81;
  margin-left: 4px;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list .check_bx {
  margin-right: 6px;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list p {
  width: calc(100% - 44px);
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 500;
  height: 20px;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list .head p {
  font-weight: 700;
  color: #4B6C79;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list .body .txt_bx {
  border: none;
  background: none;
  font-size: 16px;
  color: #fff;
  border-bottom: 1px solid #00DF81;
  color: #4d4d4d;
  width: 390px;
  display: none;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list .body .txt_bx:focus {
  outline: none;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list .body .txt_bx::placeholder {
  color: #cacaca;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list .edit_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_edit.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 12px;
}
.setting .mid_area .detail .tab_protective .protective_set .content_list .del_btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/setting_del.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.setting .mid_area .detail .tab_policy .sub_tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  background: #F3F7FA;
  line-height: 50px;
  color: #4B6C79;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
  border-radius: 16px 16px 0 0;
}
.setting .mid_area .detail .tab_policy .txt_wrap {
  padding: 20px;
  padding-top: 0;
  box-sizing: border-box;
  background: #fff;
  border-radius: 16px;
  height: 720px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.setting .mid_area .detail .tab_policy .txt {
 font-size: 16px;
 font-weight: 500; 
 line-height: 20px;
 word-break: keep-all;
 background: #fff;
 color: #4d4d4d;
 height: 632px;
 overflow-y: auto;
}
.setting .mid_area .detail .tab_service .sub_tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  background: #F3F7FA;
  line-height: 50px;
  color: #4B6C79;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
  border-radius: 16px 16px 0 0;
}
.setting .mid_area .detail .tab_service .txt_wrap {
  padding: 20px;
  padding-top: 0;
  box-sizing: border-box;
  background: #fff;
   color: #4d4d4d;
  border-radius: 16px;
  height: 720px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.setting .mid_area .detail .tab_service .txt {
 font-size: 16px;
 font-weight: 500; 
 line-height: 20px;
 word-break: keep-all;
 background: #fff;
 height: 632px;
 overflow-y: auto;
}



/* setting_education */
.setting_education {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.setting_education .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.setting_education .search_bar input[type="search"] {
  width: 250px;
}
.setting_education .top_area .tit .tit_icon {
  background: url(../img/tit_icon_setting.png) no-repeat;
  background-size: contain;
}
.setting_education .mid_area .top_btn {
  width: 100%;
  margin-bottom: 18px;
  text-align: right;
}
.setting_education .mid_area .top_btn button {
  background: #A3A3A3;
  border-radius: 8px;
  padding: 4px 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  width: 50px;
  padding: 0;
  line-height: 34px;
}
.setting_education .mid_area .top_btn button.save_btn {
  background: #4B6C79;
  color: #fff;
  margin-left: 8px;
}
.setting_education .mid_area .edu_mgt {
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 3000;
  margin-top: 18px;
}
.setting_education .mid_area .edu_mgt .edu_info {
  width: 1006px;
}
.setting_education .mid_area .edu_mgt .edu_info .plan {
  height: 352px;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.setting_education .mid_area .edu_mgt .edu_info .file {
  height: 348px;
  background: #fff;
  margin-bottom: 16px;
  border-radius: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.setting_education .mid_area .edu_mgt .quiz {
  width: calc(100% - 1026px);
  height: 720px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.setting_education .mid_area .edu_mgt .plan,
.setting_education .mid_area .edu_mgt .file,
.setting_education .mid_area .edu_mgt .quiz {
  padding: 20px;
  box-sizing: border-box;
  padding-top: 0;
}
.setting_education .mid_area .edu_mgt .title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #4B6C79;
  background: #F3F7FA;
  line-height: 50px;
  margin-left: -20px;
  margin-right: -20px;
  border-radius: 16px 16px 0 0;
  padding: 0 20px;
}
.setting_education .mid_area .edu_mgt .sub_tit {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}
.setting_education .mid_area .edu_mgt .line {
  width: 100%;
  display: flex;
  margin-bottom: 16px;
}
.setting_education .mid_area .edu_mgt .line:last-child {
  margin-bottom: 0;
}
.setting_education .mid_area .edu_mgt select {
  width: 66px;
  height: 32px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: #EEF2F5;
  border: none;
}
.setting_education .mid_area .edu_mgt .txt_bx {
  border: 1px solid #CACACA;
  height: 32px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  color: #4d4d4d;
}
.setting_education .mid_area .edu_mgt .txt_bx::placeholder {
  color: #CACACA;
}
.setting_education .mid_area .edu_mgt .edu_info .division select {
  width: 85px;
}
.setting_education .mid_area .edu_mgt .edu_info .division {
  margin-right: 12px;
}
.setting_education .mid_area .edu_mgt .edu_info .category {
  margin-right: 12px;
}
.setting_education .mid_area .edu_mgt .edu_info .category select {
  width: 230px;
}
.setting_education .mid_area .edu_mgt .edu_info .name {
  width: 100%;
}
.setting_education .mid_area .edu_mgt .edu_info .name .txt_bx {
  width: 100%;
}
.setting_education .mid_area .edu_mgt .edu_info .memo {
  width: 100%;
}
.setting_education .mid_area .edu_mgt .edu_info .memo .txt_bx {
  resize: none;
  width: 100%;
  height: 154px;
  padding: 10px;
  border-radius: 12px;
}
.setting_education .mid_area .edu_mgt .line.toggle_wrap {
  flex-direction: column;
}
.setting_education .mid_area .edu_mgt .file_toggle,
.setting_education .mid_area .edu_mgt .quiz_toggle {
  display: flex;
  justify-content: space-between;
  width: 100%;
  line-height: 22px;
}
.setting_education .mid_area .edu_mgt .btn_toggle {
  display: block;
  width: 46px;
  height: 22px;
  padding: 0
}
.setting_education .mid_area .edu_mgt .file_toggle {
  margin-bottom: 12px;
}
.setting_education .mid_area .edu_mgt .btn_toggle.on {
  background: url(../img/btn_on.png) center no-repeat;
  background-size: 46px 22px
}

.setting_education .mid_area .edu_mgt .btn_toggle.off {
  background: url(../img/btn_off.png) center no-repeat;
  background-size: 46px 22px
}
.setting_education .mid_area .edu_mgt .file .title {
  margin-bottom: 8px;
  position: relative;
}
.setting_education .mid_area .edu_mgt .file .title .btn_toggle {
  position: absolute;
  right: 20px;
  top: 16px;
  z-index: 10;
}
.setting_education .mid_area .edu_mgt .file .title > i {
  color: #00DF81;
}
.setting_education .mid_area .edu_mgt .file .title > span {
  float: right;
  font-size: 14px;
  font-weight: 500;
}
.setting_education .mid_area .edu_mgt .quiz .title {
  position: relative;
}
.setting_education .mid_area .edu_mgt .quiz .title .btn_toggle {
  position: absolute;
  right: 20px;
  top: 16px;
  z-index: 10;
}
.setting_education .mid_area .edu_mgt .edu_info .file {
  margin-bottom: 0;
}

.setting_education .mid_area .edu_mgt .edu_info .file .write_bar {
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
}
.setting_education .mid_area .edu_mgt .edu_info .file .write_bar .txt_bx {
  border-radius: 8px;
  border: none;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  height: 34px;
}
.setting_education .mid_area .edu_mgt .edu_info .file .write_bar .title {
  width: 470px;
  margin: 0;
  margin-right: 4px;
  font-weight: 400;
  background: #fff;
  border: 1px solid #cacaca;
  color: #4d4d4d;
}
.setting_education .mid_area .edu_mgt .edu_info .file .write_bar .rink {
  width: 452px;
  border: 1px solid #cacaca;
   color: #4d4d4d;
}
.setting_education .mid_area .edu_mgt .edu_info .file .write_bar button {
  background: url(../img/add_btn.png) no-repeat;
  background-size: contain;
  width: 34px;
  height: 34px;
  margin-left: 6px;
}
.setting_education .mid_area .edu_mgt .edu_info .file .file_list {
  border: 2px solid #EEF2F5;
  width: 100%;
  height: 214px;
  overflow-y: auto;
  border-radius: 10px;
  padding: 10px 15px;
  box-sizing: border-box;
}
.setting_education .mid_area .edu_mgt .edu_info .file .file_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 14px;
  margin-bottom: 5px;
  background: #EEF2F5;
  border-radius: 8px;
  padding: 7px 10px;
  box-sizing: border-box;
}
.setting_education .mid_area .edu_mgt .edu_info .file .file_list li:last-child {
  margin-bottom: 0;
}
.setting_education .mid_area .edu_mgt .edu_info .file .file_list li .left {
  width: 445px;
  height: 20px;
  border-right: 1px solid #CACACA;
}
.setting_education .mid_area .edu_mgt .edu_info .file .file_list li .right {
  width: calc(100% - 446px);
  height: 18px;
  display: flex;
  justify-content: flex-end;
}
.setting_education .mid_area .edu_mgt .edu_info .file .file_list li .right p {
  margin-right: 10px;
  width: calc(100% - 60px);
}
.setting_education .mid_area .edu_mgt .edu_info .file .file_list li p {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 500;
  line-height: 20px;
}
.setting_education .mid_area .edu_mgt .edu_info .file .file_list li .edit {
  display: none;
  border: none;
  background: transparent;
  color: #4d4d4d;
  border-bottom: 1px solid #00DF81;
  width: 240px;
  margin-right: 10px;
  height: 20px;
}
.setting_education .mid_area .edu_mgt .edu_info .file .file_list li .edit::placeholder {
  color: #cacaca;
}
.setting_education .mid_area .edu_mgt .edu_info .file .file_list li .left .edit {
  width: calc(100% - 8px);
  margin-right: 8px;
}
.setting_education .mid_area .edu_mgt .edu_info .file .file_list li .right .edit {
  width: 436px;
  margin-right: 10px;
}
.setting_education .mid_area .edu_mgt .edu_info .file .file_list li .edit:focus {
  outline: none;
}
.setting_education .mid_area .edu_mgt .edu_info .file .del_btn {
  display: inline-block;
  width: 14px;
  height: 18px;
  background: url(../img/setting_del.png) no-repeat;
  background-size: contain;
  background-position: center;
}
.setting_education .mid_area .edu_mgt .edu_info .file .edit_btn {
  display: inline-block;
  width: 14px;
  height: 18px;
  background: url(../img/setting_edit.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 6px;
}
.setting_education .mid_area .edu_mgt .quiz .passed {
  margin-right: 40px;
}
.setting_education .mid_area .edu_mgt .quiz .expression {
  margin-right: 10px;
}
.setting_education .mid_area .edu_mgt .quiz .passed select {
  width: 100px;
} 
.setting_education .mid_area .edu_mgt .quiz .expression .txt_bx {
  width: 100px;
} 
.setting_education .mid_area .edu_mgt .quiz .total {
  display: flex;
  align-items: flex-end;
  line-height: 32px;
  font-size: 16px;
  font-weight: 700;
}
.setting_education .mid_area .edu_mgt .quiz .sub_tit {
  width: 100%;
  height: 34px;
  line-height: 34px;
  margin-bottom: 8px;
}
.setting_education .mid_area .edu_mgt .quiz .sub_tit button {
  float: right;
  display: inline-block;
  background: #A3A3A3;
  color: #fff;
  width: 50px;
  line-height: 34px;
  border-radius: 8px;
  font-size: 14px;
}
.setting_education .mid_area .edu_mgt .quiz .sub_tit > i {
  color: #00DF81;
  margin: 0 4px;
}
.setting_education .mid_area .edu_mgt .mid .questions_list {
  height: 600px;
  overflow-y: auto;
  width: 100%;
}
.setting_education .mid_area .edu_mgt .mid .questions_list .question {
  background: #EEF2F5;
  border-radius: 12px;
  padding: 10px;
  box-sizing: border-box;
}
.setting_education .mid_area .edu_mgt .mid .questions_list .question .write {
  display: flex;
}
.setting_education .mid_area .edu_mgt .mid .questions_list .question .write i {
  font-size: 16px;
  font-weight: 700;
  margin-right: 12px;
  line-height: 24px;
  color: #4B6C79;
}
.setting_education .mid_area .edu_mgt .mid .questions_list .question .write .del_btn {
  display: inline-block;
  width: 16px;
  height: 24px;
  background: url(../img/setting_del.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 8px;
}
.setting_education .mid_area .edu_mgt .mid .questions_list .question .write .txt_bx {
  height: 24px;
  width: calc(100% - 44px);
  border: none;
  border-radius: 6px;
}
.setting_education .mid_area .edu_mgt .mid .questions_list .question:not(:last-child) {
  margin-bottom: 12px;
}
.setting_education .mid_area .edu_mgt .mid .questions_list .ex {
  padding-left: 20px;
  box-sizing: border-box;
  margin-top: 10px;
}
.setting_education .mid_area .edu_mgt .mid .questions_list .ex li {
  display: flex;
  align-items: center;
  height: 18px;
  margin-bottom: 10px;
}
.setting_education .mid_area .edu_mgt .mid .questions_list .ex li:last-child {
  margin-bottom: 0;
}
.setting_education .mid_area .edu_mgt .mid .questions_list .ex li i {
  width: 20px;
  text-align: center;
  color: #4d4d4d;
  margin-left: 6px;
  margin-right: 5px;
  font-weight: 500;
}
.setting_education .mid_area .edu_mgt .mid .questions_list .ex li .txt_bx {
  background: none;
  border: none;
  border-bottom: 1px solid #00DF81;
  border-radius: 0;
  height: 18px;
  padding: 0;
  color: #4d4d4d;
  font-size: 14px;
  width: calc(100% - 70px);
}
.setting_education .mid_area .edu_mgt .mid .questions_list .ex li .txt_bx:focus {
  outline: none;
}
.setting_education .mid_area .edu_mgt .mid .questions_list .ex li .check_bx input.radio+label {
  transform: translateY(2px);
}
.setting_education .mid_area .edu_mgt .btm button {
  width: 100%;
  background: #00DF81;
  border-radius: 10px;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.setting_education .mid_area .edu_mgt .file,
.setting_education .mid_area .edu_mgt .quiz {
  position: relative;
}
.setting_education .mid_area .edu_mgt .file::after,
.setting_education .mid_area .edu_mgt .quiz::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(200, 203, 206, 0.6);
  border-radius: 16px;
  backdrop-filter: blur(1px);
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
}
.setting_education .mid_area .edu_mgt .file.on::after,
.setting_education .mid_area .edu_mgt .quiz.on::after {
  opacity: 0;
  visibility: hidden;
}
.setting_education .mid_area .edu_mgt .quiz .title {
  margin-bottom: 12px;
}

/* pop_tip */
.pop_tip {
    width: 100%;
    height: 100%;
    background: transparent;
}
.pop_tip .pop_wrap {
  background: url(../img/tip.png) no-repeat;
  width: 100%;
  height: 100%;
  background-size: 1921px 936px;
  background-position: 0 0;
  cursor: pointer;
}

/* pop_main_notice */
.pop_main_notice {
  width: 500px;
  height: 700px;
  border-radius: 20px;
}
.pop_main_notice .mid_cnt {
  padding: 30px;
  width: 100%;
  height: 650px;
  overflow-y: auto;
  font-size: 16px;
  font-weight: 500;
  word-break: keep-all;
  box-sizing: border-box;
}
.pop_main_notice .btm_cnt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EDF1F4;
  height: 50px;
  border-radius: 0 0 20px 20px;
  padding: 0 30px;
  box-sizing: border-box;
}
.pop_main_notice .btm_cnt .not_show {
  width: 114px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop_main_notice .btm_cnt .not_show .check_bx {
  width: 114px;
  margin: auto;
}
.pop_main_notice .btm_cnt .not_show .check_bx>input.check+label>span {
  color: #4D4D4D;
  font-size: 16px;
  top: 2px;
}

.pop_main_notice .btm_cnt .close {
  width: auto;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

/* document */
.document {
  width: 100%;
  height: 100%;
  color: #fff;
}
.document .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.document .top_area .tit .tit_icon {
  background: url(../img/tit_icon_document.png) no-repeat;
  background-size: contain;
}
.document .mid_area .section table .state.approval {
  color: #00DF81;
}
.document .mid_area .section table .state.refuse {
  color: #FF9797;
}
.document .mid_area .section table .btn_file {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
}
.document .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}

.document .bot_area {
  position: relative;
}

/* physical_examination */
.physical_examination {
  width: 100%;
  height: 100%;
  color: #fff;
}
.physical_examination .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.physical_examination .top_area .tit .tit_icon {
  background: url(../img/tit_icon_physical_examination.png) no-repeat;
  background-size: contain;
}
.physical_examination .search_bar select {
  padding-right: 10%;
}
.physical_examination .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}

.physical_examination .bot_area {
  position: relative;
}

/* admin_physical_examination */
.admin_physical_examination {
  width: 100%;
  height: 100%;
  color: #fff;
}
.admin_physical_examination .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.admin_physical_examination .top_area .tit .tit_icon {
  background: url(../img/tit_icon_physical_examination.png) no-repeat;
  background-size: contain;
}
.admin_physical_examination .search_bar select {
  padding-right: 10%;
}
.admin_physical_examination .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}

.admin_physical_examination .bot_area {
  position: relative;
}

/* pop_info_physical_examination */
.pop_info_physical_examination {
  width: 560px;
  height: auto;
  border-radius: 24px;
}
.pop_info_physical_examination .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_info_physical_examination .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_info_physical_examination .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_physical_examination .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}

.pop_info_physical_examination .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 20px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .check_bx span {
  font-size: 16px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .check_bx input.radio+label {
  width: 18px;
  height: 18px;
  background-size: contain;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .check_bx input.radio:disabled+label {
  cursor: default;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .gen .check_bx {
  width: 100px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .datepicker:disabled {
  cursor: default;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .check_category .check_bx {
  width: 200px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .check_category .check_bx + .check_bx {
  margin-left: 20px;
}
.pop_info_physical_examination .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .item_bx .sub_tit {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 18px;
  line-height: 20px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .item_bx .line {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .item_bx + .item_bx {
  border-top: 1px solid #ececec;
  margin-top: 20px;
  padding-top: 20px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .item_bx .line + .line {
  margin-top: 14px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .item_bx .line .item + .item {
  margin-left: 22px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .item dt {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .item dd {
  color: #4d4d4d;
  height: 34px;
  display: flex;
  align-items: center;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .item dd .txt_bx {
  border: 1px solid #D9D9D9;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .item dd .txt_bx:disabled {
  border: none;
  background: #EEF2F5;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .item dd .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .item.data dd .txt_bx {
  background: #EEF2F5;
  border: none;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .item {
  width: 100%;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .category {
  width: 200px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .date {
  width: 200px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .gen {
  width: 200px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .position {
  width: 200px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .date .datepicker {
  border: none;
  height: 32px;
  border-radius: 8px;
  background: #EEF2F5;
  margin-right: 6px;
  color: #4d4d4d;
  text-align: center;
  width: 200px;
}
.pop_info_physical_examination .pop_wrap .mid_cnt .search dt .btn_search {
  float: right;
  display: block;
  width: 50px;
  line-height: 20px;
  font-size: 12px;
  background: #4B6C79;
  color: #fff;
  border-radius: 4px;
}


/* pop_work_list */
.pop_work_list {
  width: 900px;
  height: 750px;
  border-radius: 24px;
}
.pop_work_list .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
  position: relative;
  height: 750px;
}
.pop_work_list .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 14px;
}
.pop_work_list .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_work_list .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_work_list .pop_wrap .mid_cnt .top_bx {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 16px;
}
.pop_work_list .pop_wrap .mid_cnt .top_bx .beaver.upper {
  width: 110px;
  height: 102px;
  background: url(../img/beaver_worklist.png) no-repeat;
  background-size: contain;
}
.pop_work_list .pop_wrap .mid_cnt .top_bx .txt_wrap {
  width: 634px;
  height: 80px;
  border: none;
  border-radius: 12px;
  padding: 16px 24px;
  box-sizing: border-box;
  color: #4B6C79;
  font-weight: 700;
  background: #EEF2F5;
 
}
.pop_work_list .pop_wrap .mid_cnt .top_bx .txt_wrap > div:first-child {
  margin-bottom: 12px;
}
.pop_work_list .pop_wrap .mid_cnt .top_bx .txt_wrap > div {
  display: flex;
}
.pop_work_list .pop_wrap .mid_cnt .top_bx .txt_wrap > div p+p {
  margin-left: 30px;
}
.pop_work_list .pop_wrap .mid_cnt .top_bx .txt_wrap p {
  font-size: 16px;
}
.pop_work_list .pop_wrap .mid_cnt .top_bx .txt_wrap p:first-child {
  width: 28%;
}
.pop_work_list .pop_wrap .mid_cnt .top_bx .txt_wrap p:last-child {
  margin-bottom: 0;
}
.pop_work_list .pop_wrap .mid_cnt .top_bx .txt_wrap p > i {
  font-weight: 500;
  margin-left: 4px;
}
.pop_work_list .pop_wrap .mid_cnt .list .sub_tit {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_work_list .pop_wrap .mid_cnt .list .table table {
  table-layout: fixed;
  width: 100%;
  text-align: center;
}
.pop_work_list .pop_wrap .mid_cnt .list .table table tr th, 
.pop_work_list .pop_wrap .mid_cnt .list .table table tr td  {
  height: 32px;
  line-height: 33px;
  font-size: 14px;
}
.pop_work_list .pop_wrap .mid_cnt .list .table .head {
  background: #4B6C79;
  border-radius: 8px 8px 0 0;
}
.pop_work_list .pop_wrap .mid_cnt .list .table .head table th {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  vertical-align: middle;
  height: 17px;
}
.pop_work_list .pop_wrap .mid_cnt .list .table .head table .state_th {
  font-size: 12px;
  color: #D9D9D9;
  transform: translateY(2px);
}
.pop_work_list .pop_wrap .mid_cnt .list .table .body {
  border: 1px solid #cacaca;
  border-radius: 0 0 8px 8px;
  height: 340px;
  overflow-y: auto;
  text-align: center;
}

.pop_work_list .pop_wrap .mid_cnt .list .table .body .btn_under_01 {
  color: #4d4d4d;
}

.pop_work_list .pop_wrap .mid_cnt .list .table .elps{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.pop_work_list .pop_wrap .mid_cnt .list .table td {
  color: #4d4d4d;
}
.pop_work_list .pop_wrap .mid_cnt .list .table .red {
  color: #F92828;
}
.pop_work_list .pop_wrap .mid_cnt .list .table .body tr:last-child td {
  border-bottom: none;
}
.pop_work_list .pop_wrap .btm_cnt {
  margin-top: 10px;
  text-align: right;
}
.pop_work_list .pop_wrap .btm_cnt .btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  width: 96px;
  line-height: 34px;
  text-align: center;
}


/* pop_danger_check */
.pop_danger_check {
  width: 900px;
  height: 750px;
  border-radius: 24px;
}
.pop_danger_check .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
  position: relative;
  height: 750px;
}
.pop_danger_check .pop_wrap .btn_prev, 
.pop_danger_check .pop_wrap .btn_next {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 55px;
  left: 50%;
  transform: translateY(-50%);
  z-index: 11;
}
.pop_danger_check .mid_cnt {
  overflow: hidden;
}
.pop_danger_check .swiper-button-prev {
  background: url(../img/btn_prev_03.png) no-repeat;
  width: 30px;
  height: 30px;
  background-size: contain;
  cursor: pointer;
  bottom: 55px;
  left: 42%;
  transform: translateY(-50%);
  z-index: 11;
}

.pop_danger_check .swiper-button-next {
  background: url(../img/btn_next_03.png) no-repeat;
  width: 30px;
  height: 30px;
  background-size: contain;
  cursor: pointer;
  right: 70px;
  bottom: 55px;
  left: 55%;
  transform: translateY(-50%);
  z-index: 11;
}
.pop_danger_check .swiper-pagination {
  bottom: 74px;
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 700;
}
.pop_danger_check .swiper-pagination .swiper-pagination-current {
  color: #00DF81;
}

.pop_danger_check .swiper-button-next::after,
.pop_danger_check .swiper-button-prev::after {
  display: none;
}

.pop_danger_check .swiper-slide {
  height: 496px;
  overflow-y: auto;
}
.pop_danger_check .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 30px;
}
.pop_danger_check .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_danger_check .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_danger_check .swiper-slide .top_bx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.pop_danger_check .swiper-slide .top_bx .beaver > img {
  width: 150px;
  height: 116px;
}

.pop_danger_check .swiper-slide .top_bx .txt_wrap {
  width: 590px;
  height: 116px;
  border: none;
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box;
  color: #4B6C79;
  font-weight: 700;
  background: #EEF2F5;
}
.pop_danger_check .swiper-slide .top_bx .txt_wrap > div {
  display: flex;
  margin-bottom: 10px;
}
.pop_danger_check .swiper-slide .top_bx .txt_wrap > div:last-child {
  margin-bottom: 0;
}
.pop_danger_check .swiper-slide .top_bx .txt_wrap > div > p {
  font-size: 16px;
  margin-right: 20px;
  width: 48%;
}
.pop_danger_check .swiper-slide .top_bx .txt_wrap p:last-child {
  margin-bottom: 0;
}
.pop_danger_check .swiper-slide .top_bx .txt_wrap p > i {
  font-weight: 500;
  margin-left: 4px;
}
.pop_danger_check .swiper-slide .top_bx .txt_wrap p .black {
  color: #000;
  font-weight: 700;
}
.pop_danger_check .mid_bx {
  display: flex;
  justify-content: space-between;
}
.pop_danger_check .mid_bx .left {
  width: 480px;
  margin-right: 18px;
}
.pop_danger_check .mid_bx .right {
  width: calc(100% - 504px);
}
.pop_danger_check .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.pop_danger_check .mid_cnt .txt_bx {
  border: none;
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  background: #EEF2F5;
  color: #4d4d4d;
}
.pop_danger_check .mid_cnt textarea.txt_bx {
  resize: none;
}
.pop_danger_check .mid_cnt .txt_bx::placeholder {
  color: #cacaca;
}
.pop_danger_check .mid_cnt .left > div,
.pop_danger_check .mid_cnt .right > div {
  margin-bottom: 15px;
}
.pop_danger_check .mid_cnt .left > div:last-child,
.pop_danger_check .mid_cnt .right > div:last-child {
  margin-bottom: 0;
}
.pop_danger_check .mid_cnt .left .risk .txt_bx {
  height: 80px;
}
.pop_danger_check .mid_cnt .left .measures .txt_bx {
  height: 80px;
}
.pop_danger_check .mid_cnt .left .other .txt_bx {
  height: 80px;
}
.pop_danger_check .mid_cnt .right .pic .img_wrap {
  width: 100%;
  border: none;
  border-radius: 8px;
  height: 206px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
  background: #EEF2F5;
}
.pop_danger_check .mid_cnt .right .pic .img_wrap > p {
  display: none;
  color: #4d4d4d;
}
.pop_danger_check .mid_cnt .right .pic .img_wrap > img {
  width: inherit;
  height: inherit;
}
.pop_danger_check .mid_cnt .right .pic .img_wrap.before .before_txt {
  display: inline-block;
}
.pop_danger_check .mid_cnt .right .pic .img_wrap.before > img {
  display: none;
}
.pop_danger_check .mid_cnt .right .pic .img_wrap.empty .empty_txt {
  display: inline-block;
}
.pop_danger_check .mid_cnt .right .pic .img_wrap.empty > img {
  display: none;
}
.pop_danger_check .mid_cnt .right .state button {
  width: 100%;
  line-height: 40px;
  text-align: center;
  border-radius: 8px;
}
.pop_danger_check .mid_cnt .right .state .request_btn {
  background: #F92828;
  color: #fff;
}
.pop_danger_check .mid_cnt .right .state .request_complete_btn {
  background: #A3A3A3;
  color: #fff;
  cursor: default;
  display: none;
}
.pop_danger_check .mid_cnt .right .state > .info {
  width: 100%;
  text-align: right;
  color: #4B6C79;
  margin-top: 16px;
  font-weight: 500;
  display: none;
}

.pop_danger_check .pop_wrap .btm_cnt {
  margin-top: 16px;
  text-align: right;
}

.pop_danger_check .pop_wrap .btm_cnt .checklist_btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  padding: 10px 16px;
}

/* pop_file_list */
.pop_file_list {
  width: 400px;
  max-height: 224px;
  border-radius: 16px;
}
.pop_file_list .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 16px 16px 0 0;
  padding: 20px;
  box-sizing: border-box;
}
.pop_file_list .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/close_g.png) no-repeat;
  background-size: contain;
}
.pop_file_list .pop_wrap .top_cnt .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.pop_file_list .pop_wrap .mid_cnt .list {
  width: 100%;
  padding: 20px;
  padding-top: 6px;
  box-sizing: border-box;
}
.pop_file_list .pop_wrap .mid_cnt .list li:not(:last-child) {
  margin-bottom: 10px;
}
.pop_file_list .pop_wrap .mid_cnt .list li a {
  color: #4d4d4d;
  font-size: 16px;
  text-decoration: underline;
  font-weight: 500;
}


/* pop_list_file */
.pop_list_file {
  width: 400px;
  max-height: 300px;
  border-radius: 16px;
}
.pop_list_file .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  margin-bottom: 14px;
  box-sizing: border-box;
}
.pop_list_file .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/close_g.png) no-repeat;
  background-size: contain;
}
.pop_list_file .pop_wrap .top_cnt .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.pop_list_file .pop_wrap {
  padding: 20px;
}
.pop_list_file .pop_wrap .mid_cnt .top_bx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.pop_list_file .pop_wrap .mid_cnt .top_bx .total {
  color: #4d4d4d;
  font-size: 16px; 
  font-weight: 500;
}
.pop_list_file .pop_wrap .mid_cnt .top_bx .total > i {
  font-weight: 700;
}
.pop_list_file .pop_wrap .mid_cnt .top_bx .add {
  background: #00DF81;
  border-radius: 4px;
  width: 50px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
}
.pop_list_file .pop_wrap .mid_cnt .list {
  width: 100%;
  box-sizing: border-box;
  height: 140px;
  overflow-y: auto;
}
.pop_list_file .pop_wrap .mid_cnt .list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop_list_file .pop_wrap .mid_cnt .list li .file_del {
  width: 12px;
  height: 12px;
  background: url(../img/file_del.png) center no-repeat;
  background-size: contain;
}
.pop_list_file .pop_wrap .mid_cnt .list li:not(:last-child) {
  margin-bottom: 10px;
}
.pop_list_file .pop_wrap .mid_cnt .list li a {
  color: #4d4d4d;
  font-size: 16px;
  text-decoration: underline;
  font-weight: 500;
}
.pop_list_file .pop_wrap .btm_cnt {
  margin-top: 16px;
  text-align: right;
}
.pop_list_file .pop_wrap .btm_cnt .btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  width: 76px;
  height: 34px;
  text-align: center;
  line-height: 34px;
}

/* checklist */
.checklist {
  width: 100%;
  height: 100%;
  color: #fff;
}
.checklist .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.checklist .top_area .tit .tit_icon {
  background: url(../img/tit_icon_checklist.png) no-repeat;
  background-size: contain;
}
.checklist .mid_area .section table .red {
  color: #F92828;
}
.checklist .mid_area .section table .btn_file {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
}
.checklist .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}

.checklist .bot_area {
  position: relative;
}

/* danger */
.danger {
  width: 100%;
  height: 100%;
  color: #fff;
}
.danger .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.danger .top_area .tit .tit_icon {
  background: url(../img/tit_icon_danger.png) no-repeat;
  background-size: contain;
}
.danger .search_bar .search_wrap .search_left .list_btn {
  margin-left: 8px;
  height: 34px;
  padding: 0;
}
.danger .search_bar .search_wrap .right a {
  display: inline-block;
  font-size: 14px;
  padding: 9px 0;
  background: #A3A3A3;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  float: left;
  margin-right: 8px;
}
.danger .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}
.danger .bot_area {
  position: relative;
}

/* danger.add */
.danger.add .search_bar .search_wrap .right {
  padding-top: 30px;
}
.danger.add .search_bar .search_wrap .right button {
  padding: 10px 12px;
  width: auto;
}
.danger.add .search_bar .search_wrap .right button.add,
.danger.add .search_bar .search_wrap .right button.edit,
.danger.add .search_bar .search_wrap .right .pdf {
  background: #666565;
}
.danger.add .search_bar .search_wrap .right button.save,
.danger.add .search_bar .search_wrap .right button.approval,
.danger.add .search_bar .search_wrap .right button.request {
  background: #4B6C79;
}

.danger.add .search_bar .search_wrap .right .pdf {
  padding: 10px 22px;
  margin-left: 8px;
  margin-right: 0;
}
.danger.add .search_bar .search_wrap .left .item + .item {
  margin-left: 12px;
}
.danger.add .search_bar .search_wrap .left .item dt {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.danger.add .search_bar .search_wrap .left .item dd {
  color: #4d4d4d;
}
.danger.add .search_bar .search_wrap .left .item dd .txt_bx {
  border: 1px solid #D9D9D9;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.danger.add .search_bar .search_wrap .left .item dd .txt_bx::placeholder {
  color: #CACACA;
}
.danger.add .search_bar .search_wrap .left.disabled .item dd .txt_bx {
  background: #EEF2F5;
  border: none;
}
.danger.add .search_bar .search_wrap .left .work_type dt .btn_search {
  float: right;
  display: block;
  width: 50px;
  height: 20px;
  padding: 0;
  line-height: 20px;
  font-size: 12px;
  background: #4B6C79;
  color: #fff;
  border-radius: 4px;
}
.danger.add .search_bar .search_wrap .left .work_type {
  width: 374px;
}
.danger.add .search_bar .search_wrap .left .place {
  width: 258pxpx;
}
.danger.add .search_bar .search_wrap .left .date {
  width: 230px;
}
.danger.add .search_bar .search_wrap .left .date .end {
  position: relative;

}
.danger.add .search_bar .search_wrap .left .date dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.danger.add .search_bar .search_wrap .left .date .datepicker_bx {
  width: 230px !important;
}
.danger.add .search_bar .search_wrap .left .date .datepicker_bx .datepicker {
  width: 100px;
}
.danger.add .search_bar .search_wrap .left .date .end::after {
  content: '';
  position: absolute;
  display: block;
  left: -20px;
  bottom: 14px;
  width: 10px;
  height: 1px;
  background: #cacaca;
}
.danger.add .mid_area .search_bar {
  border-radius: 0;
}
.danger.add .mid_area .table {
  transform: translateY(-1px);
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 16px 16px;
  padding: 0  20px 28px 20px;
}
.danger.add .mid_area .table .total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 9px;
}
.danger.add .mid_area .table .total >p {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
}
.danger.add .mid_area .table .total >p.noti {
  color: #F92828;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.danger.add .mid_area .table .total .user_list {
  display: flex;
  align-items: center;
  max-width: 1578px;
  overflow-x: hidden;
} 
.danger.add .mid_area .table .total .user_list li {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.danger.add .mid_area .table .total .user_list li > .dot {
  display: inline-block; 
  width: 10px;
  height: 10px;
  background: #ddd;
  border-radius: 50%;
  margin-right: 4px;
}
.danger.add .mid_area .table .total .user_list li + li {
  margin-left: 6px;
}
.danger.add .mid_area .table .body {
  height: 650px;
  overflow-y: auto;
  outline: 1px solid #CACACA;
  outline-offset: -1px;
  border-radius: 0 0 16px 16px;
}
.danger.add .mid_area .table .table {
  width: 100%;
  border: 1px solid #cacaca;
  border-radius: 12px;
  box-sizing: border-box;
}
.danger.add .mid_area .table .table td {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.danger.add .mid_area .table .table .num {
  width: 50px;
}
.danger.add .mid_area .table .table .head {
  border-radius: 8px 8px 0 0;
  background: #4B6C79;
}
.danger.add .mid_area .table .head .check_bx>input.check+label {
  transform: translateY(2px);
}
.danger.add .mid_area .table table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.danger.add .mid_area .table .head {
  background: #4B6C79;
  border-radius: 8px 8px 0 0;
}
.danger.add .mid_area .table .head > table th {
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-right: 1px solid #fff;
}
.danger.add .mid_area .table .head > table th > .essential {
  color: #FF9797;
  display: inline-block;
  margin-right: 4px;
  font-size: 18px;
  transform: translateY(5px);
}
.danger.add .mid_area .table .head > table th .create {
  position: absolute;
  right: 4px;
  background: #A1E4FF;
  border-radius: 4px;
  color: #4D4D4D;
  font-size: 12px;
  width: 50px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: 500;
  margin-top: 6px;
}
.danger.add .mid_area .table .head > table th.reform {
  position: relative;
}
.danger.add .mid_area .table .head > table tr:last-child th:last-child {
  border-right: none;
}
.danger.add .mid_area .table .body .table {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
.danger.add .mid_area .table .body > table td {
  height: 54px;
  border-bottom: 1px solid #CACACA;
  border-right: 1px solid #CACACA;
  color: #4d4d4d;
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
  overflow: visible;
  white-space: wrap;
  max-height: 50px;
  overflow-y: auto;
}
.danger.add .mid_area .table .body > table tr:last-child td:last-child {
  border-right: none;
}
.danger.add .mid_area .table .body > table td.elps_td > div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.danger.add .mid_area .table .body > table td.elps_td > div > i {
  display: inline-block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.danger.add .mid_area .table .body > table td .txt_bx {
  border: none;
  resize: none;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  padding: 4px 4px;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  transform: translateY(1px);
  word-break: keep-all;
}
.danger.add .mid_area .table .body > table td .txt_bx::placeholder {
  color: #CACACA;
}
.danger.add .mid_area .table .body > table .disabled td .txt_bx.pop:hover {
  text-decoration: underline;
}
.danger.add .mid_area .table .body > table .disabled td .txt_bx.pop {
  cursor: pointer;
} 
.danger.add .mid_area .table .body > table td .del_btn {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/file_del.png) center no-repeat;
  background-size: contain;
  margin: auto;
}
.danger.add .mid_area .table .body > table select {
  border: none;
  width: 38px;
  height: 32px;
  border-radius: 8px;
  padding-left: 4px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: #EEF2F5;
  text-align: left;
}
.danger.add .mid_area .table .body > table td .datepicker_bx {
  background: #EEF2F5;
  height: 34px;
  border-radius: 8px;
  width: 100px;
  text-align: center;
  margin: auto;
}
.danger.add .mid_area .table .body > table td .datepicker_bx .datepicker {
  width: 100px;
}
.danger.add .mid_area .table .body > table .disabled td .datepicker_bx .datepicker {
  text-decoration:  none;
  cursor: default;
}
.danger.add .mid_area .table .pic {
  overflow: visible;
}
.danger.add .mid_area .table .pic button {
  display: block;
  margin: auto;
}
.danger.add .mid_area .table .pic button + button {
  margin-top: 4px;
}
.danger.add .mid_area .table .body .btn_under_01 {
  color: #4d4d4d;
}
.danger.add .mid_area .table .body .grade.red {
  color: #F92828;
}
.danger.add .mid_area .table .body .btn_under_01.red {
  color: #FF6868;
}
.danger.add .mid_area .table .body .btn_under_01.del {
  color: #FF6868;
}

/* worker_opinion */
.worker_opinion {
  width: 100%;
  height: 100%;
  color: #fff;
}
.worker_opinion .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.worker_opinion .top_area .tit .tit_icon {
  background: url(../img/tit_icon_worker_opinion.png) no-repeat;
  background-size: contain;
}
.worker_opinion .search_bar .search_wrap .search_left .list_btn {
  margin-left: 8px;
  height: 34px;
  padding: 0;
}
.worker_opinion .search_bar .search_wrap .right a {
  display: inline-block;
  font-size: 14px;
  padding: 9px 0;
  background: #A3A3A3;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  float: left;
  margin-right: 8px;
}
.worker_opinion .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}
.worker_opinion .bot_area {
  position: relative;
}


/* pop_list_opinion */
.pop_list_opinion {
  width: 884px;
  height: auto;
  border-radius: 24px;
}
.pop_list_opinion .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_list_opinion .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 34px;
  position: relative;
}
.pop_list_opinion .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_opinion .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_list_opinion .pop_wrap .top_cnt .label {
  position: absolute;
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 8px;
  background: #4B6C79;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  right: 60px;
}
.pop_list_opinion .pop_wrap .mid_cnt .top_bx {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 16px;
}
.pop_list_opinion .pop_wrap .mid_cnt .top_bx .beaver.upper {
  width: 110px;
  height: 102px;
  background: url(../img/beaver_worklist.png) no-repeat;
  background-size: contain;
}
.pop_list_opinion .pop_wrap .mid_cnt .top_bx .txt_wrap {
  width: 618px;
  height: 80px;
  border: none;
  border-radius: 12px;
  padding: 16px 24px;
  box-sizing: border-box;
  color: #4B6C79;
  font-weight: 700;
  background: #EEF2F5;
 
}
.pop_list_opinion .pop_wrap .mid_cnt .top_bx .txt_wrap > div:first-child {
  margin-bottom: 12px;
}
.pop_list_opinion .pop_wrap .mid_cnt .top_bx .txt_wrap > div {
  display: flex;
  align-items: center;
}
.pop_list_opinion .pop_wrap .mid_cnt .top_bx .txt_wrap > div p+p {
  margin-left: 30px;
}
.pop_list_opinion .pop_wrap .mid_cnt .top_bx .txt_wrap p {
  font-size: 16px;
}
.pop_list_opinion .pop_wrap .mid_cnt .top_bx .txt_wrap p:first-child {
  width: 50%;
}
.pop_list_opinion .pop_wrap .mid_cnt .top_bx .txt_wrap p:last-child {
  margin-bottom: 0;
}
.pop_list_opinion .pop_wrap .mid_cnt .top_bx .txt_wrap p > i {
  font-weight: 500;
  margin-left: 4px;
}
.pop_list_opinion .pop_wrap .mid_cnt .top_bx .txt_wrap p > i.elps {
  max-width: 230px;
  display: inline-block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  transform: translateY(3px);
}
.pop_list_opinion .pop_wrap .mid_cnt .mid_bx {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pop_list_opinion .pop_wrap .mid_cnt .write_wrap {
  width: 440px;
  margin-right: 24px;
}
.pop_list_opinion .pop_wrap .mid_cnt .img_wrap {
  width: 280px;
}
.pop_list_opinion .pop_wrap .mid_cnt .img_wrap .empty {
  background: #EEF2F5;
  border-radius: 12px;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.pop_list_opinion .pop_wrap .mid_cnt .img_wrap .empty > p {
  font-size: 14px;
  font-weight: 400;
  color: #878787;
}
.pop_list_opinion .pop_wrap .mid_cnt .img_wrap > .img {
  width: 100%;
  height: 300px;
  background: #EEF2F5;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  cursor: pointer;
}
.pop_list_opinion .pop_wrap .mid_cnt .img_wrap > .img > img {
  max-width: 100%;
  max-height: 100%;
}
.pop_list_opinion .pop_wrap .mid_cnt .img_wrap.empty .empty {
  display: flex;
}
.pop_list_opinion .pop_wrap .mid_cnt .img_wrap.empty > .img {
  display: none;
}
.pop_list_opinion .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_list_opinion .pop_wrap .mid_cnt .memo_wrap {
  width: 100%;
  background: #EEF2F5;
  border-radius: 12px;
  padding: 10px;
  height: 300px;
  overflow-y: auto;
  box-sizing: border-box;
}
.pop_list_opinion .pop_wrap .mid_cnt .memo_wrap > p {
  font-size: 16px;
  line-height: 18px;
  color: #4d4d4d;
  font-weight: 500;
}

.pop_list_opinion .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 22px;
} 
.pop_list_opinion .pop_wrap .btm_cnt .btn {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  background: #666565;
  color: #ffff;
  padding: 9px 24px;
  border-radius: 8px;
  font-size: 14px;
}
.pop_list_opinion .pop_wrap .btm_cnt .btn + .btn {
  margin-left: 6px;
}

/* measurement */
.measurement {
  width: 100%;
  height: 100%;
  color: #fff;
}
.measurement .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.measurement .top_area .tit .tit_icon {
  background: url(../img/tit_icon_measurement.png) no-repeat;
  background-size: contain;
}
.measurement .mid_area .section table .red {
  color: #F92828;
}
.measurement .mid_area .section table .btn_file {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
}
.measurement .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}
.measurement .bot_area {
  position: relative;
}

/* pop_info_measurement */
.pop_info_measurement {
  width: 986px;
  height: auto;
  border-radius: 24px;
}
.pop_info_measurement .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_info_measurement .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 34px;
  position: relative;
}
.pop_info_measurement .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_measurement .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_measurement .pop_wrap .top_cnt .tit input[type="text"] {
 border: 1px solid #D9D9D9;
    height: 34px;
    border-radius: 8px;
    padding: 0 10px;
    box-sizing: border-box;
    width: 90px;
    color: #4d4d4d; 
    font-size: 28px;
    color: #4B6C79;
    font-weight: 700;
    text-align: center;
}
.pop_info_measurement .pop_wrap .top_cnt .tit input[type="text"]:disabled {
  background: #EEF2F5;
  border: none;
  cursor: default;
}
.pop_info_measurement .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 22px;
} 
.pop_info_measurement .pop_wrap .btm_cnt .btn {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  background: #666565;
  color: #ffff;
  padding: 9px 24px;
  border-radius: 8px;
  font-size: 14px;
  width: 96px;
}
.pop_info_measurement .pop_wrap .top_bx {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.pop_info_measurement .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_info_measurement .pop_wrap .mid_cnt select {
  border: none;
  width: 100px;
  height: 32px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: #EEF2F5;
}
.pop_info_measurement .pop_wrap .mid_cnt select:disabled {
  opacity: 1;
}
.pop_info_measurement .pop_wrap .mid_cnt .txt_bx {
  border: 1px solid #CACACA;
  height: 32px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  width: 100px;
}
.pop_info_measurement .pop_wrap .mid_cnt .txt_bx:disabled {
  background: #EEF2F5;
  border: none;
}
.pop_info_measurement .pop_wrap .mid_cnt .datepicker_bx {
  background: #EEF2F5;
  box-sizing: border-box;
  border-radius: 8px;
}
.pop_info_measurement .pop_wrap .mid_cnt .datepicker {
  border: none;
  width: 100px;
  height: 32px;
  color: #4d4d4d;
}
.pop_info_measurement .pop_wrap .mid_cnt .datepicker:disabled {
  cursor: default;
}
.pop_info_measurement .pop_wrap .mid_cnt .end {
  position: relative;
  margin-left: 30px;
}
.pop_info_measurement .pop_wrap .mid_cnt .end::after {
  content: '';
  position: absolute;
  display: block;
  left: -22px;
  bottom: 14px;
  width: 10px;
  height: 1px;
  background: #cacaca;
}
.pop_info_measurement .pop_wrap .mid_cnt .cycle {
  margin-right: 16px;
}
.pop_info_measurement .pop_wrap .mid_cnt .worker {
  margin-left: 8px;
}

.pop_info_measurement .pop_wrap .btm_cnt .btn + .btn {
  margin-left: 6px;
}
.pop_info_measurement .pop_wrap .mid_cnt .table {
  width: 100%;
  border: 1px solid #cacaca;
  border-radius: 12px;
}
.pop_info_measurement .pop_wrap .mid_cnt .table td {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .num {
  width: 50px;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .head {
  border-radius: 8px 8px 0 0;
  background: #4B6C79;
}
.pop_info_measurement .pop_wrap .mid_cnt .table table {
  width: 100%;
  table-layout: fixed;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .head > table th {
  line-height: 34px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.pop_info_measurement .pop_wrap .mid_cnt .table .body {
  border-radius: 0 0 8px 8px;
  overflow-y: auto;
  text-align: center;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body table {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body > table th {
  height: 40px;
  border-bottom: 1px solid #CACACA;
  border-right: 1px solid #CACACA;
  color: #4B6C79;
  background: #EFEDED;
  box-sizing: border-box;
  font-size: 14px;
  text-align: left;
  padding-left: 18px;
  line-height: 18px;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body > table tr:last-child th {
  border-bottom: none;
  border-radius: 0 0 0 12px;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body > table th.center {
  text-align: center;
  padding-left: 0;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body > table td {
  height: 40px;
  border-bottom: 1px solid #ECECEC;
  color: #4B6C79;
  box-sizing: border-box;
  font-size: 14px;
  padding: 10px 18px;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body > table tr:last-child td {
  border-bottom: none;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body .check_bx {
  display: flex;
  align-items: center;
  width: 130px;
  float: left;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body .check_bx input.radio+label {
  width: 18px;
  height: 18px;
  background-size: contain;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body .check_bx input.radio:disabled+label {
  cursor: default !important;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body .check_bx>label>p {
  color: #CACACA;
  font-weight: 500;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body .check_bx>label>p {
  margin-left: 64px;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body .check_bx input:checked+label>p {
  color: #4d4d4d;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body .chk_td .txt_bx {
  border: none;
  height: 18px;
  border-radius: 0;
  width: 200px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body .chk_td .txt_bx:focus {
  outline: none;
  border-bottom: 1px solid #00DF81;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body .chk_td .txt_bx:disabled {
  background: #fff;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body .date_td {
  text-align: left;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body .date_td .datepicker {
  padding: 0;
  margin: 0;
  background: #fff;
  width: 88px;
  height: 18px;
  text-align: left;
  padding-left: 2px;
  box-sizing: border-box;
}
.pop_info_measurement .pop_wrap .mid_cnt .table .body .date_td .datepicker:focus {
  outline: none;
}

/* document_stress */
.document_stress {
  width: 100%;
  height: 100%;
  color: #fff;
}
.document_stress .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.document_stress .top_area .tit .tit_icon {
  background: url(../img/tit_icon_document_stress.png) no-repeat;
  background-size: contain;
}
.document_stress .mid_area .section table .state.very_high i {
  color: #FF9797;
  font-weight: 700;
}
.document_stress .mid_area .section table .state.high i {
  color: #F4D323;
  font-weight: 700;
}
.document_stress .mid_area .section table .state.row i {
  color: #67C8FF;
  font-weight: 700;
}
.document_stress .mid_area .section table .state.very_row i {
  color: #00DF81;
  font-weight: 700;
}
.document_stress .mid_area .section table tr {
  cursor: pointer;
}
.document_stress .mid_area .section table .memo {text-align: center;}
.document_stress .bot_area {
  position: relative;
}

/* pop_stress_total */
.pop_stress_total {
  width: 1020px;
  height: 840px;
  border-radius: 24px;
}
.pop_stress_total .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_stress_total .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 34px;
}
.pop_stress_total .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_stress_total .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_stress_total .pop_wrap .mid_cnt .score {
  width: 100%;
  height: 112px;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.pop_stress_total .pop_wrap .mid_cnt .score .beaver {
  height: 112px; 
}
.pop_stress_total .pop_wrap .mid_cnt .score .txt {
  margin-left: 20px;
  margin-top: 18px;
}
.pop_stress_total .pop_wrap .mid_cnt .score .txt .num {
  width: auto;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}
.pop_stress_total .pop_wrap .mid_cnt .score .txt .sub {
  font-weight: 700;
  font-size: 16px;
  color: #4B6C79;
}
.pop_stress_total .pop_wrap .mid_cnt .noti {
  margin-bottom: 20px;
  font-size: 14px;
  color: #4d4d4d;
  line-height: 1.6;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx {
  width: 100%;
  text-align: center;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .tit {
  color: #4B6C79;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned li:not(:last-child) {
  margin-right: 30px;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned li {
  display: flex;
  justify-content: flex-start;
  height: 20px;
  align-content: center;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned li p {
  line-height: 20px;
  color: #4B6C79;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned li span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned .very_high span {
  background: #FF9797;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned .very_high i {
  color: #FF9797;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned .high span {
  background: #F4D323;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned .high i {
  color: #F4D323;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned .row span {
  background: #67C8FF;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned .row i {
  color: #67C8FF;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned .very_row span {
  background: #00DF81;
}
.pop_stress_total .pop_wrap .mid_cnt .legend_bx .legned .very_row i {
  color: #00DF81;
}

.pop_stress_total .pop_wrap .btm_cnt {
  margin-top: 20px;
  text-align: right;
}
.pop_stress_total .pop_wrap .btm_cnt .checklist_btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  padding: 10px 16px;
}
.pop_stress_er_total {
  width: 1020px;
  height: 840px;
  border-radius: 24px;
}
.pop_stress_er_total .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_stress_er_total .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 34px;
}
.pop_stress_er_total .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_stress_er_total .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_stress_er_total .pop_wrap .mid_cnt .score {
  width: 100%;
  height: 112px;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.pop_stress_er_total .pop_wrap .mid_cnt .score .beaver {
  height: 112px; 
}
.pop_stress_er_total .pop_wrap .mid_cnt .score .txt {
  margin-left: 20px;
  margin-top: 18px;
}
.pop_stress_er_total .pop_wrap .mid_cnt .score .txt .num {
  width: auto;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}
.pop_stress_er_total .pop_wrap .mid_cnt .score .txt .sub {
  font-weight: 700;
  font-size: 16px;
  color: #4B6C79;
}
.pop_stress_er_total .pop_wrap .mid_cnt .noti {
  margin-bottom: 20px;
  font-size: 14px;
  color: #4d4d4d;
  line-height: 1.6;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx {
  width: 100%;
  text-align: center;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .tit {
  color: #4B6C79;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned li:not(:last-child) {
  margin-right: 30px;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned li {
  display: flex;
  justify-content: flex-start;
  height: 20px;
  align-content: center;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned li p {
  line-height: 20px;
  color: #4B6C79;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned li span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned .very_high span {
  background: #FF9797;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned .very_high i {
  color: #FF9797;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned .high span {
  background: #F4D323;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned .high i {
  color: #F4D323;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned .row span {
  background: #67C8FF;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned .row i {
  color: #67C8FF;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned .very_row span {
  background: #00DF81;
}
.pop_stress_er_total .pop_wrap .mid_cnt .legend_bx .legned .very_row i {
  color: #00DF81;
}
 
.pop_stress_er_total .pop_wrap .btm_cnt {
  margin-top: 20px;
  text-align: right;
}
.pop_stress_er_total .pop_wrap .btm_cnt .checklist_btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  padding: 10px 16px;
}

/* document_musculoskeletal */
.document_musculoskeletal {
  width: 100%;
  height: 100%;
  color: #fff;
}
.document_musculoskeletal .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.document_musculoskeletal .top_area .tit .tit_icon {
  background: url(../img/tit_icon_document_musculoskeletal.png) no-repeat;
  background-size: contain;
}
.document_musculoskeletal .mid_area .filter_slt {
  min-width: 140px;
}
.document_musculoskeletal .mid_area .filter_slt_2 {
  width: 238px;
}
.document_musculoskeletal .mid_area .section .body tr {
  cursor: pointer;
}
.document_musculoskeletal .bot_area {
  position: relative;
}


/* pop_musculoskeletal_total */
.pop_musculoskeletal_total {
  width: 1020px;
  height: 840px;
  border-radius: 24px;
}
.pop_musculoskeletal_total .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_musculoskeletal_total .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 34px;
}
.pop_musculoskeletal_total .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_musculoskeletal_total .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .check .sub_tit {
  color: #4B6C79;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .check .symptoms {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .check .symptoms .beaver {
  width: 134px;
  height: 127px;
  margin-right: 22px;
  background: url(../img/beaver_doctor.png) no-repeat;
  background-size: contain;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .check .symptoms .symptoms_chart {
  width: calc(100% - 156px);
  height: 127px;
  background: url(../img/pop_musculoskeletal_bg.png) no-repeat;
  background-size: 478px 123px;
  background-position: left bottom;
  position: relative;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .check .symptoms .symptoms_chart .sub_tit {
  position: absolute;
  left: 15px;
  top: 18px;
  margin-bottom: 0;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .check .symptoms .symptoms_chart .txt {
  position: absolute;
  left: 20px;
  top: 76px;
  margin-bottom: 0;
  width: 458px;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .check .txt {
  margin-bottom: 42px;
  width: 100%;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .check .txt span {
  font-size: 16px;
  color: #333;
  margin-right: 16px;
  font-weight: 400;
}


.pop_musculoskeletal_total .pop_wrap .mid_cnt .check .legend_bx {
  margin-top: 4px;
  width: 100%;
  text-align: center;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .legend_bx .tit {
  color: #4B6C79;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .legend_bx .legned {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .legend_bx .legned li {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  margin-right: 30px;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .legend_bx .legned li:last-child {
  margin-right: 0;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .legend_bx .legned li span {
  margin-right: 8px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .legend_bx .legned li p {
  line-height: 20px;
  font-size: 14px;
  color: #4B6C79;
  font-weight: 500;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .legend_bx .legned .very_high span {
  background: url(../img/pop_musculoskeletal_1.png) no-repeat;
  background-size: contain;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .legend_bx .legned .high span {
  background: url(../img/pop_musculoskeletal_2.png) no-repeat;
  background-size: contain;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .legend_bx .legned .row span {
  background: url(../img/pop_musculoskeletal_3.png) no-repeat;
  background-size: contain;
}
.pop_musculoskeletal_total .pop_wrap .mid_cnt .legend_bx .legned .very_row span {
  background: url(../img/pop_musculoskeletal_4.png) no-repeat;
  background-size: contain;
}

.pop_musculoskeletal_total .pop_wrap .btm_cnt {
  margin-top: 16px;
  text-align: right;
}
.pop_musculoskeletal_total .pop_wrap .btm_cnt .checklist_btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  padding: 10px 16px;
}

/* melancholia */
.melancholia {
  width: 100%;
  height: 100%;
  color: #fff;
}
.melancholia .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.melancholia .top_area .tit .tit_icon {
  background: url(../img/tit_icon_melancholia.png) no-repeat;
  background-size: contain;
}

.melancholia .body > table tr {
  cursor: pointer;
}
.melancholia .body > table .state {
  font-weight: bold;
}
.melancholia .body > table .state.good {color: #00DF81;}
.melancholia .body > table .state.middle {color: #F4D323;}
.melancholia .body > table .state.bad {color: #FF9797;}

/* pop_melancholia_result */
.pop_melancholia_result {
  width: 1020px;
  height: 840px;
  border-radius: 24px;
}
.pop_melancholia_result .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_melancholia_result .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 34px;
}
.pop_melancholia_result .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_melancholia_result .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_melancholia_result .pop_wrap .mid_cnt .result_summary .beaver_wrap {
  display: flex;
  align-items: flex-end;
}
.pop_melancholia_result .pop_wrap .mid_cnt .result_summary .beaver_wrap .beaver {
  width: 182px;
  height: 112px;
  margin-right: 20px;
}
.pop_melancholia_result .pop_wrap .mid_cnt .result_summary .beaver_wrap .beaver.good {
  background: url(../img/beaver_melancholia_01.png) center no-repeat;
  background-size: contain;
}
.pop_melancholia_result .pop_wrap .mid_cnt .result_summary .beaver_wrap .beaver.middle {
  background: url(../img/beaver_melancholia_02.png) center no-repeat;
  background-size: contain;
}
.pop_melancholia_result .pop_wrap .mid_cnt .result_summary .beaver_wrap .beaver.bad {
  background: url(../img/beaver_melancholia_03.png) center no-repeat;
  background-size: contain;
}
.pop_melancholia_result .pop_wrap .mid_cnt .result_summary .score p {
  font-size: 32px;
  font-weight: bold;
  color: #000;
}
.pop_melancholia_result .pop_wrap .mid_cnt .result_summary .score span {
  display: block;
  margin-top: 18px;
  font-size: 16px;
  font-weight: bold;
  color: #4B6C79;
}
.pop_melancholia_result .pop_wrap .mid_cnt .result_summary > p {
  font-size: 14px;
  line-height: 16px;
  color: #4d4d4d;
  font-weight: 500;
  margin-top: 30px;
}
.pop_melancholia_result .pop_wrap .mid_cnt .progress_wrap {
  width: 723px;
  margin: auto;
  height: 100px;
  margin-top: 60px;
  position: relative;
}
.pop_melancholia_result .pop_wrap .mid_cnt .progress_wrap .bar {
  width: 100%;
  height: 16px;
  background: linear-gradient(to right, #cfede0 33%, #fef7d5 33%, #fef7d5 66%, #ffe1e1 66%);
}
.pop_melancholia_result .pop_wrap .mid_cnt .progress_wrap .circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 8px;
  left: 0px;
  transform: translate(-50%, -50%);
}
.pop_melancholia_result .pop_wrap .mid_cnt .progress_wrap .circle > i {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.pop_melancholia_result .pop_wrap .mid_cnt .progress_wrap .circle.good {
  background: #00DF81;
  left: 0%;
}
.pop_melancholia_result .pop_wrap .mid_cnt .progress_wrap .circle.middle {
  background: #F4D323;
  left: 50%;
}
.pop_melancholia_result .pop_wrap .mid_cnt .progress_wrap .circle.bad {
  background: #FF9797;
  left: 100%;
}
.pop_melancholia_result .pop_wrap .mid_cnt .txt_bx {
  width: 550px;
  height: 120px;
  border-radius: 12px;
  background: #F2F8FC;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4B6C79;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #EEF2F6;
  text-align: center;
  margin: auto;
}
.pop_melancholia_result .pop_wrap .mid_cnt .txt_bx > p {
  display: none;
}
.pop_melancholia_result .pop_wrap .mid_cnt .txt_bx.good > p.good_txt {
  display: block;
}
.pop_melancholia_result .pop_wrap .mid_cnt .txt_bx.middle > p.middle_txt {
  display: block;
}
.pop_melancholia_result .pop_wrap .mid_cnt .txt_bx.bad > p.bad_txt {
  display: block;
}

.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .tit {
  color: #4B6C79;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .legned {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .legned li:not(:last-child) {
  margin-right: 30px;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .legned li {
  display: flex;
  justify-content: flex-start;
  height: 20px;
  align-content: center;
  font-size: 14px;
  font-weight: 500;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .legned li p {
  line-height: 20px;
  color: #4B6C79;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .legned li span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .legned .good span {
  background: #00DF81;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .legned .good i {
  color: #00DF81;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .legned .middle span {
  background: #F4D323;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .legned .middle i {
  color: #F4D323;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .legned .bad span {
  background: #FF9797;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .legned .bad i {
  color: #FF9797;
}
.pop_melancholia_result .pop_wrap .mid_cnt .legend_bx .info {
  font-size: 14px;
  font-weight: 600;
  color: #4d4d4d;
  margin-top: 30px;
}


.pop_melancholia_result .pop_wrap .btm_cnt {
  margin-top: 16px;
  text-align: right;
}
.pop_melancholia_result .pop_wrap .btm_cnt .checklist_btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  padding: 10px 16px;
}


/* proceedings */
.proceedings {
  width: 100%;
  height: 100%;
  color: #fff;
}
.proceedings .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.proceedings .top_area .tit .tit_icon {
  background: url(../img/tit_icon_proceedings.png) no-repeat;
  background-size: contain;
}
.proceedings .body > table .state {
  font-weight: bold;
}
.proceedings .body > table td > span {
  color: #00DF81;
}
.proceedings .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}

/* pop_info_proceedings */
.pop_info_proceedings {
  width: 1210px;
  height: 840px;
  border-radius: 24px;
}
.pop_info_proceedings .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_info_proceedings .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_info_proceedings .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_proceedings .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}

.pop_info_proceedings .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 16px;
}
.pop_info_proceedings .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .scroll_wrap {
  height: 410px;
  overflow-y: auto;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header {
  display: flex;
  align-items: flex-end;
  padding-bottom: 24px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 24px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .beaver {
  width: 138px;
  height: 142px;
  background: url(../img/beaver_proceedings.png) center no-repeat;
  background-size: contain;
  margin-right: 36px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap {
  width: 100%;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .txt_bx {
  border: 1px solid #D9D9D9;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap select {
  border: none;
  width: 86px;
  height: 32px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: #EEF2F5;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .datepicker {
  border: none;
  width: 100px;
  height: 32px;
  border-radius: 8px;
  background: #fff;
  margin-right: 6px;
  color: #4d4d4d;
  background: #EEF2F5;
  box-sizing: border-box;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .line {
  display: flex;
  align-items: center;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .line + .line {
  margin-top: 12px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .line div + div {
  margin-left: 24px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .line .end {
  position: relative;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .line .end::after {
  content: '';
  position: absolute;
  display: block;
  left: -20px;
  bottom: 14px;
  width: 10px;
  height: 1px;
  background: #cacaca;

}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .place {
  width: 100%;
}
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_tit {
  font-size: 16px;
  font-weight: 600;
  color: #4B6C79;
  margin-bottom: 12px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_table {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_table table thead th {
  background: #4B6C79;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  height: 34px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_table table {
  width: 100%;
}
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_table table th,
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_table table td {
  border-right: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
  box-sizing: border-box;
}
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_table table th:last-child {
  border-right: none;
}
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_table table tr:last-child td {
  border-bottom: none;
}
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_table table .txt {
  background: #EFEDED;
  color: #4B6C79;
  font-size: 14px;
  font-weight: 16px;
  word-break: keep-all;
  font-weight: 500;
  height: 80px;
  padding: 10px 18px;
  box-sizing: border-box;
}
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_table table td .txt_bx {
  border: none;
  resize: none;
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  padding: 10px 18px;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 17px;
  transform: translateY(1px);
}
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_table table td .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_table table tfoot th {
  background: #C3C2C2;
  color: #474747;
  font-weight: 600;
  font-size: 16px;
  height: 34px;
  border-top: 1px solid #a3a3a3;
  border-bottom: 1px solid #a3a3a3;
}
.pop_info_proceedings .pop_wrap .mid_cnt .meeting_table table tfoot td .txt_bx {
  height: 66px;
}

.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap  {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding-top: 24px;
  margin-top: 24px;
  padding-bottom: 24px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .worker {
  width: calc(50% - 10px);
   margin-right: 20px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .user {
  width: calc(50% - 10px);
  overflow: inherit;
   
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table {
  width: 100%;
  border: 1px solid #cacaca;
  border-radius: 12px;
  box-sizing: border-box;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table td {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table .num {
  width: 50px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table .head {
  border-radius: 8px 8px 0 0;
  background: #4B6C79;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table .head .check_bx>input.check+label {
  transform: translateY(2px);
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table .head > table th {
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.pop_info_proceedingss .pop_wrap .mid_cnt .table_wrap .table .body {
  border-radius: 0 0 8px 8px;
  height: 301px;
  overflow-y: auto;
  text-align: center;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table .body table {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table td {
  height: 30px;
  border-bottom: 1px solid #ECECEC;
  color: #4d4d4d;
  box-sizing: border-box;
  font-size: 14px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table td.elps_td > div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table td.elps_td > div > i {
  display: inline-block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table td.elps_td > div .affiliation {
  max-width: 140px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table td.elps_td > div .position {
  max-width: 50px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table td.elps_td > div .name {
  max-width: 70px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 14px;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .sub_tit span {
  color: #4d4d4d;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .sub_tit span > i {
  color: #00DF81;
}
.pop_info_proceedings .pop_wrap .mid_cnt .table_wrap .table .chk {
  width: 40px;
}

/* pop_list_proceedings */
.pop_list_proceedings {
  width: 1210px;
  height: 840px;
  border-radius: 24px;
}
.pop_list_proceedings .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_list_proceedings .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_list_proceedings .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_proceedings .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}

.pop_list_proceedings .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 16px;
}
.pop_list_proceedings .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
  display: inline-block; 
  text-align: center;
  box-sizing: border-box;
}
.pop_list_proceedings .pop_wrap .mid_cnt .scroll_wrap {
  height: 410px;
  overflow-y: auto;
}
.pop_list_proceedings .pop_wrap .mid_cnt .top_header {
  display: flex;
  align-items: flex-end;
  padding-bottom: 24px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 24px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .top_header .beaver {
  width: 138px;
  height: 142px;
  background: url(../img/beaver_proceedings.png) center no-repeat;
  background-size: contain;
  margin-right: 36px;
}
/*  */
.pop_list_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap {
  border: none;
  border-radius: 12px;
  padding: 14px 18px;
  box-sizing: border-box;
  width: 906px;
  color: #4B6C79;
  background: #EEF2F5;
}
.pop_list_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .txt_line {
  display: flex;
  width: 100%;
}
.pop_list_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .txt_line + .txt_line {
  margin-top: 16px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .txt_line p {
  font-weight: 700;
  width: 450px;
  font-size: 16px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .txt_line p>span {
  font-weight: 400;
  margin-left: 4px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .top_header .txt_wrap .txt_line p>span>i{
  margin: 0 10px;
}

/*  */

.pop_list_proceedings .pop_wrap .mid_cnt .meeting_tit {
  font-size: 16px;
  font-weight: 600;
  color: #4B6C79;
  margin-bottom: 12px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table thead th {
  background: #4B6C79;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  height: 34px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table {
  width: 100%;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table th,
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table td {
  border-right: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
  box-sizing: border-box;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table th:last-child {
  border-right: none;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table tr:last-child td {
  border-bottom: none;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table tbody td {
  height: 80px;
  padding: 10px 18px;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table .txt {
  background: #EFEDED;
  color: #4B6C79;
  font-size: 14px;
  font-weight: 16px;
  word-break: keep-all;
  font-weight: 500;
  height: 52px;
  padding: 10px 18px;
  box-sizing: border-box;
}

.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table td .txt_bx::placeholder {
  color: #4d4d4d;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table tfoot th {
  background: #C3C2C2;
  color: #474747;
  font-weight: 600;
  font-size: 16px;
  height: 34px;
  border-top: 1px solid #a3a3a3;
  border-bottom: 1px solid #a3a3a3;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table tfoot td {
  height: 66px;
  padding: 10px 18px;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 17px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table .agree,
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table .opposite {
  height: 28px;
  text-align: center;
  padding: 4px 18px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table .agree {
  color: #4B6C79;
}
.pop_list_proceedings .pop_wrap .mid_cnt .meeting_table table .opposite {
  color: #F92828;
}

.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap  {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding-top: 24px;
  margin-top: 24px;
  padding-bottom: 24px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .worker {
  width: calc(50% - 10px);
  margin-right: 20px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .user {
  width: calc(50% - 10px);
  overflow: inherit;

}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table {
  width: 100%;
  border: 1px solid #CACACA;
  border-radius: 12px;
  box-sizing: border-box;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table td {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .num {
  width: 50px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .head {
  border-radius: 8px 8px 0 0;
  background: #4B6C79;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .head > table th {
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.pop_list_proceedingss .pop_wrap .mid_cnt .table_wrap .table .body {
  border-radius: 0 0 8px 8px;
  height: 301px;
  overflow-y: auto;
  text-align: center;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .body table {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table td {
  height: 30px;
  border-bottom: 1px solid #ECECEC;
  color: #4d4d4d;
  box-sizing: border-box;
  font-size: 14px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table tr:last-child td {
  border-bottom: none;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table td.elps_td > div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table td.elps_td > div > i {
  display: inline-block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table td.elps_td > div .affiliation {
  max-width: 90px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table td.elps_td > div .position {
  max-width: 40px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table td.elps_td > div .name {
  max-width: 50px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .body > table .yet {
  color: #F92828;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 14px;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .sub_tit span {
  color: #4d4d4d;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .sub_tit span > i {
  color: #00DF81;
}
.pop_list_proceedings .pop_wrap .mid_cnt .table_wrap .table .chk {
  width: 40px;
}



/* organization */
.organization .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.organization .top_area .tit .tit_icon {
  background: url(../img/tit_icon_organization.png) no-repeat;
  background-size: contain;
}
.organization .body > table .state {
  font-weight: bold;
}
.organization .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}

/* pop_info_organization */
.pop_info_organization {
  width: 740px;
  height: auto;
  border-radius: 24px;
}
.pop_info_organization .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_info_organization .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 30px;
}
.pop_info_organization .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_organization .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}

.pop_info_organization .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 16px;
}
.pop_info_organization .pop_wrap .btm_cnt .btn {
  background: #666565;
  display: inline-block;
  text-align: center;
  width: 96px;
  height: 34px;
  line-height: 34px;
  color: #ffff;
  border-radius: 8px;
  font-size: 14px;
}
.pop_info_organization .pop_wrap .mid_cnt .top_bx {
  display: flex;
  align-items: center;
}
.pop_info_organization .pop_wrap .mid_cnt .top_bx .total {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx {
  margin-top: 10px;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table table .date {
  width: 114px;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table table .position {
  width: 172px;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table table .name {
  width: 146px;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table table .rank {
  width: 112px;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table table .btn {
  width: 50px;
}

.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table table .date input {
  width: 102px;
  margin: auto;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table table .position .slt_bx {
  width: 160px;
  margin: auto;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table table .position input {
  width: 160px;
  margin: auto;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table table .name input {
  width: 134px;
  margin: auto;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table table .rank input {
  width: 100px;
  margin: auto;
}


.pop_info_organization .pop_wrap .mid_cnt .btm_bx table th, 
.pop_info_organization .pop_wrap .mid_cnt .btm_bx table td {
  padding: 6px 0px;
  box-sizing: border-box;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx table th, 
.pop_info_organization .pop_wrap .mid_cnt .btm_bx table td {
  padding-right: 12px;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx table tr th:last-child, 
.pop_info_organization .pop_wrap .mid_cnt .btm_bx table tr td:last-child {
  padding-right: 0;
}


.pop_info_organization .pop_wrap .mid_cnt .btm_bx table td {
  border-bottom: none;
  text-align: left;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx table th {
  text-align: left;
  color: #4B6C79;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  vertical-align: middle;
}
.pop_info_organization .pop_wrap .mid_cnt .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_organization .pop_wrap .mid_cnt .txt_bx:disabled {
  background: #EEF2F5;
  border: none;
}
.pop_info_organization .pop_wrap .mid_cnt .datepicker {
  width: 100%;
  border: none;
  height: 32px;
  border-radius: 8px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  background: #EEF2F5;
  color: #4d4d4d;
  text-decoration: underline;
}
.pop_info_organization .pop_wrap .mid_cnt .datepicker:disabled {
  text-decoration: none;
  cursor: default;
}
.pop_info_organization .pop_wrap .mid_cnt .slt_bx select {
  width: 100%;
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 90% 15px;
  box-sizing: border-box;
  height: 34px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  letter-spacing: 0px;
  text-align: left;
  color: #4d4d4d;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 10px;
  color: #4d4d4d;
}
.pop_info_organization .pop_wrap .mid_cnt .slt_bx select:disabled {
  background: #EEF2F5;
  color: #4d4d4d;
  opacity: 1;
}
.pop_info_organization .pop_wrap .mid_cnt .slt_bx {
  background: #EEF2F5;
  border-radius: 8px;
  height: 34px;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table .btn button {
  width: 50px;
  height: 34px;
  line-height: 34px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table .btn button + button {
  margin-left: 6px;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table .btn button.enroll {
  background: #4B6C79;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table .btn button.edit {
  background: #666565;
}
.pop_info_organization .pop_wrap .mid_cnt .btm_bx .table .body {
  height: 460px;
  overflow-y: auto;
}


/* pop_organization_user_add */
.pop_organization_user_add {
  width: 400px;
  border-radius: 16px;
}
.pop_organization_user_add .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 16px 16px 0 0;
  padding: 20px;
  box-sizing: border-box;
  transform: translateY(-1px);
}
.pop_organization_user_add .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/close_g.png) no-repeat;
  background-size: contain;
}
.pop_organization_user_add .pop_wrap .top_cnt .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.pop_organization_user_add .pop_wrap .mid_cnt {
  padding:20px;
  box-sizing: border-box;
  padding-bottom: 0;
  padding-top: 5px;
}
.pop_organization_user_add .pop_wrap .mid_cnt .cnt_txt {
  color: #4d4d4d;
  font-size: 18px; 
  font-weight: 700;
  line-height: 24px;
}
.pop_organization_user_add .pop_wrap .mid_cnt .cnt_txt > i {
  color: #4B6C79;
}
.pop_organization_user_add .pop_wrap .btm_cnt {
  width: 100%;
  margin-top: 10px;
  text-align: right;
  padding: 26px;
  padding-top: 0;
  box-sizing: border-box;
}
.pop_organization_user_add .pop_wrap .btm_cnt button {
  width: 76px;
  height: 34px;
  background: #666565;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border-radius: 8px;
}
.pop_organization_user_add .pop_wrap .mid_cnt .line {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pop_organization_user_add .pop_wrap .mid_cnt .line + .line {
  margin-top: 14px;
}
.pop_organization_user_add .pop_wrap .mid_cnt .line .item + .item {
  margin-left: 16px;
}
.pop_organization_user_add .pop_wrap .mid_cnt .item {
  display: flex;
  align-items: center;
}
.pop_organization_user_add .pop_wrap .mid_cnt .item .dt {
  font-size: 16px;
  font-weight: bold;
  color: #4B6C79;
  width: 50px;
}
.pop_organization_user_add .pop_wrap .mid_cnt .item .dd {
  width: calc(100% - 50px);
}
.pop_organization_user_add .pop_wrap .mid_cnt .name .dd {
  width: 160px;
}
.pop_organization_user_add .pop_wrap .mid_cnt .category{
  width: 100%;
}
.pop_organization_user_add .pop_wrap .mid_cnt .date{
  width: 100%;
}
.pop_organization_user_add .pop_wrap .mid_cnt .item .dd .txt_bx {
  border: none;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
  background: #EEF2F5;
}
.pop_organization_user_add .pop_wrap .mid_cnt .name .dd .txt_bx {
  background: #fff;
  border: 1px solid #CACACA;

}
.pop_organization_user_add .pop_wrap .mid_cnt .name .dd {
  position: relative;
}
.pop_organization_user_add .pop_wrap .mid_cnt .name .dd::after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: url(../img/text_arr.png) center no-repeat;
  background-size: contain;
  position: absolute;
  right: 8px;
  top: 10px;
}
.pop_organization_user_add .pop_wrap .mid_cnt .item .dd select {
  border: none;
  width: 100%;
  height: 34px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: #EEF2F5;
}
.pop_organization_user_add .pop_wrap .mid_cnt .item .dd .datepicker {
  border: none;
  height: 34px;
  border-radius: 8px;
  background: #EEF2F5;
  margin-right: 6px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  width: 100px;
  color: #4d4d4d;
}
.pop_organization_user_add .pop_wrap .mid_cnt .name .txt_bx {
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 5px;
  background-position: 92% 14px;
  padding-right: 24px !important;
}
.pop_organization_user_add .pop_wrap .mid_cnt .item .dd .custom-dropdown {
  display: none; /* 기본적으로 드롭다운 숨기기 */
  position: absolute;
  background-color: #fff;
  outline: 1px solid #00DF81;
  outline-offset: -1px;
  border-radius: 8px;
  width: 160px;
  z-index: 10;
  top: 38px; 
  color: #4d4d4d;
}

.pop_organization_user_add .pop_wrap .mid_cnt .item .dd .dropdown-option {
  padding: 10px;
  cursor: pointer;
  font-weight: 500;
}

.pop_organization_user_add .pop_wrap .mid_cnt .item .dd .dropdown-option:hover {
  color: #4B6C79;
}


/* protective_pay */
.protective_pay {
  width: 100%;
  height: 100%;
  color: #fff;
}
.protective_pay .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.protective_pay .top_area .tit .tit_icon {
  background: url(../img/tit_icon_protective_pay.png) no-repeat;
  background-size: contain;
}
.protective_pay .body > table .state {
  font-weight: bold;
}
.protective_pay .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}
.protective_pay .mid_area .search_wrap .right button.collect {
  background: #F92828;
  width: 72px;
}
.protective_pay .mid_area .search_bar .search_right {
  padding-left: 0;
}
.protective_pay .mid_area .search_bar .search_right::after {
  display: none;
}

/* pop_info_protective_pay */
.pop_info_protective_pay {
  width: 1086px;
  height: 810px;
  border-radius: 24px;
}
.pop_info_protective_pay .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_info_protective_pay .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_info_protective_pay .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_protective_pay .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}

.pop_info_protective_pay .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 20px;
}
.pop_info_protective_pay .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .top_bx {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 24px;
  border-bottom: 1px solid #ECECEC;
  margin-bottom: 20px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .top_bx .beaver {
  width: 155px;
  height: 138px;
  background: url(../img/beaver_protective.png) center no-repeat;
  background-size: contain;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .top_bx .txt_wrap {
  width: calc(100% - 177px);
  border: none;
  border-radius: 16px;
  padding: 14px 20px;
  box-sizing: border-box;
  background: #EEF2F5;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .top_bx .txt_wrap .top > p {
  margin-bottom: 18px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .top_bx .txt_wrap p {
  font-size:16px;
  color: #4B6C79;
  font-weight: bold;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .top_bx .txt_wrap p > i {
  font-weight: 400;
  padding-left: 8px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .top_bx .txt_wrap .btm {
  display: flex;
  align-items: center;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .top_bx .txt_wrap .btm p + p {
  margin-left: 24px;
}

.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .tit_wrap .tit {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .tit_wrap .btn_wrap button {
  background: #F92828;
  color: #fff;
  border-radius: 4px;
  width: 50px;
  font-size: 12px;
  height: 20px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .tit_wrap .btn_wrap button.btn_add {
  background: #00DF81;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .tit_wrap .btn_wrap button + button {
  margin-left: 4px;
}

.pop_info_protective_pay .pop_wrap .mid_cnt .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .data .txt_bx {
  background: #EEF2F5;
  border: none;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .date .txt_bx {
  border: none;
  height: 32px;
  border-radius: 8px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  background: #EEF2F5;
  color: #4d4d4d;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .date.deadline .txt_bx {
  color: #F92828;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .date .datepicker {
  border: none;
  height: 32px;
  border-radius: 8px;
  background: #fff;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  background: #EEF2F5;
  color: #4d4d4d;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .slt_bx {
  background: #EEF2F5;
  border-radius: 8px;
  height: 34px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .slt_bx select {
  width: 100%;
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 90% 15px;
  box-sizing: border-box;
  height: 34px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  letter-spacing: 0px;
  text-align: left;
  color: #4d4d4d;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 10px;
  color: #4d4d4d;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx table .chk {
  width: 40px;
  text-align: center;
  display: none;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx table .chk .del {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/file_del.png) center no-repeat;
  background-size: 12px;
  margin: auto;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx table th,
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx table td {
  padding: 6px 3px;
  box-sizing: border-box;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx table th {
  text-align: left;
  color: #4B6C79; 
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  vertical-align: middle;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx table td {
  border-bottom: none;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx table .amount .txt_bx {
  width: 48px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .body {
  height: 365px;
  overflow-y: auto;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .date {
  width: 102px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .category {
  width: 140px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .standard {
  width: 80px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .company {
  width: 140px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .amount {
  width: 48px;
  text-overflow: unset;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .memo {
  width: 140px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .btn {
  width: 106px;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .btn button {
  width: 50px;
  height: 34px;
  line-height: 34px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .btn button.enroll {
  background: #4B6C79;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .btn button.del {
  background: #FF6C6C;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .btn button.recall {
  background: #4d4d4d;
}
.pop_info_protective_pay .pop_wrap .mid_cnt .btm_bx .table .btn button.disuse {
  background: #F92828;
}


/* pop_protective_pay_record */
.pop_protective_pay_record {
  width: 864px;
  height: 744px;
  border-radius: 24px;
}
.pop_protective_pay_record .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_protective_pay_record .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 39px;
}
.pop_protective_pay_record .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_protective_pay_record .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
  display: flex;
  align-items: center;
  width: 80%;
  line-height: 32px;
}
.pop_protective_pay_record .pop_wrap .top_cnt .tit > i {
  display: block;
  width: max-content;
}

.pop_protective_pay_record .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 20px;
}
.pop_protective_pay_record .pop_wrap .btm_cnt .btn {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}
.pop_protective_pay_record .mid_cnt .table  {
  outline: 1px solid #cacaca;
  outline-offset: -1px;
  border-radius: 8px;
  overflow: hidden;
}
.pop_protective_pay_record .mid_cnt .total {
  color: #4B6C79;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
.pop_protective_pay_record .mid_cnt .table table {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
.pop_protective_pay_record .mid_cnt .table .head {
  background: #4B6C79;
}
.pop_protective_pay_record .mid_cnt .table .head table th {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}
.pop_protective_pay_record .mid_cnt .table .body {
  height: 451px;
  overflow-y: auto;
}
.pop_protective_pay_record .mid_cnt .table .body table td {
  height: 30px;
  border-bottom: none;
  font-size: 14px;
  color: #4d4d4d;
}
.pop_protective_pay_record .mid_cnt .table .body table tr.with-border td {
  border-bottom: 1px solid #ECECEC;
}
.pop_protective_pay_record .mid_cnt .table .body table td.red {
  color: #F92828; 
}
.pop_protective_pay_record .mid_cnt .table .body table tr:last-child td {
  border-bottom: none;
}
.pop_protective_pay_record .mid_cnt .table .body table td .toggle_btn {
  display: block;
  width: 14px;
  height: 14px;
  background: url(../img/arrow_down.png) center no-repeat;
  background-size: 10px auto;
  transform: rotate(180deg);
  transition: transform 0.3s;
  
}
.pop_protective_pay_record .mid_cnt .table .body table td .toggle_btn.rotate {
  transform: rotate(0deg);
}
/* pop_protective_request_list */
.pop_protective_request_list {
  width: 748px;
  height: auto;
  border-radius: 24px;
}
.pop_protective_request_list .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_protective_request_list .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 39px;
}
.pop_protective_request_list .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_protective_request_list .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
  display: flex;
  align-items: center;
  width: 80%;
  line-height: 32px;
}
.pop_protective_request_list .pop_wrap .top_cnt .tit > i {
  display: block;
  width: max-content;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list {
  height: 604px;
  overflow-y: auto;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li + li {
  margin-top: 20px;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li {
  border: 1px solid #CACACA;
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .top_bx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .top_bx .suv_tit {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #000;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .top_bx .btn_bx {
  display: flex;
  align-items: center;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .top_bx .btn_bx button {
  border-radius: 4px;
  width: 50px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .top_bx .btn_bx .approval {
  background: #4B6C79;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .top_bx .btn_bx .reject {
  background: #FF6C6C;
  margin-left: 8px;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line + .line {
  margin-top: 10px;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line dl dt {
  width: 72px;
  color: #4B6C79;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line dl dd {
  width: calc(100% - 72px);
  color: #4d4d4d;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line .w174 {
  width: 174px;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line .w192 {
  width: 192px;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line .w172 {
  width: 172px;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line dl dd .slt_bx {
  background: #EEF2F5;
  border-radius: 8px;
  height: 34px;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line dl dd .slt_bx select {
  width: 100%;
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 90% 15px;
  box-sizing: border-box;
  height: 34px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  letter-spacing: 0px;
  text-align: left;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 10px;
  color: #4d4d4d;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line dl dd .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line dl dd .txt_bx:disabled {
  background: #EEF2F5;
  border: none;
}
.pop_protective_request_list .pop_wrap .mid_cnt .list li .btm_bx .line dl dd .datepicker {
  border: none;
  height: 32px;
  border-radius: 8px;
  background: #fff;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  background: #EEF2F5;
  color: #4d4d4d;
}

/* protective_inventory */
.protective_inventory {
  width: 100%;
  height: 100%;
  color: #fff;
}
.protective_inventory .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.protective_inventory .top_area .tit .tit_icon {
  background: url(../img/tit_icon_protective_inventory.png) no-repeat;
  background-size: contain;
}
.protective_inventory .body > table .state {
  font-weight: bold;
}
.protective_inventory .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}

/* pop_info_protective_inventory */
.pop_info_protective_inventory {
  width: 758px;
  height: 470px;
  border-radius: 24px;
}
.pop_info_protective_inventory .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_info_protective_inventory .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_info_protective_inventory .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_protective_inventory .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}

.pop_info_protective_inventory .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 16px;
}
.pop_info_protective_inventory .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt {
  display: flex;
  justify-content: space-between;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left {
  width: 250px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap {
  width: 250px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx {
  width: 100%;
  height: 200px;
  border: none;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background: #EEF2F5;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .empty {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .empty > p {
  color: #4d4d4d;
  width: max-content;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .edit .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .empty .file_btn {
  margin: 0 5px;
  margin-top: 10px;
  background: #4B6C79;
  color: #fff;
  border-radius: 8px;
  width: 50px;
  line-height: 26px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .empty .file_btn.del {
  background: #a3a3a3;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .edit {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .edit .file_btn {
  margin: 0 5px;
  margin-top: 10px;
  background: #4B6C79;
  color: #fff;
  border-radius: 8px;
  width: 50px;
  line-height: 26px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .edit .del {
  background: #FF6C6C;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .edit > p {
  color: #fff;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx:hover .edit{
  visibility: visible;
  opacity: 1;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx.empty:hover .edit{
  visibility: hidden;
  opacity: 0;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .right {
  width: 336px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .right .line {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .right .line + .line {
  margin-top: 22px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .right .category {
  width: 220px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .right .company {
  width: 220px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .right .standard {
  width: 100px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .right .price {
  width: 100px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .right .quantity {
  width: 100px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .right .deadline {
  width: 100px;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .txt_bx::placeholder {
  color: #cacaca;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .txt_bx [type="number"] {
  -moz-appearance: textfield;
}
.pop_info_protective_inventory input[type="number"]::-webkit-outer-spin-button,
.pop_info_protective_inventory input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt select {
  border:none;
  width: 100%;
  height: 32px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: #EEF2F5;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .tooltip {
  position: relative;
  cursor: pointer;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .tooltip::after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/i_tooltip2.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: -24px;
  top: 0;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .tooltip .tooltip_txt {
  visibility: hidden;
  position: absolute;
  top: 29px;
  left: 5px;
  background: #4B6C79;
  color: #fff;
  padding: 10px;
  border-radius: 8px;
  width: max-content;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.3s;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .tooltip:hover .tooltip_txt {
  visibility: visible;
  opacity: 1;
}
.pop_info_protective_inventory .pop_wrap .mid_cnt .deadline .datepicker {
  border: none;
  height: 32px;
  width: 100px;
  border-radius: 8px;
  background: #fff;
  text-align: center;
  margin-right: 6px;
  color: #4d4d4d;
  background: #EEF2F5;
}

/* pop_list_protective_inventory */
.pop_list_protective_inventory {
  width: 758px;
  height: 470px;
  border-radius: 24px;
}
.pop_list_protective_inventory .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_list_protective_inventory .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_list_protective_inventory .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_protective_inventory .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}

.pop_list_protective_inventory .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 16px;
}
.pop_list_protective_inventory .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt {
  display: flex;
  justify-content: space-between;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left {
  width: 250px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap {
  width: 250px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx {
  width: 100%;
  height: 200px;
  border: none;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background: #EEF2F5;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .empty {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .empty > p {
  color: #4d4d4d;
  width: max-content;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .edit .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .empty .file_btn {
  margin: 0 5px;
  margin-top: 10px;
  background: #4B6C79;
  color: #fff;
  border-radius: 8px;
  width: 50px;
  line-height: 26px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .empty .file_btn.del {
  background: #a3a3a3;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .edit {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .edit .file_btn {
  margin: 0 5px;
  margin-top: 10px;
  background: #4B6C79;
  color: #fff;
  border-radius: 8px;
  width: 50px;
  line-height: 26px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx .edit > p {
  color: #fff;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx:hover .edit{
  visibility: visible;
  opacity: 1;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .left .img_wrap .img_bx.empty:hover .edit{
  visibility: hidden;
  opacity: 0;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .right {
  width: 336px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .right .line {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .right .line + .line {
  margin-top: 22px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .right .category {
  width: 220px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .right .company {
  width: 220px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .right .standard {
  width: 100px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .right .price {
  width: 100px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .right .quantity {
  width: 100px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .right .deadline {
  width: 100px;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .txt_bx {
  border: none;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
  background: #EEF2F5;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .txt_bx::placeholder {
  color: #cacaca;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt .txt_bx [type="number"] {
  -moz-appearance: textfield;
}
.pop_list_protective_inventory input[type="number"]::-webkit-outer-spin-button,
.pop_list_protective_inventory input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.pop_list_protective_inventory .pop_wrap .mid_cnt select {
  border: 1px solid #A3A3A3;
  width: 100%;
  height: 32px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
}

.pop_list_protective_inventory .pop_wrap .mid_cnt .deadline .datepicker {
  border: none;
  width: 100px;
  height: 32px;
  border-radius: 8px;
  background: #fff;
  text-align: center;
  margin-right: 6px;
  color: #4d4d4d;
  background: #EEF2F5;
  text-decoration: none;
}

/* education */
.education .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.education .top_area .tit .tit_icon {
  background: url(../img/tit_icon_education.png) no-repeat;
  background-size: contain;
  background-position: center;
}
.education .mid_area .section table .btn_file {
  text-decoration: underline;
  color: #fff;
  cursor: pointer;
}
.education .mid_area .right_bx {
  float: right;
  margin-left: 39px;
}
.education .bot_area {
  position: relative;
}
.education .section .body > table td button {
  text-decoration: underline;
}
.education .section .body > table td .green {
  color: #00DF81;
}

/* .pop_info_education */
.pop_info_education {
  width: 1140px;
  height: 760px;
  border-radius: 24px;
}
.pop_info_education .pop_wrap {
  padding: 60px 70px;
  box-sizing: border-box;
}
.pop_info_education .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 32px;
}
.pop_info_education .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_education .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_education .pop_wrap .mid_cnt .check .sub_tit {
  color: #4B6C79;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.pop_info_education .pop_wrap .mid_cnt .line {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm {
  margin-bottom: 14px;
}
.pop_info_education .pop_wrap .mid_cnt .line .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_info_education .pop_wrap .mid_cnt select {
  border:none;
  width: 66px;
  height: 32px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: #EEF2F5;
}
.pop_info_education .pop_wrap .mid_cnt .txt_bx {
  border: 1px solid #CACACA;
  height: 32px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  color: #4d4d4d;
}
.pop_info_education .pop_wrap .mid_cnt .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_education .pop_wrap .mid_cnt .division select {
  width: 74px;
}
.pop_info_education .pop_wrap .mid_cnt .category select {
  width: 200px;
}
.pop_info_education .pop_wrap .mid_cnt .name select {
  width: 342px;
}
.pop_info_education .pop_wrap .mid_cnt .instructor .txt_bx {
  width: 330px;
}
.pop_info_education .pop_wrap .mid_cnt .time .txt_bx {
  width: 112px;
}
.pop_info_education .pop_wrap .mid_cnt .place .txt_bx {
  width: 330px;
}
.pop_info_education .pop_wrap .mid_cnt .line.top > div:not(:last-child) {
  margin-right: 18px;
}
.pop_info_education .pop_wrap .mid_cnt .line.mid > i {
  margin: 0 11px;
  line-height: 32px;
  margin-top: 30px;
}
.pop_info_education .pop_wrap .mid_cnt .date {
  display: flex;
  flex-direction: column;
}
.pop_info_education .pop_wrap .mid_cnt .date.end {
  margin-right: 18px;
}
.pop_info_education .pop_wrap .mid_cnt .time {
  margin-right: 18px;
}
.pop_info_education .pop_wrap .mid_cnt .date .min {
  margin-right: 6px;
}
.pop_info_education .pop_wrap .mid_cnt .date > div {
  display: flex;
}
.pop_info_education .pop_wrap .mid_cnt .date .datepicker {
  border: none;
  height: 32px;
  border-radius: 8px;
  background: #EEF2F5;
  padding: 0 13px;
  margin-right: 6px;
  color: #4d4d4d;
  width: 102px;
  padding: 0;
}
.pop_info_education .pop_wrap .mid_cnt .name {
  position: relative;
}
.pop_info_education .pop_wrap .mid_cnt .edit_btn {
  width: 50px;
  height: 20px;
  background: #666565;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 0px;
  right: 0px;
}
.pop_info_education .pop_wrap .mid_cnt .edit_btn.on {
  background: #00DF81;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm {
  display: flex;
  width: 100%;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left {
  width: 240px;
  margin-right: 14px;
  display: flex;
  flex-direction: column;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .procedure .img_wrap {
  width: 240px;
  height: 98px;
  border: none;
  border-radius: 8px;
  background: url(../img/beaver_edu.png) no-repeat;
  background-size: contain;
  position: relative;
  box-sizing: border-box;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .procedure .img_wrap .txt_area {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 120px;
  height: 98px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #4B6C79;
  font-weight: 400;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .procedure .img_wrap .txt_area p {
  width: 100%;
  margin-bottom: 6px;
  font-weight: 500;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .procedure .img_wrap .txt_area p:last-child {
  margin-bottom: 0;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .score {
  margin-top: 20px;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .score .wrapper {
  display: flex;
  justify-content: space-between;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .score .wrapper .cutline {
  width: 90px;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .score .wrapper .cutline .txt_bx {
  width: 90px;
  border: none;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .score .wrapper .problem {
  width: 128px;
  position: relative;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .score .wrapper .problem .txt_bx {
  width: 110px;
  border: none;
  background: #EEF2F5;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .score .wrapper .problem .btn_up {
  display: block;
  position: absolute;
  top: 30px;
  right: 0px;
  width: 14px;
  height: 14px;
  background: url(../img/i_btn_up02.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .score .wrapper .problem .btn_up.active {
  display: block;
  position: absolute;
  top: 30px;
  right: 0px;
  width: 14px;
  height: 14px;
  background: url(../img/i_btn_up.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .score .wrapper .problem .btn_down {
  display: block;
  position: absolute;
  top: 46px;
  right: 0px;
  width: 14px;
  height: 14px;
  background: url(../img/i_btn_down.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .score .wrapper .problem .btn_down.active {
  display: block;
  position: absolute;
  top: 46px;
  right: 0px;
  width: 14px;
  height: 14px;
  background: url(../img/i_btn_down02.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .instructor {
  margin-top: 16px;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .instructor .txt_bx {
  width: 100%;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .other {
  margin-top: 20px;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .left .other .txt_bx {
  width: 100%;
  height: 106px;
  padding: 8px 12px;
  box-sizing: border-box;
  resize: none;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .sub_tit span {
  font-size: 14px;
  line-height: 18px;
  color: #4d4d4d;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .sub_tit span > i {
  margin: 0 2px;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .sub_tit span > .state {
  color: #00DF81;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .table {
  width: 742px;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .table .chk {
  width: 50px;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .table .num {
  width: 34px;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .table .head {
  background: #4B6C79;
  border-radius: 8px 8px 0 0;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .table table {
  width: 100%;
  table-layout: fixed;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .table .head > table th {
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .table .head > table .check_bx>input.check+label {
  transform: translateY(3px);
}

.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .table .head > table .check_bx>input.check:checked+label {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  background: url(../img/btn_check_active.png) center no-repeat;
  background-size: 16px 16px;
  cursor: pointer;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .table .body {
  border: 1px solid #CACACA;
  border-radius: 0 0 8px 8px;
  height: 301px;
  overflow-y: auto;
  text-align: center;
 
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .table .body table {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .table .body > table td {
  height: 30px;
  border-bottom: 1px solid #ECECEC;
  color: #4d4d4d;
  box-sizing: border-box;
  font-size: 14px;
}
.pop_info_education .pop_wrap .mid_cnt .line.btm .right .target .table .body > table tr:last-child td {
  border-bottom: none;
}
.pop_info_education .pop_wrap .mid_cnt .tooltip {
  position: relative;
  cursor: pointer;
}
.pop_info_education .pop_wrap .mid_cnt .tooltip::after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/i_tooltip2.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: -24px;
  top: 0;
}
.pop_info_education .pop_wrap .mid_cnt .tooltip .tooltip_txt {
  visibility: hidden;
  position: absolute;
  top: 29px;
  left: 5px;
  background: #4B6C79;
  color: #fff;
  padding: 10px;
  border-radius: 8px;
  width: max-content;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.3s;
}
.pop_info_education .pop_wrap .mid_cnt .tooltip:hover .tooltip_txt {
  visibility: visible;
  opacity: 1;
}

.pop_info_education .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
}
.pop_info_education .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}

.pop_info_education .pop_wrap .table .head>table>thead>tr .opt>i:before {
  position: absolute;
    top: 1px;
    right: -15px;
    width: 15px;
    height: 15px;
  background: url(../img/i_filter_w.png) center no-repeat;
  background-size: 10px 10px;
  content: "";
}
.pop_info_education .pop_wrap .table .head>table>thead>tr .opt>i.on:before {
      position: absolute;
    top: 1px;
    right: -15px;
    width: 15px;
    height: 15px;
    background: url(../img/i_filter_on.png) center no-repeat;
    background-size: 10px 10px;
    content: "";
}


/* .pop_list_education */
.pop_list_education {
  width: 870px;
  height: 720px;
  border-radius: 24px;
}
.pop_list_education .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_list_education .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 22px;
}
.pop_list_education .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_education .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_list_education .pop_wrap .top_cnt .tit .result {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  background: #00DF81;
  width: 80px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  margin-left: 12px;
  transform: translateY(-2px);
}
.pop_list_education .pop_wrap .mid_cnt .check .sub_tit {
  color: #4B6C79;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.pop_list_education .pop_wrap .mid_cnt .line {
  width: 100%;
  display: flex;
  margin-bottom: 26px;
}
.pop_list_education .pop_wrap .mid_cnt .line.top .beaver {
  width: 266px;
  margin-right: 20px;
  height: 116px;
  position: relative;
}
.pop_list_education .pop_wrap .mid_cnt .line.top .beaver .img_wrap {
  width: 266px;
  height: 116px;
  background: url(../img/beaver_edu_list.png) no-repeat;
  background-size: contain;
}
.pop_list_education .pop_wrap .mid_cnt .line.top .beaver .img_wrap .txt_area {
  position: absolute;
  right: 1px;
  top: 66px;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  color: #4B6C79;
  font-weight: 700;
}
.pop_list_education .pop_wrap .mid_cnt .line.top .evaluation {
  border: none;
  border-radius: 12px;
  padding: 18px;
  box-sizing: border-box;
  width: 450px;
  background: #EEF2F5;
  color: #4B6C79
}
.pop_list_education .pop_wrap .mid_cnt .line.top .evaluation .evaluation_tit {
  font-size: 20px;
  font-weight: 700;
  width: 100%;
  margin-bottom: 10px;
}
.pop_list_education .pop_wrap .mid_cnt .line.top .evaluation .evaluation_line {
  display: flex;
  width: 100%;
  margin-bottom: 6px;
}
.pop_list_education .pop_wrap .mid_cnt .line.top .evaluation .evaluation_line:last-child {
  margin-bottom: 0px;
}
.pop_list_education .pop_wrap .mid_cnt .line.top .evaluation .evaluation_line p {
  font-weight: 700;
  margin-right: 32px;
}
.pop_list_education .pop_wrap .mid_cnt .line.top .evaluation .evaluation_line p>span {
  font-weight: 400;
  margin-left: 4px;
}
.pop_list_education .pop_wrap .mid_cnt .line.top .evaluation .evaluation_line p>span>i{
  margin: 0 10px;
}
.pop_list_education .pop_wrap .mid_cnt .line.top .evaluation .evaluation_line.btm {
  position: relative;
}
.pop_list_education .pop_wrap .mid_cnt .line .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 14px;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .finished {
  margin-right: 10px;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .table {
  width: 360px;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .table .num {
  width: 50px;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .table .head {
  border-radius: 8px 8px 0 0;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .finished .sub_tit > span {
  color: #00DF81;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .unfinished .sub_tit > span {
  color: #F92828;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .unfinished .sub_tit button {
  background: #F92828;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  width: 50px;
  line-height: 20px;
  border-radius: 4px;
  float: right;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .finished .table .head {
  background: #00DF81;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .unfinished .table .head {
  background: #F92828;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .table table {
  width: 100%;
  table-layout: fixed;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .table .head > table th {
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.pop_list_education .pop_wrap .mid_cnt .line.btm .table .body {
  border-radius: 0 0 8px 8px;
  height: 281px;
  overflow-y: auto;
  text-align: center;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .finished .table .body {
  border: 1px solid #00DF81;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .unfinished .table .body {
  border: 1px solid #F92828;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .table .body table {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .table .body > table td {
  height: 28px;
  border-bottom: 1px solid #ECECEC;
  color: #4d4d4d;
  box-sizing: border-box;
  font-size: 14px;
}
.pop_list_education .pop_wrap .mid_cnt .line.btm .table .body > table tr:last-child td {
  border-bottom: none;
}

.pop_list_education .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 12px;
}
.pop_list_education .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 0px;
  border-radius: 8px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.pop_list_education .pop_wrap .btm_cnt .btn+ .btn {
  margin-left: 8px;
}


/* supplier */
.supplier .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.supplier .top_area .tit .tit_icon {
  background: url(../img/tit_icon_supplier.png) no-repeat;
  background-size: contain;
  background-position: center;
}
.supplier .mid_area .section table .btn_file {
  text-decoration: underline;
  color: #fff;
  cursor: pointer;
}
.supplier .mid_area .right_bx {
  float: right;
  margin-left: 39px;
}
.supplier .bot_area {
  position: relative;
}
.supplier .section .body > table tr {
  cursor: pointer;
}
.supplier .section .body > table td .red {
  color: #FF6C6C;
}

/* pop_info_supplier */
.pop_info_supplier {
  width: 500px;
  height: auto;
  border-radius: 24px;
}
.pop_info_supplier .pop_wrap {
  padding: 40px;
  box-sizing: border-box;
}
.pop_info_supplier .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.pop_info_supplier .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_supplier .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_supplier .pop_wrap .mid_cnt {
  padding-right: 4px;
  box-sizing: border-box;
}
.pop_info_supplier .pop_wrap .mid_cnt .item_bx + .item_bx {
  border-top: 1px solid #ececec;
  margin-top: 20px;
  padding-top: 20px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item_bx .sub_tit {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 18px;
  line-height: 20px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item_bx .line {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pop_info_supplier .pop_wrap .mid_cnt .item_bx .line + .line {
  margin-top: 16px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item_bx .line .item + .item {
  margin-left: 20px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item dt {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item dd {
  color: #4d4d4d;
}
.pop_info_supplier .pop_wrap .mid_cnt .item dd .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_supplier .pop_wrap .mid_cnt .item dd .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_supplier .pop_wrap .mid_cnt .item dd .txt_bx:disabled {
  border: none;
  background: #EEF2F5;
  cursor: default;
}
.pop_info_supplier .pop_wrap .mid_cnt .item dd .slt_bx {
  background: #EEF2F5;
  width: 100%;
  border-radius: 8px;
  height: 34px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item dd select {
  border: none;
  width: 100%;
  height: 34px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 91% 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.pop_info_supplier .pop_wrap .mid_cnt .item dd select:disabled {
  background: #EEF2F5;
  opacity: 1;
}
.pop_info_supplier .pop_wrap .mid_cnt .group dd select {
  background-position: 96% 15px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item {
  width: 100%;
}
.pop_info_supplier .pop_wrap .mid_cnt .item.position .txt_bx {
  width: 80px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item.occupation .txt_bx {
  width: 134px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item.part .slt_bx {
  width: 162px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item.birth .txt_bx {
  width: 50%;
}
.pop_info_supplier .pop_wrap .mid_cnt .item.date .datepicker {
  width: 90px;
  border: none;
  border-radius: 8px;
  background: #EEF2F5;
  color: #4d4d4d;
}
.pop_info_supplier .pop_wrap .mid_cnt .item.date dd  {
  display: flex; 
  align-self: center;
}
.pop_info_supplier .pop_wrap .mid_cnt .item.date + .item.date {
  margin-left: 14px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item.contract dt {
  padding-left: 20px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item.date dd > i {
  line-height: 32px;
  margin-right: 12px;
  color: #4B6C79;
}
.pop_info_supplier .pop_wrap .mid_cnt .birth .txt_bx.small {
  width: 24px;
  padding: 0 7px;
}
.pop_info_supplier .pop_wrap .mid_cnt .item.tel,
.pop_info_supplier .pop_wrap .mid_cnt .item.date {
  width: 50%;
}
.pop_info_supplier .pop_wrap .mid_cnt .item.date .datepicker_bx {
    background: #EEF2F5;
    height: 34px;
    border-radius: 8px;
    float: left;
    width: 100%;
    text-align: center;
}
.pop_info_supplier .pop_wrap .mid_cnt .item dd > p {
  line-height: 32px;
}
.pop_info_supplier .file_bx > .list {
  max-height: 134px;
}
.pop_info_supplier .file_bx > .list li {
  margin-bottom: 10px;
}
.pop_info_supplier .pop_wrap .mid_cnt .file_bx {
  width: 100%;
}
.pop_info_supplier .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 16px;
}
.pop_info_supplier .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}
.pop_info_supplier .file_bx > .list li span {
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: none;
}



/* user */
.user .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.user .search_bar .search_left {
  display: flex;
}
.user .search_bar .search_left .slt_bx:not(:last-child) {
  margin-right: 12px;
}
.user .top_area .tit .tit_icon {
  background: url(../img/tit_icon_user.png) no-repeat;
  background-size: contain;
  background-position: center;
}
.user .mid_area .section table .btn_file {
  text-decoration: underline;
  color: #fff;
  cursor: pointer;
}
.user .mid_area .filter_slt1 {
  min-width: 130px;
  max-width: 130px;
}
.user .mid_area .right_bx {
  float: right;
  margin-left: 120px;
}

.user .mid_area .right_bx .del {
  background: #F92828;
  color: #fff;
}
.user .mid_area .right_bx .spend {
  width: 40px;
  height: 34px;
  background: #4B6C79;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2px;
}
.user .mid_area .right_bx .spend img {
  width: 24px;
}
.user .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}
.user .mid_area .section table .group > i {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 8px;
  background: #ddd;
  border: 1px solid #CACACA;

}
.user .mid_area .section .head table tr > .row {
  transform: translateY(12px);
  position: relative;
}
.user .mid_area .section .head table tr > .row.tit::after {
  content: '마지막 검진 결과';
  position: absolute;
  display: block;
  width: 100%;
  height: 25px;
  top: -24px;
  left: 0;
  color: #4B6C79;
  font-size: 14px;
}
.user .mid_area .table .head>table>thead>tr .opt .chk_opt {
  top: 38px;
}
.user .mid_area .table .option_bx .chk_opt>ul>li>label>span {
  font-size: 14px;
  line-height: 15px;
}
.user .mid_area .table .option_bx .check_bx>input.check+label {
  width: 15px;
  height: 15px;
}
.user .mid_area .table .option_bx .chk_opt .btm_wrap .num {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
}
.user .mid_area .table td {
  overflow: visible !important;
}
.color-picker input[type="color"] {
  -webkit-appearance: none;
  border: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  border: 1px solid #cacaca;
}

/* Remove inner padding and border in some browsers */
.color-picker input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
  border: none;
}

.color-picker input[type="color"]::-webkit-color-swatch {
  border: none;
  border-radius: 50%;
}

/* Firefox */
.color-picker input[type="color"]::-moz-color-swatch {
  border: none;
  border-radius: 50%;
}

/* pop_user_mgt */
.pop_user_mgt {
  width: 400px;
  height: 250px;
  border-radius: 16px;
}
.pop_user_mgt .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px 16px 0 0;
  padding: 20px;
  box-sizing: border-box;
}
.pop_user_mgt .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_user_mgt .pop_wrap .top_cnt .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.pop_user_mgt .pop_wrap .mid_cnt {
  padding: 20px;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
}
.pop_user_mgt .pop_wrap .mid_cnt .line {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
}
.pop_user_mgt .pop_wrap .mid_cnt .line:last-child {margin-bottom: 0;}
.pop_user_mgt .pop_wrap .mid_cnt .line > i {
  font-weight: 700;
  font-size: 16px;
  color: #4B6C79;
  display: inline-block;
  width: 60px;
  line-height: 30px;
}
.pop_user_mgt .pop_wrap .mid_cnt .line > div {
  width: calc(100% - 60px);
}
.pop_user_mgt .pop_wrap .mid_cnt .line .datepicker_bx {
  border: none;
  border-radius: 8px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EEF2F5;
  color: #4d4d4d;
}
.pop_user_mgt .pop_wrap .mid_cnt .line .datepicker_bx .datepicker {
  font-size: 16px;
  width:100px;
  line-height: 28px;
}
.pop_user_mgt .pop_wrap .mid_cnt .line .check_bx>input.check+label>span {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.pop_user_mgt .pop_wrap .mid_cnt .line .check_bx:not(:last-child) {
  margin-bottom: 8px;
}
.pop_user_mgt .pop_wrap .btm_cnt {
  text-align: right;
  padding: 0 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.pop_user_mgt .pop_wrap .btm_cnt button {
  width: 76px;
  height: 34px;
  background: #00DF81;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
}


/* pop_user_add */
.pop_user_add {
  width: 560px;
  height: auto;
  border-radius: 24px;
}
.pop_user_add .pop_wrap {
  padding: 40px;
  box-sizing: border-box;
}
.pop_user_add .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.pop_user_add .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_user_add .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_user_add .pop_wrap .mid_cnt {
  max-height: 556px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  box-sizing: border-box;
}
.pop_user_add .pop_wrap .mid_cnt .item_bx + .item_bx {
  border-top: 1px solid #ececec;
  margin-top: 20px;
  padding-top: 20px;
}
.pop_user_add .pop_wrap .mid_cnt .item_bx .sub_tit {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 18px;
  line-height: 20px;
}
.pop_user_add .pop_wrap .mid_cnt .item_bx .line {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pop_user_add .pop_wrap .mid_cnt .item_bx .line + .line {
  margin-top: 16px;
}
.pop_user_add .pop_wrap .mid_cnt .item_bx .line .item + .item {
  margin-left: 20px;
}
.pop_user_add .pop_wrap .mid_cnt .item dt {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.pop_user_add .pop_wrap .mid_cnt .item dd {
  color: #4d4d4d;
}
.pop_user_add .pop_wrap .mid_cnt .item dd .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_user_add .pop_wrap .mid_cnt .item dd .txt_bx::placeholder {
  color: #CACACA;
}
.pop_user_add .pop_wrap .mid_cnt .item dd .txt_bx:disabled {
  border: none;
  background: #EEF2F5;
  cursor: default;
}
.pop_user_add .pop_wrap .mid_cnt .item dd .slt_bx {
  background: #EEF2F5;
  width: 100%;
  border-radius: 8px;
  height: 34px;
}
.pop_user_add .pop_wrap .mid_cnt .item dd select {
  border: none;
  width: 100%;
  height: 34px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 91% 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.pop_user_add .pop_wrap .mid_cnt .item dd select:disabled {
  background: #EEF2F5;
  opacity: 1;
}
.pop_user_add .pop_wrap .mid_cnt .group dd select {
  background-position: 96% 15px;
}
.pop_user_add .pop_wrap .mid_cnt .item {
  width: 100%;
}
.pop_user_add .pop_wrap .mid_cnt .item.position .txt_bx {
  width: 80px;
}
.pop_user_add .pop_wrap .mid_cnt .item.occupation .txt_bx {
  width: 134px;
}
.pop_user_add .pop_wrap .mid_cnt .item.part .slt_bx {
  width: 162px;
}
.pop_user_add .pop_wrap .mid_cnt .item.birth .txt_bx {
  width: 50%;
}
.pop_user_add .pop_wrap .mid_cnt .item.date .datepicker {
  width: 100px;
  border: none;
  border-radius: 8px;
  background: #EEF2F5;
  color: #4d4d4d;
}
.pop_user_add .pop_wrap .mid_cnt .item.date dd  {
  display: flex; 
  align-self: center;
}
.pop_user_add .pop_wrap .mid_cnt .item.date + .item.date {
  margin-left: 14px;
}
.pop_user_add .pop_wrap .mid_cnt .item.contract dt {
  padding-left: 20px;
}
.pop_user_add .pop_wrap .mid_cnt .item.date dd > i {
  line-height: 32px;
  margin-right: 12px;
  color: #4B6C79;
}
.pop_user_add .pop_wrap .mid_cnt .birth .txt_bx.small {
  width: 24px;
  padding: 0 7px;
}
.pop_user_add .pop_wrap .mid_cnt .item.position {
  width: 80px;
}

.pop_user_add .pop_wrap .mid_cnt .item.date {
  width: 100px;
}
.pop_user_add .pop_wrap .mid_cnt .item dd > p {
  line-height: 32px;
}
.pop_user_add .pop_wrap .mid_cnt .nation dd {
  display: flex;
  width: 170px;
  height: 32px;
  align-items: center;
}
.pop_user_add .pop_wrap .mid_cnt .nation dd .check_bx {
  width: 50%;
}
.pop_user_add .pop_wrap .mid_cnt .nation dd .check_bx input.radio+label {
  margin-top: 1px;
}
.pop_user_add .pop_wrap .mid_cnt .nation dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_user_add .pop_wrap .mid_cnt .gender dd .check_bx {
  width: 50%;
  float: left;
}
.pop_user_add .pop_wrap .mid_cnt .gender dd .check_bx input.radio+label {
  margin-top: 1px;
}
.pop_user_add .pop_wrap .mid_cnt .gender dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_user_add .pop_wrap .mid_cnt .gender dd .check_bx input.radio:disabled+label {
  cursor: default;
}
.pop_user_add .file_bx > .list {
  max-height: 134px;
}
.pop_user_add .file_bx > .list li {
  margin-bottom: 10px;
}

.pop_user_add .pop_wrap .mid_cnt .contract dd {
  display: flex;
  width: 170px;
  height: 32px;
  align-items: center;
}
.pop_user_add .pop_wrap .mid_cnt .contract dd .check_bx {
  width: 50%;
}
.pop_user_add .pop_wrap .mid_cnt .contract dd .check_bx input.radio+label {
  margin-top: 1px;
}
.pop_user_add .pop_wrap .mid_cnt .contract dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_user_add .pop_wrap .mid_cnt .check .item dd {
  display: flex;
  align-items: center;
  height: 32px;
}
.pop_user_add .pop_wrap .mid_cnt .check .item dd .check_bx {
  width: 100%;
}
.pop_user_add .pop_wrap .mid_cnt .check .item dd .check_bx input.radio+label{
  margin-top: 1px;
}
.pop_user_add .pop_wrap .mid_cnt .check .item dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_user_add .pop_wrap .mid_cnt .check .item + .item {
  position: relative;
}
.pop_user_add .pop_wrap .mid_cnt .check .item + .item::after {
  position: absolute;
  content: '';
  background: #ECECEC;
  width: 1px;
  height: 50px;
  top: 4px;
  left: -20px;
}

.pop_user_add .pop_wrap .mid_cnt .file_bx {
  width: 100%;
}
.pop_user_add .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 16px;
}
.pop_user_add .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}
.pop_user_add .file_bx > .list li span {
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: none;
}
.pop_user_add .pop_wrap .btm_cnt .btn.edit {
  display: none;
}


/* pop_user_list */
.pop_user_list {
  width: 560px;
  height: 776px;
  border-radius: 24px;
}
.pop_user_list .pop_wrap {
  padding: 60px 70px;
  box-sizing: border-box;
}
.pop_user_list .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.pop_user_list .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_user_list .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_user_list .pop_wrap .mid_cnt {
  max-height: 556px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  box-sizing: border-box;
}
.pop_user_list .pop_wrap .mid_cnt .item_bx + .item_bx {
  border-top: 1px solid #D9D9D9;
  margin-top: 20px;
  padding-top: 20px;
}
.pop_user_list .pop_wrap .mid_cnt .item_bx .sub_tit {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 18px;
  line-height: 20px;  
}
.pop_user_list .pop_wrap .mid_cnt .item_bx .line {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.pop_user_list .pop_wrap .mid_cnt .item_bx .line + .line {
  margin-top: 16px;
}
.pop_user_list .pop_wrap .mid_cnt .item_bx .line .item + .item {
  margin-left: 20px;
}
.pop_user_list .pop_wrap .mid_cnt .item dd .slt_bx {
  background: #EEF2F5;
  width: 134px;
  border-radius: 8px;
  height: 34px;
}
.pop_user_list .pop_wrap .mid_cnt .item dd select {
  border: none;
  width: 100%;
  height: 34px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 90% 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.pop_user_list .pop_wrap .mid_cnt .item dt {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.pop_user_list .pop_wrap .mid_cnt .item dd {
  color: #4d4d4d;
}
.pop_user_list .pop_wrap .mid_cnt .item dd .txt_bx {
  border: none;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
  background: #EEF2F5;
}
.pop_user_list .pop_wrap .mid_cnt .item dd .txt_bx::placeholder {
  color: #CACACA;
}
.pop_user_list .pop_wrap .mid_cnt .item {
  width: 100%;
}
.pop_user_list .pop_wrap .mid_cnt .item.position .txt_bx {
  width: 80px;
}
.pop_user_list .pop_wrap .mid_cnt .item.occupation .txt_bx {
  width: 134px;
}
.pop_user_list .pop_wrap .mid_cnt .item.part .slt_bx {
  width: 162px;
}
.pop_user_list .pop_wrap .mid_cnt .item.birth .txt_bx {
  width: 50%;
}
.pop_user_list .pop_wrap .mid_cnt .item.date .datepicker {
  width: 100px;
  border: none;
  background: #EEF2F5;
  border-radius: 8px;
  color: #4d4d4d;
  text-decoration: none;
}
.pop_user_list .pop_wrap .mid_cnt .item.date dd  {
  display: flex; 
  align-self: center;
}
.pop_user_list .pop_wrap .mid_cnt .item.date + .item.date {
  margin-left: 14px;
}
.pop_user_list .pop_wrap .mid_cnt .item.date dd > i {
  line-height: 32px;
  margin-right: 12px;
  color: #4B6C79;
}
.pop_user_list .pop_wrap .mid_cnt .birth .txt_bx.small {
  width: 24px;
  padding: 0 7px;
}
.pop_user_list .pop_wrap .mid_cnt .item.position {
  width: 80px;
}
.pop_user_list .pop_wrap .mid_cnt .item.occupation {
  width: 134px;
}
.pop_user_list .pop_wrap .mid_cnt .item.date {
  width: 100px;
}
.pop_user_list .pop_wrap .mid_cnt .item dd > p {
  line-height: 32px;
  color: #4d4d4d;
}
.pop_user_list .pop_wrap .mid_cnt .nation dd {
  display: flex;
  width: 170px;
  height: 32px;
  align-items: center;
}
.pop_user_list .pop_wrap .mid_cnt .nation dd .check_bx {
  width: 50%;
}
.pop_user_list .pop_wrap .mid_cnt .nation dd .check_bx input.radio+label {
  margin-top: 1px;
}
.pop_user_list .pop_wrap .mid_cnt .nation dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_user_list .pop_wrap .mid_cnt .gender dd .check_bx {
  width: 20%;
  float: left;
}
.pop_user_list .pop_wrap .mid_cnt .gender dd .check_bx input.radio+label {
  margin-top: 1px;
}
.pop_user_list .pop_wrap .mid_cnt .gender dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_user_list .pop_wrap .mid_cnt .contract dd {
  display: flex;
  width: 170px;
  height: 32px;
  align-items: center;
}
.pop_user_list .pop_wrap .mid_cnt .contract dd .check_bx {
  width: 50%;
}
.pop_user_list .pop_wrap .mid_cnt .contract dd .check_bx input.radio+label {
  margin-top: 1px;
}
.pop_user_list .pop_wrap .mid_cnt .contract dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_user_list .pop_wrap .mid_cnt .check .item dd {
  display: flex;
  align-items: center;
  height: 32px;
}
.pop_user_list .pop_wrap .mid_cnt .check .item dd .check_bx {
  width: 100%;
}
.pop_user_list .pop_wrap .mid_cnt .check .item dd .check_bx input.radio+label{
  margin-top: 1px;
}
.pop_user_list .pop_wrap .mid_cnt .check .item dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_user_list .pop_wrap .mid_cnt .check .item + .item {
  position: relative;
}
.pop_user_list .pop_wrap .mid_cnt .check .item + .item::after {
  position: absolute;
  content: '';
  background: #a3a3a3;
  width: 1px;
  height: 50px;
  top: 4px;
  left: -20px;
}
.pop_user_list .pop_wrap .mid_cnt .tel dd .txt_bx {
  width: 50%;
}

.pop_user_list .pop_wrap .mid_cnt .file_bx {
  width: 100%;
}
.pop_user_list .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 16px;
}
.pop_user_list .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}



/* pop_user_checkup */
.pop_user_checkup {
  width: 1020px;
  height: 840px;
  border-radius: 24px;
}
.pop_user_checkup .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
  position: relative;
}
.pop_user_checkup .pop_wrap .btn_prev, 
.pop_user_checkup .pop_wrap .btn_next {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 55px;
  left: 50%;
  transform: translateY(-50%);
  z-index: 11;
}
.pop_user_checkup .mid_cnt {
  overflow: hidden;
}
.pop_user_checkup .swiper-button-prev {
  background: url(../img/btn_prev_03.png) no-repeat;
  width: 30px;
  height: 30px;
  background-size: contain;
  cursor: pointer;
  bottom: 58px;
  left: 42%;
  transform: translateY(-50%);
  z-index: 11;
}

.pop_user_checkup .swiper-button-next {
  background: url(../img/btn_next_03.png) no-repeat;
  width: 30px;
  height: 30px;
  background-size: contain;
  cursor: pointer;
  right: 70px;
  bottom: 58px;
  left: 55%;
  transform: translateY(-50%);
  z-index: 11;
}
.pop_user_checkup .swiper-pagination {
  bottom: 78px;
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 700;
  z-index: 0;
}
.pop_user_checkup .swiper-pagination .swiper-pagination-current {
  color: #00DF81;
}

.pop_user_checkup .swiper-button-next::after,
.pop_user_checkup .swiper-button-prev::after {
  display: none;
}
.pop_user_checkup .swiper-slide {
  width: 100% !important;
}
.pop_user_checkup .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 30px;
}
.pop_user_checkup .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_user_checkup .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_user_checkup .pop_wrap .stress .mid_cnt .score {
  width: 100%;
  height: 112px;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.pop_user_checkup .pop_wrap .stress .score .beaver {
  height: 112px; 
}
.pop_user_checkup .pop_wrap .stress .score .txt {
  margin-left: 20px;
  margin-top: 18px;
}
.pop_user_checkup .pop_wrap .stress .score .txt .num {
  width: auto;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}
.pop_user_checkup .pop_wrap .stress .score .txt .sub {
  font-weight: 700;
  font-size: 16px;
  color: #4B6C79;
}
.pop_user_checkup .pop_wrap .stress .noti {
  margin-bottom: 20px;
  font-size: 14px;
  color: #4d4d4d;
  line-height: 1.6;
}
.pop_user_checkup .pop_wrap .stress .legend_bx {
  width: 100%;
  text-align: center;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .tit {
  color: #4B6C79;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned li:not(:last-child) {
  margin-right: 30px;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned li {
  display: flex;
  justify-content: flex-start;
  height: 20px;
  align-content: center;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned li p {
  line-height: 20px;
  color: #4B6C79;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned li span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned .very_high span {
  background: #FF9797;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned .very_high i {
  color: #FF9797;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned .high span {
  background: #F4D323;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned .high i {
  color: #F4D323;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned .row span {
  background: #67C8FF;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned .row i {
  color: #67C8FF;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned .very_row span {
  background: #00DF81;
}
.pop_user_checkup .pop_wrap .stress .legend_bx .legned .very_row i {
  color: #00DF81;
}

.pop_user_checkup .pop_wrap .stress .btm_cnt {
  margin-top: 24px;
  text-align: right;
}
.pop_user_checkup .pop_wrap .stress .btm_cnt .checklist_btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  padding: 10px 16px;
}

.pop_user_checkup .pop_wrap .musculoskeletal .check .sub_tit {
  color: #4B6C79;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.pop_user_checkup .pop_wrap .musculoskeletal .check .symptoms {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.pop_user_checkup .pop_wrap .musculoskeletal .check .symptoms .beaver {
  width: 134px;
  height: 127px;
  margin-right: 22px;
  background: url(../img/beaver_doctor.png) no-repeat;
  background-size: contain;
}
.pop_user_checkup .pop_wrap .musculoskeletal .check .symptoms .symptoms_chart {
  width: calc(100% - 156px);
  height: 127px;
  background: url(../img/pop_musculoskeletal_bg.png) no-repeat;
  background-size: 478px 123px;
  background-position: left bottom;
  position: relative;
}
.pop_user_checkup .pop_wrap .musculoskeletal .check .symptoms .symptoms_chart .sub_tit {
  position: absolute;
  left: 15px;
  top: 18px;
  margin-bottom: 0;
}
.pop_user_checkup .pop_wrap .musculoskeletal .check .symptoms .symptoms_chart .txt {
  position: absolute;
  left: 20px;
  top: 76px;
  margin-bottom: 0;
  width: 458px;
}
.pop_user_checkup .pop_wrap .musculoskeletal .check .txt {
  margin-bottom: 42px;
  width: 100%;
}
.pop_user_checkup .pop_wrap .musculoskeletal .check .txt span {
  font-size: 16px;
  color: #333;
  margin-right: 20px;
  font-weight: 400;
}


.pop_user_checkup .pop_wrap .musculoskeletal .check .legend_bx {
  margin-top: 4px;
  width: 100%;
  text-align: center;
}
.pop_user_checkup .pop_wrap .musculoskeletal .legend_bx .tit {
  color: #4B6C79;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.pop_user_checkup .pop_wrap .musculoskeletal .legend_bx .legned {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop_user_checkup .pop_wrap .musculoskeletal .legend_bx .legned li {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  margin-right: 30px;
}
.pop_user_checkup .pop_wrap .musculoskeletal .legend_bx .legned li:last-child {
  margin-right: 0;
}
.pop_user_checkup .pop_wrap .musculoskeletal .legend_bx .legned li span {
  margin-right: 8px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.pop_user_checkup .pop_wrap .musculoskeletal .legend_bx .legned li p {
  line-height: 20px;
  font-size: 14px;
  color: #4B6C79;
  font-weight: 500;
}
.pop_user_checkup .pop_wrap .musculoskeletal .legend_bx .legned .very_high span {
  background: url(../img/pop_musculoskeletal_1.png) no-repeat;
  background-size: contain;
}
.pop_user_checkup .pop_wrap .musculoskeletal .legend_bx .legned .high span {
  background: url(../img/pop_musculoskeletal_2.png) no-repeat;
  background-size: contain;
}
.pop_user_checkup .pop_wrap .musculoskeletal .legend_bx .legned .row span {
  background: url(../img/pop_musculoskeletal_3.png) no-repeat;
  background-size: contain;
}
.pop_user_checkup .pop_wrap .musculoskeletal .legend_bx .legned .very_row span {
  background: url(../img/pop_musculoskeletal_4.png) no-repeat;
  background-size: contain;
}

.pop_user_checkup .pop_wrap .musculoskeletal .btm_cnt {
  margin-top: 24px;
  text-align: right;
}
.pop_user_checkup .pop_wrap .musculoskeletal .btm_cnt .checklist_btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  padding: 10px 16px;
}





/* unsuitable */
.unsuitable .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.unsuitable .top_area .tit .tit_icon {
  background: url(../img/tit_icon_unsuitable.png) no-repeat;
  background-size: contain;
}
.unsuitable .mid_area .right_bx {
  margin-left: 48px;
}
.unsuitable .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
  max-width: 100%;
}



/* pop_info_unsuitable */
.pop_info_unsuitable {
  width: 1040px;
  height: 780px;
  border-radius: 24px;
}
.pop_info_unsuitable .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_info_unsuitable .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_info_unsuitable .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_unsuitable .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .top {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .beaver {
  width: 156px;
  margin-right: 34px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .beaver > img {
  width: 100%;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .top .item {
  width: calc(100% - 192px);
}
.pop_info_unsuitable .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_unsuitable .pop_wrap .mid_cnt textarea.txt_bx {
  padding: 8px 10px;
  box-sizing: border-box;
  resize: none;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .top .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap {
  width: 280px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx {
  width: 100%;
  height: 224px;
  border: none;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  background: #EEF2F5;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .empty {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .empty > p {
  color: #4d4d4d;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .edit .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .empty .file_btn {
  margin: 0 5px;
  margin-top: 10px;
  background: #4B6C79;
  color: #fff;
  border-radius: 8px;
  width: 50px;
  line-height: 26px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .edit {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .edit .file_btn {
  margin: 0 5px;
  margin-top: 10px;
  background: #4B6C79;
  color: #fff;
  border-radius: 8px;
  width: 50px;
  line-height: 26px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .edit .file_btn.del {
  background: #FF6C6C;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx:hover .edit{
  display: flex;
  opacity: 1;
  visibility: visible;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx.empty:hover .edit{
  visibility: hidden;
  opacity: 0;
}

.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .edit > p {
  color: #fff;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx:hover .edit{
  display: flex;
}

.pop_info_unsuitable .pop_wrap .mid_cnt .top .item .place {
  margin-top: 14px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .mid {
  margin-top: 14px;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 15px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .btm {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}

.pop_info_unsuitable .pop_wrap .mid_cnt .mid .item {
  width: calc(100% - 296px);
}
.pop_info_unsuitable .pop_wrap .mid_cnt .btm .item {
  width: 440px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .btm .item .txt_bx {
  height: 76px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .measures,
.pop_info_unsuitable .pop_wrap .mid_cnt .other {
  margin-top: 10px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .measures,
.pop_info_unsuitable .pop_wrap .mid_cnt .other,
.pop_info_unsuitable .pop_wrap .mid_cnt .reason {
  width: 604px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .measures .txt_bx,
.pop_info_unsuitable .pop_wrap .mid_cnt .reason .txt_bx {
 height: 50px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .other .txt_bx {
  height: 41px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .work {
  width: 350px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .place {
  width: 350px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .danger_work {
  width: 346px;
  position: relative;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .danger_work .slt_btn {
  background: #F92828;
  text-align: center;
  width: 100%;
  line-height: 34px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #fff;
  margin-top: 28px;
  border: none;
  overflow: hidden;
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .danger_work .slt_btn > img {
  width: 8px; 
  display: block;
  position: absolute;
  right: 14px;
  top: 14px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .danger_work .danger_slt {
  width: 346px;
  position: absolute; 
  top: 62px;
  left: 0;
  right: 0;
  max-height: 250px;
  overflow-y: auto;
  border: 1px solid #F92828;
  border-radius: 12px;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
  z-index: 1;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.pop_info_unsuitable .pop_wrap .mid_cnt .danger_work .danger_slt li {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #4d4d4d;
  margin-bottom: 10px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .danger_work .danger_slt li:hover {
  color: #4B6C79;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .danger_work .danger_slt li .date {
  margin-right: 10px;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .danger_work .danger_slt li .work {
  width: 35%;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .danger_work .danger_slt li .reason {
  width: 35%;
}
.pop_info_unsuitable .pop_wrap .mid_cnt .danger_work .danger_slt li > i {
  margin-right: 4px;
}
.pop_info_unsuitable .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 10px;
}
.pop_info_unsuitable .pop_wrap .btm_cnt .btn {
  background: #545352;
  width: 96px;
  color: #ffff;
  line-height: 34px;
  border-radius: 8px;
  font-size: 14px;
}

/* pop_list_unsuitable */
.pop_list_unsuitable {
  width: 1040px;
  height: 780px;
  border-radius: 24px;
}
.pop_list_unsuitable .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_list_unsuitable .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_list_unsuitable .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_unsuitable .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .top {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .beaver {
  width: 156px;
  margin-right: 34px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .beaver > img {
  width: 100%;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .top .item {
  width: calc(100% - 192px);
}
.pop_list_unsuitable .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .txt_bx {
  border: none;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  background: #EEF2F5;
  color: #4d4d4d;
}
.pop_list_unsuitable .pop_wrap .mid_cnt textarea.txt_bx {
  padding: 8px 10px;
  box-sizing: border-box;
  resize: none;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .mid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .mid .img_wrap {
  width: 280px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx {
  width: 100%;
  height: 224px;
  border: none;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .edit {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx:hover .edit{
  display: flex;
  visibility: visible;
  opacity: 1;
}

.pop_list_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .edit > p {
  color: #fff;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .edit .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .edit .file_btn {
  margin: 0 5px;
  margin-top: 10px;
  background: #4B6C79;
  color: #fff;
  border-radius: 8px;
  width: 50px;
  line-height: 26px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .empty {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .mid .img_wrap .img_bx .empty_txt {
  color: #4d4d4d;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #EEF2F5;
}

.pop_list_unsuitable .pop_wrap .mid_cnt .top .item .place {
  margin-top: 14px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .mid {
  margin-top: 14px;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 15px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .btm {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}

.pop_list_unsuitable .pop_wrap .mid_cnt .mid .item {
  width: calc(100% - 296px);
}
.pop_list_unsuitable .pop_wrap .mid_cnt .btm .item {
  width: 440px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .btm .item .txt_bx {
  height: 76px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .measures,
.pop_list_unsuitable .pop_wrap .mid_cnt .other {
  margin-top: 10px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .measures,
.pop_list_unsuitable .pop_wrap .mid_cnt .other,
.pop_list_unsuitable .pop_wrap .mid_cnt .reason {
  width: 604px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .measures .txt_bx,
.pop_list_unsuitable .pop_wrap .mid_cnt .reason .txt_bx {
 height: 50px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .other .txt_bx {
  height: 41px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .work {
  width: 350px;
}
.pop_list_unsuitable .pop_wrap .mid_cnt .place {
  width: 350px;
}

.pop_list_unsuitable .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 10px;
}
.pop_list_unsuitable .pop_wrap .btm_cnt .btn {
  background: #666565;
  display: inline-block;
  width: 96px;
  color: #ffff;
  line-height: 34px;
  border-radius: 8px;
  font-size: 14px;
  text-align: center;
}
.pop_list_unsuitable .pop_wrap .btm_cnt .btn +.btn {
  margin-left: 4px;
}



/* rules */
.rules .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.rules .top_area .tit .tit_icon {
  background: url(../img/tit_icon_rules.png) no-repeat;
  background-size: contain;
}
.rules .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
  max-width: 100%;
}
.rules .mid_area .search_bar .search_right::after {
  display: none;
}
.rules .mid_area .search_bar .search_right {
  padding-left: 0;
}

/* pop_info_rules */
.pop_info_rules {
  width: 884px;
  height: 800px;
  border-radius: 24px;
}
.pop_info_rules .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_info_rules .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_info_rules .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_rules .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_rules .pop_wrap .mid_cnt .title_bx {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #D9D9D9;
}
.pop_info_rules .pop_wrap .mid_cnt .title_bx .beaver {
  width: 150px;
  height: 140px;
  background: url(../img/beaver_rules.png) no-repeat;
  background-size: contain;
  margin-right: 20px;
}
.pop_info_rules .pop_wrap .mid_cnt .title_bx .title_wrap {
  width: 100%;
  display: flex;
}

.pop_info_rules .pop_wrap .mid_cnt .title_bx .title_wrap .category {
  margin-right: 20px;
}
.pop_info_rules .pop_wrap .mid_cnt .title_bx .title_wrap .category .slt_bx {
  width: 140px;
}
.pop_info_rules .pop_wrap .mid_cnt .title_bx .title_wrap .title {
  width: calc(100% - 160px);
}
.pop_info_rules .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_info_rules .pop_wrap .mid_cnt .txt_bx {
  border: 1px solid #D9D9D9;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_rules .pop_wrap .mid_cnt .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_rules .pop_wrap .mid_cnt textarea.txt_bx {
  padding: 8px 10px;
  box-sizing: border-box;
  resize: none;
}
.pop_info_rules .pop_wrap .mid_cnt .slt_bx {
  border: none;
  width: 66px;
  height: 34px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: #EEF2F5;
}
.pop_info_rules .pop_wrap .mid_cnt .date .datepicker {
  border: 1px solid #A3A3A3;
  height: 32px;
  border-radius: 8px;
  background: #fff;
  padding: 0 13px;
  margin-right: 6px;
}

.pop_info_rules .pop_wrap .btm_cnt {
  margin-top: 10px;
  text-align: right;
}
.pop_info_rules .pop_wrap .btm_cnt .btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  width: 96px;
  line-height: 34px;
}

/* pop_list_rules */
.pop_list_rules {
  width: 884px;
  height: 800px;
  border-radius: 24px;
}
.pop_list_rules .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_list_rules .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_list_rules .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_rules .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_list_rules .pop_wrap .mid_cnt {
  height: 562px;
  overflow-y: auto;
}
.pop_list_rules .pop_wrap .mid_cnt .title_bx {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 20px;
}
.pop_list_rules .pop_wrap .mid_cnt .title_bx .title_wrap {
  width: 100%;
  border: none;
  border-radius: 16px;
  padding: 10px 20px;
  box-sizing: border-box;
  height: 50px;
  display: flex;
  align-items: center;
  background: #EEF2F5;
}
.pop_list_rules .pop_wrap .mid_cnt .title_bx .title_wrap > p {
  font-weight: 700;
  color: #4B6C79;
  font-size: 16px;
}
.pop_list_rules .pop_wrap .mid_cnt .title_bx .title_wrap > p > i {
  font-weight: 500;
}
.pop_list_rules .pop_wrap .mid_cnt .title_bx .title_wrap .category,
.pop_list_rules .pop_wrap .mid_cnt .title_bx .title_wrap .date {
  margin-right: 30px;
}
.pop_list_rules .pop_wrap .mid_cnt .editor {
  border: 1px solid #4B6C79;
  border-radius: 12px;
  padding: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  height: 400px;
}
.pop_list_rules .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_list_rules .pop_wrap .mid_cnt .txt_bx {
  border: 1px solid #A3A3A3;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
}
.pop_list_rules .pop_wrap .mid_cnt textarea.txt_bx {
  padding: 8px 10px;
  box-sizing: border-box;
  resize: none;
}
.pop_list_rules .pop_wrap .mid_cnt .slt_bx {
  border: 1px solid #A3A3A3;
  width: 66px;
  height: 32px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
}
.pop_list_rules .pop_wrap .mid_cnt .date .datepicker {
  border: 1px solid #A3A3A3;
  height: 32px;
  border-radius: 8px;
  background: #fff;
  padding: 0 13px;
  margin-right: 6px;
}

.pop_list_rules .pop_wrap .btm_cnt {
  margin-top: 14px;
  text-align: right;
}
.pop_list_rules .pop_wrap .btm_cnt .btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  width: 96px;
  line-height: 34px;
}


/* notice */
.notice .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}
.notice .top_area .tit .tit_icon {
  background: url(../img/tit_icon_notice.png) no-repeat;
  background-size: contain;
}
.notice .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
  max-width: 100%;
}
.notice .mid_area .search_bar .search_right::after {
  display: none;
}
.notice .mid_area .search_bar .search_right {
  padding-left: 0;
}




.wrap > .mid_area .filter_wrap {
  height: 56px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  padding-bottom: 8px;
  border-bottom: 1px solid #333;
}
.wrap > .mid_area .filter_wrap .filters {
  display: flex;
  justify-content: left;
}
.wrap > .mid_area .filter_wrap .filter {
  width: 180px;
  border: 2px solid #2B2C2D;
  border-radius: 6px;
  background: #2B2C2D;
  width: 235px;
  padding: 7px;
  padding-left: 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.wrap > .mid_area .filter_wrap .filter > p {
  font-size: 11px;
  margin-bottom: 8px;
  color: #BBBBBB;
  font-weight: 500;
}
.wrap > .mid_area .filter_wrap .filter > i {
  color: #979797;
  font-size: 11px;
}
.wrap > .mid_area .filter_wrap .filter > .num {
  font-size: 18px;
  color: #0091FF;
  margin-right: 3px;
}
.wrap > .mid_area .filter_wrap .filter > .num.red {
  color: #FE1F20;
}
.wrap > .mid_area .filter_wrap .filter:not(:last-child) {
  margin-right: 20px;
}
.wrap > .mid_area .filter_wrap .filter.active {
  border-color: #0091FF;
}

.wrap > .mid_area .filter_wrap .list {
  background: #F1F1F1;
  border-radius: 6px;
  border: 1px solid #EEEEEF;
  float: right;
  padding: 5px 15px;
  line-height: 2;
  box-sizing: border-box;
  width: 235px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.wrap > .mid_area .filter_wrap .list i {
  font-size: 14px;
  font-weight: 800;
  text-align: left;
  width: 50%;
  color: #8F8F8F;
}
.mid_area .search_bar .subtitle_total {
  color: #8F8F8F;
}
.mid_area .search_bar .subtitle_total > span {
  margin-left: 5px;
}
.mid_area .btn_bar {
  display: flex;
  justify-content: right;
  vertical-align: middle;
  padding-bottom: 6px;
}
.mid_area .btn_bar button {
  display: inline-block;
  padding: 10px 13px;
  border-radius: 6px;
  font-weight: 600;
}
.mid_area .btn_bar .btn_bar_left {
  font-size: 0;
}
.mid_area .btn_bar .btn_bar_left button {
  font-size: 14px;
  margin-right: 6px;
}
.mid_area .btn_bar .btn_bar_left button:last-child {
  margin-right: 12px;
}
.mid_area .btn_bar .btn_bar_right {
  padding-left: 6px;
  font-size: 0;
}
.mid_area .btn_bar .btn_bar_left {
  position: relative;
}
.mid_area .btn_bar .btn_bar_left::after {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 50%;
  width: 1px;
  background: #979797;
}
.mid_area .btn_bar .btn_bar_right button {
  margin-left: 6px;
  font-size: 14px;
}

/* safety_health_plan */
.safety_health_plan .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}

.safety_health_plan .top_area .tit .tit_icon {
  background: url(../img/tit_icon_safety_health_plan.png) no-repeat;
  background-size: contain;
}
.safety_health_plan .search_bar select {
  width: 220px;
}

.safety_health_plan .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}

/* pop_info_safety_health_plan */

.pop_info_safety_health_plan {
  width: 1000px;
  height: 774px;
  border-radius: 24px;
}
.pop_info_safety_health_plan .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
  height: 774px;
  position: relative;
}
.pop_info_safety_health_plan .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 32px;
}
.pop_info_safety_health_plan .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_safety_health_plan .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_safety_health_plan .pop_wrap .top_cnt .tit input {
  border: 1px solid #A3A3A3;
  width: 90px;
  height: 34px;
  font-size: 28px;
  font-weight: 900;
  color: #4B6C79;
  border-radius: 8px;
  padding: 0 5px;
  box-sizing: border-box;
  margin: 0 4px;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .memo {
  width: 100%;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .memo .txt_bx {
  border: 1px solid #cacaca;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
  font-size: 16px;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .memo .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .memo textarea.txt_bx {
  padding: 8px 10px;
  box-sizing: border-box;
  resize: none;
  width: 100%;
  height: 60px;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .btn_wrap {
  text-align: right;
  margin-bottom: 8px;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .btn_wrap button {
  width: 50px;
  height: 20px;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .btn_wrap button + button {
  margin-left: 4px;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .btn_wrap .add_btn {
  background: #00DF81;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .btn_wrap .del_btn {
  background: #FF6C6C;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .head table {
  width: 100%;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .body table {
  width: 100%;
  table-layout: fixed;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .head.empty {
  background: #4B6C79;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .body {
  max-height: 324px;
  overflow: auto;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .head table th {
  background: #4B6C79;
  color: #fff;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  border-right: 1px solid #fff;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .head table tr th:first-child {
  border-left: none;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .head table tr th:last-child {
  border-right: none;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .body table tr td:last-child {
  border-right: none;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .body table tr:last-child td {
  border-bottom: none;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .body table td {
  color: #4d4d4d;
  border-right: 1px solid #cacaca;
  vertical-align: middle;
  text-align: center;
  padding: 10px 4px;
  box-sizing: border-box;
  border-bottom: 1px solid #cacaca;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table table .chk {
  border-right: none !important;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .body table .txt_bx {
  width: 98%;
  resize: none;
  text-align: center;
  border: none;
  font-size: 14px;
  color: #4d4d4d;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .body table .txt_bx::placeholder {
  color: #cacaca;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .check_td  {
  width: 28px;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .body .check_td {
  cursor: pointer;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .body .check_td.active {
  background: #D5DEED;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .quarter {
  font-size: 12px;
  font-weight: 400;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .head .check_td {
  background: #E5EFFF;
  border: 1px solid #A3A3A3;
  color: #3D3D3D;
  font-size: 12px;
  font-weight: 400;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .num_td .num_bx {
  border: none;
  width: 34px;
  height: 32px;
  font-size: 14px;
  color: #4d4d4d;
  text-align: center;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .num_td .btn {
  width: 14px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: right;
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .num_td .btn .up {
  width: 14px;
  height: 14px;
  background: url(../img/btn_prev_03.png) no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .num_td .btn .down {
  width: 14px;
  height: 14px;
  background: url(../img/btn_prev_03.png) no-repeat;
  background-size: contain;
  transform: rotate(270deg);
}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .table .num_td .btn .down.disabled {
  width: 14px;
  height: 14px;
  background: url(../img/i_btn_up02.png) no-repeat;
  background-size: contain;
  transform: rotate(180deg);
}

.pop_info_safety_health_plan .pop_wrap .mid_cnt {height: 536px; position: relative;}
.pop_info_safety_health_plan .pop_wrap .mid_cnt .item {position: absolute; bottom: 12px; left: 0; right: 0;}

.pop_info_safety_health_plan .pop_wrap .btm_cnt {
  margin-top: 10px;
  text-align: right;
  position: absolute;
  bottom: 70px;
  right: 70px;
}
.pop_info_safety_health_plan .pop_wrap .btm_cnt .btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  width: 96px;
  height: 34px;
}


/* pop_list_safety_health_plan */

.pop_list_safety_health_plan {
  width: 1000px;
  height: 742px;
  border-radius: 24px;
}
.pop_list_safety_health_plan .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
  height: 742px;
  position: relative;
}
.pop_list_safety_health_plan .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 32px;
}
.pop_list_safety_health_plan .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_safety_health_plan .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_list_safety_health_plan .pop_wrap .top_cnt .tit > i {
  color: #4B6C79;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .memo {
  width: 100%;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .memo .txt_bx {
  border:  none;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
  background: #EEF2F5;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .memo textarea.txt_bx {
  padding: 8px 10px;
  box-sizing: border-box;
  resize: none;
  width: 100%;
  height: 60px;
  font-size: 16px;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .head table {
  width: 100%;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .body table {
  width: 100%;
  table-layout: fixed;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .head.empty {
  background: #4B6C79;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .body {
  max-height: 324px;
  overflow: auto;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .head table th {
  background: #4B6C79;
  color: #fff;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  border-right: 1px solid #fff;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .head table tr th:first-child {
  border-left: none;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .head table tr th:last-child {
  border-right: none;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .body table tr td:last-child {
  border-right: none;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .body table tr:last-child td {
  border-bottom: none;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .body table td {
  color: #4d4d4d;
  border-right: 1px solid #cacaca;
  vertical-align: middle;
  text-align: center;
  padding: 10px 4px;
  box-sizing: border-box;
  border-bottom: 1px solid #cacaca;
  font-size: 14px;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table table .chk {
  border-right: none !important;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .body table .txt_bx {
  width: 98%;
  resize: none;
  text-align: center;
  border: none;
  font-size: 14px;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .check_td  {
  width: 28px;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .body .check_td {
  cursor: pointer;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .body .check_td.active {
  background: #D5DEED;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .quarter {
  font-size: 12px;
  font-weight: 400;
}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .table .head .check_td {
  background: #E5EFFF;
  border: 1px solid #A3A3A3;
  color: #3D3D3D;
  font-size: 12px;
  font-weight: 400;
}

.pop_list_safety_health_plan .pop_wrap .mid_cnt {height: 540px; position: relative;}
.pop_list_safety_health_plan .pop_wrap .mid_cnt .item {position: absolute; bottom: 46px; left: 0; right: 0;}

.pop_list_safety_health_plan .pop_wrap .btm_cnt {
  margin-top: 10px;
  text-align: right;
  position: absolute;
  bottom: 70px;
  right: 70px;
}
.pop_list_safety_health_plan .pop_wrap .btm_cnt .btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  width: 96px;
  line-height: 34px;
  text-align: center;
}
.pop_list_safety_health_plan .pop_wrap .btm_cnt .btn + .btn {
  margin-left: 8px;
}


/* safety_health_configuration */
.safety_health_configuration .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}

.safety_health_configuration .top_area .tit .tit_icon {
  background: url(../img/tit_icon_safety_health_configuration.png) no-repeat;
  background-size: contain;
}
.safety_health_configuration .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}


/* pop_info_safety_health_configuration */
.pop_info_safety_health_configuration {
  width: 1230px;
  height: 750px;
  border-radius: 24px;
}
.pop_info_safety_health_configuration .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
  height: 750px;
  position: relative;
}
.pop_info_safety_health_configuration .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 32px;
}
.pop_info_safety_health_configuration .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_safety_health_configuration .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line {
  padding: 20px 0;
  box-sizing: border-box;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line + .line {
  border-top: 1px solid #D9D9D9;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .item_wrap {
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .item_wrap .item_bx {
  display: flex;
  align-content: center;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .item_wrap .item_bx + .item_bx {
  margin-left: 30px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .item_wrap .item_bx .item dt {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.top .item {
  display: flex; 
  align-items: center;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.top .item dd {
  display: flex; 
  align-items: center;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.top .item_wrap .item_bx .item dt {
  margin-bottom: 0;
  margin-right: 10px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.top .item_wrap .item_bx .item dd .empty {
  display: block;
  width: 10px;
  height: 1px;
  background: #a3a3a3;
  margin: 0 12px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.top .item_wrap .item_bx .item dd .check_bx {
  margin-left: 26px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.top .item_wrap .item_bx .item dd .check_bx >input.check+label>span {
  width: 100px; 
  line-height: 22px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.top .item dd .datepicker {
  border: none;
  border-radius: 8px;
  width: 102px;
  text-align: center;
  background: #EEF2F5;
  color: #4d4d4d;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .item.check_wrap {
  width: 20px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .item.check_wrap .check_bx>input.check+label {
  margin-top: 10px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .item dd .slt_bx {
  border: none;
  height: 34px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: #EEF2F5;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .item dd .slt_bx:focus {
  outline: 1px solid #00DF81;
  outline-offset: -1px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .item dd .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  font-size: 14px;
  background: #fff;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .item + .item {
  margin-left: 10px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  position: relative;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .tit_wrap .btn_wrap {
  position: absolute;
  right: 0;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .tit_wrap .btn_wrap button {
  width: 50px;
  height: 20px;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .tit_wrap .btn_wrap .add_btn {
  background: #00DF81;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .tit_wrap .btn_wrap .del_btn {
  background: #FF6C6C;
  margin-left: 4px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .tit_wrap .btn_wrap .add_btn.disabled {
  background: #A3A3A3;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .sub_tit {
  width: 510px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .sub_tit:first-child {
  padding-left: 30px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .sub_tit + .sub_tit {
  margin-left: 32px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .category .txt_bx {
  width: 146px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .affiliation .slt_bx {
  width: 140px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .name .slt_bx {
  width: 202px;
}

.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .category .custom-dropdown {
  display: none;
  position: absolute;
  background-color: #fff;
  outline: 1px solid #00DF81;
  outline-offset: -1px;
  border-radius: 8px;
  width: 146px;
  z-index: 10;
  top: 33px; 
}

.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .category .dropdown-option {
  padding: 10px;
  cursor: pointer;
  font-weight: 500;
}

.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .category .dropdown-option:hover {
  color: #4B6C79;
}

/* 텍스트박스와 드롭다운 사이의 간격 조정 */
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line .category dd {
  position: relative;
}


.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.btm .item_wrap .item_bx {
  margin-bottom: 16px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.btm .item_wrap .item_bx + .item_bx {
  margin-left: 0;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.btm .item_wrap .item_bx:nth-child(2n) {
  margin-left: 30px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.btm .item_wrap {
  height: 190px;
  overflow: auto;
  flex-wrap: wrap;
}

.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.btm .sub_tit_wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.btm .sub_tit_wrap .item_bx {
  display: flex;

}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.btm .sub_tit_wrap .check_wrap {
  width: 20px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.btm .sub_tit_wrap .category {
  width: 146px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.btm .sub_tit_wrap .affiliation {
  width: 140px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.btm .sub_tit_wrap .name {
  width: 202px;
}
.pop_info_safety_health_configuration .pop_wrap .mid_cnt .line.btm .sub_tit_wrap  dt {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
}

.pop_info_safety_health_configuration .pop_wrap {position: relative;}
.pop_info_safety_health_configuration .pop_wrap .btm_cnt {
  margin-top: 8px;
  text-align: right;
  position: absolute;
  bottom: 70px;
  right: 70px;
}
.pop_info_safety_health_configuration .pop_wrap .btm_cnt .btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  width: 96px;
  line-height: 34px;
}


/* .pop_list_safety_health_configuration */
.pop_list_safety_health_configuration {
  width: 1160px;
  height: 750px;
  border-radius: 24px;
}
.pop_list_safety_health_configuration .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_list_safety_health_configuration .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 22px;
}
.pop_list_safety_health_configuration .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_safety_health_configuration .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 14px;
}

.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line {
  width: 100%;
  display: flex;
  margin-bottom: 26px;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.top .beaver {
  width: 120px;
  margin-right: 20px;
  height: 110px;
  position: relative;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.top .beaver .img_wrap {
  width: 120px;
  height: 110px;
  background: url(../img/beaver_safety_health_configuration.png) no-repeat;
  background-size: contain;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.top .beaver .img_wrap .txt_area {
  position: absolute;
  right: 1px;
  top: 66px;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  color: #4B6C79;
  font-weight: 700;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.top .configuration {
  border: none;
  border-radius: 12px;
  padding: 18px;
  box-sizing: border-box;
  width: 880px;
  color: #4B6C79;
  background: #EEF2F5;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.top .configuration .configuration_line {
  display: flex;
  width: 100%;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.top .configuration .configuration_line + .configuration_line {
  margin-top: 10px;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.top .configuration .configuration_line p {
  font-weight: 700;
  margin-right: 32px;
  font-size: 16px;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.top .configuration .configuration_line p>span {
  font-weight: 400;
  margin-left: 4px;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.top .configuration .configuration_line p>span>i{
  margin: 0 10px;
}


.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm  {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm .worker {
  width: calc(50% - 10px);
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm .user {
  width: calc(50% - 10px);
  overflow: inherit;
  margin-right: 20px;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm .table {
  width: 100%;
  border: 1px solid #cacaca;
  border-radius: 12px;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm .table td {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm .table .num {
  width: 50px;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm .table .head {
  border-radius: 8px 8px 0 0;
  background: #4B6C79;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm .table table {
  width: 100%;
  table-layout: fixed;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm .table .head > table th {
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm .table .body {
  border-radius: 0 0 8px 8px;
  height: 301px;
  overflow-y: auto;
  text-align: center;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm .table .body table {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm .table .body > table td {
  height: 30px;
  border-bottom: 1px solid #ECECEC;
  color: #4d4d4d;
  box-sizing: border-box;
  font-size: 14px;
}
.pop_list_safety_health_configuration .pop_wrap .mid_cnt .line.btm .table .body > table tr:last-child td {
  border-bottom: none;
}

.pop_list_safety_health_configuration .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 18px;
}
.pop_list_safety_health_configuration .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 0px;
  border-radius: 8px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.pop_list_safety_health_configuration .pop_wrap .btm_cnt .btn + .btn {
  margin-left: 8px;
}


/* chemical */
.chemical .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}

.chemical .top_area .tit .tit_icon {
  background: url(../img/tit_icon_chemical.png) no-repeat;
  background-size: contain;
}
.chemical .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}

.chemical .mid_area .search_bar .search_left {
  margin-right: 0;
}
.chemical .mid_area .table .body > table td.red {
  color: #FF6C6C;
}
.chemical .mid_area .table .body > table td.yellow {
  color: #F4D323;
}

/* pop_info_chemical */
.pop_info_chemical {
  width: 506px;
  height: auto;
  border-radius: 24px;
}
.pop_info_chemical .pop_wrap {
  padding: 40px;
  height: auto;
  box-sizing: border-box;
  position: relative;
}
.pop_info_chemical .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 32px;
}
.pop_info_chemical .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_chemical .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_chemical .pop_wrap .mid_cnt {
  box-sizing: border-box;
  max-height: 616px;
  overflow-y: auto;
}
.pop_info_chemical .pop_wrap .mid_cnt .item_bx + .item_bx {
  border-top: 1px solid #ececec;
  margin-top: 16px;
  padding-top: 16px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item_bx .sub_tit {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 18px;
  line-height: 20px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item_bx .item dt .essential {
  color: #FF6C6C;
  display: inline-block;
  margin-left: 4px;
  font-size: 18px;
  transform: translateY(3px);
}
.pop_info_chemical .pop_wrap .mid_cnt .item_bx .line {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.pop_info_chemical .pop_wrap .mid_cnt .item_bx .line + .line {
  margin-top: 16px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item_bx .line .item + .item {
  margin-left: 20px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item dt {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item dd .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_chemical .pop_wrap .mid_cnt .item dd .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_chemical .pop_wrap .mid_cnt .item dd .txt_bx:disabled {
  border: none;
  background: #EEF2F5;
}
.pop_info_chemical .pop_wrap .mid_cnt .item dd .slt_bx {
  background: #EEF2F5;
  width: 100%;
  border-radius: 8px;
  height: 34px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item dd select {
  border: none;
  width: 100%;
  height: 34px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 90% 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.pop_info_chemical .pop_wrap .mid_cnt .item dd select:disabled {
  background: #EEF2F5;
  color: #4d4d4d;
  opacity: 1;
}
.pop_info_chemical .pop_wrap .mid_cnt .item {
  width: 100%;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.date .datepicker_bx {
  background: #EEF2F5;
  height: 34px;
  border-radius: 8px;
  float: left;
  width: 100%;
  text-align: center;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.date .datepicker_bx .datepicker {
  width: 93px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.date .datepicker_bx .datepicker:disabled {
  cursor: default;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.capacity dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.capacity .slt_bx.day {
  width: 52px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.capacity .slt_bx select {
  background-position: 82% 15px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.capacity .slt_bx.unit {
  width: 70px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.capacity .txt_bx {
  width: 64px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.reason dd {
  display: flex;
  flex-wrap: wrap;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.reason dd .check_bx {
  width: 50%;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.reason dd .check_bx.w100 {
  width: 100%;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.reason dd .check_bx:nth-child(3),
.pop_info_chemical .pop_wrap .mid_cnt .item.reason dd .check_bx:nth-child(4) {
  margin-top: 10px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.reason dd .check_bx .txt_bx {
  border: none;
  height: 18px;
  border-radius: 0;
  width: 148px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.reason dd .check_bx .txt_bx:focus {
  outline: none;
  border-bottom: 1px solid #00DF81;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.reason dd .check_bx .txt_bx:disabled {
  background: #fff;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.reason dd .check_bx p {
  margin-left: 54px;
  display: flex;
  align-items: center;
  transform: translateY(-2px);
}
.pop_info_chemical .pop_wrap .mid_cnt .item.reason dd .check_bx input.radio+label>span {
  top: -2px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.reason dd .check_bx input:disabled + label {
  cursor: default;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.horizontality {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.horizontality dt {
  width: 100px;
  margin-bottom: 0;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.horizontality dd button {
  width: 50px;
  height: 20px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.horizontality dd .file_btn {
  background: #00DF81;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.horizontality dd .file_btn.edit {
  background: #4B6C79;
  display: none;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.horizontality.upload dd .file_btn {
  display: none;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.horizontality.upload dd .file_btn.edit {
  display: block;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.horizontality dd .edit_btn {
  background: #4B6C79;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.autocomplete dd {
  position: relative;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.autocomplete dd ul {
  display: none;
}
.pop_info_chemical .pop_wrap .mid_cnt .item.autocomplete dd ul {
  position: absolute;
  top: 28px;
  left: 0;
  width: 99.5%;
  border: 1px solid #00DF81;
  border-top: none;
  background: white;
  z-index: 10;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 0 0 8px 8px;
}

.pop_info_chemical .pop_wrap .mid_cnt .item.autocomplete dd ul li {
  padding: 9px 10px;
  cursor: pointer;
  color: #4d4d4d;
  font-weight: 500;
}

.pop_info_chemical .pop_wrap .mid_cnt .item.autocomplete dd ul li:hover {
  color: #4B6C79;
}

.pop_info_chemical .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 14px;
}
.pop_info_chemical .pop_wrap .btm_cnt .btn {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  background: #666565;
  color: #ffff;
  padding: 9px 24px;
  border-radius: 8px;
  font-size: 14px;
  width: 96px;
}
.pop_info_chemical .pop_wrap .btm_cnt .del {
  display: none;
}


/* pop_info_warning_sign */
.pop_info_warning_sign {
  width: 556px;
  height: auto;
  border-radius: 24px;
}
.pop_info_warning_sign .pop_wrap {
  padding: 40px;
  height: auto;
  box-sizing: border-box;
  position: relative;
}
.pop_info_warning_sign .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 32px;
}
.pop_info_warning_sign .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_warning_sign .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_warning_sign .pop_wrap .mid_cnt {
  box-sizing: border-box;
  max-height: 612px;
  overflow-y: auto;
  overflow-x: hidden;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item_bx + .item_bx {
  border-top: 1px solid #ececec;
  margin-top: 16px;
  padding-top: 16px;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item_bx .sub_tit {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 18px;
  line-height: 20px;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item_bx .item dt .essential {
  color: #FF6C6C;
  display: inline-block;
  margin-right: 4px;
  font-size: 18px;
  transform: translateY(3px);
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item_bx .line {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item_bx .line + .line {
  margin-top: 16px;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item_bx .line .item + .item {
  margin-left: 20px;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item dt {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item dd {
  color: #4d4d4d;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item dd .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item dd .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item dd .txt_bx:disabled {
  border: none;
  background: #EEF2F5;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item dd .slt_bx {
  background: #EEF2F5;
  width: 100%;
  border-radius: 8px;
  height: 34px;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item dd select {
  border: none;
  width: 100%;
  height: 34px;
  border-radius: 8px;
  padding-left: 10px;
  padding-right: 26px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 90% 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item {
  width: 100%;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item.slt dd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item.slt3 dd .slt_bx {
  width: 230px;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item.slt3 dd .slt_bx select {
  background-position: 93% 15px;
  padding-right: 14%;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item.slt4 dd .slt_bx {
  width: 110px;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item.slt4 dd .slt_bx select {
  background-position: 90% 15px;
  padding-right: 22%;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item.slt3 dd .slt_bx:nth-child(3) {
  margin-top: 10px;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item.memo dt {
  width: 100%;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item.memo dt > i {
  float: right;
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 400;
  line-height: 20px;
}
.pop_info_warning_sign .pop_wrap .mid_cnt .item.memo dd .txt_bx + .txt_bx {
  margin-top: 10px;
}
.pop_info_warning_sign .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 40px;
}
.pop_info_warning_sign .pop_wrap .btm_cnt .btn {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  background: #666565;
  color: #ffff;
  padding: 9px 24px;
  border-radius: 8px;
  font-size: 14px;
  width: 96px;
}

/* cost_plan */
.cost_plan .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}

.cost_plan .top_area .tit .tit_icon {
  background: url(../img/tit_icon_cost_plan.png) no-repeat;
  background-size: contain;
}
.cost_plan .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}

.cost_plan .mid_area .search_bar .search_left {
  margin-right: 0;
}


/* pop_info_cost_plan */
.pop_info_cost_plan {
  width: 1192px;
  height: 798px;
  border-radius: 24px;
}
.pop_info_cost_plan .pop_wrap {
  padding: 70px;
  height: 798px;
  box-sizing: border-box;
  position: relative;
}
.pop_info_cost_plan .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 32px;
}
.pop_info_cost_plan .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_cost_plan .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_cost_plan .pop_wrap .top_cnt .tit input {
  border: 1px solid #A3A3A3;
  width: 220px;
  height: 34px;
  font-size: 24px;
  font-weight: 900;
  color: #000000;
  text-align: center;
  border-radius: 8px;
  padding: 0 5px;
  box-sizing: border-box;
  margin: 0 4px;
}
.pop_info_cost_plan .pop_wrap .top_cnt .tit input::placeholder {
  color: #4B6C79;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .top_bx {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .top_bx .total {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .memo {
  width: 100%;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .memo .txt_bx {
  border: 1px solid #cacaca;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
  font-size: 16px;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .memo .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .memo textarea.txt_bx {
  padding: 8px 10px;
  box-sizing: border-box;
  resize: none;
  width: 100%;
  height: 60px;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .btn_wrap {
  text-align: right;
  margin-bottom: 8px;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .btn_wrap button {
  width: 50px;
  height: 20px;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .btn_wrap button + button {
  margin-left: 4px;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .btn_wrap .add_btn {
  background: #00DF81;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .btn_wrap .del_btn {
  background: #FF6C6C;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .num {
  width: 50px;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .head table {
  width: 100%;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .body table {
  width: 100%;
  table-layout: fixed;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .foot table {
  width: 100%;
  table-layout: fixed;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .foot table th {
  background: #4B6C79;
  color: #fff;
  height: 58px;
  border-right: 1px solid #CACACA;
  border-top: 1px solid #CACACA;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .foot table th:last-child {
  border-right: none;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .foot table .total {
  background: #E5EFFF;
  color: #4B6C79;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .head.empty {
  background: #4B6C79;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .body {
  max-height: 404px;
  overflow: auto;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .head table th {
  background: #4B6C79;
  color: #fff;
  height: 60px;
  line-height: 20px;
  vertical-align: middle;
  border-right: 1px solid #fff;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .head table tr th:first-child {
  border-left: none;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .head table tr th:last-child {
  border-right: none;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .body table tr td:last-child {
  border-right: none;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .body table tr:last-child td {
  border-bottom: none;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .body table td {
  color: #4d4d4d;
  border-right: 1px solid #cacaca;
  vertical-align: middle;
  text-align: center;
  padding: 10px 4px;
  box-sizing: border-box;
  border-bottom: 1px solid #cacaca;
  min-height: 58px;
  font-size: 14px;
  height: 58px;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .body table .txt_bx {
  width: 98%;
  height: 20px;
  resize: none;
  text-align: center;
  border: none;
  font-size: 14px;
  color: #4d4d4d;
  line-height: 20px;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .body table .txt_bx::placeholder {
  color: #cacaca;
}

.pop_info_cost_plan .pop_wrap .mid_cnt .table .check_td  {
  width: 28px;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .body .check_td {
  cursor: pointer;
}
.pop_info_cost_plan .pop_wrap .mid_cnt .table .body .check_td.active {
  background: #D5DEED;
}

.pop_info_cost_plan .pop_wrap .mid_cnt .table .head .check_td {
  background: #E5EFFF;
  border: 1px solid #A3A3A3;
  color: #3D3D3D;
  font-size: 12px;
  font-weight: 400;
}

.pop_info_cost_plan .pop_wrap .btm_cnt {
  margin-top: 10px;
  text-align: right;
  position: absolute;
  bottom: 70px;
  right: 70px;
}
.pop_info_cost_plan .pop_wrap .btm_cnt .btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  width: 96px;
  height: 34px;
}



/* pop_list_cost_plan */
.pop_list_cost_plan {
  width: 1192px;
  height: 798px;
  border-radius: 24px;
}
.pop_list_cost_plan .pop_wrap {
  padding: 70px;
  height: 798px;
  box-sizing: border-box;
  position: relative;
}
.pop_list_cost_plan .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 32px;
}
.pop_list_cost_plan .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_cost_plan .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_list_cost_plan .pop_wrap .top_cnt .tit input {
  border: 1px solid #A3A3A3;
  width: 220px;
  height: 34px;
  font-size: 24px;
  font-weight: 900;
  color: #000000;
  text-align: center;
  border-radius: 8px;
  padding: 0 5px;
  box-sizing: border-box;
  margin: 0 4px;
}
.pop_list_cost_plan .pop_wrap .top_cnt .tit input::placeholder {
  color: #4B6C79;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .top_bx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .top_bx .total {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .num {
  width: 50px;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .head table {
  width: 100%;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .body table {
  width: 100%;
  table-layout: fixed;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .foot table {
  width: 100%;
  table-layout: fixed;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .foot table th {
  background: #4B6C79;
  color: #fff;
  height: 58px;
  border-right: 1px solid #CACACA;
  border-top: 1px solid #CACACA;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .foot table th:last-child {
  border-right: none;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .foot table .total {
  background: #E5EFFF;
  color: #4B6C79;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .head.empty {
  background: #4B6C79;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .body {
  max-height: 404px;
  overflow: auto;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .head table th {
  background: #4B6C79;
  color: #fff;
  height: 60px;
  line-height: 20px;
  vertical-align: middle;
  border-right: 1px solid #fff;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .head table tr th:first-child {
  border-left: none;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .head table tr th:last-child {
  border-right: none;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .body table tr td:last-child {
  border-right: none;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .body table tr:last-child td {
  border-bottom: none;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .body table td {
  color: #4d4d4d;
  border-right: 1px solid #cacaca;
  vertical-align: middle;
  text-align: center;
  padding: 10px 4px;
  box-sizing: border-box;
  border-bottom: 1px solid #cacaca;
  min-height: 58px;
  font-size: 14px;
  height: 58px;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .body table .txt_bx {
  width: 98%;
  height: 20px;
  resize: none;
  text-align: center;
  border: none;
  font-size: 14px;
  color: #4d4d4d;
  line-height: 20px;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .body table .txt_bx::placeholder {
  color: #cacaca;
}

.pop_list_cost_plan .pop_wrap .mid_cnt .table .check_td  {
  width: 28px;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .body .check_td {
  cursor: pointer;
}
.pop_list_cost_plan .pop_wrap .mid_cnt .table .body .check_td.active {
  background: #D5DEED;
}

.pop_list_cost_plan .pop_wrap .mid_cnt .table .head .check_td {
  background: #E5EFFF;
  border: 1px solid #A3A3A3;
  color: #3D3D3D;
  font-size: 12px;
  font-weight: 400;
}

.pop_list_cost_plan .pop_wrap .btm_cnt {
  margin-top: 10px;
  text-align: right;
  position: absolute;
  bottom: 70px;
  right: 70px;
}
.pop_list_cost_plan .pop_wrap .btm_cnt .btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  width: 96px;
  height: 34px;
  text-align: center;
  line-height: 34px;
}
.pop_list_cost_plan .pop_wrap .btm_cnt .btn + .btn {
  margin-left: 4px;
}
.pop_list_cost_plan .pop_wrap .btm_cnt > p {
  display: inline-block;
  line-height: 34px;
  font-size: 14px;
  font-weight: 500;
  color: #4d4d4d;
  margin-right: 10px;
}



/* cost_history */
.cost_history .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}

.cost_history .top_area .tit .tit_icon {
  background: url(../img/tit_icon_cost_history.png) no-repeat;
  background-size: contain;
}
.cost_history .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}



/* pop_list_cost_history */
.pop_list_cost_history {
  width: 1192px;
  height: 798px;
  border-radius: 24px;
}
.pop_list_cost_history .pop_wrap {
  padding: 70px;
  height: 798px;
  box-sizing: border-box;
  position: relative;
}
.pop_list_cost_history .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 32px;
}
.pop_list_cost_history .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_cost_history .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_list_cost_history .pop_wrap .top_cnt .tit input {
  border: 1px solid #A3A3A3;
  width: 220px;
  height: 34px;
  font-size: 24px;
  font-weight: 900;
  color: #000000;
  text-align: center;
  border-radius: 8px;
  padding: 0 5px;
  box-sizing: border-box;
  margin: 0 4px;
}
.pop_list_cost_history .pop_wrap .top_cnt .tit input::placeholder {
  color: #4B6C79;
}
.pop_list_cost_history .pop_wrap .mid_cnt .top_bx {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pop_list_cost_history .pop_wrap .mid_cnt .top_bx .total {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
}
.pop_list_cost_history .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_list_cost_history .pop_wrap .mid_cnt .memo {
  width: 100%;
}
.pop_list_cost_history .pop_wrap .mid_cnt .memo .txt_bx {
  border: 1px solid #cacaca;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
  font-size: 16px;
}
.pop_list_cost_history .pop_wrap .mid_cnt .memo .txt_bx::placeholder {
  color: #CACACA;
}
.pop_list_cost_history .pop_wrap .mid_cnt .memo textarea.txt_bx {
  padding: 8px 10px;
  box-sizing: border-box;
  resize: none;
  width: 100%;
  height: 60px;
}
.pop_list_cost_history .pop_wrap .mid_cnt .top_bx {
  margin-bottom: 8px;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .num {
  width: 50px;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .head table {
  width: 100%;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body table {
  width: 100%;
  table-layout: fixed;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .foot table {
  width: 100%;
  table-layout: fixed;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .foot table th {
  background: #4B6C79;
  color: #fff;
  height: 58px;
  border-right: 1px solid #CACACA;
  border-top: 1px solid #CACACA;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .foot table th:last-child {
  border-right: none;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .foot table .total {
  background: #E5EFFF;
  color: #4B6C79;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .head.empty {
  background: #4B6C79;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body {
  max-height: 404px;
  overflow: auto;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .head table th {
  background: #4B6C79;
  color: #fff;
  height: 60px;
  line-height: 20px;
  vertical-align: middle;
  border-right: 1px solid #fff;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .head table tr th:first-child {
  border-left: none;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .head table tr th:last-child {
  border-right: none;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body table tr td:last-child {
  border-right: none;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body table tr:last-child td {
  border-bottom: none;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body table td {
  color: #4d4d4d;
  border-right: 1px solid #cacaca;
  vertical-align: middle;
  text-align: center;
  padding: 10px 4px;
  box-sizing: border-box;
  border-bottom: 1px solid #cacaca;
  min-height: 58px;
  font-size: 14px;
  height: 58px;
  cursor: pointer;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body table .bg_gray {
  background: #EFEDED;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body table .pop_td {
  font-weight: 700;
  color: #4B6C79;
  cursor: pointer;
  line-height: 20px;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body table .pop_td > p {
  display: inline-block;
  max-width: calc(100% - 40px);
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body table .pop_td > span {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/arrow_right_02.png) center no-repeat;
  background-size: contain;
  float: right;
  margin-right: 20px;
}

.pop_list_cost_history .pop_wrap .mid_cnt .table table .chk {
  border-right: none !important;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body table .txt_bx {
  width: 98%;
  height: 20px;
  resize: none;
  text-align: center;
  border: none;
  font-size: 14px;
  color: #4d4d4d;
  line-height: 20px;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body table .txt_bx::placeholder {
  color: #cacaca;
}

.pop_list_cost_history .pop_wrap .mid_cnt .table .check_td  {
  width: 28px;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body .check_td {
  cursor: pointer;
}
.pop_list_cost_history .pop_wrap .mid_cnt .table .body .check_td.active {
  background: #D5DEED;
}

.pop_list_cost_history .pop_wrap .mid_cnt .table .head .check_td {
  background: #E5EFFF;
  border: 1px solid #A3A3A3;
  color: #3D3D3D;
  font-size: 12px;
  font-weight: 400;
}

.pop_list_cost_history .pop_wrap .btm_cnt {
  margin-top: 10px;
  text-align: right;
  position: absolute;
  bottom: 70px;
  right: 70px;
}
.pop_list_cost_history .pop_wrap .btm_cnt .btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  width: 96px;
  height: 34px;
  text-align: center;
  line-height: 34px;
}
.pop_list_cost_history .pop_wrap .btm_cnt .btn + .btn {
  margin-left: 4px;
}

/* pop_info_cost_history */
.pop_info_cost_history {
  width: 1192px;
  height: 798px;
  border-radius: 24px;
}
.pop_info_cost_history .pop_wrap {
  padding: 70px;
  height: 798px;
  box-sizing: border-box;
  position: relative;
}
.pop_info_cost_history .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 32px;
}
.pop_info_cost_history .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_cost_history .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_cost_history .pop_wrap .top_cnt .tit input {
  border: 1px solid #A3A3A3;
  width: 220px;
  height: 34px;
  font-size: 24px;
  font-weight: 900;
  color: #000000;
  text-align: center;
  border-radius: 8px;
  padding: 0 5px;
  box-sizing: border-box;
  margin: 0 4px;
}
.pop_info_cost_history .pop_wrap .top_cnt .tit input::placeholder {
  color: #4B6C79;
}
.pop_info_cost_history .pop_wrap .mid_cnt .top_bx {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pop_info_cost_history .pop_wrap .mid_cnt .top_bx .total {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
}
.pop_info_cost_history .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_info_cost_history .pop_wrap .mid_cnt .memo {
  width: 100%;
}
.pop_info_cost_history .pop_wrap .mid_cnt .memo .txt_bx {
  border: 1px solid #cacaca;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
  font-size: 16px;
}
.pop_info_cost_history .pop_wrap .mid_cnt .memo .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_cost_history .pop_wrap .mid_cnt .memo textarea.txt_bx {
  padding: 8px 10px;
  box-sizing: border-box;
  resize: none;
  width: 100%;
  height: 60px;
}
.pop_info_cost_history .pop_wrap .mid_cnt .btn_wrap {
  text-align: right;
  margin-bottom: 8px;
}
.pop_info_cost_history .pop_wrap .mid_cnt .btn_wrap button {
  width: 50px;
  height: 20px;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
}
.pop_info_cost_history .pop_wrap .mid_cnt .btn_wrap button + button {
  margin-left: 4px;
}
.pop_info_cost_history .pop_wrap .mid_cnt .btn_wrap .add_btn {
  background: #00DF81;
}
.pop_info_cost_history .pop_wrap .mid_cnt .btn_wrap .del_btn {
  background: #FF6C6C;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .num {
  width: 50px;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .head table {
  width: 100%;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .body table {
  width: 100%;
  table-layout: fixed;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .foot table {
  width: 100%;
  table-layout: fixed;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .foot table th {
  background: #4B6C79;
  color: #fff;
  height: 58px;
  border-right: 1px solid #CACACA;
  border-top: 1px solid #CACACA;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .foot table th:last-child {
  border-right: none;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .foot table .total {
  background: #E5EFFF;
  color: #4B6C79;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .head.empty {
  background: #4B6C79;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .body {
  max-height: 404px;
  overflow: auto;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .head table th {
  background: #4B6C79;
  color: #fff;
  height: 60px;
  line-height: 20px;
  vertical-align: middle;
  border-right: 1px solid #fff;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .head table tr th:first-child {
  border-left: none;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .head table tr th:last-child {
  border-right: none;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .body table tr td:last-child {
  border-right: none;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .body table tr:last-child td {
  border-bottom: none;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .body table td {
  color: #4d4d4d;
  border-right: 1px solid #cacaca;
  vertical-align: middle;
  text-align: center;
  padding: 10px 4px;
  box-sizing: border-box;
  border-bottom: 1px solid #cacaca;
  min-height: 58px;
  height: 58px;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table table .chk {
  border-right: none !important;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .body table .txt_bx {
  width: 98%;
  height: 20px;
  resize: none;
  text-align: center;
  border: none;
  font-size: 14px;
  color: #4d4d4d;
  line-height: 20px;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .body table .txt_bx::placeholder {
  color: #cacaca;
}

.pop_info_cost_history .pop_wrap .mid_cnt .table .check_td  {
  width: 28px;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .body .check_td {
  cursor: pointer;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .body .check_td.active {
  background: #D5DEED;
}

.pop_info_cost_history .pop_wrap .mid_cnt .table .head .check_td {
  background: #E5EFFF;
  border: 1px solid #A3A3A3;
  color: #3D3D3D;
  font-size: 12px;
  font-weight: 400;
}
.pop_info_cost_history .pop_wrap .mid_cnt .table .datepicker {
  background: #EEF2F5;
  width: 104px;
}
.pop_info_cost_history .pop_wrap .btm_cnt {
  margin-top: 10px;
  text-align: right;
  position: absolute;
  bottom: 70px;
  right: 70px;
}
.pop_info_cost_history .pop_wrap .btm_cnt .btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  width: 96px;
  height: 34px;
}



/* pop_info_cost_history_view */
.pop_info_cost_history_view {
  width: 1192px;
  height: 798px;
  border-radius: 24px;
}
.pop_info_cost_history_view .pop_wrap {
  padding: 70px;
  height: 798px;
  box-sizing: border-box;
  position: relative;
}
.pop_info_cost_history_view .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 32px;
}
.pop_info_cost_history_view .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_cost_history_view .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_cost_history_view .pop_wrap .top_cnt .tit input {
  border: 1px solid #A3A3A3;
  width: 220px;
  height: 34px;
  font-size: 24px;
  font-weight: 900;
  color: #000000;
  text-align: center;
  border-radius: 8px;
  padding: 0 5px;
  box-sizing: border-box;
  margin: 0 4px;
}
.pop_info_cost_history_view .pop_wrap .top_cnt .tit input::placeholder {
  color: #4B6C79;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .top_bx {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .top_bx .total {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .top_bx .btn_wrap button {
  background: #FF6C6C;
  color: #fff;
  border-radius: 4px;
  width: 50px;
  font-size: 12px;
  height: 20px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .top_bx .btn_wrap button.add_btn {
  background: #00DF81;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .top_bx .btn_wrap button + button {
  margin-left: 4px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .sub_tit {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .memo {
  width: 100%;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .memo .txt_bx {
  border: 1px solid #cacaca;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
  font-size: 16px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .memo .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .memo textarea.txt_bx {
  padding: 8px 10px;
  box-sizing: border-box;
  resize: none;
  width: 100%;
  height: 60px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .top_bx {
  margin-bottom: 8px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table table {
  table-layout: fixed;
  width: 100%;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .num {
  width: 50px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .head table {
  width: 100%;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .body table {
  width: 100%;
  table-layout: fixed;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .foot table {
  width: 100%;
  table-layout: fixed;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .foot table th {
  background: #4B6C79;
  color: #fff;
  height: 58px;
  border-right: 1px solid #CACACA;
  border-top: 1px solid #CACACA;
  box-sizing: border-box;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .foot table th:last-child {
  border-right: none;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .foot table .total {
  background: #E5EFFF;
  color: #4B6C79;
  font-weight: 500;
  font-size: 14px;
  border-right: 1px solid #CACACA;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .head.empty {
  background: #4B6C79;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .body {
  max-height: 404px;
  overflow-y: auto;
  overflow-x: hidden;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .head table th {
  background: #4B6C79;
  color: #fff;
  height: 60px;
  line-height: 20px;
  vertical-align: middle;
  border-right: 1px solid #fff;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .head table tr th:first-child {
  border-left: none;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .head table tr th:last-child {
  border-right: none;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .body table tr td:last-child {
  border-right: none;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .body table td {
  color: #4d4d4d;
  border-right: 1px solid #cacaca;
  vertical-align: middle;
  text-align: center;
  padding: 10px 4px;
  box-sizing: border-box;
  border-bottom: 1px solid #cacaca;
  min-height: 58px;
  height: 58px;
  font-size: 14px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .body table td .pop_btn {
  text-decoration: underline;
  color: #4B6C79;
  font-weight: 500;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .body table .txt_bx {
  width: 98%;
  height: 20px;
  resize: none;
  text-align: center;
  border: none;
  font-size: 14px;
  color: #4d4d4d;
  line-height: 20px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .body table .txt_bx::placeholder {
  color: #cacaca;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .body table textarea.txt_bx {
  height: 37px;
  line-height: 18px;
}

.pop_info_cost_history_view .pop_wrap .mid_cnt .table .check_td  {
  width: 28px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .body .check_td {
  cursor: pointer;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .body .check_td.active {
  background: #D5DEED;
}

.pop_info_cost_history_view .pop_wrap .mid_cnt .table .head .check_td {
  background: #E5EFFF;
  border: 1px solid #A3A3A3;
  color: #3D3D3D;
  font-size: 12px;
  font-weight: 400;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .body table td .datepicker_bx {
  background: #EEF2F5;
  border-radius: 8px;
  width: 104px;
  margin: auto;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .body table td .datepicker_bx .datepicker {
  background: #EEF2F5;
  width: 104px !important;
}
.pop_info_cost_history_view .pop_wrap .btm_cnt {
  margin-top: 10px;
  text-align: right;
  position: absolute;
  bottom: 70px;
  right: 70px;
}
.pop_info_cost_history_view .pop_wrap .btm_cnt .btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  width: 96px;
  height: 34px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .chk {
  width: 40px;
  border-right: none !important;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .num {
  width: 50px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .category {
  width: 200px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .amount {
  width: 80px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .price {
  width: 120px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .ratio {
  width: 60px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .memo {
  width: 138px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .date {
  width: 124px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .user {
  width: 90px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .file {
  width: 70px;
}
.pop_info_cost_history_view .pop_wrap .mid_cnt .table .cost {
  width: 80px;
}






/* workplace */
.workplace .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}

.workplace .top_area .tit .tit_icon {
  background: url(../img/tit_icon_workplace.png) no-repeat;
  background-size: contain;
}
.workplace .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}


/* pop_info_workplace */
.pop_info_workplace {
  width: 560px;
  height: 716px;
  border-radius: 24px;
}
.pop_info_workplace .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_info_workplace .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_info_workplace .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_workplace .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}

.pop_info_workplace .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 14px;
}
.pop_info_workplace .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}
.pop_info_workplace .pop_wrap .mid_cnt .item_bx .sub_tit {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 18px;
  line-height: 20px;
}
.pop_info_workplace .pop_wrap .mid_cnt .item_bx .line {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.pop_info_workplace .pop_wrap .mid_cnt .item_bx + .item_bx {
  border-top: 1px solid #ececec;
  margin-top: 20px;
  padding-top: 20px;
}
.pop_info_workplace .pop_wrap .mid_cnt .item_bx .line + .line {
  margin-top: 14px;
}
.pop_info_workplace .pop_wrap .mid_cnt .item_bx .line .item + .item {
  margin-left: 22px;
}
.pop_info_workplace .pop_wrap .mid_cnt .item dt {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.pop_info_workplace .pop_wrap .mid_cnt .item dd {
  color: #4d4d4d;
}
.pop_info_workplace .pop_wrap .mid_cnt .item dd .txt_bx {
  border: 1px solid #D9D9D9;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_workplace .pop_wrap .mid_cnt .item dd .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_workplace .pop_wrap .mid_cnt .item.data dd .txt_bx {
  background: #EEF2F5;
  border: none;
}
.pop_info_workplace .pop_wrap .mid_cnt .item {
  width: 100%;
}
.pop_info_workplace .pop_wrap .mid_cnt .category {
  width: 200px;
}
.pop_info_workplace .pop_wrap .mid_cnt .date {
  width: 200px;
}
.pop_info_workplace .pop_wrap .mid_cnt .part {
  width: 200px;
}
.pop_info_workplace .pop_wrap .mid_cnt .position {
  width: 200px;
}
.pop_info_workplace .pop_wrap .mid_cnt .date .datepicker {
  border: none;
  height: 32px;
  border-radius: 8px;
  background: #EEF2F5;
  margin-right: 6px;
  color: #4d4d4d;
  text-align: center;
  width: 200px;
}
.pop_info_workplace .pop_wrap .mid_cnt .search dt .btn_search {
  float: right;
  display: block;
  width: 50px;
  line-height: 20px;
  font-size: 12px;
  background: #4B6C79;
  color: #fff;
  border-radius: 4px;
}

/* pop_list_workplace */
.pop_list_workplace {
  width: 560px;
  height: 716px;
  border-radius: 24px;
}
.pop_list_workplace .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_list_workplace .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_list_workplace .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_workplace .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}

.pop_list_workplace .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 14px;
}
.pop_list_workplace .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}
.pop_list_workplace .pop_wrap .btm_cnt .btn.close {
  background: #FF6C6C;
}
.pop_list_workplace .pop_wrap .btm_cnt .btn + .btn {
  margin-left: 4px;
}
.pop_list_workplace .pop_wrap .mid_cnt .item_bx .sub_tit {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 18px;
  line-height: 20px;
}
.pop_list_workplace .pop_wrap .mid_cnt .item_bx .line {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.pop_list_workplace .pop_wrap .mid_cnt .item_bx .line + .line {
  margin-top: 14px;
}
.pop_list_workplace .pop_wrap .mid_cnt .item_bx .line .item + .item {
  margin-left: 22px;
}
.pop_list_workplace .pop_wrap .mid_cnt .item_bx + .item_bx {
  border-top: 1px solid #ececec;
  margin-top: 20px;
  padding-top: 20px;
}
.pop_list_workplace .pop_wrap .mid_cnt .item dt {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.pop_list_workplace .pop_wrap .mid_cnt .item dd {
  color: #4d4d4d;
}
.pop_list_workplace .pop_wrap .mid_cnt .item dd .txt_bx {
  border: none;
  background: #EEF2F5;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_list_workplace .pop_wrap .mid_cnt .item dd .txt_bx::placeholder {
  color: #CACACA;
}
.pop_list_workplace .pop_wrap .mid_cnt .item {
  width: 100%;
}
.pop_list_workplace .pop_wrap .mid_cnt .category {
  width: 200px;
}
.pop_list_workplace .pop_wrap .mid_cnt .date {
  width: 200px;
}
.pop_list_workplace .pop_wrap .mid_cnt .date .txt_bx {
  width: 200px;
  text-align: center;
}
.pop_list_workplace .pop_wrap .mid_cnt .part {
  width: 200px;
}
.pop_list_workplace .pop_wrap .mid_cnt .position {
  width: 200px;
}


/* pop_list_user */
.pop_list_user {
  width: 1110px;
  height: auto;
   border-radius: 24px;
}
.pop_list_user .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_list_user .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 47px;
}
.pop_list_user .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_user .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_list_user .pop_wrap .mid_cnt {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx {
  width: 366px;
  padding-right: 20px;
  position: relative;
  border-right: 1px solid #ECECEC;
  box-sizing: border-box;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .search_bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .search_bar .slt_bx {
  margin-right: 0;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .search_bar .check {
  display: block;
  width: 50px;
  padding: 0;
  background: #A3A3A3;
  color: #ffff;
  font-weight: 500;
  border-radius: 8px;
  height: 34px;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .search_bar input[type="search"] {
  width: 144px;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .search_bar .txt_bx {
  width: 180px;
  border: 1px solid #D9D9D9;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  color: #4d4d4d;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .section_tree {
  height: 502px;
  overflow: auto;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .user_list .head {
  background: #4B6C79;
  border-radius: 12px 12px 0 0;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .user_list .head table th {
  color: #fff;
  height: 34px;
  line-height: 34px;
  border-right: 1px solid #fff;
  font-size: 14px;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .user_list .head table th:last-child {
  border-right: none;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .user_list .body {
  border: 1px solid #cacaca;
  border-radius: 0 0 12px 12px;
  height: 588px;
  overflow-y: auto;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .user_list .body table {
  table-layout: fixed;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .user_list .body td {
  text-align: center;
  border-right: 1px solid #ececec;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  padding: 0 8px;
  box-sizing: border-box;
  font-size: 14px;
  cursor: pointer;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .user_list .body td:last-child {
  border-right: none;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .user_list table {
  width: 100%;
  table-layout: auto;
}
.pop_list_user .pop_wrap .mid_cnt .left_bx .user_list .body .on td {
  color: #4B6C79;
  font-weight: 700;
}

.pop_list_user .pop_wrap .mid_cnt .btn_arr {
  display: block;
  width: 60px;
  height: 60px;
  background: url(../img/btn_user_add.png) center no-repeat;
  background-size: contain;
  margin-top: 246px;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx {
  width: 520px;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .total_bx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .total_bx .total {
  font-size: 16px;
  line-height: 20px;
  color: #4B6C79;
  font-weight: bold;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .total_bx .btn_reset {
  background: #FF6C6C;
  color: #fff;
  width: 50px;
  line-height: 20px;
  display: block;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section .head {
  border-radius: 12px 12px 0 0 ;
  overflow: hidden;
  background: #4B6C79;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section .head table {
  table-layout: fixed;
  width: 100%;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section .head table th {
  color: #fff;
  font-size: 16px;
  height: 42px;
  font-weight: 600;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section .body {
  max-height: 480px;
  overflow-y: auto;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section .body table {
  table-layout: fixed;
  width: 100%;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section .body table td {
  color: #4d4d4d;
  font-size: 16px;
  height: 37px;
  text-align: center;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section .body table {
  display: none;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section .body table.on {
  display: table;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section .body .empty {
  display: none;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section .body .empty.on {
  display: flex;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section table .del {
  width: 80px;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section table .del .btn_del {
  width: 16px;
  height: 16px;
  background: url(../img/setting_del.png) center no-repeat;
  background-size: contain;
  transform: translateY(2px);
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section .empty {
  height: 480px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop_list_user .pop_wrap .mid_cnt .right_bx .section .empty > p {
  color: #CACACA;
  font-size: 16px;
  font-weight: 600;
}
.pop_list_user .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 14px;
}
.pop_list_user .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}


/* pop_info_work_type */
.pop_info_work_type {
  width: 1360px;
  height: auto;
   border-radius: 24px;
}
.pop_info_work_type .pop_wrap {
  padding: 40px;
  box-sizing: border-box;
}
.pop_info_work_type .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
}
.pop_info_work_type .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_work_type .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_work_type .pop_wrap .mid_cnt {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx {
  width: calc(40% - 30px);
  padding-right: 30px;
  position: relative;
  border-right: 1px solid #ECECEC;
  box-sizing: border-box;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx .tab_bx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx .tab_bx button {
  width: calc(50% - 4px);
  text-align: center;
  background: #CACACA;
  color: #fff;
  font-size: 14px;
  height: 34px;
  font-weight: 500;
  border-radius: 10px;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx .tab_bx button.on {
  background: #4B6C79;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx .search_bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx .search_bar .slt_bx {
  margin-right: 0;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx .search_bar .check {
  display: block;
  width: 50px;
  padding: 0;
  background: #4B6C79;
  color: #ffff;
  font-weight: 500;
  border-radius: 8px;
  height: 34px;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx.off .search_bar .check {
  background: #CACACA;
  cursor: default;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx.off .section table td {
  display: none;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx .search_bar .search_bx {
  width: calc(100% - 60px);
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx .search_bar input[type="search"] {
  width: 100%;
  padding: 0 10px; 
  box-sizing: border-box;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx .section .body {
  height: 466px;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx .section .body table td {
  cursor: pointer;
}
.pop_info_work_type .pop_wrap .mid_cnt .left_bx .section .body table td.on {
  background: #CCF9E6;
}

.pop_info_work_type .pop_wrap .mid_cnt .right_bx .section .body {
  height: 510px;
}

.pop_info_work_type .pop_wrap .mid_cnt .right_bx {
  width: 60%;
  padding-top: 14px;
}
.pop_info_work_type .pop_wrap .mid_cnt .right_bx .total_bx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.pop_info_work_type .pop_wrap .mid_cnt .right_bx .total_bx .total {
  font-size: 16px;
  line-height: 20px;
  color: #4B6C79;
  font-weight: bold;
}
.pop_info_work_type .pop_wrap .mid_cnt .right_bx .total_bx .btn_reset {
  background: #FF6C6C;
  color: #fff;
  width: 50px;
  line-height: 20px;
  display: block;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
}
.pop_info_work_type .pop_wrap .mid_cnt .section .head {
  border-radius: 12px 12px 0 0 ;
  overflow: hidden;
  background: #4B6C79;
}
.pop_info_work_type .pop_wrap .mid_cnt .section .head table {
  table-layout: fixed;
  width: 100%;
}
.pop_info_work_type .pop_wrap .mid_cnt .section .head table th {
  color: #fff;
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  font-weight: 600;
  border-right: 1px solid #fff;
}
.pop_info_work_type .pop_wrap .mid_cnt .section .head table th:last-child {
  border-right: none;
}
.pop_info_work_type .pop_wrap .mid_cnt .section .head .chk {
  padding-top: 4px;
}
.pop_info_work_type .pop_wrap .mid_cnt .section .body {
  overflow-y: auto;
  border: 1px solid #CACACA;
  border-radius: 0 0 12px 12px;
}
.pop_info_work_type .pop_wrap .mid_cnt .off .section .head {
  background: #CACACA;
}
.pop_info_work_type .pop_wrap .mid_cnt .off .total_bx .total {
  color: #CACACA;
}
.pop_info_work_type .pop_wrap .mid_cnt .section .body table {
  table-layout: fixed;
  width: 100%;
}
.pop_info_work_type .pop_wrap .mid_cnt .section .body table td {
  color: #4d4d4d;
  font-size: 16px;
  height: 37px;
  text-align: center;
  border-right: 1px solid #cacaca;

}
.pop_info_work_type .pop_wrap .mid_cnt .section .body table td  .txt_bx {
    border: none;
    resize: none;
    width: 100%;
    height: 45px;
    box-sizing: border-box;
    padding: 4px 4px;
    color: #4d4d4d;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    transform: translateY(1px)
}
.pop_info_work_type .pop_wrap .mid_cnt .section .body table td:last-child {
  border-right: none;
}
.pop_info_work_type .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 14px;
}
.pop_info_work_type .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}


/* admin_organization */
.admin_organization .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}

.admin_organization .top_area .tit .tit_icon {
  background: url(../img/tit_icon_admin_organization.png) no-repeat;
  background-size: contain;
}
.admin_organization .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}
.admin_organization .mid_area .section_tree {
  width: 370px;
  float: left;
  margin-top: 20px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  height: 718px;
  padding: 20px;
  box-sizing: border-box;
  position: absolute;
  z-index: 110;
}
.admin_organization .mid_area .section_tree.on  {
  z-index: 120;
}
.admin_organization .mid_area .section_tree .top_bx {
  display: none;
}
.admin_organization .mid_area .section_tree.on .top_bx {
  display: flex;
  justify-content: right;
  margin-bottom: 16px;
}
.admin_organization .mid_area .section_tree.on .top_bx button {
  background: #A3A3A3;
  width: 50px;
  height: 34px;
  color: #ffff;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
}
.admin_organization .mid_area .section_tree.on .top_bx button.enroll {
  width: 74px;
  background: #4B6C79;
}
.admin_organization .mid_area .section_tree.on .top_bx button + button {
  margin-left: 8px;
}
.admin_organization .mid_area .section_tree .tree_bx {
  max-height: 678px;
  overflow-y: auto;
}
.admin_organization .mid_area .section_tree.on .tree_bx {
  max-height: 628px;
}
.admin_organization .mid_area .section {
  width: calc(100% - 390px);
  float: right;
  border-radius: 24px;
  height: 718px;
}
.admin_organization .bot_area {
  width: calc(100% - 390px);
  float: right;
}
.admin_organization .mid_area .section .head {
  height: 40px;
}
.admin_organization .mid_area .section .head.empty {
  padding-right: 26px;
}
.admin_organization .mid_area .section .head > table th {
  height: 40px;
  font-size: 14px;
  line-height: 40px;
}
.admin_organization .mid_area .section .body {
  border-radius: 0 0 24px 24px;
  height: 661px;
}
.admin_organization .mid_area .section .body > table td {
  height: 30px;
  font-size: 14px;
}
.admin_organization .mid_area .section .table {
  position: relative;
}
.admin_organization .mid_area .section .readall {
  width: 100%;
  height: 78px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -18px; 
  border-radius: 0 0 24px 24px;
}

.admin_organization .mid_area .section .readall_btn {
  display: block;
  width: 34px;
  height: 34px;
  background: url(../img/page_arr.png) center no-repeat;
  background-size: contain;
}
.admin_organization .mid_area .search_bar {
  justify-content: flex-end;
}
.admin_organization .mid_area .search_bar .search_wrap .left .sub_btn {
  width: 350px;
  padding-right: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 10px;
}
.admin_organization .mid_area .search_bar .search_wrap .left .sub_btn .tit {
  font-size: 16px;
  font-weight: bold;
  color: #4B6C79;
  line-height: 20px;
}
.admin_organization .mid_area .search_bar .search_wrap .left .sub_btn .btn_wrap button {
  width: 50px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  padding: 0;
  font-size: 12px;
}
.admin_organization .mid_area .search_bar .search_wrap .left .sub_btn .btn_wrap button + button {
  margin-left: 4px;
}
.admin_organization .mid_area .search_bar .search_wrap .left .sub_btn .btn_wrap button.del {
  background: #FF6C6C;
}
.admin_organization .mid_area .search_bar .search_wrap .left .sub_btn .btn_wrap button.enroll {
  background: #4B6C79;
}
.admin_organization .mid_area .search_bar .search_right {
  padding-left: 30px;
}
.admin_organization .mid_area .search_bar .search_right::after {
  background: #cacaca;
}
.admin_organization .mid_area .search_bar .search_right .tit {
  font-size: 16px;
  font-weight: bold;
  color: #4B6C79;
  line-height: 34px;
  margin-right: 18px;
}
.admin_organization .mid_area .search_bar .search_right .total {
  font-size: 16px;
  color: #4B6C79;
  font-weight: 500;
  line-height: 34px;
   margin-right: 18px;
}
.admin_organization .mid_area .search_bar .search_right .total  > i {
  font-weight: 700;
}
.admin_organization .mid_area .search_bar .right_bx .part_transfer {
  width: 74px;
}

/* pop_info_part_add */
.pop_info_part_add {
  width: 400px;
  height: auto;
  border-radius: 16px;
}
.pop_info_part_add .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 16px 16px 0 0;
  padding: 20px;
  transform: translateY(-1px);
  box-sizing: border-box;
}
.pop_info_part_add .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_part_add .pop_wrap .top_cnt .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.pop_info_part_add .pop_wrap .mid_cnt {
  padding:20px;
  padding-top: 6px;
  box-sizing: border-box;
  padding-bottom: 0;
}
.pop_info_part_add .pop_wrap .mid_cnt .item {
  display: flex;
  align-items: center;
}
.pop_info_part_add .pop_wrap .mid_cnt .item + .item {
  margin-top: 14px;
}
.pop_info_part_add .pop_wrap .mid_cnt .item dt {
  width: 80px;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.pop_info_part_add .pop_wrap .mid_cnt .item dd {
  width: calc(100% - 80px);
}
.pop_info_part_add .pop_wrap .mid_cnt .item dd .txt_bx {
  border: 1px solid #cacaca;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_part_add .pop_wrap .mid_cnt .item dd .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_part_add .pop_wrap .mid_cnt .item.upper .txt_bx {
  background: #EEF2F5;
  border-color: #EEF2F5;
}
.pop_info_part_add .pop_wrap .mid_cnt .item.num .txt_bx {
  width: 90px;
}
.pop_info_part_add .pop_wrap .btm_cnt {
  width: 100%;
  margin-top: 10px;
  text-align: right;
  padding: 26px;
  padding-top: 0;
  box-sizing: border-box;
}
.pop_info_part_add .pop_wrap .btm_cnt button {
  width: 76px;
  height: 34px;
  background: #666565;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border-radius: 8px;
}

/* pop_info_organization_user */
.pop_info_organization_user {
  width: 560px;
  height: 680px;
  border-radius: 24px;
}
.pop_info_organization_user .pop_wrap {
  padding: 60px 70px;
  box-sizing: border-box;
}
.pop_info_organization_user .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.pop_info_organization_user .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_organization_user .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_info_organization_user .pop_wrap .mid_cnt {
  max-height: 556px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item_bx + .item_bx {
  border-top: 1px solid #ececec;
  margin-top: 20px;
  padding-top: 20px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item_bx .sub_tit {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 18px;
  line-height: 20px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item_bx .line {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item_bx .line + .line {
  margin-top: 16px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item_bx .line .item + .item {
  margin-left: 20px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item dt {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item dd {
  color: #4d4d4d;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item dd .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item dd .txt_bx::placeholder {
  color: #CACACA;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item dd .slt_bx {
  background: #EEF2F5;
  width: 200px;
  border-radius: 8px;
  height: 34px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item dd select {
  border: none;
  width: 100%;
  height: 34px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 90% 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item {
  width: 100%;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item.position .txt_bx {
  width: 200px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item.occupation .txt_bx {
  width: 200px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item.part .slt_bx {
  width: 162px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item.date .datepicker {
  width: 100px;
  border: none;
  border-radius: 8px;
  background: #EEF2F5;
  color: #4d4d4d;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item.date dd  {
  display: flex; 
  align-self: center;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item.date + .item.date {
  margin-left: 14px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item.contract dt {
  padding-left: 20px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item.date dd > i {
  line-height: 32px;
  margin-right: 12px;
  color: #4B6C79;
}
.pop_info_organization_user .pop_wrap .mid_cnt .birth .txt_bx.small {
  width: 24px;
  padding: 0 7px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item.position {
  width: 200px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item.date {
  width: 100px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .item dd > p {
  line-height: 32px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .nation dd {
  display: flex;
  width: 170px;
  height: 32px;
  align-items: center;
}
.pop_info_organization_user .pop_wrap .mid_cnt .nation dd .check_bx {
  width: 50%;
}
.pop_info_organization_user .pop_wrap .mid_cnt .nation dd .check_bx input.radio+label {
  margin-top: 1px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .nation dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_info_organization_user .pop_wrap .mid_cnt .gender dd .check_bx {
  width: 50%;
  float: left;
  height: 34px;
  display: flex;
  align-items: center;
}
.pop_info_organization_user .pop_wrap .mid_cnt .gender dd .check_bx input.radio+label {
  margin-top: 1px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .gender dd .check_bx input.radio+label>span {
  width: auto;
  top: 9px;
}

.pop_info_organization_user .pop_wrap .mid_cnt .contract dd {
  display: flex;
  width: 170px;
  height: 32px;
  align-items: center;
}
.pop_info_organization_user .pop_wrap .mid_cnt .contract dd .check_bx {
  width: 50%;
}
.pop_info_organization_user .pop_wrap .mid_cnt .contract dd .check_bx input.radio+label {
  margin-top: 1px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .contract dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_info_organization_user .pop_wrap .mid_cnt .check .item dd {
  display: flex;
  align-items: center;
  height: 32px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .check .item dd .check_bx {
  width: 100%;
}
.pop_info_organization_user .pop_wrap .mid_cnt .check .item dd .check_bx input.radio+label{
  margin-top: 1px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .check .item dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_info_organization_user .pop_wrap .mid_cnt .check .item + .item {
  position: relative;
}
.pop_info_organization_user .pop_wrap .mid_cnt .check .item + .item::after {
  position: absolute;
  content: '';
  background: #ECECEC;
  width: 1px;
  height: 50px;
  top: 4px;
  left: -20px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .tel {
  width: 200px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .tel dd .txt_bx {
  width: 200px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .gender {
  width: 200px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .gender dd {
  width: 200px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .name {
  width: 200px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .id {
  width: 200px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .password dt {
  margin-bottom: 16px;
}
.pop_info_organization_user .pop_wrap .mid_cnt .password dd p {
  font-size: 12px;
  color: #CACACA;
  line-height: 16px;
}

.pop_info_organization_user .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 46px;
}
.pop_info_organization_user .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}


/* pop_list_organization_user */
.pop_list_organization_user {
  width: 560px;
  height: 680px;
  border-radius: 24px;
}
.pop_list_organization_user .pop_wrap {
  padding: 60px 70px;
  box-sizing: border-box;
}
.pop_list_organization_user .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.pop_list_organization_user .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_list_organization_user .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_list_organization_user .pop_wrap .mid_cnt {
  max-height: 556px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  box-sizing: border-box;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item_bx + .item_bx {
  border-top: 1px solid #ececec;
  margin-top: 20px;
  padding-top: 20px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item_bx .sub_tit {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 18px;
  line-height: 20px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item_bx .line {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item_bx .line + .line {
  margin-top: 16px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item_bx .line .item + .item {
  margin-left: 20px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item dt {
  width: 100%;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item dd {
  color: #4d4d4d;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item dd .txt_bx {
  border: none;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
  background: #EEF2F5;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item dd .txt_bx::placeholder {
  color: #CACACA;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item dd .slt_bx {
  background: #EEF2F5;
  width: 134px;
  border-radius: 8px;
  height: 34px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item dd select {
  border: none;
  width: 100%;
  height: 34px;
  border-radius: 8px;
  padding-left: 10px;
  box-sizing: border-box;
  color: #4d4d4d;
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 90% 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item {
  width: 100%;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item.position .txt_bx {
  width: 200px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item.occupation .txt_bx {
  width: 200px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item.part .slt_bx {
  width: 162px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item.birth .txt_bx {
  width: 200px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item.date .datepicker {
  width: 100px;
  border: none;
  border-radius: 8px;
  background: #EEF2F5;
  color: #4d4d4d;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item.date dd  {
  display: flex; 
  align-self: center;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item.date + .item.date {
  margin-left: 14px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item.contract dt {
  padding-left: 20px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item.date dd > i {
  line-height: 32px;
  margin-right: 12px;
  color: #4B6C79;
}
.pop_list_organization_user .pop_wrap .mid_cnt .birth .txt_bx.small {
  width: 24px;
  padding: 0 7px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item.position {
  width: 200px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item.occupation {
  width: 134px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item.date {
  width: 100px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .item dd > p {
  line-height: 32px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .name {
  width: 200px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .nation dd {
  display: flex;
  width: 170px;
  height: 32px;
  align-items: center;
}
.pop_list_organization_user .pop_wrap .mid_cnt .nation dd .check_bx {
  width: 50%;
}
.pop_list_organization_user .pop_wrap .mid_cnt .nation dd .check_bx input.radio+label {
  margin-top: 1px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .nation dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_list_organization_user .pop_wrap .mid_cnt .gender dd .check_bx {
  width: 50%;
  float: left;
  height: 34px;
  display: flex;
  align-items: center;
}
.pop_list_organization_user .pop_wrap .mid_cnt .gender dd .check_bx input.radio+label {
  margin-top: 1px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .gender dd .check_bx input.radio+label>span {
  width: auto;
  top: 9px;
}

.pop_list_organization_user .pop_wrap .mid_cnt .contract dd {
  display: flex;
  width: 170px;
  height: 32px;
  align-items: center;
}
.pop_list_organization_user .pop_wrap .mid_cnt .contract dd .check_bx {
  width: 50%;
}
.pop_list_organization_user .pop_wrap .mid_cnt .contract dd .check_bx input.radio+label {
  margin-top: 1px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .contract dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_list_organization_user .pop_wrap .mid_cnt .check .item dd {
  display: flex;
  align-items: center;
  height: 32px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .check .item dd .check_bx {
  width: 100%;
}
.pop_list_organization_user .pop_wrap .mid_cnt .check .item dd .check_bx input.radio+label{
  margin-top: 1px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .check .item dd .check_bx input.radio+label>span {
  width: auto;
}
.pop_list_organization_user .pop_wrap .mid_cnt .check .item + .item {
  position: relative;
}
.pop_list_organization_user .pop_wrap .mid_cnt .check .item + .item::after {
  position: absolute;
  content: '';
  background: #ECECEC;
  width: 1px;
  height: 50px;
  top: 4px;
  left: -20px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .tel {
  width: 200px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .tel dd .txt_bx {
  width: 200px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .gender {
  width: 200px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .gender dd {
  width: 200px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .id dd {
  width: 200px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .name dd {
  width: 200px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .password {
  width: 200px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .password dt button {
  background: #FF6C6C;
  border-radius: 4px;
  width: 50px;
  height: 20px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  float: right;
}
.pop_list_organization_user .pop_wrap .mid_cnt .password dt {
  margin-bottom: 16px;
}
.pop_list_organization_user .pop_wrap .mid_cnt .password dd p {
  font-size: 12px;
  color: #CACACA;
  line-height: 16px;
}

.pop_list_organization_user .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 30px;
}
.pop_list_organization_user .pop_wrap .btm_cnt .btn {
  background: #666565;
  width: 96px;
  color: #ffff;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: 14px;
}


/* admin_stress */
.admin_stress .top_area .tit {
  display: flex;
  width: 50%;
  float: left;
  align-items: center;
  justify-content: flex-start;
}

.admin_stress .top_area .tit .tit_icon {
  background: url(../img/tit_icon_admin_stress.png) no-repeat;
  background-size: contain;
}
.admin_stress .mid_area .section table .btn_pop {
  text-decoration: underline;
  color: #4d4d4d;
  cursor: pointer;
  text-underline-offset: 2px;
}
.admin_stress .mid_area .section_tree {
  width: 370px;
  float: left;
  margin-top: 20px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  height: 718px;
  padding: 20px;
  box-sizing: border-box;
}
.admin_stress .mid_area .section_tree .tit {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  line-height: 20ox;
  margin-bottom: 30px;
}
.admin_stress .mid_area .section_tree .tree_bx {
  max-height: 678px;
  overflow-y: auto;
}
.admin_stress .mid_area .section {
  width: calc(100% - 390px);
  float: right;
  border-radius: 24px;
  height: 718px;
}
.admin_stress .bot_area {
  width: calc(100% - 390px);
  float: right;
}
.admin_stress .mid_area .search_bar .search_right {
  padding-left: 0;
}
.admin_stress .mid_area .search_bar .search_right::after {
  display: none;
}
.admin_stress .search_bar .search_wrap .right .stress {
  width: 114px;
  background: #4B6C79;
}
.admin_stress .search_bar .search_wrap .right .degree {
  width: 72px;
  background: #4B6C79;
}
.admin_stress .search_bar .search_wrap .right .print {
  width: 84px;
  background: #4B6C79;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  padding: 9px 0;
  border-radius: 8px;
  font-weight: 500;
  float: left;
  margin-right: 8px;
}
.admin_stress .mid_area .search_bar .search_right .btn_filter {
  width: 40px;
  height: 34px;
  background: url(../img/btn_filter.png) center no-repeat;
  background-size: contain;
}
.admin_stress .search_bar .search_wrap .right .ritual {
  width: 114px;
  background: #00DF81;
}
.admin_stress .mid_area .section .head {
  height: 40px;
}
.admin_stress .mid_area .section .head.empty {
  padding-right: 26px;
}
.admin_stress .mid_area .section .head > table th {
  height: 40px;
  font-size: 14px;
  line-height: 40px;
}
.admin_stress .mid_area .section .body {
  border-radius: 0 0 24px 24px;
  height: 661px;
}
.admin_stress .mid_area .section .body > table td {
  height: 30px;
  font-size: 14px;
}
.admin_stress .mid_area .section .body table td span{
  font-weight: 700;
}
.admin_stress .mid_area .section .body table td p.red {
  color: #FF9797;
}
.admin_stress .mid_area .section .body table td span.red {
  color: #FF9797;
}
.admin_stress .mid_area .section .body table td span.green {
  color: #00DF81;
}
.admin_stress .mid_area .section .body table td span.yellow {
  color: #F4D323;
}
.admin_stress .mid_area .section .body table td span.blue {
  color: #67C8FF;
}
.admin_stress .mid_area .section .body table td i {
  margin-left: 4px;
}
.admin_stress .mid_area .section .head table th.td_btn {
  cursor: pointer;
}
.admin_stress .mid_area .section .head table th.td_btn.down > span {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../img/arrow_down_02.png) center no-repeat;
  background-size: contain;
  transform: translateY(3px);
  margin-left: 2px;
}
.admin_stress .mid_area .section .head table th.td_btn.up > span {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../img/arrow_down_02.png) center no-repeat;
  background-size: contain;
  transform: translateY(3px) rotate(180deg);
  margin-left: 2px;
}

/* pop_filter */
.pop_filter {
  width: 944px;
  height: 602px;
  border-radius: 24px;
}
.pop_filter .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
}
.pop_filter .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 10px;
}
.pop_filter .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_filter .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_filter .pop_wrap .mid_cnt .sub_tit {
  font-size: 16px;
  color: #000;
  font-weight: 700;
  line-height: 20px;
  margin-top: 30px;
}
.pop_filter .pop_wrap .mid_cnt .item_bx {
  padding: 20px 0;
}
.pop_filter .pop_wrap .mid_cnt .item_bx dl {
  display: flex;
  align-items: center;
}
.pop_filter .pop_wrap .mid_cnt .item_bx dl dt {
  font-size: 16px;
  color: #4B6C79;
  font-weight: 600;
  width: 132px;
}
.pop_filter .pop_wrap .mid_cnt .item_bx dl dd {
  width: calc(100% - 132px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop_filter .pop_wrap .mid_cnt .item_bx dl dd .list {
  display: flex;
  align-items: center;
}
.pop_filter .pop_wrap .mid_cnt .item_bx dl dd .list > p {
  padding: 8px 11px;
  border-radius: 8px;
  background: #EEF2F5;
  color: #CACACA;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}
.pop_filter .pop_wrap .mid_cnt .item_bx dl dd .list > p + p {
  margin-left: 10px;
}
.pop_filter .pop_wrap .mid_cnt .item_bx dl dd .list > p.on {
  background: #4B6C79;
  color: #fff;
}
.pop_filter .pop_wrap .mid_cnt .item_bx + .item_bx {
  border-top: 1px solid #CACACA;
}
.pop_filter .pop_wrap .mid_cnt .item_bx dl + dl {
  margin-top: 16px;
}
.pop_filter .pop_wrap .mid_cnt .item_bx .datepicker_bx {
  background: #EEF2F5;
  border-radius: 8px;
  width: 254px;
  text-align: center;
  color: #4d4d4d;
}
.pop_filter .pop_wrap .mid_cnt .item_bx .slt_bx {
  background: #EEF2F5;
  border-radius: 8px;
  height: 34px;
}
.pop_filter .pop_wrap .mid_cnt .item_bx .slt_bx select {
  width: 100px;
  text-align: center;
  padding-right: 15%;
  box-sizing: border-box;
  height: 34px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  letter-spacing: 0px;
  color: #4d4d4d;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 86% 15px;
}
.pop_filter .pop_wrap .mid_cnt .item_bx:last-child {
  padding-bottom: 0;
}
.pop_filter .pop_wrap .mid_cnt .noti {
  margin-top: 6px;
  font-size: 16px;
  font-weight: 500;
  color: #cacaca;
  line-height: 20px;
}

.pop_filter .pop_wrap .btm_cnt {
  width: 100%;
  text-align: right;
  margin-top: 20px;
}
.pop_filter .pop_wrap .btm_cnt .btn {
  background: #545352;
  width: 96px;
  color: #ffff;
  line-height: 34px;
  border-radius: 8px;
  font-size: 14px;
}
.pop_filter .pop_wrap .btm_cnt .btn + .btn {
  margin-left: 4px;
}
.pop_filter .pop_wrap .btm_cnt .reset {
  width: 57px;
  background: #FF9797;
}

/* pop_user_stress */
.pop_user_stress {
  width: 1020px;
  height: 840px;
  border-radius: 24px;
}
.pop_user_stress .pop_wrap {
  padding: 70px;
  box-sizing: border-box;
  position: relative;
}
.pop_user_stress .pop_wrap .btn_prev, 
.pop_user_stress .pop_wrap .btn_next {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 55px;
  left: 50%;
  transform: translateY(-50%);
  z-index: 11;
}
.pop_user_stress .mid_cnt {
  overflow: hidden;
}
.pop_user_stress .swiper-button-prev {
  background: url(../img/btn_prev_03.png) no-repeat;
  width: 30px;
  height: 30px;
  background-size: contain;
  cursor: pointer;
  bottom: 58px;
  left: 42%;
  transform: translateY(-50%);
  z-index: 11;
}

.pop_user_stress .swiper-button-next {
  background: url(../img/btn_next_03.png) no-repeat;
  width: 30px;
  height: 30px;
  background-size: contain;
  cursor: pointer;
  right: 70px;
  bottom: 58px;
  left: 55%;
  transform: translateY(-50%);
  z-index: 11;
}
.pop_user_stress .swiper-pagination {
  bottom: 78px;
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 700;
  z-index: 0;
}
.pop_user_stress .swiper-pagination .swiper-pagination-current {
  color: #00DF81;
}

.pop_user_stress .swiper-button-next::after,
.pop_user_stress .swiper-button-prev::after {
  display: none;
}
.pop_user_stress .swiper-slide {
  width: 100% !important;
}
.pop_user_stress .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  margin-bottom: 30px;
}
.pop_user_stress .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_user_stress .pop_wrap .top_cnt .tit {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.pop_user_stress .pop_wrap .stress .mid_cnt .score {
  width: 100%;
  height: 112px;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.pop_user_stress .pop_wrap .stress .score .beaver {
  height: 112px; 
}
.pop_user_stress .pop_wrap .stress .score .txt {
  margin-left: 20px;
  margin-top: 18px;
}
.pop_user_stress .pop_wrap .stress_2 .score .txt {
  margin-top: 74px;
}
.pop_user_stress .pop_wrap .stress .score .txt .num {
  width: auto;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}
.pop_user_stress .pop_wrap .stress .score .txt .sub {
  font-weight: 700;
  font-size: 16px;
  color: #4B6C79;
}
.pop_user_stress .pop_wrap .stress .noti {
  margin-bottom: 20px;
  font-size: 14px;
  color: #4d4d4d;
  line-height: 1.6;
}
.pop_user_stress .pop_wrap .stress .legend_bx {
  width: 100%;
  text-align: center;
}
.pop_user_stress .pop_wrap .stress .legend_bx .tit {
  color: #4B6C79;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned li:not(:last-child) {
  margin-right: 30px;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned li {
  display: flex;
  justify-content: flex-start;
  height: 20px;
  align-content: center;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned li p {
  line-height: 20px;
  color: #4B6C79;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned li span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned .very_high span {
  background: #FF9797;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned .very_high i {
  color: #FF9797;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned .high span {
  background: #F4D323;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned .high i {
  color: #F4D323;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned .row span {
  background: #67C8FF;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned .row i {
  color: #67C8FF;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned .very_row span {
  background: #00DF81;
}
.pop_user_stress .pop_wrap .stress .legend_bx .legned .very_row i {
  color: #00DF81;
}

.pop_user_stress .pop_wrap .stress_2 .legend_bx .legned .standard span {
  background: #94B4C6;
}
.pop_user_stress .pop_wrap .stress_2 .legend_bx .legned .standard i {
  color: #94B4C6;
}

.pop_user_stress .pop_wrap .stress .btm_cnt {
  margin-top: 24px;
  text-align: right;
}
.pop_user_stress .pop_wrap .stress_2 .btm_cnt .checklist_btn {
  margin-top: 19px;
}
.pop_user_stress .pop_wrap .stress .btm_cnt .checklist_btn {
  display: inline-block;
  background: #666565;
  color: #fff;
  border-radius: 8px;
  padding: 10px 16px;
}



/* pop_stress_request */
.pop_stress_request {
  width: 400px;
  height: 228px;
  border-radius: 16px;
}
.pop_stress_request .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px 16px 0 0;
  padding: 20px;
  box-sizing: border-box;
}
.pop_stress_request .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_stress_request .pop_wrap .top_cnt .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.pop_stress_request .pop_wrap .mid_cnt {
  padding: 20px;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 4px;
}
.pop_stress_request .pop_wrap .mid_cnt .line {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
}
.pop_stress_request .pop_wrap .mid_cnt .line:last-child {margin-bottom: 0;}
.pop_stress_request .pop_wrap .mid_cnt .line > i {
  font-weight: 700;
  font-size: 16px;
  color: #4B6C79;
  display: inline-block;
  width: 80px;
  line-height: 34px;
}
.pop_stress_request .pop_wrap .mid_cnt .line > div {
  width: calc(100% - 80px);
}
.pop_stress_request .pop_wrap .mid_cnt .line .datepicker_bx {
  border: none;
  border-radius: 8px;
  height: 34px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EEF2F5;
  color: #4d4d4d;
}
.pop_stress_request .pop_wrap .mid_cnt .line .datepicker_bx .datepicker {
  font-size: 16px;
  width:100px;
  line-height: 28px;
}
.pop_stress_request .pop_wrap .mid_cnt .line .data {
  width: 140px;
  background: #EEF2F5;
  border-radius: 8px;
  height: 34px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  box-sizing: border-box;
  color: #4d4d4d;
  font-weight: 500;
}
.pop_stress_request .pop_wrap .mid_cnt .line .slt_bx {
  width: calc(100% - 80px);
  height: 34px;
  background: #EEF2F5;
  border-radius: 6px;
  border: none;
}
.pop_stress_request .pop_wrap .mid_cnt .line .slt_bx select {
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 94% 15px;
  width: 100%;
  border: none;
  height: 34px;
  text-align: center;
  color: #4d4d4d;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 6px;
  font-size: 14px;
  padding-right: 7%;
  box-sizing: border-box;
}
.pop_stress_request .pop_wrap .btm_cnt {
  text-align: right;
  padding: 0 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  margin-top: 24px;
}
.pop_stress_request .pop_wrap .btm_cnt button {
  width: 76px;
  height: 34px;
  background: #666565;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
}

/* pop_ritual_request */
.pop_ritual_request {
  width: 400px;
  height: 272px;
  border-radius: 16px;
}
.pop_ritual_request .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px 16px 0 0;
  padding: 20px;
  box-sizing: border-box;
}
.pop_ritual_request .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_ritual_request .pop_wrap .top_cnt .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.pop_ritual_request .pop_wrap .mid_cnt {
  padding: 20px;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 4px;
}
.pop_ritual_request .pop_wrap .mid_cnt .line {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
}
.pop_ritual_request .pop_wrap .mid_cnt .line:last-child {margin-bottom: 0;}
.pop_ritual_request .pop_wrap .mid_cnt .line > i {
  font-weight: 700;
  font-size: 16px;
  color: #4B6C79;
  display: inline-block;
  width: 80px;
  line-height: 34px;
}
.pop_ritual_request .pop_wrap .mid_cnt .line > div {
  width: calc(100% - 80px);
}
.pop_ritual_request .pop_wrap .mid_cnt .line .datepicker_bx {
  border: none;
  border-radius: 8px;
  height: 34px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EEF2F5;
  color: #4d4d4d;
}
.pop_ritual_request .pop_wrap .mid_cnt .line .datepicker_bx .datepicker {
  font-size: 16px;
  width:100px;
  line-height: 28px;
}
.pop_ritual_request .pop_wrap .mid_cnt .line .slt_bx {
  width: calc(100% - 80px);
  height: 34px;
  background: #EEF2F5;
  border-radius: 6px;
  border: none;
}
.pop_ritual_request .pop_wrap .mid_cnt .line .slt_bx select {
  background: url(../img/arrow_down.png) no-repeat;
  background-size: 10px 6px;
  background-position: 94% 15px;
  width: 100%;
  border: none;
  height: 34px;
  text-align: center;
  color: #4d4d4d;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 6px;
  font-size: 14px;
  padding-right: 7%;
  box-sizing: border-box;
}
.pop_ritual_request .pop_wrap .mid_cnt .line .data {
  width: 140px;
  background: #EEF2F5;
  border-radius: 8px;
  height: 34px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  box-sizing: border-box;
  color: #4d4d4d;
  font-weight: 500;
}
.pop_ritual_request .pop_wrap .btm_cnt {
  text-align: right;
  padding: 0 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  margin-top: 12px;
}
.pop_ritual_request .pop_wrap .btm_cnt button {
  width: 76px;
  height: 34px;
  background: #666565;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
}

/* pop_recall */
.pop_recall {
  width: 400px;
  height: 224px;
  border-radius: 16px;
}
.pop_recall .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px 16px 0 0;
  padding: 20px;
  box-sizing: border-box;
}
.pop_recall .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_recall .pop_wrap .top_cnt .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.pop_recall .pop_wrap .mid_cnt {
  padding: 20px;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 4px;
}
.pop_recall .pop_wrap .mid_cnt .line {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
}
.pop_recall .pop_wrap .mid_cnt .line:last-child {margin-bottom: 0;}
.pop_recall .pop_wrap .mid_cnt .line > i {
  font-weight: 700;
  font-size: 16px;
  color: #4B6C79;
  display: inline-block;
  width: 80px;
  line-height: 34px;
}
.pop_recall .pop_wrap .mid_cnt .line > div {
  width: calc(100% - 80px);
}
.pop_recall .pop_wrap .mid_cnt .line .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: calc(100% - 80px);
  color: #4d4d4d;
}
.pop_recall .pop_wrap .mid_cnt .line .txt_bx.w140 {
  width: 140px;
}
.pop_recall .pop_wrap .btm_cnt {
  text-align: right;
  padding: 0 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  margin-top: 12px;
}
.pop_recall .pop_wrap .btm_cnt button {
  width: 76px;
  height: 34px;
  background: #666565;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
}

/* pop_disuse */
.pop_disuse {
  width: 400px;
  height: 224px;
  border-radius: 16px;
}
.pop_disuse .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px 16px 0 0;
  padding: 20px;
  box-sizing: border-box;
}
.pop_disuse .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_disuse .pop_wrap .top_cnt .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.pop_disuse .pop_wrap .mid_cnt {
  padding: 20px;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 4px;
}
.pop_disuse .pop_wrap .mid_cnt .line {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
}
.pop_disuse .pop_wrap .mid_cnt .line:last-child {margin-bottom: 0;}
.pop_disuse .pop_wrap .mid_cnt .line > i {
  font-weight: 700;
  font-size: 16px;
  color: #4B6C79;
  display: inline-block;
  width: 80px;
  line-height: 34px;
}
.pop_disuse .pop_wrap .mid_cnt .line > div {
  width: calc(100% - 80px);
}
.pop_disuse .pop_wrap .mid_cnt .line .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: calc(100% - 80px);
  color: #4d4d4d;
}
.pop_disuse .pop_wrap .mid_cnt .line .txt_bx.w140 {
  width: 140px;
}
.pop_disuse .pop_wrap .btm_cnt {
  text-align: right;
  padding: 0 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  margin-top: 12px;
}
.pop_disuse .pop_wrap .btm_cnt button {
  width: 76px;
  height: 34px;
  background: #666565;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
}


/* pop_info_degree */
.pop_info_degree {
  width: 436px;
  height: 400px;
  border-radius: 16px;
}
.pop_info_degree .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px 16px 0 0;
  padding: 20px;
  box-sizing: border-box;
}
.pop_info_degree .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_info_degree .pop_wrap .top_cnt .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.pop_info_degree .pop_wrap .mid_cnt {
  padding: 20px;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 4px;
}
.pop_info_degree .pop_wrap .mid_cnt .table {
  overflow: hidden;
  box-sizing: border-box;
}
.pop_info_degree .pop_wrap .mid_cnt .table table {
  text-align: left;
}
.pop_info_degree .pop_wrap .mid_cnt .table .head table th {
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.pop_info_degree .pop_wrap .mid_cnt .table .body {
  height: 230px;
  overflow-y: auto;
  margin-top: 8px;
}
.pop_info_degree .pop_wrap .mid_cnt .table .body table td {
  border-bottom: none;
  height: 47px;
  padding: 0;
}
.pop_info_degree .pop_wrap .mid_cnt .table .body table td p {
  background: #EEF2F5;
  width: 70px;
  line-height: 34px;
  border-radius: 8px;
  text-align: center;
  color: #4d4d4d;
  font-size: 14px;
}
.pop_info_degree .pop_wrap .mid_cnt .table .body table td .datepicker_bx {
  background: #EEF2F5;
  text-align: center;
  border-radius: 8px;
}
.pop_info_degree .pop_wrap .mid_cnt .table .body table td .datepicker_bx.disabled .datepicker {
  text-decoration: none;
  cursor: default;
}
.pop_info_degree .pop_wrap .mid_cnt .table .body table td .datepicker_bx.edit .datepicker {
  color: #CACACA;
}
.pop_info_degree .pop_wrap .mid_cnt .table .body table .btn_bx .btn_add {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/file_add.png) center no-repeat;
  background-size: contain;
  margin-left: auto;
}
.pop_info_degree .pop_wrap .mid_cnt .table .body table .btn_bx .btn_del {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/file_del02.png) center no-repeat;
  background-size: contain;
  margin-left: auto;
}
.pop_info_degree .pop_wrap .btm_cnt {
  text-align: right;
  padding: 0 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  margin-top: 20px;
}
.pop_info_degree .pop_wrap .btm_cnt button {
  width: 76px;
  height: 34px;
  background: #666565;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
}


/* pop_password */
.pop_password {
  width: 400px;
  height: 272px;
  border-radius: 16px;
}
.pop_password .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 16px 16px 0 0;
  padding: 20px;
  transform: translateY(-1px);
  box-sizing: border-box;
}
.pop_password .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
.pop_password .pop_wrap .top_cnt .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.pop_password .pop_wrap .mid_cnt {
  padding:20px;
  padding-top: 4px;
  box-sizing: border-box;
  padding-bottom: 0;
}
.pop_password .pop_wrap .mid_cnt .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pop_password .pop_wrap .mid_cnt .item + .item {
  margin-top: 14px;
}
.pop_password .pop_wrap .mid_cnt .item dt {
  width: 120px;
  color: #4B6C79;
  font-size: 16px;
  font-weight: 700;
}
.pop_password .pop_wrap .mid_cnt .item dd .txt_bx {
  border: 1px solid #CACACA;
  height: 34px;
  border-radius: 8px;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  color: #4d4d4d;
  font-size: 16px;
}


.pop_password .pop_wrap .btm_cnt {
  width: 100%;
  margin-top: 20px;
  text-align: right;
  padding: 26px;
  padding-top: 0;
  box-sizing: border-box;
}
.pop_password .pop_wrap .btm_cnt button {
  width: 76px;
  height: 34px;
  background: #666565;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border-radius: 8px;
}

/* pop_alert */
.pop_alert {
  width: 400px;
  max-height: 220px;
  border-radius: 16px;
}
.pop_alert .pop_wrap .top_cnt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 16px 16px 0 0;
  padding: 20px;
  transform: translateY(-1px);
  box-sizing: border-box;
}
.pop_alert .pop_wrap .top_cnt .close_btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/close_g.png) no-repeat;
  background-size: contain;
}
.pop_alert .pop_wrap .top_cnt .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.pop_alert .pop_wrap .mid_cnt {
  padding:20px;
  padding-top: 6px;
  box-sizing: border-box;
  padding-bottom: 0;
}
.pop_alert .pop_wrap .mid_cnt .cnt_txt {
  color: #4d4d4d;
  font-size: 16px; 
  font-weight: 700;
  line-height: 24px;
}
.pop_alert .pop_wrap .mid_cnt .cnt_txt > i {
  color: #4B6C79;
}
.pop_alert .pop_wrap .btm_cnt {
  width: 100%;
  margin-top: 20px;
  text-align: right;
  padding: 26px;
  padding-top: 0;
  box-sizing: border-box;
}
.pop_alert .pop_wrap .btm_cnt button {
  width: 76px;
  height: 34px;
  background: #4B6C79;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border-radius: 8px;
}


/* 다운로드 페이지 */
.app {
  position: relative;
  height: 100vh;
  background: url('../img/img_agent_bg.png') center no-repeat;
  background-size: cover;
  font-style: normal;
  color: #484848
}

.app>.wrap {
  padding: 170px 0 0
}

.app .mid_area {
  margin-left: 60%
}

.app .mid_area span {
  font-weight: 200;
}

.app .mid_area b {
  font-weight: 800
}

.app .mid_area .top_cnt {
  font-size: 30px
}

.app .mid_area .mid_cnt {
  margin-top: 12%
}

.app .mid_area .mid_cnt .txt_bx {
  color: #FDB601;
  font-size: 55px
}

.app .mid_area .mid_cnt .mid_bx {
  margin-top: 20px
}

.app .mid_area .mid_cnt .mid_bx:after {
  display: block;
  clear: both;
  content: ""
}

.app .mid_area .mid_cnt .mid_bx>button {
  float: left;
  width: 230px;
  height: 65px;
  padding: 0 55px;
  font-style: normal;
  text-align: left;
  border: 1px solid #fff;
  border-radius: 20px;
  box-sizing: border-box
}

.app .mid_area .mid_cnt .mid_bx>button:after {
  display: block;
  clear: both;
  content: ""
}

.app .mid_area .mid_cnt .mid_bx>button+button {
  margin-left: 20px
}

.app .mid_area .mid_cnt .mid_bx>button>img {
  float: left
}

.app .mid_area .mid_cnt .mid_bx>button>span {
  float: left;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 500
}

.app .mid_area .mid_cnt .mid_bx>button>span>i {
  display: block
}

.app .mid_area .mid_cnt .mid_bx .btn_mac>img {
  width: 27px;
  height: 34px
}

.app .mid_area .mid_cnt .mid_bx .btn_windows>img {
  width: 32px;
  height: 34px;
  margin-top: 2px
}
.app .mid_area .mid_cnt .bmt_bx {
  margin-top: 30px;
  width: 450px;
  height: 200px;
  font-size: 14px;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 10px;
  background: rgba(256, 256, 256, 0.2);
  border: 1px solid #fff;
}
.app .mid_area .mid_cnt .bmt_bx textarea {
  width: 100%;
  height: 190px;
  color: #333;
  resize: none;
  border: none;
  background: none;
}
.app .mid_area .mid_cnt .bmt_bx textarea:focus {
  outline: none;
}

.app .mid_area .mid_cnt .notice {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500
}

.app .btm_area {
  position: fixed;
  bottom: 10px;
  left: 50%;
  width: auto;
  background-color: transparent;
  color: #0050ff;
  font-size: 24px;
  font-weight: 500;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media all and (max-width: 767px) {
  .app>.wrap {
      padding:0
  }

  .app .mid_area {
      position: absolute;
      top: 40%;
      left: 50%;
      width: 260px;
      margin-left: 0;
      padding: 20px;
      text-align: center;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      z-index: 1
  }

  .app .mid_area:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.9);
      border-radius: 20px;
      opacity: 0.6;
      z-index: -1;
      content: ""
  }
  .app .mid_area span {
    color: #fff;
  }
  .app .mid_area .mid_cnt .txt_bx span {
    color: #FDB601;
  }

  .app .mid_area .top_cnt {
      margin-bottom: 30px;
      font-size: 14px
  }

  .app .mid_area .mid_cnt .txt_bx {
      font-size: 20px
  }

  .app .mid_area .mid_cnt .mid_bx>button {
      float: unset;
      width: 138px;
      height: 48px;
      padding: 5px 25px;
      background: rgba(256, 256, 256, 0.17);
  }
  .app .mid_area .mid_cnt .bmt_bx {
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: -120%;
    transform: translateX(-50%);

  }

  .app .mid_area .mid_cnt .mid_bx>button+button {
      margin-left: 0;
      margin-top: 10px
  }

  .app .mid_area .mid_cnt .mid_bx>button>span {
      font-size: 14px
  }

  .app .mid_area .mid_cnt .mid_bx .btn_mac>img {
      width: 20px;
      height: 24px
  }

  .app .mid_area .mid_cnt .mid_bx .btn_windows>img {
      width: 20px;
      height: 23px
  }

  .app .btm_area {
      font-size: 14px
  }
}