@charset "UTF-8";
:root {
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
  --Sub_01: #8C8985;
  --Sub_02: #707372;
  --Sub_03: #425563;
  --Sub_04: #C4BFB6;
  --Sub_05: #B2A8A2;
  --Sub_06: #A2AAAD;
  --Sub_07: #A2ACAB;
  --Sub_08: #D9D9D6;
  --Sub_09: #8B8075;
  --Bg_01: #E7ECE9;
  --Bg_02: #F7F6F4;
  --UI_01: 0,0,0;
  --UI_02: #26282C;
  --UI_03: #484B51;
  --UI_04: #696E76;
  --UI_05: #8C949E;
  --UI_06: #AAB0B8;
  --UI_07: #C6CBD0;
  --UI_08: #DDE1E4;
  --UI_09_line: #EBEEF0;
  --UI_10: #F7F7F8;
  --UI_11: 255,255,255;
  --Red: #D64A66;
  --Green: #005151;
  --Blue: #5163BF;
  --Gray: #5B6770;
  --box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
  --container-padding-x: 1.25rem;
  --status-scheduled: var(--UI_10);
  --status-finish: var(--Sub_04);
  --status-uploaded: var(--Gray);
  --status-temporary-received: var(--Blue);
  --status-actual-received: #2F80ED;
  --status-unconfirmed: var(--Blue);
  --status-faulty: var(--Red);
  --status-ok: #7128D0;
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 300;
  src: url(../fonts/NotoSansCJKkr/NotoSansCJKkr-DemiLight.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  src: url(../fonts/NotoSansCJKkr/NotoSansCJKkr-Regular.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  src: url(../fonts/NotoSansCJKkr/NotoSansCJKkr-Medium.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  src: url(../fonts/NotoSansCJKkr/NotoSansCJKkr-Bold.woff) format("woff");
}
body {
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.32px;
  -ms-overflow-style: none;
}

button {
  background: transparent;
  border: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
}
button[disabled] {
  cursor: default;
}

ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

dl {
  margin-bottom: 0;
}

dd {
  margin-bottom: 0;
}

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

svg,
img {
  vertical-align: middle;
  max-width: 100%;
}

i {
  line-height: 1;
}

figure {
  margin: 0;
}

.bg {
  background-color: var(--UI_10);
}

.divider {
  height: 10px;
  background: #F1F3F5;
}

.divider-thin {
  height: 1px;
  background: #F1F3F5;
}

.border-radius-0 {
  border-radius: 0;
}

.border-radius-4 {
  border-radius: 4px;
}

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

.mx-n20px {
  margin-left: -20px;
  margin-right: -20px;
}

.border-left {
  border-left: 1px solid var(--UI_09_line);
}

[class^=icon-] {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  flex-shrink: 0;
}

.icon-back {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12H4M4 12L10 6M4 12L10 18' stroke='%2326282C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
}

.icon-bell {
  background-image: url(../images/icon-bell.svg);
  width: 24px;
  height: 24px;
}

.icon-search {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.79883 16.2969C13.6648 16.2969 16.7988 13.1629 16.7988 9.29688C16.7988 5.43088 13.6648 2.29688 9.79883 2.29688C5.93283 2.29688 2.79883 5.43088 2.79883 9.29688C2.79883 13.1629 5.93283 16.2969 9.79883 16.2969Z' stroke='%238C949E' stroke-width='1.5'/%3E%3Cpath d='M14.2168 14.7109L17.1335 17.6276' stroke='%238C949E' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
}

.icon-hamburger {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6H4M20 12H4M20 18H4' stroke='%2326282C' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
}

.icon-input-x {
  background-image: url(../images/icon-input-x.svg);
  width: 20px;
  height: 20px;
}

.icon-error {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='8' fill='%23D64A66'/%3E%3Crect x='9.30078' y='5.89062' width='1.4' height='5.25' rx='0.7' fill='white'/%3E%3Crect x='9.125' y='12.1875' width='1.75' height='1.75' rx='0.875' fill='white'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
}

.icon-help {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='8' fill='%23AAB0B8'/%3E%3Crect x='9.30078' y='5.89062' width='1.4' height='5.25' rx='0.7' fill='white'/%3E%3Crect x='9.125' y='12.1875' width='1.75' height='1.75' rx='0.875' fill='white'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
}

.icon-arrow-in-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.45043 13.052C5.18319 12.7869 5.18319 12.3506 5.45043 12.0856L9.24223 8.32438C9.42279 8.14528 9.42279 7.85472 9.24223 7.67562L5.45043 3.91444C5.18319 3.64936 5.18319 3.21306 5.45043 2.94798C5.71655 2.68401 6.15289 2.68401 6.41901 2.94798L10.2108 6.70915C10.5678 7.06322 10.75 7.53153 10.75 8C10.75 8.46846 10.5678 8.93678 10.2108 9.29085L6.41901 13.052C6.15289 13.316 5.71655 13.316 5.45043 13.052Z' fill='%23AAB0B8'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
}

.icon-search {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.80078 16.2969C13.6668 16.2969 16.8008 13.1629 16.8008 9.29688C16.8008 5.43088 13.6668 2.29688 9.80078 2.29688C5.93479 2.29688 2.80078 5.43088 2.80078 9.29688C2.80078 13.1629 5.93479 16.2969 9.80078 16.2969Z' stroke='%238C949E' stroke-width='1.5'/%3E%3Cpath d='M14.2188 14.7109L17.1354 17.6276' stroke='%238C949E' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
}

.icon-file {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.50544 11.7745L10.3271 6.86513C10.4642 6.72819 10.5734 6.56284 10.648 6.37928C10.7227 6.19573 10.7612 5.99785 10.7612 5.79786C10.7612 5.59786 10.7227 5.39998 10.648 5.21643C10.5734 5.03287 10.4642 4.86752 10.3271 4.73058C10.0434 4.44672 9.66857 4.28867 9.27906 4.28867C8.88955 4.28867 8.51471 4.44672 8.231 4.73058L3.44356 9.60416C3.18308 9.86432 2.97549 10.1785 2.83358 10.5273C2.69167 10.8761 2.61846 11.2521 2.61846 11.6321C2.61846 12.0122 2.69167 12.3882 2.83358 12.737C2.97549 13.0857 3.18308 13.3999 3.44356 13.6601C4.54356 14.78 6.32678 14.78 7.42678 13.6601L12.2845 8.71498C13.9052 7.06402 13.9052 4.38869 12.2845 2.73773C10.6632 1.08742 8.03483 1.08742 6.41356 2.73773L2.5 6.72213' stroke='%23AAB0B8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
}

.icon-new {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23D64A66'/%3E%3Crect x='4' y='4.50781' width='2' height='7' rx='1' fill='white'/%3E%3Crect x='10' y='4.50781' width='2' height='7' rx='1' fill='white'/%3E%3Crect x='3.74219' y='5.69531' width='2' height='9.49591' rx='1' transform='rotate(-50 3.74219 5.69531)' fill='white'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
}

.icon-layout {
  background-image: url("../images/icon-layout.svg");
  width: 36px;
  height: 36px;
}

.icon-upload {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_598_3354)'%3E%3Cpath d='M11.332 6.00781C12.782 6.01581 13.5674 6.08048 14.0794 6.59248C14.6654 7.17848 14.6654 8.12115 14.6654 10.0065V10.6731C14.6654 12.5591 14.6654 13.5018 14.0794 14.0878C13.494 14.6731 12.5507 14.6731 10.6654 14.6731H5.33203C3.4467 14.6731 2.50336 14.6731 1.91803 14.0878C1.33203 13.5011 1.33203 12.5591 1.33203 10.6731V10.0065C1.33203 8.12115 1.33203 7.17848 1.91803 6.59248C2.43003 6.08048 3.21536 6.01581 4.66536 6.00781' stroke='white' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M8 10.0026V1.33594M8 1.33594L10 3.66927M8 1.33594L6 3.66927' stroke='white' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_598_3354'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
}

.icon-download {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1224_13755)'%3E%3Cpath d='M11.332 6.00781C12.782 6.01581 13.5674 6.08048 14.0794 6.59248C14.6654 7.17848 14.6654 8.12115 14.6654 10.0065V10.6731C14.6654 12.5591 14.6654 13.5018 14.0794 14.0878C13.494 14.6731 12.5507 14.6731 10.6654 14.6731H5.33203C3.4467 14.6731 2.50336 14.6731 1.91803 14.0878C1.33203 13.5011 1.33203 12.5591 1.33203 10.6731V10.0065C1.33203 8.12115 1.33203 7.17848 1.91803 6.59248C2.43003 6.08048 3.21536 6.01581 4.66536 6.00781' stroke='%23005151' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M8 1.33594V10.0026M8 10.0026L6 7.66927M8 10.0026L10 7.66927' stroke='%23005151' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1224_13755'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
}

.icon-button-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.45043 13.052C5.18319 12.7869 5.18319 12.3506 5.45043 12.0856L9.24223 8.32438C9.42279 8.14528 9.42279 7.85472 9.24223 7.67562L5.45043 3.91444C5.18319 3.64936 5.18319 3.21306 5.45043 2.94798C5.71655 2.68401 6.15289 2.68401 6.41901 2.94798L10.2108 6.70915C10.5678 7.06322 10.75 7.53153 10.75 8C10.75 8.46846 10.5678 8.93678 10.2108 9.29085L6.41901 13.052C6.15289 13.316 5.71655 13.316 5.45043 13.052Z' fill='%23AAB0B8'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
}

.icon-hammer {
  background-image: url("../images/icon-hammer.svg");
  width: 20px;
  height: 20px;
}

.icon-hourglass {
  background-image: url("../images/icon-hourglass.svg");
  width: 20px;
  height: 20px;
}

.icon-checklist {
  background-image: url("../images/icon-checklist.svg");
  width: 20px;
  height: 20px;
}

.icon-building {
  background-image: url("../images/icon-building.svg");
  width: 20px;
  height: 20px;
}

.icon-calendar-solid {
  background-image: url("../images/icon-calendar-solid.svg");
  width: 20px;
  height: 20px;
}

.icon-timer {
  background-image: url("../images/icon-timer.svg");
  width: 20px;
  height: 20px;
}

.icon-home-bs {
  background-image: url("../images/icon-home-bs.svg");
  width: 90px;
  height: 90px;
}

.icon-home-as {
  background-image: url("../images/icon-home-as.svg");
  width: 90px;
  height: 90px;
}

.icon-home-st {
  background-image: url("../images/icon-home-st.svg");
  width: 90px;
  height: 90px;
}

.icon-bs-main-verified {
  background-image: url("../images/icon-bs-main-verified.svg");
  width: 90px;
  height: 75px;
}

.icon-bs-main-walking {
  background-image: url("../images/icon-bs-main-walking.svg");
  width: 90px;
  height: 75px;
}

.icon-bs-main-light {
  background-image: url("../images/icon-bs-main-light.svg");
  width: 90px;
  height: 75px;
}

.icon-eye {
  background-image: url("../images/icon-eye.svg");
  width: 24px;
  height: 24px;
}

.icon-eye-slash {
  background-image: url("../images/icon-eye-slash.svg");
  width: 24px;
  height: 24px;
}

.icon-home {
  background-image: url("../images/icon-home.svg");
  width: 24px;
  height: 24px;
}

.icon-refresh {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C14.8273 3 17.35 4.30367 19 6.375M19 6.375V3M19 6.375H15.5' stroke='%238C949E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}

.fs-13px {
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
}

.fs-14px {
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
}

.fs-15px {
  font-size: 15px;
  line-height: 1.46667;
  letter-spacing: -0.3px;
}

.fs-16px {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
}

.fs-18px {
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
}

.fs-20px {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.4px;
}

.text-ui-02 {
  color: var(--UI_02) !important;
}

.text-ui-03 {
  color: var(--UI_03) !important;
}

.text-ui-04 {
  color: var(--UI_04) !important;
}

.text-ui-05 {
  color: var(--UI_05) !important;
}

.text-ui-06 {
  color: var(--UI_06) !important;
}

.text-ui-07 {
  color: var(--UI_07) !important;
}

.text-ui-08 {
  color: var(--UI_08) !important;
}

.text-ui-09 {
  color: var(--UI_09) !important;
}

.text-actual {
  color: #2F80ED !important;
}

