/* Subpage shared components, then company/service variants. */

:root {
  --page-title-size: 62px;
  --page-title-color: #000;
  --page-description-size: 19px;
  --page-description-color: #555;
}

.page-heading .page-title {
  font-family: var(--font-sans);
  font-size: var(--page-title-size);
  color: var(--page-title-color);
  font-weight: 700;
  line-height: 1.1em;
}

.page-heading .page-description {
  margin-top: 20px;
  font-size: var(--page-description-size);
  color: var(--page-description-color);
}

.service-page {
  --section-title-default-color: #111;
}

@media (max-width:812px) {
  :root {
    --page-title-size: 48px;
    --page-description-size: 16px;
  }
}

:root {
  --page-introduction-title-space: 64px;
  --page-introduction-service-space: 140px;
}

[data-page-introduction][data-introduction-layout="title"] {
  --page-introduction-space: var(--page-introduction-title-space);
}

[data-page-introduction][data-introduction-layout="service"] {
  --page-introduction-space: var(--page-introduction-service-space);
}

.site-page [data-page-introduction][data-introduction-layout] {
  padding-top: var(--page-introduction-space);
}

@media (max-width:1399px) {
  :root {
    --page-introduction-service-space: 100px;
  }
}

@media (max-width:767px) {
  :root {
    --page-introduction-title-space: 40px;
    --page-introduction-service-space: 76px;
  }
}

@media screen and (min-width:1400px) {
  .subVisual {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
  }

  .subVisual .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .subVisual.pn1 .bg {
    background: url("/assets/images/default/background.svg") no-repeat center;
    background-size: cover;
  }

  .subVisual.pn2 .bg {
    background: url("/assets/images/default/background.svg") no-repeat center;
    background-size: cover;
  }

  .subVisual .txts {
    position: relative;
    z-index: 10;
    text-align: center;
    width: 100%;
  }

  .subVisual .txts h2 {
    position: relative;
    font-size: 6vw;
    font-weight: 500;
    color: #fff;
    line-height: 0.72em;
    width: var(--content-width);
    margin-inline: auto;
    padding: 0;
    box-sizing: border-box;
  }

  .subVisual .txts h2 .point-dot {
    color: #0981f1;
  }

  .subVisual .txts h2:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.4);
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .subVisual .txts h2 + p {
    margin-top: 40px;
    font-size: 27px;
    color: #fff;
    width: var(--content-width);
    margin-inline: auto;
    padding: 0;
    box-sizing: border-box;
  }

  .page-heading {
    padding: 0;
  }

  .page-heading>div {
    position: relative;
  }

  .page-heading>div ul {
    display: flex;
    position: absolute;
    right: 0;
    top: 5px;
  }

  .page-heading>div ul li {
    position: relative;
    padding-right: 15px;
    margin-right: 13px;
    font-size: 17px;
    color: #9f9f9f;
    font-weight: 500;
    text-transform: uppercase;
  }

  .page-heading>div ul li:last-child {
    padding: 0;
    margin: 0;
    color: #444;
  }

  .page-heading>div ul li:after {
    display: block;
    content: "";
    width: 1px;
    height: 13px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 6px;
  }

  .page-heading>div ul li:last-child:after {
    display: none;
  }
}

@media screen and (min-width:813px) and (max-width:1399px) {
  .subVisual {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
  }

  .subVisual .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .subVisual.pn1 .bg {
    background: url("/assets/images/default/background.svg") no-repeat center;
    background-size: cover;
  }

  .subVisual.pn2 .bg {
    background: url("/assets/images/default/background.svg") no-repeat center;
    background-size: cover;
  }

  .subVisual .txts {
    position: relative;
    z-index: 10;
    text-align: center;
    width: 100%;
  }

  .subVisual .txts h2 {
    position: relative;
    font-size: 80px;
    font-weight: 500;
    color: #fff;
    line-height: 0.72em;
    width: var(--content-width);
    margin-inline: auto;
    padding: 0;
    box-sizing: border-box;
  }

  .subVisual .txts h2:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.4);
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .subVisual .txts h2 + p {
    margin-top: 40px;
    font-size: 27px;
    color: #fff;
    width: var(--content-width);
    margin-inline: auto;
    padding: 0;
    box-sizing: border-box;
  }

  .page-heading {
    padding: 0;
  }

  .page-heading>div {
    position: relative;
  }

  .page-heading>div ul {
    display: flex;
    position: absolute;
    right: 0;
    top: 5px;
  }

  .page-heading>div ul li {
    position: relative;
    padding-right: 15px;
    margin-right: 13px;
    font-size: 17px;
    color: #9f9f9f;
    font-weight: 500;
    text-transform: uppercase;
  }

  .page-heading>div ul li:last-child {
    padding: 0;
    margin: 0;
    color: #444;
  }

  .page-heading>div ul li:after {
    display: block;
    content: "";
    width: 1px;
    height: 13px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 6px;
  }

  .page-heading>div ul li:last-child:after {
    display: none;
  }
}

@media screen and (max-width:812px) {
  .subVisual {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
  }

  .subVisual .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .subVisual.pn1 .bg {
    background: url("/assets/images/default/background.svg") no-repeat center;
    background-size: cover;
  }

  .subVisual.pn2 .bg {
    background: url("/assets/images/default/background.svg") no-repeat center;
    background-size: cover;
  }

  .subVisual .txts {
    position: relative;
    z-index: 10;
    text-align: center;
    width: 100%;
  }

  .subVisual .txts h2 {
    position: relative;
    font-size: 65px;
    font-weight: 500;
    color: #fff;
    line-height: 0.72em;
    width: var(--content-width);
    margin-inline: auto;
    padding: 0;
    box-sizing: border-box;
  }

  .subVisual .txts h2:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.4);
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .subVisual .txts h2 + p {
    margin-top: 40px;
    font-size: 18px;
    color: #fff;
    width: var(--content-width);
    margin-inline: auto;
    padding: 0;
    box-sizing: border-box;
  }

  .page-heading {
    padding: 0;
  }

  .page-heading>div {
    position: relative;
    display: flex;
    flex-direction: column;
  }

  .page-heading .page-title {
    order: 2;
  }

  .page-heading .page-description {
    order: 3;
  }

  .page-heading>div ul {
    display: flex;
    order: 1;
    margin-bottom: 20px;
  }

  .page-heading>div ul li {
    position: relative;
    padding-right: 15px;
    margin-right: 13px;
    font-size: 15px;
    color: #9f9f9f;
    font-weight: 500;
    text-transform: uppercase;
  }

  .page-heading>div ul li:last-child {
    padding: 0;
    margin: 0;
    color: #444;
  }

  .page-heading>div ul li:after {
    display: block;
    content: "";
    width: 1px;
    height: 11px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 7px;
  }

  .page-heading>div ul li:last-child:after {
    display: none;
  }
}

.subVisual .bg {
  transform: scale(1.2);
}

.subVisual.in-view .bg {
  transform: scale(1);
  transition: all 2.5s;
}

.subVisual .txts h2 {
  opacity: 0;
}

.subVisual.in-view .txts h2 {
  opacity: 1;
  transition: all 2s;
}

.subVisual .txts h2:after {
  width: 0;
}

.subVisual.in-view .txts h2:after {
  width: 100%;
  transition: all 2.5s;
}

.subVisual .txts h2 + p {
  opacity: 0;
}

.subVisual.in-view h2 + p {
  opacity: 1;
  transition: all 2s;
}

.subVisual .txts {
  line-height: normal;
  font-family: var(--font-sans);
}

.subVisual .txts p {
  line-height: normal;
}

.page-heading>div>p {
  line-height: 1.8;
}

.page-heading>div ul {
  display: none !important;
}

.subVisual.has-custom-image .bg {
  background: linear-gradient(rgb(0 0 0 / .35), rgb(0 0 0 / .35)), var(--page-hero-image) center / cover no-repeat;
}

.subVisual[data-hero-long-title] .txts h2 {
  line-height: 1.1;
}

@media (max-width:812px) {
  .subVisual[data-hero-long-title] .txts h2 {
    font-size: clamp(32px,9vw,65px);
  }
}

.page-hero-tabs {
  margin-top: 32px;
}

@media (max-width:767px) {
  .page-hero-tabs {
    margin-top: 24px;
  }
}

.page-section-nav {
  display: grid;
  grid-template-columns: repeat(var(--page-nav-count, 3), minmax(0, 1fr));
  width: var(--content-width);
  margin: 32px auto 0;
  padding: 0;
  /* Keep the last tab clear of the fixed quick menu on narrow screens. */
  padding-inline-end: max(0px, calc(var(--quick-menu-size) - var(--page-gutter)));
  gap: 16px;
  border: 0;
  background: transparent;
}

.page-section-nav .section-tabs__link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 84px;
  padding: 18px;
  border: 1px solid #e3e3e3;
  border-radius: 24px;
  color: #555;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.page-section-nav .section-tabs__link:is(.is-active,:hover) {
  background: #000;
  border-color: #000;
  color: #fff;
  text-decoration: none;
}

.page-section-nav .section-tabs__link:focus-visible {
  outline: 2px solid #176b36;
  outline-offset: 4px;
}

@media (max-width:767px) {
  .page-section-nav {
    margin-top: 24px;
    gap: 8px;
  }

  .page-section-nav .section-tabs__link {
    min-height: 64px;
    padding: 12px 6px;
    border-radius: 16px;
    font-size: 16px;
  }
}

@media (max-width:767px) {
  .page-section-nav[data-nav-group="services"] {
    grid-template-columns: repeat(var(--page-nav-count), minmax(140px, 1fr));
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
  }
}

section.subVisual[data-hero-appearance="service"] {
  height: 100svh;
  min-height: 620px;
}

section.subVisual[data-hero-appearance="service"] .bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.25));
}

section.subVisual[data-hero-appearance="service"] .txts h2 {
  font-size: clamp(48px,6vw,96px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.025em;
}

section.subVisual[data-hero-appearance="service"] .txts h2 .point-dot {
  color: #0981f1;
}

section.subVisual[data-hero-appearance="service"] .txts h2::after {
  display: none;
}

section.subVisual[data-hero-appearance="service"] .txts h2+p {
  margin-top: 24px;
  font-size: clamp(19px,2vw,27px);
  font-weight: 600;
  line-height: 1.6;
}

section.subVisual[data-hero-appearance="service"] .txts::after {
  content: "";
  position: absolute;
  top: calc(50svh - 110px);
  left: calc(50% - 8px);
  width: 16px;
  height: 16px;
  border-right: 2px solid rgba(255,255,255,.8);
  border-bottom: 2px solid rgba(255,255,255,.8);
  transform: rotate(45deg);
}

@media (max-width:767px) {
  section.subVisual[data-hero-appearance="service"] {
    min-height: 520px;
  }

  section.subVisual[data-hero-appearance="service"] .txts h2 {
    font-size: clamp(34px,8.5vw,56px);
  }
}

@media (max-width:767px) {
  section.subVisual[data-hero-appearance="service"] .txts :is(h2,p) {
    max-width: calc(var(--content-width) - 72px);
  }
}

@media screen and (min-width:1400px) {
.m11 {
    padding: 0 0 0;
  }

  .m11 .sec1 {
    padding: 120px 0 150px;
  }

  .m11 .sec1 .conwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  .m11 .sec1 .conwrap .imgarea {
    width: 50%;
    height: 410px;
    background: url("/assets/images/default/background.svg") no-repeat center;
    background-size: cover;
    border-radius: 30px;
  }

  .m11 .sec1 .conwrap .txtarea {
    width: 43.5%;
  }

  .m11 .sec1 .conwrap .txtarea h4 {
    font-size: 54px;
    color: #000;
    font-weight: 600;
    line-height: 1.3em;
  }

  .m11 .sec1 .conwrap .txtarea p {
    margin-top: 15px;
    font-size: 19px;
    color: #555;
    line-height: 1.8em;
  }

  .m11 .sec1 .conwrap + h5 {
    margin: 120px 0 40px;
    font-size: 56px;
    color: #000;
    font-weight: 600;
  }

  .m11 .sec1 .conwrap ~ p {
    font-size: 19px;
    color: #555;
  }

  @-webkit-keyframes showImg {
    0% {
      clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    }

    100% {
      clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    }
  }

  @-webkit-keyframes fadeUpAni {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .fadeUp {
    opacity: 0;
  }

  .showImg {
    opacity: 0;
  }

  .showImg.in-view {
    animation-name: showImg;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1.4s;
    opacity: 1;
  }

  .fadeUp.in-view {
    animation-name: fadeUpAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1.2s;
    opacity: 1;
  }
}

@media screen and (min-width:813px) and (max-width:1399px) {
.m11 {
    padding: 0 0 0;
  }

  .m11 .sec1 {
    padding: 120px 0 150px;
  }

  .m11 .sec1 .conwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  .m11 .sec1 .conwrap .imgarea {
    width: 50%;
    height: 410px;
    background: url("/assets/images/default/background.svg") no-repeat center;
    background-size: cover;
    border-radius: 30px;
  }

  .m11 .sec1 .conwrap .txtarea {
    width: 43.5%;
  }

  .m11 .sec1 .conwrap .txtarea h4 {
    font-size: 54px;
    color: #000;
    font-weight: 600;
    line-height: 1.3em;
  }

  .m11 .sec1 .conwrap .txtarea p {
    margin-top: 15px;
    font-size: 19px;
    color: #555;
    line-height: 1.8em;
  }

  .m11 .sec1 .conwrap + h5 {
    margin: 120px 0 40px;
    font-size: 56px;
    color: #000;
    font-weight: 600;
  }

  .m11 .sec1 .conwrap ~ p {
    font-size: 19px;
    color: #555;
  }
}

@media screen and (max-width:812px) {
.m11 {
    padding: 0 0 0;
  }

  .m11 .sec1 {
    padding: 80px 0;
  }

  .m11 .sec1 .conwrap .imgarea {
    width: 100%;
    padding-bottom: 57%;
    background: url("/assets/images/default/background.svg") no-repeat center;
    background-size: cover;
    border-radius: 20px;
  }

  .m11 .sec1 .conwrap .txtarea {
    width: 100%;
    margin-top: 50px;
    display: none;
  }

  .m11 .sec1 .conwrap .txtarea h4 {
    font-size: 54px;
    color: #000;
    font-weight: 600;
    line-height: 1.3em;
  }

  .m11 .sec1 .conwrap .txtarea p {
    margin-top: 15px;
    font-size: 19px;
    color: #555;
    line-height: 1.8em;
  }

  .m11 .sec1 .conwrap + h5 {
    margin: 60px 0 30px;
    font-size: 40px;
    color: #000;
    font-weight: 600;
  }

  .m11 .sec1 .conwrap ~ p {
    font-size: 16px;
    color: #555;
  }
}

.m11 .sec2 {
  padding: 160px 0 300px;
  background: linear-gradient(90deg,rgba(7,26,19,.76),rgba(7,26,19,.4)),url("/assets/images/default/background.svg") no-repeat center;
  background-size: cover;
}

.m11 .sec2 .conwrap {
  position: sticky;
  top: 160px;
}

.m11 .sec2 h4 {
  font-family: var(--font-sans);
  --section-title-default-size: 48px;
  --section-title-default-weight: 700;
  --section-title-default-leading: 1.3;
  --section-title-default-color: #fff;
}

.m11 .sec2 .company-info-description {
  margin: 24px 0 0;
  font-size: 19px;
  line-height: 1.8;
  color: #fff;
}

.m11 .sec2 .company-info-cards {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 20px;
  margin: 70px 0 0;
}

.m11 .sec2 .company-info-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  min-height: 305px;
  padding: 40px 32px;
  border-radius: 30px;
  background: #fff;
}

.m11 .sec2 .company-info-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 32px;
  border-radius: 18px;
  background: #176b36;
  color: #fff;
}

.m11 .sec2 .company-info-icon svg {
  width: 30px;
  height: 30px;
}

.m11 .sec2 .company-info-card h5 {
  font-family: var(--font-sans);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}

.m11 .sec2 .company-info-card p {
  margin: 16px 0 0;
  font-size: 19px;
  line-height: 1.6;
  color: #555;
  overflow-wrap: anywhere;
}

.m11 .sec2 .company-info-card a {
  color: inherit;
  font: inherit;
}

.m11 .sec2 .company-info-card a:hover {
  color: #176b36;
}

@media screen and (min-width:813px) {
  .m11 .sec2 {
    height: 1920px;
  }
}

