* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.slide-container {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.slide {
  width: 100%;
  height: 100vh;
  position: absolute;
  transition: transform 1s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: white;
  font-weight: bold;
}

/* 텍스트 애니메이션 스타일 */
.animate-text {
  opacity: 0;
  transform: translateY(-20px);
  animation: slideInDown 0.8s ease forwards;
}

/* 슬라이드 인 다운 애니메이션 */
@keyframes slideInDown {
  0% {
      opacity: 0;
      transform: translateY(-20px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

/* 슬라이드 텍스트 기본 스타일 */
.slide-text, .slide-description, .video-slide-text {
  opacity: 0;
}

/* 비디오 슬라이드 텍스트 스타일 */
.video-slide-text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: white;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  z-index: 2;
}

/* 비디오 슬라이더 스타일 */
.video-slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


.video-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}

.video-background {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}

/* 비디오 슬라이더 컨트롤 */
.video-controls {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  gap: 10px;
}

.video-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: all 0.3s ease;
}

.video-dot.active {
  background: white;
  transform: scale(1.2);
}

/* 비디오 슬라이더 화살표 */
.video-arrow {
 
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
 /* background: rgba(255, 255, 255, 0.2);*/
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: background 0.3s ease;
  -webkit-tap-highlight-color: transparent;
  display:none;
}



.video-arrow.prev {
  left:15%;
}

.video-arrow.next {
  right: 15%;
}

.video-arrow::before {
  content: '';
  width: 12px;
  height: 12px;
  border-top: 3px solid white;
  border-right: 3px solid white;
  display: block;
}

.video-arrow.prev::before {
  transform: rotate(-135deg);
}

.video-arrow.next::before {
  transform: rotate(45deg);
}

.navigation {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}

.nav-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(205, 205, 205, 0.65);
  margin: 8px 0;
  cursor: pointer;
  transition: all 0.3s ease;
}

.nav-dot.active {
  height: 16px;
  border-radius: 4px;
  background-color: rgb(13, 139, 118,1);
}

@media (max-width: 768px) {
  .slide {
      font-size: 1.5rem;
  }

  .video-arrow {
      width: 36px;
      height: 36px;
  }

  .video-arrow.prev {
      left: 10px;
  }

  .video-arrow.next {
      right: 10px;
  }
}

 /* 이미지 슬라이더 스타일 추가 */
.center_solution{margin-top:60px;}

.image-slider-wrapper {
  width: 100%;
  margin-top: 60px;
}

