.information-container{position: relative; display: flex; flex-direction: column;}
.dev-section{position: relative; z-index: 10; min-height: 100vh;}

.section-title{display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; height: 100vh;}
.dev-section h3{font-size: 4.8rem;font-weight: 700; line-height: 6.4rem; color:#fff; text-align: center;}


.section-bg{
  /* position:sticky; */
  top:0;
  height: 100vh;
  display: flex;
  justify-content: center;
  z-index: -1;
  img{height: 100%; object-fit: cover;}
}
.section-bg-05{
  /* position:sticky; */
  top:0;
  height: 100vh;
  display: flex;
  justify-content: center;
  z-index: -1;
  img{height: 100%; object-fit: cover;}
}

.section-02{}
.text-list{display: flex; justify-content: center; flex-direction: column; gap: 6rem; max-width: 140rem; margin: 0 auto;padding-top: 10rem;  height: 100vh; position:sticky; top: 0;}
.text-list .list-item{display: flex;  justify-content: space-between; align-items: center;}
.text-list .list-item p{font-size: 3.6rem; font-weight: 700; line-height: 4.8rem; color:#fff;}
.text-list .list-item .item-img{display: none;}
.text-list .list-item .item-img img{width: 100%;}

.image-list{ margin-top: -100vh; overflow: hidden;}
.image-list .item-img{display: flex; align-items: center; justify-content: flex-end; height: 100vh;  padding-top: 10rem; width: 140rem; margin: 0 auto; position: relative;}
.image-list .item-img img{width: 64rem; height: auto; position: relative; z-index: 10;}
.image-list .item-img .image-text{position: absolute;  color: #fff; font-size: 10rem; font-weight: 700; line-height:110%; text-transform: uppercase; opacity: 0.1;}
.image-list .item-img:nth-child(1) img{width: 58rem; height: auto;}
.image-list .item-img:nth-child(2) img{width: 64rem; height: auto;}
.image-list .item-img:nth-child(3) img{width: 64rem; height: auto;}

.image-list .item-img:nth-child(1) .image-text{text-align: right; top: 50%; margin-top: 42rem; margin-right: -10rem;}
.image-list .item-img:nth-child(2) .image-text.text-01{top: 50%; margin-top: -34rem; padding-right: 10rem;}
.image-list .item-img:nth-child(2) .image-text.text-02{top: 50%; margin-top: 34rem; margin-right: -5rem;}
.image-list .item-img:nth-child(3) .image-text{text-align: right; top: 50%; margin-top: 36rem; margin-right: -10rem;}

.image-list .item-img.bg-section{width: 100vw; position: sticky; top: 0; box-sizing: border-box;}
.image-list .item-img .mask-container {
  display:flex;
  justify-content:center;
  align-items: center;
  margin: 0 auto;
  height: 100%;
  width:100%;
  box-sizing: border-box;

}
.mask-container .text-con{font-size: 3.6rem; font-weight: 700; line-height: 4.8rem; color:#fff; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.image-list .item-img .mask-container img {
  width: 64rem;
  height: 72rem;
  object-fit:cover;
  flex: none;
  margin-left: 70rem;
}

.section-03{ margin-top: -100vh;}
.section-03-bg.active{opacity: 1;}
.section-03-bg{opacity: 0;
  position: sticky; top: 0; height: 100vh; display: flex; justify-content: center; z-index: -1; padding-top: 10rem; background-color: #000;
  img{width: 100%; height: 100%; object-fit: cover;}
}

.section-03-bg .text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content:flex-end; z-index: 10; }
.section-03-bg .text p{opacity: 0.1; color: #fff; font-size: 4.8rem; font-weight: 700; line-height: 6.4rem; font-size: 30rem; white-space: nowrap; text-transform: uppercase;  transform: translateX(-100vw);}

.section-content{display: flex; flex-direction: column;}
.section-content h3{font-size: 4.8rem;font-weight: 700; line-height: 6.4rem; color:#fff; text-align: center; display: flex; align-items: center; justify-content: center; position: sticky; top: 0;}
.section-content-bg{position: sticky; top: 0; height: 100vh; display: flex; justify-content: center; z-index: -1; padding-top: 10rem; width: 140rem; margin: 0 auto;
  img{height: 100%; width: 100%; object-fit: cover; filter: brightness(100%);}
}
.section-content-text{width: 100%; margin: 0 auto; display: flex; flex-direction: column;}
.section-content-text > div{display: flex; position: relative; width: 100%; justify-content: center;}
.section-content-text .contents-text{display: flex; flex-direction: column;width: 100%; height: 100vh; position: sticky; top: 0; z-index: 10;}
.section-content-text h3{text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0;}
.section-content-text .section-image{display: flex; flex-direction: column; width: 100%; padding-bottom:50vh; max-width: 220rem; margin: 0 auto; padding-left: 5rem; padding-right: 5rem; margin-top: -50vh;}

.section-content-text .section-image > div{display: flex; width: 100%;}
.section-content-text .section-image > div img{border-radius: 1rem;}

.section-content-text .text-type-01{}
.section-content-text .text-type-01 img{width: 64rem; height: auto;}

.section-content-text .text-type-02{margin-top: 46rem; justify-content: flex-end;}
.section-content-text .text-type-02 img{width: 80rem; height: auto;}

.section-content-text .text-type-03{margin-top: 8rem;}
.section-content-text .text-type-03 img{width: 56rem; height: auto;}

.section-content-text .text-type-04{margin-top: -20rem; justify-content: flex-end;}
.section-content-text .text-type-04 img{width: 64rem; height: auto;}

.section-content-text .text-type-05{margin-top: -8rem; justify-content: flex-end; padding-right: 41.5rem;}
.section-content-text .text-type-05 img{width: 40rem; height: auto;}


.section-05{min-height: 200vh;  position: relative;  background: url('../../images/sub/development/bg-section-05.png') no-repeat center top; background-size:cover; background-attachment:fixed;}
.section-05-bg{
  position: sticky; top: 0; height: 100vh; display: flex; justify-content: center; z-index: -1;
  img{width: 100%; height: 100%; object-fit: cover;}
}
.img-logo{display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh;top: 0; left: 0; transform: scale(0); padding-top: 10rem; position: relative; z-index: 11;}
.img-logo img{width: 28rem;}
.video-section{min-height: 100vh; display: flex; align-items: center; justify-content: center; z-index: 11; padding:10rem; padding-top: 10rem; top: 0; left: 0; width: 100%; position: relative;}
.video-section .video-block{max-width:50%;display: flex; align-items: center; justify-content: center; z-index: 10; position: relative; width: 100%; aspect-ratio: 16/9;}
.video-section .video-block iframe{width: 100%; height: 100%; border: none;}
.video-section video{width: 100%; height: 100%; object-fit: cover; transform: translateY(100vh);}

/* iOS Safari 전체화면 지원 */

.video-section .video-block iframe:-webkit-full-screen {
  width: 100vw !important;
  height: 100vh !important;
}

.video-section .video-block iframe:fullscreen {
  width: 100vw !important;
  height: 100vh !important;
}

.video-dim{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 10; opacity: 0;}

@media (max-width:820px) {
  .dev-section h3{font-size: 2.2rem; line-height: 3.6rem; width: 80%;}
  .dev-section h3 .char{font-size: 2.4rem; line-height: 3.6rem;}

  .section-02{}
  .image-list{display: none;}
  .text-list{height: auto; padding-top: 0; gap: 16rem; display: flex; flex-direction: column;}
  .text-list .list-item{flex-direction: column; align-items: flex-start; padding-left: 2.8rem; padding-right: 2.8rem; gap: 4rem;}
  .text-list .list-item .item-img{display:block; width: 100%; position: relative;}
  .text-list .list-item p{font-size: 2rem; line-height: 3.2rem;}
  .text-list .list-item .item-img img{width: 100%; position: relative; z-index: 10;}

  .text-list .list-item:nth-child(1) .item-img{padding-left: 2.5rem; padding-right: 2.5rem;}

  .text-list .list-item .item-img .image-text{position: absolute; font-size: 4rem; opacity: 0.1; line-height: 4.8rem; text-transform: uppercase;}
  .text-list .list-item .item-img .text01-01{text-align: right; right: 0; top:96%;}
  .text-list .list-item .item-img .text02-01{top: -3rem; left: -1rem;}
  .text-list .list-item .item-img .text02-02{top: 96%; right: 0;}
  .text-list .list-item .item-img .text03-01{text-align: right; right: 0; top:96%;}
  .section-03{margin-top: 0;}
  .section-03-bg{opacity: 1; height: auto;  display: flex; flex-direction: column; padding-top: 0; margin-top: 4rem;  background: none;}
  .section-03-bg img{width:100%; height: 100vh; object-fit: cover; }
  .section-03-bg .text{display: none;}
  .section-content h3{height: 100vh; width: 100%; display: flex; align-items: center; justify-content: center; position: static;}
  .section-content-bg{width: 100%; padding-top: 0;}



  .section-content-text{width: 100%; margin: 0 auto; display: flex; flex-direction: column;}
  .section-content-text > div{display: flex; position: relative; width: 100%; justify-content: center;}
  .section-content-text .contents-text{display: flex; flex-direction: column;width: 100%; height:auto; position: sticky; top: 0; z-index: 10; height: 100vh;}
  .section-content-text h3{text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0;}
  .section-content-text .section-image{display: flex; flex-direction: column; width: 100%; padding-bottom:40vh; max-width:100%; margin: 0 auto; padding-left: 0rem; padding-right: 0rem; margin-top:-50vh;}

  .section-content-text .section-image > div{display: flex; width: 100%;}
  .section-content-text .section-image > div img{border-radius: 0rem;}
  .section-content-text .text-type-01{}
  .section-content-text .text-type-01 img{width: 21.4rem; height: auto;}

  .section-content-text .text-type-02{margin-top: 27rem; justify-content: flex-end;}
  .section-content-text .text-type-02 img{width: 26.6rem; height: auto;}

  .section-content-text .text-type-03{margin-top: 26rem; padding-left: 2.5rem;}
  .section-content-text .text-type-03 img{width: 18.5rem; height: auto;}

  .section-content-text .text-type-04{margin-top:31.5rem; justify-content: flex-end;}
  .section-content-text .text-type-04 img{width: 21.5rem; height: auto;}

  .section-content-text .text-type-05{margin-top: -8rem; justify-content: flex-end; padding-right: 12rem;}
  .section-content-text .text-type-05 img{width: 13rem; height: auto;}


  .section-05{background: url('../../images/sub/development/m-bg-section-05.png') no-repeat center top;  width: 100%; position: relative; background-size:auto 100%;}
  .img-logo{transform: scale(1); position:static; top: 0; padding-top: 0;}

  .video-section{position:static; top: 0;}
  .video-dim{display: none;}
  .video-section{padding: 0;}
  .video-section .video-block{max-width: 100%; padding: 0 20px; min-height: 0; aspect-ratio: 16/9; width: 100%;}
  .video-section .video-block iframe{width: 100%; height: 100%; border: none;}
  .video-section video{transform: translateY(0); width: 100%; height: 100%;}
  .video-section{padding: 0;}
  .img-logo img{width: 10rem;}

  .section-bg{
    position:relative;

  }
  .section-bg-05{position: relative;}
  .section-bg-05 img{display: none;}
}