@media screen and (max-width:1399px) {
  .m11 .sec2 .company-info-cards {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media screen and (max-width:812px) {
  .m11 .sec2 {
    padding: 80px 0;
  }

  .m11 .sec2 .conwrap {
    position: static;
  }

  .m11 .sec2 h4 {
    --section-title-default-size: 35px;
  }

  .m11 .sec2 .company-info-description {
    font-size: 17px;
    margin-top: 20px;
  }

  .m11 .sec2 .company-info-cards {
    gap: 12px;
    margin-top: 40px;
  }

  .m11 .sec2 .company-info-card {
    min-height: 230px;
    padding: 24px 20px;
    border-radius: 24px;
  }

  .m11 .sec2 .company-info-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    margin-bottom: 24px;
  }

  .m11 .sec2 .company-info-icon svg {
    width: 26px;
    height: 26px;
  }

  .m11 .sec2 .company-info-card h5 {
    font-size: 20px;
  }

  .m11 .sec2 .company-info-card p {
    font-size: 17px;
    margin-top: 12px;
  }
}

@media screen and (max-width:479px) {
  .m11 .sec2 .company-info-cards {
    grid-template-columns: 1fr;
  }

  .m11 .sec2 .company-info-card {
    min-height: 0;
  }
}

:is(.page-home,.page-company,.page-service) .m11 .sec1 {
  padding: 48px 0 150px;
}

:is(.page-home,.page-company,.page-service) .m11 .sec1 .company-greeting {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 64px;
}

:is(.page-home,.page-company,.page-service) .m11 .sec1 .company-greeting .imgarea {
  width: 100%;
  padding-bottom: 0;
  height: clamp(320px,34vw,480px);
  background-size: cover;
  background-position: center;
}

:is(.page-home,.page-company,.page-service) .m11 .sec1 .company-greeting .txtarea {
  display: block;
  width: 100%;
  margin-top: 0;
}

:is(.page-home,.page-company,.page-service) .m11 .sec1 .company-greeting .greeting-point+.greeting-point {
  margin-top: 48px;
}

:is(.page-home,.page-company,.page-service) .m11 .sec1 .company-greeting .txtarea h4 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  word-break: keep-all;
}

:is(.page-home,.page-company,.page-service) .m11 .sec1 .company-greeting .txtarea h4 .greeting-emphasis {
  color: #4caf50;
}

:is(.page-home,.page-company,.page-service) .m11 .sec1 .company-greeting .txtarea p {
  margin-top: 16px;
  word-break: keep-all;
}

@media (max-width:767px) {
  :is(.page-home,.page-company,.page-service) .m11 .sec1 {
    padding: 32px 0 80px;
  }

  :is(.page-home,.page-company,.page-service) .m11 .sec1 .company-greeting {
    gap: 40px;
  }

  :is(.page-home,.page-company,.page-service) .m11 .sec1 .company-greeting .imgarea {
    height: 260px;
  }

  :is(.page-home,.page-company,.page-service) .m11 .sec1 .company-greeting .txtarea h4 {
    font-size: 26px;
  }

  :is(.page-home,.page-company,.page-service) .m11 .sec1 .company-greeting .greeting-point+.greeting-point {
    margin-top: 36px;
  }
}

:is(.page-home,.page-company,.page-service) .m11 .company-values {
  padding: 0 0 150px;
}

:is(.page-home,.page-company,.page-service) .m11 .company-value-row {
  display: grid;
  grid-template-columns: 1fr 1.16fr;
  gap: 90px;
  align-items: center;
}

:is(.page-home,.page-company,.page-service) .m11 .company-value-row+.company-value-row {
  margin-top: 130px;
}

:is(.page-home,.page-company,.page-service) .m11 .company-value-row-reverse {
  grid-template-columns: 1.16fr 1fr;
}

:is(.page-home,.page-company,.page-service) .m11 .company-value-row-reverse .company-value-copy {
  grid-column: 2;
  grid-row: 1;
}

:is(.page-home,.page-company,.page-service) .m11 .company-value-row-reverse .company-value-image {
  grid-column: 1;
  grid-row: 1;
}

:is(.page-home,.page-company,.page-service) .m11 .company-value-copy {
  min-width: 0;
}

:is(.page-home,.page-company,.page-service) .m11 .company-value-copy h4 {
  display: block;
  margin: 0;
  padding-bottom: 36px;
  border-bottom: 1px solid #999;
  font-family: var(--font-ko),var(--font-sans);
  --section-title-default-size: 52px;
  --section-title-default-weight: 700;
  --section-title-default-leading: 1.2;
  --section-title-default-color: #000;
  letter-spacing: -0.03em;
}

:is(.page-home,.page-company,.page-service) .m11 .company-value-copy p {
  margin: 34px 0 0;
  font-size: 19px;
  line-height: 1.8;
  color: #555;
  word-break: keep-all;
}

:is(.page-home,.page-company,.page-service) .m11 .company-value-image {
  display: block;
  width: 100%;
  aspect-ratio: 640/380;
  height: auto;
  object-fit: cover;
  border-radius: 32px;
}

@media (max-width:1100px) {
  :is(.page-home,.page-company,.page-service) .m11 .company-value-row {
    gap: 40px;
  }

  :is(.page-home,.page-company,.page-service) .m11 .company-value-copy h4 {
    --section-title-default-size: 42px;
  }

  :is(.page-home,.page-company,.page-service) .m11 .company-value-break {
    display: none;
  }
}

@media (max-width:767px) {
  :is(.page-home,.page-company,.page-service) .m11 .company-values {
    padding-bottom: 80px;
  }

  :is(.page-home,.page-company,.page-service) .m11 .company-value-row, :is(.page-home,.page-company,.page-service) .m11 .company-value-row-reverse {
    grid-template-columns: minmax(0,1fr);
    gap: 32px;
  }

  :is(.page-home,.page-company,.page-service) .m11 .company-value-row+.company-value-row {
    margin-top: 64px;
  }

  :is(.page-home,.page-company,.page-service) .m11 .company-value-row-reverse .company-value-copy, :is(.page-home,.page-company,.page-service) .m11 .company-value-row-reverse .company-value-image {
    grid-column: auto;
    grid-row: auto;
  }

  :is(.page-home,.page-company,.page-service) .m11 .company-value-copy h4 {
    --section-title-default-size: 32px;
    padding-bottom: 20px;
  }

  :is(.page-home,.page-company,.page-service) .m11 .company-value-copy p {
    margin-top: 24px;
    font-size: 17px;
  }

  :is(.page-home,.page-company,.page-service) .m11 .company-value-image {
    border-radius: 24px;
  }
}

.certificate-page .certificate-content {
  padding: 48px 0 150px;
}

.certificate-page .company-certificate-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 70px 30px;
}

.certificate-page .company-certificate {
  min-width: 0;
}

.certificate-page .company-certificate__image {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  aspect-ratio: 3/4;
  padding: 24px;
  border: 1px solid #e3e3e3;
  border-radius: 30px;
  background: #fff;
  overflow: hidden;
  transition: border-color var(--motion-standard) var(--ease);
}

.certificate-page .company-certificate__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform var(--motion-standard) var(--ease);
}

.certificate-page .company-certificate__image:hover, .certificate-page .company-certificate__image:focus-visible {
  border-color: #4caf50;
}

.certificate-page .company-certificate__image:hover img {
  transform: scale(1.025);
}

.certificate-page .company-certificate__image:focus-visible {
  outline: 2px solid #4caf50;
  outline-offset: 4px;
}

.certificate-page .company-certificate .text-container {
  margin-top: 26px;
  text-align: center;
}

.certificate-page .company-certificate .title {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
  word-break: keep-all;
}

.certificate-page .certificate-skip-link {
  position: fixed;
  top: -100px;
  left: 16px;
  z-index: 10000;
  padding: 12px 20px;
  background: #fff;
  color: #000;
}

.certificate-page .certificate-skip-link:focus {
  top: 16px;
}

html.is-certificate-popup-open {
  overflow: hidden;
}

.certificate-page .certificate-popup {
  position: fixed;
  inset: 0;
  margin: auto;
  box-sizing: border-box;
  width: min(850px,calc(100vw - 32px));
  padding: 48px 16px 16px;
  border: 0;
  border-radius: 24px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  background: #fff;
  color: #111;
}

.certificate-page .certificate-popup::backdrop {
  background: rgb(0 0 0 / .65);
}

.certificate-page .certificate-popup img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: calc(100dvh - 96px);
  object-fit: contain;
}

.certificate-page .certificate-popup__close {
  position: absolute;
  top: 2px;
  right: 4px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 32px;
  cursor: pointer;
}

.certificate-page .certificate-popup__close:focus-visible {
  outline: 2px solid #4caf50;
  outline-offset: -4px;
}

@media (max-width:1100px) {
  .certificate-page .company-certificate-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 56px 28px;
  }
}

@media (max-width:767px) {
  .certificate-page .certificate-content {
    padding: 32px 0 80px;
  }

  .certificate-page .company-certificate-grid {
    gap: 40px 16px;
  }

  .certificate-page .company-certificate__image {
    padding: 14px;
    border-radius: 22px;
  }

  .certificate-page .company-certificate .text-container {
    margin-top: 18px;
  }

  .certificate-page .company-certificate .title {
    font-size: 16px;
  }
}

.location-page .location-content {
  padding: 48px 0 150px;
}

.location-page .location-tabs {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
  margin-bottom: 0;
}

.location-page .location-tabs button {
  padding: 24px 20px;
  border: 1px solid #e3e3e3;
  border-radius: 20px;
  background: #fff;
  color: #555;
  font: inherit;
  font-size: 24px;
  font-weight: 600;
  cursor: pointer;
  transition: color var(--motion-standard) var(--ease),border-color var(--motion-standard) var(--ease),background var(--motion-standard) var(--ease);
}

.location-page .location-tabs button[aria-selected="true"] {
  background: #000;
  border-color: #000;
  color: #fff;
}

.location-page .location-tabs button:focus-visible {
  outline: 2px solid #000;
  outline-offset: 4px;
}

.location-page .location-actions a:focus-visible, .location-page summary:focus-visible {
  outline: 2px solid #4caf50;
  outline-offset: 4px;
}

.location-page .location-panel[hidden] {
  display: none;
}

.location-page .location-panel-heading h4 {
  font-size: 42px;
  line-height: 1.5;
  font-weight: 700;
  color: #000;
}

.location-page .location-office-info {
  display: flex;
  align-items: center;
  gap: 48px;
  margin: 24px 0 36px;
}

.location-page .location-phone-item, .location-page .location-address-item {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.location-page .location-phone-item {
  flex: 0 0 240px;
}

.location-page .location-address-item {
  flex: 1;
}

.location-page .location-info-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: #176b36;
  color: #fff;
}

.location-page .location-info-icon svg {
  width: 26px;
  height: 26px;
}

.location-page .location-info-label {
  display: block;
  margin-bottom: 4px;
  font-size: 15px;
  color: #777;
  line-height: 1.5;
}

.location-page [data-office-phone] {
  font-size: 23px;
  font-weight: 600;
  line-height: 1.5;
  color: #111;
  white-space: nowrap;
}

.location-page .location-panel-heading .location-address-value {
  margin: 0;
  font-size: 19px;
  line-height: 1.8;
  color: #555;
  word-break: keep-all;
}

.location-page .location-map {
  position: relative;
  height: 480px;
  border: 1px solid #e3e3e3;
  border-radius: 30px;
  overflow: hidden;
  background: #f3f5f4;
}

.location-page .location-map-fallback {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  color: #555;
  text-align: center;
  line-height: 1.8;
}

.location-page .location-map iframe {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.location-page .location-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
}

.location-page .location-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 24px;
  border: 1px solid transparent;
  border-radius: 14px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  transition: filter var(--motion-standard) var(--ease);
}

.location-page .location-actions a[data-office-naver] {
  background: #03c75a;
  color: #fff;
}

.location-page .location-actions a[data-office-kakao] {
  background: #fee500;
  color: #191919;
}

.location-page .location-actions a:hover {
  filter: brightness(.94);
}

.location-page .location-brand-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.location-page .location-action-arrow {
  margin-left: 14px;
}

.location-page .location-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.location-page .location-skip-link {
  position: fixed;
  top: -100px;
  left: 16px;
  z-index: 10000;
  padding: 12px 20px;
  background: #fff;
  color: #000;
}

.location-page .location-skip-link:focus {
  top: 16px;
}

@media (max-width:900px) {
  .location-page .location-office-info {
    gap: 24px;
  }

  .location-page .location-phone-item {
    flex-basis: 220px;
  }
}

@media (max-width:767px) {
  .location-page .location-content {
    padding: 32px 0 80px;
  }

  .location-page .location-tabs {
    gap: 12px;
    margin-bottom: 0;
  }

  .location-page .location-tabs button {
    padding: 18px 12px;
    border-radius: 16px;
    font-size: 20px;
  }

  .location-page .location-panel-heading h4 {
    font-size: 28px;
  }

  .location-page .location-office-info {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    margin: 20px 0 28px;
  }

  .location-page .location-phone-item {
    flex-basis: auto;
  }

  .location-page .location-address-item {
    align-items: flex-start;
  }

  .location-page .location-panel-heading .location-address-value {
    font-size: 17px;
  }

  .location-page .location-map {
    height: 340px;
    border-radius: 24px;
  }

  .location-page .location-actions {
    gap: 12px;
  }

  .location-page .location-actions a {
    flex: 1 1 auto;
    padding: 16px;
    gap: 10px;
    font-size: 16px;
  }

  .location-page .location-action-arrow {
    margin-left: auto;
  }
}

.service-page {
  color: #111;
  font-family: "Montserrat","Noto Sans KR",sans-serif;
}

.service-page *, .service-page *::before, .service-page *::after {
  box-sizing: border-box;
}

.service-page .site-container {
  width: var(--content-width);
  margin-inline: auto;
}

.service-page {
  --service-section-space: 140px;
}

.service-page .content-section {
  padding: var(--service-section-space) 0;
}

.service-page .sp-soft {
  background: #f8f9fb;
}

.service-page .sp-page-name {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.service-page .section-eyebrow {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 14px;
  --section-eyebrow-default-size: 31px;
  --section-eyebrow-default-weight: 500;
  --section-eyebrow-default-leading: 1.4;
  --section-eyebrow-default-color: #111;
}

.service-page .accent-dot {
  display: inline-block;
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0981f1;
}

.service-page {
  --section-title-default-size: 55px;
  --section-title-default-weight: 600;
  --section-title-default-leading: 1.3;
}

.service-page .section-title {
  margin: 0;
  letter-spacing: -.025em;
  word-break: keep-all;
}

.service-page .section-heading {
  margin-bottom: 54px;
}

.service-page h3 {
  margin: 24px 0 8px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: -.02em;
  word-break: keep-all;
}

.service-page p, .service-page dd {
  font-size: 19px;
  line-height: 1.9;
  color: #777;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.service-page p {
  margin: 0;
}

.service-page .sp-intro-copy {
  max-width: 1050px;
  margin-top: 18px;
}

.service-page .sp-intro-photo {
  margin-top: 40px;
}

.service-page ul, .service-page ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.service-page .card-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  column-gap: 44px;
  row-gap: 68px;
}

.service-page .media-frame {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  isolation: isolate;
}

.service-page .media-frame img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/8;
  object-fit: cover;
}

.service-page .sp-feature-grid .media-frame::after, .service-page .sp-condition-grid .media-frame::after, .service-page .sp-material-grid .media-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.48) 36%,transparent 72%);
  pointer-events: none;
}

.service-page .sp-feature-grid .media-frame img, .service-page .sp-condition-grid .media-frame img, .service-page .sp-material-grid .media-frame img {
  aspect-ratio: 16/10;
}

.service-page .sp-feature-caption, .service-page .sp-condition-caption, .service-page .sp-material-caption {
  position: absolute;
  left: 36px;
  right: 36px;
  bottom: 30px;
  z-index: 2;
  color: #fff;
}

.service-page .sp-feature-caption h3, .service-page .sp-condition-caption h3, .service-page .sp-material-caption h3 {
  margin: 0 0 10px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}

.service-page .sp-feature-caption p, .service-page .sp-condition-caption p, .service-page .sp-material-caption p {
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255,255,255,.9);
}

.service-page .sp-space-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 28px;
}

.service-page .sp-space-photo {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  isolation: isolate;
}

.service-page .sp-space-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg,transparent 40%,rgba(0,0,0,.75));
  pointer-events: none;
}

.service-page .sp-space-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.15;
  object-fit: cover;
}

.service-page .sp-space-caption {
  position: absolute;
  left: 30px;
  right: 22px;
  bottom: 30px;
  z-index: 2;
  color: #fff;
}

.service-page .sp-space-caption strong {
  display: block;
  font-size: clamp(24px,2.4vw,39px);
  font-weight: 700;
  line-height: 1.2;
}

.service-page .sp-space-caption h3 {
  margin: 14px 0 0;
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
}

.service-page .sp-space-grid>li>p {
  margin-top: 24px;
  font-size: 18px;
}

.service-page .sp-process-list {
  border-top: 1px solid #aaa;
}

