/* 구분 -----------------------------------*/
/**** PC ****/
@media only all and (min-width:768px) {
  .MAIN_maintop_SCF {
    overflow: hidden;
    position: relative;
    height: calc(100vh - var(--header-h));  max-height: 960px;
  
  }
}

/**** PC2 ****/
@media all and (max-width:1280px) and (min-width:768px) {}

/**** 모바일 ****/
@media only all and (max-width:767px) {
  .MAIN_maintop_SCF {
    overflow: hidden;
    position: relative;
    height:500px;
    background-color: #eeecec;
  }
}

/**** 모바일(소형) ****/
@media only all and (max-width:400px) {}
/* 구분 //end -----------------------------------*/


.MAIN_maintop_SCF .contents-container {
  display: flex;
  justify-content: center;
  height: 100%;
}

.MAIN_maintop_SCF .slide-area {
  width: 100vw;
  height: 100%;
}

.MAIN_maintop_SCF .swiper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
}

.MAIN_maintop_SCF .swiper-slide {
  display: flex;
  justify-content: center;
  padding: 0 0rem;
  height: 100%;
  width: 100%;
}

.MAIN_maintop_SCF picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
    height: calc(100vh - var(--header-h));  max-height: 960px;
}

.MAIN_maintop_SCF .swiper-slide img {
  width: 100%;
    height: calc(100vh - var(--header-h));  max-height: 960px;
  object-fit: cover;
}

/* 공통: 배경 이미지 잘림(클리핑) 방지 & 수직 가운데 정렬 */
.MAIN_maintop_SCF .swiper-slide .wg_img1 {
  overflow: hidden;            /* 컨테이너 밖으로 넘치는 부분 숨김 */
  display: flex;               /* 정렬을 위한 플렉스 컨테이너 */
  align-items: center;         /* 수직 가운데 정렬(이미지 높이 고정 시 유용) */
	  width: 100%;
    height: calc(100vh - var(--header-h));  max-height: 960px;
}

/* 기본 이미지 출력 형태 */
.MAIN_maintop_SCF .swiper-slide .wg_img1 img {
  display: block;
  width: 100%;         object-fit: cover;    height: 100%; 
}




/* 구분 -----------------------------------*/
/**** PC ****/
@media only all and (min-width:768px) {
  .MAIN_maintop_SCF .visual-text-box {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: -150px;
  }
}

/**** PC2 ****/
@media all and (max-width:1440px) and (min-width:768px) {
  .MAIN_maintop_SCF .visual-text-box {
    position: relative;
    width: 100%;
    height: auto;
    top: 0px;
    padding-left: 30px;
  }
}

/**** 모바일 ****/
@media only all and (max-width:767px) {
  .MAIN_maintop_SCF .visual-text-box {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: -50px;
    padding: 0px 30px;
  }
}

/**** 모바일(소형) ****/
@media only all and (max-width:400px) {}
/* 구분 //end -----------------------------------*/


.MAIN_maintop_SCF .visual-text-box .img{
  position: absolute; left: 0px; top: 0px;
}
.MAIN_maintop_SCF .visual-text-box .img .wg_img1 {
  width: 100%;  position: absolute; left: 0px; top: 0px;
}
.MAIN_maintop_SCF .visual-text-box .img .wg_img1 img{
  width: 100%;
}

.MAIN_maintop_SCF .container-lg .visual-text-box { max-width:156rem; }
.MAIN_maintop_SCF .container-md .visual-text-box { max-width:156rem; }
.MAIN_maintop_SCF .container-sm .visual-text-box { max-width:128rem; }
.MAIN_maintop_SCF .container-full .visual-text-box { max-width:100%; }

.MAIN_maintop_SCF .visual-text-box .tx1{
  margin-top: clamp(100px, 21.094vw, 270px);
  color: #fff;
  font-size: calc(var(--tit-lg-size) * 0.9);
  font-weight: 400;
  font-style: normal;
  line-height: 110%;
  margin-bottom: 0px;
  letter-spacing: -2px;
  position: relative;
}




