@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  height: 100%;
  font-family: var(--font-base);
  font-size: var(--font-size);
  color: var(--text-color);
}

body {
  height: 100%;
  font-size: 1.7rem;
  -webkit-font-smoothing: antialiased;
}

ol,
ul {
  list-style: none;
}

ol::after,
ul::after {
  content: '';
  display: block;
  clear: both;
}

button {
  all: unset;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img,
svg,
picture,
video,
canvas,
iframe,
textarea {
  display: block;
  max-width: 100%;
}

img {
  vertical-align: top;
}

input,
button,
textarea,
select {
  font: inherit;
}

input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: none;
  outline: none;
  border-radius: 0;
  border: none;
}

input::-ms-clear {
  display: none;
}

input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration {
  display: none;
}

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="search"],
input[type="tel"],
input[type="email"],
html input[type="button"],
input[type="reset"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  outline: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border-radius: 0;
}

select::-ms-expand {
  display: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

a {
  color: inherit;
  text-decoration: none;
}

[onclick] {
  cursor: pointer;
}

@font-face {
  font-family: 'Pretendard';
  src: url("/assets/fonts/Pretendard/Pretendard-Thin.woff") format("woff");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url("/assets/fonts/Pretendard/Pretendard-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url("/assets/fonts/Pretendard/Pretendard-Light.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url("/assets/fonts/Pretendard/Pretendard-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url("/assets/fonts/Pretendard/Pretendard-Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url("/assets/fonts/Pretendard/Pretendard-SemiBold.woff") format("woff");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url("/assets/fonts/Pretendard/Pretendard-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url("/assets/fonts/Pretendard/Pretendard-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url("/assets/fonts/Pretendard/Pretendard-Black.woff") format("woff");
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: 'GmarketSans';
  font-weight: 300;
  font-style: normal;
  src: url("/assets/fonts/GmarketSans/GmarketSansLight.otf") format("opentype"), url("/assets/fonts/GmarketSans/GmarketSansTTFLight.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'GmarketSans';
  font-weight: 500;
  font-style: normal;
  src: url("/assets/fonts/GmarketSans/GmarketSansMedium.otf") format("opentype"), url("/assets/fonts/GmarketSans/GmarketSansTTFMedium.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'GmarketSans';
  font-weight: 700;
  font-style: normal;
  src: url("/assets/fonts/GmarketSans/GmarketSansBold.otf") format("opentype"), url("/assets/fonts/GmarketSans/GmarketSansTTFBold.ttf") format("truetype");
  font-display: swap;
}

:root {
  --font-size: 62.5%;
  --font-base: 'Pretendard';
  --color-primary: #1255e6;
  --color-assist: #423E3D;
  --color-success: #1CBB8C;
  --color-warning: #FFBA00;
  --color-danger: #EE2C42;
  --color-error: #E71931;
  --color-info: #4581E2;
  --color-close: #FF001E;
  --color-apply: #4473FC;
  --bgc-success: #EEFAED;
  --bgc-warning: #FFF9E7;
  --bgc-danger: #FFF6F6;
  --bgc-info: #F5F9FF;
  --bgc-close: #FF001E07;
  --bgc-apply: #4473FC10;
  --text-color: #333333;
  --text-color-light-gray: #333333;
  --text-color-dark-gray: #333333;
  --text-color-white: #FFFFFF;
  --border-color: #D9D9D9;
  --border-color-light-gray: #F1F1F1;
  --border-color-dark-gray: #E9E9E9;
  --bgc-light-gray: #F9F9F9;
  --bgc-white: #FFFFFF;
  --container-size: 65rem;
  --icon-size: 2.4rem;
  --common-padding: 1.6rem;
  --common-radius: .8rem;
}

@media (max-width: 767px) {
  :root {
    --font-size: 50%;
    --container-size: 100%;
  }
}

@media (pointer: coarse) {
  :root {
    --container-size: 100%;
  }
}

.mt-1 {
  margin-top: 0.1rem;
}

.mb-1 {
  margin-bottom: 0.1rem;
}

.mt-2 {
  margin-top: 0.2rem;
}

.mb-2 {
  margin-bottom: 0.2rem;
}

.mt-3 {
  margin-top: 0.3rem;
}

.mb-3 {
  margin-bottom: 0.3rem;
}

.mt-4 {
  margin-top: 0.4rem;
}

.mb-4 {
  margin-bottom: 0.4rem;
}

.mt-5 {
  margin-top: 0.5rem;
}

.mb-5 {
  margin-bottom: 0.5rem;
}

.mt-6 {
  margin-top: 0.6rem;
}

.mb-6 {
  margin-bottom: 0.6rem;
}

.mt-7 {
  margin-top: 0.7rem;
}

.mb-7 {
  margin-bottom: 0.7rem;
}

.mt-8 {
  margin-top: 0.8rem;
}

.mb-8 {
  margin-bottom: 0.8rem;
}

.mt-9 {
  margin-top: 0.9rem;
}

.mb-9 {
  margin-bottom: 0.9rem;
}

.mt-10 {
  margin-top: 1rem;
}

.mb-10 {
  margin-bottom: 1rem;
}

.mt-11 {
  margin-top: 1.1rem;
}

.mb-11 {
  margin-bottom: 1.1rem;
}

.mt-12 {
  margin-top: 1.2rem;
}

.mb-12 {
  margin-bottom: 1.2rem;
}

.mt-13 {
  margin-top: 1.3rem;
}

.mb-13 {
  margin-bottom: 1.3rem;
}

.mt-14 {
  margin-top: 1.4rem;
}

.mb-14 {
  margin-bottom: 1.4rem;
}

.mt-15 {
  margin-top: 1.5rem;
}

.mb-15 {
  margin-bottom: 1.5rem;
}

.mt-16 {
  margin-top: 1.6rem;
}

.mb-16 {
  margin-bottom: 1.6rem;
}

.mt-17 {
  margin-top: 1.7rem;
}

.mb-17 {
  margin-bottom: 1.7rem;
}

.mt-18 {
  margin-top: 1.8rem;
}

.mb-18 {
  margin-bottom: 1.8rem;
}

.mt-19 {
  margin-top: 1.9rem;
}

.mb-19 {
  margin-bottom: 1.9rem;
}

.mt-20 {
  margin-top: 2rem;
}

.mb-20 {
  margin-bottom: 2rem;
}

.mt-21 {
  margin-top: 2.1rem;
}

.mb-21 {
  margin-bottom: 2.1rem;
}

.mt-22 {
  margin-top: 2.2rem;
}

.mb-22 {
  margin-bottom: 2.2rem;
}

.mt-23 {
  margin-top: 2.3rem;
}

.mb-23 {
  margin-bottom: 2.3rem;
}

.mt-24 {
  margin-top: 2.4rem;
}

.mb-24 {
  margin-bottom: 2.4rem;
}

.mt-25 {
  margin-top: 2.5rem;
}

.mb-25 {
  margin-bottom: 2.5rem;
}

.mt-26 {
  margin-top: 2.6rem;
}

.mb-26 {
  margin-bottom: 2.6rem;
}

.mt-27 {
  margin-top: 2.7rem;
}

.mb-27 {
  margin-bottom: 2.7rem;
}

.mt-28 {
  margin-top: 2.8rem;
}

.mb-28 {
  margin-bottom: 2.8rem;
}

.mt-29 {
  margin-top: 2.9rem;
}

.mb-29 {
  margin-bottom: 2.9rem;
}

.mt-30 {
  margin-top: 3rem;
}

.mb-30 {
  margin-bottom: 3rem;
}

.mt-31 {
  margin-top: 3.1rem;
}

.mb-31 {
  margin-bottom: 3.1rem;
}

.mt-32 {
  margin-top: 3.2rem;
}

.mb-32 {
  margin-bottom: 3.2rem;
}

.mt-33 {
  margin-top: 3.3rem;
}

.mb-33 {
  margin-bottom: 3.3rem;
}

.mt-34 {
  margin-top: 3.4rem;
}

.mb-34 {
  margin-bottom: 3.4rem;
}

.mt-35 {
  margin-top: 3.5rem;
}

.mb-35 {
  margin-bottom: 3.5rem;
}

.mt-36 {
  margin-top: 3.6rem;
}

.mb-36 {
  margin-bottom: 3.6rem;
}

.mt-37 {
  margin-top: 3.7rem;
}

.mb-37 {
  margin-bottom: 3.7rem;
}

.mt-38 {
  margin-top: 3.8rem;
}

.mb-38 {
  margin-bottom: 3.8rem;
}

.mt-39 {
  margin-top: 3.9rem;
}

.mb-39 {
  margin-bottom: 3.9rem;
}

.mt-40 {
  margin-top: 4rem;
}

.mb-40 {
  margin-bottom: 4rem;
}

.mt-41 {
  margin-top: 4.1rem;
}

.mb-41 {
  margin-bottom: 4.1rem;
}

.mt-42 {
  margin-top: 4.2rem;
}

.mb-42 {
  margin-bottom: 4.2rem;
}

.mt-43 {
  margin-top: 4.3rem;
}

.mb-43 {
  margin-bottom: 4.3rem;
}

.mt-44 {
  margin-top: 4.4rem;
}

.mb-44 {
  margin-bottom: 4.4rem;
}

.mt-45 {
  margin-top: 4.5rem;
}

.mb-45 {
  margin-bottom: 4.5rem;
}

.mt-46 {
  margin-top: 4.6rem;
}

.mb-46 {
  margin-bottom: 4.6rem;
}

.mt-47 {
  margin-top: 4.7rem;
}

.mb-47 {
  margin-bottom: 4.7rem;
}

.mt-48 {
  margin-top: 4.8rem;
}

.mb-48 {
  margin-bottom: 4.8rem;
}

.mt-49 {
  margin-top: 4.9rem;
}

.mb-49 {
  margin-bottom: 4.9rem;
}

.mt-50 {
  margin-top: 5rem;
}

.mb-50 {
  margin-bottom: 5rem;
}

.mt-51 {
  margin-top: 5.1rem;
}

.mb-51 {
  margin-bottom: 5.1rem;
}

.mt-52 {
  margin-top: 5.2rem;
}

.mb-52 {
  margin-bottom: 5.2rem;
}

.mt-53 {
  margin-top: 5.3rem;
}

.mb-53 {
  margin-bottom: 5.3rem;
}

.mt-54 {
  margin-top: 5.4rem;
}

.mb-54 {
  margin-bottom: 5.4rem;
}

.mt-55 {
  margin-top: 5.5rem;
}

.mb-55 {
  margin-bottom: 5.5rem;
}

.mt-56 {
  margin-top: 5.6rem;
}

.mb-56 {
  margin-bottom: 5.6rem;
}

.mt-57 {
  margin-top: 5.7rem;
}

.mb-57 {
  margin-bottom: 5.7rem;
}

.mt-58 {
  margin-top: 5.8rem;
}

.mb-58 {
  margin-bottom: 5.8rem;
}

.mt-59 {
  margin-top: 5.9rem;
}

.mb-59 {
  margin-bottom: 5.9rem;
}

.mt-60 {
  margin-top: 6rem;
}

.mb-60 {
  margin-bottom: 6rem;
}

.mt-61 {
  margin-top: 6.1rem;
}

.mb-61 {
  margin-bottom: 6.1rem;
}

.mt-62 {
  margin-top: 6.2rem;
}

.mb-62 {
  margin-bottom: 6.2rem;
}

.mt-63 {
  margin-top: 6.3rem;
}

.mb-63 {
  margin-bottom: 6.3rem;
}

.mt-64 {
  margin-top: 6.4rem;
}

.mb-64 {
  margin-bottom: 6.4rem;
}

.mt-65 {
  margin-top: 6.5rem;
}

.mb-65 {
  margin-bottom: 6.5rem;
}

.mt-66 {
  margin-top: 6.6rem;
}

.mb-66 {
  margin-bottom: 6.6rem;
}

.mt-67 {
  margin-top: 6.7rem;
}

.mb-67 {
  margin-bottom: 6.7rem;
}

.mt-68 {
  margin-top: 6.8rem;
}

.mb-68 {
  margin-bottom: 6.8rem;
}

.mt-69 {
  margin-top: 6.9rem;
}

.mb-69 {
  margin-bottom: 6.9rem;
}

.mt-70 {
  margin-top: 7rem;
}

.mb-70 {
  margin-bottom: 7rem;
}

.mt-71 {
  margin-top: 7.1rem;
}

.mb-71 {
  margin-bottom: 7.1rem;
}

.mt-72 {
  margin-top: 7.2rem;
}

.mb-72 {
  margin-bottom: 7.2rem;
}

.mt-73 {
  margin-top: 7.3rem;
}

.mb-73 {
  margin-bottom: 7.3rem;
}

.mt-74 {
  margin-top: 7.4rem;
}

.mb-74 {
  margin-bottom: 7.4rem;
}

.mt-75 {
  margin-top: 7.5rem;
}

.mb-75 {
  margin-bottom: 7.5rem;
}

.mt-76 {
  margin-top: 7.6rem;
}

.mb-76 {
  margin-bottom: 7.6rem;
}

.mt-77 {
  margin-top: 7.7rem;
}

.mb-77 {
  margin-bottom: 7.7rem;
}

.mt-78 {
  margin-top: 7.8rem;
}

.mb-78 {
  margin-bottom: 7.8rem;
}

.mt-79 {
  margin-top: 7.9rem;
}

.mb-79 {
  margin-bottom: 7.9rem;
}

.mt-80 {
  margin-top: 8rem;
}

.mb-80 {
  margin-bottom: 8rem;
}

.mt-81 {
  margin-top: 8.1rem;
}

.mb-81 {
  margin-bottom: 8.1rem;
}

.mt-82 {
  margin-top: 8.2rem;
}

.mb-82 {
  margin-bottom: 8.2rem;
}

.mt-83 {
  margin-top: 8.3rem;
}

.mb-83 {
  margin-bottom: 8.3rem;
}

.mt-84 {
  margin-top: 8.4rem;
}

.mb-84 {
  margin-bottom: 8.4rem;
}

.mt-85 {
  margin-top: 8.5rem;
}

.mb-85 {
  margin-bottom: 8.5rem;
}

.mt-86 {
  margin-top: 8.6rem;
}

.mb-86 {
  margin-bottom: 8.6rem;
}

.mt-87 {
  margin-top: 8.7rem;
}

.mb-87 {
  margin-bottom: 8.7rem;
}

.mt-88 {
  margin-top: 8.8rem;
}

.mb-88 {
  margin-bottom: 8.8rem;
}

.mt-89 {
  margin-top: 8.9rem;
}

.mb-89 {
  margin-bottom: 8.9rem;
}

.mt-90 {
  margin-top: 9rem;
}

.mb-90 {
  margin-bottom: 9rem;
}

.mt-91 {
  margin-top: 9.1rem;
}

.mb-91 {
  margin-bottom: 9.1rem;
}

.mt-92 {
  margin-top: 9.2rem;
}

.mb-92 {
  margin-bottom: 9.2rem;
}

.mt-93 {
  margin-top: 9.3rem;
}

.mb-93 {
  margin-bottom: 9.3rem;
}

.mt-94 {
  margin-top: 9.4rem;
}

.mb-94 {
  margin-bottom: 9.4rem;
}

.mt-95 {
  margin-top: 9.5rem;
}

.mb-95 {
  margin-bottom: 9.5rem;
}

.mt-96 {
  margin-top: 9.6rem;
}

.mb-96 {
  margin-bottom: 9.6rem;
}

.mt-97 {
  margin-top: 9.7rem;
}

.mb-97 {
  margin-bottom: 9.7rem;
}

.mt-98 {
  margin-top: 9.8rem;
}

.mb-98 {
  margin-bottom: 9.8rem;
}

.mt-99 {
  margin-top: 9.9rem;
}

.mb-99 {
  margin-bottom: 9.9rem;
}

.mt-100 {
  margin-top: 10rem;
}

.mb-100 {
  margin-bottom: 10rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.ml-1 {
  margin-left:1rem;
}

.mr-1 {
  margin-right:1rem;
}

.ml-15 {
  margin-left:1.5rem;
}

.mr-15 {
  margin-right:1.5rem;
}

.ml-2 {
  margin-left:2rem;
}

.mr-2 {
  margin-right:2rem;
}


.underline {
  text-decoration: underline;
}

.hover-underline:hover {
  text-decoration: underline;
}

.cursor {
  cursor: pointer;
}

.bold {
  font-weight: 700;
}

.color-primary {
  color: var(--color-primary);
}

.w-max {
  width: 100%;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0;
}

.gap-1 {
  gap: 0.1rem;
}

.gap-2 {
  gap: 0.2rem;
}

.gap-3 {
  gap: 0.3rem;
}

.gap-4 {
  gap: 0.4rem;
}

.gap-5 {
  gap: 0.5rem;
}

.gap-6 {
  gap: 0.6rem;
}

.gap-7 {
  gap: 0.7rem;
}

.gap-8 {
  gap: 0.8rem;
}

.gap-9 {
  gap: 0.9rem;
}

.gap-10 {
  gap: 1rem;
}

.gap-11 {
  gap: 1.1rem;
}

.gap-12 {
  gap: 1.2rem;
}

.gap-13 {
  gap: 1.3rem;
}

.gap-14 {
  gap: 1.4rem;
}

.gap-15 {
  gap: 1.5rem;
}

.gap-16 {
  gap: 1.6rem;
}

.gap-17 {
  gap: 1.7rem;
}

.gap-18 {
  gap: 1.8rem;
}

.gap-19 {
  gap: 1.9rem;
}

.gap-20 {
  gap: 2rem;
}

.gap-21 {
  gap: 2.1rem;
}

.gap-22 {
  gap: 2.2rem;
}

.gap-23 {
  gap: 2.3rem;
}

.gap-24 {
  gap: 2.4rem;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

/*
 * SVG 코드 줄이기
 * :: https://jakearchibald.github.io/svgomg

 * SVG to Data URI
 * :: https://yoksel.github.io/url-encoder
*/
.icon {
  width: var(--icon-size);
  height: var(--icon-size);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23909090' d='M9 16.17 5.53 12.7a.997.997 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.997.997 0 1 0-1.41-1.41L9 16.17Z'/%3E%3C/svg%3E");
  background-size: var(--icon-size);
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.icon.i-reading {
  background-image: url("data:image/svg+xml,%3Csvg height='50px' width='50px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 423.477 423.477' xml:space='preserve' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:none;' d='M215.283,323.689c-1.262,0.433-2.576,0.648-3.891,0.648c-1.32,0-2.639-0.218-3.904-0.652 l-102.242-35.166l-56.293,19.295l162.445,55.873l163.125-55.912l-56.307-19.367L215.283,323.689z'%3E%3C/path%3E%3Cpath style='fill:none;' d='M215.283,259.652c-1.262,0.433-2.576,0.648-3.891,0.648c-1.32,0-2.639-0.218-3.904-0.652 l-102.242-35.166l-56.295,19.295l162.447,55.873l163.125-55.912l-56.309-19.366L215.283,259.652z'%3E%3C/path%3E%3Cpath style='fill:none;' d='M215.283,195.615c-1.262,0.433-2.576,0.648-3.891,0.648c-1.32,0-2.639-0.218-3.904-0.652 l-102.242-35.166L48.953,179.74l162.445,55.873l163.125-55.912l-56.307-19.367L215.283,195.615z'%3E%3C/path%3E%3Cpolygon style='fill:%2373D0F4;' points='374.523,115.664 212.076,59.791 48.951,115.703 211.398,171.576 '%3E%3C/polygon%3E%3Cpath style='fill:%233D6889;' d='M423.477,179.727c0.002-5.126-3.25-9.688-8.098-11.355l-60.203-20.707l60.191-20.631 c4.848-1.662,8.105-6.22,8.109-11.346c0.002-5.125-3.25-9.687-8.098-11.354l-199.393-68.58c-2.525-0.868-5.27-0.872-7.795-0.004 L8.108,104.332c-4.849,1.662-8.106,6.22-8.108,11.346c-0.004,5.125,3.25,9.687,8.097,11.354l60.204,20.707L8.109,168.369 c-4.85,1.662-8.107,6.22-8.109,11.345c-0.004,5.126,3.25,9.688,8.097,11.355l60.204,20.707L8.108,232.406 C3.26,234.068,0.002,238.625,0,243.75c-0.004,5.126,3.25,9.688,8.097,11.355l60.204,20.707L8.109,296.443 c-4.85,1.662-8.107,6.22-8.109,11.345c-0.004,5.126,3.25,9.688,8.097,11.354l199.392,68.58c1.266,0.435,2.584,0.652,3.904,0.652 c1.314,0,2.629-0.216,3.891-0.648l200.084-68.58c4.848-1.662,8.105-6.22,8.109-11.345c0.002-5.126-3.25-9.688-8.098-11.354 l-60.203-20.707l60.191-20.631c4.848-1.662,8.105-6.22,8.109-11.346c0.002-5.125-3.25-9.687-8.098-11.354l-60.203-20.707 l60.191-20.631C420.215,189.41,423.473,184.852,423.477,179.727z M48.951,115.703l163.125-55.912l162.447,55.873l-163.125,55.912 L48.951,115.703z M374.523,307.775l-163.125,55.912L48.953,307.814l56.293-19.295l102.242,35.166 c1.266,0.435,2.584,0.652,3.904,0.652c1.314,0,2.629-0.216,3.891-0.648l102.934-35.281L374.523,307.775z M374.523,243.738 L211.398,299.65L48.951,243.777l56.295-19.295l102.242,35.166c1.266,0.435,2.584,0.652,3.904,0.652 c1.314,0,2.629-0.216,3.891-0.648l102.932-35.28L374.523,243.738z M211.398,235.613L48.953,179.74l56.293-19.295l102.242,35.166 c1.266,0.434,2.584,0.652,3.904,0.652c1.314,0,2.629-0.216,3.891-0.648l102.934-35.281l56.307,19.367L211.398,235.613z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon.i-customer {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='30' height='30' viewBox='0 0 412.256 412.256'%3E%3Cpath d='M150.395 280.896c30.959 0 56.146-31.062 56.146-69.244 0-38.18-25.188-69.242-56.146-69.242S94.25 173.472 94.25 211.651c0 38.182 25.188 69.245 56.145 69.245z' style='fill:none'/%3E%3Cpath d='M241.34 331.284c-24.133-17.017-56.432-26.389-90.945-26.389-34.512 0-66.811 9.371-90.945 26.389-18.67 13.164-30.488 29.596-34.195 47.193H70.25v-21.432c0-6.627 5.373-12 12-12s12 5.373 12 12v21.432h112.291v-21.432c0-6.627 5.373-12 12-12s12 5.373 12 12v21.432h44.994c-3.705-17.597-15.525-34.029-34.195-47.193z' style='fill:%2373d0f4'/%3E%3Cpath d='M255.17 311.669c-16.381-11.551-35.838-20.074-57.012-25.188 19.639-17.01 32.383-44.221 32.383-74.83 0-51.414-35.953-93.242-80.146-93.242-44.191 0-80.145 41.828-80.145 93.242 0 30.609 12.744 57.82 32.383 74.83-21.174 5.113-40.631 13.637-57.014 25.188C16.201 332.411 0 360.399 0 390.478c0 6.627 5.373 12 12 12h276.791c6.627 0 12-5.373 12-12 0-30.079-16.201-58.067-45.621-78.809zM94.25 211.651c0-38.18 25.186-69.242 56.145-69.242s56.146 31.063 56.146 69.242c0 38.182-25.188 69.244-56.146 69.244-30.957.001-56.145-31.062-56.145-69.244zm136.291 166.827v-21.432c0-6.627-5.373-12-12-12s-12 5.373-12 12v21.432H94.25v-21.432c0-6.627-5.373-12-12-12s-12 5.373-12 12v21.432H25.254c3.707-17.598 15.525-34.029 34.195-47.193 24.135-17.017 56.434-26.389 90.945-26.389 34.514 0 66.813 9.371 90.945 26.389 18.67 13.164 30.49 29.596 34.195 47.193h-44.993zM267.58 33.778h132.676c6.627 0 12-5.373 12-12s-5.373-12-12-12H267.58c-6.627 0-12 5.373-12 12s5.373 12 12 12zM400.256 83.333H267.58c-6.627 0-12 5.373-12 12 0 6.629 5.373 12 12 12h132.676c6.627 0 12-5.371 12-12 0-6.627-5.373-12-12-12zM400.256 156.89H267.58c-6.627 0-12 5.373-12 12s5.373 12 12 12h132.676c6.627 0 12-5.373 12-12s-5.373-12-12-12z' style='fill:%233d6889'/%3E%3C/svg%3E");
}
.icon.i-user-status {
  background-image: url("data:image/svg+xml,%3Csvg height='30px' width='30px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 431.428 431.428' xml:space='preserve' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:none;' d='M70.933,283.616c0,0.854,0.696,1.55,1.549,1.55h286.463c0.855,0,1.549-0.696,1.549-1.55V84.634H70.933 V283.616z M321.479,107.261c2.239-2.23,5.33-3.51,8.489-3.51c3.16,0,6.25,1.28,8.48,3.51c2.24,2.24,3.52,5.33,3.52,8.49 c0,3.16-1.279,6.25-3.52,8.48c-2.23,2.24-5.32,3.52-8.48,3.52c-3.16,0-6.25-1.28-8.489-3.52c-2.229-2.23-3.511-5.32-3.511-8.48 C317.969,112.591,319.25,109.501,321.479,107.261z M93.518,247.84l81.815-72.224c4.575-4.038,11.45-4.001,15.98,0.086 l31.143,28.097l72.204-70.042c4.757-4.615,12.354-4.499,16.969,0.257c4.613,4.758,4.498,12.355-0.258,16.969l-80.262,77.858 c-4.535,4.399-11.703,4.529-16.394,0.296l-31.527-28.443l-73.785,65.138c-2.281,2.014-5.115,3.004-7.937,3.004 c-3.323,0-6.629-1.371-9-4.058C88.078,259.81,88.551,252.226,93.518,247.84z'%3E%3C/path%3E%3Cpath style='fill:%2373D0F4;' d='M405.879,34.417H25.549c-0.854,0-1.549,0.695-1.549,1.549v23.117c0,0.855,0.695,1.551,1.549,1.551 h380.33c0.854,0,1.549-0.696,1.549-1.551V35.966C407.428,35.112,406.733,34.417,405.879,34.417z'%3E%3C/path%3E%3Cpath style='fill:%233D6889;' d='M405.879,10.417H25.549C11.462,10.417,0,21.878,0,35.966v23.117 c0,14.088,11.462,25.551,25.549,25.551h21.384v198.982c0,14.089,11.462,25.55,25.549,25.55h131.232v56.813L86.297,397.416 c-6.402,1.715-10.203,8.294-8.489,14.695c1.436,5.363,6.285,8.9,11.584,8.9c1.028,0,2.073-0.133,3.112-0.411l122.736-32.862 c0.158,0.006,0.314,0.024,0.475,0.024c0.16,0,0.316-0.017,0.476-0.024L338.926,420.6c1.039,0.278,2.083,0.411,3.11,0.411 c5.3,0,10.148-3.537,11.585-8.9c1.713-6.401-2.087-12.98-8.488-14.695l-117.418-31.438v-56.812h131.23 c14.088,0,25.549-11.461,25.549-25.55V84.634h21.385c14.088,0,25.549-11.462,25.549-25.551V35.966 C431.428,21.878,419.967,10.417,405.879,10.417z M407.428,59.083c0,0.855-0.694,1.551-1.549,1.551H25.549 c-0.854,0-1.549-0.696-1.549-1.551V35.966c0-0.854,0.695-1.549,1.549-1.549h380.33c0.854,0,1.549,0.695,1.549,1.549V59.083z M360.494,283.616c0,0.854-0.694,1.55-1.549,1.55H72.482c-0.854,0-1.549-0.696-1.549-1.55V84.634h289.561V283.616z'%3E%3C/path%3E%3Cpath style='fill:%233D6889;' d='M101.465,268.836c2.822,0,5.656-0.99,7.937-3.004l73.785-65.138l31.527,28.443 c4.691,4.232,11.859,4.103,16.394-0.296l80.262-77.858c4.756-4.614,4.871-12.211,0.258-16.969 c-4.615-4.756-12.212-4.872-16.969-0.257l-72.204,70.042l-31.143-28.097c-4.53-4.087-11.405-4.124-15.98-0.086L93.518,247.84 c-4.967,4.386-5.44,11.97-1.053,16.938C94.836,267.465,98.142,268.836,101.465,268.836z'%3E%3C/path%3E%3Cpath style='fill:%233D6889;' d='M329.969,127.751c3.16,0,6.25-1.28,8.48-3.52c2.24-2.23,3.52-5.32,3.52-8.48 c0-3.16-1.279-6.25-3.52-8.49c-2.23-2.23-5.32-3.51-8.48-3.51c-3.16,0-6.25,1.28-8.489,3.51c-2.229,2.24-3.511,5.33-3.511,8.49 c0,3.16,1.281,6.25,3.511,8.48C323.719,126.471,326.809,127.751,329.969,127.751z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon.i-user-search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='30' height='30' viewBox='0 0 423.614 423.614'%3E%3Cpath d='M218.575 218.571c34.699-34.701 34.699-91.162 0-125.862-16.81-16.81-39.16-26.066-62.931-26.066-23.772 0-46.121 9.257-62.929 26.065-16.81 16.811-26.067 39.16-26.067 62.932 0 23.772 9.258 46.121 26.066 62.931 16.81 16.81 39.158 26.067 62.93 26.067s46.121-9.257 62.931-26.067zM107.291 119.75c-4.687-4.687-4.687-12.284 0-16.971 12.915-12.914 30.086-20.027 48.351-20.027h.001c18.266 0 35.438 7.113 48.354 20.03 4.686 4.687 4.686 12.285-.002 16.971a11.96 11.96 0 0 1-8.484 3.515 11.96 11.96 0 0 1-8.486-3.515c-8.381-8.383-19.526-13-31.381-13s-23 4.616-31.382 12.998c-4.687 4.685-12.284 4.685-16.971-.001zM291.483 231.642l98.461 98.591V71.944H286.872c30.822 48.313 32.365 110.049 4.611 159.698zM155.644 311.282c-30.12 0-58.93-8.504-83.699-24.366v103.026h258.257l-98.647-98.356c-22.937 12.854-48.898 19.696-75.911 19.696zm99.071 40.705c0 6.628-5.373 12-12 12H107.589c-6.627 0-12-5.372-12-12s5.373-12 12-12h135.126c6.627 0 12 5.373 12 12z' style='fill:none'/%3E%3Cpath d='M394.434 368.692 277.879 251.984a156.367 156.367 0 0 1-12.18 13.712 158.001 158.001 0 0 1-13.809 12.276l116.778 116.434c.091.081.179.164.269.249 7.086 6.79 18.5 6.667 25.441-.276 6.941-6.942 7.064-18.357.275-25.449-.072-.079-.147-.158-.219-.238zM248.729 248.725c51.324-51.327 51.324-134.842 0-186.169C223.864 37.692 190.806 24 155.644 24c-35.163 0-68.221 13.692-93.083 38.556-24.865 24.864-38.559 57.922-38.559 93.084 0 35.163 13.694 68.221 38.558 93.085 24.862 24.864 57.921 38.557 93.083 38.557 35.164 0 68.221-13.693 93.086-38.557zM42.647 155.64c0-30.183 11.754-58.559 33.097-79.902 21.34-21.342 49.715-33.095 79.899-33.095 30.182 0 58.559 11.753 79.901 33.095 44.058 44.059 44.058 115.746 0 159.803-21.341 21.343-49.717 33.097-79.901 33.097-30.183 0-58.559-11.754-79.901-33.098-21.341-21.341-33.095-49.717-33.095-79.9z' style='fill:%2373d0f4'/%3E%3Cpath d='M235.544 235.542c44.058-44.058 44.058-115.745 0-159.803-21.342-21.342-49.719-33.095-79.901-33.095-30.184 0-58.559 11.753-79.899 33.095-21.343 21.343-33.097 49.719-33.097 79.902s11.754 58.559 33.095 79.9c21.342 21.344 49.718 33.098 79.901 33.098 30.184-.001 58.56-11.755 79.901-33.097zM66.647 155.64c0-23.771 9.258-46.121 26.067-62.932 16.808-16.809 39.156-26.065 62.929-26.065 23.771 0 46.121 9.257 62.931 26.066 34.699 34.7 34.699 91.161 0 125.862-16.81 16.81-39.159 26.067-62.931 26.067-23.771 0-46.12-9.257-62.93-26.067-16.808-16.81-26.066-39.159-26.066-62.931z' style='fill:%233d6889'/%3E%3Cpath d='M187.024 119.752a11.96 11.96 0 0 0 8.486 3.515c3.07 0 6.143-1.171 8.484-3.515 4.688-4.686 4.688-12.284.002-16.971-12.916-12.916-30.088-20.03-48.354-20.03h-.001c-18.265 0-35.437 7.113-48.351 20.027-4.687 4.687-4.687 12.284 0 16.971 4.687 4.686 12.284 4.686 16.971 0 8.382-8.382 19.526-12.998 31.382-12.998 11.855.001 23.001 4.618 31.381 13.001z' style='fill:%233d6889'/%3E%3Cpath d='M413.944 354.526V59.944c0-6.627-5.373-12-12-12H267.999c-.758-.792-1.522-1.58-2.299-2.358C236.301 16.188 197.216 0 155.644 0 114.069 0 74.985 16.188 45.59 45.585 16.192 74.981.002 114.066.002 155.64c0 41.574 16.19 80.659 45.587 110.056.777.777 1.563 1.54 2.354 2.298v133.949c0 6.627 5.373 12 12 12h294.589c7.762 6.452 17.367 9.673 26.973 9.672 10.842-.001 21.68-4.099 29.846-12.267 15.4-15.4 16.325-40.295 2.593-56.822zm-19.565 39.852c-6.941 6.943-18.355 7.066-25.441.276-.09-.085-.178-.167-.269-.249L251.891 277.972a158.165 158.165 0 0 0 13.809-12.276 156.367 156.367 0 0 0 12.18-13.712l116.555 116.709c.072.08.146.159.221.236 6.788 7.092 6.665 18.507-.277 25.449zm-4.435-322.434v258.289l-98.461-98.591c27.754-49.649 26.211-111.385-4.611-159.698h103.072zM24.002 155.64c0-35.162 13.694-68.22 38.558-93.084C87.423 37.692 120.48 24 155.644 24c35.162 0 68.22 13.692 93.085 38.556 51.324 51.327 51.324 134.843 0 186.169-24.865 24.864-57.922 38.557-93.085 38.557-35.162 0-68.221-13.693-93.083-38.557-24.865-24.864-38.559-57.922-38.559-93.085zm47.942 234.302V286.916c24.77 15.862 53.579 24.366 83.699 24.366 27.014 0 52.975-6.842 75.912-19.696l98.647 98.356H71.944z' style='fill:%233d6889'/%3E%3C/svg%3E");
}
.icon.i-logout {
  background-image: url("data:image/svg+xml,%3Csvg height='30px' width='30px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 400.064 400.064' xml:space='preserve' fill='%23000000' transform='rotate(90)'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:%2373D0F4;' d='M137.052,121.508c6.627,0,12,5.372,12,12V288.09h101.951V133.508c0-6.628,5.373-12,12-12h32.723 l-95.699-76.259l-95.699,76.259H137.052z'%3E%3C/path%3E%3Cg%3E%3Cpath style='fill:%233D6889;' d='M70.009,145.508h55.039V300.09c0,6.628,5.372,12,12,12h125.951c6.627,0,12-5.372,12-12V145.508 h55.037c0.008,0,0.016,0,0.02,0c6.628,0,12-5.373,12-12c0-4.003-1.959-7.548-4.972-9.728L207.501,20.519 c-4.377-3.487-10.58-3.487-14.957,0L62.53,124.123c-3.989,3.179-5.532,8.531-3.849,13.346 C60.365,142.284,64.908,145.508,70.009,145.508z M295.722,121.508h-32.723c-6.627,0-12,5.372-12,12V288.09H149.048V133.508 c0-6.628-5.373-12-12-12h-32.725l95.699-76.259L295.722,121.508z'%3E%3C/path%3E%3Cpath style='fill:%233D6889;' d='M388.064,261.171c-6.627,0-12,5.373-12,12v84.989H24v-84.989c0-6.627-5.373-12-12-12 c-6.627,0-12,5.373-12,12v96.989c0,6.627,5.373,12,12,12h376.064c6.627,0,12-5.373,12-12v-96.989 C400.064,266.544,394.691,261.171,388.064,261.171z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon.i-check {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23909090' d='M9 16.17 5.53 12.7a.997.997 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.997.997 0 1 0-1.41-1.41L9 16.17Z'/%3E%3C/svg%3E");
}
.icon.i-main {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 419.11 419.11'%3E%3Cpath d='M65.074 24h25.21v15.154h-25.21zM65.074 63.154h25.21V395.11h-25.21z' style='fill:none'/%3E%3Cpath d='m303.736 137.84 41.826-74.686H114.284v161.098h231.278l-41.826-74.685a11.998 11.998 0 0 1 0-11.727z' style='fill:%2373d0f4'/%3E%3Cpath d='m327.96 143.704 48.547-86.686a12.001 12.001 0 0 0-10.47-17.865H114.284V12c0-6.628-5.372-12-12-12h-49.21c-6.628 0-12 5.372-12 12v395.11c0 6.627 5.372 12 12 12h49.21c6.628 0 12-5.373 12-12V248.252h251.753a12.002 12.002 0 0 0 10.47-17.865l-48.547-86.683zM90.284 395.11h-25.21V63.154h25.21V395.11zm0-355.956h-25.21V24h25.21v15.154zm24 185.098V63.154h231.278l-41.826 74.686a11.998 11.998 0 0 0 0 11.727l41.826 74.685H114.284z' style='fill:%233d6889'/%3E%3C/svg%3E");
}

.icon.i-check.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23457aec' d='M9 16.17 5.53 12.7a.997.997 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.997.997 0 1 0-1.41-1.41L9 16.17Z'/%3E%3C/svg%3E");
}

.icon.i-home {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23909090' d='M11 2.208a1.667 1.667 0 0 0-2 0L3.167 6.583A1.667 1.667 0 0 0 2.5 7.917v7.916A1.666 1.666 0 0 0 4.167 17.5h3.25a.917.917 0 0 0 .916-.917V12.5a1.667 1.667 0 1 1 3.334 0v4.083a.916.916 0 0 0 .916.917h3.25a1.666 1.666 0 0 0 1.667-1.667V7.917a1.666 1.666 0 0 0-.667-1.334L11 2.208Z'/%3E%3C/svg%3E");
}

.icon.i-home.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23457aec' d='M11 2.208a1.667 1.667 0 0 0-2 0L3.167 6.583A1.667 1.667 0 0 0 2.5 7.917v7.916A1.666 1.666 0 0 0 4.167 17.5h3.25a.917.917 0 0 0 .916-.917V12.5a1.667 1.667 0 1 1 3.334 0v4.083a.916.916 0 0 0 .916.917h3.25a1.666 1.666 0 0 0 1.667-1.667V7.917a1.666 1.666 0 0 0-.667-1.334L11 2.208Z'/%3E%3C/svg%3E");
}

.icon.i-search {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23909090' fill-rule='evenodd' d='M8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8ZM2 8a6 6 0 1 1 10.89 3.476l4.817 4.817a1 1 0 0 1-1.414 1.414l-4.816-4.816A6 6 0 0 1 2 8Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.icon.i-search.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23457aec' fill-rule='evenodd' d='M8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8ZM2 8a6 6 0 1 1 10.89 3.476l4.817 4.817a1 1 0 0 1-1.414 1.414l-4.816-4.816A6 6 0 0 1 2 8Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.icon.i-parking {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23909090' d='M11.25 2.5H4.167v15H7.5v-4.167h3.75a5.423 5.423 0 0 0 5.417-5.416A5.423 5.423 0 0 0 11.25 2.5Zm0 7.5H7.5V5.833h3.75c1.15 0 2.083.934 2.083 2.084C13.333 9.066 12.4 10 11.25 10Z'/%3E%3C/svg%3E");
}

.icon.i-parking.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23457aec' d='M11.25 2.5H4.167v15H7.5v-4.167h3.75a5.423 5.423 0 0 0 5.417-5.416A5.423 5.423 0 0 0 11.25 2.5Zm0 7.5H7.5V5.833h3.75c1.15 0 2.083.934 2.083 2.084C13.333 9.066 12.4 10 11.25 10Z'/%3E%3C/svg%3E");
}

.icon.i-heart {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23909090' d='M1.667 7.614c0 4.053 3.35 6.212 5.801 8.145.865.682 1.699 1.324 2.532 1.324s1.667-.641 2.532-1.325c2.452-1.931 5.801-4.091 5.801-8.143 0-4.053-4.583-6.927-8.333-3.03C6.25.687 1.667 3.562 1.667 7.615Z'/%3E%3C/svg%3E");
}

.icon.i-heart.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23457aec' d='M1.667 7.614c0 4.053 3.35 6.212 5.801 8.145.865.682 1.699 1.324 2.532 1.324s1.667-.641 2.532-1.325c2.452-1.931 5.801-4.091 5.801-8.143 0-4.053-4.583-6.927-8.333-3.03C6.25.687 1.667 3.562 1.667 7.615Z'/%3E%3C/svg%3E");
}

.icon.i-person {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23909090' d='M10 10a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Zm5.919 7.5c.772 0 1.366-.701 1.09-1.424a7.502 7.502 0 0 0-14.019 0c-.275.723.317 1.424 1.09 1.424h11.839Z'/%3E%3C/svg%3E");
}

.icon.i-person.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23457aec' d='M10 10a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Zm5.919 7.5c.772 0 1.366-.701 1.09-1.424a7.502 7.502 0 0 0-14.019 0c-.275.723.317 1.424 1.09 1.424h11.839Z'/%3E%3C/svg%3E");
}

.icon.i-up {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23909090'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M8.853 7.244a.833.833 0 0 1 1.178 0l4.715 4.714a.83.83 0 0 1 .01 1.189.832.832 0 0 1-1.189-.01L9.442 9.01l-4.125 4.126a.833.833 0 0 1-1.178-1.179l4.714-4.714Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-up.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23457aec'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M8.853 7.244a.833.833 0 0 1 1.178 0l4.715 4.714a.83.83 0 0 1 .01 1.189.832.832 0 0 1-1.189-.01L9.442 9.01l-4.125 4.126a.833.833 0 0 1-1.178-1.179l4.714-4.714Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-down {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23909090'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M10.147 12.756a.833.833 0 0 1-1.178 0L4.254 8.042a.833.833 0 1 1 1.179-1.178l4.125 4.125 4.125-4.125a.833.833 0 0 1 1.178 1.178l-4.714 4.714Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-down.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23457aec'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M10.147 12.756a.833.833 0 0 1-1.178 0L4.254 8.042a.833.833 0 1 1 1.179-1.178l4.125 4.125 4.125-4.125a.833.833 0 0 1 1.178 1.178l-4.714 4.714Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-left {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23909090'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M7.244 10.147a.833.833 0 0 1 0-1.178l4.714-4.715a.832.832 0 1 1 1.178 1.179L9.011 9.558l4.126 4.125a.833.833 0 0 1-1.179 1.178l-4.714-4.714Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-left.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23457aec'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M7.244 10.147a.833.833 0 0 1 0-1.178l4.714-4.715a.832.832 0 1 1 1.178 1.179L9.011 9.558l4.126 4.125a.833.833 0 0 1-1.179 1.178l-4.714-4.714Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23909090'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M12.756 8.853a.833.833 0 0 1 0 1.178l-4.714 4.715a.832.832 0 0 1-1.433-.587.833.833 0 0 1 .255-.592l4.125-4.125-4.125-4.125A.833.833 0 0 1 8.042 4.14l4.714 4.714Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-right.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23457aec'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M12.756 8.853a.833.833 0 0 1 0 1.178l-4.714 4.715a.832.832 0 0 1-1.433-.587.833.833 0 0 1 .255-.592l4.125-4.125-4.125-4.125A.833.833 0 0 1 8.042 4.14l4.714 4.714Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-qr {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23909090'%3E%3Cpath fill='%23909090' d='M2.994 7.644c.435 0 .67-.243.67-.687V4.982c0-.87.468-1.314 1.305-1.314h2.026c.435 0 .678-.243.678-.678 0-.427-.243-.67-.678-.67h-2.05c-1.742 0-2.63.862-2.63 2.586v2.052c0 .443.244.686.679.686Zm14.012 0c.444 0 .678-.243.678-.687v-2.05c0-1.725-.87-2.587-2.628-2.587h-2.043c-.443 0-.686.243-.686.67 0 .435.243.678.686.678h2.026c.82 0 1.297.443 1.297 1.314v1.975c0 .444.243.687.67.687ZM9.64 9.276V6.355c0-.201-.159-.369-.368-.369H6.359a.366.366 0 0 0-.369.369v2.921c0 .2.16.36.369.36h2.913a.36.36 0 0 0 .368-.36Zm1.448-2.561h2.193v2.193h-2.193V6.715Zm1.557 1.557V7.36h-.912v.913h.912Zm-4.37 0V7.36h-.92v.913h.92Zm-1.556 2.82h2.193v2.194H6.719v-2.193Zm7.182.285v-.912h-.913v.912h.913Zm-2.52 0v-.912h-.912v.912h.912Zm-3.105 1.264v-.912h-.921v.912h.92Zm4.369 0v-.912h-.92v.912h.92Zm.368 5.04h2.043c1.758 0 2.628-.871 2.628-2.596v-2.042c0-.444-.243-.687-.678-.687-.435 0-.67.243-.67.687v1.975c0 .87-.477 1.314-1.297 1.314h-2.026c-.443 0-.686.243-.686.678 0 .427.243.67.686.67Zm-8.069-.001h2.051c.435 0 .678-.243.678-.67 0-.435-.243-.678-.678-.678H4.969c-.837 0-1.305-.443-1.305-1.314v-1.975c0-.444-.243-.687-.67-.687-.444 0-.678.243-.678.687v2.042c0 1.733.887 2.595 2.628 2.595Zm6.437-3.775v-.912h-.912v.912h.912Zm2.52 0v-.912h-.913v.912h.913Zm.109-4.629V6.355c0-.201-.16-.369-.369-.369H10.73a.366.366 0 0 0-.369.369v2.921c0 .2.16.36.368.36h2.913a.36.36 0 0 0 .369-.36ZM6.719 6.714h2.193v2.193H6.719V6.714Zm2.921 6.931v-2.921a.36.36 0 0 0-.368-.36H6.359a.36.36 0 0 0-.369.36v2.921c0 .201.16.368.369.368h2.913c.21 0 .368-.167.368-.368Z'/%3E%3C/svg%3E");
}

.icon.i-qr.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23457aec'%3E%3Cpath fill='%23457aec' d='M2.994 7.644c.435 0 .67-.243.67-.687V4.982c0-.87.468-1.314 1.305-1.314h2.026c.435 0 .678-.243.678-.678 0-.427-.243-.67-.678-.67h-2.05c-1.742 0-2.63.862-2.63 2.586v2.052c0 .443.244.686.679.686Zm14.012 0c.444 0 .678-.243.678-.687v-2.05c0-1.725-.87-2.587-2.628-2.587h-2.043c-.443 0-.686.243-.686.67 0 .435.243.678.686.678h2.026c.82 0 1.297.443 1.297 1.314v1.975c0 .444.243.687.67.687ZM9.64 9.276V6.355c0-.201-.159-.369-.368-.369H6.359a.366.366 0 0 0-.369.369v2.921c0 .2.16.36.369.36h2.913a.36.36 0 0 0 .368-.36Zm1.448-2.561h2.193v2.193h-2.193V6.715Zm1.557 1.557V7.36h-.912v.913h.912Zm-4.37 0V7.36h-.92v.913h.92Zm-1.556 2.82h2.193v2.194H6.719v-2.193Zm7.182.285v-.912h-.913v.912h.913Zm-2.52 0v-.912h-.912v.912h.912Zm-3.105 1.264v-.912h-.921v.912h.92Zm4.369 0v-.912h-.92v.912h.92Zm.368 5.04h2.043c1.758 0 2.628-.871 2.628-2.596v-2.042c0-.444-.243-.687-.678-.687-.435 0-.67.243-.67.687v1.975c0 .87-.477 1.314-1.297 1.314h-2.026c-.443 0-.686.243-.686.678 0 .427.243.67.686.67Zm-8.069-.001h2.051c.435 0 .678-.243.678-.67 0-.435-.243-.678-.678-.678H4.969c-.837 0-1.305-.443-1.305-1.314v-1.975c0-.444-.243-.687-.67-.687-.444 0-.678.243-.678.687v2.042c0 1.733.887 2.595 2.628 2.595Zm6.437-3.775v-.912h-.912v.912h.912Zm2.52 0v-.912h-.913v.912h.913Zm.109-4.629V6.355c0-.201-.16-.369-.369-.369H10.73a.366.366 0 0 0-.369.369v2.921c0 .2.16.36.368.36h2.913a.36.36 0 0 0 .369-.36ZM6.719 6.714h2.193v2.193H6.719V6.714Zm2.921 6.931v-2.921a.36.36 0 0 0-.368-.36H6.359a.36.36 0 0 0-.369.36v2.921c0 .201.16.368.369.368h2.913c.21 0 .368-.167.368-.368Z'/%3E%3C/svg%3E");
}

.icon.i-download {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3E%3Cpath fill='%23909090' d='M16.333 10.892v5.833H4.667v-5.833H3v5.833c0 .917.75 1.667 1.667 1.667h11.666c.917 0 1.667-.75 1.667-1.667v-5.833h-1.667Zm-5 .558 2.159-2.15 1.175 1.175-4.167 4.167-4.167-4.167L7.508 9.3l2.159 2.15V3.392h1.666v8.058Z'/%3E%3C/svg%3E");
}

.icon.i-download.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3E%3Cpath fill='%23457aec' d='M16.333 10.892v5.833H4.667v-5.833H3v5.833c0 .917.75 1.667 1.667 1.667h11.666c.917 0 1.667-.75 1.667-1.667v-5.833h-1.667Zm-5 .558 2.159-2.15 1.175 1.175-4.167 4.167-4.167-4.167L7.508 9.3l2.159 2.15V3.392h1.666v8.058Z'/%3E%3C/svg%3E");
}

.icon.i-zoom-out {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3E%3Cpath fill='%23909090' d='M5.333 16.725h1.334c.236 0 .434.08.594.24.16.16.24.358.239.594 0 .236-.08.434-.24.594a.803.803 0 0 1-.593.239H3.333a.804.804 0 0 1-.593-.24.81.81 0 0 1-.24-.593v-3.334c0-.236.08-.434.24-.593a.81.81 0 0 1 .593-.24c.236 0 .434.08.595.24.16.16.24.358.239.593v1.334l2-2a.79.79 0 0 1 .583-.23.79.79 0 0 1 .583.23.79.79 0 0 1 .23.583.79.79 0 0 1-.23.583l-2 2Zm9.334 0-2-2a.79.79 0 0 1-.23-.583.79.79 0 0 1 .23-.583.79.79 0 0 1 .583-.23.79.79 0 0 1 .583.23l2 2v-1.334c0-.236.08-.434.24-.593a.81.81 0 0 1 .594-.24c.236 0 .434.08.594.24.16.16.24.358.239.593v3.334c0 .236-.08.434-.24.594a.803.803 0 0 1-.593.239h-3.334a.804.804 0 0 1-.593-.24.81.81 0 0 1-.24-.593c0-.236.08-.434.24-.594a.81.81 0 0 1 .593-.24h1.334Zm-10.5-10.5V7.56c0 .236-.08.434-.24.594a.803.803 0 0 1-.594.239.804.804 0 0 1-.593-.24.81.81 0 0 1-.24-.593V4.225c0-.236.08-.434.24-.593a.81.81 0 0 1 .593-.24h3.334c.236 0 .434.08.594.24.16.16.24.358.239.593 0 .236-.08.434-.24.594a.803.803 0 0 1-.593.24H5.333l2 2a.79.79 0 0 1 .23.583.79.79 0 0 1-.23.583.79.79 0 0 1-.583.23.79.79 0 0 1-.583-.23l-2-2Zm11.666 0-2 2a.79.79 0 0 1-.583.23.79.79 0 0 1-.583-.23.79.79 0 0 1-.23-.583.79.79 0 0 1 .23-.583l2-2h-1.334a.806.806 0 0 1-.593-.24.81.81 0 0 1-.24-.594c0-.236.08-.434.24-.593a.81.81 0 0 1 .593-.24h3.334c.236 0 .434.08.594.24.16.16.24.358.239.593V7.56c0 .236-.08.434-.24.594a.803.803 0 0 1-.593.239.804.804 0 0 1-.594-.24.81.81 0 0 1-.24-.593V6.225Z'/%3E%3C/svg%3E");
}

.icon.i-zoom-out.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3E%3Cpath fill='%23457aec' d='M5.333 16.725h1.334c.236 0 .434.08.594.24.16.16.24.358.239.594 0 .236-.08.434-.24.594a.803.803 0 0 1-.593.239H3.333a.804.804 0 0 1-.593-.24.81.81 0 0 1-.24-.593v-3.334c0-.236.08-.434.24-.593a.81.81 0 0 1 .593-.24c.236 0 .434.08.595.24.16.16.24.358.239.593v1.334l2-2a.79.79 0 0 1 .583-.23.79.79 0 0 1 .583.23.79.79 0 0 1 .23.583.79.79 0 0 1-.23.583l-2 2Zm9.334 0-2-2a.79.79 0 0 1-.23-.583.79.79 0 0 1 .23-.583.79.79 0 0 1 .583-.23.79.79 0 0 1 .583.23l2 2v-1.334c0-.236.08-.434.24-.593a.81.81 0 0 1 .594-.24c.236 0 .434.08.594.24.16.16.24.358.239.593v3.334c0 .236-.08.434-.24.594a.803.803 0 0 1-.593.239h-3.334a.804.804 0 0 1-.593-.24.81.81 0 0 1-.24-.593c0-.236.08-.434.24-.594a.81.81 0 0 1 .593-.24h1.334Zm-10.5-10.5V7.56c0 .236-.08.434-.24.594a.803.803 0 0 1-.594.239.804.804 0 0 1-.593-.24.81.81 0 0 1-.24-.593V4.225c0-.236.08-.434.24-.593a.81.81 0 0 1 .593-.24h3.334c.236 0 .434.08.594.24.16.16.24.358.239.593 0 .236-.08.434-.24.594a.803.803 0 0 1-.593.24H5.333l2 2a.79.79 0 0 1 .23.583.79.79 0 0 1-.23.583.79.79 0 0 1-.583.23.79.79 0 0 1-.583-.23l-2-2Zm11.666 0-2 2a.79.79 0 0 1-.583.23.79.79 0 0 1-.583-.23.79.79 0 0 1-.23-.583.79.79 0 0 1 .23-.583l2-2h-1.334a.806.806 0 0 1-.593-.24.81.81 0 0 1-.24-.594c0-.236.08-.434.24-.593a.81.81 0 0 1 .593-.24h3.334c.236 0 .434.08.594.24.16.16.24.358.239.593V7.56c0 .236-.08.434-.24.594a.803.803 0 0 1-.593.239.804.804 0 0 1-.594-.24.81.81 0 0 1-.24-.593V6.225Z'/%3E%3C/svg%3E");
}

.icon.i-barcode-scanner {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23909090'%3E%3Cpath fill='%23999' d='M2 5.75A2.75 2.75 0 0 1 4.75 3h.75a.75.75 0 0 1 0 1.5h-.75c-.69 0-1.25.56-1.25 1.25v.75a.75.75 0 0 1-1.5 0v-.75Zm11.75-2A.75.75 0 0 1 14.5 3h.75A2.75 2.75 0 0 1 18 5.75v.75a.75.75 0 1 1-1.5 0v-.75c0-.69-.56-1.25-1.25-1.25h-.75a.75.75 0 0 1-.75-.75Zm-11 9a.75.75 0 0 1 .75.75v.75c0 .69.56 1.25 1.25 1.25h.75a.75.75 0 1 1 0 1.5h-.75A2.75 2.75 0 0 1 2 14.25v-.75a.75.75 0 0 1 .75-.75Zm14.5 0a.75.75 0 0 1 .75.75v.75A2.75 2.75 0 0 1 15.25 17h-.75a.75.75 0 1 1 0-1.5h.75c.69 0 1.25-.56 1.25-1.25v-.75a.75.75 0 0 1 .75-.75ZM5.5 6a.75.75 0 0 1 .75.75v6.5a.75.75 0 1 1-1.5 0v-6.5A.75.75 0 0 1 5.5 6Zm3.75.75a.75.75 0 0 0-1.5 0v6.5a.75.75 0 1 0 1.5 0v-6.5ZM11.5 6a.75.75 0 0 1 .75.75v6.5a.75.75 0 1 1-1.5 0v-6.5A.75.75 0 0 1 11.5 6Zm3.75.75a.75.75 0 1 0-1.5 0v6.5a.75.75 0 1 0 1.5 0v-6.5Z'/%3E%3C/svg%3E");
}

.icon.i-barcode-scanner.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23457aec'%3E%3Cpath fill='%23999' d='M2 5.75A2.75 2.75 0 0 1 4.75 3h.75a.75.75 0 0 1 0 1.5h-.75c-.69 0-1.25.56-1.25 1.25v.75a.75.75 0 0 1-1.5 0v-.75Zm11.75-2A.75.75 0 0 1 14.5 3h.75A2.75 2.75 0 0 1 18 5.75v.75a.75.75 0 1 1-1.5 0v-.75c0-.69-.56-1.25-1.25-1.25h-.75a.75.75 0 0 1-.75-.75Zm-11 9a.75.75 0 0 1 .75.75v.75c0 .69.56 1.25 1.25 1.25h.75a.75.75 0 1 1 0 1.5h-.75A2.75 2.75 0 0 1 2 14.25v-.75a.75.75 0 0 1 .75-.75Zm14.5 0a.75.75 0 0 1 .75.75v.75A2.75 2.75 0 0 1 15.25 17h-.75a.75.75 0 1 1 0-1.5h.75c.69 0 1.25-.56 1.25-1.25v-.75a.75.75 0 0 1 .75-.75ZM5.5 6a.75.75 0 0 1 .75.75v6.5a.75.75 0 1 1-1.5 0v-6.5A.75.75 0 0 1 5.5 6Zm3.75.75a.75.75 0 0 0-1.5 0v6.5a.75.75 0 1 0 1.5 0v-6.5ZM11.5 6a.75.75 0 0 1 .75.75v6.5a.75.75 0 1 1-1.5 0v-6.5A.75.75 0 0 1 11.5 6Zm3.75.75a.75.75 0 1 0-1.5 0v6.5a.75.75 0 1 0 1.5 0v-6.5Z'/%3E%3C/svg%3E");
}

.icon.i-map {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23909090' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='m10 15.417-2.5-1.25m0 0-5 2.5V5.833l5-2.5m0 10.834V3.333m0 0 5 2.5m0 0 5-2.5v6.25m-5-3.75v4.584M15.833 15v.008m1.768 1.76a2.5 2.5 0 1 0-3.535 0c.348.349.937.87 1.767 1.565.876-.741 1.466-1.263 1.768-1.566Z'/%3E%3C/svg%3E");
}

.icon.i-map.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23457aec' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='m10 15.417-2.5-1.25m0 0-5 2.5V5.833l5-2.5m0 10.834V3.333m0 0 5 2.5m0 0 5-2.5v6.25m-5-3.75v4.584M15.833 15v.008m1.768 1.76a2.5 2.5 0 1 0-3.535 0c.348.349.937.87 1.767 1.565.876-.741 1.466-1.263 1.768-1.566Z'/%3E%3C/svg%3E");
}

.icon.i-dots {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23909090' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M3.333 10A.833.833 0 1 0 5 10a.833.833 0 0 0-1.667 0Zm5.834 0a.833.833 0 1 0 1.666 0 .833.833 0 0 0-1.666 0ZM15 10a.833.833 0 1 0 1.666 0A.833.833 0 0 0 15 10Z'/%3E%3C/svg%3E");
}

.icon.i-dots.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23457aec' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M3.333 10A.833.833 0 1 0 5 10a.833.833 0 0 0-1.667 0Zm5.834 0a.833.833 0 1 0 1.666 0 .833.833 0 0 0-1.666 0ZM15 10a.833.833 0 1 0 1.666 0A.833.833 0 0 0 15 10Z'/%3E%3C/svg%3E");
}

.icon.i-delete {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23909090' fill-rule='evenodd' d='M11.9 1.667a1.666 1.666 0 0 1 1.58 1.14l.453 1.36h2.734a.833.833 0 0 1 0 1.666l-.003.06-.722 10.119a2.5 2.5 0 0 1-2.494 2.321H6.552a2.5 2.5 0 0 1-2.494-2.321l-.722-10.12a.848.848 0 0 1-.003-.059.833.833 0 1 1 0-1.666h2.734l.452-1.36a1.667 1.667 0 0 1 1.582-1.14H11.9ZM7.5 8.333a.833.833 0 0 0-.827.736l-.006.098v5a.833.833 0 0 0 1.66.097l.006-.097v-5a.833.833 0 0 0-.833-.834Zm5 0a.833.833 0 0 0-.833.834v5a.834.834 0 0 0 1.666 0v-5a.834.834 0 0 0-.833-.834Zm-.6-5H8.1l-.277.834h4.354l-.277-.834Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-delete.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23457aec' fill-rule='evenodd' d='M11.9 1.667a1.666 1.666 0 0 1 1.58 1.14l.453 1.36h2.734a.833.833 0 0 1 0 1.666l-.003.06-.722 10.119a2.5 2.5 0 0 1-2.494 2.321H6.552a2.5 2.5 0 0 1-2.494-2.321l-.722-10.12a.848.848 0 0 1-.003-.059.833.833 0 1 1 0-1.666h2.734l.452-1.36a1.667 1.667 0 0 1 1.582-1.14H11.9ZM7.5 8.333a.833.833 0 0 0-.827.736l-.006.098v5a.833.833 0 0 0 1.66.097l.006-.097v-5a.833.833 0 0 0-.833-.834Zm5 0a.833.833 0 0 0-.833.834v5a.834.834 0 0 0 1.666 0v-5a.834.834 0 0 0-.833-.834Zm-.6-5H8.1l-.277.834h4.354l-.277-.834Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-arrow-right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23909090' d='M11.225 7.108a.625.625 0 0 1 .883-.883l3.334 3.333a.625.625 0 0 1 0 .884l-3.334 3.333a.624.624 0 1 1-.883-.883l2.267-2.267H5.417a.625.625 0 0 1 0-1.25h8.075l-2.267-2.267Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-arrow-right.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23457aec' d='M11.225 7.108a.625.625 0 0 1 .883-.883l3.334 3.333a.625.625 0 0 1 0 .884l-3.334 3.333a.624.624 0 1 1-.883-.883l2.267-2.267H5.417a.625.625 0 0 1 0-1.25h8.075l-2.267-2.267Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-arrow-right.color-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FFFFFF' d='M11.225 7.108a.625.625 0 0 1 .883-.883l3.334 3.333a.625.625 0 0 1 0 .884l-3.334 3.333a.624.624 0 1 1-.883-.883l2.267-2.267H5.417a.625.625 0 0 1 0-1.25h8.075l-2.267-2.267Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon.i-close {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23909090' d='M15.25 4.758a.83.83 0 0 0-1.175 0L10 8.825 5.925 4.75A.83.83 0 1 0 4.75 5.925L8.825 10 4.75 14.075a.83.83 0 1 0 1.175 1.175L10 11.175l4.075 4.075a.83.83 0 1 0 1.175-1.175L11.175 10l4.075-4.075a.835.835 0 0 0 0-1.167Z'/%3E%3C/svg%3E");
}

.icon.i-close.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23457aec' d='M15.25 4.758a.83.83 0 0 0-1.175 0L10 8.825 5.925 4.75A.83.83 0 1 0 4.75 5.925L8.825 10 4.75 14.075a.83.83 0 1 0 1.175 1.175L10 11.175l4.075 4.075a.83.83 0 1 0 1.175-1.175L11.175 10l4.075-4.075a.835.835 0 0 0 0-1.167Z'/%3E%3C/svg%3E");
}

.icon.i-close.color-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23FFFFFF' d='M15.25 4.758a.83.83 0 0 0-1.175 0L10 8.825 5.925 4.75A.83.83 0 1 0 4.75 5.925L8.825 10 4.75 14.075a.83.83 0 1 0 1.175 1.175L10 11.175l4.075 4.075a.83.83 0 1 0 1.175-1.175L11.175 10l4.075-4.075a.835.835 0 0 0 0-1.167Z'/%3E%3C/svg%3E");
}

.icon.i-add {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23909090' d='M15 10.833h-4.167V15a.836.836 0 0 1-.833.833.836.836 0 0 1-.833-.833v-4.167H5A.836.836 0 0 1 4.167 10c0-.458.375-.833.833-.833h4.167V5c0-.458.375-.833.833-.833.458 0 .833.375.833.833v4.167H15c.458 0 .833.375.833.833a.836.836 0 0 1-.833.833Z'/%3E%3C/svg%3E");
}

.icon.i-add.color-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23457aec' d='M15 10.833h-4.167V15a.836.836 0 0 1-.833.833.836.836 0 0 1-.833-.833v-4.167H5A.836.836 0 0 1 4.167 10c0-.458.375-.833.833-.833h4.167V5c0-.458.375-.833.833-.833.458 0 .833.375.833.833v4.167H15c.458 0 .833.375.833.833a.836.836 0 0 1-.833.833Z'/%3E%3C/svg%3E");
}

