/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.MAIN_maintop_BA {
    position: relative;
    overflow: hidden; background-color: #000; 
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {.MAIN_maintop_BA {
    position: relative;
    overflow: hidden; background-color: #000; aspect-ratio:16 / 9;
}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.MAIN_maintop_BA {
    position: relative;
    overflow: hidden; background-color: #000; height:400px
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.MAIN_maintop_BA .contents-container {
    display: block;
    
}

.MAIN_maintop_BA .contents-container .fullscreen
{
    display: block;  width: 100%; float: left; height: 500px; 
    
}
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.MAIN_maintop_BA  .text-wrap {
  display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom:50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 8.6rem;
    height: 10.6rem
}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.MAIN_maintop_BA  .text-wrap {
  display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
   TOP:20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 8.6rem;
   
}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.MAIN_maintop_BA  .text-wrap {
  display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
   top:20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

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




.MAIN_maintop_BA .contents-swiper {
    position: relative;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.MAIN_maintop_BA .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.MAIN_maintop_BA .swiper-slide {
    display: flex;
    align-items: center;
    height: 100%
}



.MAIN_maintop_BA picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; overflow: hidden
}





/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
	
.MAIN_maintop_BA picture .img
{
  width: 100%;
  height: 100vh; position:absolute; top:0; left:0;  z-index:2;
}
.MAIN_maintop_BA picture .img img{
  width: 100%;
  height: 100vh;  object-fit: cover; opacity: 0.8; 
}
				
	
.MAIN_maintop_BA picture video
{
 
  width: 100%;
  height: 100vh;  object-fit: cover; opacity: 0.8
}
	

.MAIN_maintop_BA picture iframe
{
 
  width: 100%;
  height: 100vh;  object-fit: cover; opacity: 0.8; -webkit-transform: scale(1.2);
	transform: scale(1.3);
}
	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.MAIN_maintop_BA picture video{
 
  width: 100%;
  height: 100%;  object-fit: cover; opacity: 0.8; 
}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.MAIN_maintop_BA picture video
{
 
  width: 100%;
  height: 500px;  object-fit: cover; opacity: 0.8
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


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



.MAIN_maintop_BA .text-wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 5rem
}

.MAIN_maintop_BA .swiper-pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 3rem;
    padding-right: 20rem;
    gap: 1.2rem
}

.MAIN_maintop_BA .swiper-pagination-bullet {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background: var(--white);
    opacity: 1
}

.MAIN_maintop_BA .swiper-pagination-bullet-active {
    background: var(--primary)
}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_maintop_BA .text-title {
color: var(--white) ;  line-height: 130%!important;  margin-bottom:  clamp(20px, 1.563vw, 50px); font-size: var(--tit-md-size);  font-weight: 400; font-family:var(--ff-ko3)!important;
}
	
.MAIN_maintop_BA .text-brand {
color: var(--white);  font-size:calc(var(--tit-lg-size) * 1.2); font-weight: 700; margin-top:  clamp(20px, 1.563vw, 50px);  line-height: 130%!important; 
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_maintop_BA .text-title {
color: var(--white) ;  line-height: 130%!important; margin-bottom:  clamp(20px, 1.563vw, 50px);  font-size: var(--tit-mds-size); font-weight: 400; font-family:var(--ff-ko3)!important;
}
	
.MAIN_maintop_BA .text-brand {
    color: var(--white); font-size: calc(var(--tit-lg-size) * 1.2);  font-weight: 700; margin-top:  clamp(20px, 1.563vw, 50px);line-height: 130%!important; 
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.MAIN_maintop_BA .text-title em{
    color: var(--primary)
}
.MAIN_maintop_BA .text-title span {
    display: block
}

.MAIN_maintop_BA .text-desc {
    margin-top: 2.4rem;
    color: var(--white)
}
.MAIN_maintop_BA .text-brand  em{
 
    color:var(--primary)
}

.MAIN_maintop_BA .scroll-box {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 8.6rem;
    height: 10.6rem
}

.MAIN_maintop_BA .scroll-text {
    margin-bottom: 0.8rem;
    color: var(--white)
}

.MAIN_maintop_BA .scroll-bar {
    position: relative;
    width: 0.1rem;
    height: 8rem;
    background: var(--white)
}

.MAIN_maintop_BA .scroll-inner-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.1rem;
    height: 3rem;
    background: var(--black);
    animation: scroll-inner-bar 1.5s linear infinite
}

.MAIN_maintop_BA .hidden {
    overflow: hidden;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    display: inline-block
}

.MAIN_maintop_BA .notice-arrow {
    flex-shrink: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(../icons/ico_arrow_right_black.svg) no-repeat center/contain
}

@keyframes scroll-inner-bar {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(5rem)
    }
}

@media (max-width: 1200px) {
    .MAIN_maintop_BA .contents-swiper {
        width: calc(100% + 8rem)
    }

    .MAIN_maintop_BA .text-wrap {
        width: calc(100% + 8rem);
        padding: 0 4rem
    }

    .MAIN_maintop_BA .notice-box {
        left: 4rem;
        max-width: 40rem
    }
}

@media (max-width: 992px) {
    .MAIN_maintop_BA .contents-swiper {
        width: calc(100% + 3.2rem)
    }

    .MAIN_maintop_BA .text-wrap {
        width: calc(100% + 3.2rem);
        padding: 0 1.6rem;
        text-align: center
    }

.MAIN_maintop_BA picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

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

    .MAIN_maintop_BA .notice-box {
        display: none
    }

    .MAIN_maintop_BA .swiper-pagination {
        margin-bottom: 1.6rem;
        padding-right: 1.6rem
    }
}