@charset "utf-8";

/* ===================== 2_08_popup1 ===================== */
.mPopup1.w1350 .popup {
    margin-left: -675px;
    width: 1350px;
}
.mGrid1.h722 {
    /* height: 722px; */
}
.mGrid1.bgtp {
    background: transparent;
}
.mGrid1.mt0 {
    margin: 0;
    border-radius: 0;
}
.mPopup1 .cont.cont2 {
    padding: 20px 20px 0;
    max-height: 742px;
}
.mPopup1 .popup.pb25 {
    padding: 0 0 25px;
}
.mButton1.mt24 {
    margin: 24px 0 0;
}
.mCount1.mInfo2 {
    padding: 11px 20px;
    display: flex;
    background: #e0e0e0;
    border-radius: 8px;
    align-items: center;
    margin-bottom: 12px;
}
.mCount1.mInfo2 > div:first-child {
    /* width: 176px; */
    width: 160px;
}
.mCount1.mInfo2 > div:first-child span {
    font-size: 20px;
    color: #a47768;
}
.mCount1.mInfo2 > div:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 0;
}
.mCount1.mInfo2 > div:last-child > div {
    display: flex;
    align-items: center;
}
.mCount1.mInfo2 > div:last-child > div > span {
    font-size: 16px;
    padding-right: 10px;
    /* color: #2d2d2d; */
}
.mCount1.mInfo2 > div:last-child > div > strong {
    background: #f2f2f2;
    width: 70px;
    border-radius: 8px;
    display: inline-block;
    margin-right: 25px;
    font-size: 14px;
    font-weight: 600;
    color: #9d796a;
    padding: 7px 0 7.5px 13px ;
}
.mCount1.mInfo2 > div:last-child > div > strong.w140 {
    width: 140px;
}
.popup .mList5 {
    display: flex;
    gap: 19px;
}
.popup .mList5.h656 {
    height: 656px;
}
.popup .mList5 .colcom {
    border-right: solid 1px #E1E1E1;
    padding-right: 20px;
}
.popup .mList5 .colcom:last-child {
    border-right: 0;
    padding-right: 0;
}
.popup .mList5 h4 {
    height: 32px;
    line-height: 32px;
    color: #a47768;
    font-weight: bold;
    background: #e0e0e0;
    text-align: center;
    margin-bottom: 12px;
    display: block;
}
.popup .mList5 .col3 {
    width: 430px;
}
.mList5 .colcom .mlcon1 li {
    margin-bottom: 12px;
}
.mList5 .colcom .mlcon1 li:last-child {
    margin-bottom: 15px;
}

.popup .mList5 .col3 h4,
.popup .mList5 .col3 .mlcon1 li   {
    width: 410px;
}
.mList5 .colcom .mlcon1 li > span:first-child {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    width: 110px;
}
.mList5 .colcom .mlcon1 .select {
    font-size: 14px;
    /* font-weight: 600; */
}
.w150 {
    width: 150px;
}
.w296 {
    width: 296px;
}
.popup .mList5 .colcom .textarea {
    font-size: 14px;
    padding: 6px 13px 0;
    margin: 0px 0 -3px 0;
}
.h45 {
    height: 45px;
}
.vat {
    vertical-align: top;
}
.mb0 {
    margin-bottom: 0;
}
.popup .mList5 .colcom .subt {
    position: relative;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 7px;
    display: block;
}
.popup .mList5 .colcom .subt::after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 54px;
    height: 10px;
    background: #CEFFE3;
    z-index: -10;
}
.popup .mList5 .colcom .subt.w122::after {
    width: 122px;
}
.tac {
    text-align: center;
}

/* ===================== 2_09_popup1 ===================== */
.mList5 .colcom .mlcon1 .ch1 .mCheckbox1,
.mList5 .colcom .mlcon1 .ch1 .mRadio1 {
    font-weight: bold;
    padding: 7px 13px 6px 43px;
    border: 1px solid #E0E0E0;
    background: #F8F8F8;
    border-radius: 8px;
    width: 100%;
    cursor: pointer;
    line-height: 25px;
}
.mList5 .colcom .mlcon1 .ch1 .mCheckbox1 input[type="checkbox"] {
    /* top: 13px; */
    top: 7px;
    left: 15px;
}
.mList5 .colcom .mlcon1 .ch1 .mCheckbox1 input[type="checkbox"]:checked:before,
.mList5 .colcom .mlcon1 .ch1 .mRadio1 input[type="radio"]:checked:before {
    background-image: url(../images/ico_checkbox3.svg);
}
.mList5 .colcom .mlcon1 .ch1 .mCheckbox1 input[type="checkbox"]:checked + span,
.mList5 .colcom .mlcon1 .ch1 .mRadio1 input[type="radio"]:checked + span,
.mList5 .colcom .mlcon1 .ch1 .mRadio1 input[type="radio"]:checked ~ p  {
    color: #fff;
}
.mList5 .colcom .mlcon1 .ch1 .mRadio1 input[type="radio"] + span {
    margin-left: 2px;
}
.mList5 .colcom .mlcon1 .ch1 .mRadio1 input[type="radio"] {
    left: -3px;
}
.mList5 .colcom .mlcon1 .ch1 .mRadio1 input[type="radio"]:before,
.mList5 .colcom .mlcon1 .ch1 .mCheckbox1 input[type="checkbox"]:before {
    top: -5px;
    left: -5px;
    background: url(../images/ico_checkbox1.svg) 0 0 no-repeat;
    background-size: 25px auto;
    width: 25px;
    height: 25px;
    border: 0;
}
.mList5 .colcom .mlcon1 .ch1 .mRadio1 input[type="radio"]:after {
    display: none;
}

/* ===================== 2_09_popup2 ===================== */
.mList5 .colcom .mlcon1 .ch1 .mRadio1.col3 {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 2px 13px 2px 43px;
}
.mList5 .mRadio1 .ss {
    /* position: absolute; */
    /* left: 110px; */
    width: 248px;
    line-height: 15px;
    font-size: 12px;
    font-weight: normal;
    color: #707070;
    display: flex;
    align-items: center;
    margin-left: 6px;
}
.mList5 .mRadio1 .label.w97 {
    width: 97px;
}
.mList5 .mRadio1 .label.h34 {
    height: 34px;
}
.mList5 .mRadio1 .label.row2 {
    /* position: relative; */
    /* display: flex; */
    line-height: 16px;
    align-items: center;
    display: flex;
    align-items: center;
}

