@charset "utf-8";
/*
--------------------------------------------------------------------------------------
목록 슬라이더
--------------------------------------------------------------------------------------
*/
.swiper-container { width:100%; margin:0 auto 0 auto }
.swiper-container .image { width:100%; height:300px; overflow: hidden }
.swiper-container .image img { width:100% }
.swiper-container .text { padding:45px 41px }
.swiper-container .text h2 { font-size:23px; margin-bottom:17px }
.swiper-container .text p { font-size:15px }
.swiper-container .text .modify { float: right; color:#666; font-size:17px }
.swiper-container .image img {
    transform: scale(1.2);
}
.swiper-container .swiper-slide-active .image img {
    transform: scale(1);
    transition: transform 0.7s ease-out;
}
.swiper-button-next, .swiper-button-prev {
    top: 100px;
    margin-top: 0;
    width: 80px; height:80px;
    text-align: center;
    border:4px solid rgba(0,0,0,0);
    border-radius: 80px
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    border-color:#fff
}
.swiper-button-prev {
    padding-right:5px;
    left:15px
}
.swiper-button-next {
    padding-left:5px;
    right:15px
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: none;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: none;
}

#page-info { display:flex; color:#666; clear:both; margin-bottom: 100px; padding-left: 41px; font-size:18px  }
#page-info li { margin-right:17px; cursor:pointer }
#page-info li.page-num { color:#4876f0 }