.icon.i-add.color-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23FFFFFF' d='M15 10.833h-4.167V15a.836.836 0 0 1-.833.833.836.836 0 0 1-.833-.833v-4.167H5A.836.836 0 0 1 4.167 10c0-.458.375-.833.833-.833h4.167V5c0-.458.375-.833.833-.833.458 0 .833.375.833.833v4.167H15c.458 0 .833.375.833.833a.836.836 0 0 1-.833.833Z'/%3E%3C/svg%3E");
}

.title-box {
  word-break: keep-all;
}

.title-box .title {
  font-size: 2.6rem;
}

.title-box .title ~ .sub-title {
  margin-top: .8rem;
}

.title-box .sub-title {
  font-size: 1.8rem;
  font-weight: 300;
  color: var(--text-color-dark-gray);
  line-height: 140%;
}

.info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: calc(var(--common-padding) / 2) 0;
  margin-top: 2.4rem;
}

.info-box .logo {
  width: 9.6rem;
  margin-bottom: 1.6rem;
}

.info-box .barcode {
  width: 100%;
  max-width: 31.2rem;
  margin: .8rem 0;
}

.info-box .number {
  font-size: 1.4rem;
}

.info-box .time {
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 1.6rem;
}

.info-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.6rem 2.4rem;
  margin-top: 2.4rem;
}

