@charset "utf-8";
@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-display: swap;
  src: local('Pretendard Black'), url('../font/Pretendard-Black.woff2') format('woff2'), url('../font/Pretendard-Black.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-display: swap;
  src: local('Pretendard ExtraBold'), url('../font/Pretendard-ExtraBold.woff2') format('woff2'), url('../font/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: local('Pretendard Bold'), url('../font/Pretendard-Bold.woff2') format('woff2'), url('../font/Pretendard-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: swap;
  src: local('Pretendard SemiBold'), url('../font/Pretendard-SemiBold.woff2') format('woff2'), url('../font/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: local('Pretendard Medium'), url('../font/Pretendard-Medium.woff2') format('woff2'), url('../font/Pretendard-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: local('Pretendard Regular'), url('../font/Pretendard-Regular.woff2') format('woff2'), url('../font/Pretendard-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: local('Pretendard Light'), url('../font/Pretendard-Light.woff2') format('woff2'), url('../font/Pretendard-Light.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-display: swap;
  src: local('Pretendard ExtraLight'), url('../font/Pretendard-ExtraLight.woff2') format('woff2'), url('../font/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-display: swap;
  src: local('Pretendard Thin'), url('../font/Pretendard-Thin.woff2') format('woff2'), url('../font/Pretendard-Thin.woff') format('woff');
}

.kicpa-layer-content * {
  font-family: 'Pretendard';
  font-weight: 400;
}

.kicpa-layer-content a {
  text-decoration: none;
}

.kicpa-layer-content.bg {
  background: #FAFAFA;
  padding-bottom: 0;
}

.kicpa-layer-content.bg2 {
  background: #EFF1F4;
}

.kicpa-layer-content select, .kicpa-modal select {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: 0;
  outline: none;
}

.kicpa-layer-content table, .kicpa-layer-content th, .kicpa-layer-content td {
  border-collapse: collapse;
  border-spacing: 0;
}


.kicpa-layer-content .close {
  position: absolute;
  top: 26px;
  right: 26px;
  width: 60px;
  height: 60px;
  background: url('../image/img_close.png') center center no-repeat;
  text-indent: -9999px;
  border: 0;
  cursor: pointer;
}

.kicpa-layer-content {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  padding-bottom: 100px;
}

.kicpa-layer-content .buttons, .kicpa-layer-content .buttons2 {
  font-size: 0;
  text-align: center;
}

.kicpa-layer-content .buttons.two .button, .kicpa-layer-content .buttons2.two .button {
  width: 50%;
  display: inline-block;
}

.kicpa-layer-content .buttons.two .button:first-child a, .kicpa-layer-content .buttons2.two .button:first-child a {
  margin-right: 10px;
}

.kicpa-layer-content .buttons.two .button:last-child a, .kicpa-layer-content .buttons2.two .button:last-child a {
  margin-left: 10px;
}

.kicpa-layer-content .button.short {
  margin: 0 auto;
  display: inline-block;
  margin: 0 10px;
}

.kicpa-layer-content .button a {
  display: block;
  height: 60px;
  line-height: 60px;
  border-radius: 60px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  box-sizing: border-box;
  border: 0;
}

.kicpa-layer-content .button.line a {
  color: #000;
  border: 1px solid #CBCED3;
  background: #FDFDFD;
}


.kicpa-layer-content .button.full a {
  color: #fff;
  background: #002160;
}

.kicpa-layer-content .button a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  box-sizing: border-box;
  border: 0;
  padding: 0;
}

.kicpa-layer-content .button.line2 a {
  color: #000;
  border: 1px solid #CBCED3;
  background: #EAECEF;
}


.kicpa-layer-content .button.full2 a {
  color: #fff;
  border: 1px solid #73A7E0;
  background: #73A7E0;
}

.kicpa-layer-content .lnb {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 360px;
  height: 100%;
  background: #F3F4F5;
  box-sizing: border-box;
  padding: 65px 0 0 65px;
}

.kicpa-layer-content .lnb a {
  color: #AAA;
  font-size: 19px;
  display: block;
  padding: 9px 0 9px 32px;
  line-height: 150%;
  background: url('../image/img_lnb-check_off.png') 0 15px no-repeat;
}

.kicpa-layer-content .lnb a.active {
  color: #003473;
  background: url('../image/img_lnb-check_on.png') 0 15px no-repeat;
}

.kicpa-layer-content .lnb.v2 a.active {
  color: #003473;
  background: url('../image/img_lnb-check_on2.png') 0 15px no-repeat;
}

.kicpa-layer-content .lnb.v3 a.active {
  color: #003473;
  background: url('../image/img_lnb-check_on3.png') 0 15px no-repeat;
}

@media only screen and (max-width: 1280px) {
  .kicpa-layer-content .lnb {
    width: 280px;
    padding-left: 35px
  }
}

.kicpa-layer-content .contents {
  margin: 0 0 0 360px;
  box-sizing: border-box;
  padding: 71px 114px 0 114px;
}

.kicpa-layer-content .contents-title h1 {
  color: #000;
  font-size: 42px;
  font-weight: 200;
}

.kicpa-layer-content .contents-title p {
  font-size: 18px;
  margin-top: 18px;
  line-height: 150%;
}

@media only screen and (max-width: 1280px) {
  .kicpa-layer-content .contents {
    margin: 0 0 0 280px;
    padding: 71px 50px 0 50px;
  }
}

.kicpa-layer-content .textarea {
  display: block;
  padding: 17px;
  background: #F8F8F8;
  border: 1px solid #EAECEF;
}

.kicpa-layer-content .textarea textarea {
  background: none;
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 13px;
  color: #707070;
  line-height: 150%;
}

.kicpa-layer-content .textarea.white {
  background: #fff;
  border: 1px solid #D4D6D9;
}

.kicpa-layer-content {
  & .modal-inner:has(.scroll-wrap) {
    height: 718px;
  }

  & .scroll-wrap {
    overflow-y: auto;
    height: 400px;
  }

  & .modal-result-detail {
    & .check {
      display: inline-block;
      vertical-align: top;
      margin: 7px 0;

      &.price {
        & input[type=checkbox] {
          + label {
            display: flex;
            justify-content: space-between;
            font-size: 14px;
          }
        }
      }
    }
  }

  & .modal-result {
    &.modal-result-detail {
      margin-bottom: 20px;

      & table {
        border-top: 1px solid #D5D5D5;

        & thead {
          & th {
            height: 32px;
            border-right: 1px solid #D5D5D5;
            border-bottom: 1px solid #D5D5D5;

            &:first-child {
              border-left: 1px solid #D5D5D5;
            }
          }


        }

        & tbody {
          & td {
            padding: 4px;
            border-bottom: 1px solid #EFEFEF;
          }
        }
      }
    }
  }
}

.kicpa-layer-content .check.nan {
  margin: 0;
}

.kicpa-layer-content .check.w5 {
  width: 20%;
}

.kicpa-layer-content .check.w3 {
  width: 33.33%;
}

.kicpa-layer-content .check input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.kicpa-layer-content .check input[type=checkbox] + label {
  position: relative;
  padding-left: 27px;
  color: #1D1D1D;
  font-size: 16px;
  cursor: pointer;
  display: block;
}

.kicpa-layer-content .check input[type=checkbox] + label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #CBCED3 url("../image/img_checkbox-check.png") center center no-repeat;
  background-size: 50%;
  box-sizing: border-box;
}

.kicpa-layer-content .check input[type=checkbox]:checked + label:before {
  background: #F15C3B url("../image/img_checkbox-check.png") center center no-repeat;
  background-size: 50%;
}

.kicpa-layer-content .check.solo {
  margin-right: 7px;
}

.kicpa-layer-content .check.solo input[type=checkbox] + label {
  width: 20px;
  height: 20px;
  padding-left: 0;
}

.kicpa-layer-content .checkbox-type1 {
  margin-top: 16px;
  display: block;
}

.kicpa-layer-content .checkbox-type1 input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.kicpa-layer-content .checkbox-type1 input[type=checkbox] + label {
  position: relative;
  padding-left: 32px;
  height: 24px;
  line-height: 24px;
  color: #CBCED3;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  display: block;
}

.kicpa-layer-content .checkbox-type1 input[type=checkbox] + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  background: #CBCED3 url("../image/img_checkbox-check.png") center center no-repeat;
  background-size: 50%;
  box-sizing: border-box;
}

.kicpa-layer-content .checkbox-type1 input[type=checkbox]:checked + label {
  color: #1983F7;
}

.kicpa-layer-content .checkbox-type1 input[type=checkbox]:checked + label:before {
  background: #1983F7 url("../image/img_checkbox-check.png") center center no-repeat;
  background-size: 50%;
}

.kicpa-layer-content .checkbox-type1.green input[type=checkbox]:checked + label {
  color: #24B5B6;
}

.kicpa-layer-content .checkbox-type1.green input[type=checkbox]:checked + label:before {
  background: #24B5B6 url("../image/img_checkbox-check.png") center center no-repeat;
  background-size: 50%;
}

.kicpa-layer-content .checkbox-type2 {
  margin-top: 10px;
  display: block;
}

.kicpa-layer-content .checkbox-type2 input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.kicpa-layer-content .checkbox-type2 input[type=checkbox] + label {
  position: relative;
  padding-left: 27px;
  height: 20px;
  line-height: 20px;
  color: #CBCED3;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: block;
}

.kicpa-layer-content .checkbox-type2 input[type=checkbox] + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #CBCED3 url("../image/img_checkbox-check.png") center center no-repeat;
  background-size: 50%;
  box-sizing: border-box;
}

.kicpa-layer-content .checkbox-type2 input[type=checkbox]:checked + label {
  color: #1983F7;
}

.kicpa-layer-content .checkbox-type2 input[type=checkbox]:checked + label:before {
  background: #1983F7 url("../image/img_checkbox-check.png") center center no-repeat;
  background-size: 50%;
}

.kicpa-layer-content .radio-group {
  margin: 22px 0 25px 10px;
}

.kicpa-layer-content .radio {
  display: inline-block;
  margin-right: 56px;
}

.kicpa-layer-content .radio input[type=radio] {
  opacity: 0;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.kicpa-layer-content .radio input[type=radio] + label {
  position: relative;
  padding-left: 27px;
  color: #CBCED3;
  font-size: 16px;
  cursor: pointer;
  display: block;
}

.kicpa-layer-content .radio input[type=radio] + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: url("../image/img_radio_off.png") center center no-repeat;
  background-size: 18px 18px;
  box-sizing: border-box;
}

.kicpa-layer-content .radio input[type=radio]:checked + label:before {
  background: url("../image/img_radio_on.png") center center no-repeat;
  background-size: 18px 18px;
}

.kicpa-layer-content .mix-input {
  border: 1px solid #EAECEF;
  font-size: 0;
  height: 56px;
  box-sizing: border-box;
  background: #fff;
}

.kicpa-layer-content .mix-input input {
  height: 54px;
  border: 0;
  color: #003473;
  font-size: 16px;
  outline: none;
  box-sizing: border-box;
  background: transparent;
}

.kicpa-layer-content .mix-input input::placeholder {
  color: #003473;
  font-size: 16px;
}

.kicpa-layer-content .mix-input dl {
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
}

.kicpa-layer-content .mix-input dt {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 56px;
}

.kicpa-layer-content .mix-input dd {
  display: inline-block;
}

.kicpa-layer-content .mix-input dl:first-child dt {
  width: 62px;
}

.kicpa-layer-content .mix-input dl:first-child dd {
  margin-left: 62px;
}

.kicpa-layer-content .mix-input dl:last-child dt {
  width: 90px;
}

.kicpa-layer-content .mix-input dl:last-child dd {
  margin-left: 90px;
}

.kicpa-layer-content .rule-box .rule-box-title {
  display: block;
  font-size: 13px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}

.kicpa-layer-content .profile-picture {
  position: relative;
}

.kicpa-layer-content .profile-picture-title {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  width: 106px;
  position: absolute;
  top: 0;
  left: 0;
}

.kicpa-layer-content .profile-picture-title:after {
  content: '*';
  color: #F28744;
  font-size: 14px;
  font-weight: 700;
}

.kicpa-layer-content .profile-picture-form {
  margin: 0 0 0 106px;
  border: 1px solid #EAECEF;
  text-align: center;
  padding: 185px 0 91px 0;
  background: #FFF;
}

.kicpa-layer-content .profile-picture-form .picture {
  display: block;
}

.kicpa-layer-content .profile-picture-form .file_selection {
  color: #111;
  display: block;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #D4D6D9;
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin: 84px auto 0 auto;
}

.kicpa-layer-content .profile-picture-form .file_selection input {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

.kicpa-layer-content .tips {
  margin-top: 35px;
  text-align: left;
  display: inline-block;
}

.kicpa-layer-content .tips li {
  font-size: 13px;
  color: #151515;
}

.kicpa-layer-content .tips2 {
  text-align: left;
  display: inline-block;
}

.kicpa-layer-content .tips2 li {
  font-size: 13px;
  color: #151515;
}

.kicpa-layer-content .input-group {
  position: relative;
}

.kicpa-layer-content .input-group.active > .input, .kicpa-layer-content .input-group.active > .select {
  border: 1px solid #24B5B6;
}

.kicpa-layer-content .input-group.active > label {
  color: #24B5B6;
}

.kicpa-layer-content .input-group.active label:after {
  color: #24B5B6 !important;
}

.kicpa-layer-content .input-group.error > .input, .kicpa-layer-content .input-group.error > .select {
  border: 1px solid #F15C3B;
}

.kicpa-layer-content .input-group.error > label {
  color: #F15C3B;
}

.kicpa-layer-content .input-group.required > label:after {
  content: ' *';
  font-size: 14px;
  color: #F28744;
  font-weight: 700;
}

.kicpa-layer-content .input-group > label {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 0 0 12px 0;
}

.kicpa-layer-content .input-group .file {
  position: relative;
}

.kicpa-layer-content .input-group .file .action-buttons {
  font-size: 0;
  position: absolute;
  top: 2px;
  right: 0;
}

.kicpa-layer-content .input-group .file .file-button {
  width: 100px;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  border: 1px solid #D4D6D9;
  background: none;
  margin-right: 8px;
  padding: 0;
}

.kicpa-layer-content .input-group .file .action-button {
  width: 32px;
  height: 28px;
  line-height: 28px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  border: 1px solid #aaa;
  background: none;
  text-indent: -9999px;
  margin-left: 3px;
}

.kicpa-layer-content .input-group .file .action-button.add {
  background: url("../image/img_add.png") center center no-repeat;
}

.kicpa-layer-content .input-group .file .action-button.delete {
  background: url("../image/img_delete.png") center center no-repeat;
}

.kicpa-layer-content .message {
  font-size: 11px;
  font-weight: 500;
  color: #24B5B6;
  margin-top: 15px;
}

.kicpa-layer-content .required-message {
  font-size: 12px;
  color: #F15C3B;
  font-weight: 500;
  background: url("../image/img_noti.png") 0 center no-repeat;
  padding-left: 20px;
  margin-top: 8px;
}

.kicpa-layer-content .input {
  position: relative;
  display: block;
  border-radius: 40px;
  box-sizing: border-box;
  border: 1px solid #D4D6D9;
  overflow: hidden;
}

.kicpa-layer-content .input.inline {
  display: inline-block;
  vertical-align: top;
}

.kicpa-layer-content .input input {
  width: 100%;
  height: 40px;
  color: #000;
  font-size: 14px;
  border: 0;
  border-radius: 40px;
  text-indent: 12px;
}

.kicpa-layer-content .input.readonly {
  /* border: 0; */
}

.kicpa-layer-content .input.readonly input {
  /* font-size: 16px;
text-indent: 0; */
}

.kicpa-layer-content .input-group .file .input {
  border-radius: 0;
  margin-right: 190px;
}

.kicpa-layer-content .input-group .file.long .input {
  margin-right: 108px;
}

.kicpa-layer-content .input-group .file.long .file-button {
  margin-right: 0;
}

.kicpa-layer-content .input-group .file .input input {
  height: 34px;
  text-indent: 10px;
  border-radius: 0;
}

.kicpa-layer-content .input-group .addr .input {
  margin-top: 10px;
}

.kicpa-layer-content .input-group .addr .input:first-child {
  margin-top: 0;
}

.kicpa-layer-content .input.mix {
  border: 0;
}

.kicpa-layer-content .input.mix input {
  max-width: 535px;
  border: 1px solid #D4D6D9;
}

.kicpa-layer-content .input.mix button {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #D4D6D9;
  font-size: 14px;
  background: none;
  border-radius: 20px;
  cursor: pointer;
  padding: 0;
}

.kicpa-layer-content .input .add {
  border: 0;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  right: 0;
  width: 59px;
  height: 40px;
  cursor: pointer;
  background: url("../image/img_add2.png") center center no-repeat;
}

.kicpa-layer-content .input .calendar-button {
  border: 0;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  right: 0;
  width: 59px;
  height: 40px;
  cursor: pointer;
  background: url("../image/img_cal.png") center center no-repeat;
}

.kicpa-layer-content .input input::placeholder {
  color: #CBCED3;
}

.kicpa-layer-content .select {
  display: block;
  border-radius: 40px;
  box-sizing: border-box;
  border: 1px solid #D4D6D9;
  overflow: hidden;
  box-sizing: border-box;
}

.kicpa-layer-content .select select {
  width: 100%;
  height: 40px;
  color: #000;
  font-size: 14px;
  border: 0;
  border-radius: 40px;
  text-indent: 12px;
  background: url("../image/img_select-arrow_off.png") calc(100% - 20px) center no-repeat;
}

.kicpa-layer-content .responsive-form-box > ul {
  font-size: 0;
}

.kicpa-layer-content .responsive-form-box > ul > li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin-bottom: 25px;
  box-sizing: border-box;
}

