/*s ====기본화면 모바일 기준====*/
.all_wrap img{
    width: 100%;
    height: auto;
}

#s1{
    width: 100%;
    height: 25vh;
    background: url(../images/travel/s1_back.jpg) no-repeat center/cover;
}

#s1 .tit{
    margin: 0 auto;
    padding:10vh 0 0 0;
    width: 20%;
}
#s2{
    width: 100%;
    background: url(../images/travel/1/p1_s2_back.jpg) no-repeat center 20px/100% auto;
}
#s2 .tr_inner{
    width: 75%;
    margin: 0 auto;
    padding: 65px 0;
    position: relative;
}
.tr_inner .btn p{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 500;
}
.tr_inner .btn .prev{
    left: -54px;
}
.tr_inner .btn .next{
    right: -54px;
}
.tr_inner:after{
    content: "";
    display: block;
    clear: both;
}
/*.tr_inner .tr_info{
    padding: 10vh 0 10vh 0;
}*/
.tr_inner .tr_info p{
    float: left;
}
.tr_inner .tr_info .img{
    width: 45%;
}
.tr_inner .tr_info .info{
    width: 55%;
}

#s3 ul:after{
    content: "";
    display: block;
    clear: both;
}
#s3 ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
#s3 ul li{
    position: relative;
    width: calc(100% / 6);
    float: left;
    overflow: hidden;
}
#s3 ul li .on{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition: all 0.5s;
}
#s3 ul li .off{
    overflow:hidden;
}
#s3 ul li .off img{
    transition: all 0.5s;
}

#s3 ul li a:hover .on{
    opacity: 0;
}
#s3 ul li a:hover .off img{
    transform: scale(1.1);
}
/*e ====기본화면 모바일 기준====*/



/*s ====태블릿화면====*/

@media screen and (min-width:768px){
    /*#s1{
        height: 20vh;
    }

    #s1 .tit{
        padding:21vh 0 0 0;
        width: 22%;
    }*/
} /*768px끝*/

/*e ====태블릿화면====*/




/*s ====PC화면====*/

@media screen and (min-width:1200px){
    #s1{
        height: 50vh;
    }

    #s1 .tit{
        padding:25.5vh 0 0 0;
        width: 11%;
    }
    
    #s2{
        width: 100%;
        background: url(../images/travel/1/p1_s2_back.jpg) no-repeat center -162px/100% auto;
    }
    #s2 .tr_inner{
        width: 50%;
    }
} /*1200px끝*/

/*e ====PC화면====*/



