.mainVisual{
    max-width:1280px;
    margin:0 auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    height:auto;
    width: 150%;
    /*margin:0 0 0 50vw;*/
    object-fit: cover;
    object-position:-90px 0px; /*for mobileZoom 150%*/
}
.swiper-slide:nth-child(8) img {
    /*object-position:-190px 0px;*/ /*mobileZoom position fix*/
}
.slider-container h1, .slider-container h2{
    font-weight:100;
}

#bannerBox{
    padding:14px;
}
.bannerNotice{
    margin:0 0 120px 0;
}
.bannerNotice h2{
    font-size:20px;
    text-align: center;
    padding:15px;
}
.bannerNotice p{
    font-size:16px;
    font-weight:100;
    border:1px solid #EEE;
    padding:10px 0;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.bannerNotice a{
    color:#000;
}
.bannerNotice span{
    float:right;
}
.banner02{
    position:relative;
    overflow: hidden;
    width:calc(48vw); /*16px은 패딩 좌우 8px씩 더한값임*/
    height:calc(48vw);
    border-radius:999px;
    float:left;
    color:white;
    text-align:center;
}
.bannerBody{
    position:absolute;
    background:rgba(0, 0, 0, .5);
    width:100%;
    height:100%;
    padding:12vw 0;
}
.bannerBody > hr{
    margin:5px auto;
    width:11vw;
    max-width:50px;
    border:0;
    border-top:1px solid;
}
.bannerBody > span{
    font:100 4vw/100% SUIT-Thin, sans-serif;
    text-shadow: 0px 0px 4px black; 
}
.bannerBody > span:nth-child(3){
    font-family:Noto Sans KR;
    font-weight:700;
}

.fltRgh{
    float:right;
    margin:-25vw 5px;
}
.roomBanner{
    width:50%;
    float:left;
}
.roomBanner > div:nth-child(1){
    width:100%;
    text-align: center;
}
.roomBanner img{
    height:auto;
    width:calc(100% - 6px);
    margin:0 0 10px 0;
}
.roomBanner > div:nth-child(2){
    padding:0 15px;
    border-left:1px solid #CCC;
    margin:0 0 10px 0;
    line-height: 150%;
    color:#333;
}
.roomBanner > div:nth-child(2) > b{
    font-family: Noto Sans KR;
    font-size:17px;
    font-weight: 700;
}
.roomBanner:first-child > div:nth-child(2){
    border:0;
}
@media(min-width:480px){
    .bannerNotice{
        margin:0 0 20px 0;
    }
    .banner02{
        margin:0 8px;
        width:calc(25vw - 16px);
        height:calc(25vw - 16px);
    }
    .banner02 > .bannerBody{
        padding:6vw 0;
    }    
    .bannerBody > span{
        font-size:3vw;
    }    
    .fltRgh{
        margin:0 -4px;
        float:left;
    }
}
@media(min-width:720px){
    .swiper-slide img {
        height:auto;
        width: 100%;
        margin:0;
        object-position:0;           
    }
    .swiper-slide:nth-child(8) img {
        object-position:0; /*mobile zoom fix Return*/
    }    
    .roomBanner{
        width:25%;
    }    
}
@media(min-width:960px){
    .banner02{
        width:220px;
        height:220px;
    }
    .banner02 > .bannerBody{
        padding:65px 0;
    }        
    .bannerBody > span{
        font-size:2vmin;
    }
}
@media(min-width:1280px){

}