.text-heading-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.text-heading-wrapper .text-heading {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.4px;
  font-weight: 500;
  margin-bottom: 0;
}
.text-heading-wrapper .text-heading svg {
  flex-shrink: 0;
  margin-top: 2px;
}
.text-heading-wrapper .text-heading span {
  color: var(--sub_09);
}
.text-heading-wrapper .text-heading-desc {
  color: var(--UI_05);
}

.dot-title {
  font-weight: 500;
  margin-bottom: 8px;
}
.dot-title::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 4px;
  height: 4px;
  background: var(--Green);
  border-radius: 50%;
  margin-right: 4px;
  margin-top: 8px;
}

.accordion-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--UI_07);
}
.accordion-list-section:not(.active) .accordion-items {
  height: 0 !important;
}
.accordion-list-section.active .accordion-list-toggler {
  background: var(--Bg_01);
  color: var(--Green);
}
.accordion-list-section.active .accordion-list-toggler::after {
  transform: rotate(180deg);
}
.accordion-list-toggler {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 16px;
  transition: 0.4s;
  background: var(--UI_10);
  border-bottom: 1px solid var(--UI_09_line);
}
.accordion-list-toggler .zone-name {
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: 4px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  font-weight: 500;
}
.accordion-list-toggler::after {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.26397 6.7551C3.61741 6.41497 4.19914 6.41497 4.55259 6.7551L9.56749 11.581C9.80629 11.8108 10.1937 11.8108 10.4325 11.581L15.4474 6.7551C15.8009 6.41497 16.3826 6.41497 16.736 6.7551C17.088 7.09379 17.088 7.64913 16.736 7.98783L11.7211 12.8138C11.249 13.2681 10.6246 13.5 10 13.5C9.37538 13.5 8.75096 13.2681 8.27887 12.8138L3.26397 7.98783C2.91201 7.64913 2.91201 7.09379 3.26397 6.7551Z' fill='%23AAB0B8'/%3E%3C/svg%3E%0A");
  display: block;
  flex-shrink: 0;
  transition: 0.3s 0.1s;
}

.task-items,
.accordion-items {
  overflow: hidden;
  transition: height 0.6s 0.05s;
}
.task-items .inner,
.accordion-items .inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 16px;
  border-bottom: 1px solid var(--UI_09_line);
}
.task-items .item,
.accordion-items .item {
  transition: transform 0.2s;
  border-bottom: 1px solid var(--UI_09_line);
}
.task-items .item > .hstack .badge,
.accordion-items .item > .hstack .badge {
  padding: 4px 7px;
  border-radius: 4px 4px 0 0;
}
.task-items .item > .hstack .form-check-input,
.accordion-items .item > .hstack .form-check-input {
  margin: 0;
  width: 24px;
  height: 24px;
  background-size: 12px auto;
}
.task-items .item .number,
.accordion-items .item .number {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  font-weight: 700;
  margin-bottom: 2px;
}
.task-items .item .category,
.accordion-items .item .category {
  background: var(--UI_10);
  padding: 12px 8px;
  border-top: 1px solid var(--UI_05);
  border-bottom: 1px solid var(--UI_09_line);
}
.task-items .item .info,
.accordion-items .item .info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 8px;
}
.task-items .item .info .comment,
.accordion-items .item .info .comment {
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
  font-weight: 400;
  color: var(--UI_03);
}
.task-items .item .info .date,
.accordion-items .item .info .date {
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
  font-weight: 400;
  color: var(--UI_05);
  display: flex;
  align-items: center;
  gap: 8px;
}
.task-items .item .info .date .task-status,
.accordion-items .item .info .date .task-status {
  display: flex;
  align-items: center;
}
.task-items .item .info .date .task-status span + span::before,
.accordion-items .item .info .date .task-status span + span::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 14px;
  background: var(--UI_08);
  margin: 0 8px;
}
.task-items .item .info .fixed-date,
.accordion-items .item .info .fixed-date {
  color: var(--UI_03);
}
.task-items .item .info .photos,
.accordion-items .item .info .photos {
  gap: 4px;
  display: flex;
}
.task-items .item .info .photos > img,
.accordion-items .item .info .photos > img {
  width: 46px;
  height: 46px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid var(--UI_09_line);
  border-radius: 4px;
  overflow: hidden;
}
.task-items .item .info .photos .photo,
.accordion-items .item .info .photos .photo {
  width: 46px;
  height: 46px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.task-items .item .info .photos .photo img,
.accordion-items .item .info .photos .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.task-items .item .info .photos .photo span,
.accordion-items .item .info .photos .photo span {
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 2px 0;
  font-size: 11px;
}
.task-items .item .info .photos .photo[data-status=faulty],
.accordion-items .item .info .photos .photo[data-status=faulty] {
  border: 1px solid var(--UI_09_line);
}
.task-items .item .info .photos .photo[data-status=faulty] span,
.accordion-items .item .info .photos .photo[data-status=faulty] span {
  background: var(--UI_09_line);
  color: var(--UI_05);
}
.task-items .item .info .photos .photo[data-status=ok],
.accordion-items .item .info .photos .photo[data-status=ok] {
  border: 1px solid var(--Green);
}
.task-items .item .info .photos .photo[data-status=ok] span,
.accordion-items .item .info .photos .photo[data-status=ok] span {
  background: var(--Green);
  color: rgba(var(--UI_11), 1);
}
.task-items .item .info [class^=button-],
.accordion-items .item .info [class^=button-] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(140, 148, 158, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.task-items .item .info [class^=button-]::before,
.accordion-items .item .info [class^=button-]::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.task-items .item .info .button-edit,
.accordion-items .item .info .button-edit {
  border: 1px solid rgba(81, 99, 191, 0.3);
}
.task-items .item .info .button-edit::before,
.accordion-items .item .info .button-edit::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2882 7.01258L14.6415 6.65845C14.9229 6.37699 15.3045 6.21882 15.7025 6.21875C16.1005 6.21868 16.4822 6.3767 16.7636 6.65806C17.0451 6.93942 17.2033 7.32107 17.2033 7.71904C17.2034 8.11702 17.0454 8.49872 16.764 8.78018L16.4107 9.13431M14.2882 7.01258C14.2882 7.01258 14.3324 7.76358 14.9957 8.42681C15.6589 9.09004 16.4107 9.13431 16.4107 9.13431M14.2882 7.01258L11.0369 10.2639C10.8155 10.4837 10.7056 10.5943 10.611 10.7157C10.4996 10.8592 10.4042 11.0133 10.3256 11.1782C10.2592 11.3171 10.2103 11.4644 10.1119 11.7598L9.79665 12.7062L9.69438 13.0122M16.4107 9.13431L13.1594 12.3856C12.938 12.6069 12.8281 12.7168 12.7068 12.8115C12.5633 12.9229 12.4091 13.0183 12.2443 13.0969C12.1054 13.1633 11.9581 13.2122 11.6627 13.3106L10.7163 13.6258L10.4103 13.7281M9.69438 13.0122L9.59287 13.319C9.56923 13.3902 9.56586 13.4666 9.58314 13.5396C9.60043 13.6127 9.63768 13.6794 9.69074 13.7325C9.7438 13.7856 9.81058 13.8228 9.8836 13.8401C9.95662 13.8574 10.033 13.854 10.1042 13.8304L10.4103 13.7281M9.69438 13.0122L10.4103 13.7281' stroke='%235163BF' stroke-width='1.25'/%3E%3Cpath d='M6.51724 9.8016H8.42528M6.51724 6.74875H11.4781M6.51724 12.8545H7.66206M15.5445 3.30074C14.6508 2.40625 13.2114 2.40625 10.3333 2.40625H8.80688C5.9288 2.40625 4.48938 2.40625 3.59566 3.30074C2.70117 4.19446 2.70117 5.63388 2.70117 8.51196V11.5648C2.70117 14.4429 2.70117 15.8823 3.59566 16.776C4.48938 17.6705 5.9288 17.6705 8.80688 17.6705H10.3333C13.2114 17.6705 14.6508 17.6705 15.5445 16.776C16.265 16.0563 16.4047 14.984 16.4322 13.0912' stroke='%235163BF' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.task-items .item .info .button-delete::before,
.accordion-items .item .info .button-delete::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0846 5H2.91797M15.6955 7.08333L15.3121 12.8333C15.1646 15.045 15.0913 16.1508 14.3705 16.825C13.6496 17.5 12.5405 17.5 10.3238 17.5H9.6788C7.46214 17.5 6.35297 17.5 5.63214 16.825C4.9113 16.1508 4.83714 15.045 4.69047 12.8333L4.30714 7.08333M7.91797 9.16667L8.33464 13.3333M12.0846 9.16667L11.668 13.3333' stroke='%238C949E' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M5.41797 5H5.50964C5.84501 4.99143 6.16999 4.88185 6.44207 4.68559C6.71416 4.48934 6.92068 4.21553 7.03463 3.9L7.06297 3.81417L7.1438 3.57167C7.21297 3.36417 7.24797 3.26083 7.2938 3.1725C7.38398 2.99949 7.51339 2.84999 7.6717 2.73597C7.83001 2.62194 8.0128 2.54655 8.20547 2.51583C8.30297 2.5 8.41213 2.5 8.63047 2.5H11.3721C11.5905 2.5 11.6996 2.5 11.7971 2.51583C11.9898 2.54655 12.1726 2.62194 12.3309 2.73597C12.4892 2.84999 12.6186 2.99949 12.7088 3.1725C12.7546 3.26083 12.7896 3.36417 12.8588 3.57167L12.9396 3.81417C13.0452 4.16523 13.2636 4.47167 13.561 4.68605C13.8584 4.90043 14.2182 5.01077 14.5846 5' stroke='%238C949E' stroke-width='1.25'/%3E%3C/svg%3E%0A");
}
.task-items .item .info .button-kakaotalk,
.accordion-items .item .info .button-kakaotalk {
  border: 1px solid rgba(55, 29, 30, 0.3);
}
.task-items .item .info .button-kakaotalk::before,
.accordion-items .item .info .button-kakaotalk::before {
  background-image: url(../images/icon-kakaotalk.svg);
}
.task-items .item .check-button,
.accordion-items .item .check-button {
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
  padding: 3px 7px;
  border-width: 1px;
  border-style: solid;
  border-radius: 50rem;
  width: 52px;
}
.task-items .item .check-button[data-status=unconfirmed],
.accordion-items .item .check-button[data-status=unconfirmed] {
  color: var(--Gray);
  border-color: var(--Gray);
  background-color: var(--UI_09_line);
}
.task-items .item .check-button[data-status=faulty],
.accordion-items .item .check-button[data-status=faulty] {
  color: var(--Red);
  border-color: var(--Red);
  background-color: #FFFCFD;
}
.task-items .item .check-button[data-status=ok],
.accordion-items .item .check-button[data-status=ok] {
  color: var(--Green);
  border-color: var(--Green);
  background-color: var(--Bg_01);
}

.task-items .item {
  padding: 1.5rem 1rem;
  border-top: 10px solid #f1f3f5;
  border-bottom: 0;
}

.photo-wrapper {
  flex-grow: 1;
  display: flex;
  overflow: hidden;
}
.photo-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.photo-delete {
  height: 112px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-delete .btn-photo-delete {
  padding: 0.5rem;
}

.address-box {
  background: var(--Sub_03);
  color: rgba(var(--UI_11), 1);
  border-radius: 4px;
  text-align: center;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
}
.address-box.address-box-lg {
  border-radius: 0;
  padding: 12px 20px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  font-weight: 500;
}
.modal-body .address-box.address-box-lg {
  margin: 0 -20px 0;
}

.allmenu-navebar {
  width: 100%;
  justify-content: space-between;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
}
.allmenu-navebar .btn-home {
  width: 1.5rem;
  height: 1.5rem;
  background-position: 0 0;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12.204C2 9.915 2 8.771 2.52 7.823C3.038 6.874 3.987 6.286 5.884 5.108L7.884 3.867C9.889 2.622 10.892 2 12 2C13.108 2 14.11 2.622 16.116 3.867L18.116 5.108C20.013 6.286 20.962 6.874 21.481 7.823C22 8.771 22 9.915 22 12.203V13.725C22 17.625 22 19.576 20.828 20.788C19.657 22 17.771 22 14 22H10C6.229 22 4.343 22 3.172 20.788C2 19.576 2 17.626 2 13.725V12.204Z' stroke='%2326282C' stroke-width='1.5'/%3E%3Cpath d='M12 15V18' stroke='%2326282C' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.allmenu-navebar .btn-close {
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 19L5 5M19 5L5 19' stroke='%2326282C' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  width: 1.5rem;
  height: 1.5rem;
  background-position: 0 0;
  background-size: contain;
}

.allmenu-welcome {
  width: 100%;
  padding: 12px 20px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.allmenu-welcome .message {
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
}

.allmenu {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding-top: 40px;
}
.allmenu .allmenu-inner {
  flex-grow: 1;
  padding: 0 20px;
}
.allmenu .allmenu-title {
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
  font-weight: 500;
  margin-bottom: 16px;
}
.allmenu .allmenu-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  padding-left: 12px;
  border-bottom: 1px solid var(--UI_09_line);
}
.allmenu .allmenu-list li {
  position: relative;
  padding-left: 11px;
}
.allmenu .allmenu-list li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--UI_03);
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
}
.allmenu .allmenu-list a {
  color: var(--UI_03);
}
.allmenu .copyright {
  flex-shrink: 0;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3846;
  color: var(--UI_04);
  padding: 40px 20px;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 40px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 40px);
}
.allmenu .copyright span {
  color: var(--UI_06);
}

