/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_maintop_SCF {
overflow: hidden;
position: relative;  height:100%; background-color: #d0cdc3; padding-bottom: var(--maintop-mpb);
}

}
/**** 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:400px; background-color: #eeecec;
}

}
/**** 모바일2 ****/
@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: 110%;
}

.MAIN_maintop_SCF .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover; 
}

/* 공통: 우측 기준 자르기 준비 */
.MAIN_maintop_SCF .swiper-slide .wg_img1 {
  overflow: hidden;            /* 컨테이너 밖으로 넘친 왼쪽 부분은 잘라냄 */
  display: flex;               /* 자식 정렬 제어용 */
  align-items: center;         /* 수직 가운데(원치 않으면 제거) */
}

/* 기본 이미지 규칙 */
.MAIN_maintop_SCF .swiper-slide .wg_img1 img {
  display: block;
  width: 2560px;               /* 원본 유지 */
  max-width: none !important;  /* 전역 img{max-width:100%} 무력화 */
  height: auto;
  flex: 0 0 auto;              /* flex 수축 방지 */
}

/* 1920 이하 ~ 1281 이상: 우측 기준 + 우측으로 10% 더 밀기 */
@media (max-width:1920px) and (min-width:1281px) {
  .MAIN_maintop_SCF .swiper-slide .wg_img1 {
    justify-content: flex-end;   /* 오른쪽 끝 정렬 */
    overflow: hidden;            /* 넘친 부분 잘라내기 */
  }
  .MAIN_maintop_SCF .swiper-slide .wg_img1 img {
    transform: translateX(10%);  /* 🔥 이미지 전체를 오른쪽으로 10% 밀기 */
  }
}
/* 1921 이상(예: WQHD 이상): 원하시면 가운데 정렬 */
@media (min-width:1921px) {
  .MAIN_maintop_SCF .swiper-slide .wg_img1 {
    justify-content: center;   /* 필요 시 중앙, 아니면 flex-end 유지 가능 */
  }
}

/* 1280 이하: 반응형으로 축소(가로 빈틈 방지) */
@media (max-width:1280px) {
  .MAIN_maintop_SCF .swiper-slide .wg_img1 img {
    width: 100%;
    height: auto;
  }
}

/* 모바일 높이 고정 유지 */
@media (max-width:767px) {
  .MAIN_maintop_SCF .swiper-slide .wg_img1 img {
    width: 100%;
    height: 400px;
    object-fit: cover;
  }
}

/* 구분 -----------------------------------*/
/**** 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;
}
}
/**** 모바일2 ****/
@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: 144rem;
}

.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: #000; font-size:calc(var(--tit-lg-size) * 0.9);
font-weight: 400;
font-style: normal; line-height: 110%; margin-bottom: 0px ; font-weight: 400;letter-spacing: -2px; position: relative
}


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



.MAIN_maintop_SCF  .visual-text-box .tx2{

color:#000;  font-weight: 700;

font-style: normal;font-size:calc(var(--tit-lg-size) * 0.9);line-height: 110%; margin-bottom: 10px
}
.MAIN_maintop_SCF  .visual-text-box .tx2 em{

color:#000;
font-weight: 400;
font-style: normal;font-size:calc(var(--tit-lg-size) * 0.9); font-weight: 700;;letter-spacing: -2px
}

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



.MAIN_maintop_SCF  .visual-text-box .tx3{

color: #333; font-size:calc(var(--tx-sm-size) * 1);
}




.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: 30px;
width: 100%; bottom: 10%
}

.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:80%; padding: 10px 50px 10px 100px; background-color: #fff; border-radius: 80px;; position: relative; position: absolute; left: 20px;  top:55%; ;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;
}

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