.info-box ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: .8rem;
}

.info-box ul li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: .6rem;
}

.info-box .button {
  margin-top: 1.2rem;
}

.auth-input-box {
  max-width: 90%;
  margin: 4.8rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: .8rem;
}

.auth-input-box input[type="text"],
.auth-input-box input[type="number"] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  text-align: center;
  font-size: 1.8rem;
  color: var(--color-primary);
  padding: 0;
}

.auth-input-box input[type="text"]:valid,
.auth-input-box input[type="number"]:valid {
  border-color: var(--color-primary);
}

.info-box ~ .link,
.auth-input-box ~ .link {
  margin: 4.8rem auto 0;
  font-size: 1.4rem;
}

.link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: block;
  color: var(--color-primary);
}

.link::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-primary);
}

.link-box {
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.link-box li {
  margin-top: 1.2rem;
}

.link-box li:first-child {
  margin-top: 0;
}

.link-box li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--common-padding);
}

.link-box li a::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23909090'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M12.756 8.853a.833.833 0 0 1 0 1.178l-4.714 4.715a.832.832 0 0 1-1.433-.587.833.833 0 0 1 .255-.592l4.125-4.125-4.125-4.125A.833.833 0 0 1 8.042 4.14l4.714 4.714Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.text-box {
  line-height: 150%;
  color: var(--text-color-dark-gray);
  font-size: 1.4rem;
}

