@charset "utf-8";
.main{width: 100%;}

/* ============================================
  section01 기본
   ============================================ */

.section01{width:100%;height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 50%,#0a0e27 100%)}
.section01 .main-swiper{width:100%;height:100%}
.section01 .main-swiper .swiper-slide{width:100%;height:100%;display:flex;align-items:center;position:relative}

/* 배경 영상 */
.section01 .slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}
.section01 .slide-bg .bg-video{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;opacity:0.6}
.section01 .slide-bg .bg-video img{width: 100%; height: 100%; object-fit: cover;} 
.section01 .slide-bg .bg-video.video01{opacity: 0.25;}
.section01 .slide-bg .bg-video.video02 {opacity: 0.25;}
.section01 .slide-bg .bg-video.video04 { opacity: 0.5;}
.section01 .slide-bg .bg-video.video05 { opacity: 0.5;}
.section01 .slide-bg .bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(126deg, #030303 0%, #03030350 50%, #030303 100%);z-index:2}

/* 슬라이드 콘텐츠 */
.section01 .main-swiper .swiper-slide .slide-content{max-width:1680px;width:100%;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:3;text-align:center;color:#fff;gap: 10px;}
.section01 .slide-title{font-size:6rem;font-weight:800;letter-spacing:-2px;text-transform:uppercase;margin-bottom:30px;color:#fff;line-height:1.1; transition: all 0.3s;}
.section01 .slide-subtitle{font-size:5rem;font-weight:800;letter-spacing:-2px; word-break: keep-all; text-transform:uppercase;margin-bottom:30px;color:#fff;line-height:1.1;transition: all 0.3s;}
.section01 .slide-text{max-width: 600px;word-break: keep-all; font-size:1.875rem;font-weight:100;letter-spacing:-0.85px;line-height:1.4;color:#fff;opacity:0.9;transition: all 0.3s;}
.section01 .slide-desc{display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 5px; }
.section01 .slide-desc .desc{ font-size: 1.25rem; letter-spacing: 0; line-height: 1.4; color: #ffffff; font-weight: 100;display: flex; flex-direction: row; justify-content: flex-start;align-items: center; gap: 5px;}
.section01 .slide-desc .desc + .desc::before{content: ''; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 5px; width: 3px; height: 3px; border-radius: 50%; background-color: #D9D9D9;}

/* Swiper 페이징 */
.section01 .swiper-pagination{bottom:20%!important;z-index:10}
.section01 .swiper-pagination-bullet{width:100px;height:2px;background:rgba(255,255,255,.5);opacity:1;margin:0 8px;transition:all .3s ease;position:relative;overflow:hidden;border-radius:1px}
.section01 .swiper-pagination-bullet::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff;border-radius:inherit;z-index:1;transform:scaleX(0);transform-origin:left center;transition:none}
.section01 .swiper-pagination-bullet-active{background:rgba(255,255,255,.5);width:100px;border-radius:1px}

/* 페이지네이션 채우기 애니메이션 */
@keyframes bullet-fill {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

/* 채우기 애니메이션 중인 페이지네이션 */
.section01 .swiper-pagination-bullet.animate-fill::before {
  animation: bullet-fill var(--slide-duration, 5000ms) linear forwards;
}

/* 이미 채워진 페이지네이션 (이전 슬라이드들) - 애니메이션 무시 */
.section01 .swiper-pagination-bullet.filled::before {
  transform: scaleX(1) !important;
  animation: none !important;
}

/* filled 클래스가 있으면 animate-fill 애니메이션 무시 */
.section01 .swiper-pagination-bullet.filled.animate-fill::before {
  transform: scaleX(1) !important;
  animation: none !important;
}

/* 반응형 */
@media(max-width:1440px){
  .section01 .slide-title{font-size:5rem}
  .section01 .slide-subtitle{font-size: 4rem}
}
@media(max-width:1024px){
  .section01 .slide-title{font-size:4.5rem;margin-bottom:25px}
  .section01 .slide-subtitle{font-size: 3rem}
  .section01 .slide-text{font-size:1.1rem}
  .section01 .swiper-pagination{bottom: 30% !important;}
  .section01 .swiper-pagination-bullet{width: 60px;}
}
@media(max-width:768px){
  .section01{height:100vh}
  .section01 .slide-title{font-size:3.5rem;margin-bottom:20px}
  .section01 .slide-subtitle{font-size: 2.5rem}
  .section01 .slide-text{font-size:1rem;line-height:1.6;max-width: 300px;}
  .section01 .slide-desc .desc{ font-size: 0.9rem;}
  .section01 .swiper-pagination-bullet{width: 50px;}
  
}
@media(max-width:480px){
  .section01 .slide-title{font-size:2.5rem}
  .section01 .slide-subtitle{font-size: 1.8rem}
  .section01 .slide-text{font-size:0.9rem;line-height:1.5;}
  .section01 .slide-desc .desc{ font-size: 0.6rem;}
  .section01 .swiper-pagination{bottom: 34% !important;}
  .section01 .swiper-pagination-bullet{width: 40px;}
}





/* ============================================
  section02 기본
   ============================================ */

.section02{width: 100%; min-height: 900px; height: 100%; background-color: #030303; position: relative;}
.section02 .bg{width: 100%; height: 100%; background: 50% 50% no-repeat; background-size: cover;opacity: 0.6; position: absolute; top: 0; left: 0; z-index: 1;}
.section02 .bg.bg-loaded{background-image: url(/images/main/main-section02-bg.webp);}
.section02 .wraper{max-width: 1680px; width: 100%;height: 900px; margin: 0 auto; padding: 100px 40px; position: relative; z-index: 2; display: flex; flex-direction: column;justify-content: space-between;transition: all 0.3s;}
.section02 .wraper .title{width: 100%; display: flex; flex-direction: column; gap: 20px;transition: all 0.3s;}
.section02 .wraper .title .tit{font-size: 5rem; font-weight: 800; color: #fff; letter-spacing: -2px;transition: all 0.3s;}
.section02 .wraper .title .text{font-size: 1.5rem; font-weight: 100; letter-spacing: -0.75px; line-height: 1.4; color: #fff; max-width: 600px; width: 100%; word-break: keep-all;transition: all 0.3s;}

/* 서비스 그리드 */
.section02 .service-grid{width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.section02 .service-item{background-color: #000; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; padding: 24px; display: flex; flex-direction: row;align-items: center; gap: 30px; transition: all 0.3s ease; position: relative; overflow: hidden;}

/* 서비스 아이콘 */
.section02 .service-item .service-icon{width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.section02 .service-item .service-icon img{width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1);}

/* 서비스 제목 */
.section02 .service-item .service-title{font-size: 0.875rem; font-weight: 700; color: #257DD7; letter-spacing: -0.5px; line-height: 1.3; margin: 0;}

/* 서비스 설명 */
.section02 .service-item .service-desc{font-size: 0.875rem; font-weight: 300; color: #fff; letter-spacing: -0.5px; line-height: 1.6; margin: 0; word-break: keep-all;}

/* 반응형 */
@media(max-width: 1440px){
  .section02 .wraper{height: max-content; gap: 100px;}
  .section02 .wraper .title .tit{font-size: 4rem;}
  .section02 .service-grid{grid-template-columns: 1fr; gap: 20px;}
}

@media(max-width: 1024px){
  .section02{min-height: auto;}
  .section02 .wraper .title .tit{font-size: 3.5rem;}
  .section02 .wraper .title .text{font-size: 1.2rem; max-width: 500px;}
}

@media(max-width: 768px){
  .section02 .wraper .title .tit{font-size: 2.5rem;}
  .section02 .wraper .title .text{font-size: 1rem; max-width: 400px;}
  .section02 .service-item{flex-direction: column; gap: 10px;}
}



/* ============================================
  section03 기본
   ============================================ */

.section03{width: 100%; height: 100%; background-color: #fff; position: relative;}
.section03 .wraper{max-width: 1680px; width: 100%;height: auto; margin: 0 auto; padding: 100px 40px; position: relative; z-index: 2; display: flex; flex-direction: column;justify-content: space-between;gap: 100px; transition: all 0.3s;}
.section03 .wraper .title{width: 100%; display: flex; flex-direction: column; gap: 20px;}
.section03 .wraper .title .tit{font-size: 3.5rem; font-weight: 800; color: #333333;transition: all 0.3s;}
.section03 .wraper .title .sub-tit{font-size: 1.5rem; font-weight: 600; color: #555; transition: all 0.3s;}
.section03 .wraper .title .text{font-size: 1.5rem; font-weight: 200; letter-spacing: -0.75px; line-height: 1.4; color: #000; max-width: 730px; width: 100%; word-break: keep-all;transition: all 0.3s;}

.solution-grid{display: grid; width: 100%; grid-template-columns: repeat(3, 1fr); gap: 45px;}
.solution-grid .solution-item{position: relative; display: flex;width: 100%; flex: 1; align-items: center;justify-content: center;}
.solution-grid .solution-item .card{ width: 100%;height: 500px; overflow: hidden; border-radius: 20px;}
.solution-grid .solution-item .card::before {content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0); border-radius: 20px; transition: all .3s ease;}
.solution-grid .solution-item .card:hover::before { background: rgba(0, 0, 0, .55); backdrop-filter: blur(5px);}


.solution-grid .solution-item .card img{width: 100%; height: 100%; object-fit: cover;}
.solution-grid .solution-item .card .card-content{position: absolute;  inset: 0;  padding: 28px;  display: flex;  flex-direction: column;  justify-content: space-between;  pointer-events: none;}
.solution-grid .solution-item .card .card-content .top{width: 100%; display: flex; flex-direction: row; justify-content: flex-end;align-items: center;transition: all 0.3s;}
.solution-grid .solution-item .card .card-content .top span{font-size: 1rem; color: #fff; font-weight: 800;opacity: 0; transform: translateY(-10px);transition: all .25s ease;}
.solution-grid .solution-item .card .card-content .top .view-icon{width: 24px; height: 24px; background: url(/images/view-white-icon.svg) 50% 50% no-repeat;  background-size: cover; opacity: 0; transform: translateY(-10px);transition: all .25s ease;}

.solution-grid .solution-item .card .card-content .bottom{width: 100%;display: flex; flex-direction: column;align-items: flex-start; justify-content: flex-end;gap: 5px; transition: all 0.3s;}
.solution-grid .solution-item .card .card-content .bottom .titl{font-size: 1.75rem; font-weight: 800; color: #fff; letter-spacing: -0.75px;line-height: 1.4;word-break: keep-all;}
.solution-grid .solution-item .card .card-content .bottom .desc{font-size: 1rem; font-weight: 300; color: #fff; letter-spacing: -1px; line-height: 1.4; max-width: 345px; width: 100%; word-break: keep-all;opacity: 0; transform: translateY(-10px); transition: all .25s ease;}

.solution-grid .solution-item .card:hover .card-content .top span{opacity: 1; transform: translateY(0);}
.solution-grid .solution-item .card:hover .card-content .top .view-icon{opacity: 1; transform: translateY(0);}
.solution-grid .solution-item .card:hover .card-content .bottom .desc{opacity: 1; transform: translateY(0);}


.section03 .wraper .button {width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.section03 .wraper .button .more-btn{height: 50px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; padding: 0 50px;border: 1px solid #000; border-radius: 25px;transition: all 0.3s; text-decoration: none;}
.section03 .wraper .button .more-btn span{font-size: 1.25rem; font-weight: 800; color: #000; line-height: 1.4;transition: all 0.3s;}
.section03 .wraper .button .more-btn .view-icon{width: 24px; height: 24px; background: url(/images/view-black-icon.svg) 50% 50% no-repeat;  background-size: contain; transition: all 0.3s;}


.section03 .wraper .button .more-btn:hover{background-color: #000;}
.section03 .wraper .button .more-btn:hover span{color: #fff;}
.section03 .wraper .button .more-btn:hover .view-icon{width: 24px;height: 24px;background: url(/images/view-white-icon.svg) 50% 50% no-repeat;background-size: contain;}

/* 반응형 */
@media(max-width: 1680px) {
  .solution-grid{grid-template-columns: repeat(2, 1fr);}
}

@media(max-width: 1440px){
  .section03 .wraper{height: max-content;}
  .section03 .wraper .title .tit{font-size: 3rem;}
  .section03 .wraper .title .sub-tit{font-size: 1.25rem;}
  .section03 .wraper .title .text{font-size: 1.25rem; max-width: 560px;}
  .solution-grid .solution-item .card .card-content .bottom .titl{font-size: 1.5rem;}
}

@media(max-width: 1024px){
  .section03 .wraper{height: max-content;}
  .section03 .wraper .title .tit{font-size: 2rem;}
  .section03 .wraper .title .sub-tit{font-size: 1.2rem;}
  .section03 .wraper .title .text{font-size: 1.2rem; max-width: 530px;}
  .solution-grid{grid-template-columns: repeat(1, 1fr);}
  .solution-grid .solution-item .card{height: 300px;}
  .solution-grid .solution-item .card .card-content .bottom .titl{font-size: 1.3rem;}
}

@media(max-width: 768px){
  .section03 .wraper{height: max-content;}
  .section03 .wraper .title{gap: 10px;}
  .section03 .wraper .title .tit{font-size: 1.5rem;}
  .section03 .wraper .title .sub-tit{font-size: 0.95rem;}
  .section03 .wraper .title .text{font-size: 0.95rem; max-width: 500px;}
  .solution-grid .solution-item .card .card-content .bottom .titl{font-size: 1.1rem;}
  .solution-grid .solution-item .card .card-content .bottom .desc{font-size: 0.875rem;}
}


/* ============================================
  section04 기본
   ============================================ */

.section04{width: 100%; height: 100%; background-color: #030303; position: relative;}
.section04 .wraper{ width: 100%;height: auto; margin: 0 auto; padding: 100px 0; position: relative; z-index: 2; display: flex; flex-direction: column;justify-content: space-between;gap: 100px; transition: all 0.3s;}
.section04 .wraper .title-wrap{width: 100%;display: flex; flex-direction: row;justify-content: space-between; align-items: flex-end;max-width: 1680px; width: 100%; margin: 0 auto;padding: 0 40px;}
.section04 .wraper .title{width: 100%; display: flex; flex-direction: column; gap: 20px;}
.section04 .wraper .title .tit{font-size: 3.5rem; font-weight: 800; color: #ffffff;transition: all 0.3s;}
.section04 .wraper .title .sub-tit{font-size: 1.5rem; font-weight: 600; color: #ffffff; transition: all 0.3s;}
.section04 .wraper .title .text{font-size: 1.5rem; font-weight: 200; letter-spacing: -0.75px; line-height: 1.4; color: #ffffff; max-width: 730px; width: 100%; word-break: keep-all;transition: all 0.3s;}

/* 뉴스 네비게이션 버튼 */
.section04 .wraper .title-wrap .news-navigation{display: flex; flex-direction: row; gap: 10px; align-items: center;}
.section04 .wraper .title-wrap .news-navigation .swiper-button-disabled{opacity: 0.5;}
.section04 .wraper .title-wrap .news-navigation button{width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); background-color: transparent; color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; padding: 0; opacity: 1;}
.section04 .wraper .title-wrap .news-navigation button:hover{background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 1);}
.section04 .wraper .title-wrap .news-navigation button:active{transform: scale(0.95);}
.section04 .wraper .title-wrap .news-navigation button svg{width: 24px; height: 24px;}

/* 뉴스 슬라이드 */
.section04 .news-swiper-wrapper{width: 100%; overflow: hidden;}
.section04 .news-swiper{width: 100%; padding-bottom: 20px;}
.section04 .news-swiper .swiper-wrapper{display: flex; align-items: stretch;}
.section04 .news-swiper .swiper-slide{width: 100%; height: auto; display: flex; flex-shrink: 0;}
.section04 .news-swiper .swiper-slide:first-child{margin-left: calc((100vw - 1680px) / 2 + 40px);}

/* 뉴스 카드 */
.section04 .news-card{width: 100%; height: 100%; display: flex; flex-direction: column; background-color: #2D2D2D; border-radius: 20px; overflow: hidden; transition: all 0.3s ease; text-decoration: none; color: inherit;}
.section04 .news-card:hover{background-color: #171C61;}
.section04 .news-card .news-image{width: 100%; height: 250px; overflow: hidden; position: relative; flex-shrink: 0;}
.section04 .news-card .news-image img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.section04 .news-card:hover .news-image img{transform: scale(1.05);}
.section04 .news-card .news-content{padding: 24px; display: flex; flex-direction: column; gap: 12px; flex: 1;}
.section04 .news-card .news-title{font-size: 1.125rem; font-weight: 700; color: #ffffff; line-height: 1.4; letter-spacing: -0.5px; word-break: keep-all; margin: 0; display: -webkit-box; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.section04 .news-card .news-date{font-size: 0.875rem; font-weight: 300; line-height: 0; color:#8d8d8d; margin: 0;}


/* Read More 버튼 */
.section04 .wraper .button{width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.section04 .wraper .button .more-btn{height: 50px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; padding: 0 50px; border: 1px solid #ffffff; border-radius: 25px; background-color: transparent; transition: all 0.3s; text-decoration: none; cursor: pointer;}
.section04 .wraper .button .more-btn span{font-size: 1.25rem; font-weight: 800; color: #ffffff; line-height: 1.4; transition: all 0.3s;}
.section04 .wraper .button .more-btn .view-icon{width: 24px; height: 24px; background: url(/images/view-white-icon.svg) 50% 50% no-repeat; background-size: contain; transition: all 0.3s;}
.section04 .wraper .button .more-btn:hover{background-color: #ffffff;}
.section04 .wraper .button .more-btn:hover span{color: #030303;}
.section04 .wraper .button .more-btn:hover .view-icon{background: url(/images/view-black-icon.svg) 50% 50% no-repeat; background-size: contain;}

/* 반응형 */
@media(max-width: 1680px){
  .section04 .news-swiper .swiper-slide:first-child{margin-left: 40px;}
}

@media(max-width: 1440px){
  .section04 .wraper{height: max-content;}
  .section04 .wraper .title .tit{font-size: 3rem;}
  .section04 .wraper .title .sub-tit{font-size: 1.25rem;}
  .section04 .wraper .title .text{font-size: 1.25rem; max-width: 560px;}
}

@media(max-width: 1024px){
  .section04 .wraper{height: max-content;}
  .section04 .wraper .title .tit{font-size: 2rem;}
  .section04 .wraper .title .sub-tit{font-size: 1.2rem;}
  .section04 .wraper .title .text{font-size: 1.2rem; max-width: 530px;}
  .section04 .news-card .news-title{font-size: 1rem;}
  .section04 .news-card .news-date{font-size: 0.75rem;}
}

@media(max-width: 768px){
  .section04 .wraper{height: max-content;gap: 20px;}
  .section04 .wraper .title{gap: 10px;}
  .section04 .wraper .title .tit{font-size: 1.5rem;}
  .section04 .wraper .title .sub-tit{font-size: 0.95rem;}
  .section04 .wraper .title .text{font-size: 0.95rem; max-width: 500px;}
  .section04 .wraper .title-wrap{flex-direction: column; align-items: flex-start; gap: 20px;}
  .section04 .wraper .title-wrap .news-navigation{order: 2;}
  .section04 .news-swiper .swiper-slide:first-child{margin-left: 20px;}
  .section04 .news-card .news-image{height: 200px;}
  .section04 .news-card .news-content{padding: 20px;}
  .section04 .news-card .news-title{font-size: 1rem;}
  .section04 .wraper .button .more-btn{padding: 0 40px; height: 45px;}
  .section04 .wraper .button .more-btn span{font-size: 1.1rem;}
}

@media(max-width: 375px){
  .section04 .news-swiper .swiper-slide:first-child{margin-left: 0 !important;}
  .section04 .news-swiper .swiper-slide{padding: 40px;}
  .section04 .news-swiper-wrapper{overflow: visible;}
  .section04 .news-swiper{padding-bottom: 0;}
  .section04 .wraper .title-wrap .news-navigation button{width: 30px;height: 30px;}
  .section04 .news-card .news-image{height: 150px;}
  .section04 .news-card .news-title{font-size: 0.875rem;}
  .section04 .news-card .news-date{font-size: 0.7rem;}
}


/* ============================================
  section05 기본
   ============================================ */
.section05{width: 100%; min-height: 800px; height: 100%; background-color: #030303; position: relative;transition: all 0.3s;}
.section05 .bg{width: 100%; height: 100%; background: 50% 50% no-repeat; background-size: cover;opacity: 0.6; position: absolute; top: 0; left: 0; z-index: 1;transition: all 0.3s;}
.section05 .bg.bg-loaded{background-image: url(/images/main/main-section05-bg.webp);}
.section05 .wraper{width: 100%; height: 800px; padding: 100px  0; position: relative; z-index: 2; display: flex; flex-direction: column;justify-content: space-between;transition: all 0.3s;}
.section05 .wraper .title{max-width: 1680px; ;width: 100%; padding:0 40px;margin: 0 auto; display: flex; flex-direction: column; gap: 20px;transition: all 0.3s;}
.section05 .wraper .title .tit{font-size: 3.5rem; font-weight: 800;  color: #fff; letter-spacing: -2px;transition: all 0.3s;}
.section05 .wraper .title .sub-tit{font-size: 1.5rem; font-weight: 600; color: #ffffff; transition: all 0.3s;}
.section05 .wraper .title .text{font-size: 1.5rem; font-weight: 100; letter-spacing: -0.75px; line-height: 1.4; color: #fff; max-width: 700px; width: 100%; word-break: keep-all;transition: all 0.3s;}

/* 파트너 섹션 */
.section05 .partners{width: 100%; overflow: hidden; position: relative; z-index: 2;transition: all 0.3s;}
.section05 .partners-wrap{display: flex; width: fit-content; animation: scroll 30s linear infinite;}
.section05 .partners-slide{display: flex; align-items: center; gap: 60px; padding: 0 30px; flex-shrink: 0; white-space: nowrap;}
.section05 .partners-slide a{display: flex; align-items: center; justify-content: center; opacity: 1;transition: all 0.3s; }
.section05 .partners-slide img{max-width: 150px; max-height: 80px; width: auto; height: auto; object-fit: contain;transition: all 0.3s;}

/* 무한 스크롤 애니메이션 - 슬라이드 1의 너비만큼 이동 */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* 반응형 */
@media(max-width: 1440px){
  .section05{min-height: 700px;}
  .section05 .wraper{height: 700px;}
  .section05 .wraper .title .tit{font-size: 3rem;}
  .section05 .wraper .title .sub-tit{font-size: 1.25rem;}
  .section05 .wraper .title .text{font-size: 1.25rem; max-width: 560px;}
  .section05 .partners-slide{gap: 50px;}
  .section05 .partners-slide img{max-width: 120px; max-height: 60px;}
}

@media(max-width: 1024px){
  .section05{min-height: 600px;}
  .section05 .wraper{height: 600px;}
  .section05 .wraper .title .tit{font-size: 2rem;}
  .section05 .wraper .title .sub-tit{font-size: 1.2rem;}
  .section05 .wraper .title .text{font-size: 1.2rem; max-width: 530px;}
  .section05 .partners-slide{gap: 40px; padding: 0 20px;}
  .section05 .partners-slide img{max-width: 100px; max-height: 50px;}
}

@media(max-width: 768px){
  .section05{min-height: 500px;}
  .section05 .wraper{height: 500px;}
  .section05 .wraper .title{gap: 10px;}
  .section05 .wraper .title .tit{font-size: 1.5rem;}
  .section05 .wraper .title .sub-tit{font-size: 0.95rem;}
  .section05 .wraper .title .text{font-size: 0.95rem; max-width: 500px;}
  .section05 .partners-slide{gap: 30px; padding: 0 15px;}
  .section05 .partners-slide img{max-width: 80px; max-height: 40px;}
  .section05 .partners-wrap{animation-duration: 20s;}
}

@media(max-width: 480px){
  .section05 .wraper .title .tit{font-size: 2rem;}
  .section05 .partners-slide{gap: 20px; padding: 0 10px;}
  .section05 .partners-slide img{max-width: 60px; max-height: 30px;}
  .section05 .partners-wrap{animation-duration: 15s;}
}

/* ============================================
  section06 기본
   ============================================ */
.section06{width: 100%; min-height: 800px; height: 100%; background-color: #030303; position: relative;transition: all 0.3s;}
.section06 .bg{width: 100%; height: 100%; background: 50% 50% no-repeat; background-size: cover;opacity: 0.6; position: absolute; top: 0; left: 0; z-index: 1;transition: all 0.3s;}
.section06 .bg.bg-loaded{background-image: url(/images/main/main-section06-bg.webp);}
.section06 .wraper{width: 100%; height: 800px; padding: 100px  0; position: relative; z-index: 2; display: flex; flex-direction: column;justify-content: space-between;transition: all 0.3s;}
.section06 .wraper .title{max-width: 1680px; ;width: 100%; padding:0 40px;margin: 0 auto; display: flex; flex-direction: column; gap: 20px;transition: all 0.3s;}
.section06 .wraper .title .tit{font-size: 3.5rem; font-weight: 800;  color: #fff; letter-spacing: -2px;transition: all 0.3s;}
.section06 .wraper .title .sub-tit{font-size: 1.5rem; font-weight: 600; color: #ffffff; transition: all 0.3s;}
.section06 .wraper .title .text{font-size: 1.5rem; font-weight: 100; letter-spacing: -0.75px; line-height: 1.4; color: #fff; max-width: 600px; width: 100%; word-break: keep-all;transition: all 0.3s;}

/* 클라이언트 섹션 */
.section06 .clients{width: 100%; position: relative; z-index: 2;display: flex; flex-direction: column; gap: 50px; }
.section06 .clients-wrap{display: flex; flex-direction: column; gap: 40px;}
.section06 .clients-row{width: 100%; overflow: hidden; position: relative;}
.section06 .clients-row-inner{display: flex; width: fit-content;}
.section06 .clients-slide{display: flex; align-items: center; gap: 60px; padding: 0 30px; flex-shrink: 0; white-space: nowrap;}
.section06 .clients-slide a{display: flex; align-items: center; justify-content: center;  transition: all 0.3s ease; filter: grayscale(100%);}
.section06 .clients-slide img{max-width: 150px; max-height: 80px; width: auto; height: auto; object-fit: contain;}

/* slide1: 오른쪽에서 왼쪽으로 흐름 */
.section06 .clients-row.slide1-row .clients-row-inner{animation: scroll-left 80s linear infinite;}

/* slide2: 왼쪽에서 오른쪽으로 흐름 */
.section06 .clients-row.slide2-row .clients-row-inner{animation: scroll-right 80s linear infinite;}

/* 오른쪽에서 왼쪽으로 스크롤 애니메이션 */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* 왼쪽에서 오른쪽으로 스크롤 애니메이션 */
@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

/* section06 반응형 */
@media(max-width: 1440px){
  .section06{min-height: 700px;}
  .section06 .wraper{height: 700px;}
  .section06 .wraper .title .tit{font-size: 3rem;}
  .section06 .wraper .title .sub-tit{font-size: 1.25rem;}
  .section06 .wraper .title .text{font-size: 1.25rem; max-width: 560px;}
  .section06 .clients{gap: 20px;}
  .section06 .clients-wrap{gap: 30px;}
  .section06 .clients-slide{gap: 50px;}
  .section06 .clients-slide img{max-width: 120px; max-height: 60px;}
}

@media(max-width: 1024px){
  .section06{min-height: 500px;}
  .section06 .wraper{height: 500px;}
  .section06 .wraper .title .tit{font-size: 2rem;}
  .section06 .wraper .title .sub-tit{font-size: 1.2rem;}
  .section06 .wraper .title .text{font-size: 1.2rem; max-width: 530px;}
  .section06 .clients-wrap{gap: 25px;}
  .section06 .clients-slide{gap: 40px; padding: 0 20px;}
  .section06 .clients-slide img{max-width: 100px; max-height: 50px;}
}

@media(max-width: 768px){
  .section06{min-height: 500px;}
  .section06 .wraper{height: 500px; padding: 100px 0 50px;}
  .section06 .wraper .title{gap: 10px;}
  .section06 .wraper .title .tit{font-size: 1.5rem;}
  .section06 .wraper .title .sub-tit{font-size: 0.95rem;}
  .section06 .wraper .title .text{font-size: 0.95rem; max-width: 500px;}
  .section06 .clients-wrap{gap: 20px;}
  .section06 .clients-slide{gap: 30px; padding: 0 15px;}
  .section06 .clients-slide img{max-width: 80px; max-height: 40px;}
}

@media(max-width: 480px){
  .section06 .wraper .title .tit{font-size: 2rem;}
  .section06 .clients-wrap{gap: 15px;}
  .section06 .clients-slide{gap: 20px; padding: 0 10px;}
  .section06 .clients-slide img{max-width: 60px; max-height: 30px;}
}