/**********메인 슬라이드***********/
.main_view_slider{position: relative;z-index: 0; cursor: grab;}
.main_view_slider:active{cursor: grabbing;}
.main-top-slide{overflow:hidden;}
.main-top-slide {
    width: 100%; height: 100%;
    margin-left: auto; margin-right: auto;
}
.main-slide {background: #fff;}
.main-slide-con{display:flex; align-items: center; height:400px;}
.slide_badge{
    display: inline-block;
    color:#fff; background-color:#f42039;
    font-size:1.1rem; font-weight:500;
    padding:3px 10px; border-radius:15px; margin-right: 4px;
}
.star {
    background-color:#ef6184;
    padding:3px 20px;
    position: relative;
}
.star::after{
    content: '';
    position: absolute; right: -30px; top: 0;
    display: block; width: 23px; height: 31px;
    background: url(/images/main/icon_star.png) center / cover no-repeat;
    
}

/******슬라이드 개별 스타일******/
.slide-color1{background-color:#ffeded;}
.slide-color2{background-color:#d9e9ff;}
.slide-color3{background-color:#fff4c6;}
.slide-color4{background-color:#e5ffd4;}
.slide1{background-image:url(/images/main/mainslide-img-01.png);}
.slide2{background-image:url(/images/main/mainslide-img-02.png);}
.slide3{background-image:url(/images/main/mainslide-img-03.png);}
.slide4{background-image:url(/images/main/mainslide-img-04.png);}
.colorReverse{color: #fff;}
.colorReverse .mainslide-btn{color: #000; background-color: #fff;}
/******슬라이드 개별 스타일******/

/******텍스트 영역******/
.main-slide-txt{
    position: relative;
    display:flex; flex-direction:column; gap:20px;
    width: 100%;
}
.main-slide-txt h1{font-size:2.4rem; font-weight:700; line-height:1.3;}
.main-slide-txt span{display: inline-block;}
.main-slide-txt div{display: inline-block; text-align: left;}
.mainslide-btn{
    display:inline-block; 
    width: 240px; text-align: center;
    color:#fff; background-color:#000; 
    font-size:1.1rem; font-weight:700; 
    padding:15px 0px; border-radius:5px;
}
.colorwhite .main-slide-txt{color: #fff;}
.colorwhite .mainslide-btn{color: #000; background-color: #fff;}
/******텍스트 영역******/

/******이미지 영역******/
.main-slide-img{
    width: 100%; height:100%; 
    background-repeat: no-repeat;
    background-position: center center;
    background-size:  contain;
}
.main_view_slider>.main-top-slide>.swiper-pagination>.swiper-pagination-bullet{width: 20px; border-radius: 100px; border: 1px solid #eee;}

.saleeventslide{display: flex !important; justify-content: center; align-items: center; background-color: #b0aaff;}
.saleeventslide img{max-width: 100%; max-height: 800px; width: auto;}

/******이미지 영역******/

@media (min-width:901px){
    .main_view_slider>.main-top-slide>.swiper-pagination{
        max-width: 1180px;
        padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto;
        position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);
    }
    .saleeventslide{min-height: 800px;}
    @media (max-width:1200px){.main_view_slider>.main-top-slide>.swiper-pagination{padding-left: 30px; padding-right: 30px;}}
}
@media (max-width:900px){
	/**************메인 상단 슬라이드****************/
    /* .saleeventslide{min-height: 600px;} */
	.main-slide-con{height:300px;}
	.slide1{background-image:url(/images/main/mainslide-img-01.png);}
	.slide2{background-image:url(/images/main/mainslide-img-02.png);}
	.slide3{background-image:url(/images/main/mainslide-img-03.png);}
	.slide4{background-image:url(/images/main/mainslide-img-04.png);}
	.main-slide-txt{gap:0.8rem; max-width: 50%;}
    .main-slide-txt li:nth-child(3){display: none;}
}
@media (max-width:600px){
	.main-slide-con{height:200px;}
    .saleeventslide img{margin-top: -10%; margin-bottom: 10%;}
	.main-slide-con{gap:0;}
	.main-slide-txt h1{font-size:1.4rem;}
    .main-slide-img{position: absolute; right: 0; height: 100%; width: 80%; z-index: -1;}
    .mainslide-btn{padding: 10px 0; width: 140px;}
}
@media (max-width:280px){
		.mainslide-btn{
		padding:10px 0;
	}
	.main-slide-txt h1 {
    font-size: 1.5rem;
	}
	.main-slide-con{
		height:400px; 
	}

}
/************메인 슬라이드 끝***********/