.ani-message {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 1rem;
}
.ani-message .progress-lottie {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}
.ani-message .lottie {
  flex-shrink: 0;
}
.ani-message .balloon {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: rgba(var(--UI_11), 1);
  background-color: var(--Sub_07);
  border-radius: 8px;
  padding: 8px 16px;
  position: relative;
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  --svg: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.02937 8.79241C0.509357 8.3921 0.509357 7.6079 1.02936 7.20759L9.64 0.57912C10.2976 0.0729232 11.25 0.541685 11.25 1.37152L11.25 14.6285C11.25 15.4583 10.2976 15.9271 9.64001 15.4209L1.02937 8.79241Z' fill='currentColor'/%3E%3C/svg%3E%0A");
}
.ani-message .balloon::before {
  content: "";
  display: block;
  background-color: var(--UI_05);
  width: 12px;
  height: 16px;
  position: absolute;
  left: -9px;
  top: 50%;
  transform: translateY(-8px);
  -webkit-mask: var(--svg);
  mask: var(--svg);
}
.ani-message .balloon strong {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
}
.ani-message[data-step="1"] .balloon, .ani-message[data-step="5"] .balloon {
  background-color: #B2A2A9;
}
.ani-message[data-step="1"] .balloon::before, .ani-message[data-step="5"] .balloon::before {
  background-color: #B2A2A9;
}
.ani-message[data-step="2"] .balloon, .ani-message[data-step="4"] .balloon {
  background-color: var(--Sub_07);
}
.ani-message[data-step="2"] .balloon::before, .ani-message[data-step="4"] .balloon::before {
  background-color: var(--Sub_07);
}
.ani-message[data-step="3"] .balloon {
  background-color: var(--UI_05);
}
.ani-message[data-step="3"] .balloon::before {
  background-color: var(--UI_05);
}

.badge {
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
  font-weight: 400;
  padding: 2px 7px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
}

.badge-outline-green {
  color: var(--Green);
  background-color: var(--Bg_01);
}

.badge-outline-brown {
  color: var(--Sub_09);
  background-color: var(--Bg_02);
}

.badge-outline-gray {
  color: var(--Gray);
  background-color: var(--UI_10);
}

[data-status=actual-received] {
  border-color: #2F80ED;
  background-color: #2F80ED;
}

[data-status=temporary-received],
[data-status=temporary-complete] {
  border-color: #5163BF;
  background-color: #5163BF;
}

[data-status=upload-standby] {
  border-color: #5B6770;
  background-color: #5B6770;
}

[data-status=ok-faulty] {
  border-color: #D64A66;
  background-color: #D64A66;
}

[data-status=quality-faulty] {
  border-color: #D64A66;
  background-color: #D64A66;
}

[data-status=final-complete] {
  border-color: #000000;
  background-color: #000000;
}

[data-status=press] {
  color: var(--Red);
}

[data-status=urgent] {
  color: var(--Blue);
}

[data-status=weekend] {
  color: rgba(var(--UI_1), 1);
}

.board-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 24px;
}
.board-top .nav {
  flex-shrink: 0;
}
.board-top .input-group {
  flex-grow: 1;
}

.board-list ul {
  border-top: 1px solid var(--UI_07);
  margin-bottom: 2rem;
}
.board-list ul li {
  border-bottom: 1px solid var(--UI_09_line);
}
.board-list ul li a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 8px;
}
.board-list ul li.fixed a {
  background-color: var(--UI_10);
}
.board-list .title [class^=icon] {
  margin: 0 1px;
  transform: translateY(-1px);
}
.board-list .date {
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
  font-weight: 400;
  color: var(--UI_04);
}

.board-details-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--UI_07);
}
.board-details-header .title {
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
  font-weight: 500;
  color: #000;
}
.board-details-header .date {
  color: var(--UI_04);
  text-align: right;
}
.board-details-filearea {
  padding: 16px 8px;
  border-bottom: 1px solid var(--UI_09_line);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.board-details-filearea a {
  display: flex;
  gap: 4px;
}
.board-details-filearea a::before {
  content: "";
  display: block;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.50544 11.7745L10.3271 6.86513C10.4642 6.72819 10.5734 6.56284 10.648 6.37928C10.7227 6.19573 10.7612 5.99785 10.7612 5.79786C10.7612 5.59786 10.7227 5.39998 10.648 5.21643C10.5734 5.03287 10.4642 4.86752 10.3271 4.73058C10.0434 4.44672 9.66857 4.28867 9.27906 4.28867C8.88955 4.28867 8.51471 4.44672 8.231 4.73058L3.44356 9.60416C3.18308 9.86432 2.97549 10.1785 2.83358 10.5273C2.69167 10.8761 2.61846 11.2521 2.61846 11.6321C2.61846 12.0122 2.69167 12.3882 2.83358 12.737C2.97549 13.0857 3.18308 13.3999 3.44356 13.6601C4.54356 14.78 6.32678 14.78 7.42678 13.6601L12.2845 8.71498C13.9052 7.06402 13.9052 4.38869 12.2845 2.73773C10.6632 1.08742 8.03483 1.08742 6.41356 2.73773L2.5 6.72213' stroke='%23AAB0B8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  width: 16px;
  height: 16px;
  transform: translateY(2px);
}
.board-details-content {
  padding: 16px 8px;
  border-bottom: 1px solid var(--UI_09_line);
}

.box-description {
  margin: 0 -4px;
  background: var(--Sub_03);
  border-radius: 8px;
  padding: 1rem;
  color: rgba(var(--UI_11), 1);
}
.box-description th {
  color: var(--UI_08);
  font-weight: 400;
  padding: 0 0 4px;
  padding-right: 12px;
}
.box-description td {
  color: rgba(var(--UI_11), 1);
  font-weight: 700;
  padding: 0 0 4px;
}
.box-description tr:last-child th,
.box-description tr:last-child td {
  padding: 0;
}

.btn-allmenu {
  position: absolute;
  right: 1.5rem;
  top: 17px;
  line-height: 1;
}
.btn-allmenu a {
  display: block;
}
.btn-allmenu a svg {
  vertical-align: top;
}
.bg-transparent .btn-allmenu {
  color: #fff;
}

.btn {
  --bs-btn-border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  letter-spacing: -0.3px;
  flex-shrink: 0;
}
.btn.disabled, .btn[disabled] {
  background: var(--UI_09_line);
  border-color: var(--UI_09_line);
  color: var(--UI_06);
  opacity: 1;
}
.btn.expanded svg {
  transform: rotate(180deg);
}

.btn-sm {
  gap: 2px;
}

.btn-xs {
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
  font-weight: 400;
  gap: 2px;
  padding: 2px 8px;
  letter-spacing: -0.26px;
}
.btn-xs .icon-button-arrow {
  margin-right: -4px;
}

.btn-lg {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  font-weight: 500;
}

.btn-xl {
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
  font-weight: 700;
  padding: 17px 18px;
}
.sticky-bottom .btn-xl {
  flex: 1;
  padding-bottom: 17px;
}
@supports (-webkit-touch-callout: none) {
  .sticky-bottom .btn-xl {
    padding-bottom: calc(constant(safe-area-inset-bottom) + 1rem);
    padding-bottom: calc(env(safe-area-inset-bottom) + 1rem);
  }
}

.btn-outline-gray {
  border-color: var(--UI_07);
  background: rgba(var(--UI_11), 1);
}
.btn-outline-gray .disabled, .btn-outline-gray[disabled] {
  border-color: var(--UI_07);
  background-color: var(--UI_09_line);
  color: var(--UI_06);
}
.btn-outline-gray small {
  font-size: 15px;
  line-height: 1.46667;
  letter-spacing: -0.3px;
  font-weight: 400;
  color: var(--UI_06);
}

.category ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: var(--Green);
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  font-weight: 500;
}
.category ul li:not(:last-child)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.45043 13.052C5.18319 12.7869 5.18319 12.3506 5.45043 12.0856L9.24223 8.32438C9.42279 8.14528 9.42279 7.85472 9.24223 7.67562L5.45043 3.91444C5.18319 3.64936 5.18319 3.21306 5.45043 2.94798C5.71655 2.68401 6.15289 2.68401 6.41901 2.94798L10.2108 6.70915C10.5678 7.06322 10.75 7.53153 10.75 8C10.75 8.46846 10.5678 8.93678 10.2108 9.29085L6.41901 13.052C6.15289 13.316 5.71655 13.316 5.45043 13.052Z' fill='%23AAB0B8'/%3E%3C/svg%3E%0A");
}