/**** 모바일(소형) ****/
@media only all and (max-width:400px) {}
/* 구분 //end -----------------------------------*/


.MAIN_maintop_SCF .visual-text-box .tx2{
position: relative;
        
}



.MAIN_maintop_SCF .visual-text-box .tx2 em{
   color:#000;
  font-weight: 700;
  font-style: normal;
  font-size: calc(var(--tit-lg-size) * 1);
  line-height: 110%;
  margin-bottom: 10px;
 background: linear-gradient(110deg, #ff6b6b, #4ecdc4, #5E7FE0, #96ceb4, #ff6b6b);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text; letter-spacing: -2px; font-weight: 800; width: auto!important; position: relative; position: relative
}


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {  .MAIN_maintop_SCF .visual-text-box .tx2 em:before{
    content: "";
    position: absolute;
    right:-100px;
    margin-left: 0%;
    top:0%;
    background: url("/_img/img/SCF/main_search_icon02.png");
    height:80px; width:80px; background-size: 100%
  }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {  .MAIN_maintop_SCF .visual-text-box .tx2 em:before{
    content: "";
    position: absolute;
    right:-50px;
    margin-left: 0%;
    top:-10px;
    background: url("/_img/img/SCF/main_search_icon02.png");
    height:40px; width:40px; background-size: 100%
  }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

.MAIN_maintop_SCF .visual-text-box{
  position: relative;
}

.MAIN_maintop_SCF .visual-text-box .tx3{
  color: #fff;
  font-size: calc(var(--tx-sm-size) * 1.2); letter-spacing: -1px; margin-top:10px
}

.MAIN_maintop_SCF .pagination_fraction {
  position: absolute;
  z-index: 1;
  transform: translateY(-20rem);
  width: 100%;
}

.MAIN_maintop_SCF .container-lg .pagination_fraction { max-width:156rem; }
.MAIN_maintop_SCF .container-md .pagination_fraction { max-width:144rem; }
.MAIN_maintop_SCF .container-sm .pagination_fraction { max-width:128rem; }

.MAIN_maintop_SCF .wrap {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--ff-en4);
}

.MAIN_maintop_SCF .pagination_fraction .current,
.MAIN_maintop_SCF .pagination_fraction .all {
  font-weight: var(--fw-bold);
}

.MAIN_maintop_SCF .pagination_fraction .current {
  color: #fff;
}

.MAIN_maintop_SCF .control-bottom {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  position: absolute;
  z-index: 1;
  padding-left: 0px;
  width: 100%;
  bottom:45%;  display: none
}

.MAIN_maintop_SCF .container-lg .control-bottom { max-width:156rem!important; }
.MAIN_maintop_SCF .container-md .control-bottom { max-width:144rem!important; }
.MAIN_maintop_SCF .container-sm .control-bottom { max-width:128rem!important; }
.MAIN_maintop_SCF .container-full .control-bottom { max-width:100%!important; }

.MAIN_maintop_SCF .swiper-pagination {
  gap: 1rem;
  position: static;
}

.MAIN_maintop_SCF .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
}

.MAIN_maintop_SCF .swiper-pagination-bullet {
  opacity: 1;
  position: relative;
  margin: 0;
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--white);
  border-radius: 100%;
}

.MAIN_maintop_SCF .swiper-pagination-bullet:first-child { margin-left: 0; }

.MAIN_maintop_SCF .swiper-pagination-bullet-active {
  background-color: var(--primary);
}
.MAIN_maintop_SCF .swiper-pagination-bullet-active::after {
  transform: scale(1);
  transition: transform 0.2s;
}

.MAIN_maintop_SCF .swiper-button-play { display: none; }

.MAIN_maintop_SCF .swiper-button-play,
.MAIN_maintop_SCF .swiper-button-pause {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  opacity: 0.5;
  color: #fff;
  cursor: pointer;
}

