@charset "utf-8";
.swiper-slide{
    width: 100% !important;
}
.preview .swiper-wrap{
width: 80%;
    transition: 0.3s;
    z-index: 9997 !important;
    padding-top: 9%;
}
.price_swiper .swiper-wrap{
    width: 100%;
}
.mainbtn1{
    background: url('/images/common/arrow_left.png');
    background-repeat: no-repeat;
    width: 44px !important;
    left: 65px !important;
    top: 50% !important;
color: transparent !important;
}
.mainbtn2{
    background: url('/images/common/arrow_right.png');
    background-repeat: no-repeat;
    width: 44px !important;
    right: 65px !important;
    top: 50% !important;
    color: transparent !important;
}
.preview .swiper-wrap img{
    display: block;
    width: 100%;
    object-fit: cover;
    max-height: 535px;
}
/* 대표사진 라벨 */

.preview .swiper01 img.img-label {
    position: absolute;
    top: 25px;
    left: 0;
    width: 110px;
    z-index: 10;
    filter: grayscale(1);
}
@media(max-width:1500px){

    
}
@media(max-width:991px){
    .preview .swiper-wrap{

        padding-top: 110px;
    }
}


@media(max-width:768px){
    .preview .swiper01 {
        margin-bottom: 5%;
    }
    .preview  .swiper01 .swiper-wrapper img{

        height: 400px;
    }
    .preview .swiper-wrap img { max-height: 350px;}
    /* 대표사진 라벨 */
    .preview .swiper01 img.img-label {
        top: 10px;
        width: 85px;
    }
}
@media(max-width:500px){
    .price_swiper .swiper-wrap{
        margin-bottom: 0 !important;
    }
    .preview .swiper-wrap{
        width: 100%;
        margin-bottom: 5%;
        padding-top: 90px;
        border-bottom: 1px solid #474747;
    }
    .preview  .swiper01 .swiper-wrapper img{

        height: 240px;
        /* margin: 0 auto; */
    }
    .preview .swiper-wrap img { max-height: 196px;}
    .mainbtn1{
        left: 20px !important;
    }
    .mainbtn2{
        right: 20px !important;
    }
    .option-wrap{
        padding: 3% 3%;
    }
    .infotext h3{
        font-size: 17px;
    }
    .infotext p{
        font-size: 14px;
    }
}
@media(max-width:380px){
    .preview  .swiper01 .swiper-wrapper img{

        height: 210px;
        margin: 0 auto;
    }
    .mainbtn1{
        left: 20px !important;
    }
    .mainbtn2{
        right: 20px !important;
    }
}

@media(max-width:320px){
    .preview .swiper-wrap{
        width: 300px;
    }
    .preview  .swiper01 .swiper-wrapper img{

        height: 200px;
        margin: 0 auto;
    }
    .mainbtn1,.mainbtn2{
        top: 55% !important;
    }
   
}