.swiper .swiper-wrapper{}
.swiper .swiper-wrapper .swiper-slide{position: relative; max-height: 100vh;height: auto;overflow: hidden;display: flex;align-items: stretch;}
/* 기존: max-height: 80vh; */
.swiper .swiper-wrapper .swiper-slide img.bg{width: 100%; height:auto;}
.swiper .swiper-wrapper .swiper-slide a{
    font-size: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 200px;
    height: 70px;
    font-weight: normal;
}

/* bn-01 */
.swiper .swiper-wrapper .swiper-slide.sl01 .title-box{position: absolute; left: 50%; transform: translateX(-50%); top: 3%;}
.swiper .swiper-wrapper .swiper-slide.sl01 a{position: absolute;left: 85%; bottom: 5%; transform: translateX(-50%);z-index: 999;}
.swiper .swiper-wrapper .swiper-slide.sl01 .center{
    position: absolute; 
    top: 20%; 
    left: 50%; 
    transform: translate(-50%,-50%); 
    width: 80%;
    opacity: 0;
    transition: 1.8s ease;
    z-index: 10;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .center{
    opacity: 1; 
    top: 50%;
}
.swiper .swiper-wrapper .swiper-slide.sl01 .right{
    opacity: 0;
    position: absolute;
    bottom: 0; 
    right: -100%;
    width: 90%;
    transition: 1.8s ease;
    animation-delay: 0.3s;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .right{
    opacity: 1; 
    right: 0;
}
.swiper .swiper-wrapper .swiper-slide.sl01 .left{
    position: absolute;
    bottom: -20%;
    left: -20%;
    width: 90%;
    opacity: 0;
    transition: 1.8s ease;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .left{
    opacity: 1;
    left: 5%;
    bottom: -10%;
}

/* bn-02 */
.swiper .swiper-wrapper .swiper-slide.sl02 a{
    position: absolute;
    right: 80%; 
    bottom: 5%; 
    z-index: 999;
}
.swiper .swiper-wrapper .swiper-slide.sl02-left a{
    position: absolute;
    right: 80%; 
    bottom: 5%; 
    z-index: 999;
}
.swiper .swiper-wrapper .swiper-slide.sl02-right a{
    position: absolute;
    right: 0%; 
    bottom: 5%; 
    z-index: 999;
}
.swiper .swiper-wrapper .swiper-slide.sl02-center a{ 
	position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
    z-index: 999;
}
.swiper .swiper-wrapper .swiper-slide.sl02 .top{
    position: absolute; 
    top: -10%; 
    left: 10%; 
    width: 70%;
    opacity: 0;
    transition: 1.8s ease;
}
.swiper .swiper-wrapper .swiper-slide.sl02.swiper-slide-active .top{
    opacity: 1; 
    top: 0%;
}
.swiper .swiper-wrapper .swiper-slide.sl02 .center{
    position: absolute;
    width:70%;
    left: -50%;
    bottom: 5%;
    opacity: 0;
    transition: 1.8s ease;
}
.swiper .swiper-wrapper .swiper-slide.sl02.swiper-slide-active .center{
    opacity: 1; 
    left: 10%;
}
.swiper .swiper-wrapper .swiper-slide.sl02 .bottom{
    position: absolute;
    width:70%;
    left:10%;
    bottom: -100%;
    opacity: 0;
    transition: 1.8s ease;
}
.swiper .swiper-wrapper .swiper-slide.sl02.swiper-slide-active .bottom{
    opacity: 1; 
    bottom: 0%;
}
.swiper .swiper-wrapper .swiper-slide.sl02 .right{
    position: absolute;
    width:70%;
    right: -160%;
    bottom: 0;
    opacity: 0;
    transition: 1.8s ease;
    animation-delay: 0.7s;
}
.swiper .swiper-wrapper .swiper-slide.sl02.swiper-slide-active .right{
    opacity: 1; 
    right: 10%;
}

/* bn-03 */
.swiper .swiper-wrapper .swiper-slide.sl03 a{
    position: absolute;
    left: 15%;
    transform: translateX(-50%);
    bottom: 5%; 
    z-index: 999;
}
.swiper .swiper-wrapper .swiper-slide.sl03 .center{
    position: absolute;
    width: 80%;
    opacity: 0;
    transition: 1.8s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    animation-delay: 2s;
}
.swiper .swiper-wrapper .swiper-slide.sl03.swiper-slide-active .center{
    opacity: 1; 
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.swiper .swiper-wrapper .swiper-slide.sl03 .left{
    position: absolute;
    width: 70%;
    opacity: 0;
    transition: 1.8s ease;
    left: -100%;
    bottom: 0;
}
.swiper .swiper-wrapper .swiper-slide.sl03.swiper-slide-active .left{
    opacity: 1;
    left: 10%;
}
.swiper .swiper-wrapper .swiper-slide.sl03 .right{
    position: absolute;
    width: 70%;
    right: -160%;
    bottom: 0;
    opacity: 0;
    transition: 2.9s ease;
    animation-delay: 0.9s;
}
.swiper .swiper-wrapper .swiper-slide.sl03.swiper-slide-active .right{
    opacity: 1;
    right: 10%;
}
/* bn-04 */
.swiper .swiper-wrapper .swiper-slide.sl04 a{
    position: absolute;
    left: 70%;
    transform: translateX(-50%);
    bottom: 5%; 
    z-index: 999;
}
.swiper .swiper-wrapper .swiper-slide.sl04 .left{
    position: absolute;
    width: 70%;
    left: -200px;
    bottom: 0;
    opacity: 0;
    transition: 1.4s ease;
    animation-delay: 0.4s;
}
.swiper .swiper-wrapper .swiper-slide.sl04.swiper-slide-active .left{
    opacity: 1;
    position: absolute;
    left: 10%;
    bottom: 0;
}
.swiper .swiper-wrapper .swiper-slide.sl04 .right{
    position: absolute;
    width: 70%;
    right: -100%;
    bottom: 0;
    opacity: 0;
    transition: 1.8s ease;
    animation-delay: 0.3s;
}
.swiper .swiper-wrapper .swiper-slide.sl04.swiper-slide-active .right{
    opacity: 1;
    position: absolute;
    right: 7%;
    bottom: 0;
}
/* bn-05 */
.swiper .swiper-wrapper .swiper-slide.sl05 a{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5%; 
    z-index: 999;
}
.swiper .swiper-wrapper .swiper-slide.sl05 .center{
    position: absolute;
    width: 70%;
    left: -200px;
    bottom: 0;
    opacity: 0;
    transition: 1.4s ease;
    animation-delay: 0.4s;
}
.swiper .swiper-wrapper .swiper-slide.sl05.swiper-slide-active .center{
    opacity: 1;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.swiper .swiper-wrapper .swiper-slide.sl05 .top{
    position: absolute;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    top: -100%;
    opacity: 0;
    transition: 1.8s ease;
    animation-delay: 0.4s;
}
.swiper .swiper-wrapper .swiper-slide.sl05.swiper-slide-active .top{
    opacity: 1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.swiper .swiper-wrapper .swiper-slide.sl05.swiper-slide-active .left{
    opacity: 1;
    position: absolute;
    left: 0%;
    bottom: 0;
	width: 85%;
}
.swiper .swiper-wrapper .swiper-slide.sl05.swiper-slide-active .right{
    opacity: 1;
    position: absolute;
    right: 0%;
    bottom: 0;
	width: 85%;
}
/* bn-06 */
.swiper .swiper-wrapper .swiper-slide.sl06 .center{
    position: absolute;
    width: 70%;
    top: 150%;
    opacity: 0;
    transition: 1.8s ease;
    animation-delay: 0.3s;
    z-index: 10;
}
.swiper .swiper-wrapper .swiper-slide.sl06.swiper-slide-active .center{
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.swiper .swiper-wrapper .swiper-slide.sl06 .left{
    position: absolute;
    width: 70%;
    left: -200px;
    bottom: 0;
    opacity: 0;
    transition: 1.4s ease;
    animation-delay: 0.4s;
}
.swiper .swiper-wrapper .swiper-slide.sl06.swiper-slide-active .left{
    opacity: 1;
    position: absolute;
    left: 10%;
    bottom: 0;
}
.swiper .swiper-wrapper .swiper-slide.sl06 .right{
    position: absolute;
    width: 70%;
    right: -100%;
    bottom: 0;
    opacity: 0;
    transition: 1.8s ease;
    animation-delay: 0.3s;
}
.swiper .swiper-wrapper .swiper-slide.sl06.swiper-slide-active .right{
    opacity: 1;
    position: absolute;
    right: 10%;
    bottom: 0;
}
/* bn-07 */
.swiper .swiper-wrapper .swiper-slide.sl07 .top{
    position: absolute;
    width:70%;
    left: 50%;
    transform: translateX(-50%);
    top:  0;
}
.swiper .swiper-wrapper .swiper-slide.sl07 .left{
    position: absolute;
    width: 70%;
    left: -200px;
    bottom: 0;
    opacity: 0;
    transition: 1.4s ease;
    animation-delay: 0.4s;
}
.swiper .swiper-wrapper .swiper-slide.sl07.swiper-slide-active .left{
    opacity: 1;
    position: absolute;
    left: 10%;
    bottom: 0;
}
.swiper .swiper-wrapper .swiper-slide.sl07 .right{
    position: absolute;
    width:80%;
    right: -100%;
    bottom: 0;
    opacity: 0;
    transition: 1.8s ease;
    animation-delay: 0.3s;
}
.swiper .swiper-wrapper .swiper-slide.sl07.swiper-slide-active .right{
    opacity: 1;
    position: absolute;
    right: 0;
    bottom: 0;
}
/* bn-011 */
.swiper .swiper-wrapper .swiper-slide.sl011 .title-box{position: absolute; left: 50%; transform: translateX(-50%); top: 3%;}
.swiper .swiper-wrapper .swiper-slide.sl011 a{position: absolute;left: 85%; bottom: 5%; transform: translateX(-50%);z-index: 999;}
.swiper .swiper-wrapper .swiper-slide.sl011 .center{
    position: absolute; 
    top: 20%; 
    left: 50%; 
    transform: translate(-50%,-50%); 
    width: 80%;
    opacity: 0;
    transition: 1.8s ease;
    z-index: 10;
}
.swiper .swiper-wrapper .swiper-slide.sl011.swiper-slide-active .center{
    opacity: 1; 
    top: 50%;
}
.swiper .swiper-wrapper .swiper-slide.sl011 .right{
    opacity: 0;
    position: absolute;
    bottom: 0; 
    right: -100%;
    width: 90%;
    transition: 1.8s ease;
    animation-delay: 0.3s;
}
.swiper .swiper-wrapper .swiper-slide.sl011.swiper-slide-active .right{
    opacity: 1; 
    right: 0;
}
.swiper .swiper-wrapper .swiper-slide.sl011 .left{
    position: absolute;
    bottom: -20%;
    left: -20%;
    width: 90%;
    opacity: 0;
    transition: 1.8s ease;
}
.swiper .swiper-wrapper .swiper-slide.sl011.swiper-slide-active .left{
    opacity: 1;
    left: 5%;
    bottom: -10%;
}

@media(max-width:600px){
    .swiper .swiper-wrapper .swiper-slide a.rg-btn{
        font-size: 12px !important;
        width: auto !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 4px !important;
        border: 2px solid transparent;
      }
}
@media all and (max-width:479px) {
.swiper .swiper-wrapper .swiper-slide img.bg{width: 100%; height:auto; margin: 0 auto;}
  /* bn-01 */
.swiper .swiper-wrapper .swiper-slide.sl01 .title-box{position: absolute; left: 50%; transform: translateX(-50%); top: 3%;}
.swiper .swiper-wrapper .swiper-slide.sl01 a{position: absolute;left: 85%; bottom: 5%; transform: translateX(-50%);z-index: 999;}
.swiper .swiper-wrapper .swiper-slide.sl01 .center{
    position: absolute; 
    top: 20%; 
    left: 50%; 
    transform: translate(-50%,-50%); 
    width: 110%;
    opacity: 0;
    transition: 1.8s ease;
    z-index: 10;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .center{
    opacity: 1; 
    top: 50%;
}
.swiper .swiper-wrapper .swiper-slide.sl01 .right{
    opacity: 0;
    position: absolute;
    bottom: 0; 
    right: -300%;
    width: 150%;
    transition: 1.8s ease;
    animation-delay: 0.3s;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .right{
    opacity: 1; 
    right: 0;
}
.swiper .swiper-wrapper .swiper-slide.sl01 .left{
    position: absolute;
    left: -20%;
	top: 15%;
    width: 130%;
    opacity: 0;
    transition: 1.8s ease;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .left{
    opacity: 1;
    left: 5%;
}
/* 06 */
.swiper .swiper-wrapper .swiper-slide.sl01 .right06{
    opacity: 0;
    position: absolute;
    bottom: 0; 
	top: 15%;
    right: -300%;
    width: 150%;
    transition: 1.8s ease;
    animation-delay: 0.3s;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .right06{
    opacity: 1; 
    right: 0;
}
.swiper .swiper-wrapper .swiper-slide.sl01 .left06{
    position: absolute;
    left: -20%;
	top: 55%;
    width: 130%;
    opacity: 0;
    transition: 1.8s ease;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .left06{
    opacity: 1;
    left: 5%;
}
/* 07 */
.swiper .swiper-wrapper .swiper-slide.sl01 .center07{
    position: absolute; 
    top: 77% !important;  
    left: 50%; 
    transform: translate(-50%,-50%); 
    width: 110%;
    opacity: 0;
    transition: 1.8s ease;
    z-index: 10;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .center07{
    opacity: 1; 
    top: 50%;
}
.swiper .swiper-wrapper .swiper-slide.sl01 .left07{
    position: absolute;
    left: -30% !important;
	top: 27%;
    width: 230%;
    opacity: 0;
    transition: 1.8s ease;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .left07{
    opacity: 1;
    left: 5%;
}
/* 08 */
.swiper .swiper-wrapper .swiper-slide.sl01 .right08{
    opacity: 0;
    position: absolute;
    bottom: 0; 
	top: 10%;
    right: 1% !important;
    width: 120%;
    transition: 1.8s ease;
    animation-delay: 0.3s;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .right08{
    opacity: 1; 
    right: 0;
}
.swiper .swiper-wrapper .swiper-slide.sl01 .left08{
    position: absolute;
    left: 10%;
	top: 55%;
    width: 150%;
    opacity: 0;
    transition: 1.8s ease;
}
/* 09 */
.swiper .swiper-wrapper .swiper-slide.sl01 .right09{
    opacity: 0;
    position: absolute;
    bottom: 0; 
	top: 7%;
    right: 0%;
    width: 150% !important;
    transition: 1.8s ease;
    animation-delay: 0.3s;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .right09{
    opacity: 1; 
    right: 0;
}
.swiper .swiper-wrapper .swiper-slide.sl01 .left09{
    position: absolute;
    left: -23%;
	top: 54%;
    width: 150% !important;
    opacity: 0;
    transition: 1.8s ease;
}
.swiper .swiper-wrapper .swiper-slide.sl01.swiper-slide-active .left09{
    opacity: 1;
    left: 5%;
}
/* 011 */
/* bn-011 */
.swiper .swiper-wrapper .swiper-slide.sl011 .title-box{position: absolute; left: 50%; transform: translateX(-50%); top: 3%;}
.swiper .swiper-wrapper .swiper-slide.sl011 a{position: absolute;left: 85%; bottom: 5%; transform: translateX(-50%);z-index: 999;}
.swiper .swiper-wrapper .swiper-slide.sl011 .center{
    position: absolute; 
    top: 20%; 
    left: 50%; 
    transform: translate(-50%,-50%); 
    width: 80%;
    opacity: 0;
    transition: 1.8s ease;
    z-index: 10;
}
.swiper .swiper-wrapper .swiper-slide.sl011.swiper-slide-active .center{
    opacity: 1; 
    top: 50%;
}
.swiper .swiper-wrapper .swiper-slide.sl011 .right{
    opacity: 0;
    position: absolute;
    bottom: 0; 
	top: 10%;
    right: 0%;
    width: 150% !important;
    transition: 1.8s ease;
    animation-delay: 0.3s;
}
.swiper .swiper-wrapper .swiper-slide.sl011.swiper-slide-active .right{
    opacity: 1; 
    right: 0;
}
.swiper .swiper-wrapper .swiper-slide.sl011 .left{
    position: absolute;
    left: -23%;
	top: 54%;
    width: 150% !important;
    opacity: 0;
    transition: 1.8s ease;
}
.swiper .swiper-wrapper .swiper-slide.sl011.swiper-slide-active .left011{
    opacity: 1;
    left: 5%;
}
/* bn-03 */
.swiper .swiper-wrapper .swiper-slide.sl03 a{
    position: absolute;
    left: 15%;
    transform: translateX(-50%);
    bottom: 5%; 
    z-index: 999;
}
.swiper .swiper-wrapper .swiper-slide.sl03 .center{
    position: absolute;
    width: 80%;
    opacity: 0;
    transition: 1.8s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    animation-delay: 2s;
}
.swiper .swiper-wrapper .swiper-slide.sl03.swiper-slide-active .center{
    opacity: 1; 
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.swiper .swiper-wrapper .swiper-slide.sl03 .left{
    position: absolute;
    width: 120%;
	top: 10% !important;
    opacity: 0;
    transition: 1.8s ease;
    left: -27% !important;
    bottom: 0;
}
.swiper .swiper-wrapper .swiper-slide.sl03.swiper-slide-active .left{
    opacity: 1;
    left: 10%;
}
.swiper .swiper-wrapper .swiper-slide.sl03 .right{
    position: absolute;
    width: 130%;
    right: -30% !important;
    bottom: 0;
    opacity: 0;
    transition: 2.9s ease;
    animation-delay: 0.9s;
}
.swiper .swiper-wrapper .swiper-slide.sl03.swiper-slide-active .right{
    opacity: 1;
    right: 10%;
}
}