@charset "UTF-8";
/* border-box 재선언 */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 탭 하이라이트 제거*/
  outline: none; /* 포커스 아웃라인 제거 */
}

/* color */
/* typography */
h1, .t1 {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
}

h2, .t2 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
}

h3, .t3 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
}

h4, .t4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.no-scroll {
  overflow: hidden !important;
}

.point {
  color: #0063F6;
}

.icon-wrap i {
  display: block;
}

.img-wrap img {
  display: block;
  width: 100%;
}

.txt-hr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10px;
}
.txt-hr::before {
  display: block;
  content: "";
  width: 0;
  height: 10px;
  border-right: 1px solid #A0A0A0;
}

.flag1 {
  font-size: 11px;
}

.flag2 {
  font-size: 10px;
}

.required {
  color: #0063F6;
}

/* 문자열 말줄임표 처리 */
/* Scroll bar */
.customized-scrollbar,
.content-body,
.select-items, .options,
.custom-textarea textarea,
.select-dateTimePicker > div {
  overflow-y: auto;
  /* 모바일에서 보이지 않음, 스크롤 사이즈 추가되는 이슈 있음 */
  /* overflow-x: hidden;
  > div {
    margin-right: -4px;
  }
  &::-webkit-scrollbar { width: 4px; height: 4px;}
  &::-webkit-scrollbar-track { background-color: transparent !important;}
  &::-webkit-scrollbar-thumb { width: 4px; height: 60px; border-radius: 4px; background-color: transparent;}
  &:hover::-webkit-scrollbar-thumb { background-color: $color-black;}
  &::-webkit-scrollbar-button { display: none;} */
}
.customized-scrollbar.horizontal,
.content-body.horizontal,
.select-items.horizontal, .options.horizontal,
.custom-textarea textarea.horizontal,
.select-dateTimePicker > div.horizontal {
  overflow-x: auto;
  overflow-y: hidden;
}

.page-scrollbar {
  overflow-X: auto;
  /* 모바일에서 보이지 않음, 스크롤 사이즈 추가되는 이슈 있음 */
  /* &::-webkit-scrollbar { height: 4px;}
  &::-webkit-scrollbar-track { background-color: transparent; background-image: linear-gradient(to top, $color-border-03 1px, transparent 2px)}
  &::-webkit-scrollbar-thumb { background-color: $color-black}
  &::-webkit-scrollbar-button { display: none;} */
}

