@charset "UTF-8";



/* ===== 공통 ===== */
body.home {
  height: 100svh;                /* 최신 iOS/Android */
  min-height: 100dvh;            /* 동적 뷰포트 */
  min-height: -webkit-fill-available;
  overflow: hidden;              /* 스크롤 금지 */
}

body.home .home-main {
  position: relative;
  width: 100%;
  height: 100svh;
  min-height: 100dvh;
  min-height: -webkit-fill-available;
  overflow: hidden;
}

/* 데스크톱 기본 배경 이미지 */
/* 데스크톱 기본 메인이미지 */
.home-main-images {
  position: absolute;
  inset: 0;
  background: url('../images/main.png') no-repeat center/cover;
}
/* 메인 위 컨택트 */
.home-main-contact {
  position: absolute;
  bottom: 5%;
  right: 5%;
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.home-main-contact li { list-style: none; text-align: right; margin: -2% 0; }
.home-main-contact li a {
  font-size: var(--title-size-xl);
  font-weight: 900;
  text-align: center;
  color: #000;
  text-decoration: none;
  transition: opacity .1s ease;
}
.home-main-contact li a:hover { opacity: .7; }

@media (max-width: 768px) {
  .home-main-images {
    background-image: url('../images/mo.png'); /* 영문 파일명 사용 */
  }

.home-main-contact li a {
  font-size: var(--title-size-md);
  font-weight: 900;
  text-align: right;
}
}


/* 홈의 버튼이 풋터에 가리지 않게 */
body.home .home-main-contact {
  bottom: calc(5% + 20px);
}



/* 풋터 기본은 흐름대로 */
footer {
  position: static;
  width: 100%;
  height: 20px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.footer-txt {
  color: #afafaf;
  font-size: var(--desc-size-sxx);
}

body.home footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}