/*@media screen and (min-width:1024px){
  body{ -ms-overflow-style: none; } 
  ::-webkit-scrollbar { display: none; }
}
@media screen and (min-height:800px){
  body{ -ms-overflow-style: none; } 
  ::-webkit-scrollbar { display: none; }
}*/

@media screen and (max-width: 1330px),
       screen and (max-height:800px){
  .mediainner {padding:0 35px;}
}
@media screen and (max-width: 1024px){
  .mediainner{ padding:0 20px; }
}
@media screen and (max-width: 768px){
  .mediainner{ padding:0 15px; }
}

.fp-auto-height .fullsec_pt{ padding-top:70px; }
.fp-auto-height .fullsec_pb{ padding-bottom:70px; }
@media screen and (max-width:768px) {
  
}


/* fullpage */
#fp-nav ul li, .fp-slidesNav ul li{width:10px; height:10px; margin:15px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#c5c5c5; width:5px; height:5px; transform: translate(-50%, -50%); margin:0;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width:5px; height:5px; margin:0 0 0 -5px;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{margin:0; width:5px; height:5px; background:#ccc;}
#fp-nav ul li a.active span::after{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%; width:15px; height:15px; border:1px solid #ccc; content:"";}


/* 배너 */
.main-banner{ position:relative; }
.main-banner::after{display:block;visibility:hidden;clear:both;content:""}
.main-banner .banner-wrap{ position:relative; width:100%; height:100vh; min-height:500px; margin:0 auto; }
.main-banner .swiper-container{ width:100%; height:100%; }
.main-banner .swiper-wrapper{ width:100%; height:100%; top:0;left:0; }
.main-banner .swiper-slide{ position:relative; width:100%; height:100%; overflow: hidden; }
.main-banner .swiper-slide .slide-img{ position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%) scale(1.1); height:100%;background-size: cover; background-repeat: no-repeat;background-position:center center;  transition:all 1.5s; -webkit-transition:all 1.5s;}
/*
.main-banner .swiper-slide .slide-img .loadimg{ transform:translate(-50%, -50%) scale(1); }
*/
.main-banner .swiper-slide .img01{ background-image:url('../img/main_01.jpg'); } 
.main-banner .swiper-slide .img02{ background-image:url('../img/main_02.jpg'); } 
.main-banner .swiper-slide .img03{ background-image:url('../img/main_03.jpg'); } 



