/* BASIC css start */
/* 메인 슬라이드 css */
.mainSlideArea {position:relative; min-width: 1550px; }
.mainSlideArea .mainSlide{width: 100%; height: 100%;}
.mainSlideArea .swiper-container{margin: 0 auto; overflow:hidden ;}
.mainSlideArea .swiper-slide {width: 100%; height: 100%;}
.mainSlideArea .swiper-slide a{display: block; width: 100%; height: 100%;}
.mainSlideArea .swiper-slide a img{width: 100%;}
.mainSlideArea .main-swiper-btns{width: 1200px; position: absolute; top: 50%; left: 50%;  transform: translateY(-50%); line-height: 0; font-size: 0; margin: 0 0 0 -600px; z-index: 9;}
.mainSlideArea .swiper-button-next, .mainSlideArea .swiper-button-prev{width: 50px; height: 50px; border-radius: 100%; background: none; background-color: rgba(0,0,0,0.2); opacity:0; transition: 0.3s;}
.mainSlideArea:hover .swiper-button-next, .mainSlideArea:hover .swiper-button-prev{opacity:1;}
.mainSlideArea .swiper-button-next:before, .mainSlideArea .swiper-button-prev:before{content: ''; position: absolute;; top: 17px; width: 14px; height: 14px; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.mainSlideArea .swiper-button-prev{left: -60px; right: auto;}
.mainSlideArea .swiper-button-prev:before{left: 21px; transform: rotate(-45deg);}
.mainSlideArea .swiper-button-next{right: -60px;}
.mainSlideArea .swiper-button-next:before{right: 21px; transform: rotate(135deg);}
.mainSlideArea .swiper-pagination{position: absolute; left: 50%; bottom: 20px;  transform: translateX(-50%);}
.mainSlideArea .swiper-pagination-bullet{margin: 0 3px; width: 15px; height: 3px; border: none; border-radius: 0px; background-color: #ededed; opacity: 1;}
.mainSlideArea .swiper-pagination-bullet-active{width: 30px; background-color: #6d6d6d;}
/* //메인 슬라이드 css */

.mainSlideBannerArea {position:relative; margin: 70px auto 30px; width: 1200px;}
.mainSlideBannerArea .swiper-container{margin: 0 auto; width: 1050px; overflow:hidden ;}
.mainSlideBannerArea .swiper-slide { width:250px!important; margin-right: 15px;}
.mainSlideBannerArea .swiper-slide img { width:100% }

.swiper-button-next:after, .swiper-button-prev:after{display: none;}

/* BASIC css end */