.kicpa-layer-content .responsive-form-box > ul > li.block {
  position: relative;
  display: block;
  width: auto;
}

.kicpa-layer-content .responsive-form-box > ul > li:nth-child(even) {
  padding-left: 10px;
}

.kicpa-layer-content .responsive-form-box > ul > li:nth-child(odd) {
  padding-right: 10px;
}

.kicpa-layer-content .responsive-form-box > ul > li.block:nth-child(even) {
  padding-left: 0;
}

.kicpa-layer-content .responsive-form-box > ul > li.block:nth-child(odd) {
  padding-right: 0px;
}

.kicpa-layer-content .responsive-form-box > ul > li.short {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px 45px 10px !important;
}

.kicpa-layer-content .responsive-form-box > ul > li.middle {
  width: 66.66%;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px 45px 10px !important;
}

.kicpa-layer-content .responsive-form-box > ul > li.block > ul {
  width: 670px;
  margin-left: -10px;
}

.kicpa-layer-content .responsive-form-box > ul > li.block .short {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px 0 10px !important;
  box-sizing: border-box;
}

.kicpa-layer-content .responsive-form-box > ul > li.block .middle {
  width: 66.66%;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px 0 10px !important;
  box-sizing: border-box;
}

.kicpa-layer-content .responsive-form-box > ul > li.block.line {
  border-top: 1px solid #D4D6D9;
}

.kicpa-layer-content .form-title {
  position: relative;
  border-top: 1px solid #DCDCDC;
  padding: 22px 0 0 0;
  margin-bottom: 45px;
}

.kicpa-layer-content .form-title h2 {
  font-size: 18px;
  font-weight: 700;
}

.kicpa-layer-content .form-title button {
  position: absolute;
  top: 15px;
  right: 0;
  width: 30px;
  height: 30px;
  background: url("../image/img_delete2.png") center center no-repeat;
  border: 0;
  text-indent: -9999px;
  cursor: pointer;
}

.kicpa-layer-content .form-title2 {
  position: relative;
  border-bottom: 1px solid #DCDCDC;
  padding: 50px 0 13px 0;
  margin-bottom: 45px;
}

.kicpa-layer-content .form-title2 h2 {
  font-size: 21px;
  font-weight: 600;
  display: inline-block;
}

.kicpa-layer-content .form-title2 button {
  margin-left: 5px;
  width: 14px;
  height: 14px;
  background: url("../image/img_delete3.png") center center no-repeat;
  border: 0;
  text-indent: -9999px;
  cursor: pointer;
}

.kicpa-layer-content .gray-button {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #F7F7F8;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  cursor: pointer;
  border: 1px solid #EAECEF;
  color: #677A90;
  padding: 0;
}

.kicpa-layer-content .gray-button.icon:before {
  content: '';
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  background: url("../image/img_add3.png") center center no-repeat;
  margin-right: 5px;
}

.kicpa-layer-content .final-box {
  margin-top: 70px;
}

.kicpa-layer-content .final-box h2 {
  font-size: 14px;
  color: #1983F7;
  font-weight: 600;
}

.kicpa-layer-content .final-box table {
  width: 100%;
  background: rgba(169, 204, 244, 0.1);
  margin-top: 12px;
}

.kicpa-layer-content .final-box table thead th {
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  border-bottom: 1px solid #EAECEF;
  text-align: left;
  box-sizing: border-box;
  padding-left: 27px;
}

.kicpa-layer-content .final-box table tbody th {
  font-size: 14px;
  font-weight: 600;
  box-sizing: border-box;
  text-align: left;
  padding-left: 27px;
}

.kicpa-layer-content .final-box table tbody td {
  font-size: 17px;
  color: #414141;
  padding: 10px;
  line-height: 150%;
}

.kicpa-layer-content .final-box table tbody tr:first-child th, .kicpa-layer-content .final-box table tbody tr:first-child td {
  padding-top: 20px;
}

.kicpa-layer-content .final-box table tbody tr:last-child th, .kicpa-layer-content .final-box table tbody tr:last-child td {
  padding-bottom: 20px;
}


.kicpa-layer-content .final-box.v2 h2 {
  font-size: 19px;
  color: #000;
  font-weight: 700;
}


.kicpa-layer-content .final-box.v2 .final-box-inner {
  background: rgba(169, 204, 244, 0.1);
  padding: 0 26px 0 26px;
}

.kicpa-layer-content .final-box.v2 table {
  background: none;
}

.kicpa-layer-content .final-box.v2 table thead th {
  padding-top: 10px;
  padding-left: 0;
}

.kicpa-layer-content .final-box.v2 table tbody th {
  padding-left: 0;
}

.kicpa-alert {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3)
}

.kicpa-alert .alert-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 420px;
  height: 270px;
  box-sizing: border-box;
  padding: 60px 0 0 0;
  background: #fff;
  transform: translate(-50%, -50%);
  box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.3);
}

.kicpa-alert .alert-text {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  line-height: 150%;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kicpa-alert .alert-buttons {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  width: 100%;
  font-size: 0;
}

.kicpa-alert2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3)
}

.kicpa-alert2 .alert-title {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  display: block;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  width: 100%;
}

.kicpa-alert2 .alert-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 400px;
  box-sizing: border-box;
  background: #fff;
  transform: translate(-50%, -50%);
  box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.3);
}

.kicpa-alert2 .alert-text {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  line-height: 150%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
  letter-spacing: -2px;
}

.kicpa-alert2 .alert-text span {
  display: inline-block;
  display: contents;
  color: #24B5B6;
  font-weight: 500;
}

.kicpa-alert2 .alert-buttons {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  width: 100%;
  font-size: 0;
}

.small-round-button {
  height: 50px;
  line-height: 50px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  border: 0;
  margin: 0 7px;
  cursor: pointer;
}

.small-round-button.type1 {
  background: #24B5B6;
  width: 226px;
}

.small-round-button.type2 {
  background: #CBCED3;
  width: 226px;
}

.small-round-button.type3 {
  background: #677A90;
  width: 226px;
}

.small-round-button.type4 {
  background: #003473;
  width: 226px;
}

.small-round-button.type5 {
  background: #F28744;
  width: 226px;
}

.small-round-button.type1.short, .small-round-button.type2.short {
  width: 145px;
}

.kicpa-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3)
}

.kicpa-modal .modal-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 700px;
  height: 650px;
  box-sizing: border-box;
  background: #fff;
  transform: translate(-50%, -50%);
  box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.3);
  padding: 0 45px;
}

.kicpa-modal .modal-inner.wide {
  width: 1200px;
  height: 700px;
}

.kicpa-modal .modal-inner.narrow {
  width: 415px;
  height: 400px;
}

.kicpa-modal .modal-title {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  padding: 41px 0 32px 0;
}

.kicpa-modal .modal-form {
  position: relative;
  border: 1px solid #F28744;
  padding: 20px;
  border-radius: 12px;
  font-size: 0;
}