.service-page .sp-process-list li {
  display: grid;
  grid-template-columns: 140px minmax(0,1fr);
  gap: 36px;
  align-items: start;
  padding: 42px 0;
  border-bottom: 1px solid #aaa;
}

.service-page .sp-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  border-radius: 8px;
  background: #111;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.01em;
}

.service-page .sp-process-list h3 {
  margin: 0 0 8px;
}

.service-page .sp-case+.sp-case {
  margin-top: 68px;
}

.service-page .sp-case>h3 {
  margin: 0 0 18px;
  text-align: right;
}

.service-page .sp-compare {
  --compare-position: 50%;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 30px;
  background: #edf0f3;
  cursor: ew-resize;
  touch-action: pan-y;
  user-select: none;
}

.service-page .sp-compare-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.service-page .sp-compare-layer img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.service-page .sp-compare-after {
  z-index: 1;
}

.service-page .sp-compare-before {
  z-index: 2;
  clip-path: inset(0 calc(100% - var(--compare-position,50%)) 0 0);
}

.service-page .sp-compare-label {
  position: absolute;
  z-index: 3;
  top: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 18px;
  border-radius: 8px;
  background: #111;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .03em;
  white-space: nowrap;
}

.service-page .sp-compare-label-before {
  left: 28px;
}

.service-page .sp-compare-label-after {
  right: 28px;
}

.service-page .sp-compare-divider {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: var(--compare-position,50%);
  width: 2px;
  background: #fff;
  transform: translateX(-50%);
  pointer-events: none;
}

.service-page .sp-compare-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fff;
  color: #111;
  box-shadow: 0 3px 18px rgba(0,0,0,.22);
  transform: translate(-50%,-50%);
}

.service-page .sp-compare-handle svg {
  width: 28px;
  height: 28px;
}