.image-slider {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.image-slide {
  flex: 0 0 calc(20% - 16px);
  min-width: 200px;
}

.box_bg {
  padding: 30px 20px;
  border-radius: 15px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (max-width: 1400px) {
  .image-slide {
    flex: 0 0 calc(33.333% - 14px);
  }
}

@media (max-width: 992px) {
  .image-slide {
    flex: 0 0 calc(50% - 10px);
  }
}

@media (max-width: 768px) {
  .image-slide {
    flex: 0 0 100%;
  }
}




@media (min-width: 1601px) {
  .solution_wrap{display: flex;
            align-items: center;
            justify-content: space-between;}

  

}

.white_text{color:#fff !important;}
.more_button.white_text:before, .more_button.white_text:after{background-color:#fff !important;}
.text_center{text-align:center;}
.white_button p{color:rgba(255,255,255,0.85);}

.bg_select4{background:url('/images/main/select4_bg.png')no-repeat center top;background-size:cover;}
.sub_commu{height:100vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;}
#partner.sub_content{height:100vh;box-sizing:border-box;}
.sub_container{overflow-x:hidden;}
.sub_wrap{overflow-x:hidden;}
.main_title_wrap{display:flex;justify-content: center;align-items:center;width:100%;height:100%;text-align:Center;}
.main_title h5{margin-top:20px;font-size:1.35rem; letter-spacing:0px;font-weight:300; color:rgba(255,255,255,0.85);}
.mt_60{margin-top:50px;}
.mt_30{margin-top:30px;}
.select_title{z-index:2;}
.img_svg{width:100%;height:100%;z-index:1;}
.logo_width_p img{width:300px;}

@media (min-width: 992px) {
  .partner_logo_wrap ul{display:flex;justify-content: center;align-items:center;}
}
.partner_logo_wrap ul{margin-top:60px;}
.partner_logo_wrap li{margin:0 35px;text-align:Center;}
.partner_logo_wrap li img{width:180px;margin:0 auto;}

.bg_select4{position:relative;}
.bg_select4 .eng_title_m marquee{position:absolute;right:0px;bottom:280px;}

.eng_title_m marquee span{font-family:'sb_agro_L', 'Noto Sans Korean','Malgun gothic','Helvetica','Dotum',sans-serif;font-size:9.5rem;margin-left:8px;margin-right:8px;color:rgba(0, 0, 0, 0.05);}



.box_bg1{background: url("/images/box_bg3.png")no-repeat;  background-size: 100%; }
.box_bg2{background: url("/images/box_bg1.png")no-repeat;  background-size:  100%;}
.box_bg3{background: url("/images/box_bg2.png")no-repeat;  background-size:  100%;}
.box_bg4{background: url("/images/box_bg4.png")no-repeat;  background-size:  100%;}
.box_bg5{background: url("/images/box_bg5.png")no-repeat;  background-size:  100%;}
 h6{margin-top: 2rem; font-size: 1.8rem; font-weight: 500; color: rgba(255, 255, 255, 0.95);}
.box_number{font-size: 3rem; font-weight: 600; color: rgba(255, 255, 255, 0.55);}

#footer {
    position: absolute;
    right: 0;
    bottom: -100%; /* 처음에는 화면 밖에 위치 */
    width: 100vw;
    transition: bottom 1s ease-in-out; /* 부드러운 애니메이션 효과 */
}

#footer.show {
    bottom: 0; /* 보여질 때는 bottom 0으로 이동 */
}

.partnership_wrap{margin-top:-400px;}
.sub_commu .partnership_wrap{margin-top:0px;}

.footer_text p{letter-spacing:-.0.5px; font-size:0.95rem;}
.footer_menu ul li{text-align:left;}

.d_flex_left{display:flex;justify-content:flex-end;align-items: center;}
/*더보기버튼*/
:root{--primary:#13a0c2}
.more_button_wrap{position:relative;margin-top:60px;display:inline-block;}
.more_button_wrap p{padding-left:0px;padding-right:40px;font-size:1.45rem;}

.more_button{
  position: absolute;
  width: 26px;
  height: 26px;
  right:0px;top:3px;
}

.more_button:before, .more_button:after{
  content: "";
  position: absolute;
  background-color: black;
  transition: transform 0.25s ease-out;
}

.postion_relative{position:relative;}

@media (min-width: 992px) {
 
  .wline1{width:0.08rem;height:100%;background:rgba(255,255,255,0.25);
  position: absolute;left:25%;top:0px;z-index:1;}
 .wline2{width:0.08rem;height:100%;background:rgba(255,255,255,0.25);
    position: absolute;right:25%;top:0px;z-index:1;}

    .gline1{width:0.08rem;height:100%;background:rgba(0,0,0,0.035);
      position: absolute;left:25%;top:0px;z-index:1;}
     .gline2{width:0.08rem;height:100%;background:rgba(0,0,0,0.035);
        position: absolute;right:25%;top:0px;z-index:1;}
  
  }

/* vertical line */
.more_button:before{
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
}

/* horizontal line */
.more_button:after{
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
}

.more_button_wrap:hover{
  cursor: pointer;

}

.more_button_wrap:hover .more_button:before, .box_wrap:hover .more_button:before{ 
  transform: rotate(90deg); 
}

.more_button_wrap:hover .more_button:after, .box_wrap:hover .more_button:after{ 
  transform: rotate(180deg); 
}

.box_wrap{position:relative;width:90%;}
.box_wrap img{width:100%;}
.box_wrap .img_sol{width:100%;position:absolute;left:22px;top:22px;}

.center_solution{z-index:2;}

.more_down{position:absolute;right:22px;bottom:52px;}