.kv-box {
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.kv-box li {
  margin-top: 1.0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--common-padding);
}

.kv-box li:first-child {
  margin-top: 0;
}

.kv-box li span {
  font-size: 1.5rem;
  color: var(--text-color-dark-gray);
}

.kv-box li span.small {
  font-size: 1.5rem;
}

.review-box {
  width: 100%;
  height: auto;
  position: relative;
}

.review-box .card-head .card-title-box .rating {
  margin: 0 0 .6rem 0;
}

.review-box .img-container {
  margin-top: 1.2rem;
}

.review-box .date {
  font-size: 1.2rem;
  font-weight: 300;
  color: var(--text-color-light-gray);
  margin-top: .4rem;
}

.review-box .reply {
  position: relative;
  background-color: var(--bgc-light-gray);
  border-radius: var(--common-radius);
  padding: var(--common-padding);
  margin-top: var(--common-padding);
}

.review-box .reply .date {
  position: absolute;
  right: var(--common-padding);
  top: var(--common-padding);
}

.review-box .contents {
  font-size: 1.5rem;
  margin-top: var(--common-padding);
  color: var(--text-color-dark-gray);
}

.review-box .rating {
  margin-top: var(--common-padding);
  margin-bottom: calc(var(--common-padding) * -.5);
}

