body{overflow-x: hidden;}
body::-webkit-scrollbar {
  display: none;
}
#header{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
}
#fullpage-swiper {
  width: 100%;
  height: 100vh; /* 뷰포트 전체 */
}

/* 각 섹션 슬라이드: 높이 100vh, 스크롤 가능하게 */
#fullpage-swiper > .swiper-wrapper > .swiper-slide {
  height: 100vh;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

/* 마지막 섹션(footer)은 높이 auto */
#fullpage-swiper >.swiper-wrapper > .swiper-slide.fp-auto-height {
  height: auto !important;
}

/* 모바일에서 Swiper 해제 → 일반 블록 */
@media all and (max-width: 1024px) {
  #fullpage-swiper {
    height: auto;
    overflow: visible;
  }
  #fullpage-swiper > .swiper-wrapper {
    transform: none !important;
    flex-direction: column;
  }
  #fullpage-swiper > .swiper-wrapper > .swiper-slide {
    height: auto !important;
    overflow: visible;
  }
}

/* =============================================
   헤더
   ============================================= */
#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: #fff;
}

/* =============================================
   섹션 공통
   ============================================= */
.section {
  width: 100%;
  position: relative;
}

/* =============================================
   MV (메인 비주얼)
   ============================================= */
.mv {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mv .swiper-mv {
  width: 100%;
  height: 100%;
}

.mv .swiper-slide {
  position: relative;
  height: 100vh;
}

.mv .img-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mv .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.2);
  transition: 5s transform;
}

