@charset "UTF-8";
@media (max-width: 1000px) {
  .content {
    border-left: none;
  }

  .pc {
    display: none !important;
  }

  .wrap .HCAU-container .HCAU-contents {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .wrap .HCAU-container .HCAU-footer .footer-inner {
    width: 100%;
  }

  /* COMMON START */

  /*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) {
    display: none;
  }

  .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);
    }
  }

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

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

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

  /* .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: #5d7d2b;
    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: #5d7d2b !important;
    outline: 1px solid #5d7d2b !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: "Kia Signature Fix", "Malgun Gothic", Dotum, "돋움",
      AppleGothicNeoSD, "Apple SD 산돌고딕 Neo", "굴림", arial, sans-serif;
    color: #05141f;
    -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: "Kia Signature Fix";
    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: "Kia Signature Fix";
    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: "Kia Signature Fix";
    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: #05141f;
  }

  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: #05141f;
  }

  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%;
  }

  .HCAU-container {
    flex: 1 1 auto;
    padding-top: 48px;
  }

  /* COMMON END */

  /* COMPONENT START */

  .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;
  }

  .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;
  }

  .mt50 {
    margin-top: 50px;
  }

  .mt52 {
    margin-top: 52px;
  }

  .mt60 {
    margin-top: 60px;
  }

  .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;
  }

  .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-top {
    border-top: 1px solid #d5d5d5 !important;
  }

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

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

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

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

  .HCAU-txt-xl {
    color: #05141f;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
  }

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

  .HCAU-txt-h1 {
    color: #05141f;
    font-size: 22px;
    font-weight: 700;
  }

  .HCAU-txt-lg {
    color: #05141f;
    font-size: 19px;
    font-weight: 700;
  }

  .HCAU-txt-md {
    color: #05141f;
    font-size: 16px;
  }

  .HCAU-txt-sm {
    color: #05141f;
    font-size: 14px;
  }

  .HCAU-txt-xs {
    color: #05141f;
    font-size: 13px;
  }

  .white {
    color: #fff;
  }

  .gray01 {
    color: #f5f5f5;
  }

  .gray02 {
    color: #d5d5d5;
  }

  .gray03 {
    color: #697279;
  }

  .gray04 {
    color: #37434c;
  }

  .black {
    color: #05141f !important;
  }

  .point-red {
    color: #ea0029;
  }

  .point-color {
    color: #5d7d2b;
  }

  .primary-color {
    color: #05141f;
  }

  .color-complete {
    color: #05141f;
  }

  .color-overdue {
    color: #ea0029;
  }

  .color-scheduled {
    color: #5d7d2b;
  }

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

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

  footer .family-site {
    position: relative;
  }

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

  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: #697279;
  }

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

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

  footer .arrow path {
    stroke: #697279;
  }

  footer .contact-us * {
    font-size: 12px;
    color: #697279;
  }

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

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

  footer .footer-menu a {
    font-size: 12px;
    color: #697279;
  }

  footer .copy {
    font-size: 12px;
    color: #697279;
  }

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

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

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

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

  .main footer .arrow path {
    stroke: #37434c;
  }

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

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

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

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

  .main footer .copy {
    color: #37434c;
  }

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

  .HCAU-title {
    padding: 12px 20px;
  }

  .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: #05141f;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #05141f;
    text-align: center;
  }

  .HCAU-btn.btn-sm {
    font-size: 14px;
    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: 14px;
    font-weight: 700;
    padding: 0 20px;
    line-height: 1;
    height: 44px;
  }

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

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

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

  .HCAU-btn:disabled {
    color: #697279;
    border-color: #697279;
    background-color: #f5f5f5;
  }

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

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

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

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

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

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

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

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

  .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/kiaFrontEnd/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: #05141f;
    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.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: #05141f;
  }

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

  .bg-box {
    background: #f5f5f5;
  }

  .bg-box2 {
    background: #fafafa;
  }

  .bg-box3 {
    background: #d5d5d5;
  }

  .bg-box4 {
    background: #e5e5e5;
  }

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

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

  *.edge {
    border-radius: 0;
  }

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

  .HCAU-form.form-control,
  .HCAU-form.form-select {
    font-size: 14px;
    line-height: 1.2;
    padding: 12px 16px;
    height: 44px;
    color: #05141f;
    border-color: #d5d5d5;
    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: #697279;
  }

  .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: #5d7d2b;
    outline: 1px solid #5d7d2b;
  }

  .HCAU-form.form-control:read-only {
    background-color: #f5f5f5;
    color: #05141f;
    border-color: #d5d5d5;
  }

  .HCAU-form.form-control:read-only:focus {
    outline: none;
    border-color: #d5d5d5;
  }

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

  .HCAU-form.form-control:disabled,
  .HCAU-form.form-select:disabled {
    background-color: #f5f5f5;
    color: #697279;
  }

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

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

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

  .HCAU-form.form-check-input[type=checkbox] {
    border-color: #d5d5d5;
    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: #05141f;
    border-color: #05141f;
    background-image: url(/sfsites/c/resource/kiaFrontEnd/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: #d5d5d5;
  }

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

  .HCAU-form.form-check-input:checked[type=radio] {
    background-color: #fff;
    border-color: #05141f;
    background-image: url(/sfsites/c/resource/kiaFrontEnd/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: #ea0029;
  }

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

  .HCAU-valid .form-control.is-valid:read-only,
  .HCAU-valid.was-validated .form-control:valid:read-only {
    background-color: #f5f5f5;
    color: #05141f;
  }

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

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

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

  .invalid-feedback,
  .valid-feedback,
  .HCAU-info-msg,
  .HCAU-valid-feedback,
  .HCAU-invalid-feedback {
    position: relative;
    font-size: 13px;
    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: #5d7d2b;
  }

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

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

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

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

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

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

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

  .HCAU-bottom-sheet .offcanvas-header {
    padding: 12px 20px;
    flex-direction: row-reverse;
  }

  .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 #d5d5d5;
  }

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

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

  .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-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;
  }

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

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

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

  .HCAU-modal .modal-body .modal-header+div {
    margin-top: 8px;
  }

  .HCAU-modal .modal-body .modal-header .HCAU-h1 {
    text-transform: none;
    padding: 12px 20px;
  }

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

  .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: #5d7d2b;
    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: 1px;
  }

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

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

  .HCAU-bullet-list li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #697279;
    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: #ea0029;
  }

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

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

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

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

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

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

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

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

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

  .HCAU-table tr.table-active td {
    background: rgba(234, 0, 41, 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: 14px;
  }

  .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: #37434c;
    position: absolute;
    left: -18px;
    bottom: 30px;
    border-radius: 8px;
  }

  .HCAU-tooltip .HCAU-tooltip-inner .HCAU-tooltip-arrow {
    width: 10px;
    height: 10px;
    background: #37434c;
    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: 0 auto;
    position: relative;
  }

  .HCAU-step .step-num {
    display: flex;
    gap: 20px;
    justify-content: center;
  }

  .HCAU-step .step-num .step-item {
    position: relative;
  }

  .HCAU-step .step-num .step-item+.step-item:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #d5d5d5;
    position: absolute;
    left: -20px;
    top: 15px;
  }

  .HCAU-step .step-num .step-item .num {
    width: 32px;
    height: 32px;
    border: 2px solid #d5d5d5;
    border-radius: 100%;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .HCAU-step .step-num .step-item img {
    display: none;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
  }

  .HCAU-step .step-num .step-item.active .num {
    background: #05141f;
    border-color: #05141f;
    color: #fff;
  }

  .HCAU-step .step-txt .HCAU-txt-md {
    font-weight: 700;
    color: #05141f;
    text-align: center;
    display: none;
  }

  .HCAU-step .step-txt .HCAU-txt-md.active {
    display: block;
  }

  .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: #ea0029;
    background: #feebee;
    border: 1px solid #ea0029;
  }

  .HCAU-badge.type02 {
    color: #5D7D2B;
    background: #EFF3EB;
    border: 1px solid #5D7D2B;
  }

  .HCAU-badge.type03 {
    color: #43B100;
    background: #EAF6E3;
    border: 1px solid #43B100;
  }

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

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

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

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

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

  .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: #fafafa;
    border-top: 1px solid #05141f;
    border-bottom: 1px solid #05141f;
  }

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

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

  .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: #697279;
    position: absolute;
    left: 20px;
    bottom: 0;
  }

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

  .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: #697279;
    font-weight: 700;
    padding: 12px 36px;
    white-space: nowrap;
    border-bottom: 1px solid #697279;
  }

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

  .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 #d5d5d5;
  }

  .HCAU-tab-small li button.active {
    border-color: #05141f;
  }

  .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>div {
    position: relative;
  }

  .request-step>div .HCAU-txt-md {
    display: inline-block;
    border-bottom: 1px solid #05141f;
  }

  .request-step>div 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 #d5d5d5;
    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: 20px;
  }

  .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: #05141f;
    color: #fff;
  }

  .num-circle {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #05141f;
    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: 14px;
    font-weight: 700;
    padding: 16px 0;
  }

  .card-list.border-box .card-list-button button+button:before {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: #d5d5d5;
    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: 80px 32px;
    text-align: center;
  }

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

  .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: #05141f;
  }

  .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: #05141f;
    border-color: #05141f;
    color: #fff;
  }

  .HCAU-tab-radio2>div input:disabled+label {
    background-color: #f5f5f5;
    border-color: #d5d5d5;
    color: #697279;
  }

  .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;
  }

  .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(93, 125, 43);
  }

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

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

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

  .HCAU-modal.HCAU-gnb .modal-header .gnb-header .HCAU-txt-h1 {
    position: relative;
    top: 2px;
  }

  .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: 14px;
    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(/static/html/m/hyundai/img/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(/static/html/m/hyundai/img/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: #05141f;
    padding: 20px 32px;
    background: none;
    border: none;
    box-shadow: none;
  }

  .HCAU-gnb-menu>.accordion>.accordion-item>.accordion-header button:after {
    background: url(/sfsites/c/resource/kiaFrontEnd/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/kiaFrontEnd/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 #d5d5d5;
    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: #f5f5f5;
  }

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

  .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 #d5d5d5;
  }

  .HCAU-gnb-menu>.accordion .HCAU-gnb-depth3 li .HCAU-txt-sm {
    display: block;
    background: #f5f5f5;
    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 #d5d5d5;
    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: #05141f;
    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: 4px;
    flex: 1 1 100%;
  }

  .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: #5d7d2b;
  }

  .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: #5d7d2b;
  }

  .HCAU-prd {
    display: flex;
    margin: 0 auto;
  }

  .HCAU-prd ul {
    gap: 25px;
  }

  .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;
  }

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

  .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: 15px;
    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-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    margin-left: -20px;
    margin-right: -20px;
    padding: 12px 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: #05141f;
    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: -32px;
  }

  .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: -25px;
    transform: rotate(180deg);
  }

  .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: #697279;
    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: #05141f;
    background: #fff;
    color: #05141f;
    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: #05141f;
    border-color: #05141f;
    color: #fff;
  }

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

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

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

  .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: -12px;
    z-index: 1;
  }

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

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

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

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

  /* COMPONENT END */

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

  .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: 14px;
  }

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

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

  .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;
    border-top: 1px solid #e5e5e5;
    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 th {
    border-top: 1px solid #e5e5e5;
    background: #f5f5f5;
    padding: 13px 20px;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
  }

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

  .sub-policy table.table-view td {
    padding: 16px 20px;
    font-size: 14px;
    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;
    font-size: 14px;
  }

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

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

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

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

  .sub-policy .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: #697279;
  }

  .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 #d5d5d5;
    margin-top: 28px;
  }

  .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: 8px;
  }

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

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

  .sub-policy--title {
    font-size: 17px;
    font-weight: 700;
    border-bottom: 1px solid #d5d5d5;
    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 #d5d5d5;
    margin-top: 40px;
    padding-top: 24px;
  }

  /* Policy End */



  .HCAU-acc .accordion {
    font-family: "Kia Signature Fix", AppleGothicNeoSD, "Apple SD 산돌고딕 Neo",
      "Malgun Gothic", Dotum, "돋움", "굴림", arial, sans-serif;
    font-weight: 400;
    color: #000;
  }

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

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

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

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

  .HCAU-acc .accordion-button::after {
    opacity: 1; 
    width: 28px; 
    height: 28px; 
    background-size: cover; 
    margin-right: 16px;
    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: 0 0 16px;
  }

  .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: #F5F5F5;
    font-family: "Kia Signature Fix", AppleGothicNeoSD, "Apple SD 산돌고딕 Neo",
      "Malgun Gothic", Dotum, "돋움", "굴림", arial, sans-serif;
    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;}
  .HCAU-modal .modal-body .modal-header .HCAU-h1{line-height: 30px;}
  .HCAU-modal .modal-body .modal-header + .mt-2{margin-top:20px !important}

  .mt16{margin-top:16px}
  .HCAU-result-msg.secur{padding: 60px 0px 32px;}
  .HCAU-result-msg.secur .HCAU-txt-md{padding:0 20px;}

  .step-header{margin: 0 -20px; padding: 4px 0 32px; border-bottom: 1px solid #e5e5e5;}

  .card-header{padding-bottom: 16px; border-bottom: 1px solid #000000;}
  .card-header p{font-weight: 700; font-size: 19px; line-height: 25px;}

  .sticky-wrap.quote{padding:28px 20px;}
  .sticky-wrap.quote .car-name .name{line-height: 17px;}
  .sticky-wrap.quote .car-name .price{line-height: 17px; margin-top:4px;}
  .sticky-wrap.quote div{line-height: 24px; font-size: 14px;}
  .sticky-wrap.quote div.sum{line-height: 24px; font-size: 19px;}

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

  .HCAU-acc .acc-result th{font-size: 14px;}
  .HCAU-acc .acc-result td{font-size: 19px;}

  .HCAU-modal .modal-body .modal-header.secur .HCAU-h1{font-size: 22px; line-height: 26px;}
  .HCAU-modal .modal-body .modal-header + div.secur{margin-top:10px; border-top: 1px solid #D5D5D5;}
}