@charset "UTF-8";
@media (max-width: 1000px) {

  /*datepicker-bs5*/
  .datepicker {
    width: -moz-min-content;
    width: min-content;
  }

  .datepicker:not(.active) {
    display: none;
  }

  .datepicker-dropdown {
    position: absolute;
    z-index: 1000;
    padding-top: 4px;
  }

  .datepicker-dropdown.datepicker-orient-top {
    padding-top: 0;
    padding-bottom: 4px;
  }

  .datepicker-picker {
    display: flex;
    flex-direction: column;
    border-radius: 0.375rem;
    background-color: #fff;
  }

  .datepicker-dropdown .datepicker-picker {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .datepicker-main {
    flex: auto;
    padding: 2px;
  }

  .datepicker-footer {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    background-color: #f8f9fa;
  }

  .datepicker-title {
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1);
    background-color: #f8f9fa;
    padding: 0.375rem 0.75rem;
    text-align: center;
    font-weight: 700;
  }

  .datepicker-controls {
    display: flex;
  }

  .datepicker-header .datepicker-controls {
    padding: 2px 2px 0;
  }

  .datepicker-controls .btn {
    border-color: #f8f9fa;
    background-color: #fff;
  }

  .datepicker-controls .btn:hover {
    border-color: #dbe0e5;
    background-color: #e2e6ea;
    color: #000;
  }

  .datepicker-controls .btn:focus {
    border-color: #dbe0e5;
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
    background-color: #e2e6ea;
    color: #000;
  }

  .datepicker-controls .btn:disabled {
    border-color: #f8f9fa;
    background-color: #f8f9fa;
    color: #000;
  }

  .datepicker-controls .btn:not(:disabled):active {
    border-color: #d4dae0;
    background-color: #dbe0e5;
    color: #000;
  }

  .datepicker-controls .btn:not(:disabled):active:focus {
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
  }

  .datepicker-header .datepicker-controls .btn {
    border-color: transparent;
    font-weight: bold;
  }

  .datepicker-footer .datepicker-controls .btn {
    flex: auto;
    margin: calc(0.375rem - 1px) 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
  }

  .datepicker-controls .view-switch {
    flex: auto;
  }

  .datepicker-controls .prev-button,
  .datepicker-controls .next-button {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
    flex: 0 0 14.2857142857%;
  }

  .datepicker-controls .prev-button.disabled,
  .datepicker-controls .next-button.disabled {
    visibility: hidden;
  }

  .datepicker-view,
  .datepicker-grid {
    display: flex;
  }

  .datepicker-view {
    align-items: stretch;
    width: 15.75rem;
  }

  .datepicker-grid {
    flex-wrap: wrap;
    flex: auto;
  }

  .datepicker .days {
    display: flex;
    flex-direction: column;
    flex: auto;
  }

  .datepicker .days-of-week {
    display: flex;
  }

  .datepicker .week-numbers {
    display: flex;
    flex-direction: column;
    flex: 0 0 9.6774193548%;
  }

  .datepicker .weeks {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: auto;
  }

  .datepicker span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  .datepicker .dow {
    height: 1.5rem;
    font-size: 0.9375rem;
    font-weight: 700;
  }

  .datepicker .week {
    flex: auto;
    color: #dee2e6;
    font-size: 0.875rem;
  }

  .datepicker-cell,
  .datepicker .days .dow {
    flex-basis: 14.2857142857%;
  }

  .datepicker-cell {
    height: 2.25rem;
  }

  .datepicker-cell:not(.day) {
    flex-basis: 25%;
    height: 4.5rem;
  }

  .datepicker-cell:not(.disabled):hover {
    background-color: #f9f9f9;
    cursor: pointer;
  }

  .datepicker-cell.focused:not(.selected) {
    background-color: #e2e6ea;
  }

  .datepicker-cell.selected,
  .datepicker-cell.selected:hover {
    background-color: #0d6efd;
    color: #fff;
    font-weight: 600;
  }

  .datepicker-cell.disabled {
    color: rgba(33, 37, 41, 0.5);
  }

  .datepicker-cell.prev:not(.disabled),
  .datepicker-cell.next:not(.disabled) {
    color: rgba(33, 37, 41, 0.5)
  }

  .datepicker-cell.prev.selected,
  .datepicker-cell.next.selected {
    color: #e6e6e6;
  }

  .datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
    border-radius: 0;
    background-color: #f8f9fa;
  }

  .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
    background-color: #f1f3f5;
  }

  .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
    background-color: #e2e6ea;
  }

  .datepicker-cell.today:not(.selected) {
    background-color: #20c997;
  }

  .datepicker-cell.today:not(.selected):not(.disabled) {
    color: #fff;
  }

  .datepicker-cell.today.focused:not(.selected) {
    background-color: #1fc493;
  }

  .datepicker-cell.range-end:not(.selected),
  .datepicker-cell.range-start:not(.selected) {
    background-color: #6c757d;
    color: #fff;
  }

  .datepicker-cell.range-end.focused:not(.selected),
  .datepicker-cell.range-start.focused:not(.selected) {
    background-color: #69727a;
  }

  .datepicker-cell.range-start:not(.range-end) {
    border-radius: 0.375rem 0 0 0.375rem;
  }

  .datepicker-cell.range-end:not(.range-start) {
    border-radius: 0 0.375rem 0.375rem 0;
  }

  .datepicker-cell.range {
    border-radius: 0;
    background-color: #e9ecef;
  }

  .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
    background-color: #e2e6ea;
  }

  .datepicker-cell.range.disabled {
    color: #ced4db;
  }

  .datepicker-cell.range.focused {
    background-color: #dbe0e5;
  }

  .datepicker-input.in-edit {
    border-color: #73acfe;
  }

  .datepicker-input.in-edit:focus,
  .datepicker-input.in-edit:active {
    box-shadow: 0 0 0.25em 0.25em rgba(115, 172, 254, 0.2);
  }

  main .section {
    padding: 3rem 1.5rem;
  }

  aside {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -300px;
    width: 300px;
    overflow: auto;
    background-color: #fff;
    box-shadow: inset 1px 1px rgba(0, 0, 0, 10%);
    transition: right 0.3s;
  }

  .open aside {
    right: 0;
  }

  aside hr {
    margin-top: 0.5rem;
  }

  .code-wrap {
    position: relative;
  }

  .code-wrap pre {
    background-color: whitesmoke;
    padding: 1.25rem 1.5rem;
    max-height: 320px;
    overflow-y: auto;
  }

  .code-wrap pre:not(.is-active) {
    height: 0;
    overflow: hidden;
    opacity: 0.5;
  }

  .code-wrap .collapse-button {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    background-color: #f6f6f6cc;
    cursor: pointer;
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
  }

  .code-wrap pre:not(.is-active)+.collapse-button {
    background-color: transparent;
  }

  .code-wrap pre code.hljs {
    display: initial;
    overflow: initial;
    background: initial;
    padding: initial;
  }

  .option-type-selector {
    margin-top: -0.5rem;
  }

  .option-type-selector>label:first-of-type {
    margin: 0 0.25rem;
  }

  .is-hidden {
    display: none;
  }

  .toggle-button {
    position: fixed;
    top: 0.75rem;
    right: 0.75rem;
    width: 1.5rem;
    background-color: #fff;
    line-height: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 10%);
    border-radius: 2px;
    box-shadow: 1px 1px rgba(0, 0, 0, 10%);
    cursor: pointer;
  }

  .toggle-button::before {
    content: '\25c0';
    padding-left: 0.25rem;
  }

  .open .toggle-button::before {
    content: '\25b6';
  }

  @media (min-width: 481px) {
    main {
      margin-right: 38.1966%;
    }

    aside {
      right: 0;
      width: 38.1966%;
    }

    .toggle-button {
      display: none;
    }
  }

  @media (min-width: 992px) {
    .code-wrap pre {
      max-height: calc(39vw - 7.5rem);
    }
  }

  .toggle-button {
    display: none;
  }

  /*HCAU-calendar*/
  .HCAU-calendar {
    position: relative;
  }

  .HCAU-calendar .form-control:not(:disabled) {
    padding-right: 50px;
  }

  .HCAU-calendar span button,
  .HCAU-calendar span img {
    position: absolute;
    right: 16px;
    top: 50%;
    outline: none;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    margin-top: -12px
  }

  /* .calendar .form-control:disabled{padding-right:0;opacity: .5;} */
  .calendar .form-control:disabled+span img {
    opacity: 0.3
  }

  .datepicker-cell.prev,
  .datepicker-cell.next {
    opacity: 0.5;
    background: #eee;
  }

  .datepicker-cell.prev:hover,
  .datepicker-cell.next:hover {
    background: #eee;
    cursor: default;
  }

  .datepicker-main {
    padding: 20px
  }

  .datepicker span {
    border-radius: 2rem
  }

  .datepicker-cell.focused:not(.selected),
  .datepicker-cell.selected,
  .datepicker-cell.selected:hover {
    background-color: #af6249;
    color: #fff;
  }

  .datepicker-view.months.datepicker-grid,
  .datepicker-view.years.datepicker-grid {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
  }

  .datepicker-cell.month,
  .datepicker-cell.year {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-radius: 0;
    font-weight: bold;
    font-size: 14px
  }

  .datepicker-cell:not(.day) {
    flex-basis: 50%;
    height: 36px
  }

  .datepicker-cell.day,
  .datepicker .dow {
    min-height: 24px;
    height: 2rem;
    flex-basis: 2rem;
    margin: 0.1rem;
    border-radius: 50% !important;
    border: 1px solid #e5e5e5
  }

  .datepicker .days-of-week .dow {
    margin: 0.1rem;
    max-width: 32px
  }

  .datepicker .days .dow:nth-child(1),
  .datepicker .days .dow:nth-child(2),
  .datepicker .days .dow:nth-child(3),
  .datepicker .days .dow:nth-child(4),
  .datepicker .days .dow:nth-child(5) {
    background-color: #444;
    color: #fff
  }

  .datepicker .days .dow:nth-child(6) {
    background-color: #1760B6;
    color: #fff
  }

  .datepicker .days .dow:nth-child(7) {
    background-color: #C31818;
    color: #fff
  }

  .form-control.date.datepicker-input:focus {
    border-color: #af6249 !important;
    outline: 1px solid #af6249 !important;
    box-shadow: 0 0 0 0
  }

  ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
  }

  ::selection {
    background: #b3d4fc;
    text-shadow: none;
  }

  html {
    position: relative;
  }

  html,
  body {
    position: relative;
    padding: 0;
    margin: 0;
    line-height: 1.25;
    width: 100%;
  }

  body {
    font-family: "GenesisTextOffice",
      "Malgun Gothic", Dotum, "돋움", AppleGothicNeoSD, "Apple SD 산돌고딕 Neo",
      "굴림", arial, sans-serif;
    color: #000000;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
  }

  body,
  div,
  section,
  dl,
  ul,
  ol,
  li,
  dt,
  dd,
  blockquote,
  p {
    font-family: "GenesisTextOffice";
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-weight: 400;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .HCAU-h1,
  .HCAU-h2 {
    line-height: 1;
    margin: 0;
    font-weight: 700;
    font-family: "GenesisHeadOffice";
    font-smooth: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  li {
    list-style: none;
  }

  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
  }

  audio,
  canvas,
  iframe,
  img,
  svg,
  video {
    vertical-align: middle;
  }

  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }

  textarea {
    resize: vertical;
  }

  pre,
  xmp,
  plaintext,
  listing,
  samp,
  kbd,
  code,
  figure,
  figcaption {
    margin: 0;
  }

  iframe {
    border: none;
  }

  iframe[src*="insight.adsrvr.org/tags"] {
    display: none;
  }

  img {
    vertical-align: top;
  }

  strong,
  b {
    font-family: "GenesisHeadOffice";
    font-weight: 700;
  }

  pre {
    white-space: pre-wrap;
  }

  ::-webkit-input-placeholder {
    color: #999;
  }

  ::-moz-placeholder {
    color: #999;
  }

  :-ms-input-placeholder {
    color: #999;
  }

  :-moz-placeholder {
    color: #999;
  }

  table {
    width: 100%;
  }

  caption {
    left: -10000px;
    top: auto;
    height: 0;
    overflow: hidden;
  }

  button:focus,
  a:focus,
  a:active,
  button::-moz-focus-inner,
  input[type="reset"]::-moz-focus-inner,
  input[type="button"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
  select::-moz-focus-inner,
  input[type="file"]>input[type="button"]::-moz-focus-inner {
    outline: blue;
    box-shadow: 0 0 3px 0px blue;
    position: relative;
  }

  select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 3px 0 blue;
  }

  html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }

  body {
    margin: 0;
  }

  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
    display: block;
  }

  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    vertical-align: baseline;
  }

  audio:not([controls]) {
    display: none;
    height: 0;
  }

  [hidden],
  template {
    display: none;
  }

  a {
    background-color: rgba(0, 0, 0, 0);
    color: #000000;
  }

  a:active,
  a:hover {
    outline: 0;
  }

  abbr[title] {
    border-bottom: 1px dotted;
  }

  b,
  strong {
    font-weight: 700;
  }

  dfn {
    font-style: italic;
  }

  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }

  mark {
    background: #ff0;
    color: #000000;
  }

  small {
    font-size: 80%;
  }

  sub,
  sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup {
    top: -0.5em;
  }

  sub {
    bottom: 0;
  }

  img {
    border: 0;
  }

  svg:not(:root) {
    overflow: hidden;
  }

  figure {
    margin: 1em 40px;
  }

  hr {
    box-sizing: content-box;
    height: 0;
  }

  pre {
    overflow: auto;
  }

  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit;
    font: inherit;
    margin: 0;
  }

  button {
    overflow: visible;
    outline: none;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
  }

  button,
  select {
    text-transform: none;
  }

  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
  }

  button[disabled],
  html input[disabled] {
    cursor: default;
  }

  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  input {
    line-height: normal;
  }

  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }

  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
  }

  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }

  legend {
    border: 0;
    padding: 0;
  }

  textarea {
    overflow: auto;
  }

  optgroup {
    font-weight: bold;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  td,
  th {
    padding: 0;
  }

  .wrap {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: url(/sfsites/c/resource/genesisFrontend/img/bg/m/img_sub.png) no-repeat;
    background-size: 100%;
  }

  .HCAU-container {
    background: #fff;
    flex: 1 1 auto;
    /* padding-top: 32px; */
  }

  /* Common End  */



  /* Component Started */
  .g08 {
    gap: 8px;
  }

  .g10 {
    gap: 10px;
  }

  .g12 {
    gap: 12px;
  }

  .g16 {
    gap: 16px;
  }

  .g20 {
    gap: 20px;
  }

  .g40 {
    gap: 40px;
  }

  .g54 {
    gap: 54px;
  }

  .g96 {
    gap: 96px;
  }

  .gx-20 {
    --bs-gutter-x: 20px;
  }

  .gy-28 {
    --bs-gutter-y: 28px;
  }

  .rg0 {
    row-gap: 0;
  }

  .p10 {
    padding: 10px;
  }

  .p12 {
    padding: 12px;
  }

  .p20 {
    padding: 20px;
  }

  .p32 {
    padding: 32px;
  }

  .p40 {
    padding: 40px;
  }

  .p45 {
    padding: 45px;
  }

  .p50 {
    padding: 50px;
  }

  .pt12 {
    padding-top: 12px;
  }

  .pt16 {
    padding-top: 16px;
  }

  .pt20 {
    padding-top: 20px;
  }

  .pt28 {
    padding-top: 28px !important;
  }

  .pt32 {
    padding-top: 32px;
  }

  .pt40 {
    padding-top: 40px;
  }

  .pt60 {
    padding-top: 60px;
  }

  .pt80 {
    padding-top: 80px;
  }

  .pe16 {
    padding-right: 16px;
  }

  .pb20 {
    padding-bottom: 20px;
  }

  .pb32 {
    padding-bottom: 32px;
  }

  .pb40 {
    padding-bottom: 40px !important;
  }

  .py12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .py15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .py16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .py20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .py24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .py28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .py32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .py35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .py40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .py60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .py80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .px20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .px30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .px32 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .px36 {
    padding-left: 32px;
    padding-right: 36px;
  }

  .px40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .mx-16 {
    margin-left: -16px;
    margin-right: -16px;
  }

  .mx12 {
    margin-left: 12px;
    margin-right: 12px;
  }

  .mx20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .mx32 {
    margin-left: 32px;
    margin-right: 32px;
  }

  .my20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .my80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .mt-40 {
    margin-top: -40px;
  }

  .mt0 {
    margin-top: 0px;
  }

  .mt10 {
    margin-top: 10px;
  }

  .mt12 {
    margin-top: 12px !important;
  }

  .mt20 {
    margin-top: 20px;
  }

  .mt28 {
    margin-top: 28px;
  }

  .mt32 {
    margin-top: 32px !important;
  }

  .mt36 {
    margin-top: 36px;
  }

  .mt40 {
    margin-top: 40px !important;
  }

  .mt48 {
    margin-top: 48px;
  }

  .mt50 {
    margin-top: 50px;
  }

  .mt52 {
    margin-top: 52px;
  }

  .mt60 {
    margin-top: 60px;
  }

  .mt70 {
    margin-top: 70px;
  }

  .mt80 {
    margin-top: 80px;
  }

  .mb20 {
    margin-bottom: 20px;
  }

  .mb32 {
    margin-bottom: 32px;
  }

  .mb40 {
    margin-bottom: 40px;
  }

  .mb60 {
    margin-bottom: 60px;
  }

  a {
    text-decoration: none;
  }

  .fw500 {
    font-weight: 500;
  }

  .w60 {
    width: 60px;
  }

  .w65 {
    width: 65px;
  }

  .w80 {
    width: 80px;
  }

  .w92 {
    width: 92px;
  }

  .w120 {
    width: 120px;
  }

  .w150 {
    width: 150px;
  }

  .w200 {
    width: 200px;
  }

  .w250 {
    width: 250px;
  }

  .w320 {
    width: 320px;
  }

  .w350 {
    width: 350px;
  }

  .w540 {
    width: 540px;
  }

  .h44 {
    height: 44px;
  }

  .h52 {
    height: 52px;
  }

  .h60 {
    height: 60px;
  }

  .wHalf {
    width: 50%;
  }

  .border-bottom {
    border-bottom: 1px solid #d5d5d5 !important;
  }

  .border-bottom.gray03 {
    border-color: #a2a2a2;
  }

  .border-top {
    border-top: 1px solid #d5d5d5 !important;
  }

  .border-top.black {
    border-color: #000000 !important;
  }

  .border-top-dashed {
    border-top: 1px dashed #a2a2a2 !important;
  }

  .border-top-dashed.gray02 {
    border-color: #e5e5e5 !important;
  }

  .border-top-dashed.black {
    border-color: #000000 !important;
  }

  .border-top-dashed.d5 {
    border-color: #d5d5d5 !important;
  }

  .border-bottom-dashed {
    border-bottom: 1px dashed #a2a2a2 !important;
  }

  .HCAU-txt-xl {
    color: #000000;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
  }

  .HCAU-h1 {
    color: #000000;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
  }

  .HCAU-h1.number {
    font-size: 24px;
    font-family: "GenesisTextOffice";
  }

  .HCAU-txt-h1 {
    color: #000000;
    font-size: 24px;
    font-weight: 700;
  }

  .HCAU-txt-lg {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
  }

  .HCAU-txt-md {
    color: #000000;
    font-size: 17px;
  }

  .HCAU-txt-sm {
    color: #000000;
    font-size: 15px;
  }

  .HCAU-txt-xs {
    color: #000000;
    font-size: 14px;
  }

  .white {
    color: #fff;
  }

  .gray01 {
    color: #f8f8f8;
  }

  .gray02 {
    color: #e5e5e5;
  }

  .gray03 {
    color: #a2a2a2;
  }

  .gray04 {
    color: #666666;
  }

  .black {
    color: #000000 !important;
  }

  .point-red {
    color: #ce2d2d;
  }

  .point-color {
    color: #af6249;
  }

  .primary-color {
    color: #000000;
  }

  .color-complete {
    color: #000000;
  }

  .color-overdue {
    color: #ce2d2d;
  }

  .color-scheduled {
    color: #af6249;
  }

  header {
    background: transparent;
    padding: 12px 20px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
  }

  header.scroll {
    background: linear-gradient(90deg, rgb(76, 76, 76) 0%, rgb(41, 41, 41) 35%, rgb(5, 5, 5) 100%);
  }

  footer {
    padding: 32px 20px;
    background: #e5e5e5;
  }

  footer .family-site {
    position: relative;
  }

  footer .family-site .HCAU-btn {
    background: transparent;
    border-color: #666666;
    color: #666666;
  }

  footer .family-site .HCAU-btn::after {
    display: none;
  }

  footer .family-site .ico-dropdown {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -12px;
  }

  footer .family-site .ico-dropdown path {
    fill: #666666;
  }

  footer .mail path,
  footer .call path,
  footer .bar rect,
  footer .address path {
    fill: #666666 !important;
  }

  footer .arrow {
    position: relative;
    top: -1px;
  }

  footer .arrow path {
    stroke: #666666;
  }

  footer .contact-us * {
    font-size: 13px;
    color: #666666;
  }

  footer .footer-menu span {
    display: inline-block;
    margin-top: 4px;
  }

  footer .footer-menu rect {
    fill: #666666;
  }

  footer .footer-menu a {
    font-size: 13px;
    color: #666666;
  }

  footer .copy {
    font-size: 13px;
    color: #666666;
  }

  .main footer {
    background: #000000;
    padding: 32px 20px 55px;
  }

  .main footer .family-site .HCAU-btn {
    border-color: #666666;
    color: #666666;
  }

  .main footer .family-site .ico-dropdown path {
    fill: #666666;
  }

  .main footer .mail path,
  .main footer .call path,
  .main footer .bar rect {
    fill: #666666 !important;
  }

  .main footer .arrow path {
    stroke: #666666;
  }

  .main footer .address path {
    fill: #666666 !important;
  }

  .main footer .contact-us * {
    color: #666666;
  }

  .main footer .footer-menu rect {
    fill: #666666;
  }

  .main footer .footer-menu a {
    color: #666666;
  }

  .main footer .copy {
    color: #666666;
  }

  .HCAU-detail {
    padding: 32px 20px 60px;
    position: relative;
  }

  .HCAU-title {
    padding: 22px 20px;
    margin-top: 48px;
  }

  .HCAU-title .HCAU-h1 {
    color: #fff;
  }

  .HCAU-title .HCAU-h1+.HCAU-txt-md.gray04 {
    color: #a2a2a2;
  }

  .HCAU-title .HCAU-bullet-list .HCAU-txt-sm {
    color: #a2a2a2;
  }

  .HCAU-title .HCAU-h1+div {
    margin-top: 8px;
  }

  .title-area {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
  }

  .HCAU-btn {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #000000;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #000000;
    text-align: center;
  }

  .HCAU-btn.btn-sm {
    font-size: 15px;
    font-weight: 700;
    padding: 0 16px;
    line-height: 1;
    height: 33px;
  }

  .HCAU-btn.btn-sm .ico-btn {
    display: inline-block;
    vertical-align: middle;
  }

  .HCAU-btn.btn-smd {
    font-size: 15px;
    font-weight: 700;
    padding: 0 20px;
    line-height: 1;
    height: 44px;
  }

  .HCAU-btn.btn-md {
    font-size: 17px;
    font-weight: 700;
    padding: 14px 20px;
    line-height: 1;
    min-height: 48px;
  }

  .HCAU-btn.btn-md.btn-rounded {
    border-radius: 48px;
    border-color: #e5e5e5;
  }

  .HCAU-btn.btn-lg {
    font-size: 17px;
    font-weight: 700;
    padding: 0 20px;
    line-height: 1;
    min-height: 60px;
    min-width: 123px;
  }

  .HCAU-btn:disabled {
    color: #a2a2a2;
    border-color: #a2a2a2;
    background-color: #f8f8f8;
  }

  .HCAU-btn.btn-cta {
    font-size: 17px;
    font-weight: 700;
    padding: 20px 10px;
    line-height: 1.177;
    border: none;
    border-radius: 0;
    min-height: 60px;
  }

  .HCAU-btn.btn-cta.primary {
    background: #000000;
    color: #fff;
  }

  .HCAU-btn.btn-cta.gray03 {
    background: #a2a2a2;
    color: #fff;
  }

  .HCAU-btn.btn-cta.default {
    background: #fff;
    color: #000000;
    border: 1px solid #000000;
  }

  .HCAU-btn.btn-cta:disabled {
    color: #a2a2a2;
    border-top: 1px solid #a2a2a2;
    border-bottom: 1px solid #a2a2a2;
    background-color: #f8f8f8;
  }

  .HCAU-btn.full {
    width: 100%;
  }

  .HCAU-btn.dropdown-toggle {
    font-size: 15px;
    line-height: 1.429;
    padding: 11px 54px 11px 16px;
    height: 44px;
    color: #000000;
    border-color: #a2a2a2;
    box-shadow: none;
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .HCAU-btn.dropdown-toggle.HCAU-form-invalid {
    border-color: #ce2d2d;
  }

  .HCAU-btn.dropdown-toggle::after {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-left: 0;
    margin-top: -12px;
    border: none;
    width: 24px;
    height: 24px;
    background: url(/sfsites/c/resource/genesisFrontend/img/m/ico_dropdown.svg) no-repeat 0 0;
  }

  .HCAU-btn.btn-keyvi {
    color: #fff;
    border-color: #fff;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
  }

  .HCAU-toggle-check label.HCAU-btn.btn-sm {
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 33px;
  }

  .HCAU-toggle-check input:checked+label {
    background: #000000;
    color: #fff;
  }

  .btn-md-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .btn-cta-wrap {
    width: 100%;
    position: sticky;
    left: 0;
    bottom: 0;
    display: flex;
    gap: 1px;
    background: #fff;
    z-index: 3;
  }

  .btn-cta-wrap>button {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 50%;
  }

  .btn-cta-wrap>button+button:disabled {
    margin-left: -1px;
  }

  .btn-cta-wrap.g0 {
    gap: 0;
  }

  .btn-cta-wrap.g0 .default {
    border-left: 0;
    border-right: 0;
  }

  .border-box {
    border: 1px solid #d5d5d5;
    background: #fff;
  }

  .border-box.black {
    border-color: #000000;
  }

  .border-box.secondary {
    border-color: #ccc;
    background: #f8f8f8;
  }

  .border-box.rad12 {
    border-radius: 12px;
  }

  .border-box.gray03 {
    border-color: #a2a2a2;
  }

  .bg-box {
    background: #f8f8f8;
  }

  .bg-box2 {
    background: #f8f8f8;
  }

  .bg-box3 {
    background: #e5e5e5;
  }

  .bg-box4 {
    background: #e5e5e5;
  }

  [class*=bg-box],
  .border-box {
    border-radius: 4px;
  }

  *.round {
    border-radius: 8px;
  }

  *.edge {
    border-radius: 0 !important;
  }

  .form-label {
    font-size: 15px;
  }

  .HCAU-form.form-control,
  .HCAU-form.form-select {
    font-size: 15px;
    line-height: 1.2;
    padding: 12px 16px;
    height: 44px;
    color: #000000;
    border-color: #a2a2a2;
    box-shadow: none;
    border-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .HCAU-form.form-control::placeholder,
  .HCAU-form.form-select::placeholder {
    color: #a2a2a2;
  }

  .HCAU-form:placeholder-shown {
    text-overflow: ellipsis;
  }

  textarea.HCAU-form.form-control {
    height: auto;
    white-space: break-spaces;
  }

  .HCAU-form.form-control:focus,
  .HCAU-form.form-select:focus,
  .HCAU-btn.dropdown-toggle:focus {
    border-color: #af6249;
    outline: 1px solid #af6249;
  }

  .HCAU-form.form-control:read-only {
    background-color: #f8f8f8;
    color: #000000;
    border-color: #e5e5e5;
  }

  .HCAU-form.form-control:read-only:focus {
    outline: none;
  }

  .HCAU-form.form-control:read-only.black {
    color: #000000;
  }

  .HCAU-form.form-control:disabled,
  .HCAU-form.form-select:disabled {
    background-color: #f8f8f8;
    color: #a2a2a2;
    border-color: #e5e5e5;
  }

  .HCAU-form.form-control:disabled+span img,
  .HCAU-form.form-select:disabled+span img {
    opacity: 0.6;
  }

  .HCAU-form.time-limit+.time-limit-num {
    position: absolute;
    right: 16px;
    top: 12px;
    font-size: 14px;
    color: #ce2d2d;
  }

  .calendar {
    position: relative;
  }

  .calendar .HCAU-form.form-control {
    padding-right: 50px;
  }

  .calendar span {
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -12px;
  }

  .HCAU-form.form-check-input {
    width: 20px;
    height: 20px;
    border-color: #a2a2a2;
    margin-top: 2px;
  }

  .HCAU-form.form-check-input+label {
    font-size: 15px;
    margin-left: 2px;
    line-height: 1.8;
  }

  .HCAU-form.form-check-input[type=checkbox] {
    border-color: #a2a2a2;
    background-image: none;
    background-size: 14px 14px;
  }

  .HCAU-form.form-check-input[type=checkbox].nocheck {
    background-image: none;
  }

  .HCAU-form.form-check-input[type=checkbox]:checked {
    background-color: #000000;
    border-color: #000000;
    background-image: url(/sfsites/c/resource/genesisFrontend/img/m/bg_input_check_on.svg);
    background-size: 14px 14px;
  }

  /* .HCAU-form.form-check-input[type=checkbox]:disabled {
  background-image: none;
} */

  .HCAU-form.form-check-input[type=radio] {
    border-color: #a2a2a2;
  }

  .HCAU-form.form-check-input[type=radio]:disabled {
    opacity: 1;
    background: #f8f8f8;
  }

  .HCAU-form.form-check-input:checked[type=radio] {
    background-color: #fff;
    border-color: #000000;
    background-image: url(/sfsites/c/resource/genesisFrontend/img/m/bg_input_radio_on.svg);
    background-size: 14px 14px;
  }

  .HCAU-form.time-limit {
    padding-right: 54px;
  }

  .HCAU-form.time-limit+.time-limit-num {
    position: absolute;
    right: 16px;
    top: 12px;
    font-size: 14px;
    color: #ce2d2d;
  }

  .HCAU-valid .form-control.is-valid,
  .HCAU-valid.was-validated .form-control:valid {
    background: #fff;
    border-color: #a2a2a2;
  }

  .HCAU-valid .form-control.is-valid:read-only,
  .HCAU-valid.was-validated .form-control:valid:read-only {
    background-color: #f8f8f8;
    color: #000000;
  }

  .HCAU-valid .form-control.is-invalid,
  .HCAU-valid.was-validated .form-control:invalid {
    background: #fff;
    border-color: #ce2d2d;
  }

  .HCAU-form.form-control.is-invalid,
  .HCAU-form.form-control.HCAU-form-invalid {
    border-color: #ce2d2d;
  }

  .HCAU-form.form-control.is-invalid::placeholder,
  .HCAU-form.form-control.HCAU-form-invalid::placeholder {
    color: #ce2d2d;
  }

  .invalid-feedback,
  .valid-feedback,
  .HCAU-info-msg,
  .HCAU-valid-feedback,
  .HCAU-invalid-feedback {
    position: relative;
    font-size: 14px;
    padding-left: 10px;
    margin-top: 8px;
  }

  .invalid-feedback:before,
  .valid-feedback:before,
  .HCAU-info-msg:before,
  .HCAU-valid-feedback:before,
  .HCAU-invalid-feedback:before {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 7px;
  }

  .valid-feedback,
  .HCAU-valid-feedback {
    color: #1d8abc;
  }

  .valid-feedback:before,
  .HCAU-valid-feedback:before {
    background: #af6249;
  }

  .invalid-feedback,
  .HCAU-invalid-feedback {
    color: #ce2d2d;
  }

  .invalid-feedback:before,
  .HCAU-invalid-feedback:before {
    background: #ce2d2d;
  }

  .HCAU-info-msg {
    color: #000000;
    font-size: 14px;
  }

  .HCAU-info-msg:before {
    background: #a2a2a2;
  }

  .bg-box .HCAU-info-msg,
  .bg-box2 .HCAU-info-msg {
    color: #a2a2a2;
  }

  .offcanvas-backdrop.show {
    opacity: 0.6;
    background-color: #000000;
  }

  .HCAU-bottom-sheet {
    height: auto !important;
  }

  .HCAU-bottom-sheet .offcanvas-header {
    padding: 12px 20px;
    flex-direction: row-reverse;
    background: linear-gradient(90deg, rgb(76, 76, 76) 0%, rgb(41, 41, 41) 35%, rgb(5, 5, 5) 100%);
  }

  .HCAU-bottom-sheet .offcanvas-header .btn-close {
    background: none;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    opacity: 1;
  }

  .HCAU-bottom-sheet .offcanvas-body {
    padding: 0;
    max-height: 295px;
    border-top: 1px solid #e5e5e5;
  }

  .HCAU-bottom-sheet .offcanvas-body .bottom-sheet-item {
    overflow: hidden;
  }

  .HCAU-bottom-sheet .offcanvas-body .bottom-sheet-item li {
    border-bottom: 1px solid #e5e5e5;
  }

  .HCAU-bottom-sheet .offcanvas-body .bottom-sheet-item li a {
    display: block;
    font-weight: 700;
    padding: 20px;
  }

  .HCAU-modal .modal-dialog.modal-mid {
    margin: 20px;
  }

  .HCAU-modal .modal-dialog.modal-mid .modal-top {
    background: #fff;
  }

  .HCAU-modal .modal-dialog.modal-mid .modal-content {
    border: none;
    border-radius: 10px;
    overflow: hidden;
  }

  .HCAU-modal .modal-dialog.modal-mid .modal-body {
    padding: 40px 20px;
  }

  .HCAU-modal .modal-dialog.modal-mid .btn-cta-wrap {
    gap: 0;
  }

  .HCAU-modal .modal-dialog.modal-sm {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .HCAU-modal .modal-dialog.modal-sm .modal-content {
    border: none;
    border-radius: 4px;
    overflow: hidden;
  }

  .HCAU-modal .modal-dialog.modal-sm .modal-body {
    padding: 28px 20px;
  }

  .HCAU-modal .modal-dialog.modal-sm .btn-cta-wrap {
    gap: 0;
  }

  .HCAU-modal .modal-dialog.modal-sm .btn-cta-wrap .btn-cta {
    padding: 0 10px;
    min-height: 40px;
    font-size: 15px;
  }

  @media (min-width: 576px) {
    .HCAU-modal .modal-dialog.modal-mid {
      margin-right: auto;
      margin-left: auto;
    }
  }

  .HCAU-modal .modal-top {
    padding: 12px 20px;
    text-align: right;
    background: linear-gradient(90deg, rgb(76, 76, 76) 0%, rgb(41, 41, 41) 35%, rgb(5, 5, 5) 100%);
  }

  .HCAU-modal .modal-top .btn-close {
    background: none;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    opacity: 1;
  }

  .HCAU-modal .modal-body {
    padding: 32px 20px 60px;
  }

  .HCAU-modal .modal-body .modal-header {
    display: block;
    margin-top: -32px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0;
    border-bottom: none;
  }

  .HCAU-modal .modal-body .modal-header .HCAU-h1 {
    text-transform: none;
    padding: 22px 20px;
    border-bottom: 1px solid #000000;
  }

  .HCAU-modal .modal-body .modal-header .HCAU-h1+.bg-box {
    padding: 22px 20px;
  }

  .HCAU-modal .modal-body .modal-header:after {
    content: "";
    display: block;
    height: 32px;
  }

  .HCAU-modal .modal-footer {
    display: block;
    padding: 0;
  }

  .HCAU-modal .modal-footer>* {
    margin: 0;
  }

  .HCAU-pagination {
    margin-top: 40px;
  }

  .HCAU-pagination .inner {
    display: flex;
    justify-content: center;
    gap: 10px;
  }

  .HCAU-pagination .inner .arrow {
    display: flex;
    gap: 10px;
  }

  .HCAU-pagination .inner .pages {
    display: flex;
    gap: 32px;
    align-items: center;
  }

  .HCAU-pagination .inner .pages li {
    border: 1px solid #fff;
  }

  .HCAU-pagination .inner .pages li a {
    font-weight: 700;
    display: inline-block;
    height: 24px;
    line-height: 24px;
  }

  .HCAU-pagination .inner .pages li.active a {
    color: #af6249;
    text-decoration: underline;
  }

  .g-notice {
    padding: 40px 0 0;
    margin-top: 60px;
  }

  .g-notice dl dt {
    font-weight: 700;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .g-notice dl dt .ico-gnotice img {
    vertical-align: text-bottom;
  }

  .g-notice dl dt .HCAU-txt-sm {
    position: relative;
    top: 3px;
  }

  .HCAU-nodata+.g-notice {
    margin-top: 0;
  }

  .HCAU-bullet-list li {
    position: relative;
    padding-left: 11px;
  }

  .HCAU-bullet-list li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #a2a2a2;
    position: absolute;
    left: 0;
    top: 7px;
  }

  .HCAU-bullet-list li .link {
    margin-left: 4px;
  }

  .HCAU-bullet-list li+li {
    margin-top: 12px;
  }

  .HCAU-bullet-list li.no-bullet::before {
    display: none;
  }

  .HCAU-bullet-list li.no-bullet .link {
    margin-left: 0;
  }

  .HCAU-bullet-list .point-red {
    color: #ce2d2d;
  }

  .HCAU-bullet-list .point-red:before {
    background-color: #ce2d2d;
  }

  .HCAU-bullet-list.black li {
    color: #000000;
  }

  .link {
    font-weight: 700;
    color: #000000;
    text-decoration: none;
  }

  .link::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    transform: rotate(-45deg);
    margin-left: 3px;
    position: relative;
    top: -1px;
  }

  .link.HCAU-txt-xs {
    font-size: 14px;
    font-weight: 700;
  }

  .HCAU-table {
    border-top: 1px solid #e5e5e5;
  }

  .HCAU-table th,
  .HCAU-table td {
    border-bottom: 1px solid #e5e5e5;
    padding: 16px;
  }

  .HCAU-table th {
    background: #f8f8f8;
    font-weight: 700;
  }

  .HCAU-table td {
    background: #fff;
  }

  .HCAU-table tr.table-active td {
    background: rgba(206, 45, 45, 0.04);
  }

  .prd-keyvi {
    padding-top: 0;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
  }

  .prd-keyvi .HCAU-flex-table {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .prd-keyvi .HCAU-flex-table.flex-column img {
    width: auto;
  }

  .prd-keyvi .HCAU-flex-table img {
    width: 100%;
  }

  .prd-keyvi .HCAU-flex-table .HCAU-bullet-list.black li {
    padding-left: 10px;
  }

  .prd-keyvi .HCAU-flex-table>.HCAU-txt-sm {
    position: absolute;
    text-align: center;
    font-size: 16px;
  }

  .prd-keyvi .HCAU-table.dot {
    position: absolute;
    padding: 0 40px;
    margin-top: -60px;
    z-index: 2;
  }

  .prd-keyvi .HCAU-table.dot .table tr td {
    padding-left: 2rem;
  }

  .prd-keyvi .chart-wrap {
    position: relative;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #d5d5d5;
    padding: 40px 20px;
  }

  .prd-keyvi .chart-wrap .HCAU-txt-sm {
    position: initial;
    left: initial;
    top: initial;
    margin-top: 16px;
    font-size: 15px;
  }

  .prd-keyvi .chart-wrap img {
    margin-top: 50px;
    width: 100% !important;
    max-width: 295px;
  }

  .HCAU-tooltip {
    display: inline-block;
    position: relative;
    vertical-align: middle;
  }

  .HCAU-tooltip a {
    display: flex;
  }

  .HCAU-tooltip a:hover+.HCAU-tooltip-inner {
    display: block;
  }

  .HCAU-tooltip .HCAU-tooltip-inner {
    display: none;
    padding: 12px 20px;
    box-sizing: border-box;
    min-width: 180px;
    max-width: 180px;
    background: #000000;
    position: absolute;
    left: -18px;
    bottom: 30px;
    border-radius: 8px;
  }

  .HCAU-tooltip .HCAU-tooltip-inner .HCAU-tooltip-arrow {
    width: 10px;
    height: 10px;
    background: #000000;
    position: absolute;
    left: 23px;
    bottom: -4px;
    transform: rotate(45deg);
  }

  .HCAU-tooltip .HCAU-tooltip-inner .HCAU-tooltip-cont {
    color: #fff;
  }

  .HCAU-tooltip .HCAU-tooltip-inner .HCAU-tooltip-cont>div+div {
    margin-top: 4px;
  }

  .HCAU-tooltip.rtl .HCAU-tooltip-inner {
    left: initial;
    right: -14px;
    z-index: 1;
  }

  .HCAU-tooltip.rtl .HCAU-tooltip-inner .HCAU-tooltip-arrow {
    left: initial;
    right: 16px;
  }

  .HCAU-step {
    margin: -32px -20px 0;
    background: linear-gradient(90deg, rgb(92, 80, 76) 0%, rgb(62, 50, 46) 35%, rgb(36, 24, 20) 100%);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .HCAU-step .HCAU-step-inner {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 32px;
    height: 40px;
  }

  .HCAU-step .HCAU-step-inner .step {
    flex-shrink: 0;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    padding: 10px 0;
    position: relative;
  }

  .HCAU-step .HCAU-step-inner .step:after {
    content: "";
    display: block;
    width: 1px;
    height: 40px;
    opacity: 0.4;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    right: -16px;
    top: 0;
  }

  .HCAU-step .HCAU-step-inner .step-name {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    padding: 10px 0;
  }

  .HCAU-step .step-paging {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: #af6249;
    position: relative;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
  }

  .HCAU-step .step-paging:after {
    content: "";
    display: block;
    width: 32px;
    height: 1px;
    background: #fff;
    opacity: 0.2;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: rotate(-45deg);
  }

  .HCAU-step .step-paging .step-current {
    position: absolute;
    left: 6px;
    top: 5px;
  }

  .HCAU-step .step-paging .step-total {
    position: absolute;
    right: 6px;
    bottom: 0px;
  }

  .HCAU-badge {
    display: inline-block;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 15px;
    vertical-align: middle;
    min-width: 50px;
    text-align: center;
  }

  .HCAU-badge.type01 {
    color: #ce2d2d;
    background: #feebee;
    border: 1px solid #ce2d2d;
  }

  .HCAU-badge.type02 {
    color: #af6249;
    background: #F9F3F1;
    border: 1px solid #af6249;
  }

  .HCAU-badge.type03 {
    color: #1d8abc;
    background: #EDF6FA;
    border: 1px solid #1d8abc;
  }

  .HCAU-badge.type04 {
    color: #000000;
    background: #EBEFF3;
    border: 1px solid #EBEFF3;
    min-width: 83px;
    text-align: center;
    font-weight: 700;
  }

  .HCAU-badge.type05 {
    color: #af6249;
    background: #EBF5F9;
    border: 1px solid #EBF5F9;
    min-width: 83px;
    text-align: center;
    font-weight: 700;
  }

  .HCAU-badge.type06 {
    color: #a2a2a2;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    min-width: 83px;
    text-align: center;
    font-weight: 700;
  }

  .HCAU-badge.type07 {
    color: #a2a2a2;
    background: #f8f8f8;
    border: 1px solid #a2a2a2;
  }

  .HCAU-nodata.type01 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 40px;
    padding-top: 78px;
  }

  .HCAU-nodata.type01 .HCAU-txt-md {
    font-weight: 700;
    margin-top: 16px;
    text-align: center;
  }

  .HCAU-nodata.type01 .HCAU-txt-sm {
    font-weight: 700;
    margin-top: 8px;
    text-align: center;
  }

  .HCAU-nodata.type02 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 0;
  }

  .HCAU-nodata.type02 .HCAU-txt-sm {
    font-weight: 700;
    margin-top: 16px;
    text-align: center;
    line-height: 1.2;
  }

  .HCAU-filter {
    padding: 20px 16px;
    background: #f8f8f8;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
  }

  .HCAU-filter .inner {
    padding: 12px 0;
    display: flex;
    gap: 16px;
  }

  .HCAU-filter .inner>div {
    flex-grow: 1;
  }

  .HCAU-filter~.HCAU-nodata.type01 {
    padding-top: 110px;
  }

  .HCAU-form-wrap+.HCAU-form-wrap {
    margin-top: 20px;
  }

  .HCAU-form-wrap>.title {
    margin-bottom: 16px;
  }

  .form-title.HCAU-txt-md {
    margin-bottom: 16px;
  }

  .HCAU-tab {
    position: relative;
    display: flex;
    overflow: auto;
  }

  .HCAU-tab.native-scroll {
    overflow: hidden;
    overflow-x: auto;
    margin-right: -20px;
    padding-left: 0px;
    margin-left: -20px;
    padding-right: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .HCAU-tab.native-scroll:after {
    content: "";
    display: block;
    width: calc(100% - 20px);
    height: 1px;
    background: #a2a2a2;
    position: absolute;
    left: 20px;
    bottom: 0;
  }

  .HCAU-tab.native-scroll>div {
    display: inline-flex;
    position: relative;
  }

  .HCAU-tab.native-scroll>div button {
    font-size: 17px;
  }

  .HCAU-tab.native-scroll>div button:first-child {
    margin-left: 20px;
  }

  .HCAU-tab.native-scroll>div button:last-child {
    margin-right: 20px;
  }

  .HCAU-tab.native-scroll::-webkit-scrollbar {
    display: none;
  }

  .HCAU-tab button {
    display: inline-flex;
    flex: 1;
    justify-content: center;
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: #a2a2a2;
    font-weight: 700;
    padding: 12px 36px;
    white-space: nowrap;
    border-bottom: 1px solid #a2a2a2;
  }

  .HCAU-tab button.active {
    border-bottom: 2px solid #000000;
    color: #000000;
  }

  .HCAU-tab.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .HCAU-tab.me-20 {
    margin-right: -20px;
  }

  .HCAU-tab-small {
    display: flex;
  }

  .HCAU-tab-small li {
    flex: 1 1 50%;
  }

  .HCAU-tab-small li button {
    width: 100%;
    padding: 7px;
    border: 1px solid #e5e5e5;
    background: #e5e5e5;
  }

  .HCAU-tab-small li button.active {
    border-color: #000000;
    background: #fff;
  }

  .HCAU-tab-small li:first-child button {
    border-radius: 4px 0px 0px 4px;
  }

  .HCAU-tab-small li:last-child button {
    border-radius: 0px 4px 4px 0px;
  }

  .request-step>.border-box {
    position: relative;
    border-color: #a2a2a2;
  }

  .request-step>.border-box .HCAU-txt-md {
    padding: 12px 24px;
    border-bottom: 1px solid #e5e5e5;
    background: #f8f8f8;
    border-radius: 4px 4px 0 0;
  }

  .request-step>.border-box .HCAU-txt-sm {
    padding: 27px 24px;
  }

  .request-step>.border-box img {
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: -18px;
    transform: rotate(90deg);
    z-index: 1;
  }

  .request-step>div+div {
    margin-top: 12px;
  }

  .item+.item {
    margin-top: 20px;
  }

  .request-amount {
    border-top: 1px solid #e5e5e5;
    box-shadow: 0px -10px 6px 0px rgba(0, 0, 0, 0.04);
    position: sticky;
    left: 0;
    bottom: 60px;
    background: #fff;
  }

  .request-amount .HCAU-h1 {
    font-size: 22px;
    font-family: "GenesisTextOffice";
  }

  .HCAU-search-bar>div+div {
    margin-top: 20px;
  }

  .HCAU-search-bar .radio-group {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    overflow: hidden;
  }

  .HCAU-search-bar .radio-group>div {
    flex: 1 0 50%;
  }

  .HCAU-search-bar .radio-group>div:nth-child(3),
  .HCAU-search-bar .radio-group>div:nth-child(4) {
    border-top: 1px solid #d5d5d5;
  }

  .HCAU-search-bar .radio-group>div:nth-child(1),
  .HCAU-search-bar .radio-group>div:nth-child(3) {
    border-right: 1px solid #d5d5d5;
  }

  .HCAU-search-bar .radio-group>div .btn {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 10px 0;
  }

  .HCAU-search-bar .btn-check:checked+.btn {
    border: none;
    background: #000000;
    color: #fff;
  }

  .num-circle {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #000000;
    border-radius: 100%;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    font-weight: 700;
  }

  .card-list.border-box {
    border-radius: 8px;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.07);
    overflow: hidden;
  }

  .card-list.border-box .bg-box {
    border-radius: 8px;
  }

  .card-list.border-box .card-list-button {
    margin: 1rem -1rem 0;
    display: flex;
  }

  .card-list.border-box .card-list-button button {
    flex: 1 1 100%;
    position: relative;
    font-size: 15px;
    font-weight: 700;
    padding: 16px 0;
  }

  .card-list.border-box .card-list-button button+button:before {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
  }

  .card-list.border-box .card-list-button button:disabled {
    color: #e5e5e5;
  }

  .card-list.border-box .has-line a {
    position: relative;
  }

  .card-list.border-box .has-line a+a:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #d5d5d5;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
  }

  .HCAU-result-msg {
    padding: 48px 32px 40px;
    text-align: center;
  }

  .HCAU-tab-radio .d-flex {
    border-radius: 4px;
    overflow: hidden;
  }

  .HCAU-tab-radio .d-flex li:first-child label {
    border-radius: 4px 0 0 4px;
  }

  .HCAU-tab-radio .d-flex li:last-child label {
    border-radius: 0 4px 4px 0;
  }

  .HCAU-tab-radio .flex-fill {
    flex: 1 !important;
  }

  .HCAU-tab-radio .HCAU-btn.btn-sm {
    height: auto;
    padding: 8px 16px;
    border-color: #d5d5d5;
    width: 100%;
  }

  .HCAU-tab-radio input:checked+.HCAU-btn.btn-sm {
    border-color: #000000;
  }

  .HCAU-tab-radio2 {
    display: flex;
  }

  .HCAU-tab-radio2>div {
    flex: 1;
  }

  .HCAU-tab-radio2>div:first-child label {
    border-radius: 4px 0 0 4px;
  }

  .HCAU-tab-radio2>div:last-child label {
    border-radius: 0 4px 4px 0;
  }

  .HCAU-tab-radio2>div label {
    border-radius: 0;
    border-color: #d5d5d5;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400 !important;
  }

  .HCAU-tab-radio2>div input:checked+label {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
  }

  .HCAU-tab-radio2>div input:disabled+label {
    background-color: #f8f8f8;
    border-color: #e5e5e5;
    color: #a2a2a2;
  }

  .filebox input[type=file] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
  }

  .filebox .btn-clear {
    position: absolute;
    right: 16px;
    top: 10px;
  }

  .filebox input[type=text]:disabled~.btn-clear {
    display: none;
  }

  .HCAU-terms+.HCAU-terms {
    margin-top: 40px;
  }

  .HCAU-terms .HCAU-terms-title {
    padding-bottom: 12px;
  }

  .HCAU-terms .HCAU-terms-detail {
    padding-top: 12px;
  }

  .HCAU-accordion {
    border-bottom: 1px solid #d5d5d5;
  }

  .HCAU-accordion .accordion {
    border-top: 1px solid #d5d5d5;
  }

  .HCAU-accordion .accordion .accordion-item {
    border: none;
  }

  .HCAU-accordion .accordion .accordion-item+.accordion-item {
    border-top: 1px solid #d5d5d5;
  }

  .HCAU-accordion .accordion .accordion-item .accordion-header .accordion-button {
    gap: 16px;
    border-radius: 0;
    padding: 24px 16px;
    box-shadow: none;
  }

  .HCAU-accordion .accordion .accordion-item .accordion-header .accordion-button:after {
    width: 24px;
    height: 24px;
    background-image: url(/sfsites/c/resource/genesisFrontend/img/m/ico_accordion.svg);
    background-position: center;
  }

  .HCAU-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background: none;
  }

  .HCAU-accordion .accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: 0 0 0 2px rgb(175, 98, 73);
  }

  .HCAU-accordion .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 24px 16px;
    background: #f8f8f8;
  }

  .HCAU-modal.HCAU-gnb .modal-top {
    text-align: left;
    background: #fff;
  }

  .HCAU-modal.HCAU-gnb .modal-header {
    padding: 24px 20px;
    border-bottom: none;
  }

  .HCAU-modal.HCAU-gnb .modal-header .HCAU-txt-h1 {
    font-family: "GenesisHeadOffice";
    position: relative;
    top: 2px;
    font-size: 26px;
    font-weight: 400;
  }

  .HCAU-modal.HCAU-gnb .modal-body {
    padding: 0;
  }

  .HCAU-gnb-search {
    position: relative;
    /* IE의 경우 */
    /* 크롬의 경우 */
  }

  .HCAU-gnb-search input {
    width: 100%;
    box-sizing: border-box;
    border: none;
    padding: 20px;
    padding-right: 60px;
    font-size: 15px;
    background: #f5f5f5;
  }

  .HCAU-gnb-search .btn-search {
    display: none;
  }

  .HCAU-gnb-search.empty .btn-search {
    position: absolute;
    right: 13px;
    top: 8px;
    padding: 10px;
    display: block;
  }

  .HCAU-gnb-search input::-ms-clear,
  .HCAU-gnb-search input::-ms-reveal {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    background: url(/sfsites/c/resource/genesisFrontend/img/m/ico_search_clear.svg) 0 0 no-repeat;
    cursor: pointer;
    position: absolute;
    right: 20px;
  }

  .HCAU-gnb-search input::-webkit-search-decoration,
  .HCAU-gnb-search input::-webkit-search-cancel-button,
  .HCAU-gnb-search input::-webkit-search-results-button,
  .HCAU-gnb-search input::-webkit-search-results-decoration {
    /* opacity: 0; */
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    background: url(/sfsites/c/resource/genesisFrontend/img/m/ico_search_clear.svg) 0 0 no-repeat;
    cursor: pointer;
    position: absolute;
    right: 20px;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item {
    border: none;
    border-radius: 0;
    --bs-accordion-inner-border-radius: 0;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-header button {
    color: #000000;
    padding: 20px 32px;
    background: none;
    border: none;
    box-shadow: none;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-header button .HCAU-txt-lg {
    font-size: 22px;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-header button:after {
    background: url(/sfsites/c/resource/genesisFrontend/img/m/ico_gnb_close.svg);
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-header button.collapsed {
    border: none;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-header button.collapsed:after {
    background: url(/sfsites/c/resource/genesisFrontend/img/m/ico_gnb_open.svg);
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-collapse .accordion-body {
    padding: 0 32px 20px;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-collapse .accordion-body .accordion {
    border: 1px solid #e5e5e5;
    border-radius: 7px;
    overflow: hidden;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-collapse .accordion-body .accordion .accordion-item {
    border: none;
    border-radius: 0;
    --bs-accordion-inner-border-radius: 0;
    background: #f8f8f8;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-collapse .accordion-body .accordion .accordion-item+.accordion-item {
    border-top: 1px solid #e5e5e5;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-collapse .accordion-body .accordion .accordion-item .accordion-header button {
    padding: 16px;
    background: none;
    box-shadow: none;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-collapse .accordion-body .accordion .accordion-item .accordion-header button:after {
    display: none;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-collapse .accordion-body .accordion .accordion-item .accordion-header button.collapsed {
    border: none;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-collapse .accordion-body .accordion .accordion-item .accordion-header button.collapsed:after {
    display: none;
  }

  .HCAU-gnb-menu>.accordion .HCAU-gnb-depth3 li {
    border-bottom: 1px solid #e5e5e5;
  }

  .HCAU-gnb-menu>.accordion .HCAU-gnb-depth3 li .HCAU-txt-sm {
    display: block;
    background: #f8f8f8;
    border: none;
    padding: 16px;
  }

  .modal-search button {
    display: block;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: #f5f5f5;
  }

  .terms-paging {
    border: 2px solid #e5e5e5;
    font-size: 16px;
    font-weight: 700;
    padding: 6px 20px;
    border-radius: 30px;
  }

  .btn-back-to-top {
    z-index: 1;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #000000;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    position: sticky;
    left: 100%;
    margin-right: 20px;
    bottom: 80px;
    margin-bottom: 20px;
    display: none;
  }

  .select-membership a.border-box {
    padding: 54px 0;
    text-decoration: none;
    border-radius: 12px;
    border-color: #000000;
    flex: 1 1 100%;
    overflow: hidden;
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.0705882353);
  }

  .select-membership a.border-box img.hover {
    display: none;
  }

  .select-membership a.border-box span {
    display: block;
  }

  .select-membership a.border-box:hover {
    border-color: #af6249;
  }

  .select-membership a.border-box:hover img {
    display: none;
  }

  .select-membership a.border-box:hover img.hover {
    display: inline-block;
  }

  .select-membership a.border-box:hover span {
    color: #af6249;
  }

  .HCAU-prd ul:after {
    content: "";
    display: block;
    clear: both;
  }

  .HCAU-prd ul li {
    width: 50%;
    float: left;
  }

  .HCAU-prd ul li:nth-child(odd) .card {
    margin-right: 12.5px;
  }

  .HCAU-prd ul li:nth-child(even) .card {
    margin-left: 12.5px;
  }

  .HCAU-prd ul li .card {
    border: 2px solid transparent;
    box-sizing: border-box;
  }

  .HCAU-prd ul li .card.active,
  .HCAU-prd ul li .card:hover {
    border: 2px solid #af6249;
  }

  .HCAU-prd .card-body {
    padding: 0;
  }

  .HCAU-prd .card-body span {
    display: flex;
    padding: 32px 0 20px;
    justify-content: center;
  }

  .HCAU-prd .card-body span img {
    max-width: 100%;
  }

  .HCAU-prd .card-body .HCAU-txt-md {
    font-weight: 700;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 8px;
  }

  .HCAU-prd .card-body .HCAU-txt-sm {
    text-align: center;
    padding-bottom: 20px;
    line-height: 18px;
  }

  .border-bottom.black {
    border-color: #000 !important;
  }

  .postcode.select .inner {
    border-bottom: 1px solid #d5d5d5;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px 16px;
  }

  .product.select .card.full {
    width: 100%;
    align-items: center;
    border: 0;
    display: flex;
  }

  .product.select .card.full .card-body {
    padding: 12px 18px;
    display: flex;
    flex-direction: column;
  }

  .product.select .card.full span img {
    max-width: 100%;
  }

  .product.select .card.full .HCAU-txt-md {
    font-size: 20px;
  }

  .sticky-wrap {
    padding: 32px;
    z-index: 2;
    width: 100vw;
    position: sticky;
    left: 0;
    top: 0;
    right: 0;
    gap: 0;
    background: #af6249;
    margin: 0 -20px;
  }

  .sticky-wrap.position-relative {
    z-index: 0;
    padding: 27px 20px;
  }

  .sticky-wrap.position-relative button {
    display: none;
  }

  .sticky-wrap.final {
    padding: 27px 20px;
    margin-top: 20px;
  }

  .sticky-wrap div {
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    line-height: 30px;
    align-items: center;
  }

  .sticky-wrap div.sum {
    font-size: 20px;
  }

  .sticky-wrap button {
    position: absolute;
    width: 100%;
    left: 0;
  }

  .sticky-wrap button[aria-expanded=false] {
    bottom: -25px;
    transform: rotate(180deg);
  }

  .sticky-wrap button[aria-expanded=false]+.show {
    opacity: 1;
    display: block;
    transform: translateY(0%);
    transition: all 0.35s ease;
  }

  .sticky-wrap button[aria-expanded=false]+.show .car {
    width: 50%;
  }

  .sticky-wrap button[aria-expanded=false]+.show .car img {
    max-width: 80%;
  }

  .sticky-wrap button[aria-expanded=false]+.show+.not {
    opacity: 0;
    display: none !important;
    transform: translateY(-50%);
    transition: all 0.35s ease;
  }

  .sticky-wrap button[aria-expanded=true] {
    bottom: -32px;
  }

  .sticky-wrap button[aria-expanded=true]+.show {
    opacity: 0;
    display: none !important;
    transform: translateY(-50%);
    transition: all 0.35s ease;
  }

  .sticky-wrap button[aria-expanded=true]+.show .car {
    width: 0;
  }

  .sticky-wrap button[aria-expanded=true]+.show .car img {
    max-width: 0%;
  }

  .sticky-wrap button[aria-expanded=true]+.show+.not {
    opacity: 1;
    display: block;
    transform: translateY(0%);
    transition: all 0.35s ease;
  }

  .sticky-wrap+.HCAU-table .HCAU-form.form-check-input+label {
    display: inline;
  }

  .prd-option {
    padding: 0;
  }

  .prd-option .accordion {
    --bs-accordion-btn-focus-border-color: transparent;
    --bs-accordion-btn-focus-box-shadow: none;
  }

  .prd-option .accordion .accordion-item {
    background: #f5f5f5;
    border: 0;
  }

  .prd-option .accordion .accordion-item .accordion-button {
    background: #f5f5f5;
  }

  .card-option {
    border-bottom: 1px solid #e5e5e5;
  }

  .card-option.b-none {
    border: 0;
  }

  .HCAU-tab-btn .nav-tabs {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }

  .HCAU-tab-btn .nav-tabs .nav-item {
    flex: 1 0 50%;
  }

  .HCAU-tab-btn .nav-tabs .nav-item .nav-link {
    width: 100%;
    border-color: #ddd;
    color: #a2a2a2;
    background: #f5f5f5;
    font-weight: 700;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    height: 44px;
  }

  .HCAU-tab-btn .nav-tabs .nav-item .nav-link.active {
    border-color: #000000;
    background: #fff;
    color: #000000;
    margin-bottom: 0;
  }

  .HCAU-tab-btn .nav-tabs.line-1 {
    border: none;
  }

  .HCAU-tab-btn .nav-tabs.line-1 .nav-item {
    flex: 1 1 0;
  }

  .HCAU-tab-radio2 {
    display: flex;
  }

  .HCAU-tab-radio2>div {
    flex: 1;
  }

  .HCAU-tab-radio2>div .HCAU-btn.btn-smd {
    padding: 0 10px;
  }

  .HCAU-tab-radio2>div:first-child label {
    border-radius: 4px 0 0 4px;
  }

  .HCAU-tab-radio2>div:last-child label {
    border-radius: 0 4px 4px 0;
  }

  .HCAU-tab-radio2>div label {
    border-radius: 0;
    border-color: #d5d5d5;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .HCAU-tab-radio2>div input:checked+label {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
  }

  .btn-cta .HCAU-btn.btn-lg {
    min-height: 48px;
  }

  .btn-cta .primary {
    background: #000000;
    color: white;
  }

  .prd-tab .HCAU-h2.mb10 {
    font-size: 20px;
  }

  .HCAU-table.type03 table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }

  .HCAU-table.type03 table tbody tr th {
    flex: 0 1 100%;
  }

  .HCAU-table.type03 table tbody tr td {
    display: flex;
    flex-grow: 1;
  }

  .HCAU-table.type03 table tbody tr td.text-end {
    justify-content: flex-end;
    flex-basis: 70px;
  }

  .HCAU-table.type03 table .bd-none th,
  .HCAU-table.type03 table .bd-none td {
    border: 0;
  }

  .HCAU-table.type03 table .sum th,
  .HCAU-table.type03 table .sum td {
    background: #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    line-height: 30px;
    padding: 16px 20px;
  }

  .accordion-toggle-area {
    background: #fff;
    position: sticky;
    top: -33px;
    z-index: 1;
  }

  .accordion-toggle-area button {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #000000;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -20px;
  }

  .accordion-toggle-area button.collapsed {
    transform: rotate(180deg);
  }

  .login-btn li {
    position: relative;
    flex: 1;
  }

  .login-btn li a {
    display: inline-block;
    width: 100%;
    padding: 16px 0;
    font-size: 14px;
  }

  .login-btn li+li:before {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: #d5d5d5;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
  }

  .HCAU-otp.bg-box2 {
    border: 1px solid #af6249;
    background-color: #f8f8f8;
  }

  .HCAU-otp.bg-box2>.border-box {
    border-color: transparent;
  }

  .btn-disabled>img {
    opacity: 0.15;
  }

  button.btn-arrow:disabled svg path {
    stroke: #e5e5e5;
  }

  /* Component End */

  /* Policy Start  */
  .sub-policy {
    color: #000000;
  }

  .sub-policy .mt8 {
    margin-top: 8px !important;
  }

  .sub-policy em {
    font-style: italic;
  }

  .sub-policy h1 {
    display: none;
  }

  .sub-policy a[target=_blank] {
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .sub-policy .sub-policy--content {
    margin-top: 32px;
    font-size: 15px;
  }

  .sub-policy .sub-policy--content * {
    font-family: "GenesisTextOffice";
  }

  .sub-policy h2,
  .sub-policy .sub-policy--title-md {
    margin-top: 32px;
    font-family: "GenesisTextOffice";
    font-size: 17px;
    font-weight: bold;
    line-height: 1.2;
  }

  .sub-policy b,
  .sub-policy strong {
    font-family: "GenesisTextOffice";
    font-weight: 700;
  }

  .sub-policy p {
    margin-top: 16px;
    line-height: 20px;
  }

  .sub-policy ol+p,
  .sub-policy p+.table-view-wrap {
    margin-top: 8px;
  }

  .sub-policy p+.is-ordered.alphabetic {
    margin-top: 8px;
  }

  .sub-policy .table-view-wrap {
    background: #fff;
    overflow: auto;
    width: 100%;
  }

  .sub-policy .table-view-wrap table {
    width: 800px;
  }

  .sub-policy table.table-view {
    table-layout: fixed;
    margin-bottom: 0;
  }

  .sub-policy table.table-view th,
  .sub-policy table.table-view td {
    border-bottom: 1px solid #e5e5e5;
  }

  .sub-policy table.table-view thead {
    background: linear-gradient(92deg, #505050 0.09%, #000 100%);
    background: linear-gradient(92deg, #505050 0.09%, #000 100%);
  }

  .sub-policy table.table-view thead th {
    padding: 13px 20px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
  }

  .sub-policy table.table-view tbody th {
    padding: 16px 20px;
    text-align: left;
    font-weight: normal;
    font-size: 15px;
    vertical-align: top;
  }

  .sub-policy table.table-view td {
    padding: 16px 20px;
    font-size: 15px;
    line-height: 19px;
    vertical-align: top;
  }

  .sub-policy table.table-view td .sub-policy--content--list li:first-child {
    margin-top: 0;
  }

  .sub-policy table.table-dot {
    margin-top: 8px;
  }

  .sub-policy table.table-dot td {
    vertical-align: top;
    padding: 4px;
  }

  .sub-policy table.table-dot th {
    position: relative;
    font-weight: normal;
    vertical-align: top;
    padding: 4px 4px 4px 16px;
  }

  .sub-policy table.table-dot th::before {
    display: block;
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    top: 11px;
    left: 0;
    border-radius: 10px;
    background: #000000;
  }

  .sub-policy h2 {
    counter-increment: myCounter;
  }

  .sub-policy h2+.sub-policy--content--div {
    margin-top: 4px;
  }

  .sub-policy .sub-policy--content--div>.sub-policy--content--list {
    margin-top: 16px;
  }

  .sub-policy .sub-policy--content--list>p {
    margin-top: 8px;
  }

  .sub-policy .sub-policy--content--list>li {
    margin-top: 16px;
    position: relative;
    padding-left: 15px;
  }

  .sub-policy .sub-policy--content--list.list-dot>li {
    margin-top: 8px;
    position: relative;
    padding-left: 15px;
  }

  .sub-policy .sub-policy--content--list.list-dot>li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background-color: #000000;
  }

  .sub-policy .sub-policy--content--list.is-ordered {
    counter-reset: list;
  }

  .sub-policy .sub-policy--content--list.is-ordered.alphabetic {
    padding-left: 0;
  }

  .sub-policy .sub-policy--content--list.is-ordered.alphabetic>li {
    counter-increment: list;
    margin-top: 8px;
    padding-left: 26px;
  }

  .sub-policy .sub-policy--content--list.is-ordered.alphabetic>li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "(" counter(list, lower-alpha) ")";
  }

  .sub-policy .sub-policy--content--list.is-ordered.roman {
    padding-left: 0;
  }

  .sub-policy .sub-policy--content--list.is-ordered.roman>li {
    counter-increment: list;
    margin-top: 8px;
    padding-left: 38px;
  }

  .sub-policy .sub-policy--content--list.is-ordered.roman>li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "(" counter(list, lower-roman) ")";
  }

  .sub-policy .sub-policy--content--list.is-ordered.numeric {
    padding-left: 0;
  }

  .sub-policy .sub-policy--content--list.is-ordered.numeric>li {
    margin-top: 16px;
    padding-left: 44px;
    counter-increment: list;
  }

  .sub-policy .sub-policy--content--list.is-ordered.numeric>li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: counter(myCounter) "." counter(list) ".";
  }

  .sub-policy .sub-policy--content--list.is-ordered.numeric>li p {
    margin-top: 8px;
  }

  .sub-policy .sub-policy--content--div+hr {
    border-top: 1px solid #ddd;
    margin-top: 32px;
  }

  .sub-policy .sub-policy--content--div>.is-ordered.alphabetic {
    padding-left: 16px;
  }

  .sub-policy .date-wrap {
    margin-top: 32px;
  }

  .sub-policy .colon-box+.sub-policy--content--list {
    margin-top: 16px;
  }

  .sub-policy .colon-box+.table-dot {
    margin-top: 8px;
  }

  .modal-content .sub-policy .sub-policy--content {
    margin-top: 12px;
  }

  .sub-policy--title {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
    margin-top: 50px;
    margin-bottom: 20px;
  }

  .sub-policy--title+h2 {
    margin-top: 20px;
  }

  .sub-policy--title-small {
    margin-top: 16px !important;
  }

  .sub-policy--title-small+p {
    margin-top: 0;
  }

  .comment {
    border-top: 1px dashed #e5e5e5;
    margin-top: 40px;
    padding-top: 24px;
  }

  /* Policy End */

  .HCAU-acc {
    margin-top: 20px;
  }

  .HCAU-acc .accordion {
    font-family: "GenesisTextOffice";
    font-weight: 400;
    color: #000;
  }

  .HCAU-acc .accordion-item {
    border: 0;
    margin-top: 12px;
  }

  .HCAU-acc .accordion-header {
    border-bottom: 1px solid #000;
    z-index: 1;
  }

  .HCAU-acc .accordion-button {
    background-color: #fff;
    font-size: 20px;
    line-height: 24px;
    padding: 20px 0px;
    z-index: 1;
  }

  .HCAU-acc .accordion-button:focus {
    box-shadow: none;
  }

  .HCAU-acc .accordion-button::after {
    opacity: 0.8;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNSAxMS4yNUwxNSAxOC43NUwyMi41IDExLjI1IiBzdHJva2U9IiM0NDQ0NDQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)
  }

  .HCAU-acc .accordion-item:first-of-type {
    margin-top: 0;
  }

  .HCAU-acc .accordion-item:first-of-type .accordion-button {
    padding: 20px 0;
  }

  .HCAU-acc .accordion-button:not(.collapsed) {
    box-shadow: none;
    color: #000;
  }

  .HCAU-acc .accordion-button:not(.collapsed)::after {
    opacity: 1;
  }

  .HCAU-acc .accordion-body {
    padding: 0
  }

  .HCAU-acc .accordion-button .ttl {
    display: inline-block;
    color: #05141F;
    margin-right: 5px;
    font-weight: 700;
    line-height: 24px;
  }

  .HCAU-acc .accordion-button .sub {
    display: inline-block;
    font-weight: 400;
    color: #37434C;
    line-height: 17px;
  }

  .HCAU-acc .acc-result {
    margin-top: 32px;
    border-top: 0;
  }

  .HCAU-acc .acc-result table {
    border-radius: 4px;
    background-color: #F8F8F8;
    font-family: "GenesisTextOffice";
    font-weight: 400;
    color: #000;
  }

  .HCAU-acc .acc-result th {
    border: 0;
    background-color: transparent;
    padding: 21px 0 21px 16px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
  }

  .HCAU-acc .acc-result td {
    border: 0;
    padding: 21px 16px 21px 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    text-align: right;
  }
  
  .HCAU-acc .accordion-body table {
    margin-bottom: 0;
  }

  header>div>img {
    width: 100px;
  }

  .mt16 {
    margin-top: 16px
  }

  .HCAU-result-msg.secur {
    padding: 28px 0px 32px;
  }

  .HCAU-result-msg.secur .HCAU-txt-md{padding:0 20px;}

  .card-header {
    padding-bottom: 16px;
    border-bottom: 1px solid #000000;
  }

  .card-header p {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
  }

  .sticky-wrap.quote {
    padding: 28px 32px;
  }

  .sticky-wrap.quote .car-name .name {
    line-height: 18px;
  }

  .sticky-wrap.quote .car-name .price {
    line-height: 18px;
  }

  .sticky-wrap.quote div {
    line-height: 24px;
  }

  .postcode.innerbox {
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
    margin: 0 -20px;
  }
}