.mv .txt-box {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.mv .txt-box .container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mv .variant-box {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.mv .scroll-line-wrapper {
  margin: 0 auto;
  width: 3px;
  height: 120px;
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mv .scroll-line {
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 50%, rgba(255,255,255,0) 100%);
  animation: mv-drop 2.5s infinite cubic-bezier(0.65, 0, 0.35, 1);
}

@keyframes mv-drop {
  0%   { transform: translateY(-100%); opacity: 0; }
  30%  { opacity: 1; }
  70%  { opacity: 1; }
  100% { transform: translateY(100%); opacity: 0; }
}

.mv .tit { overflow: hidden; }
.mv .tit span {
  display: block;
  transform: translateY(100%);
  transition: 1s transform;
}
.mv .tit.delay-1 span { transition-delay: .5s; }
.mv .swiper-slide-active .tit span { transform: translateY(0); }
.mv .swiper-slide-active .img-box img { transform: scale(1); }

/* =============================================
   main-con02 (텍스트 리빌)
   ============================================= */
.main-con02 {
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-con02 .reveal-section {
  position: relative;
  width: 100%;
  height: 100%;
}

.reveal-section .sticky-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.reveal-section .content-box {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url('/asset/img/main/con02_bg01.png');
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 5;
  margin: 0 auto;
}

.reveal-section .content-box .container { width: 80%; }

.reveal-section .text-container {
  display: flex;
  flex-direction: column;
  text-align: left;
  z-index: 10;
}

.reveal-section .line-wrapper {
  position: relative;
  display: block;
  white-space: nowrap;
  letter-spacing: -0.84px;
  width: fit-content;
  line-height: 150%;
}

.reveal-section .text-bases { color: rgba(255, 255, 255, 0.5); }

.reveal-section .text-reveal {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  color: #fff;
  clip-path: inset(0 100% 0 0);
  overflow: hidden;
  white-space: nowrap;
  transition: clip-path .5s ease-in-out;
}

.reveal-section br.mo-only { display: none; }

.reveal-section .card {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  opacity: 0;
  transform: translateY(120%);
  will-change: transform, opacity;
}

.reveal-section .card.card01 { background-image: url(/asset/img/main/con01_img01-new.png); }
.reveal-section .card.card02 { background-image: url(/asset/img/main/con01_img02-new.png); }
.reveal-section .card.card03 { background-image: url(/asset/img/main/con01_img03-new.png); }

/* 텍스트 리빌 활성 */
.main-con02.active .text-reveal { clip-path: inset(0 0 0 0); }
.main-con02.active #line1 { transition-delay: 0.25s; }
.main-con02.active #line2 { transition-delay: 0.45s; }
.main-con02.active #line3 { transition-delay: 0.7s; }
.main-con02.active #line4 { transition-delay: 0.9s; }
.main-con02:not(.active) .text-reveal { clip-path: inset(0 100% 0 0); transition: none; }

/* =============================================
   slide-section (Global Impact)
   ============================================= */
.slide-section {
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.slide-section .slide-area {
  width: 100%;
  /* padding: 60px 0; */
}

.slide-section .main-tit { border-bottom: 1px solid #191919; }
.slide-section .main-tit.main-tit-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.slide-section .slide-inner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 28px;
}

.slide-section .slide-item {
  width: calc(25% - 21px);
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  transition: transform 0.3s ease;
  position: relative;
  overflow: hidden;
}
.slide-section .slide-item:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: border-radius .5s;
}
.slide-section .slide-item:hover:before{

  box-shadow: 
  inset 0px 0px 80px 0px #f79433, 0px 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.slide-section .slide-item .img-box { width: 100%; height: 100%; }
.slide-section .slide-item .img-box img {
  width: 100%; height: 100%; object-fit: cover;
  filter: grayscale(100%);
}
.slide-section .slide-item:hover .img-box img{
  filter: grayscale(0);
}

.slide-section .slide-item .txt-box {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: background-color 1s;
}

.slide-section .slide-item .txt-box .tag { width: 100%; }
/* .slide-section .slide-item:hover .txt-box { background-color: rgba(0,0,0,.2); } */
.slide-section .slide-item .txt-box .hover-txt { display: none; }
.slide-section .slide-item:hover .txt-box .hover-txt { display: block; }

/* =============================================
   main-con04 (Global Projects)
   ============================================= */
.main-con04 {
  position: relative;
  height: 100%;
}

.main-con04 .bg-box {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
}

.main-con04 .bg-box img {
  width: 100%; height: 100%;
  object-fit: cover;
}

.main-con04 .txt-air-box {
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 100%;
}

.main-con04 .number-txt {
  display: flex;
  flex-wrap: wrap;
  max-width: 670px;
  gap: 30px 0;
}

.main-con04 .number-txt .num-box {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
  color: var(--color);
}

.main-con04 .number-txt .n-icon { display: none; }
.main-con04 .txt-air-box .tit-box { display: flex; flex-direction: column; }

/* 지도 마커 */
.city-air-box {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  z-index: 3;
}

.city-air-box .city-box {
  position: absolute;
  z-index: 4;
  display: block;
  transform: translate(-50%, -50%);
}

.city-air-box .city-box.open { z-index: 5; }

.city-air-box .city-box.box01 { top: 19%; left: 60%; }
.city-air-box .city-box.box02 { top: 31.5%; left: 61.5%; }
.city-air-box .city-box.box03 { top: 42%; left: 78%; }
.city-air-box .city-box.box04 { top: 53%; left: 63%; }
.city-air-box .city-box.box05 { top: 52%; left: 88%; }
.city-air-box .city-box.box06 { top: 57%; left: 42%; }

.city-air-box .city-box .circle {
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  animation: makerAni01 1.4s infinite;
}

.city-air-box .city-box .circle:after {
  content: '';
  left: 100%; top: 50%;
  width: 0; height: 1px;
  background-color: #fff;
  position: absolute;
  transform: translateY(-50%);
  opacity: 0; visibility: hidden;
  transition: opacity 1.5s, visibility 1.5s, width 1.5s;
}

.city-air-box .city-box.open .circle:after { width: 100px; opacity: 1; visibility: visible; }
.city-air-box .city-box:has(.city-pop.left) .circle:after { left: auto; right: 100%; }

.city-air-box .city-box .txt {
  cursor: pointer;
  position: absolute;
  top: 100%; left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  white-space: nowrap;
}

.city-air-box .city-box .circle01 {
  background-image: url(/asset/img/main/main04_plus.png);
  background-color: #21409A;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px; height: 35px;
  margin: 0 auto;
  position: relative;
}

.city-air-box .city-box .circle:before {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: 46px; height: 46px;
  border-radius: 50%;
  background-color: #21409A;
  opacity: 0; z-index: -1;
  content: '';
  transition: opacity .5s;
}

.city-air-box .city-box:hover .circle:before { opacity: .3; }

@keyframes makerAni01 {
  0%   { box-shadow: 0 0 0 0px rgba(255,255,255,1); }
  99%  { box-shadow: 0 0 0 5px rgba(255,255,255,0.1); }
  100% { box-shadow: 0 0 0 5px rgba(255,255,255,0); }
}

.city-air-box .city-pop {
  display: none;
  position: absolute;
  left: calc(100% + 73px);
  top: -100%;
  border-radius: 10px;
  background-color: #fff;
  padding: 30px 20px;
  min-width: 420px;
  opacity: 0; visibility: hidden;
  transition: opacity 1s, visibility 1s;
  z-index: 1;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
}

.city-air-box .open .city-pop { opacity: 1; visibility: visible; }
.city-air-box .city-pop.left { left: auto; right: calc(100% + 73px); }

.city-air-box .city-scroll {
  max-height: 370px;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.city-air-box .city-pop .city-href { display: flex; gap: 20px; }
.city-air-box .city-pop .city-href + .city-href { margin-top: 15px; }

.city-air-box .city-pop .c-img {
  border-radius: 5px; overflow: hidden;
  aspect-ratio: 1/0.733;
  width: calc(44% - 10px);
}

.city-air-box .city-pop .c-img img { width: 100%; height: 100%; object-fit: cover; }
.city-air-box .city-pop .c-txt {
  width: calc(56% - 10px);
  display: flex; flex-direction: column;
  justify-content: space-between;
}

/* =============================================
   main-con05 (On the Ground)
   ============================================= */
.main-con05 {
  overflow: hidden;
  background: url(/asset/img/main/main_con05bg01.png) no-repeat center center / cover;
  height: 100%;
  display: flex;
  align-items: center;
}

.main-con05 .main-touch {
  position: relative;
  width: 100%;
  padding: 60px 0;
}

.main-con05 .sectionCercle { position: relative; }

.main-con05 .card {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  aspect-ratio: 1/1.263;
  text-decoration: none;
  transition: transform 0.4s;
}

.main-con05 .card .img { width: 100%; height: 100%; }
.main-con05 .card .img img { width: 100%; height: 100%; object-fit: cover; }

.main-con05 .card .txt-box {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.4);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 60px 10px;
  /* opacity: 0; */
  transition: opacity 0.4s;
}

.main-con05 .card .txt-box .tag {
  border-radius: 5px;
  background-color: #F79433;
  padding: 2px 16px;
  width: fit-content;
  margin: 0 auto;
}

.main-con05 .card:hover .txt-box { opacity: 1; }
.main-con05 .swiper-con05 { overflow: unset; }

/* =============================================
   main-con06 (Contact)
   ============================================= */
.main-con06 {
  background: url(/asset/img/main/main06_bg01.png) no-repeat center center / cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
  height: 100%;
  /* padding: 130px 0; */
}

.main-con06:before {
  position: absolute;
  bottom: -70px; right: 0;
  content: 'CONTACT';
  font-size: 440px;
  font-family: 'Jost', serif;
  line-height: 1; font-weight: 600;
  color: rgba(255,255,255,.1);
  pointer-events: none;
}

.main-con06 .bot-btn-box .container { overflow: hidden; }
.main-con06 .bot-btn-box .btn-box {
  padding: 50px 0;
  border-bottom: 1px solid #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.main-con06 .bot-btn-box .btn-box.mo-btn-box{display: none;}
.main-con06 .bot-btn-box .left-txt { display: flex; align-items: center; }
.main-con06 .bot-btn-box .lt-tit { min-width: 200px; width: 200px; }

.main-con06 .bot-btn-box .btn {
  width: 60px; height: 60px;
  border-radius: 50%;
  background-color: #F79433;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.main-con06 .bot-btn-box .btn i { transition: transform 0.3s; }
.main-con06 .bot-btn-box .btn:hover i { animation: arrowLoop 1s forwards; }

@keyframes arrowLoop {
  0%   { transform: translateX(0); opacity: 1; }
  49%  { transform: translateX(30px); opacity: 0; }
  50%  { transform: translateX(-30px); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

/* =============================================
   좌측 네비 (fullPage nav 대체)
   ============================================= */
.right-quick {
  position: fixed;
  z-index: 200;
  left: 50px; top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.right-quick:before {
  position: absolute;
  content: '';
  top: 50%; left: 7.5px;
  transform: translate(-50%, -50%);
  width: 1px;
  height: calc(100% - 15px);
  background-color: rgba(255,255,255,.2);
}

.right-quick .rq-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}

.right-quick .rq-btn:before{
  content: attr(title);
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4rem;
  color: #fff;
  white-space: nowrap;
}
.right-quick .rq-btn .i-circle {
  width: 15px; height: 15px;
  border-radius: 50%;
  position: relative;
  display: block;
}

.right-quick .rq-btn .i-circle:before {
  content: '';
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: 5px; height: 5px;
  border-radius: 50%;
  background-color: #fff;
}

.right-quick .rq-btn:hover .i-circle,
.right-quick .rq-btn.active .i-circle {
  background-color: rgba(146,146,146,.3);
}

/* 어두운 섹션 */
body.nav-dark .right-quick:before { background-color: rgba(146,146,146,.2); }
body.nav-dark .right-quick .rq-btn { color: #929292; }
body.nav-dark .right-quick .rq-btn .i-circle:before { background-color: #929292; }
body.nav-dark .right-quick .rq-btn:hover .i-circle,
body.nav-dark .right-quick .rq-btn.active .i-circle { background-color: rgba(146,146,146,.2); }
body.nav-dark .right-quick .rq-btn:before{color: #929292;}

/* =============================================
   슬라이드 네비 버튼
   ============================================= */
.slide-nv-box {
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 100%;
  pointer-events: none;
  z-index: 3;
}

.slide-nv-box .swiper-btn {
  position: absolute;
  width: 50px; height: 50px;
  background-color: #fff;
  border-radius: 50%;
  pointer-events: auto;
  filter: drop-shadow(0 4px 4px rgba(0,0,0,0.10));
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%; cursor: pointer;
}

.slide-nv-box .swiper-btn.prev-btn { left: 0; transform: translate(-50%, -50%); }
.slide-nv-box .swiper-btn.next-btn { right: 0; transform: translate(50%, -50%); }

/* =============================================
   팝업
   ============================================= */
#popup { position: relative; }

.popup-layer {
  z-index: 10000;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.25);
  animation: popup-fade .65s ease-in-out .35s forwards;
  opacity: 0;
  max-width: 800px;
}

@keyframes popup-fade {
  0%   { opacity: 0; transform: translateY(25px); }
  100% { opacity: 1; transform: translateY(0); }
}

.popup-layer__body { background: #fff; }
.popup-layer__body img { display: block; margin: 0 auto; border: none; max-width: 100%; }
.popup-layer__foot { background: #424242; }
.popup-layer__foot ul { display: flex; flex-wrap: wrap; }
.popup-layer__foot li { width: 50%; padding: 10px; }
.popup-layer__foot li:first-child { padding-right: 0; }
.popup-layer__foot li:last-child { text-align: right; }
.popup-layer__foot span { font-size: 1.5rem; color: #fff; cursor: pointer; transition: all 0.3s ease; }
.popup-layer__foot label:hover span { opacity: .7; }

/* =============================================
   반응형
   ============================================= */
@media all and (max-width: 1400px) {
  .main-con06:before { font-size: 220px; bottom: -30px; }
  .right-quick{
    left: 20px;
  }
}

@media all and (max-width: 1200px) {
  .slide-nv-box { left: 50%; transform: translate(-50%, -50%); width: 95%; }
}

@media all and (max-width: 1024px) {
  /* 모바일: 섹션 height auto로 풀기 */
  .section { height: auto; }
  .main-con02 { height: auto; display: block; }
  .main-con05 { height: auto; display: block; padding: 80px 0; }
  .main-con06 { height: auto; min-height: auto; padding: 100px 0; }
  .main-con04 { height: auto; }

  .mv .scroll-line-wrapper { height: 55px; }

  .reveal-section .sticky-wrapper { height: auto; }
  .reveal-section .content-box {
    height: auto;
    background: none;
  }
  .reveal-section .content-box .container {
    width: 95%;
    padding: 200px 30px;
    background: url('/asset/img/main/con02_bg01.png') no-repeat center center / cover;
    border-radius: 20px;
  }
  .reveal-section .card { position: unset; padding: 230px 0; transform: none; opacity: 1; }
  .reveal-section .card-container { position: relative; max-width: 95%; margin: 30px auto 0; display: flex; gap: 30px; flex-direction: column; }

  .slide-section { height: auto; padding: 60px 0; }
  .slide-section .slide-area { padding: 0; }
  .slide-section .slide-item { width: calc(33.333% - 18.666px); }
  .slide-section .slide-item .txt-box .hover-txt { display: block; }
  .slide-section .slide-item .txt-box { background-color: rgba(0,0,0,.2); }
  .slide-section .main-tit.main-tit-flex { flex-wrap: wrap; gap: 15px 0; }

  .main-con04 .bg-box { position: absolute; }
  .main-con04 .txt-air-box { position: unset; transform: none; padding: 100px 0; width: 95%; margin: 0 auto; }
  .city-air-box { display: none; }

  .main-con05 .main-touch { padding: 0; }
  .main-con05 .card .txt-box { opacity: 1; padding: 30px 10px; }

  .main-con06:before { font-size: 110px; bottom: -10px; }
  .main-con06 .bot-btn-box .btn-box { padding: 25px 0; }
  .main-con06 .bot-btn-box .lt-tit { min-width: 150px; width: 150px; }
  .main-con06 .bot-btn-box .btn { width: 45px; height: 45px; }
  .main-con06 .bot-btn-box .btn img { max-height: 15px; }

  .right-quick { display: none; }

  .popup-layer { top: 95px !important; left: 0 !important; margin: 0 5px; }
}

@media all and (max-width: 768px) {
  .reveal-section .content-box { padding: 0; }
  .reveal-section .content-box .container { padding: 130px 20px; width: 100%; border-radius: 0; }
  .reveal-section .text-container { align-items: center; text-align: center; justify-content: center; }
  .reveal-section .card { padding: 150px 0; }
  .reveal-section br.mo-only { display: block; }

  .slide-section .slide-item { width: calc(50% - 14px); }

  .main-con04 .number-txt .num-box { gap: 0; }

  .main-con06:before { font-size: 56px; bottom: 0; }
  .main-con06 .bot-btn-box .lt-tit { width: 100px; min-width: 100px; }
  .main-con06 .bot-btn-box .btn { width: 35px; height: 35px; }
  .main-con06 .bot-btn-box .btn img { max-height: 10px; }

  .popup-layer { width: calc(100% - 10px); }
  .popup-layer img { max-width: none; width: 100%; height: auto !important; }
  .slide-nv-box { display: none; }

  .main-con04 .txt-air-box .tit-box{
    max-width: 337px;
  }
.main-con06 .bot-btn-box .btn-box.mo-btn-box{display: flex;}
.main-con06 .bot-btn-box .btn-box.pc-btn-box{display: none;}
}

@media all and (max-width: 576px) {
  .reveal-section .text-bases,
  .reveal-section .text-reveal { font-size: 1.8rem; }
  .reveal-section .content-box .container { padding: 100px 10px; }
  .reveal-section .card { padding: 110px 0; }
  .slide-section .slide-inner { gap: 10px; }
  .slide-section .slide-item { width: calc(50% - 5px); }
}


@media all and (max-width:768px){
  .mv .txt-box:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .slide-section .slide-item .txt-box .tag.mo-none{
    display: none;
  }
  .slide-section .slide-item .txt-box .tit.mt-10{
    margin-top: 0;
  }
}

/* 모바일 vh 단위 문제 방지 */
@media all and (max-width: 1024px) {
  .mv .swiper-slide {
    height: 100svh; /* svh: small viewport height - 주소창 제외한 높이 */
  }
}