.rating {
  width: 6rem;
  height: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(../images/rating.svg);
  background-position: left top;
  background-size: cover;
}

.rating input[type="radio"] {
  width: 20%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.rating[data-value="1"] {
  background-position: left top calc(1.2rem * 1);
}

.rating[data-value="2"] {
  background-position: left top calc(1.2rem * 2);
}

.rating[data-value="3"] {
  background-position: left top calc(1.2rem * 3);
}

.rating[data-value="4"] {
  background-position: left top calc(1.2rem * 4);
}

.rating[data-value="5"] {
  background-position: left top calc(1.2rem * 5);
}

.rating.rating-button {
  width: 15rem;
  height: 3rem;
}

.rating.rating-button[data-value="1"] {
  background-position: left top calc(3rem * 1);
}

.rating.rating-button[data-value="2"] {
  background-position: left top calc(3rem * 2);
}

.rating.rating-button[data-value="3"] {
  background-position: left top calc(3rem * 3);
}

.rating.rating-button[data-value="4"] {
  background-position: left top calc(3rem * 4);
}

.rating.rating-button[data-value="5"] {
  background-position: left top calc(3rem * 5);
}

.padding-box {
  padding: var(--common-padding);
  border-radius: var(--common-radius);
  background-color: var(--bgc-light-gray);
  margin-top: calc(var(--common-padding) / 2);
  font-size: 1.5rem;
  color: var(--text-color-dark-gray);
}

.img-container {
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  overflow-x: auto;
}

.img-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.img-container::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #78788030;
}