/* ===================== 2_09_popup3_1 ===================== */
.mPopup1 .cont.cont2.pt6 {
    padding: 6px 20px 0;
}
.mPopup1 .title.tbtn h3 {
    display: inline-block;
}
.mPopup1 .title.tbtn > div {
    position: relative;
    display: inline;
}
.mPopup1 .title.tbtn a {
    position: absolute;
    top: -14px;
    left: 20px;
    height: 40px;
    padding: 4px 10px 4px 8px;
    width: 145px;
}
.mPopup1 .mTab1.min {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}
.mPopup1 .mTab1.min > a {
    height: 30px;
    line-height: 30px;
    min-width: 105px;
    margin: 0 3px 0 0;
}
.w1005 {
    width: 1005px;
}
.mCount1.mInfo2 > div:last-child > div > strong.w40 {
    width: 40px;
}
.mList5 .colcom .mlcon1 .ch1 .mRadio1.min,
.mList5 .colcom .mlcon1 .ch1 .mCheckbox1.min {
    padding: 2px 13px 2px 43px;
}
.popup .mList5 .col5 {
    width: 250px;
}
.popup .mList5 .colcom.col5 h4,
.mList5 .colcom.col5 .mlcon1 li {
    margin-bottom: 6px;
}
.popup .mList5.h602 {
    height: 602px;
}
.mCount1.mInfo2.bdr0 {
    border-radius: 0 0 8px 8px;
}
.mCount1.mInfo2 > div.w205:first-child {
    width: 205px;
}
.popup .mList5 .colcom .textarea.mt6 {
    margin-top: 6px;
}
/* ===================== 2_09_popup4 ===================== */
.popup .mList5 .col4 {
    width: 317px;
}
.popup .mList5.h618 {
    height: 618px;
}
.mCount1.mInfo2 > div:last-child > div > strong.wAuto {
    width: auto;
    padding: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 3px;
}
.mCount1.mInfo2 > div:last-child > div > strong.wAuto span.current {
    color: #2D2D2D;
    font-size: 14px;
    /* line-height: 14px; */
}
.mCount1.mInfo2 > div:last-child > div > strong.wAuto .it {
    font-size: 14px;
    width: 140px;
    color: #2D2D2D;
}
.mCount1.mInfo2 > div:last-child > div > strong.wAuto .it.min {
    width: 60px;
}
.mCount1.mInfo2 > div:last-child > div > strong.wAuto .it.gDate {
    background: url(../images/ico_date1.png) calc(100% - 11px) 50% no-repeat, #fff;
    width: 155px;
    font-size: 12px;
    color: #2D2D2D;
    /* font-weight: 500; */
}
.wAuto .unit {
    font-size: 16px;
    color: #2D2D2D;
}
.mList5 .colcom.col4 .mlcon1 li > span.w125 {
    width: 125px !important;
}
.mList5 .colcom .mlcon1 .ch1 .mRadio3 {
    font-weight: bold;
    padding: 6px 22px 5px 22px;
    border: 1px solid #E0E0E0;
    background: #F8F8F8;
    border-radius: 8px;
    cursor: pointer;
    line-height: 5px;
    margin-left: 6px;
}
.mList5 .colcom .mlcon1 .ch1 .mRadio1.score input[type="radio"],
.mList5 .colcom .mlcon1 .ch1 .mRadio1.score3 input[type="radio"] {
    opacity: 0;
    width: 10px;
}
.popup .mList5 .col4 .ch1 > span.label {
    font-size: 14px;
    line-height: 16px;
    height: 32px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.mList5 .colcom .mlcon1 .ch1 .mRadio1.score {
    padding: 3px 22px 2px 22px;
    width: 78px;
    line-height: 25px;
    text-align: center;
}
.mList5 .colcom .mlcon1 .ch1.flexR {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mList5 .colcom .mlcon1 .ch1 .mRadio1.score input[type="radio"]:before {
    display: none;
}
.mRadio1.score + .mRadio1.score {
    margin-left: 6px;
}
.mList5 .colcom .mlcon1 .ch1 .mRadio1.score input[type="radio"] + span,
.mList5 .colcom .mlcon1 .ch1 .mRadio1.score3 input[type="radio"] + span {
    color: #AEB0B4;
}
.mList5 .colcom .mlcon1 .ch1 .mRadio1.score input[type="radio"]:checked + span,
.mList5 .colcom .mlcon1 .ch1 .mRadio1.score3 input[type="radio"]:checked + span {
    color: #fff;
}
.mList5 .colcom .mlcon1 li.flexR:last-child {
    margin-bottom: 15px;
}
.popup .mList5 h4.mb10 {
    margin-bottom: 10px;
}
.mList5 .colcom .mlcon1 .ch1 .mRadio1.score3 {
    padding: 3px 11px 2px 11px;
    width: 50px;
    line-height: 25px;
    text-align: center;
}
.mRadio1.score3 + .mRadio1.score3 {
    margin-left: 5px;
}
.opa0 {
    opacity: 0;
}
.it.unit {
    width: 140px;
    height: 32px;
    margin-right: 5px;
    font-size: 14px;
}
.w15 {
    width: 15px;
}
.mList5 .colcom .mlcon1 .ch1.flexR.jusC {
    justify-content: center;
}
.txtPrimary2.rScore {
    width: 182px;
    text-align: center;
    font-size: 16px;
    color: #AEB0B4;
    font-weight: 600;
}
.txtPrimary2.rScore em {
    color: #a47768;
}
.popup .mList5 .colcom.col4.mb12 h4, .mList5 .colcom.col4.mb12 .mlcon1 li {
    margin-bottom: 12px;
}
.mList5 .colcom.col4.mb12 .mlcon1 li.flexR:last-child {
    margin-bottom: 15px;
}
/* ===================== 2_09_popup3_2 ===================== */
.popup .mList5 .colcom.col4 h4,
.mList5 .colcom.col4 .mlcon1 li {
    margin-bottom: 6px;
}
.popup .mList5 .colcom .textarea.mt0 {
    margin-top: 0px;
}
textarea:disabled {
    background: #F8F8F8;
    border: 1px solid #E0E0E0;
    color: #AEB0B4;
}
/* ===================== 2_09_popup3_8 ===================== */
.popup .mList5 .labelMini {
    font-size: 14px;
    width: 100px;
}
.popup .mList5 .labelMini + input.w130 {
    width: 130px;
    height: 31px;
}
.mList5 .colcom .mlcon1 li.flexR.mb6:last-child {
    margin-bottom: 6px;
}
.mList5 .colcom .mlcon1 li > span.h31:first-child {
    height: 31px;
}

/* ===================== 2_09_popup3_4 ===================== */
.popup .mList5 .colcom.col3.mb6 h4,
.mList5 .colcom.col3.mb6 .mlcon1 li {
    margin-bottom: 6px;
}

/* ===================== 2_09_popup3_10 ===================== */
.popup .mList5 .col2 {
    width: 645px;
}
.popup .mList5 .col1 {
    width: 1310px;
}
/* ===================== 2_09_popup3_9 ===================== */
.mList5 .colcom.col2 .mlcon1 li > span:first-child {
    flex-grow: 1;
}
.mList5 .colcom.col2 .mlcon1 .ch1 .mRadio1.score {
    width: 200px;
}
.mList5 .colcom.col2 .mlcon1.listGap6 li {
    margin-bottom: 6px;
}
.popup .mList5 .colcom.empty:last-child {
    background: #F2F2F2;
}

/* ===================== 2_09_popup3_3 ===================== */
.mList5 .colcom.col4 .mlcon1 li.disF {
    display: flex;
    align-items: center;
}
.mList5 .colcom.col4 .mlcon1 li.disF span {
    flex-grow: 1;
    /* font-size: 14px; */
}
.w140 {
    width: 140px;
}

/* ===================== 05_ ===================== */
.mSort1.mSort2 {
  padding: 0;
  justify-content: end;
  min-height: auto;
}
#wrap .contents.pl0 {
  padding-left: 0;
}
.mSort1 .mDate1.w70 .day a {
  width: 70px;
}
.gridWrap {
  display: flex;
  gap: 6px;
  justify-content: space-between;
  height: calc(100% - 197px);
  margin: 10px 0 0;
}
.gridWrap .sideIni {
  width: 52px;
  padding: 12px 10px;
  background: #333333;
  border-radius: 10px;
  display: inline-block;
  height: 100%;
}
.sideIni li a {
  display: block;
  background: #926E5F;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.mSort1.faib {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.mGrid2 {
  height: 100%;
  background-color: #f8f8f8;
  border-radius: 15px;
  padding: 10px 0 72px;
  overflow: hidden;
  flex-grow: 1;
  display: relative;
}
.st {
  font-size: 13px;
  display: block;
  line-height: normal;
  padding-bottom: 3px;
}
.gHead {
  height: 38px;
  background: #fff;
}
.totalN {
  font-size: 14px;
  font-weight: bold;
  line-height: 38px;
  width: 88px;
  display: inline-block;
  text-align: center;
}
.gBody {
  overflow-y: scroll;
  height: calc(100% - 39px)
}
.gHead input[type="checkbox"],
.gBody input[type="checkbox"] {
  display: inline-block;
  position: relative;
  margin: 0 5px 0 17px;
}
.gHead input[type="checkbox"]:before,
.gBody input[type="checkbox"]:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -10px;
  background: url(../images/ico_checkbox1.svg) 0 0 no-repeat;
  background-size: 25px auto;
  width: 25px;
  height: 25px;
}
.gBody input[type="checkbox"]:before {
  top: -7px;
}
.gHead input[type="checkbox"]:checked:before,
.gBody input[type="checkbox"]:checked:before {
    background-image: url(../images/ico_checkbox1_a.png);
}
.gBody > li {
  display: flex;
  justify-content: ;
}
.gBody .col1 {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
}
.gBody .col1 .name {
  width: 88px;
}
.gBody .col1 .name strong {
  display: block;
  text-align: center;
}
.gBody .col1 .name span {
  font-size: 12px;
  font-weight: normal;
  display: block;
  text-align: center;
  margin-top: 3px;
}
.gBody .col1 .ins span {
  display: block;
  text-align: center;
  margin-bottom: 3px;
}
.gBody .col1 .ins {
  width: 226px;
  padding-right: 28px;
}
.gBody .col1 .ins ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1px;
}
.gBody .col1 .ins li {
  font-size: 12px;
  font-weight: normal;
  min-width: 57px;
  border-radius: 4px;
  background: #E0E0E0;
  border: solid 1px #AEB0B4;
  color: #AEB0B4;
  justify-content: center;
  padding: 2px 0;
  text-align: center;
}
.gBody .col1 .ins li.on {
  background: #FFF1EC;
  border: solid 1px #FF4949;
  color: #333333;
}
.gBody > li > div {
  /* min-height: 90px; */
}
.gBody > li:nth-child(odd) {
  background: #E8E8E8;
}
.gBody > li:nth-child(even) {
  background: #F2F2F2;
}
.gBody .col2-wrap {
  flex-grow: 1;
}
.gBody .col2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 11px;
  padding: 0 30px 0 0;
}
.gBody .col2 .serviceN {
  display: inline-block;
  width: 88px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #959595;
  padding: 7px 0;
}
.gBody .col2 .serviceN span,
.gBody .col2 .serviceN strong {
  display: block;
  text-align: center;
  font-size: 14px;
}
.totalSum {
  width: 100%;
  display: flex;
  justify-content: space-between;
  /* gap: 6px; */
}
.totalSum strong {
  display: block;
}
.totalSum li {
  /* min-width: 112px; */
  /* width: 16%; */
  width: 100%;
  display: inline-block;
}
.totalSum li span {
  text-align: center;
  font-size: 13px;
}
.totalSum li span,
.totalSum li strong {
  display: block;
}
.totalSum li strong {
  background: #fff;
  border-radius: 8px;
  font-size: 13px;
  font-weight: normal;
  color: #333333;
  padding: 7px 10px;
  text-align: right;
  margin: 3px 3px 0;
}
.totalSum li strong.txtBlue {
  color: #009DFF;
  font-size: 14px;
  font-weight: 600;
}
.totalSum li strong.txtRed {
  color: #FF5353;
}
.totalSum li strong.txtBrown {
  color: #926E5F;
}
.gBody .col3 .mBtn1 {
  display: block;
  padding: 0 0 0 10px;
  width: 109px;
  text-align: left;
}
.gBody .col3 .mBtn1.w139 {
  width: 139px;
  padding: 0 0 0 22px;
}
.icoFold {
  display: inline-block;
  background: url(../images/ic_list_fold.svg) 0 0 no-repeat;
  text-indent: -9999px;
  font-size: 0;
  width: 25px;
  height: 25px;
}
.mBtn1.iDel span {
  background: url(../images/ic_table_delete.svg) 0 50% no-repeat;
  padding-left: 27px;
}
.mBtn1.iPrint span {
  background: url(../images/ic_print_export.svg) 0 50% no-repeat;
  padding-left: 27px;
}
.gBody .col3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 0 16px;
}
.gBody .col4 {
  width: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gBody .col1,
.gBody .col2,
.gBody .col3,
.gBody .col4 {
  height: 90px;
}


/* 폴더 */
.gBody .col1-wrap .fold,
.gBody .col2-wrap .fold {
  display: none;
}
.gBody .col1-wrap.foldShow .fold,
.gBody .col2-wrap.foldShow .fold {
  display: block;
}
.gBody .col3.foldShow {
  display: none;
}
.gBody .col4.foldShow a {
  transform: rotate(180deg);
}

.fold {
  padding: 12px 25px;
  height: 422px;
}
.gBody .col2-wrap.foldShow.blue .fold.pa {
  border-right: 0;
  padding-right: 23px;
}
.fold ul li {
  display: flex;
  align-items: center;
}
.fold .label {
  font-size: 12px;
  font-weight: bold;
  height: 21px;
  margin-right: 5px;
  line-height: 21px;
}
.w51 {
  width: 51px;
  display: inline-block;
}
.w80 {
  width: 80px;
  display: inline-block;
}
.w60 {
  width: 60px;
  display: inline-block;
}
.fold .label.txtAR {
  text-align: right;
}
.fold .it,
.fold .sec3 li strong {
  height: 21px;
  border-radius: 4px;
  text-align: right;
  padding: 0 5px;
  border: 0;
}
.fold .sec3 li strong {
  line-height: 21px;
  width: 66px;
  margin-top: 0 !important;
  padding: 0 5px !important;
  flex-grow: 1;
}
.fold .sec3 li span {
  height: 21px;
  line-height: 21px;
  margin-right: 5px;
  font-size: 12px;
  width: 72px;
}
.fold .sec3 li span,
.fold .sec3 li strong {
  white-space: nowrap;s
  overflow: hidden;
  text-overflow:ellipsis;
}

.w57 {
  width: 57px;
}
.w83 {
  width: 83px;
}
.w103 {
  width: 103px;
}
.fold .it.txtAC {
  text-align: center;
}
.fold .sec1:first-child {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 182px;
  width: 100%;
  gap: 2px;
  margin-bottom: 20px;
}
.mt23 {
  margin-top: 23px;
}
.totalSum li span.tSwitch2 {
  display: none;
}
/* 폴더 foldShow */
.gBody .col2-wrap.foldShow .col2 {
  display: block;
  /* padding: 0 0 0 2px; */
}
.gBody .col2-wrap.foldShow .col2 .serviceN {
  display: inline-block;
  width: ;
  background: none;
  border-radius: 4px;
  border: 0;
  padding: 7px 0 2px;
}
.gBody .col2-wrap.foldShow .col2 .serviceN span,
.gBody .col2-wrap.foldShow .col2 .serviceN strong {
  display: inline;
  text-align: left;
  font-size: 16px;
}
.gBody .col2-wrap.foldShow .col2 .totalSum > li > div:first-child {
  background: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  margin: 0 3px 9px;
}
.gBody .col2-wrap.foldShow .col2 .totalSum li > span {
  text-align: right;
}
.gBody .col2-wrap.foldShow .col2 .totalSum li span.tSwitch1 {
  display: none;
}
.gBody .col2-wrap.foldShow .col2 .totalSum li span.tSwitch2 {
  display: block;
  font-weight: bold;
}
.gBody .col2-wrap.foldShow .col2 .totalSum li span.tSwitch2 + strong {
  font-weight: bold;
}
.gBody .col2-wrap.foldShow .col2 .totalSum li strong {
  margin-top: 4px;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.w180 {
  width: 180px;
}
.fold .label.h36 {
  height: 36px;
  line-height: normal;
}
.fold .it.h36 {
  height: 36px;
}
.wage {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  padding-bottom: 3px;
}
.wage input[type="checkbox"] {
  margin: 0 6px 0 0;
  cursor: pointer;
}
.wage input[type="checkbox"]:before {
  top: -3px;
  left: -2px;
  width: 20px;
  height: 20px;
  background: url(../images/ico_checkbox1.svg) center/20px 20px no-repeat;
}
.wage input[type="checkbox"]checked:before {
  background-image: url(../images/ico_checkbox1_a.png);
}
.fold .sec2 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 2px;
}
.fold .sec2 li span {
  font-weight: normal;
  width: 180px;
}
.pt4 {
  padding-top: 4px;
}
.fold .select {
  height: 21px;
  border-radius: 4px;
  line-height: 21px;
  padding: 0 25px 0 5px;
  text-align: right !important;
  border: 0;
}
.fold .select[disabled] {
  /* background: #fff; */
  /* border: 0; */
}
.fold .select[disabled] + div {
  color: #000;
}
.w61 {
  width: 61px;
}
.ml42 {
  margin-left: 42px;
}
.fold .it.gDate {
    background-image: none;
    background-color: #fff;
    border-color: #c3c3c3;
    width: 103px;
    height: 21px;
}
.totalSum .fold {
  padding: 12px 5px;
}
.fold .sec3 li {
  justify-content: flex-end;
}
.fold .sec3 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 2px
}
.txtBold {
  font-weight: bold !important;
}
.mt12 {
  margin-top: 12px;
}
.fold .sec3 li span.h36,
.fold .sec3 li strong.h36 {
  height: 36px;
}
.fold .sec3 li span.h36 {
  line-height: normal;
  padding-top: 4px;
}
.fold .sec3 li strong.h36 {
  line-height: 36px;
}
.pr {
  position: relative;
}
.fold.pa {
  position: absolute;
  left: 0;
  width: calc(100% + 101px);
}
.fold.pa .col3 {
  height: 80px;
}
.fold.pa .col3 .mBtn1.iDel span {
    background: url(../images/ic_table_delete.svg) 5px 50% no-repeat;
    padding-left: 30px;
}
.gFooter {
  position: absolute;
  bottom: 9px;
  height: 72px;
  width: calc(100% - 74px);
  z-index: 100;
  background: #fff;
  border-radius: 0 0 15px 15px;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 49px;
}
.gFooter .btn {
  min-width: 315px;
}
.gFooter .mBtn1.iDown {
  padding: 0 12px 0 9px;
}
.w90 {
  width: 90px;
}
.gFooter .totalAm {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  gap: 4px;
}
.gFooter .totalAm li {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
  font-size: 13px;
  width: 100%;
}
.gFooter .totalAm li span,
.gFooter .totalAm li strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
}
.gFooter .totalAm li strong {
  border-radius: 8px;
  border: 1px solid #C3C3C3;
  background: #EDEFF4;
  height: 32px;
  /* padding: 0 10px; */
  line-height: 32px;
  width: 100%;
  text-align: center;
}
.gBody .col2-wrap.foldShow .col2 .totalSum li .mBtn1.iDel span,
.gBody .col2-wrap.foldShow .col2 .totalSum li .mBtn1.iPrint span {
  text-align: left;
}
.foldShow .totalSum li span {
  text-align: left;
}