.kicpa-modal .modal-form button {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #F28744;
  font-size: 14px;
  font-weight: 600;
  border: 0;
  border-radius: 20px;
  vertical-align: top;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.kicpa-modal .modal-form-inner {
  margin-right: 100px;
}

.kicpa-modal .modal-select {
  display: inline-block;
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid #D4D6D9;
  overflow: hidden;
  margin-right: 13px;
}

.kicpa-modal .modal-select select {
  width: 100%;
  height: 32px;
  color: #000;
  font-size: 14px;
  border: 0;
  text-indent: 8px;
  border-radius: 2px;
  background: url("../image/img_select-arrow.png") calc(100% - 9px) center no-repeat;
}

.kicpa-modal .modal-input {
  position: relative;
  display: inline-block;
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid #D4D6D9;
  overflow: hidden;
}

.kicpa-modal .modal-input input {
  width: 100%;
  height: 32px;
  color: #000;
  font-size: 14px;
  border: 0;
  border-radius: 2px;
  text-indent: 8px;
}

.kicpa-modal .modal-result {
  margin-top: 30px;
}

.kicpa-modal .modal-result table {
  width: 100%;
}

.kicpa-modal .modal-result table thead th {
  height: 42px;
  background: #EFF0F1;
  font-size: 12px;
  font-weight: 600;
}

.kicpa-modal .modal-result table thead th:first-child {
  border-left: 1px solid #fff;
}

.kicpa-modal .modal-result table tbody .result-td {
  height: 266px;
  overflow-y: auto;

  &.smaller-height {
    height: 40px;
  }
}

  .kicpa-modal .modal-buttons {
    border-top: 1px solid #DCDCDC;
    padding: 40px 0 46px 0;
    text-align: center;
  }

  .kicpa-modal .modal-buttons.no-line {
    border-top: 0;
  }

  .kicpa-modal .modal-receipt-box {
    width: 580px;
    height: 454px;
    margin: 0 auto;
    border: 1px solid #CBCED3;
    background: #F7F7F8;
    box-sizing: border-box;
    padding: 30px;
  }

  .kicpa-modal .modal-receipt-box table {
    width: 100%;
    border-top: 2px solid #003473;
  }

  .kicpa-modal .modal-receipt-box table thead th {
    font-size: 25px;
    color: #414141;
    font-weight: 600;
    text-align: left;
    padding: 15px 0 35px 0;
  }

  .kicpa-modal .modal-receipt-box table tbody th {
    font-size: 12px;
    color: #003473;
    font-weight: 700;
    padding: 5px 0 5px 10px;
    text-align: left;
    border-bottom: 1px solid #CBCED3;
  }

  .kicpa-modal .modal-receipt-box table tbody td {
    font-size: 12px;
    color: #414141;
    font-weight: 500;
    padding: 5px 0 5px 10px;
    border-bottom: 1px solid #CBCED3;
    line-height: 150%;
  }

  .kicpa-modal .modal-receipt-box table tbody td.in {
    padding: 20px 0 30px 0;
  }

  .kicpa-modal .modal-receipt-box table tbody td.modal-receipt-tip {
    color: #F15C3B;
    font-size: 9px;
    border-bottom: 0;
  }

  .kicpa-modal .modal-receipt-box table tbody tr.final th, .kicpa-modal .modal-receipt-box table tbody tr.final td {
    border-bottom: 0;
  }


  .kicpa-modal .modal-bill {
    width: 1060px;
    height: 460px;
    margin: 0 auto;
    border: 1px solid #CBCED3;
    /* background: #F7F7F8; */
    box-sizing: border-box;
    padding: 30px;
    overflow: hidden;
    overflow-y: auto;
  }

  .kicpa-modal .modal-bill-title {
    padding: 10px 0 0 0;
    border-top: 2px solid #003473;
  }

  .kicpa-modal .modal-bill-title em {
    font-size: 21px;
    color: #414141;
    font-weight: 600;
    line-height: 100%;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
  }

  .kicpa-modal .modal-bill-info1 {
    margin: 50px 0 0 0;
    overflow: hidden;
  }

  .kicpa-modal .modal-bill-info1 .left {
    float: left;
  }

  .kicpa-modal .modal-bill-info1 .left .date {
    font-size: 42px;
    color: #414141;
    font-weight: 600;
    margin-right: 10px;
  }

  .kicpa-modal .modal-bill-info1 .left .txt {
    display: inline-block;
    font-size: 13px;
    color: #AAAAAA;
    font-weight: 600;
  }

  .kicpa-modal .modal-bill-info1 .right {
    float: right;
    font-size: 18px;
    color: #414141;
    font-weight: 600;
  }

  .kicpa-modal .modal-bill-info1 .right .number {
    font-size: 25px;
    color: #414141;
    font-weight: 600;
  }

  .kicpa-modal .modal-bill-info1 .right .name {
    font-size: 36px;
    color: #24B5B6;
    font-weight: 600;
    margin: 0 10px 0 46px;
  }

  .kicpa-modal .modal-bill-info2 {
    margin-top: 15px;
  }

  .kicpa-modal .modal-bill-info2 table {
    width: 100%;
  }

  .kicpa-modal .modal-bill-info2 table thead th {
    font-size: 12px;
    color: #24B5B6;
    font-weight: 700;
    text-align: center;
    padding: 5px;
    border-bottom: 2px solid #24B5B6;
  }

  .kicpa-modal .modal-bill-info2 table tbody td, .kicpa-modal .modal-bill-info2 table tfoot td {
    font-size: 12px;
    color: #414141;
    font-weight: 500;
    text-align: center;
    padding: 5px;
    border-bottom: 1px solid #24B5B6;
  }

  .kicpa-modal .modal-bill-info2 table tfoot td strong {
    font-weight: 700;
  }

  .kicpa-modal .modal-bill-info3 {
    position: relative;
    background: #E7F4F4;
    margin-top: 20px;
    padding: 25px;
  }

  .kicpa-modal .modal-bill-info3 .way {
  }

  .kicpa-modal .modal-bill-info3 .way dl {
    margin-bottom: 20px;
  }

  .kicpa-modal .modal-bill-info3 .way dt {
    font-size: 16px;
    color: #24B5B6;
    font-weight: 600;
    margin-bottom: 5px;
  }

  .kicpa-modal .modal-bill-info3 .way dd {
    font-size: 14px;
    color: #414141;
    font-weight: 500;
    line-height: 150%;
  }

  .kicpa-modal .modal-bill-info3 .way dd.date {
    font-size: 22px;
    color: #414141;
  }

  .kicpa-modal .modal-bill-info3 .price {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 22px;
    font-weight: 600;
  }

  .kicpa-modal .modal-bill-info3 .price span {
    display: block;
    font-size: 22px;
    color: #F28744;
    font-weight: 600;
  }

  .kicpa-modal .modal-bill-info3 .price strong {
    font-size: 27px;
    color: #414141;
    font-weight: 600;
    margin-left: 10px;
  }

  .kicpa-modal .modal-bill-info3 .price div {
    display: inline-block;
    border-bottom: 3px solid #F28744;
    margin-right: 10px;
  }

  .kicpa-modal .modal-bill-info4 {
    margin-top: 50px;
  }

  .kicpa-modal .modal-bill-info4 .title {
    display: block;
    padding: 25px 0;
    font-size: 23px;
    color: #414141;
    font-weight: 500;
    border-bottom: 1px solid #003473;
    text-align: center;
  }

  .kicpa-modal .modal-bill-info4 .bill-group {
    position: relative;
    margin-top: 40px;
  }

  .kicpa-modal .modal-bill-info4 .bill-group .tb-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    font-size: 16px;
    color: #F28744;
    font-weight: 600;
  }

  .kicpa-modal .modal-bill-info4 .bill-group .bill-group-tb {
    margin-left: 100px;
  }

  .kicpa-modal .modal-bill-info4 .bill-group .bill-group-tb table {
    width: 100%;
  }

  .kicpa-modal .modal-bill-info4 .bill-group .bill-group-tb table thead th {
    font-size: 12px;
    color: #F28744;
    font-weight: 700;
    padding: 5px;
    text-align: center;
    border-bottom: 2px solid #F28744;
  }

  .kicpa-modal .modal-bill-info4 .bill-group .bill-group-tb table tbody td, .kicpa-modal .modal-bill-info4 .bill-group .bill-group-tb table tfoot td {
    font-size: 8px;
    font-weight: 500;
    color: #414141;
    padding: 0px;
    text-align: center;
    border-bottom: 1px solid #AAAAAA;
  }

  .kicpa-modal .modal-bill-info4 .bill-group .bill-group-tb table tfoot td strong {
    font-weight: 700;
  }

  .kicpa-layer-content .mypage {
    width: 1200px;
    margin: 0 auto;
    padding: 115px 0 0 0;
  }

  .kicpa-layer-content .mypage .my-page-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 13px;
  }

  .kicpa-layer-content .mypage .my-page-title2 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 50px;
  }

  .kicpa-layer-content .mypage .my-page-title2 > a {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    background: url('../image/img_back-arrow.png') 0 center no-repeat;
    padding-left: 30px;
  }

  .kicpa-layer-content .mypage .my-page-title2 .menu {
    position: absolute;
    top: 50%;
    left: 180px;
    transform: translateY(-50%);
    font-size: 0;
  }

  .kicpa-layer-content .mypage .my-page-title2 .menu li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
  }

  .kicpa-layer-content .mypage .my-page-title2 .menu a {
    font-size: 16px;
    color: #AAA;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    display: block;
    border-radius: 30px;
    box-sizing: border-box;
  }

  .kicpa-layer-content .mypage .my-page-title2 .menu a.active {
    border: 2px solid #24B5B6;
    color: #24B5B6;
    font-weight: 700;
    padding: 0 11px;
  }


  .kicpa-layer-content .mypage .my-page-title3 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 50px;
  }

  .kicpa-layer-content .mypage .my-page-title3 > a {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    background: url('../image/img_back-arrow.png') 0 center no-repeat;
    padding-left: 30px;
  }

  .kicpa-layer-content .mypage .my-page-title3 .menu {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    font-size: 0;
  }

  .kicpa-layer-content .mypage .my-page-title3 .menu li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
  }

  .kicpa-layer-content .mypage .my-page-title3 .menu a {
    font-size: 16px;
    color: #AAA;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    display: block;
    border-radius: 30px;
    box-sizing: border-box;
  }

  .kicpa-layer-content .mypage .my-page-title3 .menu a.active {
    border: 2px solid #24B5B6;
    color: #24B5B6;
    font-weight: 700;
    padding: 0 11px;
  }


  .kicpa-layer-content .mypage .my-page-title4 .sub-menu {
    left: 10px;
    transform: translateY(-50%);
    font-size: 0;
  }

  .kicpa-layer-content .mypage .my-page-title4 .sub-menu li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
  }

  .kicpa-layer-content .mypage .my-page-title4 .sub-menu a {
    font-size: 16px;
    color: #AAA;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    display: block;
    border-radius: 30px;
    box-sizing: border-box;
  }

  .kicpa-layer-content .mypage .my-page-title4 .sub-menu a.active {
    border: 2px solid #F28744;
    color: #F28744;
    font-weight: 700;
    padding: 0 11px;
  }


  .kicpa-layer-content .mypage .my-page-sub-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .kicpa-layer-content .tb-button1 {
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    background: #24B5B6;
    border: 0;
    padding: 0 20px;
    border-radius: 2px;
  }

  .kicpa-layer-content .tb-button2 {
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    background: #F28744;
    border: 0;
    padding: 0 20px;
    border-radius: 2px;
  }

  .kicpa-layer-content .setting-button {
    width: 26px;
    height: 23px;
    background: url("../image/img_update.png") center center no-repeat;
    border: 0;
    text-indent: -9999px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 1px;
  }

  .kicpa-layer-content .setting-button2 {
    width: 23px;
    height: 23px;
    background: url("../image/img_update2.png") center center no-repeat;
    border: 0;
    text-indent: -9999px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 1px;
  }

  .kicpa-layer-content .line-button {
    width: 100%;
    height: 32px;
    line-height: 32px;
    border: 1px solid #D4D6D9;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    background: none;
    padding: 0;
  }

  .kicpa-layer-content .line-button.round {
    border-radius: 20px;
  }

  .kicpa-layer-content .line-button.inline {
    display: inline-block;
    max-width: 100px;
  }

  .kicpa-layer-content .line-button.full {
    color: #fff;
    background: #24B5B6;
  }

  .kicpa-layer-content .mypage .toggle {
    width: 64px;
    height: 64px;
    background: url("../image/img_tb-arrow_off.png") center center no-repeat;
    text-indent: -9999px;
    border: 0;
    cursor: pointer;
    padding: 0;
  }

  .kicpa-layer-content .mypage .toggle.active {
    background: url("../image/img_tb-arrow_on.png") center center no-repeat;
  }

  .kicpa-layer-content .mypage .more {
    font-size: 16px;
    color: #666666;
    background: 0;
    padding: 0 15px 0 0;
    margin: 0 20px 0 0;
    border: 0;
    cursor: pointer;
    background: url("../image/img_right-arrow.png") right center no-repeat;
  }

  .kicpa-layer-content .mypage .my-page-table1 table {
    width: 100%;
  }

  .kicpa-layer-content .mypage .my-page-table1 table.tb-bg {
    background: #fff;
  }

  .kicpa-layer-content .mypage .my-page-table1 > table > thead th {
    position: relative;
    height: 64px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #DCDCDC;
    padding: 0 18px;
  }

  .kicpa-layer-content .mypage .my-page-table1 > table > thead th button {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }

  .kicpa-layer-content .mypage .my-page-table1 > table > tbody > tr > td {
    border-bottom: 1px solid #DCDCDC;
  }

  .kicpa-layer-content .mypage .my-page-table2 table {
    width: 100%;
  }

  .kicpa-layer-content .mypage .my-page-table2 table.tb-bg {
    background: #fff;
  }

  .kicpa-layer-content .mypage .my-page-table2 > table > thead th {
    position: relative;
    height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #DCDCDC;
    box-sizing: border-box;
  }

  .kicpa-layer-content .mypage .my-page-table2 > table > thead th.title {
    padding: 0 18px;
  }

  .kicpa-layer-content .mypage .my-page-table2 > table > thead th.left {
    text-align: left;
  }

  .kicpa-layer-content .mypage .my-page-table2 > table > thead th.right {
    text-align: right;
  }

  .kicpa-layer-content .mypage .my-page-table2 > table > tbody > tr > td {
    /* border-bottom: 1px solid #DCDCDC; */
  }

  /* .kicpa-layer-content .mypage .my-page-table2 > table > tbody > tr > td.content{
	padding-bottom: 50px;
} */

  .kicpa-layer-content .mypage .my-page-table2 > table > tbody > tr > td.bg-content {
    background: #FAFAFA;
  }

  .kicpa-layer-content .mypage .my-page-table2 .basic-table2 {
    border-bottom: 1px solid #DCDCDC;
  }

  .kicpa-layer-content .excel-button {
    width: 112px;
    height: 44px;
    border: 1px solid #EAECEF;
    border-radius: 5px;
    background: none;
    text-align: left;
    font-size: 10px;
    color: #09572E;
    box-sizing: border-box;
    padding-left: 45px;
    background: url('../image//img_excel.png') 5px center no-repeat;
  }

  .kicpa-layer-content .excel-button:hover {
    background: #09572E url('../image//img_excel.png') 5px center no-repeat;
    color: #fff;
    cursor: pointer;
  }

  .kicpa-layer-content .content-table {
    padding: 16px 18px 25px 18px;
  }

  .kicpa-layer-content .content-table thead th {
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0;
    text-align: left;
  }

  .kicpa-layer-content .content-table tbody td {
    font-size: 14px;
    text-align: left;
    padding: 5px 0;
  }

  .kicpa-layer-content .content-table2 {
    position: relative;
    padding: 25px 18px 25px 18px;
  }

  .kicpa-layer-content .content-table2 .td-title {
    position: absolute;
    top: 25px;
    left: 18px;
    font-size: 14px;
    color: #5D97D6;
    width: 150px;
    font-weight: 700;
  }


  .kicpa-layer-content .content-table2 .content-table2-inner {
    margin-left: 150px;
  }

  .kicpa-layer-content .content-table2 thead th {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
    text-align: left;
  }

  .kicpa-layer-content .content-table2 tbody td {
    font-size: 14px;
    text-align: left;
    padding: 5px 20px 5px 0;
  }

  .kicpa-layer-content .content-table2 .content-table2-inner.center thead th, .kicpa-layer-content .content-table2 .content-table2-inner.center tbody td {
    text-align: center;
  }

  .kicpa-layer-content .content-table2 .content-table2-inner.center thead th:first-child {
    text-align: left;
  }

  .kicpa-layer-content .content-table2 .content-table2-inner.center tbody td:first-child {
    text-align: left;
  }

  .kicpa-layer-content .content-table2 .content-table2-inner.center tbody td {
    padding-right: 0;
  }

  .kicpa-layer-content .content-table2 .multiple-text {
    line-height: 150%;
  }

  .kicpa-layer-content .content-table3 {
    position: relative;
    padding: 20px 20px 0 20px;
  }

  .kicpa-layer-content .content-table3 .form {
    border: 1px solid #F28744;
    border-radius: 12px;
    padding: 20px 16px;
    position: relative;
  }

  .kicpa-layer-content .content-table3 .form .form-inner {
    position: relative;
    margin-right: 132px;
  }

  .kicpa-layer-content .content-table3 .form dl {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
  }

  .kicpa-layer-content .content-table3 .form dt {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #F28744;
    font-weight: 700;
    line-height: 32px;
    padding-right: 12px;
  }

  .kicpa-layer-content .content-table3 .form dd {
    display: inline-block;
    vertical-align: top;
  }

  .kicpa-layer-content .content-table3 .form dd .middle-icon {
    line-height: 32px;
  }

  .kicpa-layer-content .content-table3 .form .search {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border: 0;
    background: #F28744;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
  }

  .kicpa-layer-content .content-table3 table {
    border-top: 1px solid #DCDCDC;
  }

  .kicpa-layer-content .content-table3 table thead th {
    height: 42px;
    text-align: center;
    background: #EFF0F1;
    font-size: 12px;
    font-weight: 500;
    box-sizing: border-box;
    border-right: 1px solid #fff;
  }

  .kicpa-layer-content .content-table3 table thead th:last-child {
    border-right: 0;
  }

  .kicpa-layer-content .content-table3 table tbody td {
    font-size: 14px;
    text-align: center;
    height: 60px;
    padding: 0 10px;
  }

  .kicpa-layer-content .content-table4 {
    position: relative;
    min-height: 314px;
  }

  .kicpa-layer-content .content-table4 .picture {
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 30px 30px 18px;
    min-height: 254px;
  }

  .kicpa-layer-content .content-table4 .content-table-inner {
    margin-left: 233px;
    min-height: 315px;
  }

  .kicpa-layer-content .content-table4 .content-table-inner td {
    vertical-align: top;
    box-sizing: border-box;
    border-left: 1px solid #DCDCDC;
    padding: 0 20px 30px 20px;
    height: 315px;
  }

  .kicpa-layer-content .content-table4 .title {
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0;
    text-align: left;
    margin: 20px 0 0 0;
  }

  .kicpa-layer-content .content-table4 .cont {
  }

  .kicpa-layer-content .content-table4 .cont li {
    font-size: 14px;
    text-align: left;
    padding: 5px 0;
  }

  .kicpa-layer-content .paging {
    text-align: center;
    font-size: 0;
    padding: 30px 0;
  }

  .kicpa-layer-content .paging.bg {
    background: #fff;
  }

  .kicpa-layer-content .paging button {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    border: 1px solid #D4D6D9;
    background: none;
    font-size: 12px;
    color: #525458;
    cursor: pointer;
    border-radius: 2px;
  }

  .kicpa-layer-content .paging button.active {
    background: #002060;
    color: #fff;
    border: 1px solid #002060;
  }

  .kicpa-layer-content .paging button.prev {
    text-indent: -9999px;
    background: url("../image/img_paging-left.png") center center no-repeat;
  }

  .kicpa-layer-content .paging button.prev.active, .kicpa-layer-content .paging button.prev:hover {
    text-indent: -9999px;
    background: #7D8185 url("../image/img_paging-left.png") center center no-repeat;
  }

  .kicpa-layer-content .paging button.next {
    text-indent: -9999px;
    background: url("../image/img_pading-next.png") center center no-repeat;
  }

  .kicpa-layer-content .paging button.next.active, .kicpa-layer-content .paging button.next:hover {
    text-indent: -9999px;
    background: #7D8185 url("../image/img_pading-next.png") center center no-repeat;
  }

  .kicpa-layer-content .paging ul, .kicpa-layer-content .paging li {
    display: inline-block;
    vertical-align: top;
  }

  .kicpa-layer-content .paging ul {
    margin: 0 22px;
  }

  .kicpa-layer-content .paging li {
    margin: 0 5px;
  }

  .kicpa-layer-content .paging li button:hover {
    background: #002060;
    color: #fff;
    border: 1px solid #002060;
  }

  .kicpa-layer-content .no-result {
    text-align: center;
    font-size: 14px;
    color: #707070;
    padding: 80px 0;
  }

  .kicpa-layer-content .no-result2 {
    text-align: center;
    font-size: 14px;
    color: #707070;
  }

  .kicpa-layer-content .reviewing {
    text-align: center;
    font-size: 14px;
    color: #707070;
    line-height: 180%;
  }

  .kicpa-layer-content .reviewing span {
    font-size: 14px;
  }

  .kicpa-layer-content .reviewing span.blue {
    color: #1983F7;
  }

  .kicpa-layer-content .reviewing span.red {
    color: #F15C3B;
  }

  .kicpa-layer-content .compact-select {
    display: block;
    box-sizing: border-box;
    border: 1px solid #D4D6D9;
    overflow: hidden;
    border-radius: 1px;
  }

  .kicpa-layer-content .compact-select select {
    width: 100%;
    height: 32px;
    color: #000;
    font-size: 14px;
    border: 0;
    border-radius: 1px;
    text-indent: 8px;
    background: url("../image/img_select-arrow3.png") calc(100% - 10px) center no-repeat;
  }


  .kicpa-layer-content .compact-input {
    position: relative;
    display: block;
    border-radius: 1px;
    box-sizing: border-box;
    border: 1px solid #D4D6D9;
    overflow: hidden;
  }

  .kicpa-layer-content .compact-input.inline {
    display: inline-block;
    vertical-align: top;;
  }

  .kicpa-layer-content .compact-input.round {
    border-radius: 32px;
  }

  .kicpa-layer-content .compact-input.cal button {
    border: 0;
    text-indent: -9999px;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 19px;
    height: 17px;
    cursor: pointer;
    background: url("../image/img_cal2.png") center center no-repeat;
  }

  .kicpa-layer-content .compact-input input {
    width: 100%;
    height: 32px;
    color: #000;
    font-size: 14px;
    border: 0;
    border-radius: 1px;
    text-indent: 10px;
  }

  .kicpa-layer-content .progress .gage {
    position: relative;
    height: 10px;
    border-radius: 10px;
    background: #CBCED3;
    width: 90%;
    margin-top: 15px;
  }

  .kicpa-layer-content .progress .gage-selected {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    background: #24B5B6;
    border-radius: 10px;
  }

  .kicpa-layer-content .status-check {
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 auto;
  }

  .kicpa-layer-content .status-check.on {
    background: url("../image/img_status-check_on.png") center center no-repeat;
  }

  .kicpa-layer-content .status-check.off {
    background: url("../image/img_status-check_off.png") center center no-repeat;
  }

  .kicpa-layer-content .cyber {
    position: relative;
  }

  .kicpa-layer-content .cyber-inner {
    position: relative;
    margin-bottom: 30px;
    border-bottom: 1px solid #DCDCDC;
  }

  .kicpa-layer-content .cyber .cyber-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 145px;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
  }

  .kicpa-layer-content .cyber .cyber-title .select {
    width: 98px;
    margin-top: 10px;
  }

  .kicpa-layer-content .cyber .cyber-title .select select {
    background: url(../image/img_select-arrow_off.png) calc(100% - 14px) center no-repeat;
  }

  .kicpa-layer-content .cyber .cyber-table {
    margin-left: 145px;
    min-height: 70px;

  }

  .kicpa-layer-content .cyber .cyber-table thead th {
    border-bottom: 1px solid #DCDCDC;
  }

  .kicpa-layer-content .cyber .cyber-table thead th, .kicpa-layer-content .cyber .cyber-table tbody td {
    text-align: center;
    padding-right: 0;
    padding-left: 0;
  }

  .kicpa-layer-content .cyber .cyber-tips {

  }

  .kicpa-layer-content .cyber .cyber-tips li {
    font-size: 12px;
    color: #AAA;
    line-height: 180%;
  }

  .kicpa-layer-content .cyber button {
    position: absolute;
    bottom: 0;
    right: 30px;
    width: 360px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border: 0;
    background: #F28744;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    cursor: pointer;
  }

  .kicpa-layer-content .search-form {
    border: 1px solid #24B5B6;
    border-radius: 12px;
    padding: 20px 16px;
    position: relative;
    background: #fff;
  }

  .kicpa-layer-content .search-form .form-inner {
    position: relative;
    margin-right: 150px;
    overflow: hidden;
  }

  .kicpa-layer-content .search-form dl {
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
  }

  .kicpa-layer-content .search-form dl.short {
    margin-right: 20px;
  }

  .kicpa-layer-content .search-form dl.last {
    float: right;
    margin: 0;
  }

  .kicpa-layer-content .search-form dt {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #24B5B6;
    font-weight: 700;
    line-height: 32px;
    padding-right: 10px;
  }

  .kicpa-layer-content .search-form dd {
    display: inline-block;
    vertical-align: top;
  }

  .kicpa-layer-content .search-form dd .middle-icon {
    line-height: 32px;
  }

  .kicpa-layer-content .search-form dd.buttons {
    font-size: 0;
    padding-top: 2px;
    margin-left: 20px;
  }

  .kicpa-layer-content .line-compact-button {
    width: 80px;
    height: 30px;
    text-align: center;
    background: #F7F7F8;
    border: 1px solid #CBCED3;
    color: #CBCED3;
    font-size: 13px;
    cursor: pointer;
    border-radius: 2px;
    padding: 0;
    box-sizing: border-box;
    margin: 0 4px;
    border-radius: 2px;
  }

  .kicpa-layer-content .search-form .line-compact-button.active {
    border: 1px solid #414141;
    color: #414141;
    font-size: 13px;
    font-weight: 600;
  }

  .kicpa-layer-content .search-form .search {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 140px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: 0;
    background: #24B5B6;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
  }

  .kicpa-layer-content .search-form .searchExcel {
    position: absolute;
    top: 50%;
    right: 165px;
    transform: translateY(-50%);
    width: 140px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: 0;
    background: #F28744;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
  }


  .search77 {
    width: 140px;
    height: 32px;
    text-align: center;
    border: 0;
    background: #F28744;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
  }


  .kicpa-layer-content .search-form2 {
    border: 1px solid #F28744;
    border-radius: 12px;
    padding: 20px 16px;
    position: relative;
    background: #fff;
  }

  .kicpa-layer-content .search-form2 .form-inner {
    position: relative;
    overflow: hidden;
    text-align: center;
  }

  .kicpa-layer-content .search-form2 dl {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
  }

  .kicpa-layer-content .search-form2 dl.last {
    float: right;
    margin: 0;
  }

  .kicpa-layer-content .search-form2 dt {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #F28744;
    font-weight: 700;
    line-height: 32px;
    padding-right: 12px;
  }

  .kicpa-layer-content .search-form2 dd {
    display: inline-block;
    vertical-align: top;
  }

  .kicpa-layer-content .search-form2 dd .middle-icon {
    line-height: 32px;
  }

  .kicpa-layer-content .search-form2 .search {
    width: 140px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: 0;
    background: #F28744;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
  }

  .kicpa-layer-content .line-checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .kicpa-layer-content .line-checkbox input[type=checkbox] + label {
    position: relative;
    padding-left: 22px;
    color: #CBCED3;
    font-size: 16px;
    cursor: pointer;
    display: block;
  }

  .kicpa-layer-content .line-checkbox.inline {
    display: inline-block;
  }

  .kicpa-layer-content .line-checkbox.solo {
    display: inline-block;
  }

  .kicpa-layer-content .line-checkbox.solo input[type=checkbox] + label {
    padding-left: 0;
    width: 18px;
    height: 18px;
  }

  .kicpa-layer-content .line-checkbox input[type=checkbox] + label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background: url("../image/img_line-checkbox_off.png") center center no-repeat;
    box-sizing: border-box;
    border: 1px solid #AAAAAA;
  }

  .kicpa-layer-content .line-checkbox input[type=checkbox]:checked + label {
    color: #F15C3B;
  }

  .kicpa-layer-content .line-checkbox input[type=checkbox]:checked + label:before {
    background: url("../image/img_line-checkbox_on.png") center center no-repeat;
  }

  .kicpa-layer-content .basic-table {
  }

  .kicpa-layer-content .basic-table table {
    width: 100%;
  }

  .kicpa-layer-content .basic-table table.tb-bg {
    background: #fff;
  }

  .kicpa-layer-content .basic-table table thead th {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    height: 42px;
    box-sizing: border-box;
    background: #fafafa;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }

  .kicpa-layer-content .basic-table table thead th:first-child {
    border-left: 0;
  }

  .kicpa-layer-content .basic-table table tbody td {
    text-align: center;
    padding: 10px;
    height: 64px;
    border-bottom: 1px solid #DCDCDC;
    font-size: 14px;
    box-sizing: border-box;
  }

  .kicpa-layer-content .basic-table2 {
    background: #fff;
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #707070;
  }

  .kicpa-layer-content .basic-table2 table {
    width: 100%;
  }

  .kicpa-layer-content .basic-table2 table thead th {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding: 10px 15px 15px 15px;
    box-sizing: border-box;
  }

  .kicpa-layer-content .basic-table2 table thead th.first-title {
    font-size: 16px;
    font-weight: 600;
  }

  .kicpa-layer-content .basic-table2 table thead th.last {
    text-align: center;
  }

  .kicpa-layer-content .basic-table2 table tbody td {
    font-size: 14px;
    padding: 5px 15px;
    vertical-align: top;
    line-height: 150%;
    box-sizing: border-box;
  }

  .kicpa-layer-content .basic-table2 table tbody td.total-price {
    font-size: 21px;
    color: #F15C3B;
    vertical-align: top;
    padding-top: 0;
  }

  .kicpa-layer-content .basic-table2 table tbody td.noti {
    font-size: 12px;
    color: #F28744;
  }

  .kicpa-layer-content .basic-table2 table tbody td.noti.price {
    padding-left: 37px;
  }

  .kicpa-layer-content .basic-table2 table tbody td.center {
    text-align: center;
  }

  .kicpa-layer-content .basic-table2 table tbody td.right {
    text-align: right;
  }

  .kicpa-layer-content .status-text {
    font-weight: 500;
  }

  .kicpa-layer-content .status-text.success {
    color: #24B5B6;
  }

  .kicpa-layer-content .status-text.error {
    color: #F15C3B
  }

  .kicpa-layer-content .status-text.ing {
    color: #1983F7;
  }

  .kicpa-layer-content .tooltips {
    position: relative;
    display: inline-block;
  }

  .kicpa-layer-content .tooltip {
    width: 20px;
    height: 20px;
    border: 0;
    background: url('../image/img_tooltip.png') center center no-repeat;
    text-indent: -9999px;
    margin-left: 5px;
    cursor: pointer;
  }

  .kicpa-layer-content .tooltip-layer {
    position: absolute;
    bottom: -10px;
    left: 0;
    padding: 10px;
    background: #F7F7F7;
    border: 1px solid #AAA;
    font-size: 12px;
    color: #414141;
    width: 240px;
    border-radius: 7px;
  }

  .kicpa-layer-content .tooltip-layer .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url('../image/img_close2.png') center center no-repeat;
  }

  .kicpa-layer-content .basic-detail-view-table table {
    width: 100%;
  }

  .kicpa-layer-content .basic-detail-view-table table tbody th {
    background: #FAFAFA;
    font-size: 16px;
    color: #003473;
    font-weight: 700;
    text-align: center;
    border: 1px solid #DCDCDC;
  }

  .kicpa-layer-content .basic-detail-view-table table tbody td {
    padding: 15px 20px;
    border: 1px solid #DCDCDC;
    line-height: 150%;
    font-size: 16px;
    background: #fff;
  }

  .kicpa-layer-content .basic-detail-view-table table tbody td.none {
    background: none;
  }

  .kicpa-layer-content .basic-detail-view-table table tbody td.none {
    padding: 0;
    border: 0;
  }

  .kicpa-layer-content .basic-detail-view-table table tbody td .file {
    margin-right: 20px;
  }

  .kicpa-layer-content .basic-detail-view-table .require {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #F15C3B;
    font-weight: 700;
  }

  .kicpa-layer-content .basic-detail-view-table .tip {
    font-size: 14px;
    color: #AAAAAA;
    margin-bottom: 10px;
  }

  .kicpa-layer-content .basic-detail-view-table .answer-types .check {
    margin-right: 20px;
  }

  .kicpa-layer-content .basic-detail-view-table .line-button {
    position: relative;
    top: 1px;
  }

  .kicpa-layer-content .table-buttons {
    position: relative;
    margin-top: 40px;
    overflow: hidden;
    font-size: 0;
  }

  .kicpa-layer-content .table-buttons .center {
    text-align: center;
  }

  .kicpa-layer-content .table-buttons .center a {
    margin: 0 6px;
  }

  .kicpa-layer-content .table-buttons .left {
    float: left;
  }

  .kicpa-layer-content .table-buttons .right {
    float: right;
  }

  .kicpa-layer-content .table-buttons .right a {
    margin-left: 24px;
  }

  .kicpa-layer-content .round-button {
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border-radius: 20px;
  }

  .kicpa-layer-content .round-button.type1 {
    background: #24B5B6;
  }

  .kicpa-layer-content .round-button.type2 {
    background: #F28744;
  }

  .kicpa-layer-content .round-button.type3 {
    background: #AAAAAA;
  }

  .kicpa-layer-content .image-view-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3)

  }

  .kicpa-layer-content .image-view-layer .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 900px;
    height: 700px;
    background: #fff;
    box-sizing: border-box;
    padding: 40px;
  }

  .kicpa-layer-content .image-view-layer h1 {
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
  }

  .kicpa-layer-content .image-view-layer .img {
    display: block;
    width: 600px;
    height: 400px;
    margin: 67px auto 70px auto;
    background: #F7F7F8;
    box-sizing: border-box;
    border: 1px solid #CBCED3;
  }

  .kicpa-layer-content .image-view-layer .img img {
    width: auto;
    height: 100%;
  }

  .kicpa-layer-content .image-view-layer .imgs {
    display: block;
    width: 605px;
    margin: 0 auto;
    overflow: hidden;
  }

  .kicpa-layer-content .image-view-layer .imgs .img {
    width: 280px;
    height: 400px;
  }

  .kicpa-layer-content .image-view-layer .imgs .img:first-child {
    float: left;
  }

  .kicpa-layer-content .image-view-layer .imgs .img:last-child {
    float: right;
  }

  .kicpa-layer-content .faq-menus {
    font-size: 0;
  }

  .kicpa-layer-content .faq-menus ul {
    margin-left: -6px;
  }

  .kicpa-layer-content .faq-menus li {
    display: inline-block;
    margin: 0 6px 16px 6px;
  }

  .kicpa-layer-content .faq-menus a {
    display: block;
    width: 160px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    text-align: center;
    border: 1px solid #707070;
    box-sizing: border-box;
    font-size: 16px;
    color: #707070;
    font-weight: 500;
    background: #fff;
  }

  .kicpa-layer-content .faq-menus a.active {
    background: #003473;
    border: 1px solid #003473;
    color: #fff;
  }

  .kicpa-layer-content .basic-table-sort {
    position: relative;
    margin-bottom: 17px;
    background: #fff;
    padding: 20px;
  }

  .kicpa-layer-content .basic-table-sort dt {
    display: inline-block;
    line-height: 30px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 600;
    vertical-align: top;
  }

  .kicpa-layer-content .basic-table-sort dd {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
  }

  .kicpa-layer-content .basic-table-sort dd.faq-select {
    width: 130px;
  }

  .kicpa-layer-content .basic-table-sort dd.button {
    width: 130px;
  }

  .kicpa-layer-content .basic-table-sort dd.button .line-button.inline {
    max-width: none;
  }

  .kicpa-layer-content .basic-table-sort dd.count {
    font-size: 16px;
    color: #24B5B6;
    margin-right: 20px;
  }

  .kicpa-layer-content .basic-table-sort .util-buttons {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 0;
    width: 150px;
  }

  .kicpa-layer-content .basic-table-sort .util-buttons .line-button {
    max-width: 64px;
    margin-left: 10px;
  }

  .kicpa-layer-content .compact-round-select {
    display: block;
    border-radius: 20px;
    box-sizing: border-box;
    border: 1px solid #D4D6D9;
    overflow: hidden;
    box-sizing: border-box;
  }

  .kicpa-layer-content .compact-round-select select {
    width: 100%;
    height: 30px;
    color: #000;
    font-size: 12px;
    border: 0;
    border-radius: 20px;
    text-indent: 12px;
    background: url("../image/img_select-arrow3.png") calc(100% - 12px) center no-repeat;
  }

  .kicpa-layer-content .rating {
    display: inline-block;
    vertical-align: top;
    height: 32px;
    margin-right: 20px;
  }

  .kicpa-layer-content .rating ul {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    position: relative;
    top: 3px;
  }

  .kicpa-layer-content .rating .point {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #707070;
    line-height: 32px;
    margin-left: 20px;
  }

  .kicpa-layer-content .rating li.star {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 24px;
    margin-right: 2px;
    background: url("../image/img_star_off.png") center center no-repeat;
  }

  .kicpa-layer-content .rating li.star .star-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 24px;
    background: url("../image/img_star_on.png") 0 center no-repeat;
  }

  .kicpa-layer-content .table-title {
    position: relative;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    box-sizing: border-box;
    padding: 13px 16px;
    background: #fff;
  }

  .kicpa-layer-content .table-title dl {
    display: inline-block;
    margin-right: 20px;
    line-height: 40px;
  }

  .kicpa-layer-content .table-title dt {
    display: inline-block;
    color: #151515;
    font-weight: 700;
  }

  .kicpa-layer-content .table-title dd {
    display: inline-block;
    color: #151515;
    font-size: 16px;
  }

  .kicpa-layer-content .table-title .result {
    float: right;
    width: 40%;
    text-align: right;
  }


  .kicpa-layer-content .table-title .result .price {
    font-size: 21px;
    font-weight: 500;
    color: #F15C3B;
    display: inline-block;
    margin-left: 30px;
  }

  .kicpa-layer-content .table-title .toggle {
    width: 30px;
    height: 40px;
  }

  .kicpa-layer-content .result-box {
    overflow: hidden;
    margin-top: 50px;
    background: #fff;
    padding: 25px 20px;
  }

  .kicpa-layer-content .result-box .info-text {
    float: left;
  }

  .kicpa-layer-content .result-box .info-text strong {
    font-size: 18px;
    color: #414141;
    font-weight: 700;
  }

  .kicpa-layer-content .result-box .info-text p {
    font-size: 14px;
    color: #151515;
    margin-top: 15px;
    line-height: 150%;
  }

  .kicpa-layer-content .result-box .payment {
    float: right;
  }

  .kicpa-layer-content .result-box .payment span {
    font-size: 20px;
    color: #151515;
    font-weight: 600;
    margin-right: 30px;
  }

  .kicpa-layer-content .result-box .payment button {
    height: 80px;
    line-height: 80px;
    text-align: center;
    border: 1px solid #EB640F;
    color: #EB640F;
    background: none;
    cursor: pointer;
    border-radius: 40px;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    padding: 0 50px;
    box-sizing: border-box;
  }

  .kicpa-layer-content .result-box .payment button:hover {
    background: #EB640F;
    color: #fff;
  }

  .kicpa-layer-content .recruitment-header {
    height: 90px;
    border-bottom: 1px solid #707070;
    background: #fff;
  }

  .kicpa-layer-content .recruitment-header h1 {
    display: inline-block;
  }

  .kicpa-layer-content .recruitment-header h1 a {
    position: relative;
    width: 250px;
    height: 90px;
    display: block;
    font-size: 12px;
    color: #AAA;
    font-weight: 600;
  }

  .kicpa-layer-content .recruitment-header h1 a span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 36px;
    transform: translateY(-50%);
    padding-left: 36px;
    background: url('../image/img_home.png') 0 center no-repeat;
  }

  .kicpa-layer-content .recruitment-noti {
    text-align: center;
    padding: 23px 0 0 0;
  }

  .kicpa-layer-content .recruitment-noti p {
    font-size: 13px;
    color: #F28744;
    margin-bottom: 10px;
  }

  .kicpa-layer-content .recruitment-noti a {
    display: inline-block;
    color: #677A90;
    font-size: 11px;
    border-bottom: 1px solid #677A90;
  }

  .kicpa-layer-content .recruitment-content {
    width: 650px;
    margin: 90px auto 0 auto;
  }

  .kicpa-layer-content .recruitment-content h2 {
    display: block;
    font-size: 40px;
    color: #414141;
    font-weight: 100;
    text-align: center;
    margin-bottom: 70px;
  }

  .kicpa-layer-content .recruitment-content .responsive-form-box {
    margin: 0 auto;
  }

  .kicpa-layer-content .recruitment-content .responsive-form-box > ul > li {
    margin-bottom: 0;
    padding-bottom: 45px;
  }

  .kicpa-layer-content .recruitment-content .responsive-form-box > ul > li:last-child {
    padding-bottom: 60px;
  }

  .kicpa-layer-content .recruitment-buttons {
    text-align: center;
    margin-top: 50px;
    font-size: 0;
  }

  .kicpa-layer-content .recruitment-buttons a {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    color: #24B5B6;
    font-weight: 600;
    border-radius: 30px;
    border: 1px solid #24B5B6;
  }

  .kicpa-layer-content .recruitment-buttons a:hover {
    background: #24B5B6;
    color: #fff;
  }

  .kicpa-layer-content .recruitment-buttons.multiple {
    width: 660px;
    margin-left: -5px;
  }

  .kicpa-layer-content .recruitment-buttons.multiple a {
    margin: 0 5px;
  }

  .kicpa-layer-content .recruitment-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3)
  }

  .kicpa-layer-content .recruitment-layer h1 {
    font-size: 26px;
    text-align: center;
    display: block;
    font-weight: 600;
  }

  .kicpa-layer-content .recruitment-layer .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    height: 650px;
    background: #fff;
    box-sizing: border-box;
    padding: 40px 50px 46px 50px;
  }

  .kicpa-layer-content .recruitment-layer .content {
    margin: 40px 0 39px 0;
  }

  .kicpa-layer-content .recruitment-layer .content table thead th {
    height: 42px;
    background: #EFF0F1;
    font-size: 12px;
    color: #111;
    text-align: center;
    border-left: 1px solid #fff;
    font-weight: 600;
  }

  .kicpa-layer-content .recruitment-layer .content table thead th:first-child {
    border-left: 0;
  }

  .kicpa-layer-content .recruitment-layer .content table tbody td {
    text-align: center;
    font-size: 12px;
    color: #111;
    height: 42px;
    border-bottom: 1px solid #EFF0F1;
    box-sizing: border-box;
  }

  .kicpa-layer-content .recruitment-layer .content table tbody td.scroll-box {
    height: 360px;
    overflow: hidden;
    overflow-y: auto;
    vertical-align: top;
  }

  .kicpa-layer-content .recruitment-layer .content table tbody td .checkbox-type1 {
    margin: 0 auto;
    width: 24px;
  }

  .kicpa-layer-content .recruitment-layer .content table tbody td .checkbox-type1 input[type=checkbox] + label {
    padding: 0;
  }

  .kicpa-layer-content .recruitment-form-title {
    position: relative;
    border-top: 1px solid #414141;
    font-size: 18px;
    font-weight: 700;
    color: #414141;
    min-height: 45px;
    line-height: 50px;
    overflow: hidden;
    margin-bottom: 30px;
  }

  .kicpa-layer-content .recruitment-form-title i {
    font-size: 18px;
    color: #F28744;
    font-weight: 700;
    font-style: normal;
  }

  .kicpa-layer-content .recruitment-form-title .required {
    position: absolute;
    top: 10px;
    right: 0;
    line-height: 100%;
    color: #707070;
    font-size: 10px;
    font-weight: 700;
  }

  .kicpa-layer-content .recruitment-form-title .required:before {
    content: '*';
    font-size: 10px;
    color: #F28744;
    margin-right: 3px;
  }

  .kicpa-layer-content .recruitment-form-title p {
    font-size: 13px;
    color: #707070;
    line-height: 150%;
  }

  .kicpa-layer-content .recruitment-form-title p em {
    color: #24B5B6;
  }


  .kicpa-layer-content .recruitment-pic {
    overflow: hidden;
  }

  .kicpa-layer-content .recruitment-pic .left {
    width: 207px;
    display: inline-block;
    vertical-align: top;
  }

  .kicpa-layer-content .recruitment-pic .right {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
  }

  .kicpa-layer-content .recruitment-pic .right li {
    font-size: 13px;
    color: #151515;
    opacity: 0.6;
    line-height: 150%;
  }

  .kicpa-layer-content .recruitment-pic .pic-area {
    width: 207px;
    height: 220px;
    border: 1px solid #D4D6D9;
    background: #F7F7F8 url('../image/img_pic.png') center center no-repeat;

  }

  .kicpa-layer-content .recruitment-pic .file_selection {
    color: #111;
    display: block;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #D4D6D9;
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 10px auto 0 auto;
  }

  .kicpa-layer-content .recruitment-pic .file_selection input {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
  }

  .kicpa-layer-content .recruitment-content .select {
    background: #fff;
  }

  .kicpa-layer-content .recruitment-content .cal-middle-icon {
    position: absolute;
    top: 30px;
    left: 203px;
    height: 40px;
    line-height: 40px;
    width: 20px;
    text-align: center;
    font-size: 12px;
  }

  .kicpa-layer-content .recruitment-content .round-add {
    background: #fff;
    border: 1px solid #D4D6D9;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #111;
    font-weight: 500;
    border-radius: 20px;
    cursor: pointer;
    padding: 0;
  }


  .kicpa-layer-content .recruitment-content .input-group > label {
    color: #707070;
  }

  .kicpa-layer-content .recruitment-save-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3)
  }

  .kicpa-layer-content .recruitment-save-layer h1 {
    font-size: 26px;
    text-align: center;
    display: block;
    font-weight: 600;
  }

  .kicpa-layer-content .recruitment-save-layer .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 650px;
    background: #fff;
    box-sizing: border-box;
    padding: 40px;
  }

  .kicpa-layer-content .recruitment-save-layer .text {
    font-size: 20px;
    text-align: center;
    padding: 100px 0 110px 0;
    line-height: 150%;
  }

  .kicpa-layer-content .recruitment-content .recruitment-success {
    text-align: center;
    padding-top: 50px;
  }

  .kicpa-layer-content .recruitment-content .recruitment-success .message {
    font-size: 48px;
    color: #24B5B6;
    font-weight: 100;
    margin: 0;
  }

  .kicpa-layer-content .recruitment-content .recruitment-success .noti {
    font-size: 22px;
    margin-top: 26px;
  }

  .kicpa-layer-content .recruitment-content .recruitment-success .date {
    margin-top: 59px;
    line-height: 180%;
  }

  .kicpa-layer-content .recruitment-content .recruitment-success .date dt {
    font-size: 18px;
    color: #414141;
  }

  .kicpa-layer-content .recruitment-content .recruitment-success .date dd {
    font-size: 18px;
    color: #414141;
  }

  .kicpa-layer-content .recruitment-content .recruitment-success .link {
    width: 300px;
    height: 60px;
    line-height: 60px;
    margin: 66px auto 0 auto;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    background: #24B5B6;
    display: block;
  }

  .kicpa-layer-content .recruitment-content .recruitment-success .saying {
    font-size: 18px;
    color: #677A90;
    line-height: 150%;
    margin-top: 52px;
  }

  .kicpa-layer-content .recruitment-print {
    width: 740px;
    border: 1px solid #EAECEF;
    background: #FFF;
    padding: 52px 45px;
    margin: 90px auto 0 auto;
  }

  .kicpa-layer-content .recruitment-print h2 {
    display: block;
    font-size: 32px;
    font-weight: 100;
    text-align: center;
    color: #677A90;
    padding-bottom: 23px;
    border-bottom: 1px solid #677A90;
  }

  .kicpa-layer-content .recruitment-print .basic-info {
    position: relative;
  }

  .kicpa-layer-content .recruitment-print .basic-info .left-info {
    width: 130px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }

  .kicpa-layer-content .recruitment-print .basic-info .left-info .name {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #414141;
  }

  .kicpa-layer-content .recruitment-print .basic-info .left-info .date {
    font-size: 12px;
    display: block;
    margin-top: 10px;
  }

  .kicpa-layer-content .recruitment-print .basic-info .left-info .pic {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 130px;
    height: 138px;
    border: 1px solid #D4D6D9;
    background: #F7F7F8 url('../image/img_pic.png') center center no-repeat;
  }

  .kicpa-layer-content .recruitment-print .basic-info .right-info {
    margin: 0 0 0 152px;
  }

  .kicpa-layer-content .recruitment-print .basic-info .right-info table {
    width: 100%;
  }

  .kicpa-layer-content .recruitment-print .basic-info .right-info table th {
    font-size: 12px;
    color: #414141;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #DCDCDC;
    height: 40px;
  }

  .kicpa-layer-content .recruitment-print .basic-info .right-info table td {
    font-size: 11px;
    text-align: left;
    border-bottom: 1px solid #DCDCDC;
    height: 40px;
    box-sizing: border-box;
    padding: 10px 20px;
    line-height: 150%;
  }

  .kicpa-layer-content .recruitment-print .basic-info2 {
    border-top: 1px solid #677A90;
    margin-top: 60px;
  }

  .kicpa-layer-content .recruitment-print .basic-info2 .title {
    line-height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #677A90;
  }

  .kicpa-layer-content .recruitment-print .basic-info2 .title span {
    font-size: 16px;
    color: #414141;
    font-weight: 500;
    margin-left: 20px;
  }

  .kicpa-layer-content .recruitment-print .basic-info2 table {
    width: 100%;
  }

  .kicpa-layer-content .recruitment-print .basic-info2 table thead th {
    height: 40px;
    text-align: center;
    font-size: 12px;
    color: #414141;
    border-bottom: 1px solid #707070;
    font-weight: 700;
  }

  .kicpa-layer-content .recruitment-print .basic-info2 table tbody td {
    height: 40px;
    text-align: center;
    font-size: 11px;
    border-bottom: 1px solid #DCDCDC;
  }

  .kicpa-layer-content .recruitment-print .basic-info2 table tbody td.solo {
    border-top: 1px solid #DCDCDC;
  }

  .kicpa-layer-content .recruitment-print .basic-info2 table tbody td.long {
    font-size: 13px;
    line-height: 180%;
    color: #414141;
    text-align: left;
    border-bottom: 0;
    padding: 10px 0 0 0;
  }


  /* datapicker 커스텀 */

  .kicpa-layer-content .ui-datepicker {
    /*width:221px;*/
    margin-top: 6px;
    background: #fff;
    border: 1px solid #c8d2d0;
    border-radius: 5px;
    padding: 0 0 10px 0;
    display: none;
  }

  .kicpa-layer-content .ui-datepicker .ui-datepicker-header {
    position: relative;
    text-align: center;
  }

  .kicpa-layer-content .ui-datepicker .ui-datepicker-prev, .kicpa-layer-content .ui-datepicker .ui-datepicker-next {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 30px;
    display: none;
    text-indent: -99999px;
    cursor: pointer;
  }

  .kicpa-layer-content .ui-datepicker .ui-datepicker-prev {
    left: 35px;
    background: url('../../images/pc/common/ico_left-arrow2.png') center center no-repeat;
  }

  .kicpa-layer-content .ui-datepicker .ui-datepicker-next {
    right: 35px;
    background: url('../../images/pc/common/ico_right-arrow2.png') center center no-repeat;
  }

  .kicpa-layer-content .ui-datepicker .ui-datepicker-title {
    font-size: 0;
    padding: 10px 0;
  }

  .kicpa-layer-content .ui-datepicker .ui-datepicker-year {
    position: relative;
    display: inline-block;
    width: 115px;
    height: 30px;
    padding-left: 10px;
    border: 1px solid #c8d2d0;
    background: #f6f6f6 url('../../asset/images/ico_select-arrow-down.png') 90px center no-repeat;
    margin: 0 5px;
    border-radius: 3px;
    color: #5a6e6f;
  }


  .kicpa-layer-content .ui-datepicker .ui-datepicker-month {
    display: inline-block;
    width: 85px;
    height: 30px;
    padding-left: 10px;
    border: 1px solid #c8d2d0;
    background: #f6f6f6 url('../../asset/images/ico_select-arrow-down.png') 62px center no-repeat;
    border-radius: 3px;
    margin: 0 5px;
    color: #5a6e6f;
  }

  .kicpa-layer-content .ui-datepicker table {
    width: 100%;
  }

  .kicpa-layer-content .ui-datepicker thead th {
    background: #f1f6f6;
    padding: 5px 3px;
  }

  .kicpa-layer-content .ui-datepicker thead th span {
    font-size: 14px;
    color: #5a6e6f;
    text-align: center;
    font-family: 'Noto Sans DemiLight';
  }

  .kicpa-layer-content .ui-datepicker tbody td {
    text-align: center;
    padding: 3px;
  }

  .kicpa-layer-content .ui-datepicker tbody td a {
    display: inline-block;
    font-size: 14px;
    color: #5a6e6f;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 25px;
  }

  .kicpa-layer-content .ui-datepicker table .ui-state-highlight {
    background: #b6c5c2;
    color: #fff !important;
  }

  .kicpa-layer-content .ui-datepicker table .ui-state-active {
    background: #24B5B6;
    color: #fff !important;
  }

  .kicpa-layer-content .ui-datepicker table .ui-state-highlight .ui-state-active {
    background: #24B5B6;
    color: #fff !important;
  }

  .kicpa-layer-content .ui-datepicker .ui-datepicker-calendar > thead th:first-child span {
    padding-left: 10px;
  }

  .kicpa-layer-content .ui-datepicker .ui-datepicker-calendar > thead th:last-child span {
    padding-right: 10px;
  }

  .kicpa-layer-content .ui-datepicker .ui-datepicker-calendar > tbody td:first-child a {
    color: #ff7368;
  }

  .kicpa-layer-content .ui-datepicker .ui-datepicker-calendar > tbody td:last-child a {
    color: #2897d1;
  }

  .kicpa-layer-content .application {
    margin: 180px 0 0 0;
    text-align: center;
  }

  .kicpa-layer-content .application h1 {
    font-size: 42px;
    font-weight: 200;
  }

  .kicpa-layer-content .application h2 {
    font-size: 18px;
    line-height: 150%;
    display: block;
    margin-top: 15px;
  }

  .kicpa-layer-content .application-menu {
    font-size: 0;
    margin-top: 86px;
  }

  .kicpa-layer-content .application-menu li {
    display: inline-block;
    width: 50%;
    max-width: 427px;
    box-sizing: border-box;
    vertical-align: top;
    margin: 0 14px;
  }

  .kicpa-layer-content .application-menu a {
    display: block;
    height: 427px;
    font-size: 32px;
    font-weight: 200;
  }

  .kicpa-layer-content .application-menu strong {
    font-size: 24px;
    font-weight: 600;
    display: block;
    margin: 95px 0 60px 0;
  }

  .kicpa-layer-content .application-menu li:first-child {
    text-align: right;
  }

  .kicpa-layer-content .application-menu li:first-child a {
    background: #24B5B6;
    border: 1px solid #24B5B6;
    text-align: center;
    color: #fff !important;
  }

  .kicpa-layer-content .application-menu li:last-child {
    text-align: left;
  }

  .kicpa-layer-content .application-menu li:last-child strong {
    color: #000;
  }

  .kicpa-layer-content .application-menu li:last-child a {
    background: #fff;
    border: 1px solid #24B5B6;
    text-align: center;
    color: #24B5B6;
  }

  .kicpa-layer-content .result-step {
    margin-top: 60px;
    font-size: 0;
    text-align: center;
  }

  .kicpa-layer-content .result-step li {
    margin: 0 15px 10px 15px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
  }

  .kicpa-layer-content .result-step a {
    position: relative;
    display: block;
    width: 180px;
    height: 180px;
    border: 2px solid #CBCED3;
    border-radius: 4px;
  }

  .kicpa-layer-content .result-step a:after {
    content: '';
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    background: url('../image/img_big-check_off.png') center center no-repeat;
  }

  .kicpa-layer-content .result-step strong {
    position: relative;
    display: block;
    font-size: 18px;
    color: #CBCED3;
    font-weight: 500;;
  }

  .kicpa-layer-content .result-step strong:before {
    content: '';
    display: block;
    width: 47px;
    height: 60px;
    margin: 40px auto 24px auto;
    background: url('../image/img_file_off.png') center center no-repeat;
  }

  .kicpa-layer-content .result-step a.active {
    border-color: #1983F7;
  }

  .kicpa-layer-content .result-step a.active:after {
    background: url('../image/img_big-check_on.png') center center no-repeat;
  }

  .kicpa-layer-content .result-step a.active strong {
    color: #1983F7;
  }

  .kicpa-layer-content .result-step a.active strong:before {
    background: url('../image/img_file_on.png') center center no-repeat;
  }

  .kicpa-layer-content .result-step a:hover {
    border-color: #1983F7;
  }

  .kicpa-layer-content .result-step a:hover:after {
    background: url('../image/img_big-check_on.png') center center no-repeat;
  }

  .kicpa-layer-content .result-step a:hover strong {
    color: #1983F7;
  }

  .jiro-table {
    width: 100%;
  }

  .jiro-table th {
    font-size: 13px;
    color: #909192;
    font-weight: 700;
    text-align: left;
    padding-left: 10px;
  }

  .jiro-table td {
    font-size: 13px;
    color: #909192;
    padding: 5px 0;
  }

  .jiro-table .digital-number th, .jiro-table .digital-number td {
    /* padding-top: 10px; */
  }

  .jiro-table .user-number th, .jiro-table .user-number td {
    /* padding-bottom: 10px; */
  }

  .jiro-table .jiro-number {
    text-align: center;
    background: #F4F8F8;
    padding: 33px 0 25px 0;
  }

  .jiro-table .jiro-number strong {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    color: #000;
  }

  .jiro-table .jiro-number ul {
    font-size: 0;
  }

  .jiro-table .jiro-number li {
    color: #000;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    vertical-align: top;
    margin: 0 1px;
    box-sizing: border-box;
    border: 1px solid #24B5B6;
    font-size: 31px;
    font-weight: 500;
  }

  .result-title {
    overflow: hidden;
  }

  .result-title strong {
    float: left;
    font-size: 16px;
    color: #151515;
    font-weight: 700;
    line-height: 40px;
  }

  .result-title span {
    color: #24B5B6;
    font-weight: 700;
  }

  .result-title button {
    float: right;
    height: 40px;
    line-height: 40px;
    background: #292929;
    border-radius: 40px;
    padding: 0 30px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    border: 0;
  }

  .dl-list {
    padding: 5px 50px;
  }

  .dl-list dl {
    overflow: hidden;
    padding: 4px 0;
  }

  .dl-list dt {
    float: left;
    color: #000;
    font-size: 14px;
  }

  .dl-list dd {
    float: right;
    color: #000;
    font-size: 14px;
  }

  .dl-list dl.price dt, .dl-list dl.price dd {
    color: #F15C3B;
  }

  .offline-jiro-check {
    font-size: 9px !important;
    text-align: right;
    padding: 7px 10px;
  }

  .offline-jiro-check label {
    font-size: 9px !important;
  }

  /*회비고지서 CSS 수정*/

  .kicpa-modal .modal-bill-info1 {
    margin: 30px 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .modal-inner.wide .modal-bill .modal-bill-info1 .left {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .modal-inner.wide .modal-bill .modal-bill-info1 .left .details {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px;
  }

  .modal-inner.wide .modal-bill .modal-bill-info1 .left .details .title {
    font-weight: 700;
    font-size: 18px;
    width: 180px;
  }

  .modal-inner.wide .modal-bill .modal-bill-info1 .left .details .desc {
    font-weight: 700;
    font-size: 18px;
    color: #393939;
  }

  .modal-inner.wide .modal-bill .modal-bill-info1 .right .price-box {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .modal-inner.wide .modal-bill .modal-bill-info1 .right .title {
    color: #F28744;
    font-size: 24px;
    font-weight: 700;
  }

  .modal-inner.wide .modal-bill .modal-bill-info1 .right .price {

    display: flex;
    height: 44px;
    padding: 0 8px;
    border-bottom: 4px solid #f28744;
    font-size: 30px;
    font-weight: 700;
  }

  .modal-inner.wide .modal-bill .modal-bill-info1 .right .price div {
    margin: 0 8px;
    color: #393939;
  }

  .modal-inner.wide .modal-bill .modal-bill-info3 .way .way-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
  }

  .modal-inner.wide .modal-bill .modal-bill-info3 .way .way-box .main-title {
    background: #2ccbdc;
    color: #ffffff;
    width: 140px;
    border-radius: 8px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
  }

  .modal-inner.wide .modal-bill .modal-bill-info3 .way .way-box .desc {
    width: 100%;
    height: 40px;
    border: 1px solid #2ccbdc;
    border-radius: 8px;
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 0 16px;
    align-items: center;
    box-sizing: border-box;
  }

  .modal-inner.wide .modal-bill .modal-bill-info3 .way .way-box .desc .sub-title {
    width: 200px;
    font-weight: 700;
  }

  .modal-inner.wide .modal-bill .modal-bill-info3 .way .way-box .desc .sub-desc {
    font-weight: 500;
    font-size: 15px;
  }

  .modal-inner.wide .modal-bill .modal-bill-info3 .way .way-box .desc .sub-desc.grey-font {
    color: #767676;
    display: flex;
    justify-content: space-between;

  }

  .modal-inner.wide .modal-bill .modal-bill-info3 .way .way-box .desc .sub-desc .notice {
    color: #C90000;
  }


  /*회비실시간납부 css 시작*/

  :root {
    --border-column: #ececef;
    --border-row: #cacbd4;
    --border-title: #383d4a;

    --orange: #F09156;
    --orange-border: rgba(240, 145, 86, 0.14);
    --orange-background: rgba(240, 145, 86, 0.07);

    --teal: #24B5B6;
    --teal-border: rgba(36, 181, 182, 0.14);
    --teal-background: rgba(36, 181, 182, 0.07);
  }

  .rpmf.kicpa-layer-content .mypage .my-page-title2 {
    margin-bottom: 50px;
  }

  .rpmf.content-wrap * {
    box-sizing: border-box;
  }

  .rpmf.content-wrap {
    width: 100%;

  }

  .rpmf.content-wrap .filter-box,
  .rpmf.content-wrap .result-box {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
    padding: 0 20px;
    margin: 0 0 10px 0;
    background-color: #ffffff;

    &:has(.w-full) {
      background: transparent;
      padding: 0;
    }
  }

  .rpmf.content-wrap .filter-box .description,
  .rpmf.content-wrap .result-box .description {
    flex-grow: 1;
  }

  .rpmf.content-wrap .filter-box .description p,
  .rpmf.content-wrap .result-box .description p {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px;
    margin-top: 4px;
  }

  .rpmf.content-wrap .filter-box .title,
  .rpmf.content-wrap .result-box .title {
    font-size: 16px;
    font-weight: 600;
    margin-right: 40px;
  }

  .rpmf.content-wrap .filter-box .date,
  .rpmf.content-wrap .result-box .date {
    font-size: 20px;
    color: #F09156;
    font-weight: 700;
  }

  .rpmf.content-wrap .filter-box .filter-button,
  .rpmf.content-wrap .result-box .pay-button {
    height: fit-content;
    padding: 8px 24px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, 0.14);
    background-color: transparent;
    min-width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.2s;

    &.w-full {
      width: 100%;
      background: #ffffff;
    }
  }

  .rpmf.content-wrap .filter-box .filter-button:hover {
    background-color: rgba(0, 0, 0, 0.07);
  }

  .rpmf.content-wrap .data-table-box {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;

    & tr {
      border-bottom: 1px solid var(--border-row);
    }

    & tr.title {
      border-bottom: 2px solid #333333;

      & th, td {
        font-weight: bold;
      }
    }

    & tr.total {
      & th, td {
        font-weight: bold;
      }
    }

    & th, td {
      border-right: 1px solid var(--border-column);
      padding: 0 8px;
      height: 46px;
      font-size: 14px;

      &.orange-font {
        font-size: 20px;
        color: #F15C3B;
      }

      &:last-child {
        border-right: none;
      }
    }

    & th {
      font-weight: bold;
    }
  }

  .rpmf.content-wrap .data-table-box .row.pc-key {
    display: grid;
    grid-template-columns:   0.7fr 1fr 1fr 1fr 0.7fr 0.7fr 0.7fr 1fr 2.2fr;
    justify-items: center;
    align-items: center;
    height: 50px;
    border-bottom: 2px solid var(--border-title);
  }

  .rpmf.content-wrap .data-table-box .row.pc-key .col2 {
    grid-column-start: 1;
    grid-column-end: 3;
  }

  .rpmf.content-wrap .data-table-box .row.pc-key > div {
    word-break: keep-all;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    padding: 0 8px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .rpmf.content-wrap .data-table-box .row.pc-key > div:not(:nth-child(8)) {
    border-right: 1px solid var(--border-column);
  }

  .rpmf.content-wrap .data-table-box .row .mo-value .mo-key {
    display: none;
  }

  .rpmf.content-wrap .data-table-box .row .mo-value {
    display: grid;
    grid-template-columns:   0.7fr 1fr 1fr 1fr 0.7fr 0.7fr 0.7fr 1fr 2.2fr;
    /*justify-items: center;*/
    height: 46px;
    align-items: center;
    border-bottom: 1px solid var(--border-row);
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div {
    font-size: 14px;
    width: 100%;
    padding: 0 8px;
    text-align: right;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .rpmf.content-wrap .data-table-box .row.result .mo-value > div {
    color: #0f438a;
  }

  .rpmf.content-wrap .data-table-box .row .mo-value.bold > div {
    font-weight: 700;
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div.bold,
  .rpmf.content-wrap .data-table-box .row .mo-value > div.sum {
    font-weight: 700;
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div:not(:nth-child(9)) {
    border-right: 1px solid var(--border-column);
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div:nth-child(1),
  .rpmf.content-wrap .data-table-box .row .mo-value > div:nth-child(2) {
    justify-content: flex-start;
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div:nth-child(9) {
    gap: 8px;
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div button {
    width: calc((100% - 16px) / 3);
    height: 30px;
    background-color: transparent;
    border: 1px solid #333333;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
    font-size: 15px;
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div button.select-all {
    border: 1px solid rgba(240, 145, 86, 0.14);
    color: #F09156;
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div button.select-all:hover {
    background-color: rgba(240, 145, 86, 0.07);
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div button.select-all:disabled {
    background-color: rgba(0, 0, 0, 0.07);
    cursor: not-allowed;
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div button.disselect-all {
    border: 1px solid rgba(0, 0, 0, 0.14);
    color: #717171;
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div button.disselect-all:hover {
    background-color: rgba(0, 0, 0, 0.07);
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div button.disselect-all:disabled {
    background-color: rgba(0, 0, 0, 0.07);
    cursor: not-allowed;
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div button.select-part {
    border: 1px solid rgba(36, 181, 182, 0.14);
    color: #24B5B6;
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div button.select-part:hover {
    background-color: rgba(36, 181, 182, 0.07);
  }

  .rpmf.content-wrap .data-table-box .row .mo-value > div button.select-part:disabled {
    background-color: rgba(0, 0, 0, 0.07);
    cursor: not-allowed;
  }

  .rpmf.content-wrap .result-box {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .rpmf.content-wrap .result-box .pay-button {
    border: 1px solid #F09156;
    color: #F09156;
    transition: 0.2s;
  }

  .rpmf.content-wrap .result-box .pay-button:hover {
    background-color: #F09156;
    color: #FFFFFF;
  }

  /*회비실시간납부 CSS 시작*/

  .kicpa-modal.rpmf * {
    font-family: Pretendard;
    box-sizing: border-box;
  }

  .kicpa-modal.rpmf .modal-inner {
    padding: 100px 45px 0;
  }

  .kicpa-modal.rpmf .title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
  }

  .kicpa-modal.rpmf .title-box .left {
    display: flex;
    gap: 8px;
    align-items: flex-end;
  }

  .kicpa-modal.rpmf .title-box .right {
    display: flex;
    gap: 16px;
    align-items: center;
  }

  .kicpa-modal.rpmf .title-box .static-title,
  .kicpa-modal.rpmf .title-box .date-val {
    font-size: 20px;
    font-weight: 600;
  }

  .kicpa-modal.rpmf .title-box .main-title,
  .kicpa-modal.rpmf .title-box .sub-title,
  .kicpa-modal.rpmf .title-box .date-key {
    font-size: 16px;
    font-weight: 600;
    color: #595959;
  }

  .kicpa-modal.rpmf .title-box .date-key {
    color: #333333;
  }

  .kicpa-modal.rpmf .title-box .date-val {
    color: #F09156;
  }

  .kicpa-modal.rpmf .title-box button.search {
    min-width: 120px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    background-color: transparent;
    color: #333333;
    font-size: 16px;
    padding: 0 16px;
  }

  .kicpa-modal.rpmf .title-box button.select-all {
    min-width: 120px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    background-color: transparent;
    color: #F09156;
    font-size: 16px;
    padding: 0 16px;
    cursor: pointer;
  }

  .kicpa-modal.rpmf .title-box button.disselect-all {
    min-width: 120px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    background-color: transparent;
    color: #333333;
    font-size: 16px;
    padding: 0 16px;
    cursor: pointer;
  }

  .kicpa-modal.rpmf .title-box button.search:hover,
  .kicpa-modal.rpmf .title-box button.disselect-all:hover,
  .kicpa-modal.rpmf .title-box button.select-all:hover {
    background-color: rgba(0, 0, 0, 0.07);
  }

  .kicpa-modal.rpmf .include-box {
    margin-bottom: 10px;
  }

  .kicpa-modal input[type=checkbox] {
    opacity: 0;
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .kicpa-modal label {
    position: relative;

    color: #1D1D1D;
    font-size: 16px;
    cursor: pointer;
    display: block;
  }

  .kicpa-modal label:has(input[type=checkbox]:disabled) {
    cursor: not-allowed;
  }

  .kicpa-modal label .text {
    width: fit-content;
    position: relative;
    padding-right: 27px;
    color: #F09156;
  }

  .kicpa-modal label .text:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: #CBCED3 url(../image/img_checkbox-check.png) center center no-repeat;
    background-size: 50%;
    box-sizing: border-box;
  }

  .kicpa-modal label input[type=checkbox]:checked + .text:before {
    background: #F15C3B url(../image/img_checkbox-check.png) center center no-repeat;
    background-size: 50%;
  }

  .kicpa-modal.rpmf .modal-data-box {
    height: calc(100% - 56px - 30px - 100px);
    overflow: auto;
    border-top: 1px solid var(--border-row);
    border-bottom: 1px solid var(--border-row);
    scroll-behavior: smooth;
  }

  .kicpa-modal.rpmf .modal-data-box::-webkit-scrollbar {
    width: 4px;
    background-color: #efefef;
  }

  .kicpa-modal.rpmf .modal-data-box::-webkit-scrollbar-thumb {
    width: 100%;
    background-color: #767676;
    border-radius: 2px;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title {
    display: grid;
    grid-template-columns:  0.4fr 2.8fr 0.6fr 1fr 1fr 0.8fr 0.8fr 0.5fr 1.3fr 0.8fr 0.8fr;
    grid-template-areas: "a b c d e f g g g g g"
"a b c d e f h i j k l";
    justify-items: center;
    align-items: center;
    border-bottom: 2px solid var(--border-title);
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 9999;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title > div {
    width: 100%;
    height: 100%;
    min-height: 28px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    text-align: center;
    word-break: keep-all;
    border-right: 1px solid var(--border-column);
    font-weight: 600;
    background-color: #ffffff;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title div:nth-child(1) {
    grid-area: a;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title div:nth-child(2) {
    grid-area: b;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title div:nth-child(3) {
    grid-area: c;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title div:nth-child(4) {
    grid-area: d;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title div:nth-child(5) {
    grid-area: e;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title div:nth-child(6) {
    grid-area: f;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title div:nth-child(7) {
    grid-area: g;
    border-bottom: 1px solid var(--border-row);
  }

  .kicpa-modal.rpmf .modal-data-box .row.title div:nth-child(8) {
    grid-area: h;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title div:nth-child(9) {
    grid-area: i;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title div:nth-child(10) {
    grid-area: j;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title div:nth-child(11) {
    grid-area: k;
  }

  .kicpa-modal.rpmf .modal-data-box .row.title div:nth-child(12) {
    grid-area: l;
  }

  .kicpa-modal.rpmf .modal-data-box .row .mo-value .mo-key {
    display: none;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row.title {
    grid-template-columns:  0.4fr 2.8fr 0.6fr 1fr 0.8fr 0.8fr 0.5fr 1.3fr 0.8fr 0.8fr;
    grid-template-areas: "a b c d e f f f f f"
						 "a b c d e g h i j k";
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row.title div:nth-child(1) {
    grid-area: a;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row.title div:nth-child(2) {
    grid-area: b;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row.title div:nth-child(3) {
    grid-area: c;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row.title div:nth-child(4) {
    grid-area: d;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row.title div:nth-child(5) {
    grid-area: e;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row.title div:nth-child(6) {
    grid-area: f;
    border-bottom: 1px solid var(--border-row);
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row.title div:nth-child(7) {
    grid-area: g;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row.title div:nth-child(8) {
    grid-area: h;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row.title div:nth-child(9) {
    grid-area: i;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row.title div:nth-child(10) {
    grid-area: j;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row.title div:nth-child(11) {
    grid-area: k;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row .mo-value .mo-key {
    display: none;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row.title {
    grid-template-areas: "a b c d e f f f f f"
"a b c d e g h i j k";
    grid-template-columns: 0.4fr 2.2fr 1.6fr 1fr 0.8fr 0.8fr 0.5fr 1.3fr 0.8fr 0.8fr;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row.title div:nth-child(1) {
    grid-area: a;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row.title div:nth-child(2) {
    grid-area: b;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row.title div:nth-child(3) {
    grid-area: c;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row.title div:nth-child(4) {
    grid-area: d;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row.title div:nth-child(5) {
    grid-area: e;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row.title div:nth-child(6) {
    grid-area: f;
    border-bottom: 1px solid var(--border-row);
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row.title div:nth-child(7) {
    grid-area: g;

  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row.title div:nth-child(8) {
    grid-area: h;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row.title div:nth-child(9) {
    grid-area: i;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row.title div:nth-child(10) {
    grid-area: j;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row.title div:nth-child(11) {
    grid-area: k;
  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row.title {
    grid-template-areas: "a b c d d d d ."
"a b c e f g h .";
    /*grid-template-columns: 0.4fr 3fr 3fr 0.8fr 1.3fr 0.8fr 0.8fr;*/
    grid-template-columns: 0.4fr 1fr 1fr 0.8fr 1.3fr 0.8fr 0.8fr 4fr;
  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row.title div:nth-child(1) {
    grid-area: a;
  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row.title div:nth-child(2) {
    grid-area: b;
  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row.title div:nth-child(3) {
    grid-area: c;
  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row.title div:nth-child(4) {
    grid-area: d;
    border-bottom: 1px solid var(--border-row);
  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row.title div:nth-child(5) {
    grid-area: e;
  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row.title div:nth-child(6) {
    grid-area: f;
  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row.title div:nth-child(7) {
    grid-area: g;

  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row.title div:nth-child(8) {
    grid-area: h;
  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row.title div:nth-child(9) {
    grid-area: k;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row.title {
    grid-template-areas: "a b c c f f f f ."
"a b d e g h i j .";
    /*grid-template-columns: 0.4fr 2.1fr 2.1fr 2.1fr 0.8fr 1.3fr 0.8fr 0.8fr;*/
    grid-template-columns: 0.4fr 1fr 1fr 1fr 0.8fr 1.3fr 0.8fr 0.8fr 3.3fr;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row.title div:nth-child(1) {
    grid-area: a;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row.title div:nth-child(2) {
    grid-area: b;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row.title div:nth-child(3) {
    grid-area: c;
    border-bottom: 1px solid var(--border-row);
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row.title div:nth-child(4) {
    grid-area: d;

  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row.title div:nth-child(5) {
    grid-area: e;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row.title div:nth-child(6) {
    grid-area: f;
    border-bottom: 1px solid var(--border-row);
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row.title div:nth-child(7) {
    grid-area: g;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row.title div:nth-child(8) {
    grid-area: h;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row.title div:nth-child(9) {
    grid-area: i;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row.title div:nth-child(10) {
    grid-area: j;
  }

  .kicpa-modal.rpmf .modal-data-box.wel-fee .row.title {
    grid-template-areas: "a b c .";
    grid-template-columns: 0.4fr 1fr 1fr 7.8fr;
  }

  .kicpa-modal.rpmf .modal-data-box .row .mo-value {
    display: grid;
    grid-template-columns:  0.4fr 2.8fr 0.6fr 1fr 1fr 0.8fr 0.8fr 0.5fr 1.3fr 0.8fr 0.8fr;
    border-bottom: 1px solid var(--border-row);
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row .mo-value {
    display: grid;
    grid-template-columns:  0.4fr 2.8fr 0.6fr 1fr 0.8fr 0.8fr 0.5fr 1.3fr 0.8fr 0.8fr;
    border-bottom: 1px solid var(--border-row);
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row .mo-value {
    grid-template-columns: 0.4fr 2.2fr 1.6fr 1fr 0.8fr 0.8fr 0.5fr 1.3fr 0.8fr 0.8fr;
  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row .mo-value {
    /*grid-template-columns: 0.4fr 3fr 3fr 0.8fr 1.3fr 0.8fr 0.8fr;*/
    grid-template-columns: 0.4fr 1fr 1fr 0.8fr 1.3fr 0.8fr 0.8fr 4fr;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row .mo-value {
    /*grid-template-columns: 0.4fr 2.1fr 2.1fr 2.1fr 0.8fr 1.3fr 0.8fr 0.8fr;*/
    grid-template-columns: 0.4fr 1fr 1fr 1fr 0.8fr 1.3fr 0.8fr 0.8fr 3.3fr;
  }

  .kicpa-modal.rpmf .modal-data-box.wel-fee .row .mo-value {
    /*grid-template-columns: 0.4fr 4.9fr 4.9fr;*/
    grid-template-columns: 0.4fr 1fr 1fr 7.8fr;
  }

  .kicpa-modal.rpmf .modal-data-box .row .mo-value > div {
    width: 100%;
    min-height: 36px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    border-right: 1px solid var(--border-column);
    word-break: keep-all;
    text-align: center;
  }

  .kicpa-modal.rpmf .modal-data-box .row .mo-value > div:nth-child(2) {
    justify-content: flex-start;
    overflow: hidden;
    white-space: normal;
    word-break: normal;
    padding: 4px 8px;
  }

  .kicpa-modal.rpmf .modal-data-box .row .mo-value > div:nth-child(9),
  .kicpa-modal.rpmf .modal-data-box .row .mo-value > div:nth-child(11) {
    justify-content: flex-end;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row .mo-value > div:nth-child(8),
  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row .mo-value > div:nth-child(10) {
    justify-content: flex-end;
  }

  .kicpa-modal.rpmf .modal-data-box.tax-adjust .row .mo-value > div:nth-child(9) {
    justify-content: center;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row .mo-value > div:nth-child(9) {
    justify-content: center;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-diag .row .mo-value > div:nth-child(8),
  .kicpa-modal.rpmf .modal-data-box.corp-diag .row .mo-value > div:nth-child(10) {
    justify-content: flex-end;
  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row .mo-value > div:nth-child(2) {
    justify-content: center;
  }

  .kicpa-modal.rpmf .modal-data-box.ann-fee .row .mo-value > div:nth-child(5),
  .kicpa-modal.rpmf .modal-data-box.ann-fee .row .mo-value > div:nth-child(7) {
    justify-content: flex-end;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row .mo-value > div:nth-child(2) {
    justify-content: center;
  }

  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row .mo-value > div:nth-child(6),
  .kicpa-modal.rpmf .modal-data-box.corp-ann-fee .row .mo-value > div:nth-child(8) {
    justify-content: flex-end;
  }

  .kicpa-modal.rpmf .modal-data-box.wel-fee .row .mo-value > div:nth-child(2) {
    justify-content: center;
  }

  .kicpa-modal.rpmf .modal-data-box.wel-fee .row .mo-value > div:nth-child(3) {
    justify-content: flex-end;
  }

  .kicpa-modal input[type=checkbox] {
    opacity: 0;
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  /*라벨옵션A*/

  .kicpa-modal .row label {
    position: relative;

    color: #1D1D1D;
    font-size: 16px;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 20px;
  }

  .kicpa-modal .row label:has(input[type=checkbox]:disabled) {
    cursor: not-allowed;
  }

  .kicpa-modal .row label .label-dummy {
    width: 100%;
    height: 100%;
  }

  .kicpa-modal .row label .label-dummy:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: #CBCED3 url(../image/img_checkbox-check.png) center center no-repeat;
    background-size: 50%;
    box-sizing: border-box;
  }

  .kicpa-modal .row label input[type=checkbox]:checked + .label-dummy:before {
    background: #F15C3B url(../image/img_checkbox-check.png) center center no-repeat;
    background-size: 50%;
  }


  .kicpa-modal label.row-label .row {
    position: relative;
  }

  .kicpa-modal label.row-label .row:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translate(0, -50%);
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: #CBCED3 url(../image/img_checkbox-check.png) center center no-repeat;
    background-size: 50%;
    box-sizing: border-box;
  }

  .kicpa-modal label.row-label input[type=checkbox]:checked + .row:before {
    background: #F15C3B url(../image/img_checkbox-check.png) center center no-repeat;
    background-size: 50%;
  }

  .kicpa-modal .modal-result-box {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
    align-items: center;
    padding: 30px 0;
  }

  .kicpa-modal .modal-result-box .sum-key {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
  }

  .kicpa-modal .modal-result-box .sum-val {
    font-size: 20px;
    font-weight: 600;
    color: #F09156;
  }

  .kicpa-modal .modal-result-box button.confirm {
    min-width: 120px;
    height: 40px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 600;
    color: #F09156;
    border: 1px solid #f09156;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    transition: 0.2s;
    cursor: pointer;
  }

  .kicpa-modal .modal-result-box button.cancel {
    min-width: 120px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    background-color: transparent;
    color: #333333;
    font-size: 16px;
    padding: 0 16px;
    transition: 0.2s;
  }

  .kicpa-modal .modal-result-box button.cancel:hover {
    background-color: rgba(0, 0, 0, 0.07);
    cursor: pointer;
  }

  .kicpa-modal .modal-result-box button.confirm:hover {
    background-color: #F09156;
    color: #FFFFFF
  }

  .kicpa-modal.rpmf .close-button {
    position: absolute;
    right: 45px;
    top: 45px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #F09156;
    background: url('../image/img_close.png') no-repeat center / contain;
    cursor: pointer;
  }

  .kicpa-modal.rpmf input[type=checkbox] {
    top: auto;
    visibility: hidden;
    display: none;
  }

  .my-page-table2 .result-table {
    background: #fff;
    margin-bottom: 100px;
  }

  .my-page-table2 .result-table .key-box {
    display: grid;
    grid-template-columns: 2.5fr 2fr 1fr 2fr 1.5fr 1.5fr;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid var(--border-title);
    height: 40px;
  }

  .my-page-table2 .result-table .key-box div {
    height: 100%;
    text-align: center;
    border-right: 1px solid var(--border-column);
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    font-weight: 700;
  }

  .my-page-table2 .result-table .key-box div:nth-last-child(1) {
    border-right: none;
  }

  .my-page-table2 .result-table .val-box .val {
    display: grid;
    grid-template-columns: 2.5fr 2fr 1fr 2fr 1.5fr 1.5fr;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--border-row);
    height: 40px;
  }

  .my-page-table2 .result-table .val-box .val:nth-last-child(1) {
    border-bottom: none;
  }

  .my-page-table2 .result-table .val-box .val li {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    text-align: center;
    border-right: 1px solid var(--border-column);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
  }

  .my-page-table2 .result-table .val-box .val li:nth-child(4) {
    color: #F15C3B;
    /*font-weight: 700;*/
    justify-content: flex-end;
    padding: 0 16px;
  }

  .my-page-table2 .result-table .val-box .val li:nth-last-child(1) {
    border-right: none;
  }

  .my-page-table2 .result-table .val-box .val li .search77 {
    width: auto;
    padding: 8px 16px;
  }


  /*기본실무수습등록신청서 , 외부감사실무수습 등록신청서 양식 변경 CSS*/

  .basic-info .register-box {
    margin-bottom: 8px;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 3fr;
    background: #efefef;
  }

  .basic-info .register-box .key, .basic-info .register-box .val {
    padding: 8px 16px 8px 8px;
    font-size: 12px;
    color: #414141;
    font-weight: 700;
    border-bottom: 1px solid #DCDCDC;
  }

  .basic-info .register-box .key:nth-child(3) {
    border-left: 1px solid #DCDCDC;
  }

  .basic-info .register-box .val {
    font-weight: 400;
  }


  /*웹서비스 이용정지자 안내문*/

  .ann-wrap {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
  }

  .ann-wrap .title-box .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
  }

  .ann-wrap .title-box .subtitle-box {
    border: 1px solid #000000;
    display: grid;
    grid-template-columns: 3fr 1fr;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);;
  }

  .ann-wrap .title-box .subtitle-box > * {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .ann-wrap .title-box .subtitle-box span {
    border-right: 1px solid rgba(0, 0, 0, 0.14);
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;

  }

  .ann-wrap .title-box .subtitle-box > div {
    padding: 10px;
    text-align: center;
  }

  .ann-wrap .desc-box > div button {
    width: auto;
    height: fit-content;
    padding: 8px 24px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, 0.14);
    background-color: transparent;
    min-width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.2s;
  }

  .ann-wrap .title-box .subtitle-box > div button:hover {
    background: rgba(0, 0, 0, 0.07);
  }

  .ann-wrap .desc-box {
    display: grid;
    grid-template-columns: 3fr 1fr;
  }

  .ann-wrap .desc-box > div {
    border: 1px solid #000000;
    /*border-top: none;*/
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
  }

  .ann-wrap .desc-box > div:nth-child(1) {
    border-right: none;
  }

  .ann-wrap .desc-box span strong {
    color: #F09156;
  }

  .logout.fixed-btn {
    position: absolute;
    top: 26px;
    right: 96px;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    cursor: pointer;
    background: #F09156;
    border-radius: 50%;
  }

  .logout.fixed-btn > i {
    width: 24px;
    height: 24px;
    background: url(../image/icon-logout.svg) center center no-repeat;
  }

  .filter-box .title {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .filter-box .title > span strong {
    color: #f09156;
    font-weight: 600;
  }

  .select-dues-new-list {
    & div.description {
      width: 100%;
      gap: 4px;
      padding: 10px 20px;
      margin: 0 0 10px 0;
      background-color: #ffffff;
      box-sizing: border-box;
      line-height: 1.4;
      margin-bottom: 10px;

      & p {
        font-weight: 600;
      }
    }

    & .basic-table {
      & th.need-check, td.need-check {
        color: #dc2626;
        position: relative;

        &:hover {
          &::before {
            opacity: 1;
          }
        }

        &::before {
          content: attr(data-text);
          position: absolute;
          z-index: 99;
          padding: 20px;
          border-radius: 10px;
          font-size: 14px;
          top: 50px;
          left: 0;
          width: 100%;
          box-sizing: border-box;
          background: #ffffff;
          text-align: left;
          box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
          color: #1D1D1D;
          opacity: 0;
          transition: 0.2s;
        }
      }
    }
  }

  .kicpa-layer-content.myCpaMemberReg2 {
    background: rgba(0, 0, 0, 0.3);
    padding: 0;

    & .contents {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
      padding: 40px;
      background: #ffffff;
      box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
      border-radius: 20px;
      min-width: 820px;

      & ul.announce-box {
        font-size: 16px;
        font-weight: 600;
        color: #F09156;
        margin-bottom: 20px;
        word-break: keep-all;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 20px;
        border: 1px solid #F09156;
        border-radius: 10px;
      }

      & form {
        & .contents-title {
          display: flex;
          align-items: center;

          & p {
            margin: 0;
          }
        }

        & .content-box {
          margin-top: 20px;

          & .responsive-form-box {
            & ul {
              display: flex;

              & li {
                padding: 0;
                margin: 0;

                & .input-group {
                  display: flex;
                  gap: 20px;
                  align-items: center;

                  & label {
                    margin: 0;
                  }

                  & .radio-group {
                    display: flex;
                    margin: 0;
                    gap: 10px;
                    align-items: center;

                    & .radio {
                      margin: 0;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }


  .rpmf.content-wrap {
    & .input-wrap {
      padding: 20px;
      display: flex;
      gap: 30px;
      grid-template-columns: repeat(4, 1fr);
      align-items: center;
      background: #ffffff;
      margin-bottom: 10px;

      & > button {
        width: 140px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        color: #fff;
        border: 0;
        background: #24B5B6;
        border-radius: 20px;
        font-size: 14px;
        color: #fff;
        cursor: pointer;
        margin: 0 0 0 auto;
      }

      & > div {
        display: flex;
        gap: 10px;
        align-items: center;

        & > span {
          font-size: 14px;
          font-weight: 600;
        }

        & select {
          height: 32px;
          min-width: 120px;
          padding: 0 10px;
          border: 1px solid #AAAAAA;
        }

        & input {
          height: 32px;
          min-width: 120px;
          padding: 0 10px;
          border: 1px solid #AAAAAA;
        }

        & select {
          position: relative;
          padding-right: 30px;
          background: url("../image/select-arrow.png") no-repeat top 6px right 6px / 20px 20px;
        }

        & .input-search {
          position: relative;

          & button.search {
            width: 32px;
            height: 32px;
            position: absolute;
            right: 0;
            top: 0;
            background: url("../image/search-icon.png") no-repeat center / 20px 20px;
            border: none;
            cursor: pointer;
          }
        }
      }
    }
  }

  #search_audit {
    & .modal-inner {
      padding: 45px;

      & .title {
        font-size: 20px;
        margin-bottom: 40px;
        font-weight: 700;
        display: flex;
        justify-content: space-between;

        & button.close {
          width: 24px;
          height: 24px;
          border: none;
          background: url("../image/img_close.png") no-repeat center / contain;
          cursor: pointer;
        }
      }

      & .input-search {
        position: relative;
        margin-bottom: 20px;

        & input {
          width: 100%;
          height: 40px;
          padding: 0 42px 0 10px;
          border: 1px solid #AAAAAA;
        }

        & button.search {
          width: 32px;
          height: 32px;
          position: absolute;
          right: 4px;
          top: 4px;
          background: url("../image/search-icon.png") no-repeat center / 20px 20px;
          border: none;
          cursor: pointer;
        }
      }

      & .table-wrap {
        height: 440px;
        overflow-y: auto;
      }

      & table.search-audit {
        width: 100%;
        border-collapse: collapse;

        & th, td {
          border: 1px solid var(--border-column);
          padding: 4px 8px;

          & button {
            border: 1px solid #f09156;
            color: #F15C3B;
            background: #ffffff;
            border-radius: 6px;
            height: 32px;
            padding: 0 20px;
            display: inline-flex;
            align-items: center;
            cursor: pointer;
          }
        }

        & th {
          border-bottom: 2px solid #333333;
          padding: 8px;
        }

        & tr:not(:has(th)):hover {
          background: #f7f7f7;
        }
      }
    }
  }

  .kicpa-layer-content.myCpaMemberReg1 {
    & .contents {
      & ul.announce-box {
        font-size: 16px;
        font-weight: 600;
        color: #F09156;
        margin-bottom: 20px;
        word-break: keep-all;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 20px;
        border: 1px solid #F09156;
        border-radius: 10px;
      }

      & form {
        & .contents-title {
          display: flex;
          align-items: center;

          & p {
            margin: 0;
          }
        }

        & .content-box {
          margin-top: 20px;

          & .responsive-form-box {
            & ul {
              display: flex;

              & li {
                padding: 0;
                margin: 0;

                & .input-group {
                  display: flex;
                  gap: 20px;
                  align-items: center;

                  & label {
                    margin: 0;
                  }

                  & .radio-group {
                    display: flex;
                    margin: 0;
                    gap: 10px;
                    align-items: center;

                    & .radio {
                      margin: 0;

                      & input[type="radio"] {
                        opacity: 0;
                        position: absolute;
                        top: -9999px;
                        left: -9999px;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .myCpaMemberReg1.contents {
    & ul.announce-box {
      font-size: 16px;
      font-weight: 600;
      color: #F09156;
      margin-bottom: 20px;
      word-break: keep-all;
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding: 20px;
      border: 1px solid #F09156;
      border-radius: 10px;
    }

    & form {
      & .contents-title {
        display: flex;
        align-items: center;

        & p {
          margin: 0;
        }
      }

      & .content-box {
        margin-top: 20px;

        & .responsive-form-box {
          & ul {
            display: flex;

            & li {
              padding: 0;
              margin: 0;

              & .input-group {
                display: flex;
                gap: 20px;
                align-items: center;

                & label {
                  margin: 0;
                }

                & .radio-group {
                  display: flex;
                  margin: 0;
                  gap: 10px;
                  align-items: center;

                  & .radio {
                    margin: 0;

                    & input[type="radio"] {
                      opacity: 0;
                      position: absolute;
                      top: -9999px;
                      left: -9999px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .kicpa-layer-content .mypage .my-page-table2 > table > thead th {
    border-bottom: 2px solid black;
  }

  .my-page-table2 .result-table {
    & td, & th {
      padding: 0 16px;
      height: 40px;
      text-align: center;
      border: 1px solid var(--border-column);

      &.right {
        text-align: right;
      }

      &.left {
        text-align: left;
      }

      &.orange-font {
        color: #F15C3B;
      }
    }

    & tbody {
      & td {
        font-size: 14px;
      }
    }
  }

  .kicpa-modal.payment-detail-modal {
    font-family: "Noto Sans KR", sans-serif;

    & .modal-inner.wide {
      display: flex;
      flex-direction: column;
      width: auto;
      min-width: 1200px;

      & > div > table {
        & thead {
          position: sticky;
          top: 0;
        }
      }

      max-width: calc(100vw - 90px);

      & table {
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;

        & td, & th {
          padding: 0 6px;
          height: 40px;
          text-align: center;
          border: 1px solid #333333;
          font-size: 14px;

          &.right {
            text-align: right;
          }

          &.left {
            text-align: left;
          }

          &.orange-font {
            color: #F15C3B;
          }
        }

        & th {
          font-weight: 600;
          height: 34px;
          white-space: nowrap;
        }

        & td {
          text-wrap: balance;
          word-break: keep-all;
          white-space: nowrap;

          &.whitespace-normal {
            white-space: normal;
            text-wrap: balance;
          }
        }

        & caption {
          text-align: right;
          font-size: 14px;
          color: #777777;
        }

        & thead {
          border-bottom: 2px solid black;
          background: #fafafa;

          & tr {
            & th {
              position: relative;
            }
          }
        }

        &.summary-table {
          & td, & th {
            padding: 0 16px;
          }

          & th {
            color: #24B5B6;
          }
        }
      }

      .small-round-button.type4 {
        width: auto;
        padding: 0 20px;
        margin: 0;
        height: 40px;
        text-align: center;
        border: 0;
        border-radius: 20px;
        font-size: 18px;
        color: #fff;
        cursor: pointer;
        display: flex;
        line-height: 1;
        justify-content: center;
        align-items: center;
      }
    }
  }

}

.kicpa-layer-content.myCpaMemberReg1 {
  & .contents {
    & ul.announce-box {
      font-size: 16px;
      font-weight: 600;
      color: #F09156;
      margin-bottom: 20px;
      word-break: keep-all;
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding: 20px;
      border: 1px solid #F09156;
      border-radius: 10px;
    }

    & form {
      & .contents-title {
        display: flex;
        align-items: center;

        & p {
          margin: 0;
        }
      }

      & .content-box {
        margin-top: 20px;

        & .responsive-form-box {
          & ul {
            display: flex;

            & li {
              padding: 0;
              margin: 0;

              & .input-group {
                display: flex;
                gap: 20px;
                align-items: center;

                & label {
                  margin: 0;
                }

                & .radio-group {
                  display: flex;
                  margin: 0;
                  gap: 10px;
                  align-items: center;

                  & .radio {
                    margin: 0;

                    & input[type="radio"] {
                      opacity: 0;
                      position: absolute;
                      top: -9999px;
                      left: -9999px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}