.img-container::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background: #78788030;
}

.img-container::-webkit-scrollbar-thumb:hover {
  background: #78788050;
}

.img-container::-webkit-scrollbar-thumb:active {
  background: #78788070;
}

.img-container::-webkit-scrollbar-button {
  display: none;
}

.img-container .img-box {
  margin-left: .8rem;
}

.img-container .img-box:first-child {
  margin-left: 0;
}

.img-upload-box input[type="file"] {
  display: none;
}

.img-upload-box label {
  width: 12rem;
  min-width: 12rem;
  height: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border: 1px solid var(--border-color);
  border-radius: var(--common-radius);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.img-upload-box label img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--common-radius);
}

.img-upload-box label::after {
  content: "";
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23909090' d='M15 10.833h-4.167V15a.836.836 0 0 1-.833.833.836.836 0 0 1-.833-.833v-4.167H5A.836.836 0 0 1 4.167 10c0-.458.375-.833.833-.833h4.167V5c0-.458.375-.833.833-.833.458 0 .833.375.833.833v4.167H15c.458 0 .833.375.833.833a.836.836 0 0 1-.833.833Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: .4;
}

.img-box {
  width: 12rem;
  min-width: 12rem;
  height: 12rem;
  border-radius: var(--common-radius);
  border: 1px solid var(--border-color);
  position: relative;
  overflow: hidden;
}