/* 수정 */
.gBody > li:nth-child(odd) .col1-wrap.foldShow > div,
.gBody > li:nth-child(odd) .col2-wrap.foldShow > div,
.gBody > li:nth-child(odd) .col4.foldShow {
  background: #D7ECF7;
}
.gBody > li:nth-child(odd) .col1-wrap.foldShow .fold,
.gBody > li:nth-child(odd) .col2-wrap.foldShow .fold {
  background: #ECFAFF;
  border-right: 1px dashed #009DFF;
}

.gBody > li:nth-child(even) .col1-wrap.foldShow > div,
.gBody > li:nth-child(even) .col2-wrap.foldShow > div,
.gBody > li:nth-child(even) .col4.foldShow {
  background: #F7D7D7;
}
.gBody > li:nth-child(even) .col1-wrap.foldShow .fold,
.gBody > li:nth-child(even) .col2-wrap.foldShow .fold {
  background: #FFF1EC;
  border-right: 1px dashed #FF5353;
}
.gBody > li .col2-wrap.foldShow .fold.pa {
  border-right: 0;
}
/* ===================== 05_04_in01.html 수당 분개 방식 및 분개값  ===================== */
.w455 {
  width: 455px;
}
.unit2 {
  margin-left: 4px;
}
.unit1,
.unit2,
.unit3 {
  margin-left: 4px;
}
.sub-st3 {
  font-size: 18px;
  font-weight: bold;
  margin: 28px 0 20px;
}
input.disabled2:disabled {
  background: #F8F8F8;
  border: 1px solid #E0E0E0;
  color: #AEB0B4;
}
input:disabled + span {
  color: #AEB0B4;
}
/* ===================== 05_05_in01.html 수당 분개 방식 및 분개값  ===================== */
.mRadio2 span.w100 {
  width: 100px;
}
.w314 {
  width: 314px;
}
.sub-st2 {
  font-size: 18px;
  font-weight: bold;
  margin: 37px 0 10px;
}
.h231 {
  height: 231px;
}
/* ===================== 3_b_02 수급자 일정 관리  ===================== */
.w509 {
  width: 509px;
}
.con-wrap {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 8px;
  height: calc(100% - 54px)
}
.con-wrap section {
  height: 100%;
  /* background: green; */
  width: 33.3%;
  overflow: hidden;
  border-radius: 10px;
}
/******** 첫번째 섹션 ********/
.con-wrap .sec1 .mGrid1 {
  border-radius: 10px 10px 0 0;
  height: calc(100% - 180px);
  /* height: auto; */
  margin: 5px 0 0;
}
.con-wrap .sec1 .mSort1.faib {
  gap: 4px;
}
.con-wrap .sec1 .mSort1 {
  min-height: auto;
}
.con-wrap .sec1 .mSort1 .mDate1:nth-child(2) {
  flex-grow: 1;
}
.con-wrap .sec1 .mSort1 .mDate1:nth-child(2) .day {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.con-wrap .sec1 .mSort1 .mDate1:nth-child(2) .day a {
  width: auto;
  flex-grow: 1;
}
.con-wrap .sec1 .mSort1 .mDate1:nth-child(3) .day {
  display: flex;
  gap: 4px;
}
.con-wrap .sec1 .mSort1 .mDate1:nth-child(3) .day a {
  border-radius: 8px;
}
.con-wrap .sec1 .mSort1:first-child {
  padding: 14px 14px 4px;
}
.con-wrap .sec1 .mSort1:last-child {
  padding: 4px 14px 14px;
}
.con-wrap .sec1 .tabulator .tabulator-header .tabulator-col,
.con-wrap .sec2 .tabulator .tabulator-header .tabulator-col {
  font-weight: normal;
}
.con-wrap .sec1 .mGrid1 .tabulator,
.con-wrap .sec1 .tabulator .tabulator-footer {
  border-radius: 0;
}
.con-wrap .sec1 .btn-area {
  height: 74px;
  background: #edeff4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  gap: 4px;
}
.con-wrap .sec1 .btn-area div {
  height: 100%;
  display: flex;
  gap: 4px;
}
.con-wrap .sec1 .btn-area .mBtn1 {
  height: 100%;
  flex-basis: 162px;
  flex-shrink: 1;

  line-height: normal;
  text-align: center;
  padding: 0 10px;
}
.con-wrap .sec1 .btn-area .mBtn1:first-child {
  min-width: 162px;
}
.con-wrap .sec1 .btn-area > .mBtn1 {
  text-align: left;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;

  min-width: 162px;
}
.con-wrap .sec1 .btn-area .mBtn1 span:first-child {
  margin-top: 8px;
}
.con-wrap .sec1 .mBtn1.iImport span {
  background: url(../images/ic_import.svg) 0 50% no-repeat;
  padding-left: 30px;
}
strong.txt-red {
  color: #fd5353;
}
/******** 두번째 섹션 - con-top ********/
.con-wrap .sec2 {
  /* display: none; */
}
.con-wrap .sec2.hidden {
  display: none;
}
.con-wrap .sec2 .con-top {
  background: #fff;
  border-radius: 10px;
}
.con-wrap .sec2 .con-top .info {
  padding: 14px 10px 4px 14px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  gap: 3px;
}
.con-wrap .sec2 .con-top .info .c1 {
  padding-right: 15px;
  min-width: 155px;
}
.con-wrap .sec2 .con-top .info .na {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.con-wrap .sec2 .con-top .info .na span:first-child {
  font-size: 18px;
  color: #7e4f40;
  font-weight: bold;
}
.con-wrap .sec2 .con-top .info .na span:last-child {
  color: #009dff;
  border-radius: 12px;
  background: #edeff4;
  padding: 3px 12px;
  font-size: 12px;
  margin-left: 8px;
}
.con-wrap .sec2 .con-top .info .no span:not(:nth-child(2)) {
  display: block;
  line-height: 20px;
  font-weight: bold;
}
.con-wrap .sec2 .con-top .info .no span:last-child {
  display: flex;
  align-items: center;
}
.iArrow-r {
  background: url(../images/ic_detail_arrow_r.svg) center no-repeat;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 2px;
}
.con-wrap .sec2 .con-top .c2,
.con-wrap .sec2 .con-top .c3 {
  font-size: 12px;
  flex-grow: 1;
  width: 31%;
}
.con-wrap .sec2 .con-top .c2 div,
.con-wrap .sec2 .con-top .c3 div {
  display: flex;
  justify-content: space-between;
  gap: 0;
}
.con-wrap .sec2 .con-top .c2 > div:first-child,
.con-wrap .sec2 .con-top .c3 > div:first-child {
  margin-bottom: 2px;
}
.con-wrap .sec2 .con-top .c2 span,
.con-wrap .sec2 .con-top .c3 span  {
  min-width: 58px;
  border-radius: 8px 0 0 8px;
  background: #e8e8e8;
  text-align: center;
  justify-content: center;
}
.con-wrap .sec2 .con-top .c2 span,
.con-wrap .sec2 .con-top .c3 span,
.con-wrap .sec2 .con-top .c2 strong,
.con-wrap .sec2 .con-top .c3 strong {
  height: ;
  /* padding: 11px 6px; */
  padding-left: 7px;
  display: inline-block;
  font-weight: bold;
  height: 36px;
  display: flex;
  align-items: center;
}
.con-wrap .sec2 .con-top .c2 strong,
.con-wrap .sec2 .con-top .c3 strong {
  border-radius: 0 8px 8px 0;
  background: #f2f2f2;
  /* margin-left: -3px; */
  flex-grow: 1;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}
.con-wrap .sec2 .con-top .c4 {
  flex-basis: 46px;
}
.con-wrap .sec2 .con-top .c4 .btn-show {
  background:
    url(../images/ic_localmenu.svg) center 10px no-repeat,
    url(../images/ic_drop_arrow.svg) center 55px no-repeat,
    #ff5353;
  border: 1px dashed #e8e8e8;
  display: block;
  /* min-width: 30px; */
  width: 100%;
  /* flex: 0 0 46px; */
  height: 76px;
  color: #fff;
  text-align: center;
  padding-top: 37px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 8px;
  cursor: pointer;
}
.con-wrap .sec2 .con-top .c4 .btn-show.active {
  background:
    url(../images/ic_localmenu.svg) center 10px no-repeat,
    url(../images/ic_drop_arrow_up.svg) center 55px no-repeat,
    #9d796a;
}


.con-wrap .sec2 .mGrid1 {
  padding: 10px 0;
  overflow: hidden;
  margin: 6px 0 0;
}
.con-wrap .sec2 .con-top .mGrid1 .tabulator .tabulator-table .tabulator-row:last-child .tabulator-cell {
  background: #ecfaff;
  color: ;
}
.txtRed {
  color: #ff5353;
}
.txtBlue {
  color: #009dff;
}
.con-wrap .sec2 .mGrid1 .tabulator {
  border-radius: 7px 7px 0 0;
}
.txtBrown {
  color: #a47768;
}

.con-wrap .sec1 .tabulator-row.active {
  background: #ceffe3;
}
/******** 두번째 섹션 - con-bottom ********/
.con-bottom {
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  height: calc(100% - 333px);
  position: relative;
}
.con-bottom h4 {
  text-align: center;
  color: #a47768;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 0 7px;
  background: #e0e0e0;
}
.con-bottom .tap-area {
  padding: 10px 14px 20px;
}
.con-bottom .tap {
  display: flex;
  justify-content: space-between;
  gap: 9px;
  margin-bottom: 10px;
}
.con-bottom .tap a {
  border-radius: 8px;
  border: solid 1px #e0e0e0;
  background: #f8f8f8;
  color: #aeb0b4;
  font-weight: bold;
  font-size: 14px;
  width: 33.3%;
  text-align: center;
  padding: 11px 0;
}
.con-bottom .tap a.active {
  background: #a47768;
  color: #fff;
  font-weight: bold;
}
.con-bottom .tap-con {
  height: 110px;
}
.con-bottom .tap-con {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  align-content: space-between;
  flex-wrap: wrap;
  gap: 4px;
}
.con-bottom .tap-con li {
  width: 49%;
}
.con-bottom .tap-con .min  {
  padding: 3px 13px 3px 45px;
  border: 1px solid #E0E0E0;
  background: #F8F8F8;
  border-radius: 8px;
  width: 100%;
  cursor: pointer;
  line-height: 25px;
  font-weight: bold;
}
.con-bottom .mCheckbox1 input[type="checkbox"] {
    top: 7px;
    left: 15px;
}
.con-bottom .mCheckbox1 input[type="checkbox"]:before {
  top: -4px;
}

.con-bottom .btn-area {
  height: 88px;
  width: 100%;
  background: #edeff4;
  position: absolute;
  bottom: 0;
  display: flex;
}
.con-bottom .btn-area .con-l {
  flex-basis: 118px;
  height: 100%;

  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.con-bottom .btn-area .con-l a {
  background: #333333;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.con-bottom .btn-area .con-r {
  padding: 9px 14px 9px 12px;
  flex-grow: 1;
  display: flex;
  gap: 6px;
}
.con-bottom .btn-area .con-r a:not(:last-child) {
  background: #fff;
  color: #aeb0b4;
  font-size: 14px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  border-radius: 8px;
  border: 1px solid #fff;
  padding: 0 12px;
}
.con-bottom .btn-area .con-r a:last-child {
  font-size: 13px;
  width: 72px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: end;
  border-radius: 8px;
  padding: 10px 0;
  background: url(../images/ic_localmenu_w.svg) center 15px no-repeat, #96918c;
}
.con-bottom .btn-area .con-r a.info {
  flex-direction: column;
  align-items: flex-start;
  color: #333333;
  font-weight: bold;
  background: #fff;
  border: 1px solid #0A9DFA;
}
.con-bottom .btn-area .con-r a.info strong {
  color: #0A9DFA;
  padding: 2px 0;
}
.con-bottom .btn-area .con-r a.info span:last-child {
  font-size: 12px;
  font-weight: normal;
}
.con-bottom .input-area {
  padding: 10px 18px 24px;
  height: calc(100% - 345px);
  font-size: 12px;
  font-weight: bold;
}
.con-bottom .input-area div:not(:last-child) input {
  width: 48px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #c3c3c3;
  padding: 0 5px;
  font-size: 14px;
  text-align: center;
}
.con-bottom .input-area .select {
  width: 145px;
  margin-left: 8px;
}
.con-bottom .input-area b {
  margin: 0 3px;
}
.con-bottom .input-area > div:first-child {
  margin-bottom: 10px;
}
.con-bottom .input-area > div:last-child {
  display: flex;
}
.con-bottom .input-area div li {
  margin-bottom: 2px;
  display: flex;
}
.con-bottom .input-area div li span,
.con-bottom .input-area div li label {
  width: 68px;
  background: #e8e8e8;
  border-radius: 8px 0 0 8px;

  display: flex;
  height: 30px;
  align-items: center;
  justify-content: center;
}
.con-bottom .input-area div li strong,
.con-bottom .input-area div li input {
  width: 50px;
  background: #f2f2f2;
  border-radius: 0 8px 8px 0;

  display: flex;
  height: 30px;
  align-items: center;
  justify-content: center;
  /* font-weight: normal; */
  border: 0;
}
.con-bottom .input-area div ul:nth-child(2) {
  color: #a47768;
  margin: 0 12px;
}
.con-bottom .input-area div ul:nth-child(2) li strong,
.con-bottom .input-area div ul:nth-child(2) li input {
  width: 80px;
  padding: 0 10px;
}
.con-bottom .input-area div li label {
  background: #0a9dfa;
  color: #fff;
}
.con-bottom .input-area div li input {
  text-align: right;
  color: #0a9dfa;
  font-weight: bold;
}
.con-bottom .input-area > div:last-child > div {
  font-size: 14px;
  display: flex;
  align-items: flex-end;
  padding: 5px 0;
}

.con-bottom .input-area .wage {
  position: relative;
}
.con-bottom .input-area .wage input[type="checkbox"]:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -3px;
  background: url(../images/ico_checkbox1.svg) 0 0 no-repeat;
  background-size: 20px auto;
  width: 20px;
  height: 20px;
}
.con-bottom .input-area .wage input[type="checkbox"]:checked:before {
  background-image: url(../images/ico_checkbox1_a.png);
}
.con-bottom .tabulator .tabulator-tableholder .tabulator-table {
  font-weight: 600;
}
/******** 세번째 섹션 - top ********/
.con-wrap .sec3 {
  background: #FFFFFF;
  border-radius: 8px;
  position: relative;
}
.con-wrap .sec3 .top {
  padding: 14px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}
.con-wrap .sec3 .top > span:first-child {
  font-size: 18px;
  font-weight: 500;
  flex-grow: 1;
  word-break: keep-all;
  line-height: 16px;
}
.tapMenu {
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-basis: 224px;
  flex-shrink: 1;
}
.tapMenu a {
  display: inline-block;
  font-size: 13px;
  /* font-weight: bold; */
  text-align: center;
  color: #aeb0b4;
  line-height: 32px;
  height: 32px;
  background: #dfe1e6;
}
.tapMenu a.active {
    background-color: #9d796a;
    color: #fff;
}
.con-wrap .sec3 .mBtn1.iPrint span {
  font-weight: normal;
  line-height: 16px;
  word-break: keep-all;
}
.con-wrap .sec3 .middle {
  /* padding: 0 12px; */
}
.con-wrap .sec3 .bottom {
  position: absolute;
  bottom: 0;
  background: #edeff4;
  padding: 12px 14px;
  height: 88px;
  width: 100%;
  display: none;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  gap: 5px;
}
.con-wrap .sec3 .bottom.flex {
  display: flex;
}
.con-wrap .sec3 .bottom > div:first-child {
  font-size: 14px;
  flex-basis: 141px;
  flex-shrink: 1;
}
.con-wrap .sec3 .bottom > div:nth-child(2),
.con-wrap .sec3 .bottom .wage {
  font-size: 12px;
  font-weight: normal;
  flex-grow: 1;
  min-width: 175px;
}
.con-wrap .sec3 .bottom > div:nth-child(2) > div {
  margin-top: 9px;
}
.con-wrap .sec3 .bottom > div:nth-child(2) > a > span {
  display: block;
}
.con-wrap .sec3 .bottom > div:nth-child(2) > a > span:first-child {
  color: #926e5f;
  font-weight: bold;
}
.con-wrap .sec3 .bottom .wage input[type="checkbox"] {
  margin-right: 0px;
}
.btnBl,
.btnBr {
  text-align: center;
  background: #333333;
  color: #fff;
  border-radius: 8px;
  font-size: 14px;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.btnBr {
  background: #926e5f;
}
.con-wrap .sec3 .bottom .btnBr strong {
  word-break: keep-all;
  flex-basis: 132px;
  flex-shrink: 1;
}
.txt18 {
  font-size: 18px;
}
.con-wrap .sec3 .bottom > div:first-child .btnBl {
  font-weight: bold;
  text-align: center;
  width: 100%;
  display: block;
  padding: 7px 0;
}
.btnBl.txtRed {
  color: #ff5353;
}
.btnBl.txtBlue {
  color: #009dff;
}
.mb2 {
  margin-bottom: 2px;
}
.con-wrap .sec3 .bottom > div:nth-child(2) {
  padding-left: 14px;
}
.con-wrap .sec3 .bottom > div:nth-child(2) .wage:first-child {
  margin-right: 14px;
}
.con-wrap .sec3 .bottom > div:nth-child(2) .wage {
  position: relative;
}
.con-wrap .sec3 .bottom > div:nth-child(2) .wage input[type="checkbox"] {
  margin-right: 2px;
}
.con-wrap .sec3 .bottom > div:nth-child(2) .wage input[type="checkbox"]:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -3px;
  background: url(../images/ico_checkbox_blue.svg) 0 0 no-repeat;
  background-size: 17px auto;
  width: 17px;
  height: 17px;
}
.con-wrap .sec3 .bottom > div:nth-child(2) .wage input[type="checkbox"]:checked:before {
  background-image: url(../images/ico_checkbox_blue_a.svg);
}

.con-wrap .sec3 .bottom > div:nth-child(2) .wage:nth-child(2) input[type="checkbox"]:before {
  background-image: url(../images/ico_checkbox_red.svg);
}
.con-wrap .sec3 .bottom > div:nth-child(2) .wage:nth-child(2) input[type="checkbox"]:checked:before {
  background-image: url(../images/ico_checkbox_red_a.svg);
}

.con-wrap .sec3 .fc .fc-toolbar.fc-header-toolbar {
  display: none;
}
.con-wrap .sec3 .mCalendar1 {
  padding: 0 14px;
}
.sec3 .tapMenu a {
  flex-basis: 112px;
  flex-shrink: 1;
}
/******** 담당요원 확인 popup1 ********/
.popup1-btn {
  position: relative;
  font-weight: bold;
  /* flex-basis: 71px; */
  justify-content: center;
}
.popup1 {
  position: absolute;
  bottom: 81px;
  right: 38px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px 0 rgba(45, 45, 45, 0.15);
  padding: 25px 50px 30px;
  display: none;
  z-index: 100;
}
.popup1 h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 22px;
}
.popup1 li {
  width: 190px;
  border: solid 1px #E0E0E0;
  background: #F8F8F8;
  border-radius: 8px;
  padding: 8px 18px;
  text-align: left;
  margin: 0 auto;
  margin-bottom: 4px;
  font-weight: bold;
}
.popup1 .mBtn1 {
  width: 197px;
}
.mt27 {
  margin-top: 27px;
}
.popupShow {
  display: block;
}
/******** sec1  미등록 수급자 & 급여제공자 확인 등록 btn ********/
.gridTopBtn {
  font-size: 12px;
  font-weight: bold;
  padding: 2px 14px 12px;
}
.gridTopBtn > a {
  padding: 6px 29px;
  background: #292929;
  border-radius: 13px;
  color: #dfe1e6;
  display: inline-block;
  margin-right: 15px;
}
.gridTopBtn > span {
  color: #ff5353;
}
/******** 모달 공통 ********/
#modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.45);
  z-index: 200;
}
.modal-con {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* padding: 25px 32px 30px; */
  /* text-align: center; */
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  color: #333333;
  z-index: 200;
  transition: 0.25s;
  overflow: hidden;
}
label {
  cursor: pointer;
}
.modal-con > h3 {
  height: 70px;
  padding: 20px;
  font-size: 24px;
  font-weight: 600;
  background: #F8F8F8;
  display: flex;
  align-items: center;
}
.modal-con > h3 > span {
  font-size: 16px;
  font-weight: normal;
  padding-left: 11px;
}
.modal-con .con {
  padding: 20px 20px 46px;
}
.modal1.modal-con .con .mlcon1 {
  min-height: 160px;
  max-height: 400px;
  overflow-y: scroll;
}
.modal1.modal-con .con .mlcon1.h115 {
  min-height: 115px;
  max-height: 115px;
}
.modal-con.w468 {
  width: 468px;
}
.modal-con .searchArea {
  display: flex;
  align-items: center;
  position: relative;
}
.modal-con .searchArea input:focus + a + ul.drop-list {
  display: block;
}
.modal-con .searchArea a {
  margin-left: 4px;
  width: 64px;
}
.modal-con .mlcon1 {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modal-con .btn-area {
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
  gap: 10px;
  font-weight: 600;
}
.modal-con .btn-area .mBtn1 {
  padding: 12px 0;
  height: auto;
  line-height: normal;
}
.modal-con .ch1 {
  position: relative;
  height: 33px;
  /* margin-bottom: 8px; */
}
.modal-con .ch1:last-child {
  margin-bottom: 0;
}
.modal-con .mCheckbox1 {
  padding: 3px 13px 3px 45px;
  border: 1px solid #E0E0E0;
  background: #F8F8F8;
  border-radius: 8px;
  width: 100%;
  cursor: pointer;
  line-height: 25px;
  font-weight: bold;
}
.modal-con .mCheckbox1 input[type="checkbox"] {
  top: 8px;
  left: 16px;
}
.w112 {
  width: 112px;
}
.w162 {
  width: 162px;
}
.drop-list {
  display: none;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px 0 rgba(45, 45, 45, 0.15);
  padding: 10px 0;
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 200;
  width: 162px;
  font-size: 12px;
  font-weight: 600;
  max-height: 177px;
  overflow-y: scroll;
}
.drop-list li {
  padding: 8px 16px;
  cursor: pointer;
}
.drop-list li:hover {
  background: #ecfaff;
  color: #009dff;
}
/******** 3_c_01.html : modal1 ********/
.w834 {
  width: 834px;
}
.modal1 .bgSt1 {
  background: #F8F8F8;
  padding: 10px;
  overflow-y: scroll;
  height: 429px;
  margin-top: 16px;
}
.modal1 .delList {
  border: 1px solid #e0e0e0;
  background: #fff;
  border-radius: 8px;
  min-height: 58px;
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.modal1 .del {
  cursor: pointer;
  display: block;
  width: 25px;
  height: 25px;
  background: url(../images/ic_cell_delete.svg) center/25px auto no-repeat;
  text-indent: 99999;
  font-size: 0;
  margin-left: auto;
}
.modal1 .checkLabel {
  margin: 0;
  padding: 0;
}
.modal1 .op-wrap {
  margin-left: 15px;
}
.modal1 .op-wrap > div {
  display: inline-block;
}
.modal1 .op1 {
  margin-right: 15px;
}
.modal1 .input-txt {
  font-size: 14px;
}
.modal1 .op2 .checkLabel {
  margin-right: 10px;
}
.modal1 .op2 .checkLabel input:before {
  top: -4px
}
.modal1 .op2 .checkLabel input {
  margin-right: 13px;
}
.w72 {
  width: 72px;
}
.w88 {
  width: 88px;
}
.w130 {
  width: 130px;
}
.op-wrap,
.showCon {
  display: none;
}
.op-wrap .show,
.showCon .show {
  display: inline-block;
}
.modal-con .mlcon1.mt0 {
  margin-top: 0;
}
.modal1.modal-con .con .mlcon1.h100per {
  height: 100%;
}
/******** sec1 리스트 클릭시 sec2 show ********/
.con-wrap section.empty {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 42px;
  font-weight: 600;
  background: #6c6c6c;
  border-radius: 10px;
  text-align: center;
  color: #fff;
}
.show {
  display: block;
}
.hidden {
  display: none;
}
.flex {
  /* display: flex; */
}
/******** sec2 요약 btn show ********/
.con-wrap .sec2 .con-bottom.list {
  display: none;
}
.con-wrap .sec2 .con-bottom.list .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f2f2f2;
  height: 42px;
  padding: 0 16px;
}
.con-wrap .sec2 .con-bottom.list .title h3 {
  font-size: 16px;
  font-weight: bold;
}
.con-wrap .sec2 .con-bottom.list .mGrid1 {
  margin: 0;
  padding: 0;
  border-radius: 0;
  height: calc(100% - 52px);
}
.con-wrap .sec2 .con-bottom.list .title .btnClose {
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url(../images/ic_close.svg) center no-repeat;
  text-indent: 99999;
  font-size: 0;
}
.con-wrap .sec2 .con-bottom.list.show {
  display: block;
}

/******** 모달 2 ********/
.w595 {
  width: 595px;
}
.w150 {
  width: 150px;
}
.modal2 .mBtn1.w200 {
  padding: 8px 14px 8px 6px;
  width: 200px;
  background: #1aa24c;
  height: auto;
  margin-bottom: 5px;
}
.modal2 .con > h6 {
  font-weight: bold;
  padding-bottom: 2px;
}
.modal2 .con > h6,
.modal2 .con > span {
  font-size: 14px;
}
.mBtn1.iImport > span {
  background: url(../images/ic_import.svg) 0 50% no-repeat;
  padding-left: 30px;
}
.modal2 .btn-area1 {
  font-weight: bold;
  margin: 46px 0 34px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.modal2 .btn-area1 a {
  width: 225px;
  height: 56px;
  line-height: 56px;
}
.modal2 .btn-area2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.modal2 .btn-area2 > span {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}
/******** 모달 3 ********/
.w510 {
  width: 510px;
}
.modal-con.mSt1 h3 {
  color: #ff5353;
  justify-content: center;
}
.modal-con.mSt1 .con {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.modal-con.mSt1 .con strong {
  background: #f2f2f2;
  border-radius: 8px;
  color: #009dff;
  font-size: 20px;
  font-weight: bold;
  padding: 8px 34px;
  display: block;
  margin-bottom: 18px;
}
.modal-con.mSt1 .con > span:nth-of-type(1) {
  line-height: 25px;
  margin-bottom: 12px;
}
.modal-con.mSt1 .con > span:nth-of-type(2) {
  color: #ff5353;
  font-size: 16px;
  font-weight: bold;
}
/******** 모달 4 ********/
.modal-con.mSt2 h3 {
  color: #7e4f40;
}
.modal-con.mSt1 .con > span:nth-of-type(2) {
  line-height: 25px;
}
/* ===================== 3_c_01 ===================== */
.w572 {
  width: 572px;
}
.w64 {
  width: 64px;
}
.con-wrap .sec1.st2 .mGrid1 .tabulator .tabulator-tableholder {
  height: calc(100% - 155px) !important;
}
.modal5 .con > span {
  font-size: 14px;
  margin-bottom: 13px;
  display: block;
}
.modal5 .mTable {
  font-size: 12px;
}
.modal5 .mTable tr:not(:last-child) th,
.modal5 .mTable tr:not(:last-child) td {
  padding-bottom: 12px;
}
.modal5 .mTable th {
  font-size: 16px;
  font-weight: 300;
  padding-right: 10px;
}
.modal5 .mTable td {
  padding-left: 5px;
}
.modal5 .mTable td > span {
  border-radius: 8px;
  background: #f2f2f2;
  color: #926e5f;
  font-weight: 600;
  padding: 9px 13px;
  display: inline-block;
}
.w80 {
  width: 80px;
}
.modal5 .mTable td .select {
  width: 132px;
}
/******** 모달 1 -1 ********/
.modal1.st3 .con {
  padding: 0 0 61px;
  margin: 0;
  border-radius: 0;
}
.modal1.st3 .con-bottom .tap-area,
.modal1.st3 .con-bottom .input-area,
.modal1.st3 .con-bottom .btn-area {
  padding: 10px 18px 20px;;
}
.modal1.st3 .con-bottom .input-area {
  height: auto;
}
.modal1.st3 .con-bottom .btn-area {
  position: static;
  padding-bottom: 0;
  background: transparent;
}
.modal1.st3 .con-bottom .btn-area .con-r {
  padding: 0;
}
.modal1.st3 .con-bottom .btn-area .con-r a:nth-child(2) {
  background: #f2f2f2;
}

/******** 모달 5 ********/
.modal-con .con.boxSt {
  padding: 20px 20px 30px;
}
.modal-con .con.boxSt .box {
  background: #F8F8F8;
  border: 1px solid #dfe1e6;
  padding: 8px 11px;
  height: 216px;
  overflow-y: scroll;
}
.modal-con .con.boxSt .box > span {
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
}
.modal-con .con.boxSt .box > span b {
  margin-right: 8px;
}
/* ===================== 3_b_06 ===================== */
.con-wrap .sec3 .bottom .c3 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-basis: 132px;
  flex-shrink: 1;
}
.con-wrap .sec3 .bottom .c3 > span,
.con-wrap .sec3 .bottom .c3 > a {
  height: 31px;
}
.con-wrap .sec3 .bottom .c3 > span {
  background: #aeb0b4;
  border-radius: 8px;
  font-size: 12px;
  color: #e8e8e8;
  text-align: center;
  line-height: 31px;
}
.con-wrap .sec3 .bottom .c3 > span > strong {
  font-size: 14px;
  color: #333333;
  margin-left: 13px;
}
.con-wrap .sec3 .bottom .c3 > a {
  justify-content: center;
}
.btnBr.gray {
  background: #F8F8F8;
  width: 136px;
  color: #ff5353;
  font-size: 18px;
  font-weight: bold;
  justify-content: center;
}

/******** 캘린더 리스트 **************************/
/* .cList th, */
/* .cList td, */
.cList colgroup col {
  /* width: 10%; */
}
.cList colgroup col:nth-child(2) {
  /* width: 32px; */
}

.icoMenu {
  text-indent: -9999px;
  font-size: 0;
  display: block;
  width: 25px;
  height: 25px;
  background: url(../images/ic_write.svg) center/25px no-repeat;
}
.cList {
  font-size: 13px;
  text-align: center;
  width: 100%;
  /* position: relative; */
  height: calc(100% - 123px);
  overflow: auto;
  /* overflow: hidden; */
}

.cList thead {
  position: sticky;
  top: 0;
  width: 100%;
  background: #fff;
}
.cList thead th:last-child,
.cList tbody td:last-child {
  padding: 0 5px;
  text-align: left;
}
.cList tr {
  border-bottom: 1px solid #A6A6A6;
}
.cList tbody tr {
  background: #E8E8E8;
}
.cList tbody tr:nth-child(even) {
  background: #F2F2F2;
}
.cList tbody th,
.cList tbody td,
.cList tfoot th,
.cList tfoot td {
  height: 31px;
  word-break: keep-all;
}
.cList th,
.cList td {
  font-weight: normal;
  border-right: 1px solid #CDCDCD;
}
.cList thead tr {
  height: 38px;
}
.bgIvo {
  background: #FFFAEA;
  color: #7E4F40;
}
.bgGreen {
  background: #CEFFE3;
}
.txtGreen {
  color: #51af21;
}
.cList .colDate {
  padding: 4px 2px 4px 4px;
}
.cList span.no,
.cList span.state1,
.cList span.state2,
.cList span.date {
  border-radius: 4px;
  height: 25px;
  display: inline-block;
  padding: 4px 0;
}
.cList span.no {
  background: #2D2D2D;
  width: 21px;
  color: #fff;
  margin-right: 4px;
}
.cList span.state1 {
  background: #FFFAEA;
  border: 1px solid #FD5353;
  color: #FD5353;
  width: 42px;
}
.cList span.state2 {
  background: #FFFAEA;
  border: 1px solid #0A9DFA;
  color: #0A9DFA;
  width: 42px;
}
.cList span.date {
  background: #FFFFFF;
  width: 67px;
  margin-top: 4px;
  color: #959595;
  padding: 6px 0;
}

/* tbody 스크롤 */
.cList table {
  height: 100%;
}
.cList table tbody {
  display: block;
  overflow-y: scroll;
  height: calc(100% - 127px);
  /* overflow: auto; */
  /* min-height: 100%; */
}
.cList table tr {
  display: table;
  width: 100%;
}
.cList table thead,
.cList table tfoot {
  display: table;
  width: 100%;
}
.cList table thead tr {
  width: 100%;
}
.cList table th,
.cList table td,
.cList table tr {
  padding: 0;
  box-sizing: border-box;
}
/* 테이블 태그 초기화 */
/* .cList table{
    padding:0;
    border:0;
    border-spacing:0px;
    border-collapse:collapse;
}
th, td{
    padding:0;
    border: 0;
} */

/* 넓이 및 스타일링 */
.cList thead .col1 {
  min-width: 105px;
}
.cList thead .col2,
.cList tfoot .col3 {
  min-width: 130px;
}
.cList thead .col3,
.cList tbody .col5,
.cList tfoot .col4 {
  min-width: 70px;
}
.cList thead .col4,
.cList tbody .col6,
.cList tfoot .col5 {
  min-width: 76px;
}
.cList thead .col5,
.cList tbody .col7,
.cList tfoot .col6 {
  min-width: 64px;
}
.cList thead .col6,
.cList tbody .col8,
.cList tfoot .col7 {
  /* width: calc(100% - 566px); */
  min-width: 74px;
}
.cList thead .col7,
.cList tbody .col9 {
  min-width: 79px;
}
.cList thead .col8,
.cList tbody .col10 {
  min-width: 42px;
}
.cList tfoot .col8 {
  min-width: 121px;
}

.cList tbody .col1,
.cList tfoot .col1 {
  min-width: 73px;
}
.cList tbody .col2,
.cList tfoot .col2 {
  min-width: 32px;
}
.cList tbody .col3 {
  min-width: 88px;
}
.cList tbody .col4 {
  min-width: 42px;
}
.cList tbody .col2 span,
.cList tbody .col3 span,
.cList tbody .col4 span,
.cList tbody .col6 span,
.cList tbody .col7 span,
.cList tfoot .col2 span,
.cList tfoot .col3 span,
.cList tfoot .col5 span {
  display: flex;
  height: 31px;
  justify-content: center;
  align-items: center;
}
.cList tbody .col2 span:first-child,
.cList tbody .col3 span:first-child,
.cList tbody .col4 span:first-child,
.cList tbody .col6 span:first-child,
.cList tbody .col7 span:first-child,
.cList tfoot .col2 span:first-child,
.cList tfoot .col3 span:first-child,
.cList tfoot .col5 span:first-child {
  height: 32px;
  border-bottom: 1px solid #CDCDCD;
}

.cList thead .col8 span,
.cList tbody .col10 span {
  /* padding-left: 5px; */
}


.cList tfoot {
  background: #ECFAFF;
  position: absolute;
  bottom: 88px;
  /* bottom: 0; */
  z-index: 10;

}
.cList tfoot tr {
  border-bottom: 0;
}
/* .cList tfoot:after {
  content: "";
  display: block;
  width: 100%;
  height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  background: #D0DCE0;
  z-index: -10;
  border-top: 1px solid #7E7E7E;
} */
.cList tfoot tr:first-child {
  border-top: 1px solid #7E7E7E;
}
.cList tfoot th,
.cList tfoot td {
  font-weight: bold;
  background: #ECFAFF;
}


/* ===================== 3_b_06 ===================== */
.sec3 .middle.cale {
  padding: 0 12px;
}
.sec3 .middle.cale col {
  width: 14.285%;
}

.cale {
  height: calc(100% - 148px);
  overflow: auto;
}
.cale table {
  width: 100%;
  background: #f7f7f7;
}
.cale thead {
  font-size: 13px;
  font-weight: 600;
  /* border-bottom: 1px solid #a4a7ab; */
  position: sticky;
  top: 0;
  background: #f7f7f7;
  z-index: 10;
}
.cale thead:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #a4a7ab;
}
.cale table span {
  /* word-break: keep-all; */
}
.cale thead th {
  height: 30px;
}
.cale thead th:nth-child(even) {
  background: #f2f2f2;
}
.cale thead th:nth-child(1) {
  color: #ff5353;
}
.cale thead th:nth-child(7) {
  color: #009dff;
}
.cale tbody td {
  border-bottom: 1px solid #dadde2;
  border-right: 1px solid #dadde2;
  vertical-align: top;
}
.cale tbody tr:last-child td {
  border-bottom: 0;
}
.cale tbody td:last-child {
  border-right: 0;
}
.cale tbody td > div {
  min-height: 80px;
  padding-bottom: 4px;
}
.cale tbody .holiday {
  color: #ff5353;
}
.cale tbody .day {
  min-height: 39px;
  display: block;
}
.cale tbody .col1 .day b {
  color: #ff5353;
}
.cale tbody .day b {
  font-size: 14px;
  display: block;
  height: 24px;
  line-height: 30px;
  padding: 0 0 0 4px;
  background: url(../images/ic_paper.svg) right top/25px auto no-repeat;
}
.cale tbody .day b.badge {
  background-image: url(../images/ic_paper_badge.svg);
}
.cale tbody .col1 .day b {
  background: transparent;
}
.cale tbody .day span {
  font-size: 12px;
  font-weight: normal;
  display: block;
  padding: 0 0 0 4px;
}
.cale tbody .case {
  font-size: 12px;
  margin: 2px 4px 0;
  border: 1px solid #aeb0b4;
  background: #fff;
  border-radius: 4px;
  padding: 4px;
  position: relative;
}
.cale tbody .case .icDel {
  text-indent: -99999;
  font-size: 0;
  position: absolute;
  top: -5px;
  right: -5px;
  display: none;
  width: 14px;
  height: 14px;
  background: url(../images/ic_del_type2.svg) center/14px auto no-repeat;
  cursor: pointer;
}
.cale tbody .case:hover .icDel {
  display: block;
}
.cale tbody .case span.del {
  text-decoration: line-through;
}
.cale tbody .case span {
  display: block;
}
.cale tbody .disMonth,
.cale tbody .disMonth b {
  color: #aeb0b4 !important;
}
.cale tbody .disMonth .case {
  border: 1px solid #fff !important;
}
.cale tbody .case1 {
  color: #FF5353;
}
.cale tbody .case2 .a0 {
  color: #51AF21;
}
.cale tbody .case3 {
  color: #E08020;
}
.cale tbody .case.case4 {
  border: 1px solid #0A9DFA;
  background: #ecfaff;
}
.cale tbody .case.case5 {
  border: 1px solid #fd5353;
  background: #fff1ec;
}
.cale tbody .case.case6,
.cale tbody .case.case7 {
  border: 1px solid #9d796a;
  background: #ceffe3;
}
.cale tbody .case.case6 .icDel {
  display: block;
}
.cale tbody .case.case7 {
  color: #009dff;
}
.cale tbody .disMonth .case1 {
  color: #ff9898;
}
.cale tbody .disMonth .case3 {
  color: #d1a578;
}


/* ===================== 1_11_P1 ===================== */
#wrap.openW {
  padding: 0;
  min-width: 649px;
  width: 100%;
}
#wrap .contents.p0 {
  padding: 0;
}
#wrap.openW .mGrid1.gCol2.gDetail.show > .col:first-child {
  width: 100%;
}
#wrap.openW .mGrid1.gCol2 {
  height: 100%;
}

