@charset "utf-8";

/* MAIN_04_SCF */




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { 
.MAIN_04_SCF { width: 100%; float: left;  position: relative; margin-top:-270px; overflow: hidden; padding: 100px 0px }
.MAIN_04_SCF:after {  background: #f6f6f6; width:100%; height: 100%;  float: left; border-radius: 0px 303px 0px 0px; margin-left: 0px; position: absolute; left: 0px; top: 0px;content: "";  z-index: 99;   }	
.MAIN_04_SCF .contents-inner{width: 100%; z-index: 999; position: relative; }
.MAIN_04_SCF .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_SCF { width: 100%; float: left;  position: relative; margin-top:-30px; overflow: hidden; padding:50px 0px 80px; margin-bottom: -50px;}
.MAIN_04_SCF:after {  background: #f6f6f6; width:100%; height: 100%;  float: left; border-radius: 0px 30px 0px 0px; margin-left: 0px; position: absolute; left: 0px; top: 0px;content: "";  z-index: 99;   }	
.MAIN_04_SCF .contents-inner{width: 100%; z-index: 999; position: relative; }
.MAIN_04_SCF .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_SCF .title-area {
  display: flex;
  justify-content: space-between;
  align-items:center;
  margin-bottom:20px; 
}

.MAIN_04_SCF .title-area  .textset{ display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; gap: clamp(10px, 1.563vw, 20px)}



.MAIN_04_SCF .title-area  .textset .textset-tit{
color: var(--black);  letter-spacing: -1px; line-height: 100%; 
}

.MAIN_04_SCF .title-area .textset .textset-desc {
color: #323232;  font-size:calc(var(--tx-sm-size) * 1); letter-spacing: -1px; line-height: 100%; font-weight: 400; margin-top: -10px
}

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

.MAIN_04_SCF .title-area  .textset{ width: 100%; float: left;  box-sizing: border-box; gap: clamp(10px, 1.563vw, 20px)}



.MAIN_04_SCF .title-area  .textset .textset-tit{width: 100%; float: left; 
color: var(--black);  font-size:calc(var(--tit-mds-size) * 1.2) ; letter-spacing: -1px; line-height: 100%; font-weight: 700;
}

.MAIN_04_SCF .title-area .textset .textset-desc {width: 100%; float: left; 
color: #323232;  font-size:calc(var(--tx-sm-size) * 0.9); letter-spacing: -1px; line-height: 100%; font-weight: 400; margin-top:0px
}

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









.MAIN_04_SCF .sw_inbox .sw_img {
  align-items: flex-start;
  padding: 3px 8px;
  background: var(--white);
  border-radius: 10px; 
}

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

}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.MAIN_04_SCF .title-area .contents-control {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 70px;
 margin-top: -30px
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.MAIN_04_SCF .title-area .contents-control {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
 margin-top: 40px
}
}
/**** 모바일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;
}

.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:#333; border-radius: 100%;  position: absolute; right:clamp(15px, 1.563vw, 20px); 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:#333; border-radius: 100%;  position: absolute; right:clamp(15px, 1.563vw, 20px); 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}