.slider-container{
    position:absolute;
    overflow:hidden;
    white-space:nowrap;
    text-align:right;
    bottom:10%;
    right:5%;
    background:rgba(0,0,0,.3);
    padding:5px 15px;
    border-radius:5px;
}

.swiper-slide h1{
    font-size:25px;
    transform: translate(400px, 0);
}
.swiper-slide h2{
    font-size:15px;
    transform: translate(400px, 0);
}
.swiper-slide h1, .swiper-slide h2{
    font-family: SUIT-Thin;
    color:white;
    text-shadow: 1px 1px 4px black; 
    opacity: 0;
    transition: all .9s ease;    
}

.swiper-slide-active h1 { /*스와이퍼는 활성 슬라이드로 변할때 해당 슬라이드에 액티브라는 클래스가 부여된다.*/
    opacity: 1;
    transform: none;
}
.swiper-slide-active h2 {
    opacity: 1;
    transform: none;
}
@media(min-width:480px){
    
}
@media(min-width:720px){
    .swiper-slide-active h1 {
        font-size:50px;
    }
    .swiper-slide-active h2 {
        font-size:30px;
    }
}
@media(min-width:960px){

}
@media(min-width:1280px){

}