/* ===================== 1_06.html ===================== */
.rCon {
  font-size: 14px;
  height: calc(100% - 379px);
  position: relative;
  overflow-y: scroll;
}
.rCon .conT {
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: 0;
}
.rCon .conT > div {
  flex-basis: 0;
  flex-grow: 1;
  background: #f2f2f2;
}
.rCon .conT > div:nth-child(even) {
  background: #e8e8e8;
}
.rCon .conT > div .input-area,
.rCon .conT > div ul {
  height: 130px;
}
.rCon .conT > div > span,
.rCon .conT > div label {
  display: block;
}
.rCon .conT > div > span {
  background: #F8F8F8;
  text-align: center;
  padding: 7px 0;
  font-weight: bold;
  position: relative;
}
.rCon .conT > div:not(:last-child) > span:after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  display: block;
  width: 14px;
  height: 31px;
  background: url(../images/ic_detail_arrow_r_brown.svg) center 7px no-repeat;
  z-index: 100;
}
.rCon .conT .input-area:nth-of-type(odd) {
  padding: 7px 16px;
}

.checkLabel {
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding-bottom: 3px;
    position: relative;
    height: 25px;
    line-height: 23px;
    color: #9d796a;
    margin-bottom: 4px;
}
.checkLabel input {
    margin: 0 15px 0 0;
    cursor: pointer;
}
.checkLabel input:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -3px;
    background: url(../images/ico_checkbox1.svg) 0 0 no-repeat;
    background-size: 25px auto;
    width: 25px;
    height: 25px;
}
.checkLabel input:checked:before {
  background-image: url(../images/ico_checkbox1_a.png);
}
.checkLabel > input:checked {
  /* background-color: transparent !important; */
  /* border: 0 !important; */
}



