@charset "utf-8";

.slide_wrap{text-align: center; padding-bottom: 70px; overflow: hidden;}
.slide_txt{margin-top: 33px; padding-bottom: 44px; font-size: 20px;}

.swiper-button{
    position: absolute;
    bottom: 5.19480vw;
    right: 7.3896vw;
    width: 15.3246vw;
    height: 6.7532vw;
}
.swiper-button .swiper-button-prev, .swiper-button .swiper-button-next{
    background: #000;
    border: solid 1px #fff;
    border-radius: 50%;
    width: 6.75324vw;
    height: 6.75324vw;
    font-size: 12px;
}
.swiper-button .swiper-button-prev{left: 0;}
.swiper-button .swiper-button-next{right: 0;}
.swiper-button .swiper-button-prev:after, .swiper-button .swiper-button-next:after{
    font-size: 3.63636vw;
    font-weight: normal;
    color: #fff;
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{bottom: 0px !important;}
.swiper-scrollbar.swiper-scrollbar-horizontal{background: rgba(255, 255, 255, 0.3);}
.swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag{background: rgba(255, 255, 255, 0.7);}

.scroll_ef{
    position: relative;
    display: block;
    width: 40px;
    height: 60px;
    border-radius: 100px;
    border: 1px solid #fff;
    opacity: 0.7;
    margin: 0 auto 2vw;
}
@keyframes scroll_ani{
    0% {top: 7px;}
    50% {top: 18px;}
    100% {top: 7px;}
}
.scroll_ef::after{
    content: "";
    display: block;
    width: 4px;
    height: 6px;
    background: rgba(255, 255, 255, .7);
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    animation: scroll_ani 1.5s ease-in-out infinite;
}

.main_thumb_con{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.main_thumb_con li{margin-bottom: 78px; transition: 0.4s; width: 530px; text-align: center;}
.main_thumb_con li figure{
    height: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_thumb_con li figure.sideP{padding: 0 20px;}
.main_thumb_con li figure img{box-shadow: 10px 10px 20px rgba(3, 0, 0, .4); transition: transform .7s ease-in-out;}
.main_thumb_con li:hover figure img{transform: scale(1.07);}
.main_thumb_con li p{margin-top: 19px;}

.plus_view{
    position: relative;
    display: block;
    width: 61px;
    height: 61px;
    margin: 0 auto;
    transition: transform 0.3s;
}
.plus_view:hover{transform: rotate(90deg);}
.plus_view::before, .plus_view::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
}
.plus_view::after{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

@media all and (max-width:1900px) {
    .main_thumb_con li{width: 31%;}
}

@media all and (max-width:1500px) {
    .main_thumb_con li{width: 48%;}
    .main_thumb_con li figure{width: 100%;}
}

@media all and (max-width:860px) {

    .slide_wrap{margin-bottom: 63px; position: relative;}
    .slide_txt{
        text-align: left;
    }
    .slide_txt span{display: block;}

    .scroll_ef{
        width: 36px;
        height: 50px;
        margin-bottom: 6vw;
    }
    
    .main_thumb_con{justify-content: center;}
    .main_thumb_con li{width: 100%; margin-bottom: 46px;}
    .main_thumb_con li figure{height: auto;}
    .main_thumb_con li img{width: 74%;}
    .main_thumb_con li:hover figure img{transform: none;}
    .main_thumb_con li p{font-size: 22px; text-align: center;}

    .plus_view{width: 56px; height: 56px;}
}

@media all and (max-width:500px) {
    .slide_txt{margin-top: 20px;}
    .swiper-button{width: 19.3246vw;}
    .swiper-button .swiper-button-prev, .swiper-button .swiper-button-next{width: 8.75324vw; height: 8.75324vw;}
    .scroll_ef{
        width: 30px;
        height: 42px;
        margin-bottom: 10vw;
    }
    .main_thumb_con li p{font-size: 18px;}
    .plus_view{width: 48px; height: 48px;}
}