/* Page Srcollbar (swiper) */
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: relative;
  margin-top: 20px;
  background: transparent;
  background-image: linear-gradient(to top, #E2E2E2 1px, transparent 2px);
  border-radius: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.swiper-scrollbar-drag {
  background-color: #000000;
  border-radius: 0;
}

.ul-disc {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ul-disc li {
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  line-height: 21px;
  font-weight: 400;
}
.ul-disc li::before {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000000;
  position: absolute;
  left: 10px;
  top: 10px;
  transform: translate(-50%, -50%);
}

[class*=ic-svg-] {
  display: inline-block;
  background-size: 100% 100%;
  background-position: center center;
}
[class*=ic-svg-][class*="-16"] {
  width: 16px;
  height: 16px;
}
[class*=ic-svg-][class*="-20"] {
  width: 20px;
  height: 20px;
}
[class*=ic-svg-][class*="-24"] {
  width: 24px;
  height: 24px;
}
[class*=ic-svg-][class*="-32"] {
  width: 32px;
  height: 32px;
}
[class*=ic-svg-][class*="-40"] {
  width: 40px;
  height: 40px;
}
[class*=ic-svg-][class*="-48"] {
  width: 48px;
  height: 48px;
}

.ic-svg-calendar-40 {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6.99805' y='8' width='26' height='23' stroke='%23000000' stroke-width='2'/%3E%3Cline x1='7.99805' y1='16' x2='32.998' y2='16' stroke='%23000000' stroke-width='2'/%3E%3Cline x1='14.9971' y1='5' x2='14.9971' y2='12' stroke='%23000000' stroke-width='2'/%3E%3Cline x1='24.498' y1='5' x2='24.498' y2='12' stroke='%23000000' stroke-width='2'/%3E%3Cline x1='13.9971' y1='23' x2='25.9971' y2='23' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-time-40 {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_967_61185' fill='white'%3E%3Cpath d='M11.801 31.3656C14.4003 33.2663 17.5754 34.2129 20.7911 34.0458C24.0069 33.8787 27.0668 32.6082 29.4551 30.4484C31.8434 28.2885 33.4142 25.3714 33.9027 22.1886C34.3912 19.0057 33.7676 15.7518 32.137 12.9751C30.5063 10.1984 27.9683 8.06872 24.9507 6.94491C21.9331 5.82111 18.6203 5.77191 15.5706 6.80559C12.5209 7.83928 9.9208 9.89266 8.20841 12.6197C6.49602 15.3467 5.77604 18.5807 6.16982 21.7767L8.11511 21.537C7.77646 18.7885 8.39564 16.0072 9.8683 13.662C11.341 11.3167 13.5771 9.55083 16.1998 8.66186C18.8225 7.77289 21.6715 7.81521 24.2667 8.78167C26.8618 9.74815 29.0445 11.5797 30.4468 13.9676C31.8492 16.3556 32.3855 19.154 31.9654 21.8912C31.5453 24.6284 30.1944 27.1372 28.1404 28.9946C26.0865 30.8521 23.455 31.9448 20.6894 32.0884C17.9239 32.2321 15.1933 31.4181 12.9579 29.7834L11.801 31.3656Z'/%3E%3C/mask%3E%3Cpath d='M11.801 31.3656C14.4003 33.2663 17.5754 34.2129 20.7911 34.0458C24.0069 33.8787 27.0668 32.6082 29.4551 30.4484C31.8434 28.2885 33.4142 25.3714 33.9027 22.1886C34.3912 19.0057 33.7676 15.7518 32.137 12.9751C30.5063 10.1984 27.9683 8.06872 24.9507 6.94491C21.9331 5.82111 18.6203 5.77191 15.5706 6.80559C12.5209 7.83928 9.9208 9.89266 8.20841 12.6197C6.49602 15.3467 5.77604 18.5807 6.16982 21.7767L8.11511 21.537C7.77646 18.7885 8.39564 16.0072 9.8683 13.662C11.341 11.3167 13.5771 9.55083 16.1998 8.66186C18.8225 7.77289 21.6715 7.81521 24.2667 8.78167C26.8618 9.74815 29.0445 11.5797 30.4468 13.9676C31.8492 16.3556 32.3855 19.154 31.9654 21.8912C31.5453 24.6284 30.1944 27.1372 28.1404 28.9946C26.0865 30.8521 23.455 31.9448 20.6894 32.0884C17.9239 32.2321 15.1933 31.4181 12.9579 29.7834L11.801 31.3656Z' stroke='%23000000' stroke-width='4' mask='url(%23path-1-inside-1_967_61185)'/%3E%3Cpath d='M20.1289 13.0273V20.1523L24.6289 25.0273' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M7.12891 25.0273L3.23179 18.2773L11.026 18.2773L7.12891 25.0273Z' fill='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-list-40 {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 33.5V6.5H24.3333L32 14.4773V33.5H9Z' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M23.75 6.24976V14.3748H31.875' stroke='%23000000' stroke-width='2'/%3E%3Cline x1='13.0002' y1='23.75' x2='21.0002' y2='23.75' stroke='%23000000' stroke-width='2'/%3E%3Cline x1='13.0002' y1='27.75' x2='24.0002' y2='27.75' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-star-40 {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4.75955L24.2464 13.3637L24.4791 13.8351L24.9993 13.9107L34.4945 15.2904L27.6237 21.9878L27.2473 22.3548L27.3361 22.8729L28.9581 32.3298L20.4653 27.8649L20 27.6202L19.5347 27.8649L11.0419 32.3298L12.6639 22.8729L12.7527 22.3548L12.3763 21.9878L5.50547 15.2904L15.0007 13.9107L15.5209 13.8351L15.7536 13.3637L20 4.75955Z' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-star-24-grey {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.19466L14.4133 8.08459L14.5878 8.43817L14.978 8.49487L20.3744 9.279L16.4695 13.0853L16.1872 13.3605L16.2538 13.7491L17.1756 19.1237L12.349 16.5862L12 16.4027L11.651 16.5862L6.82435 19.1237L7.74616 13.7491L7.81281 13.3605L7.53046 13.0853L3.62563 9.279L9.02198 8.49487L9.41218 8.43817L9.58668 8.08459L12 3.19466Z' stroke='%23999999' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-star-40-grey {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4.75955L24.2464 13.3637L24.4791 13.8351L24.9993 13.9107L34.4945 15.2904L27.6237 21.9878L27.2473 22.3548L27.3361 22.8729L28.9581 32.3298L20.4653 27.8649L20 27.6202L19.5347 27.8649L11.0419 32.3298L12.6639 22.8729L12.7527 22.3548L12.3763 21.9878L5.50547 15.2904L15.0007 13.9107L15.5209 13.8351L15.7536 13.3637L20 4.75955Z' stroke='%23999999' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-comment-40 {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.45996 8.54248V7.54248H5.45996V8.54248H6.45996ZM33.7327 8.54248H34.7327V7.54248H33.7327V8.54248ZM6.45996 28.9971H5.45996V29.9971H6.45996V28.9971ZM28.053 28.9971L28.6777 28.2162L28.4037 27.9971H28.053V28.9971ZM33.7345 33.5423L33.1098 34.3231L34.7345 35.6229V33.5423H33.7345ZM33.7345 26.2695H34.7345V25.2695H33.7345V26.2695ZM33.7327 26.2695H32.7327V27.2695H33.7327V26.2695ZM6.45996 9.54248H33.7327V7.54248H6.45996V9.54248ZM7.45996 28.9971V8.54248H5.45996V28.9971H7.45996ZM28.053 27.9971H6.45996V29.9971H28.053V27.9971ZM27.4283 29.7779L33.1098 34.3231L34.3592 32.7614L28.6777 28.2162L27.4283 29.7779ZM34.7345 33.5423V26.2695H32.7345V33.5423H34.7345ZM33.7345 25.2695H33.7327V27.2695H33.7345V25.2695ZM32.7327 8.54248V26.2695H34.7327V8.54248H32.7327Z' fill='%23000000'/%3E%3Cline x1='12.71' y1='19' x2='27.46' y2='19' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-company-40 {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.5 8.5H15.5V11H24.5V8.5ZM13 8.5V11H11.5H9V13.5V32.5V32.55H8H6.75V35.05H8L32 35.05H33.25V32.55H32H31V32.5V13.5V11H28.5H27V8.5V6H24.5H15.5H13V8.5ZM25 32.5H28.5V13.5H27H24.5H15.5H13H11.5V32.5H15V27.5V25H17.5H22.5H25V27.5V32.5ZM17.5 32.5H22.5V27.5H17.5V32.5ZM15 18.5H16.25H23.75H25V21H23.75H16.25H15V18.5Z' fill='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-notice-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10H10V20H4V10Z' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M7.80217 27L6.24662 20H10.1978L11.7534 27H7.80217Z' stroke='%23000000' stroke-width='2'/%3E%3Ccircle cx='25' cy='15' r='3' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M10 20.0371V9.96294L24 5.37961V24.6204L10 20.0371Z' fill='white' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-comment-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.16797 6.83398V5.83398H4.16797V6.83398H5.16797ZM26.9862 6.83398H27.9862V5.83398H26.9862V6.83398ZM5.16797 23.1976H4.16797V24.1976H5.16797V23.1976ZM22.4424 23.1976L23.0671 22.4168L22.7931 22.1976H22.4424V23.1976ZM26.9876 26.8338L26.3629 27.6147L27.9876 28.9144V26.8338H26.9876ZM26.9876 21.0156H27.9876V20.0156H26.9876V21.0156ZM26.9862 21.0156H25.9862V22.0156H26.9862V21.0156ZM5.16797 7.83398H26.9862V5.83398H5.16797V7.83398ZM6.16797 23.1976V6.83398H4.16797V23.1976H6.16797ZM22.4424 22.1976H5.16797V24.1976H22.4424V22.1976ZM21.8177 23.9785L26.3629 27.6147L27.6123 26.0529L23.0671 22.4168L21.8177 23.9785ZM27.9876 26.8338V21.0156H25.9876V26.8338H27.9876ZM26.9876 20.0156H26.9862V22.0156H26.9876V20.0156ZM25.9862 6.83398V21.0156H27.9862V6.83398H25.9862Z' fill='%23000000'/%3E%3Cline x1='10.168' y1='15' x2='21.968' y2='15' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-call-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.70743 11.3639L10.113 6.95831L14.3557 11.201L12.7785 12.7781L19.8496 19.8492L21.4267 18.272L25.6694 22.5147L21.2638 26.9203L5.70743 11.3639Z' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M26.0706 5.99908L24.2775 12.6912L19.3785 7.79223L26.0706 5.99908Z' fill='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-faq-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='11.5' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M13.5 13.3902C13.5 12.0701 14.6193 11 16 11C17.3807 11 18.5 12.0701 18.5 13.3902C18.5 13.7788 18.403 14.0998 18.231 14.3592C17.4679 15.5099 16 16.3693 16 17.75V18.5' stroke='%23000000' stroke-width='2'/%3E%3Crect x='15.5' y='20' width='1' height='1' fill='%23000000' stroke='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-check-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 14.6154L13 21L25 10' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-star-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4.25955L19.2178 10.7794L19.4504 11.2509L19.9707 11.3265L27.1658 12.372L21.9594 17.447L21.5829 17.814L21.6718 18.3322L22.9009 25.4982L16.4653 22.1149L16 21.8702L15.5347 22.1149L9.09914 25.4982L10.3282 18.3322L10.4171 17.814L10.0406 17.447L4.83417 12.372L12.0293 11.3265L12.5496 11.2509L12.7822 10.7794L16 4.25955Z' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-car-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33325 13.8517L8.20367 6.33392H23.7962L26.6666 13.8517V24.3339H5.33325V13.8517Z' stroke='%23000000' stroke-width='2'/%3E%3Cline x1='5.5' y1='13.8339' x2='26.5' y2='13.8339' stroke='%23000000' stroke-width='2'/%3E%3Crect x='27.2' y='13' width='2.4' height='2' fill='%23000000'/%3E%3Crect x='2.3999' y='13' width='2.4' height='2' fill='%23000000'/%3E%3Crect x='5.59985' y='18.4003' width='6' height='2' fill='%23000000'/%3E%3Crect x='20.3999' y='18.4003' width='6' height='2' fill='%23000000'/%3E%3Crect x='22.8638' y='24.8007' width='4.8' height='2' fill='%23000000'/%3E%3Crect x='4.33594' y='24.8007' width='4.8' height='2' fill='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-list-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.19995 26.8V5.20001H19.4666L25.6 11.5818V26.8H7.19995Z' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M19 4.99982V11.4998H25.5' stroke='%23000000' stroke-width='2'/%3E%3Cline x1='10.4001' y1='18' x2='16.8001' y2='18' stroke='%23000000' stroke-width='2'/%3E%3Cline x1='10.4001' y1='22' x2='19.2001' y2='22' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-left-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 19.5L8 12L16 4.5' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-right-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4.5L16 12L8 19.5' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-down-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 8L12 16L4.5 8' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-up-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 16L12 8L19.5 16' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-close-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L19 19' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M19 5L5 19' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-emergency-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_967_61067)'%3E%3Cpath d='M3.323 19.3125L11.875 4.5L20.427 19.3125H3.323Z' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M9.38518 15.8125L11.875 11.5L14.3648 15.8125H9.38518Z' stroke='%23000000' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_967_61067'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-carklaxon-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='14.499' width='16' height='5.5' stroke='%23000000' stroke-width='1.5'/%3E%3Crect x='6.625' y='10.6484' width='10.75' height='3.75' stroke='%23000000' stroke-width='1.5'/%3E%3Cline x1='12.0469' y1='3.24902' x2='12.0469' y2='7.62402' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M6.22656 4.99902L8.85156 7.62402' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M18.125 4.99902L15.5 7.62402' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.ic-svg-home-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11.1579L12 4L4 11.1579V20H20V11.1579Z' stroke='%23000000' stroke-width='1.5'/%3E%3Crect x='9.25' y='14.5' width='5.5' height='5.5' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-car-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10.3883L6.15281 4.75H17.8472L20 10.3883V18.25H4V10.3883Z' stroke='%23000000' stroke-width='1.5'/%3E%3Cline x1='4.125' y1='10.375' x2='19.875' y2='10.375' stroke='%23000000' stroke-width='1.5'/%3E%3Crect x='20' y='9.375' width='2' height='2.5' fill='%23000000'/%3E%3Crect x='2' y='9.375' width='2' height='2.5' fill='%23000000'/%3E%3Crect x='15.5' y='13.3125' width='4.375' height='1.75' fill='%23000000'/%3E%3Crect x='4.125' y='13.3125' width='4.375' height='1.75' fill='%23000000'/%3E%3Crect x='17.25' y='19' width='3.5' height='0.875' fill='%23000000'/%3E%3Crect x='3.25' y='19' width='3.5' height='0.875' fill='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-user-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='7.375' r='3.625' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M4 20.5V14.375H19.75V20.5' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-star-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.19466L14.4133 8.08459L14.5878 8.43817L14.978 8.49487L20.3744 9.279L16.4695 13.0853L16.1872 13.3605L16.2538 13.7491L17.1756 19.1237L12.349 16.5862L12 16.4027L11.651 16.5862L6.82435 19.1237L7.74616 13.7491L7.81281 13.3605L7.53046 13.0853L3.62563 9.279L9.02198 8.49487L9.41218 8.43817L9.58668 8.08459L12 3.19466Z' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-calendar-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.75' y='5.75' width='14.5' height='12.5' stroke='%23000000' stroke-width='1.5'/%3E%3Cline x1='5' y1='9.5' x2='18.7143' y2='9.5' stroke='%23000000' stroke-width='1.5'/%3E%3Cline x1='9' y1='13.75' x2='15' y2='13.75' stroke='%23000000' stroke-width='1.5'/%3E%3Cline x1='14.75' y1='4' x2='14.75' y2='7.5' stroke='%23000000' stroke-width='1.5'/%3E%3Cline x1='9.25' y1='4' x2='9.25' y2='7.5' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-pin-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20C12 20 18.5 14.4348 18.5 10.2609C18.5 6.80309 15.5899 4 12 4C8.41015 4 5.5 6.80309 5.5 10.2609C5.5 14.4348 12 20 12 20Z' stroke='%23000000' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='10.5' r='2' fill='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-lock_on-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.25' y='9.75' width='15.5' height='11.5' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M7.75 6.5C7.75 4.15279 9.65279 2.25 12 2.25C14.3472 2.25 16.25 4.15279 16.25 6.5V9.75H7.75V6.5Z' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M9.50244 13.0006L14.5012 17.9994' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M14.5002 13.0006L9.50146 17.9994' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.ic-svg-lock_on-24 .fillon {
  fill: #FFFFFF;
  transition: height 2s, y 2s;
}
.ic-svg-lock_on-24.animate .fillon {
  animation: fillAnimation 2s forwards;
}
.ic-svg-lock_off-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.25' y='9.75' width='15.5' height='11.5' stroke='%23000000' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='15.5' r='2.25' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M16.5 10V6.5C16.5 4.01472 14.4853 2 12 2V2C9.51472 2 7.5 4.01472 7.5 6.5V6.5' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.ic-svg-lock_off-24 .filloff {
  fill: #FFFFFF;
  transition: height 2s, y 2s;
}
.ic-svg-lock_off-24.animate .filloff {
  animation: fillAnimation 2s forwards;
}
@keyframes fillAnimation {
    0% {
        height: 0;
        y: 21.25;
    }
    100% {
        height: 11.5;
        y: 9.75;
    }
}
.ic-svg-notice-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.5H7.5V15H3V7.5Z' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M5.85163 20.25L4.68496 15H7.64837L8.81504 20.25H5.85163Z' stroke='%23000000' stroke-width='1.5'/%3E%3Ccircle cx='18.75' cy='11.25' r='2.25' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M7.5 15.0278V7.4722L18 4.0347V18.4653L7.5 15.0278Z' fill='white' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-list-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3999 20.1V3.90002H14.5999L19.1999 8.68639V20.1H5.3999Z' stroke='%23000000' stroke-width='1.5'/%3E%3Cline x1='7.94995' y1='13.5001' x2='12.95' y2='13.5001' stroke='%23000000' stroke-width='1.5'/%3E%3Cline x1='7.94995' y1='16.626' x2='14.825' y2='16.626' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M14.25 3.74988V8.62488H19.125' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-call-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.28051 8.52295L7.58472 5.21875L10.7667 8.40073L9.58381 9.58362L14.8871 14.8869L16.07 13.704L19.252 16.886L15.9478 20.1902L4.28051 8.52295Z' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M19.553 4.49931L18.2081 9.51841L14.5339 5.84417L19.553 4.49931Z' fill='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-comment-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.87598 5.12549V4.37549H3.12598V5.12549H3.87598ZM20.2396 5.12549H20.9896V4.37549H20.2396V5.12549ZM3.87598 17.3982H3.12598V18.1482H3.87598V17.3982ZM16.8318 17.3982L17.3003 16.8126L17.0949 16.6482H16.8318V17.3982ZM20.2407 20.1254L19.7722 20.711L20.9907 21.6858V20.1254H20.2407ZM20.2407 15.7617H20.9907V15.0117H20.2407V15.7617ZM20.2396 15.7617H19.4896V16.5117H20.2396V15.7617ZM3.87598 5.87549H20.2396V4.37549H3.87598V5.87549ZM4.62598 17.3982V5.12549H3.12598V17.3982H4.62598ZM16.8318 16.6482H3.87598V18.1482H16.8318V16.6482ZM16.3633 17.9839L19.7722 20.711L20.7092 19.5397L17.3003 16.8126L16.3633 17.9839ZM20.9907 20.1254V15.7617H19.4907V20.1254H20.9907ZM20.2407 15.0117H20.2396V16.5117H20.2407V15.0117ZM19.4896 5.12549V15.7617H20.9896V5.12549H19.4896Z' fill='%23000000'/%3E%3Cline x1='7.62598' y1='11.25' x2='16.476' y2='11.25' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-right-20 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4.5L12.5 10L7 15.5' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-down-20 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.25 7.25L9.75 12.75L4.25 7.25' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-up-20 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 12.75L9.75 7.25L15.25 12.75' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-clock-20 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='6.75' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M10 6.25V10H13.75' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-user-20 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.89583' cy='6.14583' r='2.89583' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M3.33325 17.0834V11.9792H16.4583V17.0834' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-lock-20 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.75' y='8.25' width='12.5' height='8.5' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M13.75 8.33335V5.41669C13.75 3.34562 12.0711 1.66669 10 1.66669V1.66669C7.92893 1.66669 6.25 3.34562 6.25 5.41669V5.41669' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-right-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3.5L10.5 8L6 12.5' stroke='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-down-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 6L8 10.5L3.5 6' stroke='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-close-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L12 12' stroke='%23000000'/%3E%3Cpath d='M12 4L4 12' stroke='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-pin-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13C8 13 12 9.52174 12 6.91304C12 4.75193 10.2091 3 8 3C5.79086 3 4 4.75193 4 6.91304C4 9.52174 8 13 8 13Z' stroke='%23000000'/%3E%3Ccircle cx='8' cy='7' r='1.25' fill='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-reset-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.92828 6.58399C3.51337 7.46572 3.39589 8.45831 3.5935 9.41254C3.79111 10.3668 4.29313 11.2311 5.0241 11.8755C5.75506 12.5199 6.67546 12.9097 7.64693 12.9861C8.6184 13.0626 9.58844 12.8216 10.4112 12.2995C11.234 11.7773 11.865 11.0022 12.2095 10.0906C12.554 9.17907 12.5932 8.18032 12.3213 7.24454C12.0495 6.30876 11.4812 5.48651 10.7019 4.90142C9.92262 4.31632 8.97448 4 8 4' stroke='%23000000'/%3E%3Cpath d='M5 4L8 2.26795L8 5.73205L5 4Z' fill='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-clock-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='4.5' stroke='%23000000'/%3E%3Cpath d='M8 6V8H10' stroke='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-check-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7.30769L6.5 10.5L12.5 5' stroke='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-pin-filled {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9999 26.6667C15.9999 26.6667 24.6666 19.2464 24.6666 13.6812C24.6666 9.07079 20.7864 5.33334 15.9999 5.33334C11.2135 5.33334 7.33325 9.07079 7.33325 13.6812C7.33325 19.2464 15.9999 26.6667 15.9999 26.6667Z' fill='%230063F6'/%3E%3Ccircle cx='15.9999' cy='14' r='2.66667' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-error-filled {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23F34246'/%3E%3Crect x='9' y='5' width='2' height='7' fill='white'/%3E%3Crect x='9' y='13' width='2' height='2' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-success-filled {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' fill='%2300BA13'/%3E%3Cpath d='M5.5 9.30769L8.5 12.5L14.5 7' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-close-filled {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23999999'/%3E%3Cg clip-path='url(%23clip0_967_61016)'%3E%3Cpath d='M6.5 6.5L13.5 13.5' stroke='white' stroke-width='2'/%3E%3Cpath d='M13.5 6.5L6.5 13.5' stroke='white' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_967_61016'%3E%3Crect width='16' height='16' fill='white' transform='translate(2 2)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-caution-filled {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_967_61024)'%3E%3Cpath d='M10 1.5L19.5263 18H0.473721L10 1.5Z' fill='%23F34246'/%3E%3Crect x='9' y='8' width='2' height='5' fill='white'/%3E%3Crect x='9' y='14' width='2' height='2' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_967_61024'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-star-filled {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1.5L15.0859 7.75266L21.9861 8.75532L16.993 13.6223L18.1717 20.4947L12 17.25L5.82825 20.4947L7.00695 13.6223L2.01391 8.75532L8.91413 7.75266L12 1.5Z' fill='%23FFA800'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-tooltip-filled {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_967_61029)'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23999999'/%3E%3Crect x='7.5' y='4.25' width='1.5' height='5' fill='white'/%3E%3Crect x='7.5' y='10.25' width='1.5' height='1.5' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_967_61029'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-svg-warning-filled {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23161B2E'/%3E%3Crect x='15' y='9.25' width='2.5' height='9' fill='white'/%3E%3Crect x='15' y='20.25' width='2.5' height='2.5' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

/* Button */
.btn-lg, .btn-md, .btn-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  border-radius: 0;
}
.btn-lg:not(:disabled):active::after, .btn-md:not(:disabled):active::after, .btn-sm:not(:disabled):active::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
.btn-lg:disabled, .btn-md:disabled, .btn-sm:disabled {
  cursor: default;
}

.btn-lg, .btn-md, .btn-sm {
  position: relative;
}

.btn-lg {
  height: 52px;
}
.btn-md {
  height: 48px;
}
.btn-sm {
  height: 28px;
  border-radius: 28px;
  overflow: hidden;
  color: #6B6B6B;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.btn-sm:not(:disabled):active {
  background-color: rgba(0, 0, 0, 0.1);
}
.btn-sm:not(:disabled):active::after {
  display: none;
}
.btn-sm:disabled {
  color: rgba(107, 107, 107, 0.2);
}
.btn-submit, .btn-primary1 {
  background-color: #161B2E;
  color: #FFFFFF;
}
.btn-submit:not(:disabled):active, .btn-primary1:not(:disabled):active {
  color: rgba(255, 255, 255, 0.8);
}
.btn-submit:not(:disabled):active ::after, .btn-primary1:not(:disabled):active ::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.btn-submit:disabled, .btn-primary1:disabled {
  opacity: 0.2;
}
.btn-primary2 {
  background-color: #E0EBFF;
  color: #0063F6;
}
.btn-primary2:disabled {
  opacity: 0.2;
}
.btn-gray {
  background-color: #F3F5F8;
}
.btn-gray-bd {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  color: #000000;
}
.btn-txt {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #404040;
}
.btn-txt.line {
  border-bottom: 1px solid #A0A0A0;
}
.btn-txt.icon {
  display: flex;
  align-items: center;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #6B6B6B;
}
.btn-txt.icon .ic-svg-right-16 {
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3.5L10.5 8L6 12.5' stroke='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.btn-txt:active {
  opacity: 0.7;
}
.btn-txt:disabled {
  opacity: 0.2;
}

.button-box {
  display: flex;
  gap: 8px;
}
.button-box button, .button-box a, .button-box [class*=btn-] {
  flex: 1;
}

/* Alert */
.alert-container, .bottomsheet-container, .full-popup-container, .popup-container {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.alert-container::before, .bottomsheet-container::before, .full-popup-container::before, .popup-container::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}

.alert-wrap, .popup-wrap {
  position: absolute;
  background-color: #FFFFFF;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: calc(100% - 40px);
  max-width: 320px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.alert-wrap .alert-content, .popup-wrap .alert-content {
  padding: 20px;
  flex: 1;
}
.alert-wrap.type1 .alert-content, .type1.popup-wrap .alert-content {
  padding-top: 48px;
  padding-bottom: 24px;
}
.alert-wrap.type1 .alert-content > p, .type1.popup-wrap .alert-content > p {
  font-size: 16px;
  line-height: 31px;
  font-weight: 700;
  text-align: center;
}

#alertPopupCancel:disabled {
  color: rgba(153, 153, 153, 0.4);
}

.alert-content02 {
  padding: 20px 20px 0 20px;
}

.alert-content02 > .center_div  {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  text-align: left;
  
}

.alert-content02 > .left_div  {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: left;
  color:#6b6b6b;
  padding-bottom:20px;
}

.check-Return{
  margin: 10px 20px 10px 20px;
  background-color: #F3F5F8;
  display: flex;
    align-items: center;
    justify-content: start;
    padding: 16px;
    background: #F3F5F8;
}

.check-Return > label{
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  font-weight: 700;
}

.alert-wrap.type2 .alert-content, .type2.popup-wrap .alert-content {
  padding-top: 32px;
  padding-bottom: 20px;
}
.alert-wrap.type3 .alert-content, .type3.popup-wrap .alert-content {
  padding-top: 32px;
  padding-bottom: 10px;
}
.alert-wrap .alert-btn, .popup-wrap .alert-btn, .popup-wrap .popup-btn {
  width: 100%;
  padding: 20px;
  display: flex;
  gap: 8px;
}
.alert-wrap .alert-btn button, .popup-wrap .alert-btn button, .popup-wrap .popup-btn button {
  flex: 1;
}

/* Popup */
.popup-wrap .popup-content {
  padding: 32px 20px 10px;
  flex: 1;
}
.popup-wrap .popup-inner-hd {
  padding-bottom: 8px;
}
.popup-wrap .popup-inner-bd {
  max-height: 30vh;
}
.popup-wrap .popup-btn button {
  flex: 1;
}

/* Full Popup */
.full-popup-container .header-inner .title-wrap .title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.full-popup-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  z-index: 1;
}

.full-popup-content {
  z-index: 1;
  /* margin: 15px; */
}
.full-popup-content.customized-scrollbar {
  height: calc(100vh - 120px);
}
.full-popup-content.customized-scrollbar.no-btn {
  height: calc(100vh - 48px);
}
.full-popup-content section {
  background-color: #FFFFFF;
}
.full-popup-content section + section {
  margin-top: 40px;
}

.full-popup-btn {
  display: flex;
  padding: 20px 20px 0;
}
.full-popup-btn button, .full-popup-btn .btn-lg {
  flex: 1;
}

/* Bottom Sheet */
.bottomsheet-wrap {
  position: absolute;
  background-color: #FFFFFF;
  border-radius: 16px 16px 0 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: hidden;
  padding-top: 8px;
  max-height: calc(100% - 30px);
  z-index: 100;
}

.bottomsheet-content {
  padding: 0 20px;
}

.bottomsheet-btn {
  padding: 20px 20px 0;
  display: flex;
  gap: 8px;
  width: 100%;
}
.bottomsheet-btn button {
  flex: 1;
}

/* dropdown form */
.form-section .dropdown-wrap + .dropdown-wrap {
  margin-top: 20px;
}

/* Toast */
.toast-wrap {
  position: fixed;
  left: 20px;
  right: 20px;
  z-index: 999;
  padding: 16px 20px;
  border-radius: 4px;
  background-color: rgba(22, 27, 46, 0.8);
  color: #FFFFFF;
  opacity: 0;
  bottom: 0;
  transition: all 0.5s;
}
.toast-wrap p, .toast-wrap .msg-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  word-break: keep-all;
}
.toast-wrap.active {
  opacity: 1;
  bottom: 86px;
}

/* Flag */
.flag-outline-lg, .flag-filled-lg, .flag-filled-sm {
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 15px;
  font-weight: 700;
  line-height: 14px;
}
.flag-outline-lg, .flag-filled-lg {
  padding: 4px 6px;
  height: 22px;
}
.flag-outline-sm, .flag-filled-sm {
  padding: 3px 6px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 700;
  height: 20px;
}
.flag-outline-lg, .flag-outline-sm {
  border: 1px solid #0063F6;
  color: #0063F6;
}
.flag-filled-lg, .flag-filled-sm {
  background-color: #F1F3F8;
  color: #404040;
}
.flag-filled-lg.on, .flag-filled-sm.on {
  background-color: #0063F6;
  color: #FFFFFF;
}

/* Tabmenu */
.tabmenu-wrap {
  border-bottom: 1px solid #E2E2E2;
}
.tabmenu-wrap .tabmenu-box, .tabmenu-wrap ul {
  display: flex;
  width: 100%;
}
.tabmenu-wrap .tabmenu-box.type-single .tab, .tabmenu-wrap .tabmenu-box.type-single li, .tabmenu-wrap ul.type-single .tab, .tabmenu-wrap ul.type-single li {
  padding: 6px 12px 12px;
}
.tabmenu-wrap .tabmenu-box .tab, .tabmenu-wrap .tabmenu-box li, .tabmenu-wrap ul .tab, .tabmenu-wrap ul li {
  flex: 1;
  padding: 6px 12px 8px;
  position: relative;
}
.tabmenu-wrap .tabmenu-box .tab .tab-inner, .tabmenu-wrap .tabmenu-box .tab a, .tabmenu-wrap .tabmenu-box li .tab-inner, .tabmenu-wrap .tabmenu-box li a, .tabmenu-wrap ul .tab .tab-inner, .tabmenu-wrap ul .tab a, .tabmenu-wrap ul li .tab-inner, .tabmenu-wrap ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
}
.tabmenu-wrap .tabmenu-box .tab .tab-inner .tit, .tabmenu-wrap .tabmenu-box .tab a .tit, .tabmenu-wrap .tabmenu-box li .tab-inner .tit, .tabmenu-wrap .tabmenu-box li a .tit, .tabmenu-wrap ul .tab .tab-inner .tit, .tabmenu-wrap ul .tab a .tit, .tabmenu-wrap ul li .tab-inner .tit, .tabmenu-wrap ul li a .tit {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  display: flex;
  gap: 4px;
}
.tabmenu-wrap .tabmenu-box .tab .tab-inner .sub, .tabmenu-wrap .tabmenu-box .tab a .sub, .tabmenu-wrap .tabmenu-box li .tab-inner .sub, .tabmenu-wrap .tabmenu-box li a .sub, .tabmenu-wrap ul .tab .tab-inner .sub, .tabmenu-wrap ul .tab a .sub, .tabmenu-wrap ul li .tab-inner .sub, .tabmenu-wrap ul li a .sub {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.tabmenu-wrap .tabmenu-box .tab.active::after, .tabmenu-wrap .tabmenu-box li.active::after, .tabmenu-wrap ul .tab.active::after, .tabmenu-wrap ul li.active::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  border-top: 4px solid #161B2E;
}
.tabmenu-wrap .tabmenu-box .tab.active .tab-inner, .tabmenu-wrap .tabmenu-box .tab.active a, .tabmenu-wrap .tabmenu-box li.active .tab-inner, .tabmenu-wrap .tabmenu-box li.active a, .tabmenu-wrap ul .tab.active .tab-inner, .tabmenu-wrap ul .tab.active a, .tabmenu-wrap ul li.active .tab-inner, .tabmenu-wrap ul li.active a {
  opacity: 1;
}
.tabmenu-wrap .tabmenu-box.type-icon .tab .tab-inner, .tabmenu-wrap .tabmenu-box.type-icon .tab a, .tabmenu-wrap .tabmenu-box.type-icon li .tab-inner, .tabmenu-wrap .tabmenu-box.type-icon li a, .tabmenu-wrap ul.type-icon .tab .tab-inner, .tabmenu-wrap ul.type-icon .tab a, .tabmenu-wrap ul.type-icon li .tab-inner, .tabmenu-wrap ul.type-icon li a {
  opacity: 1;
  color: rgba(0, 0, 0, 0.3);
}
.tabmenu-wrap .tabmenu-box.type-icon .tab.active .tab-inner, .tabmenu-wrap .tabmenu-box.type-icon .tab.active a, .tabmenu-wrap .tabmenu-box.type-icon li.active .tab-inner, .tabmenu-wrap .tabmenu-box.type-icon li.active a, .tabmenu-wrap ul.type-icon .tab.active .tab-inner, .tabmenu-wrap ul.type-icon .tab.active a, .tabmenu-wrap ul.type-icon li.active .tab-inner, .tabmenu-wrap ul.type-icon li.active a {
  color: #000000;
}

/* 예약시간 설정 박스 */
.time-title-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  background-color: #F3F5F8;
}
.time-title-box .timebox-inner {
  display: flex;
  justify-content: center;
}
.time-title-box .timebox-inner .icon-wrap {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.time-title-box .timebox-inner .txt {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.time-setting-box {
  display: flex;
  align-items: center;
  background-color: #F3F5F8;
  padding: 16px 20px;
}
.time-setting-box .timebox-inner .txt-wrap {
  display: flex;
  align-items: center;
}
.time-setting-box .timebox-inner .txt-wrap .txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.time-setting-box .timebox-inner .txt-wrap .txt.point {
  font-weight: 700;
  position: relative;
  padding-left: 8px;
  margin-left: 4px;
}
.time-setting-box .timebox-inner .txt-wrap .txt.point::before {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #0063F6;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* datePicker */
.select-dateTimePicker-wrap {
  margin: 34px 0 18px;
  position: relative;
}
.select-dateTimePicker-wrap .selected-area {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 68px;
  border: 1px solid #ededed;
  border-width: 1px 0;
  z-index: 0;
}
.select-dateTimePicker-wrap .selected-area::before {
  display: block;
  content: ":";
  font-size: 20px;
  height: 28px;
  line-height: 28px;
  font-weight: 700;
  color: #999999;
  position: absolute;
  right: 25%;
  top: 50%;
  transform: translateY(-50%);
}

.select-dateTimePicker {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 198px;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.select-dateTimePicker > div {
  text-align: center;
  height: 198px;
  overflow: hidden;
  border: 0;
}
.select-dateTimePicker > div:hover {
  overflow: auto;
}
.select-dateTimePicker .list-wrap li {
  padding: 20px;
  line-height: 28px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: #999999;
}
.select-dateTimePicker .list-wrap li.current, .select-dateTimePicker .list-wrap li.selected {
  color: #0063F6;
  font-weight: 700;
}
.select-dateTimePicker .list-wrap li:disabled, .select-dateTimePicker .list-wrap li[aria-disabled=true] {
  color: rgba(153, 153, 153, 0.4);
  font-weight: 500;
}
.select-dateTimePicker .date-list {
  flex: 2;
}
.select-dateTimePicker .hour-list {
  flex: 1;
}
.select-dateTimePicker .minute-list {
  flex: 1;
}

/* Wheel Picker - Custom */
.wheelpicker-wrap {
  margin: 34px 0 18px;
  padding: 0 20px;
  position: relative;
}
.wheelpicker-wrap .selected-line-top, .wheelpicker-wrap .selected-line-bottom {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ededed;
  z-index: 1;
}
.wheelpicker-wrap .selected-line-top {
  top: 66px;
}
.wheelpicker-wrap .selected-line-bottom {
  bottom: 66px;
}
.wheelpicker-wrap .simple-wheel-group {
  height: 198px;
  gap: 10px;
}
.wheelpicker-wrap .simple-wheel {
  height: 198px;
  overflow-x: hidden !important;
  border: 0;
}
.wheelpicker-wrap .simple-wheel.day-list {
  flex: 2;
}
.wheelpicker-wrap .simple-wheel.hour-list, .wheelpicker-wrap .simple-wheel.minute-list {
  flex: 1;
}
.wheelpicker-wrap .simple-wheel li {
  padding: 0 20px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: #999999;
  height: 65px;
  line-height: 65px;
}
.wheelpicker-wrap .simple-wheel li.selected {
  font-size: 20px;
  color: #0063F6;
  font-weight: 700;
}
.wheelpicker-wrap .simple-wheel li:disabled, .wheelpicker-wrap .simple-wheel li[aria-disabled=true] {
  color: rgba(153, 153, 153, 0.4);
  font-weight: 500;
}
.wheelpicker-wrap .simple-wheel-separator {
  border: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #999999;
}

/* Lottie img effect */
.lottie_wrap {
  max-width: 100%;
  margin: 30px auto;
  text-align: center;
}

.lottie_terms img {
  width: 100%;
  max-width: 300px; /* 적절한 크기로 설정 */
  height: auto;
}

/* CheckBox */
.check-wrap {
  display: inline-flex;
}
.check-wrap input[type=checkbox] {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 24px;
  height: 24px;
  font-size: 0;
  margin: 0;
  vertical-align: middle;
  border: none;
  background-color: transparent !important;
  flex-shrink: 0;
}
.check-wrap input[type=checkbox]::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23D9D9D9'/%3E%3Cpath d='M6 12L10.2 16.2L18 8.40002' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.check-wrap input[type=checkbox]:checked::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23000000'/%3E%3Cpath d='M6 12L10.2 16.2L18 8.40002' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.check-wrap input[type=checkbox]:disabled + label {
  opacity: 0.2;
}
.check-wrap.simple input[type=checkbox]::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 11.6L10.2 15.8L18 8' stroke='%23D9D9D9' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.check-wrap.simple input[type=checkbox]:checked::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 11.6L10.2 15.8L18 8' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.check-wrap.mid input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.check-wrap.mid input[type=checkbox]::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23D9D9D9'/%3E%3Cpath d='M6 12L10.2 16.2L18 8.40002' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px;
}
.check-wrap.mid input[type=checkbox]:checked::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23000000'/%3E%3Cpath d='M6 12L10.2 16.2L18 8.40002' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px;
}
.check-wrap.mid label {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-left: 8px;
}

.flex-wrap > .check-wrap {
  display: flex;
}

/* input */
.input-wrap label {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #404040;
}
.input-wrap .msg-txt {
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

input,
textarea {
  -moz-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.custom-input {
  border: 1px solid #EDEDED;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  height: 56px;
}
.custom-input input[type=text],
.custom-input input[type=password],
.custom-input input[type=email] {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  height: 20px;
  flex: 1;
}
.custom-input input[type=text], .custom-input input[type=text]:focus, .custom-input input[type=text]:focus-visible, .custom-input input[type=text]:disabled,
.custom-input input[type=password],
.custom-input input[type=password]:focus,
.custom-input input[type=password]:focus-visible,
.custom-input input[type=password]:disabled,
.custom-input input[type=email],
.custom-input input[type=email]:focus,
.custom-input input[type=email]:focus-visible,
.custom-input input[type=email]:disabled {
  -webkit-appearance: none;
  border: 0;
  outline: none;
  background-color: transparent;
}
.custom-input input[type=text]::placeholder,
.custom-input input[type=password]::placeholder,
.custom-input input[type=email]::placeholder {
  color: #B9B9B9;
  font-weight: 400;
}
.custom-input .icon-wrap {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.custom-input .icon-wrap .msg-icon {
  display: block;
  width: 20px;
  height: 20px;
}
.custom-input .msg-time {
  flex-shrink: 0;
}
.custom-input .msg-time + .icon-wrap {
  margin-left: 8px;
}
.custom-input .icon-msg, .custom-input + .msg-txt, .custom-input .icon-wrap {
  display: none;
}
.custom-input.error .icon-msg, .custom-input.error + .msg-txt, .custom-input.error .icon-wrap, .custom-input.success .icon-msg, .custom-input.success + .msg-txt, .custom-input.success .icon-wrap {
  display: block;
}
.custom-input.error {
  border-color: #F34246;
}
.custom-input.error + .msg-txt {
  color: #F34246;
}
.custom-input.error .msg-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23F34246'/%3E%3Crect x='9' y='5' width='2' height='7' fill='white'/%3E%3Crect x='9' y='13' width='2' height='2' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.custom-input.success {
  border-color: #00BA13;
}
.custom-input.success + .msg-txt {
  color: #00BA13;
}
.custom-input.success .msg-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' fill='%2300BA13'/%3E%3Cpath d='M5.5 9.30769L8.5 12.5L14.5 7' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.custom-input.disabled {
  background-color: #EBEBEB;
}
.custom-input.disabled .btn-gray-bd {
  background-color: transparent;
}
.custom-input.date .icon-wrap.date {
  display: block;
  width: 24px;
  height: 24px;
}

/* Dropdown (custom select) */
.dropdown-wrap label {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #404040;
}

.custom-select {
  position: relative;
}
.custom-select select {
  display: none;
}
.custom-select .styledSelect {
  border: 1px solid #EDEDED;
  height: 56px;
  padding: 18px 16px;
  position: relative;
}
.custom-select .styledSelect:after {
  position: absolute;
  content: "";
  top: 12px;
  right: 10px;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.25 7.25L9.75 12.75L4.25 7.25' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.custom-select .styledSelect.select-active {
  border-color: #000000;
}
.custom-select .styledSelect.select-active::after {
  transform: rotate(180deg);
}
.custom-select .options {
  background: #FFFFFF;
  position: absolute;
  border: 1px solid #E2E2E2;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 3;
  transform: translateY(4px);
  max-height: 260px;
}
.custom-select .options div {
  height: 52px;
  padding: 16px;
}
.custom-select .styledSelect,
.custom-select .option-item {
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.custom-select .option-item:hover,
.custom-select .hover-option,
.custom-select .option-item.selected-option {
  background-color: #EAECEE;
}
.custom-select.disabled .styledSelect {
  background-color: #EAECEE;
  color: #B9B9B9;
  border-color: #EDEDED;
}
.custom-select.disabled .styledSelect:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.25 7.25L9.75 12.75L4.25 7.25' stroke='%23B9B9B9' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.custom-select.disabled .styledSelect {
  cursor: default;
}
.custom-select.sort .dropdown-wrap {
  flex-shrink: 0;
}
.custom-select.sort .styledSelect {
  border: none;
  height: unset;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
}
.custom-select.sort .styledSelect::after {
  width: 20px;
  height: 20px;
  background-size: 20px;
  position: static;
  display: block;
  transform: none;
}
.custom-select.sort .options {
  left: unset;
  width: 112px;
}
.custom-select.sort .option-item {
  height: auto;
  padding: 12px;
}
.custom-select.sort .option-item:hover, .custom-select.sort .option-item.selected-option {
  background-color: unset;
  color: #0063F6;
}

/* textarea */
.textarea-wrap label {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #404040;
}
.textarea-wrap .custom-textarea {
  width: 100%;
  height: 180px;
  padding: 16px 4px;
  background-color: #FFFFFF;
  border: 1px solid #EDEDED;
}
.textarea-wrap .custom-textarea.disabled {
  background-color: #F0F0F0;
  border-color: #EDEDED;
}
.textarea-wrap textarea {
  width: 100%;
  height: 100%;
  padding: 2px 12px;
  width: 100%;
  resize: none;
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.textarea-wrap textarea, .textarea-wrap textarea:focus, .textarea-wrap textarea:focus-visible, .textarea-wrap textarea:disabled {
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  border: 0;
}
.textarea-wrap textarea::placeholder {
  color: #B9B9B9;
}

/* header */
.header {
  padding: 12px 20px;
  background-color: #FFFFFF;
}
.header-inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 24px;
}
.header-inner .btn-wrap button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.header-inner .btn-wrap button.text-btn {
  width: fit-content;
  font-size: 14px;
  font-weight: 500;
  color: #404040;
}
.header-inner .icon-wrap.back {
  margin-right: 8px;
}
.header-inner .title-wrap {
  flex: 1;
  overflow: hidden;
}
.header-inner .title-wrap .title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-inner .title-wrap .logo {
  display: block;
  width: fit-content;
  height: 24px;
}
.header-inner .title-wrap .img-logo {
  width: 82px;
}
.header-inner .btn-area {
  flex-shrink: 0;
  min-width: 24px;
  display: flex;
}
.header-inner .btn-area i {
  width: 24px;
  height: 24px;
  background-size: 100%;
}
.header-inner .btn-area .text-btn {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.header-inner .btn-area .text-btn:not(.point) {
  color: #404040;
}
.header-inner .btn-area .text-btn:disabled {
  color: #404040;
  opacity: 0.4;
}
.header.myheader {
  visibility: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  background-color: #FFFFFF;
  padding: 12px 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transform: translateY(-100%);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.header.myheader.visible {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

/* footer */
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #161B2E;
  height: 62px;
  color: #FFFFFF;
}
.footer .footer-inner {
  width: 100%;
}
.footer .footer-btn-wrap {
  width: 100%;
  height: 62px;
  display: flex;
}
.footer .footer-btn-wrap > .footer-btn {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 10px;
}
.footer .footer-btn-wrap > .footer-btn .icon-wrap {
  width: 24px;
  height: 24px;
}
.footer .footer-btn-wrap > .footer-btn .icon-wrap + .txt {
  margin-top: 4px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.footer .footer-btn-wrap > .footer-btn .ic-svg-home-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11.1579L12 4L4 11.1579V20H20V11.1579Z' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3Crect x='9.25' y='14.5' width='5.5' height='5.5' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.footer .footer-btn-wrap > .footer-btn .ic-svg-car-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10.3883L6.15281 4.75H17.8472L20 10.3883V18.25H4V10.3883Z' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3Cline x1='4.125' y1='10.375' x2='19.875' y2='10.375' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3Crect x='20' y='9.375' width='2' height='2.5' fill='%23FFFFFF'/%3E%3Crect x='2' y='9.375' width='2' height='2.5' fill='%23FFFFFF'/%3E%3Crect x='15.5' y='13.3125' width='4.375' height='1.75' fill='%23FFFFFF'/%3E%3Crect x='4.125' y='13.3125' width='4.375' height='1.75' fill='%23FFFFFF'/%3E%3Crect x='17.25' y='19' width='3.5' height='0.875' fill='%23FFFFFF'/%3E%3Crect x='3.25' y='19' width='3.5' height='0.875' fill='%23FFFFFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.footer .footer-btn-wrap > .footer-btn .ic-svg-user-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.875' cy='7.375' r='3.625' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3Cpath d='M4 20.5V14.375H19.75V20.5' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

/* body */
.content-body {
  position: relative;
  height: calc(100vh - 108px);
  /* 스티키 */
  /* 하단 버튼 */
  /* 홈 & 스마트키 */
  /* 빠른 예약 추천차량 */
  /* 이용내역 */
  /* 예약 상세 글쓰기 */
  /* 마이페이지 */
  /* 로그인 */
  /* 아이디찾기 */
  /* 사용자 등록(가입) */
  /* 스플래시 */
}
.content-body.no-footer {
  height: calc(100vh - 48px);
}
.content-body.no-header {
  height: calc(100vh - 62px);
}
.content-body section {
  padding-bottom: 32px;
}
.content-body section + section {
  padding-top: 32px;
  padding-bottom: 32px;
}
.content-body .content-wrap {
  padding-top: 10px;
}
.content-body .content-wrap .title-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.content-body .content-wrap .title-area .btn-more {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #6B6B6B;
}
.content-body .content-wrap .title-area .btn-more .ic-svg-right-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3.5L10.5 8L6 12.5' stroke='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.content-body .content-wrap .title-area .tit {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.content-body .content-wrap .title-area .tit .bold {
  font-weight: 700;
}
.content-body .content-wrap h3, .content-body .content-wrap .title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
}
.content-body .sticky-box {
  position: sticky;
  top: 0;
  z-index: 99;
  /* 공지 bar */
  /* 차량예약 스티키영역 */
}
.content-body .sticky-box .noticebar-section {
  padding: 8px 20px;
  background-color: #F3F5F8;
}
.content-body .sticky-box .noticebar-section p {
  color: #6B6B6B;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content-body .sticky-box .time-setting-section {
  padding: 20px;
  background: #FFFFFF;
}
.content-body .sticky-box .time-setting-section .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-body .sticky-box .time-setting-section .btn-wrap button {
  flex: 1;
}
.setting-info-wrap .setting-info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 18px 20px;
  border: 1px solid #EDEDED;
}
.setting-info-wrap .setting-info-item:last-child {
  margin-bottom: 0;
}
.setting-info-wrap .setting-info-item .tit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #6B6B6B;
}
.setting-info-wrap .setting-info-item .tit .icon-wrap {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.setting-info-wrap .setting-info-item .con {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #000000;
}

.setting-info-wrap .setting-info-item .con .txt-wrap {
  display: flex
}

.content-body .sticky-box .time-settingResert-section {
  padding: 8px 20px 20px;
  background-image: linear-gradient(to bottom, #ffffff 70%, transparent);
}
.content-body .sticky-box .time-title-box + .setting-info-wrap {
  margin-top: 12px;
}
.content-body .sticky-box .setting-info-wrap + .btn-wrap {
  margin-top: 20px;
}
.content-body .bottom-btn-section {
  padding-bottom: 40px;
}
.bottom-btn-wrap {
  display: flex;
  justify-content: space-around;
}
.bottom-btn-wrap .btn-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bottom-btn-wrap .btn-bottom .icon-wrap {
  width: 32px;
  height: 32px;
}
.bottom-btn-wrap .btn-bottom .icon-wrap img {
  width: 100%;
}
.bottom-btn-wrap .btn-bottom .txt {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #000000;
  text-align: center;
}

.content-body .smartkey-main-section {
  position: relative;
  /* 스마트키 - 예약된 차량이 없을 때 */
}
.content-body .smartkey-main-section.empty {
  border-bottom: 8px solid #F5F5F5;
  padding-bottom: 46px;
}
.content-body .smartkey-main-section.empty .nodata-wrap {
  padding-top: 46px;
}
.car-infobox-wrap {
  position: absolute;
  z-index: 1;
}
.car-infobox-wrap .signal-wrap {
  display: flex;
  align-items: center;
}
.car-infobox-wrap .signal-wrap .signal-box {
  width: 8px;
  height: 8px;
  background: #D9D9D9;
  border-radius: 50%;
  flex-shrink: 0;
}
.car-infobox-wrap .signal-wrap p {
  color: #6B6B6B;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  margin-left: 5px;
}
.car-infobox-wrap .signal-wrap.on .signal-box {
  background: #0063F6;
}
.car-infobox-wrap .car-num {
  margin-top: 10px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 30px;
}
.car-infobox-wrap .car-num p {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.car-infobox-wrap .car-num .btn-icon {
  width: 24px;
  height: 24px;
}
.car-infobox-wrap .car-model {
  display: flex;
  align-items: center;
}
.car-infobox-wrap .car-model .txt {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #404040;
  margin-left: 8px;
}

.smartkey-wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 90%;
  min-width: 240px;
}
.smartkey-wrap .car-visual {
  display: flex;
  align-items: flex-end;
}
.smartkey-wrap .car-visual .img-wrap {
  width: 144px;
  height: fit-content;
}
.smartkey-wrap .car-visual .img-wrap img {
  display: block;
  width: 100%;
}
.smartkey-wrap .smartkey-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.smartkey-wrap .smartkey-box .btn-key {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid #E2E2E2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.smartkey-wrap .smartkey-box .btn-key .btn-key-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.smartkey-wrap .smartkey-box .btn-key span {
  display: block;
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  color: #404040;
}
.smartkey-wrap .smartkey-box .btn-key:disabled {
  cursor: default;
}
.smartkey-wrap .smartkey-box .btn-key:disabled .btn-key-inner {
  opacity: 0.2;
}
.smartkey-wrap .smartkey-box .btn-key:not(:disabled):active {
  background-color: #F3F5F8;
}
.smartkey-wrap .btn-lock-wrap {
  display: flex;
  flex-direction: column;
  width: 84px;
  height: 180px;
  background: #161B2E;
  border-radius: 84px;
  padding: 6px 12px;
}
.smartkey-wrap .btn-lock-wrap .btn-wrap {
  position: relative;
  padding: 22px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.smartkey-wrap .btn-lock-wrap .btn-wrap + .btn-wrap::before {
  display: block;
  content: "";
  height: 1px;
  background-color: #FFFFFF;
  opacity: 0.15;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.smartkey-wrap .btn-lock-wrap .btn-lock {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #FFFFFF;
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
}
.smartkey-wrap .btn-lock-wrap .btn-lock:disabled {
  opacity: 0.3;
  cursor: default;
}
.smartkey-wrap .btn-lock-wrap .btn-lock:not(:disabled):active {
  opacity: 0.7;
}
.smartkey-wrap .btn-lock-wrap .ic-svg-lock_off-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.25' y='9.75' width='15.5' height='11.5' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='15.5' r='2.25' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3Cpath d='M16.5 10V6.5C16.5 4.01472 14.4853 2 12 2V2C9.51472 2 7.5 4.01472 7.5 6.5V6.5' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.smartkey-wrap .btn-lock-wrap .ic-svg-lock_on-24 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.25' y='9.75' width='15.5' height='11.5' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3Cpath d='M7.75 6.5C7.75 4.15279 9.65279 2.25 12 2.25C14.3472 2.25 16.25 4.15279 16.25 6.5V9.75H7.75V6.5Z' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3Cpath d='M9.50244 13.0006L14.5012 17.9994' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3Cpath d='M14.5002 13.0006L9.50146 17.9994' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.car-apply-wrap {
  margin-top: 40px;
}
.car-apply-wrap .message {
  display: flex;
  justify-content: center;
  height: 22px;
}
.car-apply-wrap .message .icon-wrap {
  flex-shrink: 0;
  width: 20px;
  margin-right: 4px;
}
.car-apply-wrap .message .txt {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.car-apply-wrap .time {
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #6B6B6B;
  text-align: center;
}
.car-apply-wrap .parking {
  margin: 8px auto 0;
  overflow: hidden;
  width: fit-content;
}
.car-apply-wrap .parking p {
  float: left;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #999999;
  position: relative;
}
.car-apply-wrap .parking .txt-hr {
  float: left;
  height: 16px;
}
.car-apply-wrap .parking .badge {
  display: block;
  width: 4px;
  height: 4px;
  padding: 0;
  background-color: #FF5811;
  float: right;
}
.car-apply-wrap .btn-area {
  margin-top: 28px;
  display: flex;
  width: 100%;
  gap: 8px;
}
.car-apply-wrap .btn-area button {
  flex: 1;
}

.content-body .recommend-section, .content-body .history-section {
  margin-top: 6px;
}
.content-body .car-info-section {
  padding-bottom: 11px;
}
.content-body .setting-section:first-child {
  padding-top: 10px;
}
.content-body .setting-section:first-child .con-wrap:first-child {
  margin-top: 4px;
}
.content-body .setting-section.key {
  padding-bottom: 0;
}
.setting-section {
  border-top: 8px solid #F5F5F5;
  padding-top: 32px;
  padding-bottom: 32px;
}
.setting-section:first-child {
  border-top: 0;
}
.setting-section .tit-wrap, .setting-section .con-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.setting-section .tit-wrap .tit {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.setting-section .tit-wrap + .con-wrap {
  margin-top: 16px;
}
.setting-section .con-wrap .txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.setting-section .con-wrap .txt.sub {
  color: #6B6B6B;
}
.setting-section .con-wrap .countTime {
  color: #0063F6;
}
.setting-section .con-wrap .warning, .setting-section .con-wrap .warning.countTime {
  color: #F34246;
}
.setting-section .form-wrap form {
  width: 100%;
}
.setting-section .txt-wrap {
  display: flex;
  align-items: center;
}
.setting-section .setting-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 40px;
  padding-bottom: 20px;
}
.setting-section .setting-list:last-child {
  padding-bottom: 0;
}
.setting-section .dropdown-wrap, .setting-section .input-wrap {
  margin-bottom: 20px;
}
.setting-section .dropdown-wrap:last-child, .setting-section .input-wrap:last-child {
  margin-bottom: 0;
}
.setting-section .btn-map.active {
  transform: rotate(-180deg);
}
.setting-section .con-wrap.active {
  margin-bottom: 12px;
}
/*.setting-section .map-wrap {*/
/*  width: 100%;*/
/*  overflow: hidden;*/
/*  margin-top: 10px;*/
/*  margin-bottom: 10px;*/
/*}*/
.map-wrap {
  width: 100%;
  overflow: hidden;
  /*margin-top: 10px;*/
  /*margin-bottom: 10px;*/
  height: 0;
  opacity: 0;
  transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out;
  /*display: none;*/
}
.map-wrap.show {
  height: 340px; /* 적절한 높이 값으로 변경 */
  opacity: 1;
}
.setting-section .map-wrap.active {
  /*margin-bottom: 10px;*/
}
.setting-section .map-wrap .map-area {
  width: 100%;
  height: 340px;
}

.content-body.mypage {
  /* 마이페이지 nodata */
}
.content-body.mypage .btn-wrap {
  display: flex;
  gap: 8px;
}
.content-body.mypage .btn-wrap button, .content-body.mypage .btn-wrap .btn-lg {
  flex: 1;
}
.content-body.mypage .car-list.reserv {
  min-height: auto;
}
.content-body.mypage .list-item .car-info-wrap .tit {
  flex: unset;
  margin-right: 10px;
}
.content-body.mypage .nodata-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.content-body.mypage .nodata-wrap .ic-svg-list-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.19995 26.8V5.20001H19.4666L25.6 11.5818V26.8H7.19995Z' stroke='%23999999' stroke-width='2'/%3E%3Cpath d='M19 4.99982V11.4998H25.5' stroke='%23999999' stroke-width='2'/%3E%3Cline x1='10.4001' y1='18' x2='16.8001' y2='18' stroke='%23999999' stroke-width='2'/%3E%3Cline x1='10.4001' y1='22' x2='19.2001' y2='22' stroke='%23999999' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  color: #999999;
}
.content-body.mypage .nodata-wrap .ic-svg-star-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4.25955L19.2178 10.7794L19.4504 11.2509L19.9707 11.3265L27.1658 12.372L21.9594 17.447L21.5829 17.814L21.6718 18.3322L22.9009 25.4982L16.4653 22.1149L16 21.8702L15.5347 22.1149L9.09914 25.4982L10.3282 18.3322L10.4171 17.814L10.0406 17.447L4.83417 12.372L12.0293 11.3265L12.5496 11.2509L12.7822 10.7794L16 4.25955Z' stroke='%23999999' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  color: #999999;
}
.content-body.mypage .nodata-wrap .ic-svg-comment-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4.25955L19.2178 10.7794L19.4504 11.2509L19.9707 11.3265L27.1658 12.372L21.9594 17.447L21.5829 17.814L21.6718 18.3322L22.9009 25.4982L16.4653 22.1149L16 21.8702L15.5347 22.1149L9.09914 25.4982L10.3282 18.3322L10.4171 17.814L10.0406 17.447L4.83417 12.372L12.0293 11.3265L12.5496 11.2509L12.7822 10.7794L16 4.25955Z' stroke='%23999999' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  color: #999999;
}
.content-body.mypage .nodata-wrap .ic-svg-notice-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.19995 26.8V5.20001H19.4666L25.6 11.5818V26.8H7.19995Z' stroke='%23999999' stroke-width='2'/%3E%3Cpath d='M19 4.99982V11.4998H25.5' stroke='%23999999' stroke-width='2'/%3E%3Cline x1='10.4001' y1='18' x2='16.8001' y2='18' stroke='%23999999' stroke-width='2'/%3E%3Cline x1='10.4001' y1='22' x2='19.2001' y2='22' stroke='%23999999' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  color: #999999;
}
.content-body.mypage .nodata-wrap .ic-svg-faq-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.19995 26.8V5.20001H19.4666L25.6 11.5818V26.8H7.19995Z' stroke='%23999999' stroke-width='2'/%3E%3Cpath d='M19 4.99982V11.4998H25.5' stroke='%23999999' stroke-width='2'/%3E%3Cline x1='10.4001' y1='18' x2='16.8001' y2='18' stroke='%23999999' stroke-width='2'/%3E%3Cline x1='10.4001' y1='22' x2='19.2001' y2='22' stroke='%23999999' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  color: #999999;
}
.content-body.mypage .nodata-wrap .icon-wrap {
  color: #999999;
}
.content-body.mypage .nodata-wrap .sub {
  color: #404040;
}
.content-body .mylist-section {
  padding-top: 4px;
  padding-bottom: 28px;
}
.my-list .list-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.my-list .list-inner .title-wrap,
.my-list .list-inner .rightBtn-wrap {
  display: flex;
  align-items: center;
}
.my-list .list-inner .title-wrap {
  gap: 10px;
}
.my-list .list-inner .title-wrap .icon-wrap {
  flex-shrink: 0;
}
.my-list .list-inner .title-wrap .tit {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #404040;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-list .list-inner .rightBtn-wrap .num {
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
  color: #0063F6;
}

.profile-wrap {
  padding: 24px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-wrap .profile-img {
  width: 64px;
  height: 64px;
}
.profile-wrap .profile-img figure {
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  border-radius: 50%;
}
.profile-wrap .profile-img figure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.profile-wrap .profile-name {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
}
.profile-wrap .profile {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profile-wrap .profile .profile-name .tit {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  color: #000000;
}
.profile-wrap .profile-info {
  text-align: center;
  margin-top: 12px;
}
.profile-wrap .profile-info .txt-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-wrap .profile-info .txt-wrap .txt {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #6B6B6B;
}
.profile-wrap .profile-info .sub {
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #999999;
}

.content-body .profile-section {
  padding-bottom: 0;
}
.content-body .customerService-section {
  background: #F8F8F8;
  padding-top: 24px;
  padding-bottom: 24px;
}
.content-body .customerService-section .tit {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.content-body .customerService-section .sub {
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #6B6B6B;
}
.content-body .customerService-section .btn-wrap {
  padding-top: 20px;
}
.content-body .logout-section {
  padding-top: 24px;
  padding-bottom: 0;
}
.content-body .footer-section {
  padding-top: 24px;
  padding-bottom: 96px;
}
.content-body .footer-section .txt-version {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #999999;
}
.con-wrap .setting-info-wrap {
  flex: 1;
}
.con-wrap .setting-info-wrap .setting-info-item .tit-wrap {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.con-wrap .setting-info-wrap .setting-info-item .tit-wrap .tit {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #000000;
}
.con-wrap .setting-info-wrap .setting-info-item .tit-wrap .txt {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #6B6B6B;
}
.con-wrap .setting-info-wrap .setting-info-item .tit-wrap + .con .img-wrap {
  width: 32px;
  height: 32px;
}

.content-body .login-section {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-65%);
  padding-bottom: 0;
}
.content-body .login-section > div {
  width: 100%;
}
.login-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-title .profile-logo {
  width: 166px;
}
.login-title .profile-txt {
  margin-top: 20px;
  text-align: center;
}
.login-title .profile-txt .tit {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #000000;
}
.login-title .profile-txt .sub {
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #999999;
}

.login-form-wrap {
  margin-top: 36px;
}

.login-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
}

.login-btn-wrap {
  margin-top: 12px;
}
.login-btn-wrap .btn-wrap {
  display: flex;
}
.login-btn-wrap .btn-wrap button, .login-btn-wrap .btn-wrap .btn-lg {
  flex: 1;
}
.login-btn-wrap .btn-wrap.text button, .login-btn-wrap .btn-wrap.text .btn-lg {
  flex: none;
}
.login-btn-wrap .btn-wrap.text {
  margin-top: 20px;
  justify-content: center;
}
.login-btn-wrap .btn-wrap .txt-hr {
  width: 16px;
}

.custom-input .icon-wrap.login {
  display: block;
  flex-shrink: 0;
  margin-right: 8px;
}

.content-body .login-footer-section {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.content-body .login-footer-section .login-footer-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.content-body .login-footer-section .login-footer-inner .txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #6B6B6B;
}
.content-body .login-footer-section .login-footer-inner .btn-more {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #0063F6;
}

.content-body .login-footer-section .login-footer-inner .btn-terms_provision-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
}

.content-body .login-footer-section .login-footer-inner .btn-terms_provision-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
}

.content-body .login-footer-section .login-footer-inner .btn-more .ic-svg-right-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3.5L10.5 8L6 12.5' stroke='%230063F6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.content-body .login-footer-section .login-footer-inner .btn-more span {
  display: block;
}
.content-body .setting-info-item.id-info {
  flex-direction: column;
  text-align: center;
  gap: 8px;
}
.content-body .setting-info-item.id-info .tit {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #000000;
}
.content-body .setting-info-item.id-info .sub {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #999999;
}
.content-body .copy-section {
  margin-top: 10px;
}
.content-body .copy-section + .setting-section {
  border-top: 0;
  padding-top: 0;
}
.copy-section .title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
}
.copy-section .title + .sub {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #999999;
  margin-top: 8px;
}

.content-body .intro-section {
  padding-top: 15px;
}
.content-body .intro-section .img-wrap {
  max-width: 375px;
  margin: 0 auto;
}
.content-body .agree-section {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.content-body .agree-section .check-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: #F3F5F8;
}
.content-body .agree-section .check-all label {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #000000;
}
.content-body .agree-section .check-list {
  padding: 0 16px;
}
.content-body .agree-section .check-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content-body .agree-section .check-item + .check-item {
  margin-top: 24px;
}
.content-body .agree-section .check-item span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #6B6B6B;
  text-decoration: underline;
}
.content-body .agree-section .check-item .txt-required {
  color: #0063F6;
  font-weight: 700;
  text-decoration: none;
  margin-right: 6px;
}
.content-body .setting-section.registration .input-wrap label {
  font-weight: 700;
}
.content-body .complete-msg-section.registration .tit, .content-body .complete-msg-section.registration h3 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}
.content-body.splash {
  height: 100vh;
  background: black;
}
.content-body .splash-section {
  padding: 0;
  width: 100%;
  max-width: 375px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 자주 쓰이는 공통 콘텐츠 요소 */
.layout-container {
  padding-left: 20px;
  padding-right: 20px;
}

.nodata-wrap.type-box {
  border: 1px solid #EDEDED;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nodata-wrap.type-box .sub {
  color: #999999;
}
.nodata-wrap.type-box .ic-svg-car-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33325 13.8517L8.20367 6.33392H23.7962L26.6666 13.8517V24.3339H5.33325V13.8517Z' stroke='%23999999' stroke-width='2'/%3E%3Cline x1='5.5' y1='13.8339' x2='26.5' y2='13.8339' stroke='%23999999' stroke-width='2'/%3E%3Crect x='27.2' y='13' width='2.4' height='2' fill='%23999999'/%3E%3Crect x='2.3999' y='13' width='2.4' height='2' fill='%23999999'/%3E%3Crect x='5.59985' y='18.4003' width='6' height='2' fill='%23999999'/%3E%3Crect x='20.3999' y='18.4003' width='6' height='2' fill='%23999999'/%3E%3Crect x='22.8638' y='24.8007' width='4.8' height='2' fill='%23999999'/%3E%3Crect x='4.33594' y='24.8007' width='4.8' height='2' fill='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.nodata-wrap.type-box .ic-svg-list-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.19995 26.8V5.20001H19.4666L25.6 11.5818V26.8H7.19995Z' stroke='%23999999' stroke-width='2'/%3E%3Cpath d='M19 4.99982V11.4998H25.5' stroke='%23999999' stroke-width='2'/%3E%3Cline x1='10.4001' y1='18' x2='16.8001' y2='18' stroke='%23999999' stroke-width='2'/%3E%3Cline x1='10.4001' y1='22' x2='19.2001' y2='22' stroke='%23999999' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.car-parking {
  display: flex;
  color: #404040;
}
.car-parking .icon-wrap {
  flex-shrink: 0;
  width: 16px;
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.car-parking .icon-wrap .ic-svg-pin-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13C8 13 12 9.52174 12 6.91304C12 4.75193 10.2091 3 8 3C5.79086 3 4 4.75193 4 6.91304C4 9.52174 8 13 8 13Z' stroke='%23404040'/%3E%3Ccircle cx='8' cy='7' r='1.25' fill='%23404040'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.car-parking .txt-wrap {
  display: flex;
}
.car-parking .txt-wrap .txt {
  margin: 0;
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  color: #999999;
}

.car-reserv-state .state-rental, .car-reserv-state .state-return {
  display: flex;
}
.car-reserv-state .state-rental:not(:first-child), .car-reserv-state .state-return:not(:first-child) {
  margin-top: 2px;
}
.car-reserv-state .state-rental .txt, .car-reserv-state .state-return .txt {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  color: #999999;
}
.car-reserv-state .state-rental .icon-wrap, .car-reserv-state .state-return .icon-wrap {
  flex-shrink: 0;
  width: 6px;
  margin-right: 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.car-reserv-state .state-rental .icon-wrap .bullet, .car-reserv-state .state-return .icon-wrap .bullet {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #000000;
}
.car-reserv-state .state-rental .bullet {
  background: #FFFFFF;
}
.car-reserv-state .state-return .icon-wrap::before {
  display: block;
  content: "";
  width: 1px;
  height: 16px;
  background-color: #E2E2E2;
  position: absolute;
  left: 50%;
  bottom: 13px;
  z-index: -1;
  transform: translateX(-50%);
}
.car-reserv-state .state-return .bullet {
  background: #000000;
}

.msg-box {
  text-align: center;
}
.msg-box .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msg-box .icon-wrap.complete, .msg-box .icon-wrap.fail {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin: auto;
}
.msg-box .icon-wrap.complete .ic-svg-check-32, .msg-box .icon-wrap.fail .ic-svg-check-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 14.6154L13 21L25 10' stroke='%23FFFFFF' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.msg-box .icon-wrap.complete {
  background-color: #000000;
}
.msg-box .icon-wrap.fail {
  background-color: #999999;
}
.msg-box .icon-wrap.fail .ic-svg-error-filled {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23999999'/%3E%3Crect x='9' y='5' width='2' height='7' fill='white'/%3E%3Crect x='9' y='13' width='2' height='2' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.msg-box .icon-wrap + .tit {
  margin-top: 16px;
}
.msg-box .tit {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.msg-box .sub {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #999999;
  margin-top: 8px;
}

.check-all {
  margin-bottom: 20px;
}

.tooltip-box {
  margin-top: 10px;
}

.tooltip-inner {
  display: flex;
  gap: 6px;
  max-width: unset;
  padding: 0;
  background: none;
}
.tooltip-inner .txt {
  color: #999999;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  word-break: keep-all;
}
.tooltip-inner .icon-wrap {
  flex-shrink: 0;
}

.memo-box {
  background: #F8F8F8;
  padding: 16px;
  word-break: keep-all;
  width: 100%;
  min-height: 52px;
}
.memo-box .txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #404040;
  word-wrap: break-word;
  white-space: pre-line;
}

/* Swiper */
.swiper-area {
  margin-top: 14px;
}

.carStateSwiper {
  padding: 0 20px;
}
.carStateSwiper .swiper-slide {
  width: 164px;
}
.carStateSwiper .card-item {
  width: 164px;
  height: 215px;
  padding: 8px;
  background: #F3F5F8;
  position: relative;
}
.carStateSwiper .card-item .card-inner {
  position: relative;
}
.carStateSwiper .card-item .tagbox-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
.carStateSwiper .card-item .tagbox-wrap .flag-filled-sm.state1 {
  background-color: #E0EBFF;
  color: #0063F6;
}
.carStateSwiper .card-item .tagbox-wrap .flag-filled-sm.state2 {
  background-color: #D9F0E5;
  color: #00BA13;
}
.carStateSwiper .card-item .tagbox-wrap .flag-filled-sm.state3 {
  background-color: #E4E8EE;
  color: #4F5864;
}
.carStateSwiper .card-item .car-visual {
  height: 132px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.carStateSwiper .card-item .car-visual .img-wrap {
  width: 124px;
}

.carStateSwiper .card-item .car-visual .img-wrap img {
  pointer-events: none;
}

.carStateSwiper .card-item .car-visual .img-wrap.no-img::before {
  content: "NO IMG";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  opacity: 0.4;
  font-size: 12px;
}
.carStateSwiper .card-item .car-visual .img-wrap {
  width: 124px;
}
.carStateSwiper .card-item .car-info-wrap {
  padding: 0 8px;
}
.carStateSwiper .card-item .car-info-wrap .car-info .tit {
  display: flex;
  gap: 2px;
}
.carStateSwiper .card-item .car-info-wrap .car-info .tit .icon-wrap.favorite {
  flex-shrink: 0;
}
.carStateSwiper .card-item .car-info-wrap .car-info .tit .icon-wrap.favorite .ic-svg-star-filled {
  width: 16px;
  height: 16px;
}
.carStateSwiper .card-item .car-info-wrap .car-info .tit .txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #000000;
}
.carStateSwiper .card-item .car-info-wrap .car-info .detail {
  margin-top: 2px;
  color: #404040;
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
}
.carStateSwiper .card-item .car-info-wrap .car-parking {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.carStateSwiper .card-item .car-info-wrap .car-parking .icon-wrap {
  margin-right: 2px;
}
.carStateSwiper .card-item .car-info-wrap .car-parking .ic-svg-pin-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13C8 13 12 9.52174 12 6.91304C12 4.75193 10.2091 3 8 3C5.79086 3 4 4.75193 4 6.91304C4 9.52174 8 13 8 13Z' stroke='%23999999'/%3E%3Ccircle cx='8' cy='7' r='1.25' fill='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.carStateSwiper .card-item .car-info-wrap .car-parking .txt {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.carStateSwiper .card-item:disabled, .carStateSwiper .card-item[aria-disabled=true] {
  cursor: default;
}
.carStateSwiper .card-item:disabled .card-inner, .carStateSwiper .card-item[aria-disabled=true] .card-inner {
  opacity: 0.2;
}
.carStateSwiper .card-item:not(:disabled, [aria-disabled=true]):active::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.05);
}

/* 이용내역 리스트 */
.list-item {
  position: relative;
}
.list-item .list-inner {
  display: flex;
  gap: 20px;
  padding: 20px;
}
.list-item:disabled, .list-item[aria-disabled=true] {
  cursor: default;
}
.list-item:disabled .list-inner, .list-item[aria-disabled=true] .list-inner {
  opacity: 0.4;
}
.list-item:not(:disabled, [aria-disabled=true]) {
  cursor: pointer;
}
.list-item:not(:disabled, [aria-disabled=true]):active::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: -1;
}
.list-item + .list-item::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  height: 0;
  border-top: 1px solid #E2E2E2;
}
.list-item .car-visual {
  width: 100px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.list-item .car-visual .img-wrap {
  width: 100px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.list-item .car-visual .img-wrap img {
  height: auto;
  object-fit: contain;
  margin-top: 22px;
}
.list-item .car-visual .img-wrap.no-img::before {
  content: "NO IMG";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  opacity: 0.4;
  font-size: 12px;
}

.list-item .car-visual .flag-filled-sm {
  width: 56px;
  height: 22px;
  display: flex;  /* 내부 요소를 중앙 정렬하기 위해 사용 */
  align-items: center;  /* 수직 중앙 정렬 */
  justify-content: center;  /* 수평 중앙 정렬 */
  white-space: nowrap;  /* 텍스트가 줄바꿈되지 않도록 */
  overflow: hidden;  /* 텍스트가 넘칠 경우 숨김 */
  text-overflow: ellipsis;  /* 텍스트가 넘칠 경우 '...'으로 표시 */
  padding: 0 5px;  /* 내부 여백 추가 */
  box-sizing: border-box;  /* padding을 포함한 box-sizing */
  position: absolute;
  top: 0;
  left: 0;
}
.list-item .car-info-wrap {
  flex: 1;
}
.list-item .car-info-wrap .tit-area {
  display: flex;
  align-items: center;
}
.list-item .car-info-wrap .tit {
  flex: 1;
  display: flex;
  align-items: center;
}
.list-item .car-info-wrap .tit .txt {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #000000;
  display: flex;
  align-items: center;

}
.list-item .car-info-wrap .tit .icon-wrap.favorite {
  flex-shrink: 0;
  margin-right: 8px;
}
.list-item .car-info-wrap .tit .icon-wrap {
  flex-shrink: 0;
  margin-right: 0px;
}
.list-item .car-info-wrap .tit .icon-wrap.favorite i {
  width: 16px;
  height: 16px;
}
.list-item .car-info-wrap .txt {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #999999;
}
.list-item .car-info-wrap .detail {
  margin-top: 2px;
  color: #404040;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.list-item .car-info-wrap .state-sign .flag-outline-lg {
  width: 53px;
  height: 22px;
  display: flex;  /* 내부 요소를 중앙 정렬하기 위해 사용 */
  align-items: center;  /* 수직 중앙 정렬 */
  justify-content: center;  /* 수평 중앙 정렬 */
  white-space: nowrap;  /* 텍스트가 줄바꿈되지 않도록 */
  overflow: hidden;  /* 텍스트가 넘칠 경우 숨김 */
  text-overflow: ellipsis;  /* 텍스트가 넘칠 경우 '...'으로 표시 */
  border: 1px solid;  /* 적절한 테두리를 위해 추가 */
  padding: 0 5px;  /* 내부 여백 추가 */
  box-sizing: border-box;  /* padding을 포함한 box-sizing */
}
.list-item .car-info-wrap .state-sign .flag-outline-lg.reserve {
  border-color: #0063F6;
  color: #0063F6;
}
.list-item .car-info-wrap .state-sign .flag-outline-lg.return, .list-item .car-info-wrap .state-sign .flag-outline-lg.unable {
  border-color: #E2E2E2;
  color: #999999;
}
.list-item .car-info-wrap .state-sign .flag-outline-lg.cancel {
  border-color: #F34246;
  color: #F34246;
}
.list-item .car-info-wrap .state-sign .flag-outline-lg.complete {
  border-color: #00BA13;
  color: #00BA13;
}
.list-item .car-parking {
  align-items: center;
}
.list-item .car-parking .ic-svg-pin-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13C8 13 12 9.52174 12 6.91304C12 4.75193 10.2091 3 8 3C5.79086 3 4 4.75193 4 6.91304C4 9.52174 8 13 8 13Z' stroke='%23999999'/%3E%3Ccircle cx='8' cy='7' r='1.25' fill='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.list-item .car-parking .txt {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  color: #999999;
}
.list-item .car-reserv-state {
  margin-top: 8px;
}

.nodata-msg {
  text-align: center;
}
.nodata-msg .icon-wrap {
  display: flex;
  justify-content: center;
}
.nodata-msg .icon-wrap .ic-svg-comment-32 {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.16797 6.83398V5.83398H4.16797V6.83398H5.16797ZM26.9862 6.83398H27.9862V5.83398H26.9862V6.83398ZM5.16797 23.1976H4.16797V24.1976H5.16797V23.1976ZM22.4424 23.1976L23.0671 22.4168L22.7931 22.1976H22.4424V23.1976ZM26.9876 26.8338L26.3629 27.6147L27.9876 28.9144V26.8338H26.9876ZM26.9876 21.0156H27.9876V20.0156H26.9876V21.0156ZM26.9862 21.0156H25.9862V22.0156H26.9862V21.0156ZM5.16797 7.83398H26.9862V5.83398H5.16797V7.83398ZM6.16797 23.1976V6.83398H4.16797V23.1976H6.16797ZM22.4424 22.1976H5.16797V24.1976H22.4424V22.1976ZM21.8177 23.9785L26.3629 27.6147L27.6123 26.0529L23.0671 22.4168L21.8177 23.9785ZM27.9876 26.8338V21.0156H25.9876V26.8338H27.9876ZM26.9876 20.0156H26.9862V22.0156H26.9876V20.0156ZM25.9862 6.83398V21.0156H27.9862V6.83398H25.9862Z' fill='%23999999'/%3E%3Cline x1='10.168' y1='15' x2='21.968' y2='15' stroke='%23999999' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.nodata-msg .tit {
  margin-top: 12px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  font-weight: 600;
  color: #404040;
}
.nodata-msg .sub {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #6B6B6B;
}
.nodata-msg + .btn-area {
  margin-top: 30px;
  display: flex;
}
.nodata-msg + .btn-area > button, .nodata-msg + .btn-area .btn-lg {
  flex: 1;
}

/* 스마트키 > 팝업 */
.popup-content {
  /* 스마트키 > 반납연장 공지 팝업 */
  /* 스마트키 > 주차장소 변경 팝업 */
}
.popup-content .title, .popup-content .sub, .popup-content p {
  word-break: keep-all;
}
.popup-content .notice-pop-inner {
  padding-bottom: 10px;
}
.popup-content .notice-pop-inner .icon-wrap {
  margin-bottom: 16px;
}
.popup-content .title {
  margin-top: 16;
  font-weight: 700;
}
.popup-content .txt-con {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #6B6B6B;
}
.popup-content .btn-detail-wrap {
  margin-top: 24px;
}
.popup-content .btn-detail-wrap button, .popup-content .btn-detail-wrap .btn-detail {
  display: block;
}
.popup-content .parking-pop-inner {
  padding-bottom: 6px;
}
.popup-content .parking-pop-inner .sub.p1 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
  color: #000000;
}
.popup-content .parking-pop-inner .parking-box {
  margin-top: 16px;
  padding: 16px;
  background: #F8F8F8;
}

/* 스마트키 > 얼럿 */
.alert-container, .popup-container, .full-popup-container, .bottomsheet-container {
  /* 예약시간 확인 얼럿 */
  /* 차량반납 연장 얼럿 */
}
.alert-container .car-reserv-state, .popup-container .car-reserv-state, .full-popup-container .car-reserv-state, .bottomsheet-container .car-reserv-state {
  width: fit-content;
  margin: 24px auto 0;
}
.alert-container .car-reserv-state .state-rental:not(:first-child), .popup-container .car-reserv-state .state-rental:not(:first-child), .full-popup-container .car-reserv-state .state-rental:not(:first-child), .bottomsheet-container .car-reserv-state .state-rental:not(:first-child), .alert-container .car-reserv-state .state-return:not(:first-child), .popup-container .car-reserv-state .state-return:not(:first-child), .full-popup-container .car-reserv-state .state-return:not(:first-child), .bottomsheet-container .car-reserv-state .state-return:not(:first-child) {
  margin-top: 12px;
}
.alert-container .car-reserv-state .state-rental .txt, .popup-container .car-reserv-state .state-rental .txt, .full-popup-container .car-reserv-state .state-rental .txt, .bottomsheet-container .car-reserv-state .state-rental .txt, .alert-container .car-reserv-state .state-return .txt, .popup-container .car-reserv-state .state-return .txt, .full-popup-container .car-reserv-state .state-return .txt, .bottomsheet-container .car-reserv-state .state-return .txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #000000;
}
.alert-container .car-reserv-state .state-return .icon-wrap::before, .popup-container .car-reserv-state .state-return .icon-wrap::before, .full-popup-container .car-reserv-state .state-return .icon-wrap::before, .bottomsheet-container .car-reserv-state .state-return .icon-wrap::before {
  height: 30px;
}
.alert-container .returnTime-box, .popup-container .returnTime-box, .full-popup-container .returnTime-box, .bottomsheet-container .returnTime-box {
  background-color: #F8F8F8;
  padding: 20px;
  margin-top: 24px;
  text-align: center;
}
.alert-container .returnTime-box .returnTime-title, .popup-container .returnTime-box .returnTime-title, .full-popup-container .returnTime-box .returnTime-title, .bottomsheet-container .returnTime-box .returnTime-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert-container .returnTime-box .returnTime-title .icon-wrap, .popup-container .returnTime-box .returnTime-title .icon-wrap, .full-popup-container .returnTime-box .returnTime-title .icon-wrap, .bottomsheet-container .returnTime-box .returnTime-title .icon-wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
}
.alert-container .returnTime-box .returnTime-title .icon-wrap .ic-svg-clock-16, .popup-container .returnTime-box .returnTime-title .icon-wrap .ic-svg-clock-16, .full-popup-container .returnTime-box .returnTime-title .icon-wrap .ic-svg-clock-16, .bottomsheet-container .returnTime-box .returnTime-title .icon-wrap .ic-svg-clock-16 {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='4.5' stroke='%23999999'/%3E%3Cpath d='M8 6V8H10' stroke='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.alert-container .returnTime-box .returnTime-title .txt, .popup-container .returnTime-box .returnTime-title .txt, .full-popup-container .returnTime-box .returnTime-title .txt, .bottomsheet-container .returnTime-box .returnTime-title .txt {
  font-size: 11px;
  line-height: 15px;
  font-weight: 700;
  color: #999999;
}
.alert-container .returnTime-box .returnTime, .popup-container .returnTime-box .returnTime, .full-popup-container .returnTime-box .returnTime, .bottomsheet-container .returnTime-box .returnTime {
  margin-top: 8px;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
}
.alert-container .returnTime-box .returnTime + .sub, .popup-container .returnTime-box .returnTime + .sub, .full-popup-container .returnTime-box .returnTime + .sub, .bottomsheet-container .returnTime-box .returnTime + .sub {
  margin-top: 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #6B6B6B;
}

.nxt-reserv {
  margin-top: 24px;
}
.nxt-reserv .warn-area {
  display: flex;
  align-items: center;
}
.nxt-reserv .warn-area .icon-wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
}
.nxt-reserv .warn-area .icon-wrap .ic-svg-warning-filled {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23999999'/%3E%3Crect x='15' y='9.25' width='2.5' height='9' fill='white'/%3E%3Crect x='15' y='20.25' width='2.5' height='2.5' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.nxt-reserv .warn-area .txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #6B6B6B;
}
.nxt-reserv .reserv-area {
  margin-top: 10px;
}
.nxt-reserv .reserv-list .list-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #EDEDED;
  padding: 14px 20px;
}
.nxt-reserv .reserv-list .list-item .txt-wrap .tit {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #000000;
}
.nxt-reserv .reserv-list .list-item .txt-wrap .sub {
  margin-top: 4px;
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  color: #6B6B6B;
}
.nxt-reserv .reserv-list .list-item .icon-wrap {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nxt-reserv .reserv-list .list-item .icon-wrap img {
  width: 100%;
}

/* 스마트키 > 풀팝업 */
.full-popup-content {
  /* 차량 반납 풀팝업 */
  /* 공지 상세 풀팝업 */
}
.full-popup-content .memo-section {
  margin-top: 50px;
  padding-top: 20px;
  padding-bottom: 16px;
  background-color: #F8F8F8;
}
.full-popup-content .memo-section::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #F8F8F8;
  height: 32vh;
  z-index: -1;
}
.full-popup-content .noticeDetail-pop-inner {
  padding-top: 4px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.full-popup-content .noticeDetail-pop-inner .popup-inner-hd {
  padding-bottom: 26px;
  border-bottom: 1px solid #EDEDED;
  flex-shrink: 0;
}
.full-popup-content .noticeDetail-pop-inner .popup-inner-hd .tit {
  font-weight: 600;
  line-height: 28px;
  color: #000000;
}
.full-popup-content .noticeDetail-pop-inner .popup-inner-hd .sub {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #999999;
  margin-top: 4px;
}
.full-popup-content .noticeDetail-pop-inner .popup-inner-bd {
  padding-top: 24px;
  flex: 1;
}
.full-popup-content .noticeDetail-pop-inner .popup-inner-bd .txt-area {
  font-size: 15px;
  line-height: 21px;
  font-weight: 400;
  color: #000000;
}

.car-list {
  /* 차량예약 */
  /* 예약상세 작성 */
}
.car-list.reserv {
  min-height: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* 차량리스트 */
}
.car-list.reserv .nodata-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.car-list.reserv .nodata-msg .ic-svg-time-40 {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_967_61185' fill='white'%3E%3Cpath d='M11.801 31.3656C14.4003 33.2663 17.5754 34.2129 20.7911 34.0458C24.0069 33.8787 27.0668 32.6082 29.4551 30.4484C31.8434 28.2885 33.4142 25.3714 33.9027 22.1886C34.3912 19.0057 33.7676 15.7518 32.137 12.9751C30.5063 10.1984 27.9683 8.06872 24.9507 6.94491C21.9331 5.82111 18.6203 5.77191 15.5706 6.80559C12.5209 7.83928 9.9208 9.89266 8.20841 12.6197C6.49602 15.3467 5.77604 18.5807 6.16982 21.7767L8.11511 21.537C7.77646 18.7885 8.39564 16.0072 9.8683 13.662C11.341 11.3167 13.5771 9.55083 16.1998 8.66186C18.8225 7.77289 21.6715 7.81521 24.2667 8.78167C26.8618 9.74815 29.0445 11.5797 30.4468 13.9676C31.8492 16.3556 32.3855 19.154 31.9654 21.8912C31.5453 24.6284 30.1944 27.1372 28.1404 28.9946C26.0865 30.8521 23.455 31.9448 20.6894 32.0884C17.9239 32.2321 15.1933 31.4181 12.9579 29.7834L11.801 31.3656Z'/%3E%3C/mask%3E%3Cpath d='M11.801 31.3656C14.4003 33.2663 17.5754 34.2129 20.7911 34.0458C24.0069 33.8787 27.0668 32.6082 29.4551 30.4484C31.8434 28.2885 33.4142 25.3714 33.9027 22.1886C34.3912 19.0057 33.7676 15.7518 32.137 12.9751C30.5063 10.1984 27.9683 8.06872 24.9507 6.94491C21.9331 5.82111 18.6203 5.77191 15.5706 6.80559C12.5209 7.83928 9.9208 9.89266 8.20841 12.6197C6.49602 15.3467 5.77604 18.5807 6.16982 21.7767L8.11511 21.537C7.77646 18.7885 8.39564 16.0072 9.8683 13.662C11.341 11.3167 13.5771 9.55083 16.1998 8.66186C18.8225 7.77289 21.6715 7.81521 24.2667 8.78167C26.8618 9.74815 29.0445 11.5797 30.4468 13.9676C31.8492 16.3556 32.3855 19.154 31.9654 21.8912C31.5453 24.6284 30.1944 27.1372 28.1404 28.9946C26.0865 30.8521 23.455 31.9448 20.6894 32.0884C17.9239 32.2321 15.1933 31.4181 12.9579 29.7834L11.801 31.3656Z' stroke='%23999999' stroke-width='4' mask='url(%23path-1-inside-1_967_61185)'/%3E%3Cpath d='M20.1289 13.0273V20.1523L24.6289 25.0273' stroke='%23999999' stroke-width='2'/%3E%3Cpath d='M7.12891 25.0273L3.23179 18.2773L11.026 18.2773L7.12891 25.0273Z' fill='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.car-list.reserv .nodata-msg .sub {
  color: #999999;
}
.car-list.reserv .list-item .list-inner {
  padding-bottom: 0;
}
.car-list.reserv .list-item .car-parking {
  margin-top: 8px;
}
.car-list.reserv .list-item:disabled .list-inner, .car-list.reserv .list-item[aria-disabled=true] .list-inner {
  opacity: 1;
}
.car-list.reserv .list-item:disabled .list-inner f .car-visual,
.car-list.reserv .list-item:disabled .list-inner .tit-area .tit,
.car-list.reserv .list-item:disabled .list-inner .detail,
.car-list.reserv .list-item:disabled .list-inner .car-parking, .car-list.reserv .list-item[aria-disabled=true] .list-inner f .car-visual,
.car-list.reserv .list-item[aria-disabled=true] .list-inner .tit-area .tit,
.car-list.reserv .list-item[aria-disabled=true] .list-inner .detail,
.car-list.reserv .list-item[aria-disabled=true] .list-inner .car-parking {
  opacity: 0.4;
}
.car-list.reserv .graph-wrap {
  padding: 0 20px 20px;
}
.reservDetail .car-list.reserv {
  min-height: auto;
}
.reservDetail .car-list .list-item .car-info-wrap .tit {
  flex: none;
  flex-shrink: 0;
  margin-right: 10px;
}
.reservDetail .car-list .list-item .car-info-wrap .tit .txt {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  line-height: 28px;
}
.reservDetail .car-list .list-item .car-info-wrap .detail {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #6B6B6B;
  margin-top: 5px;
}

/* 예약시간 설정 바텀시트 팝업 */
.time-title-box + .tabmenu-wrap {
  margin-top: 24px;
}

/* 주차장소 팝업(바텀시트) */
.bottomsheet-content .option-item {
  padding: 24px 0;
  border-top: 1px solid #EDEDED;
  cursor: pointer;
}
.bottomsheet-content .option-item:first-child {
  border-top: 0;
}
.bottomsheet-content .option-item .txt-wrap {
  display: flex;
  align-items: center;
}
.bottomsheet-content .option-item .txt-wrap .txt {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #404040;
}
.bottomsheet-content .option-item .txt-wrap .txt-hr {
  width: 16px;
}
.bottomsheet-content .option-item .txt-wrap .txt-hr::before {
  height: 14px;
}
.bottomsheet-content .option-item.active .txt-wrap .txt, .bottomsheet-content .option-item:active .txt-wrap .txt {
  color: #0063F6;
}

/* 차량 예약완료 팝업(풀팝업) */
.complete-msg-section {
  position: absolute;
  left: 0;
  right: 0;
  top: 60%;
  transform: translateY(-60%);
}
.complete-msg-section .setting-info-wrap {
  border: 1px solid #EDEDED;
  padding: 20px;
  margin-top: 20px;
}
.complete-msg-section .setting-info-wrap .setting-info-item {
  border: 0;
  padding: 0;
  margin-bottom: 20px;
}
.complete-msg-section .setting-info-wrap .setting-info-item:last-child {
  margin-bottom: 0;
}
.complete-msg-section .parking-box {
  background-color: #F8F8F8;
  padding: 20px 16px;
  margin-top: 16px;
}
.complete-msg-section .parking-box p, .complete-msg-section .parking-box .tit, .complete-msg-section .parking-box .sub {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.complete-msg-section .parking-box .tit {
  color: #6B6B6B;
}
.complete-msg-section .parking-box .txt-box {
  margin-top: 8px;
  display: flex;
  align-items: center;
  color: #000000;
}
.complete-msg-section .parking-box .txt-box .txt-hr {
  width: 16px;
}
.complete-msg-section .parking-box .txt-box .txt-hr::before {
  height: 12px;
}
.complete-msg-section.fail .setting-info-item.id-info {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #6B6B6B;
}
.complete-msg-section.fail .tooltip-inner {
  justify-content: center;
}
.complete-msg-section.fail .tooltip-inner .txt {
  text-align: center;
}

/* 이용약관 상세 팝업(풀팝업) */
.full-popup-content .team-txt-area {
  padding: 10px 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #6B6B6B;
}

/* 서비스 이용 안내 팝업(풀팝업) */
.full-popup-content .guideInfo-section {
  border-top: 1px solid #EDEDED;
  margin-top: 32px;
  padding-top: 40px;
}

.explain-list {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.explain-section .explain-list .img-wrap + .txt-wrap {
  margin-top: 16px;
}
.explain-section .explain-list .txt-wrap {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.explain-section .explain-list .txt-wrap .step-num {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  background: #000000;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 700;
  margin-top: 2px;
}
.explain-section .explain-list .txt-wrap .txt {
  font-weight: 400;
  color: #404040;
}

/* 페이지 하단 버튼(푸터 사용안함) */
.foot-btn-wrap {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 20px 0;
  background: #FFFFFF;
  z-index: 1;
}
.foot-btn-wrap button, .foot-btn-wrap .btn-lg {
  flex: 1;
}
.foot-btn-wrap.bg-gray {
  background: #F8F8F8;
}

/* 게시판 */
.content-body.board .content-wrap {
  padding-top: 0;
}

.board-list .list-item .list-inner .text-area, .faq-list .list-item .list-inner .text-area {
  flex: 1;
  overflow: hidden;
}
.board-list .list-item .list-inner .text-area .sub, .faq-list .list-item .list-inner .text-area .sub {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  color: #999999;
}
.board-list .list-item .list-inner .text-area .tit-area, .faq-list .list-item .list-inner .text-area .tit-area {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}
.board-list .list-item .list-inner .text-area .tit-area .tit, .faq-list .list-item .list-inner .text-area .tit-area .tit {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-list .list-item .list-inner .text-area .tit-area .icon-new, .faq-list .list-item .list-inner .text-area .tit-area .icon-new {
  flex-shrink: 0;
}
.board-list .list-item .list-inner .rightBtn-wrap, .faq-list .list-item .list-inner .rightBtn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-new {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background: #F34246;
  color: #FFFFFF;
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  border-radius: 50%;
}

.board-form-wrap .input-wrap + .input-wrap, .board-form-wrap .input-wrap + .textarea-wrap,
.board-form-wrap .textarea-wrap + .input-wrap,
.board-form-wrap .textarea-wrap + .textarea-wrap {
  margin-top: 20px;
}

.board-con-inner .con-inner-hd {
  padding-bottom: 26px;
  border-bottom: 1px solid #EDEDED;
  flex-shrink: 0;
}
.board-con-inner .con-inner-hd .flag-filled-lg,
.board-con-inner .con-inner-hd .flag-outline-lg {
  margin-bottom: 8px;
}
.board-con-inner .con-inner-hd .tit {
  font-weight: 600;
  line-height: 28px;
  color: #000000;
}
.board-con-inner .con-inner-hd .sub {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #999999;
  margin-top: 4px;
}
.board-con-inner .con-inner-bd {
  padding-top: 24px;
  flex: 1;
}
.board-con-inner .con-inner-bd .txt-area {
  font-size: 15px;
  line-height: 21px;
  font-weight: 400;
  color: #000000;
  min-height: 14vh;
}

.reply-section {
  margin-top: 50px;
  padding-top: 20px;
  padding-bottom: 16px;
  background-color: #F8F8F8;
}
.reply-section::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #F8F8F8;
  height: 50vh;
  z-index: -1;
}
.reply-section .textarea-wrap .tit-area {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow: hidden;
  margin-bottom: 12px;
}
.reply-section .textarea-wrap .tit-area .tit {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reply-section .textarea-wrap .tit-area .sub {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  color: #999999;
}
.reply-section .textarea-wrap .text-area {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.reply-section .textarea-wrap .rightBtn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.input-wrap .sub {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #999999;
}

.answer-area {
  background-color: #F8F8F8;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s;
}
.answer-area p {
  padding: 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #6B6B6B;
}

.faq-list .icon-wrap.txt {
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
  color: #0063F6;
}
.faq-list .list-item::before {
  display: none !important;
}
.faq-list .list-item .btn-icon {
  transition: all 0.2s;
}
.faq-list .list-item.on .answer-area {
  height: auto;
  opacity: 1;
  transform: translateY(0);
}
.faq-list .list-item.on + .list-item::after {
  display: none;
}
.faq-list .list-item.on .btn-icon {
  transform: rotate(180deg);
}

/* datepicker library customizing */
.md-mobile-picker-section {
  padding: 34px 0 18px;
}
.md-mobile-picker-section .mbsc-ios.mbsc-datepicker-inline {
  border: 0;
  color: unset;
}
.md-mobile-picker-section .mbsc-ios.mbsc-scroller-wheel-group {
  padding: 0;
}
.md-mobile-picker-section .mbsc-scroller-items-3d,
.md-mobile-picker-section .mbsc-scroller-wheel-3d,
.md-mobile-picker-section .mbsc-scroller-wheel-wrapper-3d {
  min-width: unset !important;
}/*# sourceMappingURL=style.css.map */

/* inquiry */
.inquiry-list {
  width: 100%;
  max-width: 600px;
  margin: 0px auto;
  padding: 0 20px;
}

.inquiry-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #e0e0e0;
}

.inquiry-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-right: 10px;
}

.inquiry-date {
  font-size: 12px;
  color: #777;
  margin-bottom: 4px;
}

.inquiry-text {
  font-size: 15px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reply-btn {
  background-color: #F1F3F8;
  color: #404040;
  border: none;
  padding: 6px 10px;
  cursor: pointer;
  font-size: 11px;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}
.reply-btn.done {
  background-color: #0063F6;
  color: #fff;
  border: none;
  padding: 6px 10px;
  cursor: pointer;
  font-size: 11px;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.notice-list {
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  padding: 0 20px;
}

.notice-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #e0e0e0;
}

.notice-item:last-child {
  border-bottom: none;
}

.notice-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-right: 10px;
}

.notice-date {
  font-size: 0.8em;
  color: #777;
  margin-bottom: 5px;
}

.notice-text-wrapper {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.notice-text {
  font-size: 1em;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new-icon {
  background-color: #FF5811;
  color: white;
  font-size: 10px;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  margin-left: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.notice-detail-container {
  width: 100%;
  max-width: 600px;
  background: white;
  padding: 20px;
}

.notice-detail-header {
  margin-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
}

.notice-detail-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

.notice-detail-date {
  font-size: 14px;
  color: #777;
  margin-top: 8px;
  margin-bottom: 30px;
}

.notice-detail-content {
  padding: 10px;
}


/* Graph */
.graph-wrap .graph-container .graph-bar {
  display: flex;
  width: 100%;
  height: 4px;
  background-color: #EDEDED;
}

.graph-bar {
  display: flex;
  height: 10px;
  margin-bottom: 10px;
}

.bar-pre, .bar-next, .bar1, .bar2, .bar3, .bar-no {
  flex-basis: 100%;
}

.bar-pre, .bar-next, .bar-no {
  background-color: #e0e0e0;
}

.bar1 {
  background-color: #0063F6;
}

.bar2 {
  background-color: #6C78A4;
}

.bar3 {
  background-color: #F34246;
}

.graph-wrap .graph-container .graph-value {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 6px;
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  color: #999999;
}

.graph-value > div {
  text-align: center;
}

.graph-value div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@supports (-webkit-touch-callout: none) {
  html, body {
    height: 100%;
    overflow: hidden;
  }

  body {
    position: fixed;
    width: 100%;
    overflow: auto;
  }
}