.service-page .sp-compare-range {
  position: absolute;
  z-index: 4;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

.service-page .sp-compare:has(.sp-compare-range:focus-visible) .sp-compare-handle {
  outline: 3px solid #0981f1;
  outline-offset: 4px;
}

@media (max-width:1399px) {
  .service-page {
    --service-section-space: 100px;
  }

  .service-page {
    --section-title-default-size: 48px;
  }

  .service-page .section-eyebrow {
    --section-eyebrow-default-size: 27px;
    margin-bottom: 12px;
  }

  .service-page .sp-space-caption {
    left: 24px;
    right: 20px;
    bottom: 24px;
  }
}

@media (max-width:1000px) {
  .service-page .sp-space-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:767px) {
  .service-page .site-container {
    padding-right: 24px;
  }

  .service-page {
    --service-section-space: 76px;
  }

  .service-page .section-eyebrow {
    --section-eyebrow-default-size: 22px;
    margin-bottom: 10px;
  }

  .service-page {
    --section-title-default-size: clamp(29px,7.2vw,38px);
    --section-title-default-leading: 1.45;
  }

  .service-page h3 {
    font-size: 23px;
    margin: 20px 0 8px;
  }

  .service-page p, .service-page dd {
    font-size: 17px;
    line-height: 1.9;
  }

  .service-page .sp-intro-copy {
    margin-top: 16px;
  }

  .service-page .sp-intro-photo {
    margin-top: 24px;
  }

  .service-page .section-heading {
    margin-bottom: 36px;
  }

  .service-page .card-grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .service-page .sp-space-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .service-page .media-frame, .service-page .sp-space-photo {
    border-radius: 22px;
  }

  .service-page .sp-feature-grid .media-frame img, .service-page .sp-condition-grid .media-frame img, .service-page .sp-material-grid .media-frame img {
    aspect-ratio: 16/11;
  }

  .service-page .sp-feature-caption, .service-page .sp-condition-caption, .service-page .sp-material-caption {
    left: 24px;
    right: 24px;
    bottom: 22px;
  }

  .service-page .sp-feature-caption h3, .service-page .sp-condition-caption h3, .service-page .sp-material-caption h3 {
    font-size: 21px;
    margin-bottom: 6px;
  }

  .service-page .sp-feature-caption p, .service-page .sp-condition-caption p, .service-page .sp-material-caption p {
    font-size: 15px;
    line-height: 1.5;
  }

  .service-page .sp-space-photo img {
    aspect-ratio: 1.25;
  }

  .service-page .sp-space-caption strong {
    font-size: 34px;
  }

  .service-page .sp-space-caption h3 {
    font-size: 18px;
  }

  .service-page .sp-space-grid>li>p {
    font-size: 17px;
  }

  .service-page .sp-process-list li {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 30px 0;
  }

  .service-page .sp-step-number {
    display: inline-flex;
    width: fit-content;
    padding: 6px 14px;
    font-size: 16px;
    border-radius: 6px;
  }

  .service-page .sp-compare {
    aspect-ratio: 4/3;
    border-radius: 22px;
  }

  .service-page .sp-compare-label {
    top: 16px;
    padding: 7px 12px;
    font-size: 13px;
    border-radius: 6px;
  }

  .service-page .sp-compare-label-before {
    left: 16px;
  }

  .service-page .sp-compare-label-after {
    right: 16px;
  }

  .service-page .sp-compare-handle {
    width: 46px;
    height: 46px;
  }

  .service-page .sp-compare-handle svg {
    width: 24px;
    height: 24px;
  }

  .service-page .sp-case+.sp-case {
    margin-top: 42px;
    padding-top: 42px;
  }
}

.service-page .sp-intro {
  padding-bottom: calc(var(--service-section-space) / 2);
}

.service-page .sp-features {
  padding-top: calc(var(--service-section-space) / 2);
}

/* STAGE3 IMPORT START */
.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}
.whitespace-pre-line{white-space:pre-line}
.opacity-80{opacity:.8}
.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}
.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}
.swiper-wrapper{transform:translateZ(0)}
.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}
.faqWrap[data-v-b04bfb16]{padding:0 var(--common-padding);width:100%}
.about[data-v-07b0fd88]{overflow-x:hidden}
.about .firstSec[data-v-07b0fd88]{height:200vh;position:relative;z-index:10}
.about .firstSec .firstSecImgBox[data-v-07b0fd88]{background-image:url("/assets/images/common/1st_bg.png");background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;bottom:0;height:600px;left:50%;max-height:100vh;max-width:100vw;overflow:hidden;position:absolute;transform:translate(-50%);transition:var(--motion-standard) var(--ease);width:1680px}
.about .thirdSec[data-v-07b0fd88]{position:relative}
.about .thirdSecCerts[data-v-07b0fd88]{padding:80px var(--common-padding) 100px}
.about .thirdSecCerts h3[data-v-07b0fd88]{color:#000;font-size:42px;font-weight:600;letter-spacing:-.42px;line-height:1.5;margin-bottom:40px}
.about .thirdSecCerts .certGrid[data-v-07b0fd88]{display:grid;gap:18px;grid-template-columns:repeat(5,1fr);max-width:1200px}
.about .thirdSecCerts .certGrid .certItem[data-v-07b0fd88]{border:1px solid #c2c2c2;overflow:hidden}
.about .thirdSecCerts .certGrid .certItem img[data-v-07b0fd88]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--motion-standard) var(--ease);width:100%}
.about .thirdSecCerts .certGrid .certItem:hover img[data-v-07b0fd88]{transform:scale(1.06)}
.about .thirdSecTimeline[data-v-07b0fd88]{background-color:#1a273c;padding:128px var(--common-padding) 140px}
.about .thirdSecTimeline h3[data-v-07b0fd88]{color:#fff;font-size:50px;font-weight:700;letter-spacing:-.5px;line-height:1.5;margin-bottom:70px}
.about .thirdSecTimeline .timeline[data-v-07b0fd88]{max-width:1200px}
.about .thirdSecTimeline .timelineItem[data-v-07b0fd88]{align-items:flex-start;display:flex;gap:100px;position:relative}
.about .thirdSecTimeline .timelineYear[data-v-07b0fd88]{color:#fff;flex-shrink:0;font-size:110px;font-weight:700;letter-spacing:-1.1px;line-height:1.35;width:281px}
.about .thirdSecTimeline .timelineDot[data-v-07b0fd88]{background:#3383ff;border-radius:50%;flex-shrink:0;height:26px;margin-top:61px;position:relative;width:26px}
.about .thirdSecTimeline .timelineDot[data-v-07b0fd88]:after{background:#ffffff4d;content:"";height:calc(100% + 200px);left:50%;position:absolute;top:26px;transform:translate(-50%);width:2px}
.about .thirdSecTimeline .timelineItem:last-child .timelineDot[data-v-07b0fd88]:after{display:none}
.about .thirdSecTimeline .timelineEntries[data-v-07b0fd88]{display:flex;flex-direction:column;gap:16px;padding:64px 0}
.about .thirdSecTimeline .timelineEntry[data-v-07b0fd88]{align-items:flex-start;display:flex;gap:42px}
.about .thirdSecTimeline .timelineDesc[data-v-07b0fd88]{color:#fbfbff;font-size:24px;font-weight:400;letter-spacing:-.24px;line-height:1.5}
@media (max-width:1600px){.about .firstSec .firstSecImgBox[data-v-07b0fd88]{border-radius:20px;height:360px;width:var(--common-width)}}
@media (max-width:1600px){.about .thirdSecCerts .certGrid[data-v-07b0fd88]{grid-template-columns:repeat(5,1fr)}}
@media (max-width:1300px){.about .thirdSecCerts h3[data-v-07b0fd88]{font-size:36px}}
@media (max-width:1300px){.about .thirdSecCerts .certGrid[data-v-07b0fd88]{gap:10px;grid-template-columns:repeat(4,1fr)}}
@media (max-width:1300px){.about .thirdSecTimeline h3[data-v-07b0fd88]{font-size:40px}}
@media (max-width:1300px){.about .thirdSecTimeline .timelineYear[data-v-07b0fd88]{font-size:80px;width:220px}}
@media (max-width:1300px){.about .thirdSecTimeline .timelineItem[data-v-07b0fd88]{gap:60px}}
@media (max-width:1300px){.about .thirdSecTimeline .timelineDesc[data-v-07b0fd88]{font-size:20px}}
@media (max-width:990px){.about .thirdSecCerts .certGrid[data-v-07b0fd88]{grid-template-columns:repeat(3,1fr)}}
@media (max-width:990px){.about .thirdSecCerts[data-v-07b0fd88]{padding:35px 25px 50px}}
@media (max-width:990px){.about .thirdSecCerts h3[data-v-07b0fd88]{font-size:24px;font-weight:600;letter-spacing:-.24px;line-height:1.66;margin-bottom:20px}}
@media (max-width:990px){.about .thirdSecCerts .certGrid[data-v-07b0fd88]{gap:10px}}
@media (max-width:990px){.about .thirdSecCerts .certGrid .certItem[data-v-07b0fd88]{border-width:.47px}}
@media (max-width:990px){.about .thirdSecTimeline[data-v-07b0fd88]{padding:70px 25px 80px}}
@media (max-width:990px){.about .thirdSecTimeline h3[data-v-07b0fd88]{font-size:24px;font-weight:600;margin-bottom:40px}}
@media (max-width:990px){.about .thirdSecTimeline .timeline[data-v-07b0fd88]{padding-left:31px;position:relative}}
@media (max-width:990px){.about .thirdSecTimeline .timeline[data-v-07b0fd88]:before{background:#ffffff4d;bottom:8px;content:"";left:6px;position:absolute;top:8px;width:1px}}
@media (max-width:990px){.about .thirdSecTimeline .timelineItem[data-v-07b0fd88]{display:block;gap:0;margin-bottom:24px;position:relative}}
@media (max-width:990px){.about .thirdSecTimeline .timelineDot[data-v-07b0fd88]{height:12px;left:-25px;margin-top:0;position:absolute;top:8px;width:12px}}
@media (max-width:990px){.about .thirdSecTimeline .timelineDot[data-v-07b0fd88]:after{display:none}}
@media (max-width:990px){.about .thirdSecTimeline .timelineYear[data-v-07b0fd88]{font-size:28px;letter-spacing:-.28px;line-height:1.35;margin-bottom:8px;width:auto}}
@media (max-width:990px){.about .thirdSecTimeline .timelineEntries[data-v-07b0fd88]{gap:8px;padding:0}}
@media (max-width:990px){.about .thirdSecTimeline .timelineEntry[data-v-07b0fd88]{gap:0}}
@media (max-width:990px){.about .thirdSecTimeline .timelineDesc[data-v-07b0fd88]{font-size:14px;letter-spacing:-.14px}}
.inquiryBanner[data-v-f3094a46]{align-items:center;background-color:#0009;background-image:url("/assets/images/common/banner.HI-vYYar.png");background-position:75%;background-size:cover;border-radius:24px;display:flex;justify-content:space-between;margin:0 auto;padding:5rem;width:var(--common-width)}
.text_container .title[data-v-f3094a46]{color:#fff;font-size:42px;font-weight:700;letter-spacing:-.42px;line-height:1.4;margin-bottom:1rem}
.sub_title[data-v-f3094a46]{color:#fff;font-size:22px;font-weight:500;line-height:1.4}
.cta_btn[data-v-f3094a46]{background:#0064ff;border-radius:8px;color:#fff;font-size:20px;font-weight:700;letter-spacing:-.2px;padding:1.8rem 5.5rem}
@media (max-width:990px){.inquiryBanner[data-v-f3094a46]{padding:2.5rem 1.5rem}}
@media (max-width:990px){.text_container .title[data-v-f3094a46]{font-size:20px}}
@media (max-width:990px){.sub_title[data-v-f3094a46]{color:#ddd;font-size:16px;font-style:normal;font-weight:500;letter-spacing:-.16px;line-height:22px}}
@media (max-width:990px){.cta_btn[data-v-f3094a46]{align-self:flex-end;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:-.14px;line-height:18px;padding:1rem;text-transform:capitalize}}
.gcta[data-v-b44d7fb2]{margin-top:64px}
.gcta__inner[data-v-b44d7fb2]{padding:0 var(--common-padding)}
.gcta__box[data-v-b44d7fb2]{background:#001433;border-radius:24px;min-height:250px;overflow:hidden;position:relative}
.gcta__media[data-v-b44d7fb2]{background-position:100%;background-repeat:no-repeat;background-size:cover;bottom:0;position:absolute;right:0;top:0;width:62%}
.gcta__scrim[data-v-b44d7fb2]{background:linear-gradient(90deg,#001433 0 38%,#001433b8 58%,#00143359);display:block;inset:0;pointer-events:none;position:absolute}
.gcta__content[data-v-b44d7fb2]{align-items:center;display:flex;gap:32px;justify-content:space-between;min-height:250px;padding:44px 48px;position:relative;z-index:2}
.gcta__title[data-v-b44d7fb2]{color:#fff;font-size:30px;font-weight:700;letter-spacing:-.3px;line-height:1.4;margin:0;word-break:keep-all}
@media (max-width:990px){.gcta[data-v-b44d7fb2]{margin-top:40px}}
@media (max-width:990px){.gcta__box[data-v-b44d7fb2]{border-radius:20px;min-height:0}}
@media (max-width:990px){.gcta__media[data-v-b44d7fb2]{background-position:50%;width:100%}}
@media (max-width:990px){.gcta__scrim[data-v-b44d7fb2]{background:#001433c7}}
@media (max-width:990px){.gcta__content[data-v-b44d7fb2]{align-items:stretch;flex-direction:column;gap:24px;min-height:0;padding:32px 24px}}
@media (max-width:990px){.gcta__title[data-v-b44d7fb2]{font-size:22px;letter-spacing:-.22px;line-height:1.42}}
.page-selector-bs-overlay{align-items:flex-end;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}
.page-selector-bs-sheet{background:#fff;border-radius:20px 20px 0 0;box-sizing:border-box;max-height:70vh;max-width:640px;overflow-y:auto;padding:8px 0 24px;width:100%}
.page-selector-bs-handle{display:flex;justify-content:center;padding:8px 0 12px}
.page-selector-bs-handle span{background:#dbdbdb;border-radius:2px;height:4px;width:40px}
.page-selector-bs-heading{color:#767679;font-size:16px;font-weight:700;margin:0 24px 16px}
.page-selector-bs-list{list-style:none;margin:0;padding:0}
.page-selector-bs-link{border-top:1px solid #e6e6e6;color:#222;display:block;font-size:18px;font-weight:600;padding:16px 24px;text-decoration:none;transition:background var(--motion-fast) var(--ease)}
.page-selector-bs-link:first-of-type{border-top:none}
.page-selector-bs-link:focus-visible, .page-selector-bs-link:hover{background:#f4f5f8;outline:none}
.hero-detail[data-v-b50cec21]{background:#fff;padding-top:90px}
.hero-detail__inner[data-v-b50cec21]{margin:0 auto;padding:86px var(--common-padding) 60px}
.hero-detail__inner h1[data-v-b50cec21]{color:#222;font-size:72px;font-weight:700;letter-spacing:-.9px;line-height:1.2}
.hero-detail__desc[data-v-b50cec21]{color:#222;font-size:28px;font-weight:400;letter-spacing:-.28px;line-height:44px;margin-top:24px}
@media (max-width:990px){.hero-detail[data-v-b50cec21]{padding-top:64px}}
@media (max-width:990px){.hero-detail__inner[data-v-b50cec21]{padding:50px var(--common-padding) 40px}}
@media (max-width:990px){.hero-detail__inner h1[data-v-b50cec21]{font-size:42px;letter-spacing:-.42px}}
@media (max-width:990px){.hero-detail__desc[data-v-b50cec21]{font-size:18px;letter-spacing:-.18px;line-height:1.5;margin-top:12px}}
.page-nav[data-v-b644ca27]{align-items:center;background:#fff;border-bottom:1px solid #e6e6e6;display:flex;padding:0 var(--common-padding);position:sticky;z-index:995}
.page-nav__scroll[data-v-b644ca27]{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0}
.page-nav__scroll[data-v-b644ca27]::-webkit-scrollbar{display:none}
.page-nav__btn[data-v-b644ca27]{background:none;border:none;border-bottom:2px solid transparent;color:#909093;cursor:pointer;flex-shrink:0;font-size:18px;font-weight:700;height:56px;letter-spacing:-.18px;min-width:80px;padding:0 8px;transition:var(--motion-standard) var(--ease);white-space:nowrap}
.page-nav__btn.active[data-v-b644ca27]{border-bottom-color:#0064ff;color:#0064ff}
.page-nav__btn[data-v-b644ca27]:hover{color:#0064ff}
@media (max-width:990px){.page-nav__btn[data-v-b644ca27]{font-size:16px;letter-spacing:-.16px}}
.content-section[data-v-5ae3cff7]{padding:100px 0!important}
.tit-group[data-v-5ae3cff7]{margin-bottom:50px}
.tit-group sub[data-v-5ae3cff7]{color:#0064ff;font-size:24px;font-weight:700;letter-spacing:-.24px}
.tit-group p[data-v-5ae3cff7]{color:#333;font-size:24px;font-weight:500;letter-spacing:-.24px;line-height:1.33;margin-top:16px}
.tit-group h2[data-v-5ae3cff7]{--section-title-default-color:#000;--section-title-default-size:42px;--section-title-default-weight:700;--section-title-default-leading:1.28;display:block;letter-spacing:-.42px;margin:10px 0 0;word-break:keep-all}
.content-section__head[data-v-5ae3cff7]{margin-bottom:50px;padding:0 var(--common-padding)}
.content-section__body[data-v-5ae3cff7]>*{padding-left:var(--common-padding);padding-right:var(--common-padding)}
@media (max-width:990px){.content-section[data-v-5ae3cff7]{padding:60px 0}}
@media (max-width:990px){.content-section__head[data-v-5ae3cff7], .tit-group[data-v-5ae3cff7]{margin-bottom:32px}}
@media (max-width:990px){.tit-group sub[data-v-5ae3cff7]{font-size:16px}}
@media (max-width:990px){.tit-group h2[data-v-5ae3cff7]{--section-title-default-size:28px;--section-title-default-leading:1.285}}
@media (max-width:990px){.tit-group h2[data-v-5ae3cff7]{margin:8px 0 0}}
@media (max-width:990px){.tit-group p[data-v-5ae3cff7]{font-size:16px;letter-spacing:-.24px;line-height:1.375;margin-top:12px}}
.pi-intro__card[data-v-286ff0ae]{align-items:center;background:#f2f7ff;border-radius:24px;display:flex;gap:40px;padding:40px}
.pi-intro__img[data-v-286ff0ae]{border-radius:12px;flex-shrink:0;height:380px;overflow:hidden;width:540px}
.pi-intro__img img[data-v-286ff0ae]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.pi-intro__text[data-v-286ff0ae]{display:flex;flex:1;flex-direction:column;gap:50px}
.pi-intro__block h3[data-v-286ff0ae]{color:#222;font-size:32px;font-weight:700;letter-spacing:-.32px;line-height:1.5;margin-bottom:8px}
.pi-intro__block p[data-v-286ff0ae]{color:#464648;font-size:24px;font-weight:400;letter-spacing:-.24px;line-height:1.5}
.pi-timing[data-v-286ff0ae]{display:flex;gap:12px}
.pi-timing__card[data-v-286ff0ae]{border-radius:20px;display:flex;flex-direction:column;justify-content:flex-end;min-height:337px;overflow:hidden;position:relative}
.pi-timing__card--dark[data-v-286ff0ae]{background:#2e405d;color:#fff;flex-shrink:0;width:378px}
.pi-timing__card--light[data-v-286ff0ae]{background:#cce0ff;flex:1}
.pi-timing__content[data-v-286ff0ae]{padding:34px;position:relative;z-index:1}
.pi-timing__card--dark .pi-timing__content h4[data-v-286ff0ae]{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.24px;line-height:1.5;margin-bottom:8px}
.pi-timing__card--dark .pi-timing__content p[data-v-286ff0ae]{color:#fff;font-size:20px;font-weight:400;letter-spacing:-.2px;line-height:1.5}
.pi-timing__card--light .pi-timing__content h4[data-v-286ff0ae]{color:#222;font-size:24px;font-weight:700;letter-spacing:-.24px;line-height:1.5;margin-bottom:8px}
.pi-timing__card--light .pi-timing__content p[data-v-286ff0ae]{color:#464648;font-size:20px;font-weight:400;letter-spacing:-.2px;line-height:1.5}
.pi-timing__img[data-v-286ff0ae]{position:absolute;z-index:0}
.pi-timing__card--dark .pi-timing__img[data-v-286ff0ae]{box-shadow:0 11px 10.3px #00000040;height:135px;right:26px;top:36px;width:135px}
.pi-timing__card--light .pi-timing__img[data-v-286ff0ae]{height:154px;right:36px;top:27px;width:296px}
.pi-timing__img img[data-v-286ff0ae]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.pi-defect-sec[data-v-286ff0ae]{padding:100px 0}
.pi-defect-sec__head[data-v-286ff0ae]{margin-bottom:60px}
.pi-defect-area[data-v-286ff0ae]{background:#636363;padding:100px 10px;position:relative}
.pi-defect-area[data-v-286ff0ae]:before{background:url("/assets/images/common/preinspection_defect_bg.webp") 50%/cover no-repeat;content:"";inset:0;opacity:.2;pointer-events:none;position:absolute}
.pi-defect-card[data-v-286ff0ae]{background:#fff;border:1px solid #e7eaf2;border-radius:12px;margin:0 auto 50px;max-width:1200px;padding:42px 40px;position:relative}
.pi-defect-card[data-v-286ff0ae]:last-child{margin-bottom:0}
.pi-defect-grid[data-v-286ff0ae]{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}
.pi-defect-item[data-v-286ff0ae]{border-radius:8px;overflow:hidden}
.pi-defect-item__img[data-v-286ff0ae]{height:160px;overflow:hidden}
.pi-defect-item__img img[data-v-286ff0ae]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.pi-defect-item__label[data-v-286ff0ae]{background:#f2f7ff;color:#3383ff;font-size:20px;font-weight:700;letter-spacing:-.2px;line-height:1.5;padding:8px;text-align:center}
.pi-area-block[data-v-286ff0ae]{margin-top:40px}
.pi-area-block+.pi-area-block[data-v-286ff0ae]{margin-top:64px}
.pi-area-block__images[data-v-286ff0ae]{display:flex;gap:24px}
.pi-area-block__img[data-v-286ff0ae]{border-radius:12px;flex:1;height:256px;overflow:hidden}
.pi-area-block__img img[data-v-286ff0ae]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.pi-cases-grid[data-v-286ff0ae]{display:grid;gap:16px 12px;grid-template-columns:repeat(4,1fr);margin-top:50px}
.pi-case-card[data-v-286ff0ae]{border-radius:12px;overflow:hidden}
.pi-case-card__img[data-v-286ff0ae]{border-radius:12px 12px 0 0;height:160px;overflow:hidden}
.pi-case-card__img img[data-v-286ff0ae]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.pi-case-card__info[data-v-286ff0ae]{background:#fff;border:1px solid #efeff4;border-radius:0 0 12px 12px;border-top:none;display:flex;flex-direction:column;gap:8px;min-height:142px;padding:20px}
.pi-case-card__tags[data-v-286ff0ae]{display:flex;gap:4px}
.pi-tag[data-v-286ff0ae]{align-items:center;border-radius:4px;display:inline-flex;font-size:16px;font-weight:500;justify-content:center;letter-spacing:-.16px;line-height:1.5;padding:4px 8px}
.pi-tag--blue[data-v-286ff0ae]{background:#cce0ff;color:#0064ff}
.pi-case-card__name[data-v-286ff0ae]{color:#222;font-size:20px;font-weight:600;letter-spacing:-.2px;line-height:1.5}
[data-v-286ff0ae] .pi-faq-num{color:#3383ff;font-size:20px;font-style:normal;font-weight:700}
@media (max-width:990px){.pi-intro__card[data-v-286ff0ae]{flex-direction:column;gap:24px;padding:24px}}
@media (max-width:990px){.pi-intro__img[data-v-286ff0ae]{height:240px;width:100%}}
@media (max-width:990px){.pi-intro__text[data-v-286ff0ae]{gap:32px}}
@media (max-width:990px){.pi-intro__block h3[data-v-286ff0ae]{font-size:24px;letter-spacing:-.24px}}
@media (max-width:990px){.pi-intro__block p[data-v-286ff0ae]{font-size:16px;letter-spacing:-.16px}}
@media (max-width:990px){.pi-timing[data-v-286ff0ae]{flex-direction:column}}
@media (max-width:990px){.pi-timing__card--dark[data-v-286ff0ae]{min-height:0;width:100%}}
@media (max-width:990px){.pi-timing__card--light[data-v-286ff0ae]{min-height:0}}
@media (max-width:990px){.pi-timing__content[data-v-286ff0ae]{padding:24px 24px 0}}
@media (max-width:990px){.pi-timing__card--dark .pi-timing__content h4[data-v-286ff0ae], .pi-timing__card--light .pi-timing__content h4[data-v-286ff0ae]{font-size:20px}}
@media (max-width:990px){.pi-timing__card--dark .pi-timing__content p[data-v-286ff0ae], .pi-timing__card--light .pi-timing__content p[data-v-286ff0ae]{font-size:16px}}
@media (max-width:990px){.pi-timing__img[data-v-286ff0ae]{margin:20px 24px 24px;position:static;z-index:auto}}
@media (max-width:990px){.pi-timing__card--dark .pi-timing__img[data-v-286ff0ae]{height:96px;right:auto;top:auto;width:96px}}
@media (max-width:990px){.pi-timing__card--light .pi-timing__img[data-v-286ff0ae]{height:104px;right:auto;top:auto;width:200px}}
@media (max-width:990px){.pi-defect-sec[data-v-286ff0ae]{padding:60px 0}}
@media (max-width:990px){.pi-defect-area[data-v-286ff0ae]{padding:40px 10px}}
@media (max-width:990px){.pi-defect-card[data-v-286ff0ae]{margin-bottom:24px;padding:24px 20px}}
@media (max-width:990px){.pi-defect-grid[data-v-286ff0ae]{gap:12px;grid-template-columns:repeat(2,1fr)}}
@media (max-width:990px){.pi-defect-item__img[data-v-286ff0ae]{height:120px}}
@media (max-width:990px){.pi-defect-item__label[data-v-286ff0ae]{font-size:14px;padding:6px}}
@media (max-width:990px){.pi-area-block__images[data-v-286ff0ae]{flex-direction:column;gap:12px}}
@media (max-width:990px){.pi-area-block__img[data-v-286ff0ae]{height:200px}}
@media (max-width:990px){.pi-area-block+.pi-area-block[data-v-286ff0ae]{margin-top:40px}}
@media (max-width:990px){.pi-cases-grid[data-v-286ff0ae]{gap:12px;grid-template-columns:repeat(2,1fr);margin-top:32px}}
@media (max-width:990px){.pi-case-card__img[data-v-286ff0ae]{height:120px}}
@media (max-width:990px){.pi-case-card__info[data-v-286ff0ae]{min-height:auto;padding:16px}}
@media (max-width:990px){.pi-tag[data-v-286ff0ae]{font-size:12px;padding:2px 6px}}
@media (max-width:990px){.pi-case-card__name[data-v-286ff0ae]{font-size:16px}}
@media (max-width:600px){.pi-intro__img[data-v-286ff0ae]{height:200px}}
@media (max-width:600px){.pi-defect-item__img[data-v-286ff0ae]{height:100px}}
@media (max-width:600px){.pi-area-block__img[data-v-286ff0ae]{height:160px}}
.osq__band[data-v-850ba1c3]{padding:110px 0}
.osq__band--grey[data-v-850ba1c3]{background:#f4f5f8}
.osq__inner[data-v-850ba1c3]{padding:0 var(--common-padding)}
.osq__head[data-v-850ba1c3]{margin-bottom:50px}
.osq__titGroup[data-v-850ba1c3]{max-width:900px}
.osq__titGroup sub[data-v-850ba1c3]{bottom:0;color:#0064ff;display:block;font-size:24px;font-weight:700;letter-spacing:-.24px;line-height:1.4;margin:0 0 10px;vertical-align:baseline}
.osq__title[data-v-850ba1c3]{--section-title-default-size:42px;--section-title-default-leading:1.28;letter-spacing:-.42px}
.osq__title[data-v-850ba1c3]{--section-title-default-color:#222;--section-title-default-weight:700;margin:0;word-break:keep-all}
.osq__lead[data-v-850ba1c3]{color:#464648;font-size:20px;font-weight:500;letter-spacing:-.2px;line-height:1.6;margin:16px 0 0;word-break:keep-all}
.osq__media[data-v-850ba1c3]{aspect-ratio:16/8;background:#0f1620;border-radius:24px;overflow:hidden;position:relative}
.osq__media-img[data-v-850ba1c3]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center 62%;object-position:center 62%;position:absolute;width:100%}
.osq__cards[data-v-850ba1c3]{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:56px}
.osq__card[data-v-850ba1c3]{background:#fff;border:1px solid #d2d7e3;border-radius:16px;display:flex;flex-direction:column;padding:30px 26px}
.osq__tag[data-v-850ba1c3]{color:#0064ff;font-size:16px;font-weight:700;letter-spacing:-.16px;margin-bottom:14px}
.osq__role-t[data-v-850ba1c3]{color:#222;font-size:20px;font-weight:700;letter-spacing:-.2px;line-height:1.4;margin:0;word-break:keep-all}
.osq__role-d[data-v-850ba1c3]{border-top:1px solid #e6e6e6;color:#464648;font-size:15px;font-weight:500;letter-spacing:-.15px;line-height:1.7;margin-top:16px;padding-top:16px;word-break:keep-all}
@media (max-width:990px){.osq__band[data-v-850ba1c3]{padding:60px 0}}
@media (max-width:990px){.osq__head[data-v-850ba1c3]{margin-bottom:40px}}
@media (max-width:990px){.osq__titGroup sub[data-v-850ba1c3]{font-size:16px;letter-spacing:-.16px;margin-bottom:8px}}
@media (max-width:990px){.osq__title[data-v-850ba1c3]{--section-title-default-size:28px;--section-title-default-leading:1.285;letter-spacing:-.28px}}
@media (max-width:990px){.osq__lead[data-v-850ba1c3]{font-size:16px;letter-spacing:-.16px;line-height:1.6;margin-top:12px}}
@media (max-width:990px){.osq__media[data-v-850ba1c3]{aspect-ratio:16/9;border-radius:16px}}
@media (max-width:990px){.osq__cards[data-v-850ba1c3]{gap:16px;grid-template-columns:1fr 1fr;margin-top:40px}}
@media (max-width:990px){.osq__card[data-v-850ba1c3]{padding:24px 20px}}
@media (max-width:990px){.osq__tag[data-v-850ba1c3]{font-size:14px;margin-bottom:10px}}
@media (max-width:990px){.osq__role-t[data-v-850ba1c3]{font-size:18px;letter-spacing:-.18px}}
@media (max-width:990px){.osq__role-d[data-v-850ba1c3]{font-size:14px}}
@media (max-width:600px){.osq__band[data-v-850ba1c3]{padding:48px 0}}
@media (max-width:600px){.osq__cards[data-v-850ba1c3]{grid-template-columns:1fr}}
.experts[data-v-a24f2055]{display:none!important;padding:0 48px}
.swiper_inner[data-v-a24f2055]{margin:0 auto 5rem;width:-moz-fit-content;width:fit-content}
.experts .slide_title[data-v-a24f2055]{display:inline-block;font-size:20px;font-weight:700;letter-spacing:-.32px;line-height:1.4;margin-top:1.2rem}
.experts .slide_p[data-v-a24f2055]{color:#333;font-size:16px;font-weight:500;letter-spacing:-.24px;line-height:1.375;margin-top:.5rem}
@media (max-width:990px){.experts[data-v-a24f2055]{display:block!important}}
.titGroup sub{color:#0064ff;font-size:24px;font-weight:700;letter-spacing:-.24px}
.titGroup span{color:#000;display:block;font-size:42px;font-weight:700;letter-spacing:-.42px;line-height:1.28;margin-top:10px;word-break:keep-all}
.titGroup h2{color:#000;display:block;font-size:42px;font-weight:700;letter-spacing:-.42px;line-height:1.28;margin:10px 0 0;word-break:keep-all}
.faqList li{border-bottom:1px solid #dbdbdb;cursor:pointer;display:flex;flex-direction:column;max-height:-moz-fit-content;max-height:fit-content;overflow:hidden;padding:44px 0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.faqList li:last-child{border-bottom:none}
.faqList li>div{align-items:center;display:flex;gap:6px}
.faqList li>.answer{align-items:flex-start;background:#f8f8f8;border-radius:16px;max-height:0;opacity:0;overflow:hidden;padding:0 98px;transition:padding .23s ease .23s,max-height .23s ease .23s,margin-top .23s ease .23s,opacity .23s ease;width:100%}
.faqList li .answer>div{max-width:100%;min-width:0}
.faqList li .question .qtext{align-items:center;display:flex}
.faqList li .qtext{word-break:keep-all}
.faqList li .qtext i{color:#0064ff;display:inline-block;font-size:32px;font-style:normal;font-weight:600;letter-spacing:-.32px;margin-right:16px}
.faqList li .title{color:#000;font-size:24px;font-weight:700;letter-spacing:-.24px;line-height:32px}
.faqList li>div>img{margin-left:auto;transition:.23s ease}
.faqList li .lead{color:#333;display:block;font-size:20px;font-weight:500;letter-spacing:-.2px;line-height:1.4;min-width:0;overflow-wrap:anywhere;word-break:break-word}
@media (max-width:990px){.faqList li{padding:28px 0}}
@media (max-width:990px){.faqList li .qtext i{font-size:22px}}
@media (max-width:990px){.faqList li div>img{height:24px;width:24px}}
@media (max-width:990px){.faqList li .title{font-size:18px;line-height:1.44}}
@media (max-width:990px){.faqList li .lead{font-size:16px;line-height:1.75}}
@media (max-width:768px){.faqList li .question .qtext i{display:none}}
@media (max-width:768px){.faqList li .title{width:100%;word-break:break-all}}
@media (max-width:990px){.titGroup sub{font-size:16px}}
@media (max-width:990px){.titGroup span{font-size:28px;line-height:1.285;margin-top:8px}}
@media (max-width:990px){.titGroup h2{font-size:28px;line-height:1.285;margin:8px 0 0}}
.menu_item[data-v-65818720]{margin-bottom:.375rem}
.footer_middle .sitemap_col .col_title[data-v-65818720]{font-style:normal;font-weight:600;line-height:22px;text-transform:capitalize}
.footer_middle .sitemap_col .col_title[data-v-65818720]{color:#fff;font-size:20px;letter-spacing:-.2px;margin-bottom:1.25rem}
.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity var(--motion-standard);z-index:10}
.about{
  overflow-x: hidden;
}
.about .firstSec{
  height: 400vh;
  position: relative;
  z-index: 10;
}
.about .firstSec .firstSecImgBox{
  background-image: url("/assets/images/common/1st_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 1680px;
  height: 600px;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  overflow: hidden;
  max-width: 100vw;
  max-height: 100vh;
  transition: var(--motion-standard) var(--ease);
}
.about .thirdSec{
  
  opacity: 1;
  position: relative;
}
@media  (max-width: 1600px) {.about .firstSec .firstSecImgBox{
    width: var(--common-width);
    height: 360px;
    border-radius: 20px;
  }}
@media  (max-width: 1600px) {.about .thirdSec{
    
  }}
.contentsWrap .titGroup{
    margin-bottom: 50px;
    padding: 0 var(--common-padding);
}
.filed .contentsWrap > div{
    padding: 120px 0;
}
.filed .contentsWrap > div:first-child{
    padding: 180px 0 120px;
}
.filed .contentsWrap > .FaqSec .faqWrap{
    width: 100%;
    padding: 0 var(--common-padding);
}
.filed .contentsWrap > .FaqSec .faqWrap .faqList li{

    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.filed .contentsWrap > .FaqSec .faqWrap .faqList li > .question{
    padding: 0;
}
.filed .contentsWrap > .FaqSec .faqWrap .faqList li > .answer{
    padding: 0 98px 0 40px;
}
.filed .contentsWrap > .DirectSec{
    padding-bottom: 150px;
}
.filed .contentsWrap > .DirectSec .directWrap{
    display: flex;
    flex-wrap: wrap;
    row-gap: 120px;
    column-gap: 100px;
    width: 100%;
    padding: 0 var(--common-padding);
}
.filed .contentsWrap > .DirectSec .directWrap li{
    width: 540px;
    display: flex;
    align-items: center;
}
.filed .contentsWrap > .DirectSec .directWrap li img{
    width: 220px;
    height: 220px;
    border-radius: 16px;
    margin-right: 40px;
}
.filed .contentsWrap > .DirectSec .directWrap li > div{
    display: flex;
    flex-direction: column;
}
.filed .contentsWrap > .DirectSec .directWrap li > div > span{
    color: #000;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.28px;
}
.filed .contentsWrap > .DirectSec .directWrap li > div p{
    color: #666;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
    margin: 12px 0 32px;
    word-break: keep-all;
}
.filed .contentsWrap > .DirectSec .directWrap li > div a{
    box-sizing: border-box;
    padding: 1rem 2rem;
    align-self: flex-start;
    border: 1px solid #000;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.18px;
    border-radius: 8px;
    transition: var(--motion-standard) var(--ease);

    text-align: center;
}
.filed .contentsWrap > .DirectSec .directWrap li > div a:hover{
    border: 1px solid transparent;
    color: #fff;
    background: #0064ff;
}
@media  (max-width: 1300px) {.filed .contentsWrap > .DirectSec .directWrap{
        gap: 120px 0;
    }}
@media  (max-width: 1300px) {.filed .contentsWrap > .DirectSec .directWrap li{
        width: 50%;
        
    }}
@media  (max-width: 1300px) {.filed .contentsWrap > .DirectSec .directWrap li img{
        width: 150px;
        height: 150px;
        margin-right: 30px;
    }}
@media  (max-width: 1300px) {.filed .contentsWrap > .DirectSec .directWrap li > div > span{
        font-size: 24px;
    }}
@media  (max-width: 1300px) {.filed .contentsWrap > .DirectSec .directWrap li > div p{
        margin: 12px 0 20px;
        font-size: 18px;
    }}
@media  (max-width: 990px) {.filed .contentsWrap > div{
        padding: 40px 0;
    }}
@media  (max-width: 990px) {.filed .contentsWrap > div:first-child{
        padding: 60px 0 40px;
    }}
@media  (max-width: 990px) {.contentsWrap .titGroup{
        margin-bottom: 32px;
    }}
@media  (max-width: 990px) {.filed .contentsWrap > .DirectSec .directWrap li img{
        width: 132px;
        height: 132px;
        margin-right: 20px;
    }}
@media  (max-width: 990px) {.filed .contentsWrap > .DirectSec .directWrap li > div > span{
        font-size: 18px;
        line-height: 1.88;
    }}
@media  (max-width: 990px) {.filed .contentsWrap > .DirectSec .directWrap li > div p{
        font-size: 14px;
        line-height: 1.28;
        margin: 0 0 24px;
    }}
@media  (max-width: 990px) {.filed .contentsWrap > .DirectSec .directWrap li > div a{

        padding: .6rem 1rem;
        font-size: 12px;

    }}
@media  (max-width: 990px) {.filed .contentsWrap > .DirectSec{
        padding-bottom: 96px;
    }}
@media  (max-width: 768px) {.filed .contentsWrap > .DirectSec .directWrap{
        gap: 48px;
    }}
@media  (max-width: 768px) {.filed .contentsWrap > .DirectSec .directWrap li{
        width: 100%;
    }}
@media  (max-width: 700px) {.filed .faqList li .question .qtext i{
        display: inline-block;
    }}
@media  (max-width: 700px) {.filed .contentsWrap > .FaqSec .faqWrap .faqList li > .question{
        padding: 0;
    }}
@media  (max-width: 700px) {.filed .faqList li .qtext{
        width: calc(100% - 40px);
    }}
.swiper-wrapper{ box-sizing:content-box; }
.page-selector-bs-sheet a{ cursor:pointer; }
.page-selector-bs-overlay{ z-index:10010; }
.page-selector-bs-sheet{ max-height:80vh; overflow-y:auto; }
@media (max-width:990px){.sample-move-in .gcta{ margin-top: 40px !important; }}
@media (max-width:990px){.sample-move-in .gcta__content{ padding: 40px 28px !important; gap: 20px !important; }}
@media (max-width:990px){.sample-move-in .gcta__title{ font-size: 26px !important; }}
@media (max-width:990px){.sample-move-in .pi-defect-area{padding: 60px 16px !important;}}
@media (max-width:990px){.sample-move-in .pi-defect-card .pi-defect-sec__head{margin-bottom: 24px !important;}}
@media (max-width:990px){.sample-move-in .pi-defect-card .titGroup sub{font-size: 16px !important;}}
@media (max-width:990px){.sample-move-in .pi-defect-card .titGroup h2{font-size: 24px !important; line-height: 1.35 !important; margin-top: 6px !important;}}
@media (max-width:768px){.sample-move-in .gcta__content{ padding: 32px 18px !important; gap: 16px !important; }}
@media (max-width:768px){.sample-move-in .gcta__title{ font-size: 22px !important; }}
.about.sample-company .sample-company-fact{ min-height:270px; padding:24px 18px; display:flex; flex-direction:column; justify-content:center; word-break:keep-all; }
.about.sample-company .sample-company-fact h4{ color:#0064ff; font-size:22px; font-weight:700; line-height:1.5; margin-bottom:20px; }
.about.sample-company .sample-company-fact p{ color:#333; font-size:16px; line-height:1.8; }
.about.sample-company .thirdSecCerts .certGrid .sample-company-award img[data-v-07b0fd88]{ object-fit:contain; }
.about.sample-company .timelineDesc strong{ display:inline-block; margin-bottom:14px; font-weight:700; }
@media (max-width:989px) {.about.sample-company .sample-company-fact{ min-height:220px; padding:16px 12px; }}
@media (max-width:989px) {.about.sample-company .sample-company-fact h4{ font-size:17px; margin-bottom:12px; }}
@media (max-width:989px) {.about.sample-company .sample-company-fact p{ font-size:13px; }}
@media (max-width:989px) {.about.sample-company .timelineDesc strong{ margin-bottom:8px; }}
:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail{
    position: relative !important;
    background-color: #1a1e24 !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.68)), url("/assets/images/page/move_in_overview_01.webp") !important;
    background-position: center 35% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 480px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding-top: 90px !important;
    box-sizing: border-box !important;
}
.sample-company-shell .hero-detail{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.68)),url("/assets/images/page/page_hero/page-hero-company.webp")!important;}
:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail .hero-detail__inner{
    padding: 70px var(--common-padding) 70px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail .hero-detail__inner h1{
    color: #ffffff !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.42px !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45) !important;
    margin: 0 !important;
}
:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail .hero-detail__desc{
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    margin-top: 14px !important;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4) !important;
    word-break: keep-all !important;
}
@media (max-width:990px){:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail{
        min-height: 400px !important;
        padding-top: 80px !important;
    }}
@media (max-width:990px){:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail .hero-detail__inner{
        padding: 50px var(--common-padding) 50px !important;
    }}
@media (max-width:990px){:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail .hero-detail__inner h1{
        font-size: 34px !important;
    }}
@media (max-width:990px){:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail .hero-detail__desc{
        font-size: 17px !important;
        margin-top: 12px !important;
    }}
@media (max-width:768px){:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail{
        min-height: 340px !important;
        padding-top: 70px !important;
    }}
@media (max-width:768px){:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail .hero-detail__inner{
        padding: 40px var(--common-padding) 40px !important;
    }}
@media (max-width:768px){:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail .hero-detail__inner h1{
        font-size: 28px !important;
    }}
@media (max-width:768px){:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail .hero-detail__desc{
        font-size: 15px !important;
        margin-top: 10px !important;
    }}
.sample-move-in .pi-timing .pi-timing__card{
    display: flex !important;
    flex: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 32px !important;
    gap: 24px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1.5px solid #0064ff !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: background var(--motion-standard) var(--ease), border-color var(--motion-standard) var(--ease), transform var(--motion-standard) var(--ease), box-shadow var(--motion-standard) var(--ease) !important;
}
.sample-move-in .pi-timing__card .pi-timing__content h4{
    color: #222 !important;
    transition: color var(--motion-standard) var(--ease) !important;
}
.sample-move-in .pi-timing__card .pi-timing__content p{
    color: #464648 !important;
    transition: color var(--motion-standard) var(--ease), opacity var(--motion-standard) var(--ease) !important;
    word-break: keep-all !important;
}
.sample-move-in .pi-timing .pi-timing__content{
    position: static !important;
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
}
.sample-move-in .pi-timing__card .pi-timing__img{
    position: static !important;
    margin: 0 !important;
    width: 100% !important;
    height: 250px !important;
    box-shadow: none !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.sample-move-in .pi-timing__card .pi-timing__img img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform var(--motion-standard) var(--ease) !important;
}
.sample-move-in .pi-timing .pi-timing__card:hover{
    background: #0064ff !important;
    border-color: #0064ff !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 28px rgba(0, 100, 255, 0.22) !important;
}
.sample-move-in .pi-timing .pi-timing__card:hover .pi-timing__content h4{
    color: #ffffff !important;
}
.sample-move-in .pi-timing .pi-timing__card:hover .pi-timing__content p{
    color: #ffffff !important;
    opacity: 0.92 !important;
}
.sample-move-in .pi-timing .pi-timing__card:hover .pi-timing__img img{
    transform: scale(1.03) !important;
}
.sample-move-in .pi-defect-area:before{background-image:url("/assets/images/page/move_in_overview_01.webp");}
.sample-move-in .pi-defect-sec{
    padding: 0 !important;
}
.sample-move-in .pi-defect-area{
    padding: 80px 16px !important;
    position: relative !important;
}
.sample-move-in .pi-defect-card .pi-defect-sec__head{
    margin-bottom: 32px !important;
    padding: 0 !important;
    max-width: none !important;
    position: static !important;
    z-index: auto !important;
}
.sample-move-in .pi-defect-card .titGroup{
    padding: 0 !important;
    margin: 0 !important;
}
.sample-move-in .pi-defect-card .titGroup sub{
    color: #0064ff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.24px !important;
    display: inline-block !important;
}
.sample-move-in .pi-defect-card .titGroup h2{
    color: #111 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    letter-spacing: -0.32px !important;
    line-height: 1.35 !important;
    margin: 8px 0 0 0 !important;
    word-break: keep-all !important;
}
.sample-move-in .pi-defect-grid{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
}
.sample-move-in .pi-defect-item{
    background: #f2f7ff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border: 1px solid rgba(0, 100, 255, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 20, 60, 0.03) !important;
    transition: transform var(--motion-standard) var(--ease), box-shadow var(--motion-standard) var(--ease) !important;
}
.sample-move-in .pi-defect-item:hover{
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(0, 100, 255, 0.1) !important;
}
.sample-move-in .pi-defect-item__img{
    height: 150px !important;
    width: 100% !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: #e9f0fc !important;
}
.sample-move-in .pi-defect-item__img img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform var(--motion-standard) var(--ease) !important;
}
.sample-move-in .pi-defect-item:hover .pi-defect-item__img img{
    transform: scale(1.04) !important;
}
.sample-move-in .pi-defect-item__label{
    background: transparent !important;
    color: #0064ff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: -0.25px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    padding: 16px 12px 6px 12px !important;
    margin: 0 !important;
    word-break: keep-all !important;
}
.sample-move-in .pi-defect-item .move-in-card-desc{
    color: #4b5563 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.25px !important;
    text-align: center !important;
    word-break: keep-all !important;
    padding: 0 12px 18px 12px !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
}
.sample-move-in .pi-area-block__img{height:auto;overflow:hidden;background:#f2f7ff;}
.sample-move-in .pi-area-block__img img{display:block;height:240px;}
.sample-move-in .move-in-scope-caption{padding:20px;}
.sample-move-in .move-in-scope-caption h4{font-size:22px;font-weight:700;line-height:1.5;}
.sample-move-in .move-in-scope-caption p{margin-top:8px;font-size:16px;line-height:1.65;color:#464648;word-break:keep-all;}
.sample-move-in .move-in-note{
    margin-top: 18px !important;
    padding: 0 var(--common-padding) !important;
    background: none !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    text-align: right !important;
    word-break: keep-all !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
@media  (max-width: 768px) {.sample-move-in .move-in-note{
        text-align: left !important;
        font-size: 14px !important;
    }}
.sample-move-in .pi-cases-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.sample-move-in .pi-case-card__img{height:220px;}
.sample-move-in .pi-case-card__info{flex:1;}
.sample-move-in .pi-case-card{display:flex;flex-direction:column;}
.sample-move-in .pi-case-card .move-in-card-desc{padding:0;}
.sample-move-in .pi-case-card .pi-tag, .sample-move-in .pi-case-card .pi-tag--blue, .sample-move-in .pi-tag--blue{
    background-color: #0064ff !important;
    background: #0064ff !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
.sample-move-in .gcta{
    margin-top: 64px !important;
}
.sample-move-in .gcta__box{
    background: #001433 !important;
    border-radius: 24px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
}
.sample-move-in .gcta__media{
    background-image: url("/assets/images/page/move_in_target_01.webp") !important;
    background-size: cover !important;
    background-position: center right !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0.35 !important;
}
.sample-move-in .gcta__scrim{
    background: linear-gradient(90deg, #001433 0%, rgba(0, 20, 51, 0.92) 50%, rgba(0, 20, 51, 0.7) 100%) !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
}
.sample-move-in .gcta__content{
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 0 !important;
    padding: 56px 48px !important;
    gap: 40px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
}
.sample-move-in .gcta__left{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.sample-move-in .gcta__badge{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #0064ff !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.2px !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    margin: 0 !important;
}
.sample-move-in .gcta__title{
    color: #ffffff !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    letter-spacing: -0.3px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    word-break: keep-all !important;
}
.sample-move-in .gcta__guide-lines{
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.sample-move-in .gcta__guide-lines li{
    color: #cbd5e1 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    letter-spacing: -0.16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    word-break: keep-all !important;
    margin: 0 !important;
    padding: 0 !important;
}
.sample-move-in .gcta__guide-lines li::before{
    content: "•";
    color: #0064ff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
}
.sample-move-in .gcta__actions{
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    flex: 0 0 320px !important;
    width: 320px !important;
    max-width: 100% !important;
}
.sample-move-in .gcta__action-btn{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: 56px !important;
    padding: 0 20px !important;
    border-radius: 12px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: transform var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease), background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease) !important;
}
.sample-move-in .gcta__action-btn:hover{
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
}
.sample-move-in .gcta__action-btn--tel{
    background: #0064ff !important;
    color: #ffffff !important;
    border: 1.5px solid #0064ff !important;
}
.sample-move-in .gcta__action-btn--tel:hover{
    background: #ffffff !important;
    color: #0064ff !important;
    border: 1.5px solid #0064ff !important;
}
.sample-move-in .gcta__action-btn--kakao{
    background: #fae100 !important;
    color: #371d1e !important;
    border: 1.5px solid #fae100 !important;
}
.sample-move-in .gcta__action-btn--kakao:hover{
    background: #fada0a !important;
    color: #201011 !important;
}
.sample-move-in .gcta__action-icon{
    flex-shrink: 0 !important;
}
@media  (max-width: 991px) {.sample-move-in .gcta__content{
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 40px 24px !important;
        gap: 28px !important;
    }}
@media  (max-width: 991px) {.sample-move-in .gcta__actions{
        width: 100% !important;
        flex: none !important;
    }}
@media  (max-width: 991px) {.sample-move-in .gcta__action-btn{
        height: 52px !important;
        font-size: 16px !important;
    }}
@media  (max-width: 991px) {.sample-move-in .gcta__title{
        font-size: 25px !important;
    }}
.sample-move-in .InquirySec .inquiryBanner{gap:32px;background-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.35)),url("/assets/images/page/move_in_target_01.webp");}
.sample-move-in .InquirySec .text_container{flex:1;min-width:0;}
.sample-move-in .InquirySec .inquiryBanner .title{font-size:36px;line-height:1.4;word-break:keep-all;}
.sample-move-in .InquirySec .inquiryBanner .sub_title{margin-top:16px;font-size:20px;line-height:1.6;word-break:keep-all;}
.sample-move-in .InquirySec .cta_btn, .sample-move-in .inquiryWrap1 .cta_btn, .sample-move-in .inquiryBanner .cta_btn, .sample-move-in .InquirySec button{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #0064ff !important;
    color: #ffffff !important;
    border: 1.5px solid #0064ff !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease) !important;
}
.sample-move-in .InquirySec .cta_btn:hover, .sample-move-in .inquiryWrap1 .cta_btn:hover, .sample-move-in .inquiryBanner .cta_btn:hover, .sample-move-in .InquirySec button:hover{
    background: #ffffff !important;
    color: #0064ff !important;
    border: 1.5px solid #0064ff !important;
}
.sample-move-in .DirectSec .directWrap{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 32px !important;
    row-gap: 32px !important;
    column-gap: 32px !important;
    width: 100% !important;
}
.sample-move-in .DirectSec .directWrap li{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.sample-move-in .DirectSec .directWrap li img{
    width: 100% !important;
    height: 240px !important;
    border-radius: 16px !important;
    margin-right: 0 !important;
    margin-bottom: 24px !important;
    object-fit: cover !important;
    display: block !important;
}

.sample-move-in .DirectSec .directWrap li > div > span{
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: -0.24px !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
}
.sample-move-in .DirectSec .directWrap li > div p{
    color: #666 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: -0.16px !important;
    margin: 0 0 24px 0 !important;
    word-break: keep-all !important;
    flex: 1 !important;
}
.sample-move-in .DirectSec .move-in-related-link{
    display: inline-flex !important;
    align-self: flex-start !important;
    margin: auto 0 0 !important;
    width: fit-content !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.5 !important;
    justify-content: center !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    background: #0064ff !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 1.5px solid #0064ff !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease) !important;
}
.sample-move-in .DirectSec .move-in-related-link:is(:hover,:focus-visible){
    background: #ffffff !important;
    color: #0064ff !important;
    border: 1.5px solid #0064ff !important;
}
:is(.sample-move-in,.sample-company-shell,.subpage-shell) .hero-detail__desc{word-break:keep-all;}
.sample-move-in .pi-intro__card[data-v-286ff0ae]{background:transparent;padding:0;flex-direction:column;align-items:stretch;gap:40px;}
.sample-move-in .pi-intro__img[data-v-286ff0ae]{width:100%;height:480px;border-radius:20px;overflow:hidden;}
.sample-move-in .pi-intro__img img[data-v-286ff0ae]{width:100%;height:100%;object-fit:cover;}
.sample-move-in .pi-intro__text[data-v-286ff0ae]{display:flex;flex-direction:column;gap:36px;}
@media (max-width:990px){.sample-move-in .pi-intro__img[data-v-286ff0ae]{height:340px;}}
@media (max-width:990px){.sample-move-in .pi-intro__text[data-v-286ff0ae]{gap:24px;}}
@media (max-width:990px){.sample-move-in .pi-defect-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;}}
@media (max-width:990px){.sample-move-in .pi-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}}
@media (max-width:990px){.sample-move-in .pi-timing .pi-timing__card{padding:24px;}}
@media (max-width:990px){.sample-move-in .pi-timing__card .pi-timing__img{height:220px;}}
@media (max-width:990px){.sample-move-in .pi-area-block__images{flex-direction:column;}}
@media (max-width:990px){.sample-move-in .pi-area-block__img img{height:260px;}}
@media (max-width:990px){.sample-move-in .move-in-note{font-size:14px;padding:0;text-align:right;}}
@media (max-width:990px){.sample-move-in .DirectSec .directWrap{gap:20px !important;}}
@media (max-width:990px){.sample-move-in .DirectSec .directWrap li img{height:190px !important;margin-bottom:16px !important;}}
@media (max-width:990px){.sample-move-in .DirectSec .directWrap li > div > span{font-size:20px !important;}}
@media (max-width:990px){.sample-move-in .DirectSec .directWrap li > div p{font-size:14px !important;margin-bottom:16px !important;}}
@media (max-width:768px){.sample-move-in .pi-intro__card[data-v-286ff0ae]{gap:24px;}}
@media (max-width:768px){.sample-move-in .pi-intro__img[data-v-286ff0ae]{height:240px;}}
@media (max-width:768px){.sample-move-in .InquirySec .inquiryBanner{flex-direction:column;align-items:flex-start;gap:24px;}}
@media (max-width:768px){.sample-move-in .DirectSec .directWrap{grid-template-columns:1fr !important;gap:36px !important;}}
@media (max-width:768px){.sample-move-in .DirectSec .directWrap li img{height:220px !important;}}
@media (max-width:768px){.sample-move-in .InquirySec .text_container{width:100%;}}
@media (max-width:768px){.sample-move-in .InquirySec .inquiryBanner .title{font-size:28px;}}
@media (max-width:768px){.sample-move-in .InquirySec .inquiryBanner .sub_title{font-size:16px;}}
@media (max-width:600px){.sample-move-in .pi-defect-area{padding: 48px 12px !important;}}
@media (max-width:600px){.sample-move-in .pi-defect-card .titGroup h2{font-size: 22px !important;}}
@media (max-width:600px){.sample-move-in .pi-cases-grid{grid-template-columns:1fr;}}
@media (max-width:600px){.sample-move-in .pi-case-card__img{height:240px;}}
@media (max-width:600px){.sample-move-in .pi-defect-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}}
@media (max-width:600px){.sample-move-in .pi-defect-item{border-radius:10px !important;}}
@media (max-width:600px){.sample-move-in .pi-defect-item__img{height:115px !important;}}
@media (max-width:600px){.sample-move-in .pi-defect-item__label{font-size:15px !important;padding:12px 6px 4px 6px !important;}}
@media (max-width:600px){.sample-move-in .pi-defect-item .move-in-card-desc{font-size:12.5px !important;line-height:1.45 !important;padding:0 6px 14px 6px !important;min-height:38px !important;}}
@media (max-width:600px){.sample-move-in .pi-defect-card{padding:24px 14px !important;}}
@media (max-width:600px){.sample-move-in .pi-area-block__img img{height:220px;}}
@media (max-width:600px){.sample-move-in .pi-case-card .move-in-card-desc{font-size:16px;}}
.about.sample-company .firstSec .firstSecImgBox[data-v-07b0fd88]{background-image:url("/assets/images/page/company/company-intro.webp");background-position:center;}
.about.sample-company .thirdSecCerts .certGrid[data-v-07b0fd88]{grid-template-columns:repeat(4,minmax(0,1fr));}
.about.sample-company .thirdSecCerts .sample-company-award{grid-column:span 2;grid-row:span 2;background:#fff;}
.about.sample-company .thirdSecCerts .sample-company-fact{min-height:260px;padding:28px;}
.about.sample-company .thirdSecCerts .sample-company-fact h4{font-size:22px;}
.about.sample-company .thirdSecCerts .sample-company-fact p{font-size:16px;}
@media (max-width:990px){.about.sample-company .thirdSecCerts .certGrid[data-v-07b0fd88]{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:990px){.about.sample-company .thirdSecCerts .sample-company-award{grid-row:auto;}}
@media (max-width:990px){.about.sample-company .thirdSecCerts .sample-company-award img{height:auto;}}
@media (max-width:990px){.about.sample-company .thirdSecCerts .sample-company-fact{min-height:230px;padding:20px 16px;}}
@media (max-width:990px){.about.sample-company .thirdSecCerts .sample-company-fact h4{font-size:18px;}}
@media (max-width:990px){.about.sample-company .thirdSecCerts .sample-company-fact p{font-size:14px;}}
.about.sample-company > .MajorSec{padding:120px 0;}
.about.sample-company > .MajorSec .titGroup{padding:0 var(--common-padding);margin-bottom:50px;}
.about.sample-company > .MajorSec .majorWrap{display:flex;flex-direction:column;padding:0 var(--common-padding);}
.about.sample-company > .MajorSec .majorWrap > div{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:50px;}
.about.sample-company > .MajorSec .majorWrap > div:last-child{margin-bottom:0;}
.about.sample-company > .MajorSec .majorWrap > div > img{width:540px;max-width:calc(50% - 20px);height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:24px;}
.about.sample-company > .MajorSec .majorWrap > div > div{width:540px;max-width:calc(50% - 20px);}
.about.sample-company > .MajorSec .majorWrap span{color:#000;font-size:32px;font-weight:700;line-height:1.25;letter-spacing:-.32px;word-break:keep-all;}
.about.sample-company > .MajorSec .majorWrap p{color:#333;font-size:24px;font-weight:500;line-height:1.33;letter-spacing:-.24px;margin-top:14px;word-break:keep-all;}
@media (max-width:990px){.about.sample-company > .MajorSec{padding:80px 0;}}
@media (max-width:990px){.about.sample-company > .MajorSec .titGroup{margin-bottom:32px;}}
@media (max-width:990px){.about.sample-company > .MajorSec .majorWrap{display:none;}}
@media (max-width:990px){.about.sample-company > .MajorSec .experts{padding:0 var(--common-padding);}}
@media (max-width:990px){.about.sample-company > .MajorSec .swiper-slide{width:292px;max-width:100%;}}
@media (max-width:990px){.about.sample-company > .MajorSec .swiper_inner{width:100%;margin-bottom:40px;}}
@media (max-width:990px){.about.sample-company > .MajorSec .swiper_inner img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:24px;}}
@media (max-width:990px){.about.sample-company > .MajorSec .slide_title, .about.sample-company > .MajorSec .slide_p{word-break:keep-all;}}
.about.sample-company .firstSec[data-v-07b0fd88]{height:auto;position:relative;padding:230px 24px 120px;box-sizing:border-box;}
.about.sample-company .firstSec .sample-company-intro__lead{max-width:1200px;margin:0 auto 72px;--section-title-default-color:#000;--section-title-default-size:70px;--section-title-default-weight:700;--section-title-default-leading:1.22;letter-spacing:-.7px;word-break:keep-all;white-space:nowrap;}
.about.sample-company .firstSec .firstSecImgBox[data-v-07b0fd88]{position:relative;inset:auto;transform:none;width:100%;max-width:1200px;height:auto;min-height:620px;max-height:none;margin:auto;border-radius:20px;filter:none;transition:none;display:flex;align-items:flex-end;padding:64px;box-sizing:border-box;isolation:isolate;}
.about.sample-company .firstSec .firstSecImgBox::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.5) 45%,rgba(0,0,0,.88));}
.about.sample-company .firstSec .sample-company-intro__content{max-width:800px;}
.about.sample-company .firstSec .sample-company-intro__title{display:block;color:#fff;font-size:42px;font-weight:700;line-height:1.35;word-break:keep-all;white-space:nowrap;}
.about.sample-company .firstSec .sample-company-intro__description{color:#fff;font-size:20px;line-height:1.8;margin-top:28px;word-break:keep-all;}
@media (max-width:990px){.about.sample-company .firstSec[data-v-07b0fd88]{padding:200px 20px 80px;}}
@media (max-width:990px){.about.sample-company .firstSec .sample-company-intro__lead{--section-title-default-size:42px;margin-bottom:40px;white-space:normal;}}
@media (max-width:990px){.about.sample-company .firstSec .firstSecImgBox[data-v-07b0fd88]{min-height:520px;padding:40px;}}
@media (max-width:990px){.about.sample-company .firstSec .sample-company-intro__title{font-size:32px;white-space:normal;}}
@media (max-width:990px){.about.sample-company .firstSec .sample-company-intro__description{font-size:18px;}}
@media (max-width:500px){.about.sample-company .firstSec .firstSecImgBox[data-v-07b0fd88]{padding:32px 24px;}}
@media (max-width:500px){.about.sample-company .firstSec .sample-company-intro__title{font-size:28px;}}
@media (max-width:500px){.about.sample-company .firstSec .sample-company-intro__description{font-size:16px;}}
@media (max-width:500px){.about.sample-company .firstSec .sample-company-intro__description br{display:none;}}
.about.sample-company .thirdSec > .osq__band--grey .osq__inner{max-width:1200px;margin:auto;padding:0 24px;box-sizing:content-box;}
@media (max-width:768px){.about.sample-company .thirdSec > .osq__band--grey .osq__inner{padding:0 20px;}}
footer.footer .footer_middle .sitemap_col .col_title{ font-size:18px; margin-bottom:16px; white-space:nowrap; }
@media (max-width:990px) {footer.footer .footer_middle .sitemap_col .col_title{ font-size:15px; }}
.sample-move-in .header .btn_pri{
    border: 1.5px solid #0064ff !important;
    outline: none !important;
    box-shadow: none !important;
    transition: background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease) !important;
}
.sample-move-in .header .btn_pri:hover{
    background: #ffffff !important;
    color: #0064ff !important;
    border: 1.5px solid #0064ff !important;
}
.about.sample-company .sample-company-source-process{padding:120px 0;}
.about.sample-company .sample-company-source-process .titGroup sub{color:#0064ff;font-size:24px;font-weight:700;letter-spacing:-.24px}
.about.sample-company .sample-company-source-process .titGroup h2{color:#000;display:block;font-size:42px;font-weight:700;letter-spacing:-.42px;line-height:1.28;margin:10px 0 0;word-break:keep-all}
@media  (max-width:990px){.about.sample-company .sample-company-source-process .titGroup sub{font-size:16px}}
@media  (max-width:990px){.about.sample-company .sample-company-source-process .titGroup h2{font-size:28px;line-height:1.285;margin:8px 0 0}}
.about.sample-company .sample-company-source-process .titGroup{margin-bottom:50px;padding:0 var(--common-padding,40px);}
.about.sample-company .sample-company-source-process .processWrap{
    max-width: 2120px;
    display: flex;
    margin: 0 auto;
}
.about.sample-company .sample-company-source-process .processWrap > div{
    width: 33.3333%;
    height: 480px;
    position: relative;
    color: #fff;
    padding: 54px 60px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;

}
.about.sample-company .sample-company-source-process .processWrap > div:not(:last-child){
    margin-right: 2px;
}
.about.sample-company .sample-company-source-process .processWrap > div img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.about.sample-company .sample-company-source-process .processWrap > div .step{
    color: #fff;
    font-family: Pretendard;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.54px;
    line-height: 1.2;
}
.about.sample-company .sample-company-source-process .processWrap > div .info{
    height: 150px;
    max-height: 150px;
    transition: var(--motion-standard) var(--ease) var(--motion-standard);
    z-index: 1;
}
.about.sample-company .sample-company-source-process .processWrap > div:hover .info{
    max-height: 100%;
    height: 100%;
    transition: var(--motion-standard) var(--ease);
}
.about.sample-company .sample-company-source-process .processWrap > div::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0064ff;
    display: block;
    top: 200%;
    left: 0;
    z-index: 0;
    transition: var(--motion-standard) var(--ease) var(--motion-standard);
    transform: skewY(40deg);
}
.about.sample-company .sample-company-source-process .processWrap > div:hover::after{
    top: 0;
    transform: skewY(0);
    transition: var(--motion-standard) var(--ease);
}
.about.sample-company .sample-company-source-process .processWrap > div ul{
    margin-top: 0;
    width: 100%;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transition: var(--motion-standard) var(--ease);
}
.about.sample-company .sample-company-source-process .processWrap > div:hover .info ul{
    opacity: 1;
    transition: var(--motion-standard) var(--ease) var(--motion-standard);
}
.about.sample-company .sample-company-source-process .processWrap > div ul li{
    color: #fff;
    max-width: 432px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
    padding-left: 12px;
    position: relative;
    margin-bottom: 10px;
}
.about.sample-company .sample-company-source-process .processWrap > div ul li:last-child{
    margin-bottom: 0;
}
.about.sample-company .sample-company-source-process .processWrap > div ul li::before{
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 12px;
}
@media   (max-width: 1300px) {.about.sample-company .sample-company-source-process .processWrap > div ul li{
        max-width: fit-content;
    }}
@media   (max-width: 1300px) {.about.sample-company .sample-company-source-process .processWrap{
        flex-direction: column;
        gap: 2px;
    }}
@media   (max-width: 1300px) {.about.sample-company .sample-company-source-process .processWrap > div{
        width: 100%;
    }}
@media   (max-width: 1300px) {.about.sample-company .sample-company-source-process .processWrap > div::after{
        top: 220%;
    }}
@media   (max-width: 990px) {.about.sample-company .sample-company-source-process .processWrap > div{
        height: 294px;
        padding: 32px 38px;
    }}
@media   (max-width: 990px) {.about.sample-company .sample-company-source-process .processWrap > div .info{
        height: 75px;
        max-height: 75px;
    }}
@media   (max-width: 990px) {.about.sample-company .sample-company-source-process .processWrap > div .step{
        font-size: 32px;
        line-height: 1.25;
    }}
@media   (max-width: 990px) {.about.sample-company .sample-company-source-process .processWrap > div ul{
        margin-top: 60px;
    }}
@media   (max-width: 990px) {.about.sample-company .sample-company-source-process .processWrap > div::after{
        top: 165%;
        transform: skewY(20deg);
    }}
@media   (max-width: 990px) {.about.sample-company .sample-company-source-process .processWrap > div ul li{
        font-size: 14px;
        line-height: 1.28;
        padding-left: 8px;
        margin-bottom: 6px;
    }}
@media   (max-width: 990px) {.about.sample-company .sample-company-source-process .processWrap > div ul li::before{
        width: 3px;
        height: 3px;
        top: 6px;
    }}
.page-nav .page-nav__btn, a.page-nav__btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    color: #909093 !important;
    border-bottom: 2px solid transparent !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    height: 56px !important;
    line-height: 56px !important;
    min-width: 80px !important;
    padding: 0 16px !important;
    transition: color var(--motion-standard) var(--ease), border-color var(--motion-standard) var(--ease) !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
.page-nav a.page-nav__btn:hover, a.page-nav__btn:hover{
    color: #0064ff !important;
}
.page-nav a.page-nav__btn.active, .page-nav a.page-nav__btn[aria-current="page"], a.page-nav__btn.active{
    color: #0064ff !important;
    border-bottom: 2px solid #0064ff !important;
}
@media  (max-width: 768px) {.page-nav .page-nav__btn, a.page-nav__btn{
        font-size: 16px !important;
        height: 50px !important;
        line-height: 50px !important;
        padding: 0 12px !important;
    }}
.about.sample-company .sample-company-source-process .processWrap > div{ padding:40px 32px; }
.about.sample-company .sample-company-source-process .processWrap > div .step{ font-size:24px; line-height:1.4; letter-spacing:0; }
.about.sample-company .sample-company-source-process .processWrap > div .info, .about.sample-company .sample-company-source-process .processWrap > div:hover .info{ height:auto; max-height:none; transition:none; }
.about.sample-company .sample-company-source-process .processWrap > div .info ul, .about.sample-company .sample-company-source-process .processWrap > div:hover .info ul{ margin-top:20px; opacity:1; transition:none; }
.about.sample-company .sample-company-source-process .processWrap > div ul li{ font-size:16px; line-height:1.65; font-weight:400; padding-left:0; margin:0; max-width:none; }
.about.sample-company .sample-company-source-process .processWrap > div ul li::before{ display:none; }
.about.sample-company .sample-company-source-process .processWrap > div::after{ top:0; transform:none; opacity:0; transition:opacity var(--motion-standard) var(--ease); }
.about.sample-company .sample-company-source-process .processWrap > div:hover::after{ top:0; transform:none; opacity:1; transition:opacity var(--motion-standard) var(--ease); }
@media (max-width:990px) {.about.sample-company .sample-company-source-process .processWrap > div{ padding:32px 24px; }}
@media (max-width:990px) {.about.sample-company .sample-company-source-process .processWrap > div .step{ font-size:22px; }}
@media (max-width:990px) {.about.sample-company .sample-company-source-process .processWrap > div ul li{ font-size:14px; }}
.sample-company-shell .about.sample-company .firstSec[data-v-07b0fd88]{ padding-top:100px; }
@media (max-width:990px) {.sample-company-shell .about.sample-company .firstSec[data-v-07b0fd88]{ padding-top:64px; }}
.about.sample-company .thirdSecTimeline .timelineYear[data-v-07b0fd88]{ font-size:48px; line-height:1.35; letter-spacing:-.48px; }
@media (max-width:768px) {.about.sample-company .thirdSecTimeline .timelineYear[data-v-07b0fd88]{ font-size:28px; letter-spacing:-.28px; }}
.about.sample-company .sample-company-source-process .processWrap > div .step{ font-size:32px; line-height:1.4; }
@media (max-width:990px) {.about.sample-company .sample-company-source-process .processWrap > div .step{ font-size:28px; }}
.sample-move-in .pi-case-card{
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    transition: transform var(--motion-standard) var(--ease), box-shadow var(--motion-standard) var(--ease), border-color var(--motion-standard) var(--ease) !important;
    cursor: default !important;
}
.sample-move-in .pi-case-card:hover{
    transform: translateY(-4px) !important;
    border-color: #0064ff !important;
    box-shadow: 0 14px 28px rgba(0, 100, 255, 0.14) !important;
}
.sample-move-in .pi-case-card .pi-case-card__img{
    height: 220px !important;
    overflow: hidden !important;
    position: relative !important;
}
.sample-move-in .pi-case-card .pi-case-card__img img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform var(--motion-standard) var(--ease) !important;
}
.sample-move-in .pi-case-card:hover .pi-case-card__img img{
    transform: scale(1.04) !important;
}
.sample-move-in .pi-case-card .pi-case-card__info{
    padding: 24px 20px !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    background: #ffffff !important;
}
.sample-move-in .pi-case-card .pi-case-card__name{
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    line-height: 1.4 !important;
    margin: 10px 0 8px 0 !important;
    letter-spacing: -0.2px !important;
}
.sample-move-in .pi-case-card .move-in-card-desc{
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #4b5563 !important;
    margin: 0 !important;
    word-break: keep-all !important;
}
.sample-move-in .DirectSec{
    padding: 90px 0 130px 0 !important;
}
.sample-move-in .DirectSec .titGroup{
    margin-bottom: 40px !important;
    text-align: left !important;
}
.sample-move-in .DirectSec .titGroup sub{
    color: #0064ff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    display: inline-block !important;
    margin-bottom: 8px !important;
}
.sample-move-in .DirectSec .titGroup span{
    display: block !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.32px !important;
}
.sample-move-in .DirectSec .directWrap li{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    background: #ffffff !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    transition: transform var(--motion-standard) var(--ease), box-shadow var(--motion-standard) var(--ease), border-color var(--motion-standard) var(--ease) !important;
}
.sample-move-in .DirectSec .directWrap li:hover{
    transform: translateY(-4px) !important;
    border-color: #0064ff !important;
    box-shadow: 0 14px 28px rgba(0, 100, 255, 0.12) !important;
}
.sample-move-in .DirectSec .directWrap li img{
    width: 100% !important;
    height: 220px !important;
    border-radius: 12px !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform var(--motion-standard) var(--ease) !important;
}
.sample-move-in .DirectSec .directWrap li:hover img{
    transform: scale(1.02) !important;
}
.sample-move-in .DirectSec .directWrap li > div{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    flex: 1 !important;
}
.sample-move-in .DirectSec .directWrap li > div > span{
    color: #111827 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
    letter-spacing: -0.22px !important;
}
.sample-move-in .DirectSec .directWrap li > div p{
    color: #4b5563 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    margin: 0 0 24px 0 !important;
    word-break: keep-all !important;
    flex: 1 !important;
}
.sample-move-in .FaqSec{
    padding: 80px 0 !important;
}
.sample-move-in .FaqSec .titGroup{
    margin-bottom: 36px !important;
}
.sample-move-in .FaqSec .titGroup sub{
    color: #0064ff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    display: inline-block !important;
    margin-bottom: 8px !important;
}
.sample-move-in .FaqSec .titGroup h2{
    color: #000000 !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -0.42px !important;
    margin: 10px 0 0 !important;
    word-break: keep-all !important;
}
.sample-move-in .FaqSec .faqList{
    margin: 0 !important;
    padding: 0 !important;
}
.sample-move-in .FaqSec .faqList li{
    padding: 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
    transition: background-color var(--motion-fast) var(--ease) !important;
}
.sample-move-in .FaqSec .faqList li > .question{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 24px 10px !important;
    cursor: pointer !important;
    border-radius: 8px !important;
    transition: background-color var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease) !important;
}
.sample-move-in .FaqSec .faqList li > .question:hover{
    background-color: #f8fafc !important;
}
.sample-move-in .FaqSec .faqList li .qtext{
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    flex: 1 !important;
}
.sample-move-in .FaqSec .faqList li .pi-faq-num{
    color: #0064ff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    font-style: normal !important;
    min-width: 34px !important;
}
.sample-move-in .FaqSec .faqList li .title{
    color: #111827 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    letter-spacing: -0.24px !important;
    word-break: keep-all !important;
    transition: color var(--motion-fast) var(--ease) !important;
}
.sample-move-in .FaqSec .faqList li > .question img{
    width: 22px !important;
    height: 22px !important;
    transition: transform var(--motion-standard) var(--ease) !important;
    flex-shrink: 0 !important;
    margin-left: 20px !important;
}
.sample-move-in .FaqSec .faqList li > .answer{
    display: none !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
.sample-move-in .FaqSec .faqList li .answer i{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #0064ff !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    font-style: normal !important;
    margin-right: 14px !important;
    flex-shrink: 0 !important;
}
.sample-move-in .FaqSec .faqList li .answer .lead{
    font-size: 17px !important;
    line-height: 1.75 !important;
    color: #374151 !important;
    letter-spacing: -0.18px !important;
    word-break: keep-all !important;
}
.sample-move-in .pi-area-block__img{
    transition: transform var(--motion-standard) var(--ease), box-shadow var(--motion-standard) var(--ease) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}
.sample-move-in .pi-area-block__img:hover{
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;
}
.sample-move-in .pi-area-block__img img{
    transition: transform var(--motion-standard) var(--ease) !important;
}
.sample-move-in .pi-area-block__img:hover img{
    transform: scale(1.03) !important;
}
@media  (max-width: 768px) {.sample-move-in .DirectSec{
        padding: 60px 0 90px 0 !important;
    }}
@media  (max-width: 768px) {.sample-move-in .DirectSec .titGroup span{
        font-size: 24px !important;
    }}
@media  (max-width: 768px) {.sample-move-in .FaqSec{
        padding: 50px 0 !important;
    }}
@media  (max-width: 768px) {.sample-move-in .FaqSec .titGroup{
        margin-bottom: 24px !important;
    }}
@media  (max-width: 768px) {.sample-move-in .FaqSec .titGroup sub{
        font-size: 16px !important;
    }}
@media  (max-width: 768px) {.sample-move-in .FaqSec .titGroup h2{
        font-size: 28px !important;
        line-height: 1.3 !important;
    }}
@media  (max-width: 768px) {.sample-move-in .FaqSec .faqList li{
        padding: 0 !important;
    }}
@media  (max-width: 768px) {.sample-move-in .FaqSec .faqList li > .question{
        padding: 18px 8px !important;
    }}
@media  (max-width: 768px) {.sample-move-in .FaqSec .faqList li .title{
        font-size: 17px !important;
        line-height: 1.45 !important;
    }}
@media  (max-width: 768px) {.sample-move-in .FaqSec .faqList li .pi-faq-num{
        font-size: 18px !important;
        min-width: 26px !important;
    }}
@media  (max-width: 768px) {.sample-move-in .FaqSec .faqList li > .answer{
        display: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }}
@media  (max-width: 768px) {.sample-move-in .FaqSec .faqList li .answer .lead{
        font-size: 15px !important;
        line-height: 1.65 !important;
    }}
@media  (max-width: 768px) {.sample-move-in .pi-case-card .pi-case-card__img{
        height: 180px !important;
    }}
.sample-move-in .gcta__action-btn--kakao .sample-social-icon{ font-size:22px; width:22px; height:22px; }
.hero-detail__desc, .sample-company-intro__lead, .sample-company-intro__title, .gcta__title, .content-section__head h2, .content-section__head p, .tit-group h2, .tit-group p{
    word-break: keep-all;
}


/* Imported declarations owned by this bundle. */
.stage3-style-6f3d9da353f1{top:-1px;}
.stage3-style-e3b0c44298fc{}
.stage3-style-unattended-guide{background-image:url("../../assets/images/page/unattended_death_cleaning_guide.webp");}
.stage3-style-18ecdd78e5d4{background-image:url("../../assets/images/page/move_in_target_01.webp");}
/* Company supporting pages: shared heading, spacing, cards and actions. */
.company-document-page .company-doc{color:#222;word-break:keep-all;}
.company-document-page .company-doc__hero-eyebrow{color:#fff;font-size:16px;font-weight:700;letter-spacing:.12em;margin-bottom:16px;}
.company-document-page .company-doc__section{padding:110px 0 120px;}
.company-document-page .company-doc__heading{margin-bottom:64px;text-align:center;}
.company-document-page .company-doc .section-eyebrow{color:var(--color-primary);font-size:20px;font-weight:700;line-height:1.5;margin-bottom:18px;}
.company-document-page .company-doc .section-title{margin:0;letter-spacing:-.035em;}
.company-document-page .company-doc__lead{max-width:820px;margin:24px auto 0;font-size:19px;line-height:1.8;color:#555;}
.company-document-page .company-doc__principles{padding:100px 0;background:#f4f7fc;}
.company-document-page .company-doc__principle-grid,.company-document-page .company-doc__channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.company-document-page .company-doc__principle-grid article,.company-document-page .company-doc__channel-grid>a{padding:36px;border:1px solid #d6e0f0;border-radius:24px;background:#fff;}
.company-document-page .company-doc__principle-grid article>i,.company-document-page .company-doc__channel-grid>a>i{display:block;color:var(--color-primary);font-size:36px;margin-bottom:28px;}
.company-document-page .company-doc__principle-grid h3,.company-document-page .company-doc__channel-grid h3{font-size:24px;font-weight:700;line-height:1.45;margin-bottom:16px;}
.company-document-page .company-doc__principle-grid p,.company-document-page .company-doc__channel-grid p{font-size:17px;line-height:1.8;color:#555;}
.company-document-page .company-doc__channel-grid>a{display:block;transition:background var(--motion-standard),color var(--motion-standard),border-color var(--motion-standard);}
.company-document-page .company-doc__channel-grid>a>span{display:flex;justify-content:space-between;gap:12px;margin-top:28px;color:var(--color-primary);font-size:16px;font-weight:700;}
.company-document-page .company-doc__channel-grid>a:is(:hover,:focus-visible){background:var(--color-primary);border-color:var(--color-primary);color:#fff;}
.company-document-page .company-doc__channel-grid>a:is(:hover,:focus-visible) :is(i,p,span){color:#fff;}
.company-document-page .company-doc__button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:17px 26px;border:1px solid var(--color-primary);border-radius:12px;background:var(--color-primary);color:#fff;font-size:17px;font-weight:700;line-height:1.4;transition:background var(--motion-standard),color var(--motion-standard);}
.company-document-page .company-doc__button:is(:hover,:focus-visible){background:#fff;color:var(--color-primary);}
.company-document-page .company-doc__button:focus-visible,.company-document-page .company-doc__channel-grid>a:focus-visible{outline:3px solid #81b3ff;outline-offset:4px;}
.company-document-page .company-doc__button i{font-size:24px;}
.certificate-page.company-document-page .company-certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;}
.certificate-page.company-document-page .company-certificate{border:1px solid #d6e0f0;border-radius:28px;overflow:hidden;background:#fff;}
.certificate-page.company-document-page .company-certificate__image{position:relative;border:0;border-bottom:1px solid #e0e6ef;border-radius:0;aspect-ratio:1/1.13;padding:36px 54px 64px;background:#fff;}
.certificate-page.company-document-page .company-certificate__image img{border-radius:12px;object-fit:contain;}
.certificate-page.company-document-page .company-certificate__image:focus-visible{outline-color:var(--color-primary);outline-offset:-4px;}
.certificate-page.company-document-page .company-certificate__zoom{position:absolute;bottom:22px;left:0;width:100%;text-align:center;color:var(--color-primary);font-size:15px;font-weight:700;}
.certificate-page.company-document-page .company-certificate__copy{padding:36px 40px 40px;}
.certificate-page.company-document-page .company-certificate__copy h3{font-size:28px;line-height:1.45;font-weight:700;letter-spacing:-.02em;}
.certificate-page.company-document-page .company-certificate__summary{font-size:17px;line-height:1.7;margin-top:16px;color:#555;}
.certificate-page.company-document-page .company-certificate__copy dl{margin-top:28px;padding-top:24px;border-top:1px solid #e0e6ef;}
.certificate-page.company-document-page .company-certificate__copy dl>div{display:flex;gap:24px;margin-top:10px;font-size:16px;line-height:1.6;}
.certificate-page.company-document-page .company-certificate__copy dt{width:80px;flex-shrink:0;color:#666;}
.certificate-page.company-document-page .company-certificate__copy dd{font-weight:600;}
.company-location-page .company-location__layout{display:grid;grid-template-columns:1.35fr 1fr;border:1px solid #d6e0f0;border-radius:28px;overflow:hidden;}
.company-location-page .company-location__map{min-width:0;background:#eef2f7;display:flex;flex-direction:column;}
.company-location-page .company-location__map iframe{display:block;width:100%;min-height:420px;flex:1;border:0;}
 .company-location-page .company-location__map-links{display:flex;gap:14px;margin-top:32px;padding:0;background:#fff;}
.company-location-page .company-location__map-links .company-location__map-button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:16px 12px;border:1px solid transparent;border-radius:12px;font-size:16px;font-weight:700;line-height:1.5;transition:background var(--motion-standard),color var(--motion-standard),border-color var(--motion-standard);}
.company-location-page .company-location__map-button--naver{background:#03c75a;color:#fff;}
.company-location-page .company-location__map-button--kakao{background:#fee500;color:#191919;}
.company-location-page .company-location__map-button>i:first-child{font-size:23px;}
.company-location-page .company-location__map-button>i:last-child{font-size:17px;}
.company-location-page .company-location__map-links .company-location__map-button:is(:hover,:focus-visible){background:#fff;color:var(--color-primary);border-color:var(--color-primary);}
.company-location-page .company-location__map-button:focus-visible{outline:3px solid #81b3ff;outline-offset:3px;}
@media(max-width:400px){.company-location-page .company-location__map-links{flex-direction:column;}}
.company-location-page .company-location__info{padding:48px 40px;background:#fff;}
.company-location-page .company-location__info h3{font-size:28px;line-height:1.5;font-weight:700;}
.company-location-page .company-location__info dl{margin-top:32px;padding-top:24px;border-top:1px solid #d6e0f0;}
.company-location-page .company-location__info dl>div+div{margin-top:24px;}
.company-location-page .company-location__info dt{display:flex;align-items:center;gap:8px;font-size:16px;color:#666;margin-bottom:8px;}
.company-location-page .company-location__info dt i{color:var(--color-primary);font-size:21px;}
.company-location-page .company-location__info dd a{font-size:21px;line-height:1.5;font-weight:700;overflow-wrap:anywhere;}
.company-location-page .company-location__notice{margin:28px 0;font-size:16px;line-height:1.8;color:#555;}
@media(max-width:990px){
 .company-document-page .company-doc__section{padding:72px 0 80px;}
 .company-document-page .company-doc__heading{margin-bottom:40px;}
 .company-document-page .company-doc__principles{padding:72px 0;}
 .company-document-page .company-doc__principle-grid article,.company-document-page .company-doc__channel-grid>a{padding:26px;}
 .company-document-page .company-doc__principle-grid h3,.company-document-page .company-doc__channel-grid h3{font-size:21px;}
 .certificate-page.company-document-page .company-certificate-grid{gap:24px;}
 .certificate-page.company-document-page .company-certificate__image{padding:24px 28px 54px;}
 .certificate-page.company-document-page .company-certificate__copy{padding:28px;}
 .certificate-page.company-document-page .company-certificate__copy h3{font-size:23px;}
 .company-location-page .company-location__layout{grid-template-columns:1fr;}
 .company-location-page .company-location__info{padding:36px;}
}
@media(max-width:640px){
 .company-document-page .company-doc__lead{font-size:16px;margin-top:18px;}
 .company-document-page .company-doc .section-eyebrow{font-size:17px;margin-bottom:14px;}
 .company-document-page .company-doc__principle-grid,.company-document-page .company-doc__channel-grid,.certificate-page.company-document-page .company-certificate-grid{grid-template-columns:1fr;gap:24px;}
 .company-document-page .company-doc__principle-grid p,.company-document-page .company-doc__channel-grid p{font-size:16px;}
 .company-location-page .company-location__map iframe{min-height:320px;}
 .company-location-page .company-location__info{padding:28px;}
 .company-location-page .company-location__info h3{font-size:24px;}
}
.certificate-page.company-document-page .hero-detail{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.72)),url("/assets/images/page/page_hero/page-hero-certificates.webp")!important;}
.company-location-page.company-document-page .hero-detail{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.72)),url("/assets/images/page/page_hero/page-hero-location.webp")!important;}

/* Approved service layout: service-specific image sources only. */

body.sample-move-in[data-service="moving-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/moving_cleaning_hero.webp")!important;}
body.sample-move-in[data-service="move-in-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/move_in_cleaning_hero.webp")!important;}
body.sample-move-in[data-service="moving-cleaning"] .gcta__media{background-image:url("/assets/images/page/moving_cleaning_guide.webp");}
body.sample-move-in[data-service="residential-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/residential-local-20261007/hero.webp")!important;}
body.sample-move-in[data-service="residential-cleaning"] .gcta__media{background-image:url("/assets/images/page/residential-local-20261007/guide.webp");}
body.sample-move-in[data-service="office-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/office_cleaning_hero.webp")!important;}
body.sample-move-in[data-service="office-cleaning"] .gcta__media{background-image:url("/assets/images/page/office_cleaning_guide.webp");}
body.sample-move-in[data-service="store-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/store_cleaning_hero.webp")!important;}
body.sample-move-in[data-service="store-cleaning"] .gcta__media{background-image:url("/assets/images/page/store_cleaning_guide.webp");}
body.sample-move-in[data-service="special-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/special_cleaning_hero.webp")!important;}
body.sample-move-in[data-service="special-cleaning"] .gcta__media{background-image:url("/assets/images/page/special_cleaning_guide.webp");}
body.sample-move-in[data-service="clutter-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/clutter_cleaning_hero.webp")!important;}
body.sample-move-in[data-service="clutter-cleaning"] .gcta__media{background-image:url("/assets/images/page/local-service-matches-20261007/clutter-cleaning-guide.webp");}
body.sample-move-in[data-service="fire-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/service-image-review/fire-cleaning-hero.webp")!important;}
body.sample-move-in[data-service="fire-cleaning"] .gcta__media{background-image:url("/assets/images/page/local-service-matches-20261007/fire-cleaning-guide.webp");}
body.sample-move-in[data-service="flood-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/service-image-review/flood-cleaning-hero.webp")!important;}
body.sample-move-in[data-service="flood-cleaning"] .gcta__media{background-image:url("/assets/images/page/local-service-matches-20261007/flood-cleaning-guide.webp");}
body.sample-move-in[data-service="unattended-death-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/service-image-review/unattended-death-cleaning-hero.webp")!important;}
body.sample-move-in[data-service="unattended-death-cleaning"] .gcta__media{background-image:url("/assets/images/page/unattended_death_cleaning_guide.webp");}
body.sample-move-in[data-service="estate-clearance"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/estate_clearance_hero.webp")!important;}
body.sample-move-in[data-service="estate-clearance"] .gcta__media{background-image:url("/assets/images/page/local-service-matches-20261007/estate-clearance-guide.webp");}
body.sample-move-in[data-service="abandoned-house-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/service-image-review/abandoned-house-cleaning-hero.webp")!important;}
body.sample-move-in[data-service="abandoned-house-cleaning"] .gcta__media{background-image:url("/assets/images/page/local-service-matches-20261007/abandoned-house-cleaning-guide.webp");}
body.sample-move-in[data-service="vacant-house-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/vacant_house_cleaning_hero.webp")!important;}
body.sample-move-in[data-service="vacant-house-cleaning"] .gcta__media{background-image:url("/assets/images/page/vacant_house_cleaning_guide.webp");}
body.sample-move-in[data-service="waste-clearance"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/waste_clearance_hero.webp")!important;}
body.sample-move-in[data-service="waste-clearance"] .gcta__media{background-image:url("/assets/images/page/local-service-matches-20261007/waste-clearance-guide.webp");}
body.sample-move-in[data-service="demolition"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/demolition_hero.webp")!important;}
body.sample-move-in[data-service="demolition"] .gcta__media{background-image:url("/assets/images/page/local-service-matches-20261007/demolition-guide.webp");}
body.sample-move-in[data-service="factory-cleaning"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/factory_cleaning_hero.webp")!important;}
body.sample-move-in[data-service="factory-cleaning"] .gcta__media{background-image:url("/assets/images/page/factory_cleaning_guide.webp");}
body.sample-move-in[data-service="odor-removal"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/odor_removal_hero.webp")!important;}
body.sample-move-in[data-service="odor-removal"] .gcta__media{background-image:url("/assets/images/page/local-service-matches-20261007/odor-removal-guide.webp");}
body.sample-move-in[data-service="mold-removal"] .hero-detail{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.68)),url("/assets/images/page/mold_removal_hero.webp")!important;}
body.sample-move-in[data-service="mold-removal"] .gcta__media{background-image:url("/assets/images/page/local-service-matches-20261007/mold-removal-guide.webp");}

.company-document-page .company-doc__heading--intro{text-align:left;}

/* Approved sample motion selectors, including classes created at runtime. */
.sample-move-in .FaqSec .faqList li.is_active > .question {
    background-color: #f0f7ff !important;
}
.sample-move-in .FaqSec .faqList li.is_active .title {
    color: #0064ff !important;
    font-weight: 700 !important;
}
.sample-move-in .FaqSec .faqList li.is_active > .question img {
    transform: rotate(180deg) !important;
}
.sample-move-in .FaqSec .faqList li.is_active > .answer {
    display: block !important;
    max-height: 5000px !important;
    opacity: 1 !important;
    background: #f8fafc !important;
    border-radius: 12px !important;
    margin: 8px 8px 24px 8px !important;
    padding: 24px 30px !important;
    border-left: 4px solid #0064ff !important;
}
@media  (max-width: 768px) {.sample-move-in .FaqSec .faqList li.is_active > .answer {
        display: block !important;
        padding: 18px 16px !important;
        margin: 6px 4px 16px 4px !important;
    }}
.subpage-shell{--subpage-hero-image:url("/assets/images/page/page_hero/page-hero-contact.webp");}
.subpage-shell[data-page="faq"]{--subpage-hero-image:url("/assets/images/page/page_hero/page-hero-faq.webp");}
.subpage-shell[data-page="gallery"]{--subpage-hero-image:url("/assets/images/page/page_hero/page-hero-gallery.webp");}
.subpage-shell[data-page="gallery-detail"]{--subpage-hero-image:url("/assets/images/page/page_hero/page-hero-gallery-detail.webp");}
.subpage-shell[data-page="reviews"]{--subpage-hero-image:url("/assets/images/page/page_hero/page-hero-reviews.webp");}
.subpage-shell[data-page="review-detail"]{--subpage-hero-image:url("/assets/images/page/page_hero/page-hero-review-detail.webp");}
.subpage-shell .hero-detail{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.72)),var(--subpage-hero-image)!important;}
.hero-detail__eyebrow{color:#fff;font-size:16px;font-weight:700;line-height:1.5;margin-bottom:16px;}
.page-nav[data-subpage-navigation] .page-nav__scroll{display:flex;align-items:center;gap:0;max-width:100%;overflow-x:auto;scrollbar-width:none;}
.page-nav[data-subpage-navigation] .page-nav__scroll::-webkit-scrollbar{display:none;}
.page-nav[data-subpage-navigation] .page-nav__btn{flex-shrink:0;}

/* Compact mobile subnavigation with a visible boundary below the header. */
@media(max-width:768px){
 body[data-design="cleaning"] .page-nav[data-v-b644ca27]{padding:0 var(--content-inset);border-top:1px solid #dce2eb;border-bottom:1px solid #e6e6e6}
 body[data-design="cleaning"] .page-nav .page-nav__scroll{gap:4px}
 body[data-design="cleaning"] .page-nav .page-nav__btn{font-size:14px!important;height:40px!important;line-height:40px!important;min-width:72px!important;padding:0 10px!important}
}

/* Preserve the sample desktop navigation height separately from mobile. */
@media(min-width:769px){
 body[data-design="cleaning"] .page-nav[data-v-b644ca27]{height:57px;min-height:57px;padding-top:0;padding-bottom:0;box-sizing:border-box}
 body[data-design="cleaning"] .page-nav .page-nav__scroll{height:56px;align-items:center}
 body[data-design="cleaning"] .page-nav .page-nav__btn{height:56px!important;line-height:56px!important}
}

.service-location-guide-link{color:var(--brand-primary,#0066ff);text-decoration:underline;text-underline-offset:4px;}

/* Regional navigation inserted in representative service pages uses the subpage bundle. */
.seo-directory-entry{max-width:1200px;margin:60px auto;padding:0 24px;text-align:center;font-size:var(--type-body,20px);}
.seo-directory-entry a{color:#fff;}

/* Regional SEO directory entry on representative services. */
body.page-service .seo-directory-entry{max-width:1200px;margin:60px auto;padding:0 24px;text-align:center;font-size:var(--type-body,20px);line-height:1.7;}
body.page-service .seo-directory-entry a{color:#fff;font-weight:600;}