.custom-table {
  display: flex;
  height: 100%;
  border-top: 1px solid var(--UI_07);
  border-bottom: 1px solid var(--UI_09_line);
}
.custom-table .table-col {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.custom-table .table-col[data-col-name=dong], .custom-table .table-col[data-col-name=line] {
  flex: 0 0 67px;
  border-right: 1px solid rgba(var(--UI_11), 1);
}
.custom-table .table-col[data-col-name=dong] .table-col-body, .custom-table .table-col[data-col-name=line] .table-col-body {
  background: var(--UI_10);
}
.custom-table .table-col[data-col-name=ho] {
  flex: 1;
}
.custom-table .table-col[data-col-name=ho] .item {
  flex: 0 0 auto;
  border-radius: 4px;
}
.custom-table .table-col-head {
  flex: 0 0 32px;
  background-color: var(--UI_09_line);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(var(--UI_11), 1);
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  font-weight: 700;
}
.custom-table .table-col-body {
  flex: 1;
  position: relative;
}
.custom-table .scroll-area {
  max-height: 100%;
  overflow-x: hidden;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 6px;
}
.custom-table .item {
  flex-shrink: 0;
  color: var(--UI_03);
  border: 1px solid var(--UI_09_line);
  background-color: rgba(var(--UI_11), 1);
  padding: 0 5px;
  border-radius: 10rem;
  text-align: center;
  height: 34px;
  line-height: 34px;
}
.custom-table .item.active {
  border-color: var(--Green);
  background-color: var(--Green);
  color: rgba(var(--UI_11), 1);
}
.custom-table .item.selected {
  border-color: var(--Green);
  color: var(--Green);
  background-color: var(--Bg_01);
}
.custom-table .item[data-task-status=scheduled] {
  background-color: var(--status-scheduled);
  border-color: var(--UI_08);
}
.custom-table .item[data-task-status=finish] {
  background-color: var(--status-finish);
  border-color: var(--status-finish);
}
.custom-table .item[data-task-status=finish] span {
  color: inherit;
}
.custom-table .item[data-task-status=uploaded] {
  background-color: var(--status-uploaded);
  border-color: var(--status-uploaded);
  color: rgba(var(--UI_11), 1);
}
.custom-table .item[data-task-status=uploaded] span {
  color: inherit;
}

.data-empty {
  display: flex;
  flex-direction: column;
}
.data-empty .inner {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.data-empty strong {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  font-weight: 500;
}
.data-empty p {
  color: var(--UI_05);
}
.data-empty i {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.33073 20.0052C3.33073 10.8002 10.7924 3.33854 19.9974 3.33854C29.2024 3.33854 36.6641 10.8002 36.6641 20.0052C36.6641 29.2102 29.2024 36.6719 19.9974 36.6719C10.7924 36.6719 3.33073 29.2102 3.33073 20.0052ZM19.9974 10.4219C19.6659 10.4219 19.3479 10.5536 19.1135 10.788C18.8791 11.0224 18.7474 11.3404 18.7474 11.6719L18.7474 21.6719C18.7474 22.0034 18.8791 22.3213 19.1135 22.5558C19.3479 22.7902 19.6659 22.9219 19.9974 22.9219C20.3289 22.9219 20.6469 22.7902 20.8813 22.5558C21.1157 22.3213 21.2474 22.0034 21.2474 21.6719L21.2474 11.6719C21.2474 10.9819 20.6874 10.4219 19.9974 10.4219ZM19.9974 28.3385C19.5554 28.3385 19.1314 28.1629 18.8189 27.8504C18.5063 27.5378 18.3307 27.1139 18.3307 26.6719C18.3307 26.2298 18.5063 25.8059 18.8189 25.4934C19.1314 25.1808 19.5554 25.0052 19.9974 25.0052C20.4394 25.0052 20.8633 25.1808 21.1759 25.4934C21.4885 25.8059 21.6641 26.2298 21.6641 26.6719C21.6641 27.1139 21.4885 27.5378 21.1759 27.8504C20.8633 28.1629 20.4394 28.3385 19.9974 28.3385Z' fill='%23DDE1E4'/%3E%3C/svg%3E%0A");
}

.ui-datepicker {
  padding: 1.25rem;
  min-width: 300px;
  box-shadow: var(--box-shadow);
}
.ui-datepicker.ui-widget-content {
  border-color: var(--UI_07);
}
.ui-datepicker table {
  margin-bottom: 0;
  font-size: 14px;
}
.ui-datepicker .ui-widget-header {
  background: transparent;
  border: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 1rem;
}
.ui-datepicker .ui-widget-header .ui-icon {
  display: none;
}
.ui-datepicker .ui-datepicker-title {
  line-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ui-datepicker th {
  font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  width: 32px;
  height: 32px;
  top: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.ui-datepicker .ui-datepicker-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.64853 11.6899C7.1799 12.1034 6.4201 12.1034 5.95147 11.6899L0.351473 6.7487C0.126429 6.55013 5.15612e-07 6.28082 5.40929e-07 6C5.66246e-07 5.71918 0.126429 5.44987 0.351473 5.2513L5.95147 0.310122C6.4201 -0.103375 7.1799 -0.103375 7.64853 0.310122C8.11716 0.723619 8.11716 1.39403 7.64853 1.80752L2.89706 6L7.64853 10.1925C8.11716 10.606 8.11716 11.2764 7.64853 11.6899Z' fill='black'/%3E%3C/svg%3E%0A");
}
.ui-datepicker .ui-datepicker-next {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.351472 11.6899C0.820101 12.1034 1.5799 12.1034 2.04853 11.6899L7.64853 6.7487C7.87357 6.55013 8 6.28082 8 6C8 5.71918 7.87357 5.44987 7.64853 5.2513L2.04853 0.310122C1.5799 -0.103375 0.8201 -0.103375 0.351471 0.310122C-0.117158 0.723619 -0.117158 1.39403 0.351471 1.80752L5.10294 6L0.351472 10.1925C-0.117157 10.606 -0.117157 11.2764 0.351472 11.6899Z' fill='black'/%3E%3C/svg%3E%0A");
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default {
  background: none;
  border: 0;
}
.readonly .ui-datepicker tbody td, .readonly .ui-datepicker tbody a {
  pointer-events: none !important;
}
.ui-datepicker tbody td {
  padding: 0;
}
.ui-datepicker tbody td > span,
.ui-datepicker tbody td > a {
  padding: 0;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
}
.ui-datepicker .ui-datepicker-month::after {
  content: "월";
}
.ui-datepicker .ui-datepicker-today a {
  position: relative;
  color: rgba(var(--UI_11));
}
.ui-datepicker .ui-datepicker-today a::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  z-index: -1;
  border-radius: 50%;
  background: var(--Sub_04);
  border: 1px solid var(--Sub_04);
}
.ui-datepicker .ui-datepicker-current-day a {
  position: relative;
  color: rgba(var(--UI_11));
}
.ui-datepicker .ui-datepicker-current-day a::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  z-index: -1;
  border-radius: 50%;
  background: var(--Green);
  border: 1px solid var(--Green);
}

.disabled-day {
  pointer-events: none;
}
.disabled-day a {
  pointer-events: none;
  opacity: 0.4;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.4;
}

.modal .ui-datepicker.ui-widget-content {
  border: 0;
  box-shadow: none;
  width: 100%;
  padding: 0;
}

.foot-description {
  background: var(--UI_10);
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.foot-description p {
  display: flex;
  color: var(--UI_03);
  font-size: 12px;
}
.foot-description p::before {
  content: "";
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 3px;
  background: var(--UI_05);
  margin-right: 4px;
  margin-top: 7px;
}

.form-check-input:checked {
  background-color: var(--Green);
  border-color: var(--Green);
}

.form-check {
  --bs-border-color: var(--UI_08);
  margin-bottom: 0;
  display: flex;
  gap: 10px;
  padding-left: 0;
  line-height: 1.46667;
}
.form-check .form-check-input {
  flex-shrink: 0;
  margin-left: 0;
}
.form-check .form-check-input:disabled {
  opacity: 1;
  border-color: var(--UI_08);
}

.form-check-input[type=radio] {
  width: 20px;
  height: 20px;
  font-size: 1.25rem;
  margin-top: 2px;
}
.form-check-input[type=radio]:checked {
  background-color: rgba(var(--UI_08), 1);
  --bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2.5' fill='%23144E4F'/></svg>");
}
.form-check-input[type=radio]:disabled {
  --bs-form-check-bg-image: none;
}
.form-check-input[type=radio]:disabled:checked {
  border-color: var(--Bg_01);
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23E7ECE9'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
  width: 20px;
  height: 20px;
  border-radius: 100rem;
  margin-top: 2px;
  background-size: 10px 8px;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66028 5.29672L1.60287 3.32295C1.42743 3.15464 1.20415 3.07049 0.933014 3.07049C0.661882 3.07049 0.438597 3.15464 0.263158 3.32295C0.0877195 3.49126 0 3.70547 0 3.96557C0 4.22568 0.0877195 4.43989 0.263158 4.6082L2.99043 7.22459C3.18182 7.4082 3.4051 7.5 3.66028 7.5C3.91547 7.5 4.13875 7.4082 4.33014 7.22459L9.73684 2.03771C9.91228 1.8694 10 1.65519 10 1.39508C10 1.13497 9.91228 0.920766 9.73684 0.75246C9.5614 0.584154 9.33811 0.5 9.06698 0.5C8.79585 0.5 8.57257 0.584154 8.39713 0.75246L3.66028 5.29672Z' fill='%23CDD1D4'/%3E%3C/svg%3E%0A");
}
.form-check-input[type=checkbox] + .form-check-label {
  font-size: 14px;
  line-height: 24px;
}
.form-check-input[type=checkbox]:checked {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66028 5.29672L1.60287 3.32295C1.42743 3.15464 1.20415 3.07049 0.933014 3.07049C0.661882 3.07049 0.438597 3.15464 0.263158 3.32295C0.0877195 3.49126 0 3.70547 0 3.96557C0 4.22568 0.0877195 4.43989 0.263158 4.6082L2.99043 7.22459C3.18182 7.4082 3.4051 7.5 3.66028 7.5C3.91547 7.5 4.13875 7.4082 4.33014 7.22459L9.73684 2.03771C9.91228 1.8694 10 1.65519 10 1.39508C10 1.13497 9.91228 0.920766 9.73684 0.75246C9.5614 0.584154 9.33811 0.5 9.06698 0.5C8.79585 0.5 8.57257 0.584154 8.39713 0.75246L3.66028 5.29672Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") !important;
}
.form-check-input[type=checkbox]:disabled {
  --bs-form-check-bg-image: none;
}
.form-check-input[type=checkbox]:disabled:checked {
  background-color: var(--Bg_01);
  border-color: var(--Bg_01);
}

.form-check-label {
  font-size: 1rem;
  color: rgba(var(--body-color), 1);
  /* span{
    color: var(--STATE);
  } */
}

.form-check-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-check-list .item {
  padding: 8px 0;
}

.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  width: 42px;
  height: 24px;
  margin-top: 0;
  border: 0;
  background-size: 18px 18px;
  background-position: 3px center;
  background-color: var(--UI_07);
}
.form-switch .form-check-input:checked {
  background-position: right 3px center;
  background-color: var(--Green);
}

.form-control {
  box-shadow: none !important;
}
.form-control::-moz-placeholder {
  color: var(--UI_06);
}
.form-control::placeholder {
  color: var(--UI_06);
}
.form-control.invalid {
  border-color: var(--Red);
}
.form-control[disabled] {
  color: var(--UI_06);
}
.form-control[readonly] {
  background-color: var(--UI_09_line);
}
.form-control[readonly]:focus {
  border-color: var(--UI_09_line) !important;
}
.form-control[data-picker=date] {
  background-image: url("../images/icon-calendar.svg");
  background-repeat: no-repeat;
  padding-right: 42px;
}
.form-control[data-picker=date].form-control-sm {
  background-position: right 9px top 50%;
  background-size: 16px auto;
  width: 140px;
  padding-right: 36px;
}

textarea.form-control {
  font-size: 15px;
  line-height: 1.46667;
  letter-spacing: -0.3px;
  border: 1px solid var(--UI_08);
  padding: 11px 15px;
  width: 100%;
  border-radius: 4px;
  resize: none;
}
textarea.form-control:focus {
  border-color: var(--Green);
  outline: 0;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.form-select {
  text-align: left;
}

.form-select-sm {
  padding-right: 35px;
  background-position: right 11px center;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.form-group .photos {
  display: flex;
  gap: 12px;
}
.form-group .photos .item {
  flex: 1;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid var(--UI_08);
  position: relative;
}
.form-group .photos .upload-button {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='19' y='7' width='2' height='26' rx='1' fill='%23DDE1E4'/%3E%3Crect x='33' y='19' width='2' height='26' rx='1' transform='rotate(90 33 19)' fill='%23DDE1E4'/%3E%3C/svg%3E%0A");
}
.form-group .photos .upload-button img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-group .photos .delete-button {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23E8E8E8'/%3E%3Cpath opacity='0.8' d='M13.7374 12.4349L11.2948 9.99504L13.7413 7.5512C14.0909 7.19415 14.0829 6.62286 13.7334 6.26977L13.7255 6.26184C13.368 5.91272 12.808 5.91272 12.4466 6.26184L10 8.70568L7.5574 6.26977C7.19995 5.91272 6.62008 5.91272 6.2666 6.26977C5.91312 6.62683 5.90915 7.20605 6.2666 7.55914L8.7092 9.99901L6.26263 12.4428C6.09185 12.6174 5.99653 12.8475 6.0005 13.0935C6.0005 13.3315 6.09979 13.5576 6.2666 13.7282L6.27455 13.7362C6.632 14.0853 7.19201 14.0853 7.55343 13.7362L10 11.2923L12.4426 13.7322C12.8 14.0893 13.3799 14.0893 13.7334 13.7322C14.0869 13.3752 14.0909 12.7959 13.7334 12.4428L13.7374 12.4349Z' fill='%239DA4AA'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  background-size: contain;
}

.form-text {
  display: flex;
  gap: 4px;
  color: var(--UI_05);
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
  font-weight: 400;
}
.form-text i {
  flex-shrink: 0;
}

.invalid-feedback {
  line-height: 1.38426;
}
.invalid-feedback i {
  margin-right: 4px;
  transform: translateY(-1px);
}

.form-inline {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-inline .col-form-label {
  min-width: var(--label-width);
}

.guide-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.guide-text li {
  text-align: left;
  position: relative;
  padding-left: 11px;
  color: var(--UI_03);
}
.guide-text li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 3px;
  height: 3px;
  background: var(--UI_03);
  border-radius: 50%;
}

.input-group {
  position: relative;
}
.input-group:focus-within .form-control {
  border-color: var(--Green);
}
.input-group .form-control {
  border-radius: var(--bs-border-radius) !important;
}
.input-group .form-control:focus {
  z-index: initial;
}
.input-group .icon-button {
  position: absolute;
  right: 1px;
  top: 1px;
  padding: 0 15px;
  height: calc(100% - 2px);
  line-height: 1;
  border: 0;
  color: var(--UI_04);
  background-color: var(--bs-body-bg);
  border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.input-group .form-control-sm + .icon-button {
  padding: 0 0.6875rem;
}

.form-label {
  display: flex;
  gap: 4px;
  margin-left: 4px;
}
.form-label span {
  flex: 0 0 auto;
}
.form-label strong {
  font-weight: 500;
  color: var(--ERROR);
}

.list {
  max-height: 35vh;
  overflow: auto;
}
.list a {
  display: block;
  padding: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  transition: background 0.15s;
}
.list a.selected {
  background: var(--Bg_01);
  color: var(--Green);
}

.alert-title {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.5rem;
}

.alert-message {
  text-align: center;
  margin-bottom: 2rem;
  color: var(--UI_04);
}

.alert {
  --bs-modal-padding: 1.875rem 1rem;
}
.alert .modal-content {
  max-width: 312px;
  margin: 0 auto;
  border: 0;
}
.alert .modal-body {
  padding-bottom: 2rem !important;
}
.alert .btn {
  --bs-btn-padding-y: 13px;
  --bs-btn-font-size: .875rem;
  --bs-btn-line-height: 1.42857;
  --bs-btn-font-weight: 700;
}

.modal-backdrop + .modal-backdrop {
  --bs-backdrop-zindex: 1056;
}
.modal-backdrop + .modal-backdrop + .modal-backdrop {
  --bs-backdrop-zindex: 1058;
}

.modal {
  --bs-modal-header-padding: 1rem 1.5rem;
  --bs-modal-width: 100%;
  --bs-modal-padding: 1.875rem 1.5rem;
  --bs-modal-inner-border-radius: .5rem;
  --bs-modal-border-width: 0;
  --bs-modal-footer-border-width: 0;
  --bs-modal-margin: 1rem;
  overflow: hidden;
}
.modal.second {
  --bs-modal-zindex: 1057;
}
.modal.third {
  --bs-modal-zindex: 1059;
}

.modal-header .btn-close {
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 19L5 5M19 5L5 19' stroke='%2326282C' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  margin: 0;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  background-position: 0 0;
  background-size: contain;
}

.modal-title {
  flex-grow: 1;
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
  font-weight: 500;
}
.modal-title.text-center {
  margin-left: 24px;
}

.modal-body {
  /* overscroll-behavior: none;
  -webkit-overflow-scrolling: touch; */
}

.modal-footer {
  width: 100%;
  display: block;
  border-radius: 0 0 var(--bs-modal-inner-border-radius) var(--bs-modal-inner-border-radius);
  overflow: hidden;
}
.modal-footer > * {
  margin: 0 0 -1px 0;
}
.modal-footer .today-hide {
  color: var(--UI_04);
}
.modal-footer.py-3 {
  padding-bottom: 1rem !important;
}

@supports (-webkit-touch-callout: none) {
  .modal-footer.py-3 {
    padding-bottom: calc(constant(safe-area-inset-bottom) + 1rem) !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 1rem) !important;
  }
}

.modal-fullscreen {
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-padding: 1.5rem 1.25rem 2.5rem;
}
.modal-fullscreen .modal-header {
  padding-top: calc(constant(safe-area-inset-top) + 1rem);
  padding-top: calc(env(safe-area-inset-top) + 1rem);
}
.modal-fullscreen .modal-title {
  font-weight: 700;
}
.modal-fullscreen .modal-body {
  flex-grow: 1;
}
.modal-fullscreen .modal-footer .sticky-bottom {
  border-radius: 0;
}

.modal:not(.has-modal-footer) .modal-body {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 2rem);
  padding-bottom: calc(env(safe-area-inset-bottom) + 2rem);
}

.modal-simple-message {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  font-weight: 400;
  color: var(--UI_04);
  text-align: center;
}

[data-effect=slideup].fade:not(.show) .modal-dialog {
  transform: translate(0, 100%);
}
[data-effect=slideup] .modal-dialog {
  margin: 0;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  transition-duration: 1s;
}
[data-effect=slideup] .modal-dialog:not(.modal-fullscreen) .modal-content {
  border-radius: 8px 8px 0 0;
  border: 0;
}
[data-effect=slideup] .modal-fullscreen .modal-content {
  height: calc(100% - 56px - constant(safe-area-inset-top));
  height: calc(100% - 56px - env(safe-area-inset-top));
  margin-top: calc(56px + constant(safe-area-inset-top));
  margin-top: calc(56px + env(safe-area-inset-top));
  border-radius: 24px 24px 0 0;
}
[data-effect=slideup] .modal-footer {
  border-radius: 0;
}
[data-effect=slideup] .modal-footer .sticky-bottom {
  border-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: .6875rem;
  --bs-nav-link-padding-y: .4375rem;
  --bs-nav-link-color: var(--UI_05);
  --bs-nav-pills-link-active-color: rgba(var(--UI_11), 1);
  --bs-nav-pills-link-active-bg: var(--Green);
  gap: 4px;
  flex-wrap: nowrap;
}
.nav .nav-item {
  flex-shrink: 0;
}

.nav-link {
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  font-weight: 700;
}
.nav-link:not(.active):hover, .nav-link:not(.active):focus {
  color: var(--bs-nav-link-color);
}

.nav-pills .nav-link {
  border-radius: 50rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--UI_09_line);
  min-width: 64px;
  text-align: center;
  transition: none;
}
.nav-pills .nav-link:not(.active) {
  background-color: var(--UI_10);
}
.nav-pills .nav-link.active {
  border-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  gap: 24px;
  margin-bottom: 1rem;
}
.nav-underline .nav-link {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  font-weight: 700;
  color: var(--UI_07);
  padding: 0;
  border-bottom: 1px solid currentColor;
}
.nav-underline .nav-link.active {
  --bs-nav-underline-link-active-color: var(--Green);
}

.navbar {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.navbar .btn-history-back {
  flex-shrink: 0;
}
.navbar .page-title {
  flex: 1;
}

.page-title {
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
  font-weight: 700;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.page-title span {
  margin-left: 8px;
  font-size: 15px;
  line-height: 1.46667;
  letter-spacing: -0.3px;
  font-weight: 400;
  color: var(--UI_05);
}

.offcanvas {
  --bs-offcanvas-border-width: 0;
  --bs-offcanvas-width: 100vw;
  --bs-offcanvas-zindex: 1030;
  --bs-offcanvas-transition: transform 0.4s ease-in-out;
}

.offcanvas-backdrop {
  z-index: 1029;
}

.offcanvas-header {
  flex-shrink: 0;
  flex-direction: column;
  padding: 0;
  align-items: flex-start;
  box-shadow: var(--box-shadow);
  padding-top: calc(constant(safe-area-inset-top));
  padding-top: calc(env(safe-area-inset-top));
}

.offcanvas-body {
  padding: 0;
}

.outstanding-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 1rem;
}
.outstanding-list .item {
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
}
.outstanding-list .item a {
  display: block;
  position: relative;
  border: 1px solid var(--UI_08);
  border-radius: 8px;
  overflow: hidden;
  padding: 1rem calc(1rem + 30px) 1rem 1rem;
}
.outstanding-list .item a::after {
  content: "";
  width: 30px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 8px 8px 0;
  border-left: 1px solid var(--UI_08);
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--UI_10);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.75509 17.236C6.41497 16.8826 6.41497 16.3009 6.75509 15.9474L11.581 10.9325C11.8108 10.6937 11.8108 10.3063 11.581 10.0675L6.75509 5.05259C6.41497 4.69914 6.41497 4.11742 6.75509 3.76397C7.09379 3.41201 7.64913 3.41201 7.98783 3.76397L12.8138 8.77887C13.2681 9.25096 13.5 9.87538 13.5 10.5C13.5 11.1246 13.2681 11.749 12.8138 12.2211L7.98783 17.236C7.64913 17.588 7.09379 17.588 6.75509 17.236Z' fill='%23AAB0B8'/%3E%3C/svg%3E%0A");
}
.outstanding-list .info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 12px;
}
.outstanding-list .info > div ~ div::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 12px;
  background: var(--UI_07);
  margin: 0 8px;
}
.outstanding-list .info .address {
  font-weight: 700;
}
.outstanding-list .info .date {
  color: var(--UI_05);
}
.outstanding-list .info .day {
  color: var(--Red);
}
.outstanding-list .title {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--UI_09_line);
  font-weight: 500;
}
.outstanding-list .content {
  margin-top: 4px;
  color: var(--UI_04);
  display: block;
  display: -webkit-box;
  font-size: 14px;
  line-height: 1.42857;
  max-height: 5.71428em;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.outstanding-list .content p:not(:first-of-type) {
  display: none;
}

.pagination {
  margin-top: 0.75rem;
}
@media (min-width: 992px) {
  .pagination {
    margin-top: 1.5rem;
  }
}
.pagination .material-icons {
  font-size: 17px;
  vertical-align: middle;
  margin-left: -4px;
  margin-right: -4px;
}

.popover {
  max-width: 100%;
  --bs-popover-bg: #505C65;
  --bs-popover-border-color: #505C65;
  --bs-popover-body-color: #fff;
  background: none;
  border: 0;
  padding: 0 24px;
}

.popover-inner {
  padding: 16px 24px;
  font-size: 14px;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover-inner .popover-body {
  padding: 0;
  text-align: center;
}
.popover-inner .popover-close {
  margin-top: 8px;
  text-align: center;
}
.popover-inner .popover-close span {
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline !important;
  color: #fff !important;
}

.progress-lottie {
  display: block;
  width: 84px;
  height: 84px;
  position: relative;
}
.progress-lottie.section3::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/icon-flowerpot.svg) no-repeat 0 0;
  background-size: contain;
}
.progress-lottie.section3 .progress-section3-1 {
  width: 58.3333%;
  height: 58.3333%;
  transform: rotate(165deg) scaleY(-1);
  position: absolute;
  bottom: 19.0476%;
  left: 9.5238%;
}
.progress-lottie.section3 .progress-section3-2 {
  width: 80.95238%;
  height: 80.95238%;
  position: absolute;
  bottom: 19.0476%;
  right: 1.1904%;
}