.img-box img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--common-radius);
}

.img-box .delete-button {
  position: absolute;
  right: .8rem;
  top: .8rem;
  z-index: 1;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23FFFFFF' d='M15.25 4.758a.83.83 0 0 0-1.175 0L10 8.825 5.925 4.75A.83.83 0 1 0 4.75 5.925L8.825 10 4.75 14.075a.83.83 0 1 0 1.175 1.175L10 11.175l4.075 4.075a.83.83 0 1 0 1.175-1.175L11.175 10l4.075-4.075a.835.835 0 0 0 0-1.167Z'/%3E%3C/svg%3E");
  background-size: 1.6rem;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.msg-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  color: var(--text-color-white);
  font-size: 1.4rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0;
  padding: var(--common-padding);
  z-index: 1;
}

.distance {
  position: absolute;
  right: .6rem;
  top: .6rem;
  background-color: rgba(0, 0, 0, 0.4);
  color: var(--text-color-white);
  padding: .4rem;
  border-radius: .4rem;
  font-size: 1rem;
  font-weight: 300;
}

.address-row {
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--common-padding);
  font-size: 1.5rem;
  color: var(--text-color-dark-gray);
}

.address-row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  margin: 0 0 0 auto;
}

.map {
  width: 100%;
  border-radius: var(--common-radius);
}

.section {
  width: 100%;
  height: auto;
  position: relative;
}

.section .section-content-box {
  padding-bottom: calc(var(--common-padding) * 2);
  margin-bottom: calc(var(--common-padding) * 2);
  border-bottom: 1px solid var(--border-color-light-gray);
}

.section .section-content-box:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.section .section-content-box .title {
  font-size: 1.6rem;
  font-weight: 500;
}

.section .section-content-box .title .count {
  font-size: 1.5rem;
  color: var(--color-primary);
}

.section .section-content-box .subject {
  font-size: 1.5rem;
  line-height: 150%;
  color: var(--text-color-dark-gray);
  margin-top: var(--common-padding);
}

.section .section-title-box .category {
  font-size: 1.3rem;
  color: var(--color-primary);
  margin-bottom: .6rem;
}

.section .section-title-box .title {
  font-size: 1.8rem;
  font-weight: 700;
}

.container {
  width: 100%;
  height: 100%;
  position: relative;
  max-width: var(--container-size);
  margin: 0 auto;
  background-color: var(--bgc-light-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid var(--border-color-dark-gray);
  border-right: 1px solid var(--border-color-dark-gray);
}

.full-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--bgc-white);
}

.full-container .full-container-content {
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background-color: var(--bgc-white);
  padding: var(--common-padding);
}

.full-container .full-container-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.full-container .full-container-content::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #78788030;
}

.full-container .full-container-content::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background: #78788030;
}

.full-container .full-container-content::-webkit-scrollbar-thumb:hover {
  background: #78788050;
}

.full-container .full-container-content::-webkit-scrollbar-thumb:active {
  background: #78788070;
}

.full-container .full-container-content::-webkit-scrollbar-button {
  display: none;
}

.full-container .full-container-content .title-box {
  margin-top: 1.6rem;
}

.full-container .full-container-nav {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  padding: var(--common-padding);
  background-color: var(--bgc-white);
}

.full-container .full-container-nav .button-group {
  width: 100%;
  height: auto;
  position: relative;
}

.full-container .full-container-nav .button-group .button {
  min-height: 6rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.full-container .card {
  padding: 0;
}

.info-title {
	border : 2px solid #1255e6;
}

.full-container .review-box {
  padding-top: 2.4rem;
  border-top: 1px solid var(--border-color-light-gray);
}

.full-container .card-wrapper .card:first-child .review-box {
  padding-top: 0;
  border-top: none;
}

header {
  min-height: 8rem;
  background-color: var(--bgc-white);
  padding: var(--common-padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-bottom: 1px solid var(--border-color-dark-gray);
}

header .header-left,
header .header-right {
  position: absolute;
}

header .header-left {
  left: var(--common-padding);
}

header .header-right {
  right: var(--common-padding);
}

header .header-title {
  font-size: 2rem;
  padding: 0 calc(var(--icon-size) * 2 + var(--common-padding));
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
  padding: var(--common-padding);
}

main::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

main::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #78788030;
}

main::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background: #78788030;
}

main::-webkit-scrollbar-thumb:hover {
  background: #78788050;
}

main::-webkit-scrollbar-thumb:active {
  background: #78788070;
}

main::-webkit-scrollbar-button {
  display: none;
}

main.full {
  padding: 0;
}

nav {
  background-color: var(--bgc-white);
  border-top: 1px solid var(--border-color-dark-gray);
}

nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

nav ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

nav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: .6rem;
  text-align: center;
  height: 8rem;
  font-size: 1.4rem;
  color: var(--text-color-light-gray);
}

nav ul li a.active {
  color: var(--color-primary);
}

.info-box {
  margin-top: 0;
}

.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 999;
  padding: 4rem;
  display: none;
}

.modal.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal .modal-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
}

.modal .modal-container {
  width: 100%;
  height: auto;
  position: relative;
  max-height: 100%;
  max-width: 44rem;
  background-color: var(--bgc-white);
  border-radius: 1.6rem;
  overflow: hidden;
}

.modal .modal-container .modal-inner {
  width: 100%;
  height: auto;
  position: relative;
  background-color: var(--bgc-white);
}

.modal .modal-container .modal-inner > div {
  background-color: var(--bgc-white);
}

.modal .modal-container .modal-inner .modal-header,
.modal .modal-container .modal-inner .modal-footer {
  width: 100%;
  height: auto;
  position: -webkit-sticky;
  position: sticky;
  min-height: 6rem;
  left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2.4rem;
}

.modal .modal-container .modal-inner .modal-header {
  top: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.6rem;
}

.modal .modal-container .modal-inner .modal-header .modal-title {
  font-size: 1.8rem;
}

.modal .modal-container .modal-inner .modal-header ~ .modal-body {
  margin-top: 0;
}

.modal .modal-container .modal-inner .modal-body {
  width: 100%;
  height: auto;
  position: relative;
  max-height: calc(100vh - 20rem);
  max-width: calc(100% - 4.8rem);
  margin: 2.4rem;
  overflow: auto;
  overflow-y: auto;
}

.modal .modal-container .modal-inner .modal-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.modal .modal-container .modal-inner .modal-body::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #78788030;
}

.modal .modal-container .modal-inner .modal-body::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background: #78788030;
}

.modal .modal-container .modal-inner .modal-body::-webkit-scrollbar-thumb:hover {
  background: #78788050;
}

.modal .modal-container .modal-inner .modal-body::-webkit-scrollbar-thumb:active {
  background: #78788070;
}

.modal .modal-container .modal-inner .modal-body::-webkit-scrollbar-button {
  display: none;
}

.modal .modal-container .modal-inner .modal-body .modal-content {
  width: 100%;
  height: auto;
  position: relative;
  word-break: break-word;
}

.modal .modal-container .modal-inner .modal-body .modal-content .confirm-msg {
  text-align: center;
  margin: 2.4rem auto;
}

.modal .modal-container .modal-inner .modal-footer {
  bottom: 0;
}

.modal .modal-container .modal-inner .button-group {
  width: 100%;
}

.modal .modal-container .modal-inner .button-group .button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
}

.form {
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--common-padding);
}

.form-row .select .select-label {
  width: 100%;
  height: 6rem;
  border: 1px solid var(--border-color);
  border-radius: var(--common-radius);
  padding: 0 1.2rem;
  color: var(--text-color);
  font-size: 1.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form-row .select:focus-within .select-label {
  border-color: var(--color-primary);
}

.form-label {
  display: block;
  font-size: 1.6rem;
  color: var(--text-color-dark-gray);
  margin-bottom: .4rem;
}

input[type="number"],
input[type="text"],
input[type="password"] {
  width: 100%;
  height: 6rem;
  border: 1px solid var(--border-color);
  border-radius: var(--common-radius);
  padding: 0 1.2rem;
  color: var(--text-color);
  font-size: 1.5rem;
  outline: none;
}

input[type="number"].small,
input[type="text"].small,
input[type="password"].small {
  width: 100%;
  height: 4rem;
  border: 1px solid var(--border-color);
  border-radius: var(--common-radius);
  padding: 0 1rem;
  color: var(--text-color);
  font-size: 1.5rem;
  outline: none;
}

input[type="number"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
  color: var(--text-color-light-gray);
}

input[type="number"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
  color: var(--text-color-light-gray);
}

input[type="number"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder {
  color: var(--text-color-light-gray);
}

input[type="number"]::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder {
  color: var(--text-color-light-gray);
}

input[type="number"]:focus,
input[type="text"]:focus,
input[type="password"]:focus {
  border-color: var(--color-primary);
}

textarea {
  width: 100%;
  height: 20rem;
  border: 1px solid var(--border-color);
  border-radius: var(--common-radius);
  padding: 1.2rem;
  color: var(--text-color);
  font-size: 1.5rem;
  resize: none;
  outline: none;
}

textarea::-webkit-input-placeholder {
  color: var(--text-color-light-gray);
}

textarea:-ms-input-placeholder {
  color: var(--text-color-light-gray);
}

textarea::-ms-input-placeholder {
  color: var(--text-color-light-gray);
}

textarea::placeholder {
  color: var(--text-color-light-gray);
}

textarea:focus {
  border-color: var(--color-primary);
}

.button-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.button-input input[type="text"],
.button-input input[type="password"] {
  padding-right: 6rem;
}

.button-input button {
  height: 100%;
  position: absolute;
  right: 0;
  width: 6rem;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.search-result {
  font-size: 1.8rem;
  font-weight: 700;
}

.search-result .count {
  color: var(--color-primary);
}

.search-filter {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--common-padding);
}

.search-filter-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.2rem;
}

.select .select-label {
  font-size: 1.6rem;
  color: var(--text-color-dark-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: .4rem;
}

.select .select-label::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23909090' d='M7.136 13.137a1.252 1.252 0 0 1-1.77 0l-5-5a1.245 1.245 0 0 1-.27-1.364A1.25 1.25 0 0 1 1.254 6h10a1.255 1.255 0 0 1 .887 2.137l-5 5h-.004Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12.5v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.select .select-label.small {
  height:4rem;
  padding:0 1rem;
}

.select .option {
  width: 100%;
  max-width: var(--container-size);
  max-height: 40%;
  overflow: auto;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -100%;
  background-color: var(--bgc-white);
  padding: var(--common-padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 100;
  border-radius: var(--common-radius) var(--common-radius) 0 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.4s, bottom 0.4s;
  transition: opacity 0.4s, bottom 0.4s;
}

.select .option::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.select .option::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #78788030;
}

.select .option::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background: #78788030;
}

.select .option::-webkit-scrollbar-thumb:hover {
  background: #78788050;
}

.select .option::-webkit-scrollbar-thumb:active {
  background: #78788070;
}

.select .option::-webkit-scrollbar-button {
  display: none;
}

.select .option button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: var(--common-padding);
  font-size: 1.5rem;
  color: var(--text-color-light-gray);
  border-top: 1px solid var(--border-color-light-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--common-padding);
}