.main-banner .swiper-slide .inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; margin:0 auto; }
.main-banner .swiper-slide .slider-txt-wrap{height:100%; position:relative;}
  .main-banner .swiper-slide .slider-txt{ position:absolute; width:100%; top:50%; left:0; transform: translateY(-50%); text-align:left; }
  .main-banner .swiper-slide .slider-txt.left{ text-align: left; }
  .main-banner .swiper-slide .slider-txt.center{ text-align: center; }
  .main-banner .swiper-slide .slider-txt.right{ text-align: right; }
  .main-banner .swiper-slide .slider-txt .smll-title{font-size:2.8rem; line-height:1.5em; color:#4deb99; font-weight:600; margin-bottom:25px;}
  .main-banner .swiper-slide .slider-txt .bnn-title{ font-size: 7.5rem; line-height:8.5rem; color:#fff; font-weight: 500; line-height:letter-spacing: -2px;}

  .main-banner .swiper-slide .slider-txt .bnn-title .size{ font-size: 7.0rem; line-height:9.0rem; color:#fff; font-weight: 500; line-height:letter-spacing: -2px;}

  .main-banner .swiper-slide .slider-txt .bnn-text{ font-size:1.8rem; line-height:1.6em; color:#fff; font-weight: 400;}
  /*
  .main-banner .slider-txt .btn{ -webkit-transition: opacity .4s 1.5s, bottom .4s 1.5s, border-radius .4s, background .4s,border-color .4s; -moz-transition: opacity .4s 1.5s, bottom .4s 1.5s, border-radius .4s, background .4s,border-color .4s; -ms-transition: opacity .4s 1.5s, bottom .4s 1.5s, border-radius .4s, background .4s,border-color .4s; -o-transition: opacity .4s 1.5s, bottom .4s 1.5s, border-radius .4s, background .4s,border-color .4s;  transition: opacity .4s 1.5s, bottom .4s 1.5s, border-radius .4s, background .4s,border-color .4s; }
  */
  .main-banner .slider-txt .smll-title, 
  .main-banner .slider-txt .bnn-title, 
  .main-banner .slider-txt .bnn-text, 
  .main-banner .slider-txt .btn {position:relative; opacity:0;}

  .main-banner .slider-txt .smll-title.sldrun,
  .main-banner .slider-txt .bnn-title.sldrun, 
  .main-banner .slider-txt .bnn-text.sldrun, 
  .main-banner .slider-txt .btn.sldrun {opacity:1; bottom:0;}
.main-banner .swiper-pagination{
  bottom:30px; left:50%; transform: translateX(-50%);
}
.main-banner .swiper-pagination .swiper-pagination-bullet{
  width:13px; height:13px; background:transparent; border:1px solid #fff; border-radius: 13px; transition:.4s; margin:0 5px; opacity:1;
}
.main-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background:#fff;
}
@media (max-width: 1640px){
  .main-banner .swiper-slide .inner{padding: 0 50px;}
}
@media (max-width: 1024px){
  .main-banner .banner-wrap{ max-height:700px; }
  
  .main-banner .swiper-button-next,
  .main-banner .swiper-button-prev{ display: none; }
  .main-banner .swiper-slide .slider-txt .bnn-title{ font-size:5.4rem; line-height:5.4rem; }
}
@media (max-width: 768px){
  .main-banner .banner-wrap{ max-height:600px;}
  .main-banner .swiper-slide .inner{padding: 0 30px;}
  .main-banner .swiper-slide .slider-txt .bnn-title{ font-size:4.8rem;}
  .main-banner .swiper-slide .slider-txt .bnn-text{line-height:1.4em; }
  .main-banner .swiper-pagination{ bottom:25px; }
} 
@media (max-width: 560px){
  .main-banner .banner-wrap { max-height:550px; min-height:auto;}
  .main-banner .swiper-slide .inner{padding: 0 15px;}


/* 모바일에서 텍스트 위치를 중간으로 변경 */
  .main-banner .swiper-slide .slider-txt{ 
    top:50%; 
    bottom:auto; 
    transform: translateY(-50%); 
  }


  .main-banner .swiper-slide .slider-txt .bnn-title{ font-size:4.2rem;}

  .main-banner .swiper-slide .slider-txt .bnn-title .size{ font-size:3.2rem; line-height:1.0em; }



  .main-banner .swiper-slide .slider-txt.center {text-align: center;}
  
  .main-banner .swiper-slide .slider-txt .smll-title{font-size:3.0rem;}

}






  /* GPU 가속을 활용한 부드러운 애니메이션 - 속도 조절 */
  .main-banner .swiper-slide .slider-txt .line-text {
    position: relative;
    display: block;
    opacity: 0;
    /* 시작 위치를 더 아래로 설정하여 더 긴 이동 경로 제공 */
    transform: translateY(30px);
    /* 애니메이션 시간 증가 및 이징 함수 유지 */
    transition: opacity 1.8s cubic-bezier(0.19, 1, 0.22, 1), 
                transform 1.8s cubic-bezier(0.19, 1, 0.22, 1);
  }


  /* 페이드 아웃 애니메이션을 위한 새 클래스 */
  /* 페이드 아웃 애니메이션 수정 */
  .main-banner .swiper-slide .slider-txt .line-text.fadeout {
    opacity: 0;
    transform: translateY(0);
    transition: opacity 0.8s ease-out;
    transition-delay: 0s !important; /* 모든 텍스트가 동시에 사라지도록 */
  }
  
  /* 슬라이드 페이드 효과 보완 */
  .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
  
  .swiper-container-fade .swiper-slide-active {
    pointer-events: auto;
  }

  
  /* 활성화 상태 */
  .main-banner .swiper-slide .slider-txt .line-text.sldrun {
    opacity: 1;
    transform: translateY(0);
  }
  
  /* 순차적 딜레이를 더 길게 적용 */
  .main-banner .swiper-slide .slider-txt .line-text.line1 {
    transition-delay: 0.4s;
  }
  
  .main-banner .swiper-slide .slider-txt .line-text.line2 {
    transition-delay: 1.5s;
  }
  
  .main-banner .swiper-slide .slider-txt .line-text.line3 {
    transition-delay: 2.6s;
  }
  
  /* 기존 bnn-title 설정 유지 */
  .main-banner .swiper-slide .slider-txt .bnn-title {
    font-size: 6.5rem;
    line-height: 1.2em;
    color: #fff;
    font-weight: 500;
    letter-spacing: -2px;
   
    position: relative;
    opacity: 1;
  }

  .main-banner .swiper-slide .left .bnn-title {

    line-height: 1.5em;
  }


  
  /* 첫 줄 타이틀 스타일 (작은 사이즈, 초록색) */
  .main-banner .swiper-slide .slider-txt .line-text.smll-green {
    font-size: 4.8rem;
    /* line-height: 1.5em; */
    color: #4deb99;
    font-weight: 600;
   margin-bottom: 25px;
  }
  
  /* 반응형 조정 - 기존과 동일 */
  @media (max-width: 1024px) {
    .main-banner .swiper-slide .slider-txt .bnn-title {
      font-size: 3.4rem;
      line-height: 1.8em;
    }
    
    .main-banner .swiper-slide .slider-txt .line-text.smll-green {
      font-size: 2.4rem;
    }
  }
  
  @media (max-width: 768px) {
    .main-banner .swiper-slide .slider-txt .bnn-title {
      font-size: 2.8rem;
      line-height: 1.8em;
    }
    
    .main-banner .swiper-slide .slider-txt .line-text.smll-green {
      font-size: 2.2rem;
    }
  }
  
  @media (max-width: 560px) {
    .main-banner .swiper-slide .slider-txt .bnn-title {
      font-size: 2.8rem;
      line-height: 1.8em;
    }
    
    .main-banner .swiper-slide .slider-txt .lineh {
      line-height: 1.3em;
    }


    .main-banner .swiper-slide .slider-txt .line-text.smll-green {
      font-size: 2.5rem;
    }
  }





.block4piece {display:flex; font-size:0; line-height:0; height:100%;}
.block4piece li{position:relative; height:100%; vertical-align: middle;}
.block4piece li.block4piece-blocks{width:23%;cursor: pointer;
  -webkit-transition: width 0.4s ; -moz-transition: width 0.4s; -ms-transition: width 0.4s; -o-transition: width 0.4s;  transition: width 0.4s;
}
  .block4piece li.block4piece-blocks .alink{position:relative; display: block; width:100%; height:100%;}
.block4piece li.block4piece-blocks.hover{width:29%;}
.block4piece li.block4piece-blocks.hoverChange{width:20%;}

.block4piece li.block4piece-title{width:31%; text-align: right; padding-right:100px; padding-left:20px;}
.block4piece .block4piece-title .titleArea-wrap{position:relative; width:100%; height:100%;}
.block4piece .block4piece-title .titleArea{position:absolute; top:50%; right:0; transform: translateY(-50%);}
.block4piece .block4piece-title .titleArea .btn{margin-top:30px;}
.block4piece li .blockBg{position:relative; width:100%; height:100%; background-repeat: no-repeat; background-size:cover; background-position: center;}
.block4piece li .blockBg .hoverOpacity{position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.6); top:0; left:0; 
  -webkit-transition: background-color 0.4s ease-out; -moz-transition: background-color 0.4s ease-out; -ms-transition: background-color 0.4s ease-out; -o-transition: background-color 0.4s ease-out;  transition: background-color 0.4s ease-out;
}
  .block4piece li:hover .blockBg .hoverOpacity{background-color:rgba(0,0,0,0);}
.block4piece li .blockCont{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; color:#fff; 
  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out;  transition: all 0.4s ease-out;
  margin-top:40px; /* tbbtn 만큼 */ }
  .block4piece li .blockCont a{color:#fff;}

.blockCont-wrap{width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);text-align:center;}
.block4piece li .blockCont .blockCont-tit{font-size:3.0rem; line-height:1.3em; font-weight:500; margin-top:15px; }
.block4piece li .blockCont .blockCont-cont{font-size:1.8rem; line-height:1.5em; font-weight:300;}
.block4piece li .blockCont .btn{position:relative; opacity:0; transform:translateY(50px); margin-top:20px;  -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}

  .block4piece li.block4piece-blocks.hover .btn{opacity:1; transform:translateY(0); }
  .block4piece li.block4piece-blocks.hover .blockCont-cont{ color:#27c374; font-weight: 500; }

.brclass::after{content:"\A"; white-space: pre;}


@media (min-width:1300px) and (min-height:800px){
  .block4piece li.block4piece-blocks.hover .blockCont{width:380px; height:380px; border-radius:50%; background-color:rgba(0,0,0,.4); margin-top:0;}
  
}
@media screen and (max-width:1300px),
       screen and (max-height:800px) {
  .blockCont-wrap{position:relative; top:auto; left:auto; transform: none;}
  .block4piece{flex-wrap: wrap; height:auto;}
  .block4piece li.block4piece-title{order:1; width:100%; height:auto; padding:0;}
  .block4piece li.block4piece-blocks{order:2; height:400px;}
  .block4piece li.block4piece-title .titleArea h2.right, .block4piece li.block4piece-title .titleArea p.right, .block4piece li.block4piece-title{text-align:center;}
  .block4piece li.block4piece-title .titleArea{position:relative; top:auto; right:auto; transform: none;}
  
  .block4piece li.block4piece-blocks{width:50%;}
  .block4piece li.block4piece-blocks.hover{width:50%;}
  .block4piece li.block4piece-blocks.hoverChange{width:50%;}
  .block4piece li .blockCont{margin-top:20px}
  .block4piece li.block4piece-blocks.hover .blockCont{margin-top:0;}

  .brclass::after{content:" "; white-space: pre;}
}

@media screen and (max-width:1024px) {
  .block4piece li .blockCont .blockCont-tit{font-size:2.8rem;}
}
@media screen and (max-width:768px) {
  .block4piece li.block4piece-blocks{width:100%; height:300px; margin-bottom:20px;}
  .block4piece li.block4piece-blocks:last-child{margin-bottom:0;}
  .block4piece li.block4piece-blocks.hover{width:100%;}
  .block4piece li.block4piece-blocks.hoverChange{width:100%;}
}
@media screen and (max-width:560px) {
  .block4piece li.block4piece-blocks{height:250px}
}



.newsLinkBlock-wrap{display:flex; flex-wrap: wrap;}
.newsLinkBlock-wrap .block{}
.newsLinkBlock-wrap .txtBlock{width:45%;}
.newsLinkBlock-wrap .boardBlock{width:55%;}
.newsLinkBlock-wrap .linkBlock{width:100%; overflow: hidden; margin-top:50px;}
.newsLinkBlock-wrap .linkBlock ul{font-size:0; line-height: 0; margin:0 -10px;}
.newsLinkBlock-wrap .linkBlock ul li{position:relative; display:inline-block; width:33.333%; height:220px; padding:0 10px;}
.newsLinkBlock-wrap .linkBlock ul li a{position:relative; display: block; width:100%; height:100%; overflow: hidden;}
.newsLinkBlock-wrap .linkBlock ul li .bgImg,
.newsLinkBlock-wrap .linkBlock ul li .txtWrap{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); }

.newsLinkBlock-wrap .linkBlock ul li .bgImg{
  width:100%; height:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; 
  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out;  transition: all 0.4s ease-out;
}
  .newsLinkBlock-wrap .linkBlock ul li .bgImg .bgOpacity000{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; height:100%; background-color:rgba(0,0,0,0.4);}

.newsLinkBlock-wrap .linkBlock ul li .txtWrap{
  width:100%; text-align:center; margin-top:20px; /* tbbtn 만큼 */
  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out;  transition: all 0.4s ease-out;
}
.newsLinkBlock-wrap .linkBlock ul li .txtWrap span{display: inline-block;}
.newsLinkBlock-wrap .linkBlock ul li .tittxt{color:#fff;font-size:2.8rem; font-weight: 500; line-height:1.5em;}
.newsLinkBlock-wrap .linkBlock ul li .smlltxt{color:#fff;font-size:1.4rem; font-weight: 500; line-height:1.5em; margin-bottom:8px;}
.newsLinkBlock-wrap .linkBlock ul li .normaltxt{color:#fff;font-size:1.6rem; font-weight: 400; line-height:1.5em;}
.newsLinkBlock-wrap .linkBlock ul li .btn{position:relative; opacity:0; transform:translateY(50px); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}

.newsLinkBlock-wrap .linkBlock ul li:hover .bgImg{width:120%;}
.newsLinkBlock-wrap .linkBlock ul li:hover .txtWrap{margin-top:0;}
.newsLinkBlock-wrap .linkBlock ul li:hover .btn{opacity:1; transform:translateY(0); }
.newsLinkBlock-wrap .linkBlock ul li:hover .smlltxt{color:#27c374;}

@media screen and (max-width:1024px) {
  .block4piece li .blockCont .blockCont-tit{font-size:2.8rem;}
  .newsLinkBlock-wrap .txtBlock{width:100%;}
  .newsLinkBlock-wrap .boardBlock{width:100%;}
  .newsLinkBlock-wrap .txtBlock .titleArea h2.left, .newsLinkBlock-wrap .txtBlock .titleArea p.left, .newsLinkBlock-wrap .txtBlock{text-align:center;}
}
@media screen and (max-width:768px) {
  .newsLinkBlock-wrap .linkBlock ul li{width:100%; margin-bottom:10px;}
  .newsLinkBlock-wrap .linkBlock ul li:last-child{margin-bottom:0;}
}




/* fullpage 스크롤애니메이션 */
.fp-anime{
  -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out;  transition: all 1s ease-out;
}
  /* 단순 fade */
  .fp-anime.fadeIn{opacity:0;}
  .section.ov-h.active.fp-completely .fp-anime.fadeIn{opacity:1;}

  .fp-anime.bottomUp{opacity:0; transform:translateY(100px);}
  .section.ov-h.active .fp-anime.bottomUp{opacity:1; transform:translateY(0);}

  /*원래 transform Y가 -50% 인경우 */
  .fp-anime.bottomUp-orgTrnY{opacity:0; transform:translateY(-150px);}
  .section.ov-h.active .fp-anime.bottomUp-orgTrnY{opacity:1; transform:translateY(-50%);}