@charset "UTF-8";
nav.zone {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: var(--white-100);
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9999999;
}
nav.zone .logo {
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 1rem;
}
nav.zone .logo .svg-box {
  width: -moz-fit-content;
  width: fit-content;
  height: 44px;
}
nav.zone .logo .svg-box svg {
  height: 44px;
  width: -moz-fit-content;
  width: fit-content;
}
nav.zone .right-side {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
}
nav.zone .right-side .button {
  padding: 0 2rem;
  height: 100%;
  background: var(--g-2nd-100);
  border-radius: 0;
}
nav.zone .right-side .button:nth-child(2) {
  background: var(--h-2nd-100);
}
nav.zone .right-side .button:hover .line::after {
  left: 0;
  width: 100%;
}
nav.zone .right-side .button .line {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
nav.zone .right-side .button .line::after {
  position: absolute;
  left: 50%;
  content: "";
  width: 0;
  height: 100%;
  border-bottom: 1px solid var(--white-100);
  color: var(--white-100);
  transition: all 0.3s ease;
}
nav.zone .right-side .button .line .text,
nav.zone .right-side .button .line i {
  color: var(--white-100);
}

.home .feature.top {
  width: 100%;
  height: calc(75vh + 60px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .feature.top .title {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 0.25rem;
}
.home .feature.top .title .sub {
  color: var(--white-100);
  letter-spacing: 3px;
}
.home .feature.top .title .display {
  color: var(--g-1st-100);
  letter-spacing: 7px;
}
.home .feature.top .img-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.home .feature.top .img-container .img-control {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 99% 0%;
     object-position: 99% 0%;
  position: relative;
  display: flex;
}
.home .service {
  max-width: calc(1440px - 18rem);
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  justify-items: center;
  justify-self: center;
  padding-left: 1.25rem;
  padding-right: 1rem;
  min-height: unset;
}
.home .service .zone {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  gap: 2rem;
  justify-items: center;
}
.home .service .zone .card {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 180px minmax(60px, auto) 80px;
  gap: 1rem;
  position: relative;
  border-radius: 1rem;
  border: 6px solid var(--g-1st-100);
  position: relative;
  background: var(--white-100);
  transition: all 0.3s ease;
}
.home .service .zone .card::after {
  position: absolute;
  top: 0rem;
  right: -0.95rem;
  content: "";
  width: calc(100% + 1rem);
  height: calc(100% + 0.8rem);
  border-radius: 1.2rem;
  z-index: -1;
  opacity: 1;
  transition: all 0.25s ease;
}
.home .service .zone .card:hover::after {
  opacity: 1;
  right: -1.25rem;
}
.home .service .zone .card:nth-child(1)::after {
  background: var(--g-4th-100);
}
.home .service .zone .card:nth-child(1) .sub-title {
  color: var(--g-4th-100);
}
.home .service .zone .card:nth-child(2) {
  border: 6px solid var(--h-2nd-100);
}
.home .service .zone .card:nth-child(2) .img-container {
  outline: 6px solid var(--h-2nd-100);
}
.home .service .zone .card:nth-child(2) .img-control {
  min-width: 160%;
  -o-object-position: 65% 87%;
     object-position: 65% 87%;
}
.home .service .zone .card:nth-child(2) .sub-title {
  color: var(--h-3rd-100);
}
.home .service .zone .card:nth-child(2) .button.filled {
  background: var(--h-2nd-100);
}
.home .service .zone .card:nth-child(2)::after {
  background: var(--h-3rd-100);
}
.home .service .zone .card:nth-child(3) {
  border: 6px solid var(--y-1st-100);
}
.home .service .zone .card:nth-child(3) .img-container {
  outline: 6px solid var(--y-1st-100);
}
.home .service .zone .card:nth-child(3) .sub-title {
  color: var(--y-3rd-100);
}
.home .service .zone .card:nth-child(3) .button.filled {
  background: var(--y-2nd-100);
}
.home .service .zone .card:nth-child(3)::after {
  background: var(--y-3rd-100);
}
.home .service .zone .card .content {
  padding: 0 1.25rem;
}
.home .service .zone .card .content .sub-title {
  justify-self: center;
}
.home .service .zone .card .img-container {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  outline: 6px solid var(--g-1st-100);
  margin-top: 1.7rem;
  align-self: center;
  justify-self: center;
}
.home .service .zone .card .img-container .img-control {
  width: auto;
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .service .zone .card .button.filled {
  width: 75%;
  align-self: center;
  justify-self: center;
}
.home .service .zone .card .button.filled::before {
  left: 20px;
}
.home .service .zone .card:nth-child(2) .button.filled::before {
  background: var(--h-3rd-100);
}
.home .service .zone .card:nth-child(3) .button.filled::before {
  background: var(--y-3rd-100);
}
.home .draft {
  min-height: unset;
  width: 100%;
  justify-content: center;
  display: flex;
  justify-items: center;
  justify-self: center;
}
.home .draft .zone {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(6, auto);
  grid-template-rows: 1fr;
  align-items: center;
  flex-wrap: wrap;
}
.home .draft .zone img {
  width: 200px;
  height: auto;
}
.home .real-case {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  justify-items: center;
  justify-self: center;
  min-height: unset;
}
.home .real-case .zone {
  width: 100%;
  max-width: 1440px;
  height: 37.5vw;
  max-height: 700px;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.home .real-case .zone .card {
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
.home .real-case .zone .card .title {
  width: 100%;
  text-align: center;
  padding: 0.25rem 1rem;
  color: var(--white-100);
  background: var(--g-1st-006);
  z-index: 2;
  position: absolute;
  bottom: 1rem;
}
.home .real-case .zone .card .img-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.home .real-case .zone .card .img-container .img-control {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .real-case .zone .Toilet {
  grid-row-start: 1;
  grid-row-end: 6;
  grid-column-start: 1;
  grid-column-end: 4;
}
.home .real-case .zone .Toilet .img-container .img-control {
  left: auto;
  -o-object-fit: unset;
     object-fit: unset;
}
.home .real-case .zone .Hallway {
  grid-row-start: 3;
  grid-row-end: 6;
  grid-column-start: 4;
  grid-column-end: 6;
}
.home .real-case .zone .Electric-Medical-Bed {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 4;
  grid-column-end: 10;
}
.home .real-case .zone .Wheelchair-Elevator {
  grid-row-start: 3;
  grid-row-end: 6;
  grid-column-start: 6;
  grid-column-end: 8;
  border: 1px solid var(--g-1st-100);
}
.home .real-case .zone .Wheelchair-Elevator .img-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .real-case .zone .Wheelchair-Elevator .img-container .img-control {
  height: 100%;
  width: auto;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.home .real-case .zone .Oxygen-Concentrator {
  grid-row-start: 3;
  grid-row-end: 6;
  grid-column-start: 8;
  grid-column-end: 10;
  border: 1px solid var(--g-1st-100);
}
.home .real-case .zone .Oxygen-Concentrator .img-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .real-case .zone .Oxygen-Concentrator .img-container .img-control {
  height: 120%;
  width: auto;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.home .process {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  justify-items: center;
  justify-self: center;
  min-height: unset;
}
.home .process .sc-title {
  padding-bottom: calc(2rem + 80px);
}
.home .process .zone {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.home .process .zone .container {
  cursor: default;
  padding: 1rem;
  gap: 0.5rem;
  width: 180px;
  height: 180px;
  background: var(--g-1st-100);
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  outline-offset: -100px;
  outline: 0px solid var(--white-100);
  transition: all 0.3s ease;
  margin: unset!important;
  padding-top: 30px;
}
.home .process .zone .container:hover {
  outline: 2px solid var(--white-100);
  outline-offset: -8px;
}
.home .process .zone .container:nth-child(4)::after {
  display: none;
}
.home .process .zone .container::after {
  position: absolute;
  content: "▲";
  font-size: 1.5rem;
  color: var(--h-1st-100);
  top: -78px;
  right: -24px;
  transform: rotateZ(90deg) rotateX(25deg);
}
.home .process .zone .container .step {
  position: absolute;
  padding: 1rem;
  width: 100px;
  height: 40px;
  border-radius: 0.5rem;
  background: var(--h-1st-100);
  display: flex;
  align-items: center;
  justify-content: center;
  top: -80px;
}
.home .process .zone .container .step .text {
  font-size: 1rem;
  font-weight: 400;
  color: var(--white-100);
  margin: unset;
}
.home .process .zone .container i, .home .process .zone .container .title {
  color: var(--white-100);
}
.home .process .zone .container i {
  font-size: 2.5rem;
}
.home .process .zone .container .title {
  font-size: 1.25rem;
  font-weight: 600;
}
.home .contact-us {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  justify-items: center;
  justify-self: center;
  min-height: unset;
}
.home .contact-us .zone {
  width: 720px;
  padding: 2rem;
  border: 4px solid var(--g-1st-100);
  background: var(--white-100);
  border-radius: 1rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  align-items: center;
  justify-items: center;
}
.home .contact-us .title-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2.5rem;
}
.home .contact-us .title-container .sc-title {
  padding-bottom: 0;
}
.home .contact-us .top {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--g-1st-006);
}
.home .contact-us .top .sc-title {
  padding: 0;
  font-size: 1.5rem;
  color: var(--font-color-2);
}
.home .contact-us .bottom {
  width: 100%;
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.75rem;
}
.home .contact-us .bottom .input-container {
  width: 100%;
}
.home .contact-us .bottom .input-container .input.style-1 {
  width: 100%;
}
.home .contact-us .bottom .checkbox-zone .checkbox-container {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}
.home .contact-us .bottom .checkbox-zone.time .checkbox.style-1:nth-child(1) {
  width: 100%;
}
.home .contact-us .button-zone {
  width: 100%;
  justify-content: center;
}
.home .contact-us .button-zone .button {
  width: 200px;
}

footer {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background: var(--g-4th-100);
}
footer .text {
  color: var(--white-100);
}
footer .top-side {
  padding: 6rem 6rem 3rem 6rem;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: space-between;
}
footer .top-side .left-side .logo {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--white-100);
}
footer .top-side .left-side svg {
  width: 300px;
  height: auto;
}
footer .top-side .left-side .text {
  padding-top: 0.75rem;
}
footer .top-side .right-side {
  display: flex;
  gap: 2.5rem;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}
footer .top-side .right-side .service {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
footer .top-side .right-side .link {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
footer .top-side .right-side .button {
  height: 48px;
}
footer .top-side .right-side .button:hover .line::after {
  left: 0;
  width: 100%;
}
footer .top-side .right-side .button .line {
  display: flex;
  gap: 1rem;
  align-items: center;
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
footer .top-side .right-side .button .line::after {
  position: absolute;
  left: 50%;
  content: "";
  width: 0;
  height: 100%;
  border-bottom: 1px solid var(--white-100);
  color: var(--white-100);
  transition: all 0.3s ease;
}
footer .top-side .right-side .button .line .text,
footer .top-side .right-side .button .line i {
  font-size: 1.25rem;
  color: var(--white-100);
}
footer .bottom-side {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  background: var(--g-1st-100);
}
footer .bottom-side .text {
  text-align: center;
}

.line-Code {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.line-Code .logo svg {
  width: 240px;
  height: auto;
}
.line-Code .Code {
  width: 200px;
  height: auto;
}
.line-Code .Code img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1200px) {
  .home .draft .zone {
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(2, 1fr);
  }
}
@media screen and (max-width: 991px) {
  .home .process .sc-title {
    padding-bottom: calc(2rem + 60px);
  }
  .home .process .zone .container .step {
    top: -60px;
  }
  .home .process .zone {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(2, 1fr);
    row-gap: 6rem;
  }
  .home .process .zone .container::after {
    display: none;
  }
  .home .contact-us .zone {
    width: 520px;
  }
  .home .feature.top .img-container .img-control {
    -o-object-position: 90% 0%;
       object-position: 90% 0%;
  }
  footer .top-side {
    padding: 3rem 3rem 3rem 3rem;
  }
}
@media screen and (max-width: 850px) {
  footer .top-side {
    padding: 3rem 1rem 2rem 1rem;
    flex-direction: column;
    align-items: start;
    gap: 4rem;
  }
  footer .top-side .left-side {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .home .real-case .zone {
    gap: 1rem;
  }
  .home .real-case .zone .card .title {
    font-size: 1rem;
  }
  .home .feature.top .img-container .img-control {
    -o-object-position: 86% 0%;
       object-position: 86% 0%;
  }
}
@media screen and (max-width: 767px) {
  .home .service .zone {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
  }
  .home .draft .zone {
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(2, 1fr);
  }
  .home .draft .zone img {
    width: 140px;
  }
}
@media screen and (max-width: 660px) {
  .home .feature.top {
    height: -moz-fit-content;
    height: fit-content;
    min-height: unset;
  }
  .home .feature.top .img-container {
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
  }
  .home .feature.top .img-container .img-control {
    height: auto;
  }
}
@media screen and (max-width: 640px) {
  nav.zone .right-side .button {
    position: fixed;
    top: 120px;
    right: 0;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 2rem 0.5rem;
    border-radius: 25px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  }
  nav.zone .right-side .button:nth-child(2) {
    top: 258px;
  }
  nav.zone .right-side .button .line::after {
    display: none;
  }
  nav.zone .right-side .button .line .text {
    writing-mode: vertical-rl;
    font-size: 1.25rem;
  }
  nav.zone .right-side .button .line i {
    display: none;
  }
  .home .feature.top .title {
    justify-items: start;
    padding-left: 1rem;
  }
  .home .feature.top .title .display {
    letter-spacing: 0px;
  }
  .home .feature.top .title .sub {
    letter-spacing: 0px;
  }
  .home .real-case .zone {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    height: -moz-fit-content;
    height: fit-content;
    max-height: unset;
  }
  .home .real-case .zone .Toilet,
  .home .real-case .zone .Hallway,
  .home .real-case .zone .Electric-Medical-Bed,
  .home .real-case .zone .Wheelchair-Elevator,
  .home .real-case .zone .Oxygen-Concentrator {
    height: 360px;
    grid-row-start: unset;
    grid-row-end: unset;
    grid-column-start: unset;
    grid-column-end: unset;
  }
  .home .real-case .zone .card .title {
    font-size: 1.25rem;
  }
  .home .contact-us .title-container {
    padding-bottom: 1rem;
  }
  .home .contact-us .title-container .text {
    text-align: center;
  }
  .home .contact-us .zone {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .home .process .zone {
    justify-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
    gap: 7.5rem;
  }
  .home .real-case .zone .Oxygen-Concentrator .img-container .img-control {
    height: 80%;
  }
  footer .bottom-side {
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 480px) {
  .home .draft .zone {
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, 1fr);
  }
  .home .draft .zone img {
    width: 160px;
  }
}
@media screen and (max-width: 420px) {
  .home .real-case .zone {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 1fr);
  }
}
@media screen and (max-width: 389px) {
  .home .feature.top .title .display {
    font-size: 2.5rem;
  }
  .home .feature.top .title .sub {
    font-size: 1.1rem;
  }
}/*# sourceMappingURL=style.css.map */