.progress {
  background: rgba(var(--UI_11), 1);
  border-radius: 50rem;
  height: 16px;
  position: relative;
  overflow: visible;
}
.progress::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--UI_08);
  border-radius: 50rem;
}

.progress-bar {
  background: #B1CBDD;
  border-radius: 50rem;
  overflow: visible;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.sign-for-agree {
  border: 1px solid var(--UI_09_line);
  background: var(--UI_10);
  border-radius: 4px;
  min-height: 120px;
  position: relative;
}
.sign-for-agree::before {
  display: block;
  content: var(--content);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  text-align: center;
  color: var(--UI_06);
  font-size: 15px;
  line-height: 1.46667;
  letter-spacing: -0.3px;
  font-weight: 500;
}

.site-items {
  flex-grow: 1;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.site-items-header {
  flex-shrink: 0;
}
.site-items-header .table-top {
  padding-bottom: 8px;
}

.site-items-body {
  flex: 1;
  padding: 0 16px 20px;
}

.site-items-footer {
  flex-shrink: 0;
  background: var(--Gray);
  color: rgba(var(--UI_11), 1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
<<<<<<< HEAD
  padding-bottom: 1rem;
=======
  padding-bottom: 16px;
>>>>>>> branch 'feature/partners-new' of http://gitlab.prugiocs.com/prugiopartner/PFront.git
}
@supports (-webkit-touch-callout: none) {
  .site-items-footer {
    padding-bottom: calc(constant(safe-area-inset-bottom) + 1rem);
    padding-bottom: calc(env(safe-area-inset-bottom) + 1rem);
  }
}
.site-items-footer .btn {
  padding: 8px 11px;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.46667;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.site-items-footer .tooltip {
  left: -12px;
  top: -86px;
}

.item-all-select .badge-outline-gray {
  border-color: var(--UI_07);
}
.item-all-select .badge-outline-gray.selected {
  border-color: var(--Green);
  color: var(--Green);
  background-color: var(--Bg_01);
}

.site-item-legend {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
}
.site-item-legend dd + dt {
  margin-left: 2px;
}
.site-item-legend i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
}
.site-item-legend i.status-scheduled {
  background-color: var(--UI_09_line);
  border-color: var(--UI_08);
}
.site-item-legend i.status-finish {
  background-color: var(--status-finish);
  border-color: var(--status-finish);
}
.site-item-legend i.status-uploaded {
  background-color: var(--status-uploaded);
  border-color: var(--status-uploaded);
}

.site-item-count-legend {
  flex: 0 0 100%;
  background: var(--UI_10);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 3px 8px;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
  font-weight: 400;
}
.site-item-count-legend .legend-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    position: relative;
}

.site-item-count-legend .legend-item::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 50%;
    background-color: #e1e1e1;
}

.site-item-count-legend .legend-item:last-child::after {
    display: none;
}

.site-item-count-legend dt {
  font-weight: 400;
}
.site-item-count-legend dt:not(:first-of-type) {
  margin-left: 12px;
}
.site-item-count-legend dd {
  margin-left: 3px;
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  font-weight: 500;
}

.status-unconfirmed {
  color: var(--status-unconfirmed);
}

.status-faulty {
  color: var(--status-faulty);
}

.status-ok {
  color: var(--status-ok);
}

.status-temporary-received {
  color: var(--status-temporary-received);
}

.status-actual-received {
  color: var(--status-actual-received);
}

.site {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  box-shadow: var(--box-shadow);
  background: rgba(var(--UI_11), 1);
  z-index: 99;
  position: sticky;
  top: 56px;
  top: calc(constant(safe-area-inset-top) + 56px);
  top: calc(env(safe-area-inset-top) + 56px);
  width: 100%;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.site::-webkit-scrollbar {
  display: none;
}
.site::before {
  content: "";
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0;
  top: -10px;
  background: rgba(var(--UI_11), 1);
}
.site .form-select {
  text-align: left;
}
.site .nav .nav-item:last-of-type .nav-link {
  margin-right: 1rem;
}

.site-search-result a {
  display: block;
  padding: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  font-weight: 400;
}

.table-fixed {
  table-layout: fixed;
}

.table {
  font-size: 0.875rem;
  border-top: 1px solid var(--UI_07);
  margin-bottom: 0;
}
.table th {
  background: var(--UI_10);
  font-weight: 500;
  color: var(--UI_03);
  word-break: keep-all;
}

.table-top {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 16px 12px;
}
.table-top .item-count strong {
  color: var(--Green);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  font-weight: 500;
}

.terms {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.terms .title {
  font-size: 15px;
  line-height: 1.46667;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.terms .subtitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57143;
  color: rgba(var(--UI_01), 1);
  margin-top: 1rem;
}
.terms .content {
  color: var(--UI_03);
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.terms .content .sub {
  padding-left: 8px;
  margin-top: 8px;
  color: var(--UI_04);
}
.terms .point {
  color: var(--Blue);
  text-align: center;
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  font-weight: 700;
}
.terms .light {
  color: var(--UI_06);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  word-break: keep-all;
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
}
.terms .date {
  color: var(--UI_04);
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
}

.terms-top {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.terms-top .title {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  font-weight: 500;
}
.terms-top .content {
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  font-weight: 400;
  color: var(--UI_04);
}

.check-for-agree {
  border-top: 10px solid #F1F3F5;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-top: 2.5rem;
  padding: 2.5rem 1.25rem 0;
}
.check-for-agree .form-check-input[type=checkbox] {
  width: 24px;
  height: 24px;
  margin-top: 1px;
  background-size: 14px 14px;
}
.check-for-agree .form-check-input[type=checkbox] + .form-check-label {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
.check-for-agree p {
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  margin-top: 8px;
}

.toast {
  text-align: center;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 14px;
  background: rgba(var(--UI_01), 0.8);
  position: fixed;
  top: 66px;
  left: 1.25rem;
  right: 1.25rem;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
}
.toast p {
  color: rgba(var(--UI_08), 1);
}
.toast.is-active {
  animation: fade-in var(--toast-duration) ease-in-out forwards, fade-in var(--toast-duration) ease-in-out reverse forwards var(--toast-persistance);
}

@keyframes fade-in {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
.tooltip {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  position: absolute;
  z-index: 10;
  background: rgba(var(--UI_01), 1);
  border-radius: 50rem;
  padding: 7px 16px;
}
.tooltip::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='23' viewBox='0 0 32 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5593 21.0589C16.7587 22.0555 15.2414 22.0555 14.4408 21.0589L4.75623 9.0025C3.70484 7.69362 4.63661 5.75 6.31547 5.75L25.6845 5.75C27.3634 5.75 28.2952 7.69361 27.2438 9.0025L17.5593 21.0589Z' fill='black'/%3E%3C/svg%3E%0A");
  width: 32px;
  height: 23px;
  position: absolute;
  left: 17px;
  bottom: -9px;
}
.tooltip .tooltip-message {
  color: rgba(var(--UI_11), 1);
  white-space: nowrap;
  text-align: center;
  width: 170px;
}
.tooltip .tooltip-close::before {
  content: "";
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4L4 16' stroke='%238C949E' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M4 4L16 16' stroke='%238C949E' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
}

html,
body {
  min-height: 100vh;
}

.layout-wrap {
  max-width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding-top: 56px;
  padding-top: calc(constant(safe-area-inset-top) + 56px);
  padding-top: calc(env(safe-area-inset-top) + 56px);
}

.container,
.container-fluid {
  --bs-gutter-x: 2.5rem;
}

.row > * {
  min-width: 0;
}

.layout-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-left: 1rem;
  padding-right: 1rem;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(var(--UI_11), 1);
  z-index: 99;
  min-height: 56px;
  min-height: calc(constant(safe-area-inset-top) + 56px);
  min-height: calc(env(safe-area-inset-top) + 56px);
  padding-top: calc(constant(safe-area-inset-top));
  padding-top: calc(env(safe-area-inset-top));
}
.layout-header button {
  flex-shrink: 0;
}
html.scrolled .layout-header {
  box-shadow: var(--box-shadow);
}

.header-logo {
  background: url(../images/logo.svg) no-repeat 0 0;
  width: 200px;
  height: 24px;
  font-size: 0;
  color: transparent;
}

.header-util {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.header-util .new {
  position: relative;
}
.header-util .new::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--Red);
  position: absolute;
  right: 1px;
  top: 1px;
}

.network-connect[data-state=true] {
  width: 24px;
  height: 24px;
  background: url(../images/icon-online.svg) no-repeat 0 0;
}
.network-connect[data-state=false] {
  width: 24px;
  height: 24px;
  background: url(../images/icon-offline.svg) no-repeat 0 0;
}

.layout-content {
  flex-grow: 1;
  padding-bottom: 2.5rem;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 2.5rem);
  padding-bottom: calc(env(safe-area-inset-bottom) + 2.5rem);
}
.layout-content.justify-content-between {
  gap: 40px;
}
.layout-content.bottom-notch {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 2.5rem);
  padding-bottom: calc(env(safe-area-inset-bottom) + 2.5rem);
}

.layout-footer {
  flex-shrink: 0;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

.scroll-area {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll-area::-webkit-scrollbar {
  display: none;
}

.top-description {
  background: var(--UI_10);
  padding: 1.25rem;
}
.top-description p {
  color: var(--UI_04);
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
}

.watermark {
  position: absolute;
  top: 0;
  left: 0;
  width: 140%;
  height: 100%;
  display: flex;
  gap: 6em;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  pointer-events: none;
}
.watermark > span {
  white-space: nowrap;
  color: var(--UI_04);
  opacity: 0.35;
  font-size: 1.3em;
  font-weight: 400;
  transform: rotate(-45deg);
}
.photos .watermark {
  gap: 3em;
}
.photos .watermark > span {
  font-size: 1em;
}

.site-list {
  padding: 1.25rem 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.site-list .site-list-toggler {
  width: 100%;
  text-align: left;
  padding: 16px 19px;
  border-radius: 8px;
  border: 1px solid var(--UI_08);
  background: rgba(var(--UI_11), 1);
  position: relative;
}
.site-list .site-list-toggler::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.26397 6.7551C3.61741 6.41497 4.19914 6.41497 4.55259 6.7551L9.56749 11.581C9.80629 11.8108 10.1937 11.8108 10.4325 11.581L15.4474 6.7551C15.8009 6.41497 16.3826 6.41497 16.736 6.7551C17.088 7.09379 17.088 7.64913 16.736 7.98783L11.7211 12.8138C11.249 13.2681 10.6246 13.5 10 13.5C9.37538 13.5 8.75096 13.2681 8.27887 12.8138L3.26397 7.98783C2.91201 7.64913 2.91201 7.09379 3.26397 6.7551Z' fill='%23AAB0B8'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 18px;
}
.site-list .site-name {
  margin-bottom: 12px;
  padding-right: 28px;
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
  font-weight: 500;
}
.site-list .site-info {
  display: flex;
  flex-wrap: wrap;
  color: var(--UI_04);
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
}
.site-list .site-info span + span::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background: var(--UI_07);
  vertical-align: middle;
  margin: 0 8px 0 0;
}
.site-list .site-function {
  display: none;
}
.site-list .site-function .buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  background: var(--Bg_01);
  border-radius: 0 0 8px 8px;
  padding: 36px 19px 19px;
  margin-top: -17px;
}
.site-list .item.active .site-list-toggler::after {
  transform: rotate(180deg);
}
.site-list .item.active .site-function {
  display: block;
}

.movein-current-status {
  height: calc(100vh - 56px);
  display: flex;
}
.movein-current-status .side {
  flex: 0 0 70px;
  height: 100%;
  position: relative;
  background: var(--UI_09_line);
}
.movein-current-status .side .scroll-area {
  max-height: 100%;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 8px;
  padding-bottom: 16px;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 16px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.movein-current-status .side .item {
  flex-shrink: 0;
  color: var(--UI_03);
  border: 1px solid var(--UI_09_line);
  background-color: rgba(var(--UI_11), 1);
  padding: 0 5px;
  border-radius: 10rem;
  text-align: center;
  width: 54px;
  height: 34px;
  line-height: 34px;
}
.movein-current-status .side .item.active {
  border-color: var(--Green);
  background-color: var(--Green);
  color: rgba(var(--UI_11), 1);
}
.movein-current-status .status {
  width: calc(100% - 70px);
  height: 100%;
  height: calc(100% - constant(safe-area-inset-bottom));
  height: calc(100% - env(safe-area-inset-bottom));
  flex: 0 0 auto;
  padding: 16px 8px 0;
  display: flex;
  flex-direction: column;
}

.status-summary {
  flex-shrink: 0;
  margin-bottom: 24px;
}
.status-summary .household-sum {
  background: var(--Green);
  border-radius: 8px 8px 0 0;
  color: rgba(var(--UI_11), 1);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  margin-bottom: 1px;
}
.status-summary .household-sum strong {
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
  font-weight: 500;
}
.status-summary .status-item {
  flex: 0 0 24%;
  text-align: center;
}
.status-summary .status-item dt {
  background: var(--Sub_08);
  color: var(--Green);
  padding: 6px 0;
  margin-right: 1px;
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  font-weight: 400;
  white-space: nowrap;
}
.status-summary .status-item dd {
  padding: 5px 0 6px;
  border: 1px solid var(--UI_09_line);
  border-left: 0;
  display: flex;
  flex-direction: column;
}
.status-summary .status-item dd strong {
  color: var(--Green);
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.4px;
  font-weight: 700;
}
.status-summary .status-item dd strong a {
  display: block;
}
.status-summary .status-item dd small {
  color: var(--UI_04);
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
}
.status-summary .status-item:first-of-type dd {
  border-left: 1px solid var(--UI_09_line);
}
.status-summary .status-item:last-of-type dt {
  margin-right: 0;
}

.status-before-select {
  flex-grow: 1;
  height: 100%;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-before-select p {
  text-align: center;
  word-break: keep-all;
  color: var(--UI_04);
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
}

.status-table {
  flex-grow: 1;
  overflow: hidden;
  margin: 0 -8px 0 0;
}
.status-table .scroll-area {
  display: flex;
  height: 100%;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1.5rem;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 1.5rem);
  padding-bottom: calc(env(safe-area-inset-bottom) + 1.5rem);
  margin-right:7px;
}
.status-table .scroll-area::after {
  content: "";
  width: 8px;
  height: 100%;
  display: inline-block;
  background: #fff;
  flex-shrink: 0;
}
.status-table .table {
  border-top: 0;
}
.status-table .table .fix {
  position: sticky;
  left: 0;
  z-index: 2;
}
.status-table .table th,
.status-table .table td {
  padding: 0;
  border: 1px solid rgba(var(--UI_11), 1);
  border-top: 0;
  text-align: center;
}
.status-table .table th > div,
.status-table .table td > div {
  min-width: 56px;
  height: 36px;
  line-height: 34px;
}
.status-table .table th > div[data-status=unsold],
.status-table .table td > div[data-status=unsold] {
  background: #EBEEF0;
  border-color: #EBEEF0;
  color: var(--Sub_03);
}
.status-table .table th > div[data-status=key],
.status-table .table td > div[data-status=key] {
  background: #F4F0E8;
  border-color: #F4F0E8;
  color: var(--Sub_09);
}
.status-table .table th > div[data-status=notin],
.status-table .table td > div[data-status=notin] {
  background: var(--Bg_01);
  border-color: var(--Bg_01);
  color: var(--Green);
  min-width:65px;
}
.status-table .table th {
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  font-weight: 500;
  color: var(--UI_03);
}
.status-table .table thead th {
  background: var(--UI_10);
  position: sticky;
  top: 0;
  z-index: 1;
  border: 0;
}
.status-table .table thead th > div {
  border-right: 1px solid rgba(var(--UI_11), 1);
  border-bottom: 1px solid rgba(var(--UI_11), 1);
}
.status-table .table thead th > div::before {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--UI_07);
  position: absolute;
  left: 0;
  top: 0;
}
.status-table .table thead th:last-of-type > div {
  border-right: 0;
}
.status-table .table tbody th {
  position: sticky;
  left: 0;
  border-left: 0;
}
.status-table .table tbody td > div {
  border: 1px solid var(--UI_09_line);
}
.status-table .table tr:first-child th:last-of-type,
.status-table .table tr td:last-of-type {
  border-right: 0;
}

.as-site {
  flex-grow: 1;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
}

.as-site-display {
  flex-shrink: 0;
  margin: 0 1rem;
  display: flex;
  border-radius: 4px;
  gap: 1px;
  overflow: hidden;
}
.as-site-display a {
  flex: 1;
  padding: 6px 8px;
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: var(--UI_07);
}
.as-site-display a span {
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
  font-weight: 500;
  color: var(--Sub_03);
}
.as-site-display a strong {
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
  font-weight: 700;
  color: rgba(var(--UI_11), 1);
}

.as-history-list {
  margin: 0 -1.25rem;
  border-bottom: 10px solid #F1F3F5;
}
.as-history-list ul {
  padding: 1rem 1.25rem 1rem 2.25rem;
  background: var(--UI_10);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.as-history-list li {
  list-style-type: decimal;
}
.as-history-list li p {
  color: var(--UI_04);
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
}
.as-history-list li p::before {
  content: "ㄴ";
}
.as-history-list .ok-text {
  color: var(--Red);
  text-align: center;
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  font-weight: 500;
  padding: 1rem 1rem 2.5rem;
}

.faulty-application-info {
  padding: 20px 0 24px;
}
.faulty-application-info dl {
  display: flex;
  flex-wrap: wrap;
}
.faulty-application-info dl dt {
  flex: 0 0 60px;
  font-weight: 400;
  white-space: nowrap;
}
.faulty-application-info dl dd {
  flex: 1 1 calc(100% - 60px);
  color: var(--UI_04);
  display: flex;
  gap: 0 6px;
  flex-wrap: wrap;
  position: relative;
  padding-left: 17px;
}
.faulty-application-info dl dd::before {
  content: "";
  width: 1px;
  height: 16px;
  background: #D9D9D9;
  position: absolute;
  left: 8px;
  top: 3px;
}
.faulty-application-info dl dd a {
  color: var(--Blue);
}

.location-list {
  max-height: 35vh;
  overflow: auto;
}
.location-list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.location-list button {
  border: 1px solid var(--UI_09_line);
  border-radius: 50rem;
  padding: 5px 9px;
  color: var(--UI_03);
  text-align: center;
  width: 100%;
}
.location-list button.active {
  background-color: var(--Green);
  color: rgba(var(--UI_11), 1);
}

.photo-full {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-full img {
  -o-object-fit: contain;
     object-fit: contain;
}

.profile {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: center;
  text-align: center;
}
.profile .info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.profile .company {
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
  color: var(--UI_04);
}
.profile .user-name {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.4px;
  font-weight: 700;
  color: var(--Green);
}
.profile .image {
  width: 140px;
  height: 140px;
  border-radius: 60px;
  border: 1px solid var(--UI_09_line);
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='140' height='140' viewBox='0 0 140 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 60C0 26.8629 26.8629 0 60 0H80C113.137 0 140 26.8629 140 60V80C140 113.137 113.137 140 80 140H60C26.8629 140 0 113.137 0 80V60Z' fill='%23F7F7F8'/%3E%3Cmask id='mask0_740_9689' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='140' height='140'%3E%3Cpath d='M0 60C0 26.8629 26.8629 0 60 0H80C113.137 0 140 26.8629 140 60V80C140 113.137 113.137 140 80 140H60C26.8629 140 0 113.137 0 80V60Z' fill='%23F7F7F8'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_740_9689)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M44.2222 50.7778C44.2222 43.9411 46.9381 37.3844 51.7724 32.5501C56.6066 27.7159 63.1633 25 70 25C76.8367 25 83.3934 27.7159 88.2276 32.5501C93.0619 37.3844 95.7778 43.9411 95.7778 50.7778C95.7778 57.6145 93.0619 64.1711 88.2276 69.0054C83.3934 73.8397 76.8367 76.5556 70 76.5556C63.1633 76.5556 56.6066 73.8397 51.7724 69.0054C46.9381 64.1711 44.2222 57.6145 44.2222 50.7778ZM44.2222 89.4444C35.6764 89.4444 27.4805 92.8393 21.4377 98.8821C15.3948 104.925 12 113.121 12 121.667C12 126.794 14.0369 131.712 17.6626 135.337C21.2883 138.963 26.2058 141 31.3333 141H108.667C113.794 141 118.712 138.963 122.337 135.337C125.963 131.712 128 126.794 128 121.667C128 113.121 124.605 104.925 118.562 98.8821C112.519 92.8393 104.324 89.4444 95.7778 89.4444H44.2222Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.profile .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile .button-upload {
  width: 160px;
  padding: 11px 16px;
  color: rgba(var(--UI_11), 1);
  background: var(--Sub_03);
  border-radius: 100px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
}

.satisfaction .item {
  padding: 40px 20px;
}
.satisfaction .item + .item {
  border-top: 10px solid #F1F3F5;
}
.satisfaction .title {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
  font-weight: 500;
}
.satisfaction .title small {
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  color: var(--UI_05);
}
.satisfaction .graph {
  display: flex;
  align-items: center;
  gap: 35px;
  padding: 5px;
}
.satisfaction .graph .doughnut {
  flex: 1;
  padding: 10px;
  position: relative;
}
.satisfaction .graph .doughnut canvas {
  width: 100%;
  height: 100%;
}
.satisfaction .graph .legend {
  flex: 0 0 120px;
}
.satisfaction .graph .legend dl {
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  color: var(--UI_03);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.satisfaction .graph .legend dl dt {
  width: calc(100% - 35px);
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.satisfaction .graph .legend dl dt::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.satisfaction .graph .legend dl dt:nth-of-type(1)::before {
  background-color: var(--Green);
}
.satisfaction .graph .legend dl dt:nth-of-type(2)::before {
  background-color: var(--Gray);
}
.satisfaction .graph .legend dl dt:nth-of-type(3)::before {
  background-color: var(--Sub_01);
}
.satisfaction .graph .legend dl dt:nth-of-type(4)::before {
  background-color: var(--Sub_05);
}
.satisfaction .graph .legend dl dt:nth-of-type(5)::before {
  background-color: var(--Sub_04);
}
.satisfaction .graph .legend dl dd {
  width: 35px;
  text-align: right;
}
.satisfaction .graph .legend dl dd::after {
  content: "%";
}
.satisfaction .graph .legend dl dt,
.satisfaction .graph .legend dl dd {
  margin-top: 12px;
}
.satisfaction .graph .legend dl dt:first-of-type,
.satisfaction .graph .legend dl dd:first-of-type {
  margin-top: 0;
}

.loading {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(var(--UI_01), 0.4);
}
.loading .logo-prus {
  width: 232px;
  height: 28px;
  background: url("../images/logo-loading.svg") no-repeat 0 0;
  background-size: contain;
}
.loading .logo-prus + .lottie {
  margin-top: 100px;
}
.loading .wait {
  color: #E8E8E8;
  text-align: center;
}
.loading .lottie {
  width: 100px;
  height: 100px;
}

.internet-disconnected {
  height: 100vh;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.internet-disconnected .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
}
.internet-disconnected .text strong {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.internet-disconnected .text span {
  color: var(--UI_04);
  font-size: 15px;
  line-height: 1.6;
}

.login {
  width: 100vw;
  min-height: 100vh;
  background: var(--Green) url("../images/login-bg.jpeg") no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.login-logo {
  margin: 0 auto 60px;
}
.login-logo h1 {
  margin: 0;
}
@media all and (max-device-height: 720px) {
  .login-logo {
    margin-bottom: 2rem;
    width: 140px;
  }
}

.login-box {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  background: rgba(var(--UI_11), 1);
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media all and (max-device-height: 750px) {
  .login-box {
    padding: 2rem 20px;
  }
}
.login-box .form-label {
  color: var(--UI_03);
}
.login-box .form-check {
  gap: 4px;
  align-items: center;
}
.login-box .form-check .form-check-input[type=checkbox] {
  margin-top: 1px;
}
.login-box .form-check .form-check-label {
  color: var(--UI_05);
}
.login-box .fingerprint {
  color: var(--UI_05);
  margin-left: auto;
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
}
.login-box .btn {
  margin-top: 32px;
}
@media all and (max-device-height: 720px) {
  .login-box .btn {
    margin-top: 1rem;
  }
}

.login-bottom {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  text-align: center;
}
.login-bottom .help {
  color: var(--UI_06);
  padding: 0 1rem;
  word-break: keep-all;
}
.login-bottom .tel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(var(--UI_11), 1);
}
.login-bottom .tel::before {
  content: "";
  width: 21px;
  height: 20px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_369_5402)'%3E%3Ccircle cx='10.5' cy='10' r='9.5' fill='white' stroke='%2326282C'/%3E%3Cpath d='M9.27354 5.82265L9.67917 6.54953C10.0448 7.20578 9.89792 8.06579 9.32167 8.64267C9.32167 8.64267 8.62167 9.34205 9.89042 10.6102C11.1573 11.8771 11.8573 11.1789 11.8573 11.1789C12.4342 10.6021 13.2948 10.4552 13.9504 10.8208L14.6773 11.2271C15.6679 11.7796 15.7848 13.1683 14.9142 14.0396C14.3911 14.5621 13.7498 14.9696 13.0417 14.9958C11.8492 15.0415 9.82354 14.7396 7.79167 12.7083C5.76041 10.6764 5.45854 8.65079 5.50416 7.45828C5.53104 6.75015 5.93791 6.1089 6.46041 5.58577C7.33167 4.71514 8.72042 4.83201 9.27292 5.82327L9.27354 5.82265Z' fill='%2326282C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_369_5402'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 0 0;
}

.form-control[type=text] ~ .btn-type-change .icon-eye {
  background-image: url("../images/icon-eye-slash.svg");
}

.my-task {
  padding: 40px var(--container-padding-x);
}
.my-task ~ .my-task {
  padding-bottom: 0;
}

.my-task-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding-bottom: 1rem;
}
.my-task-status .my {
  font-size: 18px;
  line-height: 1.333333;
  letter-spacing: -0.36px;
  color: var(--UI_06);
}
.my-task-status .my .name {
  color: var(--UI_02);
  font-weight: 700;
}
.my-task-status .today {
  color: var(--UI_05);
}

.my-task-chart {
  padding: 0 0 8px;
}
.my-task-chart .doughnut-chart {
  height: 180px;
  width: 180px;
  position: relative;
  margin: 0 auto;
  opacity: 0;
}
.my-task-chart .doughnut-chart .doughnut-chart__spinner {
  height: 100%;
  width: 100%;
}
.my-task-chart .doughnut-chart .doughnut-chart__spinner svg {
  height: 100%;
  width: 100%;
}
.my-task-chart .doughnut-chart .doughnut-chart__count {
  text-align: center;
  border-radius: 50%;
  position: relative;
  width: 54%;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.my-task-chart .doughnut-chart .doughnut-chart__number {
  white-space: nowrap;
}
.my-task-chart .doughnut-chart .doughnut-chart__number .doughnut-chart__number-inner {
  display: flex;
  align-items: baseline;
  justify-content: center;
  line-height: 1;
  font-weight: 700;
  font-size: 38px;
  letter-spacing: -0.04em;
}
.my-task-chart .doughnut-chart .doughnut-chart__number .doughnut-chart__number-inner::after {
  content: "%";
  display: inline-block;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.4px;
  font-weight: 400;
  color: var(--UI_03);
}
.my-task-chart .doughnut-chart .doughnut-chart__rate {
  color: var(--UI_05);
  font-size: 15px;
  line-height: 1.46667;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.my-task-chart .doughnut-chart .progress-ring {
  transform: rotate(136deg);
  transform-origin: 50% 50%;
}
.my-task-chart .doughnut-chart .progress-ring .progress-ring__outline {
  opacity: 0.3;
}
.my-task-chart .doughnut-chart .progress-ring .progress-ring__circle--animate {
  transition: 1s stroke-dashoffset;
}
.my-task-chart .doughnut-chart[data-processing="1"] .progress-ring__circle {
  stroke: #806568;
}
.my-task-chart .doughnut-chart[data-processing="1"] .doughnut-chart__number-inner {
  color: #806568;
}
.my-task-chart .doughnut-chart[data-processing="2"] .progress-ring__circle {
  stroke: #807565;
}
.my-task-chart .doughnut-chart[data-processing="2"] .doughnut-chart__number-inner {
  color: #807565;
}
.my-task-chart .doughnut-chart[data-processing="3"] .progress-ring__circle {
  stroke: #7A8065;
}
.my-task-chart .doughnut-chart[data-processing="3"] .doughnut-chart__number-inner {
  color: #7A8065;
}
.my-task-chart .doughnut-chart[data-processing="4"] .progress-ring__circle {
  stroke: #5A7D6B;
}
.my-task-chart .doughnut-chart[data-processing="4"] .doughnut-chart__number-inner {
  color: #5A7D6B;
}
.my-task-chart .doughnut-chart[data-processing="5"] .progress-ring__circle {
  stroke: #4D758B;
}
.my-task-chart .doughnut-chart[data-processing="5"] .doughnut-chart__number-inner {
  color: #4D758B;
}

.my-task-inner {
  position: relative;
}

.fireworks {
  display: none;
  width: 100%;
  height: 330px;
  position: absolute;
  left: 0;
  top: 0;
}
.finish .fireworks {
  display: block;
}
.fireworks .firework1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fireworks .firework2 {
  width: 12.7272%;
  height: 12.7272%;
  position: absolute;
  left: 9.375%;
  top: 9.375%;
}
.fireworks .firework3 {
  width: 18.75%;
  height: 18.75%;
  position: absolute;
  right: 0;
  top: 16.96%;
}

.my-task-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 24px 16px 0;
  border-top: 1px solid var(--UI_09_line);
}
.my-task-info dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.my-task-info dt {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  font-weight: 400;
  color: var(--UI_03);
}
.my-task-info dd {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  color: var(--UI_05);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
}
.my-task-info dd strong {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.4px;
  font-weight: 700;
  color: var(--UI_03);
}

.my-schedule {
  padding: 40px var(--container-padding-x);
}

.my-schedule-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.my-schedule-date .date {
  display: flex;
  align-items: flex-end;
  gap: 4px;
}
.my-schedule-date .date .month {
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.48px;
  font-weight: 700;
  color: var(--Green);
}
.my-schedule-date .date .year {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
}
.my-schedule-date .btn-sm {
  padding: 3px 3px 3px 8px;
}

.my-schedule-calendar {
  margin: 0 -4px;
}
.my-schedule-calendar ol {
  display: flex;
  gap: 2px;
  width: 100%;
}
.my-schedule-calendar ol li {
  min-width: 0;
  flex: 1;
  text-align: center;
  padding: 11px 0 15px;
  border: 1px solid var(--UI_09_line);
  border-radius: 8px;
}
.my-schedule-calendar .day {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.38462;
  letter-spacing: -0.26px;
  margin-bottom: 2px;
  color: var(--UI_05);
}
.my-schedule-calendar .today .day {
  position: relative;
}
.my-schedule-calendar .today .day::after {
  content: "";
  width: 4px;
  height: 4px;
  background: var(--Red);
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: -4px;
  top: 2px;
}
.my-schedule-calendar .date {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  color: var(--UI_03);
  margin-bottom: 12px;
}
.my-schedule-calendar .schedule {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 -1px;
}
.my-schedule-calendar .schedule .item {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding: 0 5px;
  font-size: 11px;
  line-height: 1.63636;
  color: rgba(var(--UI_11), 1);
  min-height: 18px;
}
.my-schedule-calendar .schedule .item.color1 {
  background: var(--Green);
}
.my-schedule-calendar .schedule .item.color2 {
  background: var(--Sub_09);
}

.my-achievement {
  background-color: #F7F6F4;
  padding: 2.5rem 1.25rem;
}
.my-achievement .title {
  color: var(--Sub_09);
  font-size: 14px;
  line-height: 1.42857;
  letter-spacing: -0.28px;
  font-weight: 700;
}
.my-achievement .info {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  margin-bottom: 85px;
}
.my-achievement .info strong {
  color: var(--Sub_09);
  font-size: 28px;
  line-height: 1.42857;
  letter-spacing: -0.56px;
  font-weight: 700;
}
.my-achievement .info strong span {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
}

.my-achievement-progress .progress-lottie {
  display: none;
}
.my-achievement-progress .progress .progress-lottie {
  position: absolute;
  right: 0;
  bottom: 4px;
}
.my-achievement-progress[data-align=left] .progress .progress-lottie {
  left: 0;
  right: auto;
}
.my-achievement-progress[data-section="1"] .section1 {
  display: block;
}
.my-achievement-progress[data-section="2"] .section2 {
  display: block;
}
.my-achievement-progress[data-section="3"] .section3 {
  display: block;
}
.my-achievement-progress[data-section="4"] .section4 {
  display: block;
}
.my-achievement-progress[data-section="5"] .section5 {
  display: block;
}
.my-achievement-progress .count {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--UI_07);
}
.my-achievement-progress .count strong {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.4px;
  font-weight: 700;
  color: var(--Red);
}
.my-achievement-progress .count strong::before {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6841 2.60156C12.3398 2.60156 10.879 3.21992 10.0097 4.46561C9.14045 3.21992 7.67969 2.60156 6.33543 2.60156C3.91575 2.60156 1.84559 4.54626 1.80078 7.30648C1.80974 7.57533 1.83663 7.95173 1.85455 8.14888C2.26679 11.5006 5.68122 14.6641 9.04187 17.0837C9.32865 17.2899 9.6692 17.3974 10.0008 17.3974C10.3413 17.3974 10.6729 17.2899 10.9597 17.0837C14.3293 14.6641 17.7437 11.5095 18.147 8.14888C18.1739 7.95173 18.1918 7.57533 18.2008 7.30648C18.1739 4.54626 16.1037 2.60156 13.6841 2.60156Z' fill='%23D64A66'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  width: 20px;
  height: 20px;
}

.bs-main-menu li {
  border-bottom: 10px solid #F1F3F5;
}
.bs-main-menu li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px 30px;
}
.bs-main-menu li:first-child a {
  padding-top: 40px;
}
.bs-main-menu .menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.bs-main-menu .menu .badge {
  color: rgba(var(--UI_11), 1);
  background-color: var(--Green);
  border-color: var(--Green);
}
.bs-main-menu .menu strong {
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: -0.48px;
  font-weight: 400;
  color: var(--Green);
}
.bs-main-menu .icons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bs-main-menu .icons::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='35' viewBox='0 0 20 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.75509 27.236C5.41497 26.8826 5.41497 26.3009 5.75509 25.9474L12.581 17.9325C12.8108 17.6937 12.8108 17.3063 12.581 17.0675L5.75509 9.05259C5.41497 8.69914 5.41497 8.11741 5.75509 7.76397C6.09379 7.41201 6.64913 7.41201 6.98783 7.76397L13.8138 15.7789C14.2681 16.251 14.5 16.8754 14.5 17.5C14.5 18.1246 14.2681 18.749 13.8138 19.2211L6.98783 27.236C6.64913 27.588 6.09379 27.588 5.75509 27.236Z' fill='%23AAB0B8'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 35px;
}
.bs-main-menu .brown .menu .badge {
  border-color: var(--Sub_09);
  background-color: var(--Sub_09);
}
.bs-main-menu .brown .menu strong {
  color: var(--Sub_09);
}
.bs-main-menu .gray .menu .badge {
  border-color: var(--Sub_03);
  background-color: var(--Sub_03);
}
.bs-main-menu .gray .menu strong {
  color: var(--Sub_03);
}

.home {
  height: 100vh;
  background: var(--Gray);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 60px;
}

.home-logo {
  background: url(../images/logo-white.svg) no-repeat 0 0;
  width: 232px;
  height: 28px;
  color: transparent;
  text-indent: -9999px;
}

.home-menu {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
.home-menu a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
}
.home-menu a span {
  font-size: 28px;
  line-height: 1.42857;
  letter-spacing: -0.56px;
  font-weight: 400;
  color: rgba(var(--UI_11), 1);
}

/* add Css */
.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #F4F5F6;
    --bs-btn-border-color: #F4F5F6;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #cfd0d1;
    --bs-btn-hover-border-color: #c3c4c5;
    --bs-btn-focus-shadow-rgb: 207, 208, 209;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c3c4c5;
    --bs-btn-active-border-color: #b7b8b9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F4F5F6;
    --bs-btn-disabled-border-color: #F4F5F6;
}

.blank-image {
    border: 1px solid var(--UI_09_line);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background: url(../images/default.png);
}

.swiper-button-next, .swiper-button-prev {   
    color: #d8d8d8;
}

.ani-message[data-step="1"] .balloon::before {
    background-color: #B2A2A9;
}
.ani-message[data-step="1"] .balloon {
    background-color: #B2A2A9;
}
.ani-message[data-step="2"] .balloon::before {
    background-color: #A2ACAB;
}
.ani-message[data-step="2"] .balloon {
    background-color: #A2ACAB;
}
.ani-message[data-step="3"] .balloon::before {
    background-color: #8C949E;
}
.ani-message[data-step="3"] .balloon {
    background-color: #8C949E;
}
.ani-message[data-step="4"] .balloon::before {
    background-color: #A2ACAB;
}
.ani-message[data-step="4"] .balloon {
    background-color: #A2ACAB;
}
.ani-message[data-step="5"] .balloon::before {
    background-color: #B0A2B2;
}
.ani-message[data-step="5"] .balloon {
    background-color: #B0A2B2;
}

.movein-current-status .side .item {  
    width: 73px;
}


/* customer css */
.agreeText li {
    color: var(--UI_03);
    font-size: 14px;
    line-height: 1.69231;
    margin-top: 4px;
}

.agreeText strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 2.5rem;
}

.sticky-bottom button {
	max-height: 60px;
}

/* =========================================
   포토 썸네일 & 상태 라벨 스타일
   ========================================= */

.photo-wrap {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 8px;
        overflow: hidden;
        margin-right: 5px;
        background-color: #f0f0f0;

        /* 테두리 공통 설정 (두께 3px, 실선) */
        border-width: 3px;
        border-style: solid;
        box-sizing: border-box;
}

/* 하자: 회색 테두리 */
.wrap-defect {
    border-color: #EBEEF0;
}

/* 작업완료: 청록색 테두리 */
.wrap-complete {
    border-color: #005151;
}

/* 이미지 스타일 */
.photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 하단 라벨 공통 */
.img-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 11px;
    text-align: center;
    padding: 3px 0;
    padding-bottom: 2px; /* 테두리 공간 확보 */
    line-height: 1;
    font-weight: 500;
}

/* 라벨 배경색 */
.badge-defect {
    background-color: #EBEEF0; /* 연한 회색 */
    color: #495057;
}

.badge-complete {
    background-color: #005151; /* 짙은 청록색 */
    color: #ffffff;
}

.underline {
    display: inline-block;
    border-bottom: 1.5px solid #bbb;
    padding-bottom: 2px;
    transition: border-color 0.15s ease;
    cursor: pointer;
}