.select .option button:first-child {
  border-top: none;
}

.select .option button:hover {
  border-radius: var(--common-radius);
  border-color: transparent;
  background-color: var(--bgc-light-gray);
}

.select .option button:hover + button {
  border-color: transparent;
}

.select .option button.active {
  color: var(--text-color);
}

.select .option button.active::after {
  content: "";
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23303030' d='M9 16.17 5.53 12.7a.997.997 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.997.997 0 1 0-1.41-1.41L9 16.17Z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.select .layer {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.select.active .select-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23909090' d='M5.864 6.863a1.252 1.252 0 0 1 1.77 0l5 5c.36.36.464.895.27 1.364a1.25 1.25 0 0 1-1.157.773h-10a1.255 1.255 0 0 1-.887-2.137l5-5h.004Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0H13v20H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.select.active .option {
  bottom: 0;
  opacity: 1;
  pointer-events: auto;
}

.select.active .layer {
  opacity: 1;
  pointer-events: auto;
}

.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: .8rem;
}

.button-list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.button-list-group a,
.button-list-group button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: var(--common-padding);
  font-size: 1.5rem;
  color: var(--text-color-light-gray);
  border-top: 1px solid var(--border-color-light-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--common-padding);
}

.button-list-group a:first-child,
.button-list-group button:first-child {
  border-top: none;
}

.button-list-group a:hover,
.button-list-group button:hover {
  border-radius: var(--common-radius);
  border-color: transparent;
  background-color: var(--bgc-light-gray);
}

.button-list-group a:hover + button,
.button-list-group button:hover + button {
  border-color: transparent;
}

.button-list-group a.active,
.button-list-group button.active {
  color: var(--text-color);
}

.button-list-group a.active::after,
.button-list-group button.active::after {
  content: "";
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23303030' d='M9 16.17 5.53 12.7a.997.997 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.997.997 0 1 0-1.41-1.41L9 16.17Z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: .2rem;
  border: 1px solid var(--border-color);
  border-radius: var(--common-radius);
  padding: 1.2rem 2.4rem;
  color: var(--text-color-dark-gray);
  text-align: center;
  background-color: var(--bgc-white);
}

.button.button-primary-border {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.button.button-primary {
  color: var(--text-color-white);
  background-color: var(--color-primary);
  border-color: transparent;
}

.button.button-warning {
  color: var(--text-color-white);
  background-color: var(--color-warning);
  border-color: transparent;
}

.button.button-error {
  color: var(--text-color-white);
  background-color: var(--bgc-error);
  border-color: transparent;
}

.button-size-x-small {
  padding: .8rem;
  font-size: 1.2rem;
}

.button-size-small {
  padding: 1rem;
  font-size: 1.3rem;
}

.img-button {
  width: 3.6rem;
  height: 3.6rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.img-button.img-call {
  background-image: url(../images/button/call.svg);
}

.img-button.img-place {
  background-image: url(../images/button/place.svg);
}

.img-button.img-like {
  background-image: url(../images/button/like_gray.svg);
}

.img-button.img-like.active {
  background-image: url(../images/button/like.svg);
}

.card-wrapper {
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.2rem;
}

.card-wrapper.gap-24 {
  gap: 2.4rem;
}

.card {
  width: 100%;
  height: auto;
  position: relative;
  padding: var(--common-padding);
  border-radius: var(--common-radius);
  background-color: var(--bgc-white);
}

#infoTab01, #infoTab02  {
   height : 100% !important;
   min-height:950px;
}

#reportFrame {
   height : 100% !important;
   min-height:850px;
}


.card.column-2 {
  width: calc(50% - .6rem);
}

.card.column-3 {
  width: calc(32% - .3rem);
}

.col-1 {
  width: calc(8.333333% - .6rem);
}

.col-2 {
  width: calc(16.666667% - .6rem);
}

.col-3 {
  width: calc(25% - .6rem);
}

.col-4 {
  width: calc(33.333333% - .6rem);
}

.col-5 {
  width: calc(41.666667% - .6rem);
}

.col-6 {
  width: calc(50% - .6rem);
}

.col-7 {
  width: calc(58.333333% - .6rem);
}

.col-8 {
  width: calc(66.666667% - .6rem);
}

.col-9 {
  width: calc(75% - .6rem);
}

.col-10 {
  width: calc(83.333333% - .6rem);
}

.col-11 {
  width: calc(91.666667% - .6rem);
}

.col-12 {
  width: calc(100% - .6rem);
}

.card-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.card-head ~ .card-body {
  margin-top: var(--common-padding);
}

.card-title-box .card-title ~ .card-sub-title {
  margin-top: .6rem;
}

.card-title-box .card-sub-title {
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--text-color-light-gray);
}

.card-date {
  font-size: 1.2rem;
  font-weight: 300;
  color: var(--text-color-light-gray);
}

.card-date ~ .card-title {
  margin-top: .8rem;
}

.card-img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
}

.card-img-box .card-img {
  width: 10rem;
  min-width: 10rem;
  height: 10rem;
  position: relative;
  border-radius: var(--common-radius);
  overflow: hidden;
}

.card-img-box .card-img.profile-img {
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.card-img-box .card-img.profile-img img {
  border-radius: 50%;
}

.card-img-box .card-img.profile-img.size-small {
  width: 3.2rem;
  min-width: 3.2rem;
  height: 3.2rem;
}

.card-img-box .card-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--common-radius);
}

.card-option-button {
  position: absolute;
  right: var(--common-padding);
  top: var(--common-padding);
  z-index: 1;
}

.input-card {
  padding: 0;
}

.input-card input {
  border: none;
}

.swiper-slide .card {
  padding: 0;
}

.swiper-slide .card-img-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: .8rem;
}

.swiper-slide .card-img-box .card-img {
  width: 100%;
  padding-bottom: 100%;
  min-width: auto;
}

.swiper-slide .card-title-box {
  padding: 0 .4rem;
}

.card-content-view {
  width: 100%;
  height: auto;
  position: relative;
  border-top: 1px solid var(--border-color-light-gray);
  padding-top: var(--common-padding);
}

.card-toggle {
  cursor: pointer;
}

.card-toggle.active .card-head .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.card-toggle.active .card-toggle-content {
  display: block;
  font-size: 1.5rem;
  color: var(--text-color-dark-gray);
}

.card-toggle-content {
  display: none;
  margin-top: calc(var(--common-padding) / 2);
  background-color: var(--bgc-light-gray);
  border-radius: var(--common-radius);
  padding: var(--common-padding);
}

.tab {
  width: 100%;
  height: auto;
  position: relative;
  overflow: auto;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.tab::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.tab::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #78788030;
}

.tab::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background: #78788030;
}

.tab::-webkit-scrollbar-thumb:hover {
  background: #78788050;
}

.tab::-webkit-scrollbar-thumb:active {
  background: #78788070;
}

.tab::-webkit-scrollbar-button {
  display: none;
}

.tab::after {
  content: "";
  width: 100%;
  border-bottom: 3px solid var(--border-color);
  border-radius: var(--common-radius);
  position: absolute;
  left: 0;
  bottom: 0;
}

.tab a {
  display: inline-block;
  white-space: nowrap;
  font-size: 1.8rem;
  color: var(--text-color);
  margin-left: 1.2rem;
  position: relative;
  padding-bottom: 1.2rem;
}

.tab a:first-child {
  margin-left: 0;
}

.tab a.active {
  color: var(--color-primary);
}

.tab a.active::after {
  content: "";
  width: 100%;
  border-bottom: 3px solid var(--color-primary);
  border-radius: var(--common-radius);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.tab-content {
    display: none;
    border: 1px solid #ccc;
    padding: 20px;
    background-color: #fff;
}

.tab-content.active {
    display: block;
}


.switch label {
  width: 4.8rem;
  height: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2.4rem;
  background-color: #D9D9D9;
  cursor: pointer;
  position: relative;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.switch label::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  left: .6rem;
  -webkit-box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.1);
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
}

.switch input[type="checkbox"] {
  display: none;
}

.switch input[type="checkbox"]:checked ~ label {
  background-color: var(--color-primary);
}

.switch input[type="checkbox"]:checked ~ label::before {
  -webkit-box-shadow: none;
          box-shadow: none;
  left: calc(100% - 1.6rem - .6rem);
}

[data-tooltip] {
  position: relative;
}

[data-tooltip]::before {
  content: "";
  display: block;
  width: .8rem;
  height: .8rem;
  border-right: 0.1rem solid var(--color-primary);
  border-bottom: 0.1rem solid var(--color-primary);
  position: absolute;
  bottom: calc(100% + .6rem);
  right: 2rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: var(--bgc-white);
  z-index: 10;
}

[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  right: 0;
  bottom: calc(100% + 1rem);
  font-size: 1.2rem;
  white-space: nowrap;
  color: var(--color-primary);
  background-color: var(--bgc-white);
  border: 1px solid var(--color-primary);
  border-radius: 2.4rem;
  padding: .8rem 1.2rem;
  z-index: 9;
}

[data-tooltip-direction="bottom"]::before {
  bottom: auto;
  top: calc(100% + .6rem);
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}

[data-tooltip-direction="bottom"]::after {
  bottom: auto;
  top: calc(100% + 1rem);
}

.result {
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--text-color-light-gray);
  margin-top: 4.8rem;
}

.result img {
  margin-bottom: 2.4rem;
}

.result .button-group {
  margin-top: 1.6rem;
}

.result.full {
  height: 100%;
  margin-top: 0;
}

.pagination {
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: calc(var(--common-padding) * 4);
}

.pagination > button {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23909090' d='M11.225 7.108a.625.625 0 0 1 .883-.883l3.334 3.333a.625.625 0 0 1 0 .884l-3.334 3.333a.624.624 0 1 1-.883-.883l2.267-2.267H5.417a.625.625 0 0 1 0-1.25h8.075l-2.267-2.267Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 2.4rem;
}

.pagination > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.2rem;
}

.pagination > div > button {
  width: 3.6rem;
  height: 3.6rem;
  text-align: center;
  color: var(--text-color-light-gray);
  border: 1px solid var(--border-color);
  border-radius: 50%;
  font-size: 1.4rem;
}

.pagination > div > button:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.pagination > div > button:active, .pagination > div > button.active {
  color: var(--text-color-white);
  background-color: var(--color-primary);
  border-color: inherit;
}

.spinner-container {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}

.spinner-container.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.spinner {
  width: 6rem;
  height: 6rem;
  border: 3px solid #ffffff;
  border-top: 3px solid transparent;
  border-radius: 50%;
  -webkit-animation: spin .5s linear 0s infinite;
          animation: spin .5s linear 0s infinite;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.swiper-container {
  width: 100%;
}

.swiper-button-next,
.swiper-button-prev {
  width: 4rem !important;
  height: 4rem !important;
  background-color: var(--bgc-white);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23909090' d='M11.225 7.108a.625.625 0 0 1 .883-.883l3.334 3.333a.625.625 0 0 1 0 .884l-3.334 3.333a.624.624 0 1 1-.883-.883l2.267-2.267H5.417a.625.625 0 0 1 0-1.25h8.075l-2.267-2.267Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
  background-size: 2rem !important;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  display: none;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23457aec' d='M11.225 7.108a.625.625 0 0 1 .883-.883l3.334 3.333a.625.625 0 0 1 0 .884l-3.334 3.333a.624.624 0 1 1-.883-.883l2.267-2.267H5.417a.625.625 0 0 1 0-1.25h8.075l-2.267-2.267Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
}

.swiper-button-prev {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}