@charset "utf-8";

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_04_GNS2 { width: 100%;float: left; 
position: relative;
padding: clamp(20px, calc(1.974vw + 12.105px), 50px) clamp(20px, calc(3.289vw + 6.842px), 70px);
border-radius: 20px; background-color: rgba(255,255,255,0.8);
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_04_GNS2 { width: 100%;float: left; padding: clamp(20px, calc(1.974vw + 12.105px), 50px) clamp(20px, calc(3.289vw + 6.842px), 70px);
border-radius: 10px; background-color: rgba(255,255,255,0.8);
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { 

.MAIN_04_GNS2 .contents-inner{width: 100%; z-index: 999; position: relative; }
.MAIN_04_GNS2 .contents-inner .sw_box{width: 150%;  }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {  }
/**** 모바일 ****/
@media only all and (max-width:767px) { 

.MAIN_04_GNS2 .contents-inner{width: 100%; z-index: 999; position: relative; }
.MAIN_04_GNS2 .contents-inner .sw_box{width: 150%;  }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {  }
/* 구분 //end -----------------------------------*/










/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_04_GNS2 .title-area {
display: flex;
justify-content: space-between;
align-items:flex-start;

}

.MAIN_04_GNS2 .title-area  .textset{ }




}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_04_GNS2 .title-area {
display: flex;
justify-content: space-between;
align-items:center;
margin-bottom: 30px; 
}

.MAIN_04_GNS2 .title-area  .textset{ width: 100%; float: left;  box-sizing: border-box; }



}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/









.MAIN_04_GNS2 .sw_inbox .sw_img {
align-items: flex-start; 

}

.MAIN_04_GNS2 .sw_inbox .sw_img img{width: 100%

}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.MAIN_04_GNS2 .title-area .contents-control {
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
margin-top: 10px;

}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.MAIN_04_GNS2 .title-area .contents-control {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;

}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/






.luckyshop-N3 {
position: relative;
overflow: hidden;
}

.luckyshop-N3 .contents-inner {
position: relative;
width: 100%;
margin: 0 auto;
}

.luckyshop-N3 .cardset {
display: block;
width: 100%;
}

.luckyshop-N3 .cardset .cardset-figure {
height: 12rem;
border-radius: 2rem;
overflow: hidden;
}

.luckyshop-N3 .cardset .cardset-body {
padding: 1.6rem 0 0 0;
text-align: center;
}

.luckyshop-N3 .content-swiper {
overflow: hidden;
position: relative;padding-top: clamp(0px, calc(0.987vw + -3.947px), 15px)
}

.luckyshop-N3 .content-swiper .swiper-wrapper {
position: relative;
}






.luckyshop-N3 .swiper-button-prev {
display: flex;
align-items: center;
justify-content: center;
position: relative
}

.luckyshop-N3 .swiper-button-next {
display: flex;
align-items: center;
justify-content: center;
position: relative
}

.luckyshop-N3 .swiper-button-prev { background: none}
.luckyshop-N3 .swiper-button-next { background: none}


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

.luckyshop-N3 .swiper-button-prev:before { width:clamp(40px, 3.906vw, 50px); height: clamp(40px, 3.906vw, 50px); background-color:#424242; border-radius: 100%;  position: absolute; right:0; top:clamp(15px, 1.563vw, 20px); content: "\eb79";  color:#fff;   font-family: unicons-line; font-size: 35px;   display: flex; justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; padding-bottom: 5px}


.luckyshop-N3 .swiper-button-next:before { width:clamp(40px, 3.906vw, 50px); height: clamp(40px, 3.906vw, 50px); background-color:#424242; border-radius: 100%;  position: absolute; right:0; top:clamp(15px, 1.563vw, 20px); content: "\eb6d";  color:#fff;   font-family: unicons-line; font-size: 35px;   display: flex; justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; padding-bottom: 5px}


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.luckyshop-N3 .swiper-button-prev:before { width:30px; height: 30px;background-color:#333; border-radius: 100%;  position: absolute; right:30px; top:-10px; content: "\eb79";  color:#fff;   font-family: unicons-line; font-size: 25px;   display: flex; justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; padding-bottom: 5px}

.luckyshop-N3 .swiper-button-next:before { width:30px; height:30px;background-color:#333; border-radius: 100%;  position: absolute; right:10px;top:-10px;  content: "\eb6d";  color:#fff;   font-family: unicons-line; font-size: 25px;   display: flex; justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; padding-bottom: 5px}


}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.luckyshop-N3 .swiper-button-prev:after{display: none!important}
.luckyshop-N3 .swiper-button-next:after{display: none!important}