.rCon .conT ul {
  padding: 10px 13px;
}
.rCon .conT ul li {
  display: flex;
  gap: 6px;
}
.rCon li > span,
.rCon li > strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  color: #333333;
  display: inline-block;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
}
.rCon li > span {
  text-align: right;
  width: 60px;
  text-align: center;
}
.rCon li > strong {
  width: ;
  text-align: right;
  border-radius: 4px;
  padding: 0 4px;
  border: 1px solid #aeb0b4;

  background: #fff;
  font-weight: normal;

  /* display: flex;
  justify-content: ;
  align-items: center; */

  flex-grow: 1;

  margin-bottom: 2px;
}

.rCon .conM {
  background: #fff;
  display: flex;
  height: calc(100% - 214px);

  /* overflow: hidden; */
  overflow-y: scroll;
}
.rCon .conM > div {
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
}
.rCon .conM > div:not(:last-child) {
  border-right: 1px dashed #009dff;
}
.rCon .conM > div:not(:last-child):after {
  /* content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  width: 1px;
  height: 100%;
  border-right: 1px dashed #009dff; */
}
.rCon .conM > div > span {
  display: block;
  text-align: right;
  color: #9d796a;
  font-weight: bold;
  padding-bottom: 10px;
}
.rCon .conM > div > ul li {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}
.rCon .conM > div > ul li:last-child {
  padding-bottom: 20px;
}
.rCon .conM > div > ul li > span {
  flex-wrap: wrap;

  flex-basis: 119px;
  flex-grow: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: bold;
}
.rCon .conM > div > ul li > input {
  border-radius: 4px;
  text-align: right;
  padding: 0 4px;
  font-weight: normal;

  flex-grow: 1;
  flex-basis: 71px;
  min-width: 71px;
}
.rCon .conM .a1,
.rCon .conM .a2 {
  padding: 13px 6px 10px 20px;
}
.rCon .conM .a3 {
  padding: 10px 20px 10px 6px;
}
.h21 {
  height: 21px;
}