.MAIN_maintop_SCF .swiper-button-play img,
.MAIN_maintop_SCF .swiper-button-pause img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: top;
}

.MAIN_maintop_SCF .swiper-button-play:hover,
.MAIN_maintop_SCF .swiper-button-pause:hover {
  opacity: 1;
}

.MAIN_maintop_SCF .control-bottom .swiper-button-next{
  position: relative; width:30px; height: 50px; background: none; margin-top: 0px;
}
.MAIN_maintop_SCF .control-bottom .swiper-button-next:before{
  content: "\ec49"; font-family: unicons-line; color: #fff; font-size:30px;
}
.MAIN_maintop_SCF .control-bottom .swiper-button-next:after{ display: none!important; }

.MAIN_maintop_SCF .control-bottom .swiper-button-prev{
  position: relative; width:30px; height: 50px; background: none; margin-top: 0px;
}
.MAIN_maintop_SCF .control-bottom .swiper-button-prev:before{
  content: "\eb9f"; font-family: unicons-line; color: #fff; font-size:30px;
}
.MAIN_maintop_SCF .control-bottom .swiper-button-prev:after{ display: none!important; }

.MAIN_maintop_SCF .control-bottom .linebar{
  width:150px; border-bottom: 1px solid rgba(204,204,204,0.56); float: left;
}


/* 구분 -----------------------------------*/
/**** PC ****/
@media only all and (min-width:768px) {
  .MAIN_maintop_SCF .search_box {
    width: 530px; padding: 15px 50px 15px 150px; background-color: #fff; border-radius: 80px;
    position: relative; position: absolute; left: 0px; top:50%; margin-top: -100px; z-index: 99;
  }
  .MAIN_maintop_SCF .search_box input{
    width: 100%; height: 50px; border: none!important; background-color: #fff; outline: none!important; font-size: calc(var(--tit-mds-size) * 0.9);
  }
  .MAIN_maintop_SCF .search_box .sch_btn{
    width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; position: absolute; top: 10px; right:20px; background-color: #fff!important;
  }
  .MAIN_maintop_SCF .search_box .sch_btn:before{
    content: "\e99a"; font-family: unicons-line; font-size: 40px; color: #000;
  }

  .MAIN_maintop_SCF .search_box:before{
    content: ""; width: 90px; height: 90px; background: url("/_img/img/SCF/main_search_icon01.png") no-repeat center center; position: absolute; left: 30px; top: -20px;
  }
}

/**** PC2 ****/
@media all and (max-width:1440px) and (min-width:768px) {
  .MAIN_maintop_SCF .search_box {
    max-width: 530px; padding: 15px 50px 15px 150px; background-color: #fff; border-radius: 80px;
    position: relative; position: absolute; left: 30px; top:45%; margin-top: -100px; z-index: 99;
  }
}

/**** 모바일 ****/
@media only all and (max-width:767px) {
  .MAIN_maintop_SCF .search_box {
    width:calc(100% - 40px); padding: 7px 50px 7px 100px; background-color: #fff; border-radius: 80px;
    position: relative; position: absolute; left: 20px; bottom:230px; z-index: 99;
  }
  .MAIN_maintop_SCF .search_box input{
    width: 100%; height: 50px; border: none!important; background-color: #fff; outline: none!important; font-size: calc(var(--tit-mds-size) * 0.9);
  }
  .MAIN_maintop_SCF .search_box .sch_btn{
    width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; position: absolute; top: 5px; right:10px; background-color: #fff!important;
  }
  .MAIN_maintop_SCF .search_box .sch_btn:before{
    content: "\e99a"; font-family: unicons-line; font-size:30px; color: #000;
  }

  .MAIN_maintop_SCF .search_box:before{
    content: ""; width:80px; height:80px; background: url("/_img/img/SCF/main_search_icon01.png") no-repeat center center; background-size:100%;
    position: absolute; left: 10px; top: -18px;
  }
}

/**** 모바일(소형) ****/
@media only all and (max-width:400px) {}
/* 구분 //end -----------------------------------*/