.rCon .conB {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  align-items: center;

  padding: 10px 12px;

  position: absolute;
  bottom: 0;

  height: 52px;
  background: #F8F8F8;
  border-radius: 0 0 10px 10px;
}
.cInput-area {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.cLabel1,
.cInput1 {
  font-weight: bold;
}
.cInput1 {
  /* white-space: nowrap; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */

  height: 32px;
  line-height: 32px;
  text-align: right;
  padding: 0 4px;
  min-width: 98px;

  border: 1px solid #c3c3c3;
  background: #edeff4;
  border-radius: 8px;
}
.txtBrown {
  color: #7e4f40 !important;
}
.txtBlue {
  color: #009dff !important;
}
input.blBlue {
  border: 1px solid #009dff;
}
.addList {
  cursor: pointer;
}


/* ===================== 1_07.html ===================== */
.rCon1 .conT {
  display: flex;
  justify-content: space-between;
  /* align-items: stretch; */
}
/* .rCon1 .conT > div {
  flex-basis: 0;
  flex-grow: 1;
} */
.rCon1 .conT > div:first-child {
  flex-grow: 2;
}
.rCon1 .conT > div:last-child {
  flex-grow: 1;
}
.rCon1 .conT > div > span {
  display: block;
  padding: 10px 20px;
  color: #9d796a;
  font-weight: bold;
  background: #fff;
}
.rCon1 ul li {
  display: flex;
  border-bottom: 1px solid #DADADA;
}
.rCon1 ul li > span {
  background: #edeff4;
  width: 120px;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.rCon1 ul li > div {
  padding: 10px;
}
.rCon1 ul li > div > label {
  display: block;
}
.rCon1 ul li > div > input {
  margin-right: 6px;
  text-align: right;
  padding: 0 13px;
}
.rCon1 .col2 > div > input {
  margin-right: 6px;
  border-radius: 4px;
  text-align: right;
}
.rCon1 .checkLabel input:before {
  top: -4px;
}
.rCon1 .aR ul li > div > span {
  display: block;
}
.rCon1 .checkLabel {
  line-height: 17px;
  margin: 4px 0 0;
}
.rCon1 .checkLabel:last-child {
  margin-bottom: 0;
}
.w127 {
  width: 127px;
}
.txt12,
input.txt12 {
  font-size: 12px;
}
.txt14,
input.txt14 {
  font-size: 14px;
}
.w38 {
  width: 38px;
}
.rCon1 .col2 label {
  display: inline-block;
}
.rCon1 .col2 label + input {
  padding: 0 4px;
  margin-left: 8px;
}
.h273 {
  height: 273px;
}
.w87 {
  width: 87px;
}

.rCon1 .conB {
  padding: 20px 12px 0;
  text-align: right;
}
.rCon1 .row2 > div span {
  font-size: 14px;
  font-weight: normal;
  color: #2d2d2d;
  margin-bottom: 6px;
}
.rCon1 .row2 .inputInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  background: #f2f2f2;
  color: #926e5f;
  font-weight: normal;
  border-radius: 8px;
  margin-bottom:10px;
}
.w55 {
  width: 55px;
}


/* ===================== 1_08.html ===================== */
.w144 {
  width: 144px;
}
.w200 {
  width: 200px;
}
.w162 {
  width: 162px;
}
.w114 {
  width: 114px;
}
.w122{
  width: 122px;
}
.w145 {
  width: 145px;
}
.h120 {
  height: 120px;
}
.h138 {
  height: 138px;
}
.h138 {
  height: 138px;
}
.h87 {
  height: 87px;
}
.it.gDate.bgWhite {
  background: url(../images/ico_date1.png) calc(100% - 11px) 50% no-repeat, #fff;
}
.rCon1.rCon2 ul li > span {
  padding: 18px 0;
}
.rCon1.rCon2 ul li:nth-child(2) > div {

}
.rCon1.rCon2 .disClumn {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0 20px;
}
.rCon1.rCon2 .disBlock > div > select,
.rCon1.rCon2 .disBlock > div > input {
  display: block;
  margin-top: 6px;
}
.rCon1.rCon2 ul li > div > input {
  text-align: left;
}

/* ===================== 2_04.html ===================== */
.icoTooltip {
    background-image: url(../images/ic_cell_tooltip.svg);
    display:inline-block;
    width:25px;
    height:25px;
}
.mGrid1 .tdH53 .tabulator-row .tabulator-cell {
  overflow: visible;
}

/* 툴팁 기본 스타일 설정 시작 */
.tooltip {
  position: relative;
}

.tooltip .tooltiptext {
  display: block;
  visibility: hidden;
  width: 98px;
  background-color: #fffaea;
  color: #333333;
  border-radius: 4px;
  padding: 6px 8px;
  border: 1px solid #aeb0b4;

  position: absolute;
  z-index: 100;
  white-space: normal;
  font-size: 12px;
  text-align: left;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  width: 98px;
  top: 0px;
  right: 100%;
}
/* ===================== 2_01_in01.html ===================== */
.mt6 {
  margin-top: 6px;
}
.w284 {
  width: 284px;
}
.w130 {
  width: 130px;
}
.w320 {
  width: 320px;
}
.h80 {
  height: 80px;
}
.w95 {
  width: 95px;
}
.w45 {
  width: 45px;
}
.w107 {
  width: 107px;
}
.w90 {
  width: 90px;
}
.ml6 {
  margin-left: 6px;
}
.w194 {
  width: 194px;
}
.mList2 dt.lh18 {
  line-height: 18px;
}
.popup.w1017 {
  width: 1017px;
  transform: translate( -50%, -50%);
  margin: 0;
}
.mList2 dt {
  font-size: 14px;
}
.mList2 input,
.mList2 .select {
  font-size: 14px;
  font-weight: 600;
}
.mRadio2 input {
  display: none;
}
.mRadio2 span {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #aeb0b4;
  width: 40px;
  height: 32px;
  line-height: 32px;
  margin: 0 0 0 1px;
  background: #F8F8F8;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
.mRadio2 input:checked + span {
  color: #fff;
  background: #9d796a;
  border: 1px solid #9d796a;
}

.checkLabel.single1 {
  margin-left: 20px;
}
.checkLabel.single1 input:before {
  top: -4px;
}
.checkLabel.single1 input {
  margin-right: 11px;
}
.mPopup1 .scrollY {

}
.mFlex1 .col.mList1 {
  flex-grow: 0.8;
}
.mFlex1 .col.mList1 + .col.mList1 {
  /* flex-basis: 0; */
  flex-grow: 1.2;
}
.mFlex1.line1.line2:before {
  top: 0;
  right: 0;
  width: 0px;
}
.mFlex1 .col.mList1 + .col.mList1 {
    border-left: 1px solid rgba(51,51,51,0.3);
}
.disBlock {
  display: block;
}
.txtBlack {
  color: #2d2d2d;
}
.checkLabel.single1.ml10 {
  margin-left: 10px;
}

/* ===================== 2_01_in02.html ===================== */
.mSort1 .sort .it.w153 {
  width: 153px;
}
.mPopup1 .popup.w572 {
  width: 572px;
}
.mPopup1 .popup.center {
  margin: 0;
  transform: translate(-50%, -50%);
}
.mGrid1.modalSt1 {
  background-color: transparent;
}
.mCount1.h15 {
  padding: 6px 0;
}
.mGrid1.h518 .tabulator {
  height: 518px;
}
.mPopup1 .cont .modalSt1 .tabulator {
  background-color: #F8F8F8;
}
/* ===================== 2_02.html ===================== */
.mGrid1.of-hidden .tdH53 .tabulator-row .tabulator-cell {
  overflow-x: hidden;
  white-space: normal;
}
/* ===================== 2_02_in01.html ===================== */
.mSort1 .mDate1 .day a.w70 {
  width: 70px;
}
.button.flexCenter {
  display: flex;
  justify-content: flex-end;
  align-items: center;

}
.mRadio2 span.w70 {
  width: 70px;
}
.w48 {
  width: 48px;
}
.w286 {
  width: 286px;
}
.h64 {
  height: 64px;
}
.mDate1.reset {
  background-color: transparent;
  /* padding: 0; */
  line-height: initial;
  line-height: 31px;
  height: auto;
}
.w40 {
  width: 40px;
}
.popup.w652 {
  width: 652px;
}
/* ===================== 2_02_in02.html ===================== */
.mGrid1.tdH40.of-hidden .tabulator-row .tabulator-cell {
  overflow-x: hidden;
  white-space: normal;
}
.txt12 .tabulator-row .tabulator-cell {
  font-size: 12px;
}
.mSort1 .mDate1 .select.w80 {
  width: 80px;
}
/* ===================== 2_07.html ===================== */
.icoPaper {
  background-size: 25px;
}
/* ===================== 2_07_in01.html ===================== */
.popup.w1143 {
  width: 1143px;
}
.mFlex1.fifty .col.mList1,
.mFlex1 .col.mList1 + .col.mList1 {
  flex-basis: 0;
  flex-grow: 1;
}
.mDate1 .day a.w60 {
  width: 60px;
}
.w100 {
  width: 100px;
}
.textR input {
  text-align: right;
  padding-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.mDate1.reset {
  /* height: 45px; */
}
.checkLabel.single1.ml15 {
  margin-left: 15px;
}
.h47 {
  height: 47px;
}
.mPopup1 .cont .mGrid1.h366 {
  height: 366px;
}
.ml15 {
  margin-left: 15px;
}
.tt {
  font-size: 14px;
  margin-right: 8px;
  font-weight: bold;
}
.tabulator .tabulator-header {
  /* 테이블 헤더 폰트 굵기 */
  font-weight: ;
}
.mGrid1.tdH40 .tabulator-row .tabulator-cell {
  /* 툴팁 보이게 */
    overflow: visible;
}
.popup .tt2 {
  display: block;
  padding: 15px 0 25px;
}
.tCol2 {
  text-align: right;
  padding: 0 6px;
}
.tCol2 li {
  /* white-space: nowrap; */
  /* overflow: hidden; */
  text-overflow: ellipsis;

  padding-left: 20px;
}
.tCol2 .s1 {
  background: url(../images/ico_s1.jpg) left center/16px auto no-repeat;
}
.tCol2 .s2 {
  background: url(../images/ico_s2.jpg) left center/16px auto no-repeat;
}
.tCol2 .s3 {
  background: url(../images/ico_s3.jpg) left center/16px auto no-repeat;
}
.txtCC {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mBtn1.primary.btnBlue {
  background: #009dff;
  color: #fff;
}
.icoDeleteS {
  display: inline-block;
  background: url(../images/ic_del_small.svg) center/14px 14px no-repeat;
  text-indent: -9999px;
  font-size: 0;
  width: 25px;
  height: 25px;
}
.mPopup1 .popup.w632 {
  width: 632px;
}
.w300 {
  width: 300px;
}
.w100per {
  width: 100%;
}
.txtPrimary3 {
  line-height: 17px;
  padding: 10px 13px;
  height: 100px;
  overflow-y: scroll;
}
.txtNormal {
  font-weight: normal;
}


/* ===================== 2_10_in01.html ===================== */
.mRadio2 span.w90 {
  width: 90px;
}
.mRadio2 span.w120 {
  width: 120px;
}
.popup.w675 {
  width: 675px;
}
.mList2 dt.lh16 {
  line-height: 16px;
}
.h320 {
  height: 320px;
}
/* ===================== 2_09.html ===================== */
.txtOrange {
  color: #e08020;
}
.mTxt1.bdRed {
  border: 1px solid #ff5353;
}
.mTxt1.bdOrange {
  border: 1px solid #e08020;
}
.mTxt1.bdGreen {
  border: 1px solid #51af21;
}
.mTxt1.bdBlack {
  border: 1px solid #6c6c6c;
}

/* ===================== 5_04.html ===================== */
.tabulator-row .tabulator-cell {
  overflow: visible;
}
.flxCC {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabulator-row .tabulator-cell .it.m0 {
  margin: 0 auto;
  padding: 0 6px;
}
.tabulator-row .tabulator-cell .it.txtR {
  /* text-align: right; */
}
.tableInput .tabulator-row .tabulator-cell {
  height: 54px;
  padding: 11px 6px;
}
#data-table.tableInput .tabulator-tableholder .gCheckbox1 input[type="checkbox"] {
  top: 7px;
}
.tableInput input:disabled,
.tableInput .nice-select.disabled {
  text-decoration: underline;
  border: 0;
  background: transparent;
  font-size: 13px;
  color: #000;

  -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}
.tableInput .nice-select.disabled {
  padding: 0 10px;
}
.tableInput .nice-select.disabled:after {
  display: none;
}
.tableInput .nice-select {
  transition: all 0s;
}
/* 리스트 행 클릭시 인풋 활성화 CSS start */
.disabled {
  pointer-events: none;
}
/* 리스트 행 클릭시 인풋 활성화 CSS end */

.icoSave.icoHide {
  display: none;
}
/* ===================== 5_05.html ===================== */
.txtCC .checkLabel {
    margin: 0;
    position: relative;
}
.txtCC .checkLabel input {
  top: 3px;
  z-index: 50;
}
.chY {
  position: absolute;
  top: 4px;
  left: 2px;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 13px;
  visibility: hidden;
  z-index: 10;
}
.txtCC input.icoHide {
  visibility: hidden;
}
.txtCC .chbox:checked + .chY {
  visibility: visible;
}
/* ===================== 1_17_in01_popup1 ===================== */
.mPopup1 .popup.w586 {
  width: 586px;
}
.txt14 {
  font-size: 14px;
}
.w224 {
  width: 224px;
}
.w150 {
  width: 150px;
}
.w400 {
  width: 400px;
}
.it.gDate.w105 {
  width: 105px;
}
.it.gDate.calenSt1 {
  background: #fff;
  border: solid 1px #c3c3c3;
}
.txt14 input,
.txt14 option,
.txt14 textarea {
  font-size: 14px;
}
.txt14 dt {
  font-size: 14px;
}
/* ===================== 1_15_in01_popup1 ===================== */
.w173 {
  width: 173px;
}
.it.gDate.w131 {
  width: 131px;
}
/* ===================== 1_04_in01_popup1 ===================== */
.mRadio2 span.w95 {
  width: 95px;
}
.w225 {
  width: 225px;
}
.popup.w872 {
  width: 872px;
}
.nice-select .list {
  min-width: fit-content;
}

/* ===================== 4_01_???.html ===================== */
.hasTotal2.tabulator .tabulator-table .tabulator-row:last-child .tabulator-cell {
  border-color: #d5d5d5;
  background-color: #ecfaff;
  color: #009dff;
}
.hasTotal2.tabulator .tabulator-table .tabulator-row:last-child .tabulator-cell:nth-of-type(-n+7) {
  border-color: #ecfaff;
}
.hasTotal2.tabulator .tabulator-table .tabulator-row:last-child .tabulator-cell input {
  display: none;
}
.txtCenter {
  text-align: center;
}

/* ===================== 2_04_in01.html ===================== */
.enableRadio.radioOff input[type="checkbox"] + span {
  color: #aeb0b4;
}
.enableRadio input[type="checkbox"] + span {
  /* color: #2d2d2d; */
}
.checkLabel.radioOff input:checked:before {
  background: url(../images/ico_checkbox1.svg) 0 0 no-repeat;
}
.mList2 input, .mList2 .select.txt12 {
  font-size: 12px;
}
/* ===================== 2_03.html ===================== */
.mSort1 .sort .it.w155 {
  width: 155px;
}
.mCount1.pa5 {
  padding: 5px;
}
/* ===================== 2_05.html ===================== */
.hasTotal2.tabulator .tabulator-table .tabulator-row:last-child .tabulator-cell:nth-of-type(-n+5) {
  display: none !important;
}
.hasTotal2.tabulator .tabulator-table .tabulator-row:last-child .tabulator-cell:nth-of-type(6) {
  width: calc(100% - 200px) !important;
}
/* ===================== 1_19_in01.html ===================== */
.w108 {
  width: 108px;
}
.mRadio2 span.w80 {
  width: 80px;
}
.lh31 {
  line-height: 31px;
}
.mRadio2 span.lh30 {
  line-height: 30px;
}
.mPopup1 .popup.w487 {
  width: 487px;
}
/* ===================== 1_19_in02.html ===================== */
.popup .cont3 {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  padding-top: 25px;
}
.mPopup1 .mButton1.mButton3 {
}
.mPopup1 .mButton1.mButton3 .mBtn1 {
  display: block;
  width: 197px;
  margin: 10px auto 0;
}
.mPopup1 .popup.pd2530 {
  padding: 0 0 30px;
}
.txt18 {
  font-size: 18px;
}
.lh26 {
  line-height: 26px;
}
.mt16 {
  margin-top: 16px;
}
/* ===================== 1_10.html ===================== */
.mDate1.flex .gRt .mBtn1.iAdd {
  padding: 0 19px;
}
.mBtn1.iAdd span {
  background: url(../images/ic_add.svg) 0 50% no-repeat;
}
/* ===================== 1_10_in01.html ===================== */
.w250 {
  width: 250px;
}
.mFile1 .it.w250 {
  width: 250px;
}
.w586 {
  width: 586px;
}
.txt_lightGray1 {
  color: #aeb0b4;
}

.fileWrap {
  position: relative;
}
#deleteFileBtn {
  position: absolute;
  height: 32px;
  width: 32px;
  left: 215px;
  background: url(../images/ic_del2.svg) center no-repeat;
  /* text-indent: -9999px; */
  /* font-size: 0; */
  cursor: pointer;
}
.fileCust1 {
  font-size: 12px;
  line-height: 32px;
  height: 32px;
  border-radius: 8px;
  border: solid 1px #c3c3c3;
  background-color: #fff;
  padding: 0 32px 0 0;
  color: #aeb0b4;
}
.fileCust1::file-selector-button {
  width: 0px;
  height: 0px;
  background: #fff;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  &:hover {
    background: rgb(77,77,77);
    color: #fff;
  }
}
.dp-block {
  display: block;
}

/* ===================== 9_01.html ===================== */
.mLnb1 li.i10 a {
  letter-spacing: -1.8px;
}
.txtPrimary2.st1 {
  line-height: 20px;
  height: auto;
  padding: 6px 13px;
}
.txtPrimary2.st2 {
  background: none;
}
.mh169 {
  min-height: 169px;
}
.mt5 {
  margin-top: 5px;
}
.answer {
  padding-left: 20px;
  padding-top: 8px;
  position: relative;
}
.answer a {
  color: #a47768;
}
.answer a::before {
  content: '┖';
  display: inline-block;
  width: 20px;
  height: 15px;
  position: absolute;
  top: 6px;
  left: 0;
}

/* 파일추가 인풋 스타일 Start */
.mFile1,
.gDelete {
    position: relative;
}
.gDelete.show {
  display: inline;
}
.gDelete.show .delete {
    display: block;
    top: 4px;
}
.gDelete span, .gDelete .delete {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 14px;
    height: 14px;
    background: url(../images/ico_delete2.png) 0 0 no-repeat;
    cursor: pointer;
    display: none;
    text-indent: -9999px;
    font-size: 0;
}
.mFile1 .btn {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 32px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: middle;
}
/* 파일추가 인풋 스타일 end */


/* 셀렉트 박스 스크롤 */
.nice-select.open .list {
  height: 270px;
  overflow: scroll;
}

.isBtn {
    cursor: pointer;
}