@charset "utf-8";


/*이벤트페이지 전용*/

.topbar.topbar-dark.bg-dark,
.order-lg-1.pe-lg-5.text-center.text-lg-start{
	display: none;
}

#렌딩상세{
	width:100%;
	background: black;
	max-width:100vw !important;
}
.container{
	max-width:1400px;
	width:100% ;
}


.row.mt-5{
	max-width:1400px;
	margin:0 auto;
}

.h100.card.border-0.shadow{
	    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	    background: #f7f7f7;
}
.navbar-sticky.bg-light,
.shadow-sm{
	 box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.cursor.card-img-top{
	mix-blend-mode: multiply;
	border-radius: 2em !important;
	border: 1em solid #ffffff00;
}

.card-body{
	background:white;
}

.card{
	border-radius:0;
}

.col-12.alert.alert-dark.mb-3 {
    border-radius: 0 !important;
    background: white !important;
    color: #181818;
    font-weight: 500;
    font-size: 1.2rem;
    border: 3px solid;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    margin-bottom: 4em !important;
	margin-top: 1em;
    border-image: linear-gradient(90deg, #6c6c6c 0%, #6c6c6c 50%, #cbcbcb 50%);
    border-image-slice: 1;
    font-family: Pretendard Std Variable;
    word-break: keep-all;
    line-height: 1.4;
}


@media(max-width:1200px){
	
.col-12.alert.alert-dark.mb-3 {
   
      border-radius: 0 !important;
    background: white !important;
    color: #181818;
    font-weight: 500;
    font-size: 1.2rem;
    border: 3px solid;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    margin-bottom: 4em !important;
	margin-top: 1em;
    border-image: linear-gradient(90deg, #6c6c6c 0%, #6c6c6c 80%, #cbcbcb 80%);
    border-image-slice: 1;
    font-family: Pretendard Std Variable;
    word-break: keep-all;
    line-height: 1.4;
   
}
}





@media(max-width:500px){
	
.col-12.alert.alert-dark.mb-3 {
   
      border-radius: 0 !important;
    background: white !important;
    color: #181818;
    font-weight: 500;
   font-size: 1.3rem;
    border: 2px solid;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    margin-bottom: 4em !important;
	margin-top: 2em;
    border-image: linear-gradient(90deg, #6c6c6c 0%, #6c6c6c 30%, #cbcbcb 30%);
    border-image-slice: 1;
    font-family: Pretendard Std Variable;
    word-break: keep-all;
    line-height: 1.4;
   text-align: center;
}
}



h6.cursor{
	word-break:keep-all;
	line-height:1.4;
	font-size:1.1rem;
	margin-top:8px;
}

.col-md-3.col-sm-6.mb-grid-gutter{
	margin-bottom:4.5rem !important;
}


.bg-secondary.py-4{
	display:none;
}

@media(max-width:992px){
	.bg-secondary.py-4{
	display:block;
}

}


.order-lg-2.mb-3.mb-lg-0.pt-lg-2{
	margin-bottom: -1rem !important;
}

.hr-light.mb-5{
	width: 100%;
	margin: 0 auto;
}

.row>* {
    padding-right: 0 !important;
    padding-left: 0 !important;
}


.row{
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.row.pb-2,
.row.pb-3,
.pb-4.fs-xs.text-light.opacity-50.text-center.text-md-start{
	padding-left:1em !important;
	margin:0 auto;
	padding-right: 1em !important;
}


.pt-grid-gutter {
    padding-top: 0 !important;
}

@media(max-width:992px){
	.pt-grid-gutter {
    padding-top: 1.875rem !important;
}
}



/*이벤트페이지 전용*/


















img{
	max-width: 100%;
}
.event-title{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	height: 80vh;
}


@media(max-width:600px){
	.event-title{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	height: 65vh;
}
}
.title_bg-none {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}


@media(max-width:600px){
	.title_bg-none {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
		 background: #000000a8;

}
}


.title_bg-bk {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #000000a8;
	align-items: center;
}

@media(max-width:600px){
	.title_bg-bk {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    background: #000000a8;
}
}

.event_logo{
	width: 95%;
	max-width: 1400px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-height: 5rem;
	height: 100%;
	margin: 0 auto;
	padding-top: 1rem;
}

@media (max-width: 600px) {
    .event_logo {
        width: 95%;
        max-width: 1400px;
        display: flex;
        max-height: 5rem;
        height: 100%;
        margin: 0 auto;
        padding-top: 1.5rem;
        flex-direction: column-reverse;
        align-items: center;
        flex-wrap: nowrap;
        padding-bottom: 1.5rem;
    }
}
.e-cat{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}


@media(max-width:600px){
	.e-cat{
	display: none;
	flex-wrap: nowrap;
	align-items: center;
}

}

.e-gift{
	background:#21ddcb;
}


.e-sale{
	background: #ff5b76;
}


.e-raffle{
	background: #6bb0ff;
}

.e-review{
	background: #ffa21a;
}


.e-gift,
.e-sale,
.e-raffle,
.e-review{
	padding: 0.2rem 0.8rem;
	text-align: center;
	color:black;
	border-radius: 5em;
	font-weight: 600;
	font-size: 0.9rem;
}



@media(max-width:600px){
	.e-gift,
.e-sale,
.e-raffle,
.e-review{
	padding: 0.2rem 0.5rem;
	text-align: center;
	color:white;
	border-radius: 5em;
	font-weight: 500;
	font-size: 0.85rem;
}


}
.title-text1{
	width: 90%;
	max-width: 1400px;
	word-break: keep-all;
	
}

.title-text2{
	margin: 0 auto;
	text-align: center;
	width: 80%;
	max-width: 1200px;
	margin-top:5rem;
	word-break: keep-all;
}

@media(max-width:600px){
	.title-text2{
	margin: 0 auto;
	text-align: center;
	width: 80%;
		max-width:500px;
	
}

}
.title-font{
	font-size: 4.4rem;
}

@media(max-width:900px){
	.title-font{
	font-size: 4rem;
}

}

@media(max-width:600px){
	.title-font{
	font-size: 2.2rem;
}

}

.title-font2{
	font-size:1.2rem;
	
}


.title_blank1{
	padding-top: 0rem;
}

@media(max-width:600px){
	.title_blank1{
	padding-top: 3rem;
}
}


.title_blank2{
	padding-top: 10rem;
}

@media(max-width:600px){
	.title_blank2{
	padding-top: 3rem;
}
}




.event_info_d{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	background: #141414;
	flex-direction: column;
	border-top: 4px solid black;
}

.event_info_w{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	    flex-direction: column;

}


.info_text{
	
	width: 50%;
	text-align: center;
	margin: 0 auto;
	word-break: keep-all;
	margin-bottom: 7em;
}
@media(max-width:700px){
	
.info_text{
	
	width: 80%;
	text-align: center;
	margin: 0 auto;
	word-break: keep-all;
	margin-bottom: 5em;
}

}

.text-review{
	color: #ffa21a;
	
}


.text-sale{
	color: #ff5b76;
	
}

.text-gift{
	color: #21ddcb;
	
}

.text-raffle{
	color: #6bb0ff;

}


.text-event{
	color: white;
	opacity: 0.6;
}
.text-gift,
.text-raffle,
.text-review,
.text-sale,
.text-event{
	letter-spacing: 0.2rem;
	font-weight: 400;
	font-size: 1.2rem;

}

@media(max-width:700px){
	.text-gift,
.text-raffle,
.text-review,
.text-sale,
.text-event{
	letter-spacing: 0;
	font-weight: 400;
	font-size: 1rem;

}
}


.info-title{
	font-size: 2.7vw;
	color: white;
	font-weight: 600;

	
}


@media(max-width:992px){
	
.info-title{
	font-size: 4vw;
	color: white;
	font-weight: 600;

	
}

}



@media(max-width:700px){
	
.info-title{
	font-size: 6vw;
	color: white;
	font-weight: 600;

	
}

}


.event_info_blank{
	padding-bottom: 15em;
}

@media(max-width:1100px){
	
.event_info_blank{
	padding-bottom: 10em;
}
}



@media(max-width:700px){
	
.event_info_blank{
	padding-bottom: 6em;
}
}






.detail_container{
	width: 80%;
	display: flex;
	flex-wrap: nowrap;
	margin: 0 auto;
	padding-bottom: 4em;
	padding-top: 4em;
	align-items: center;
}

@media(max-width:992px){
	.detail_container {
    width: 90%;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    padding-bottom: 4em;
    padding-top: 4em;
    align-items: center;
    flex-direction: column-reverse;
}
}

.detail_text{
	display: flex;
	flex-direction: column;
	width: 100%;
}



.detail_text_m{
	max-width: 450px;
}
@media(max-width:600px){
	.detail_text_m {
    max-width: 100%;
    margin-bottom: 1em;
    margin-top: 1em;
}
}
.detail_text_s{
	display: flex;
	flex-wrap: nowrap;
}

.d-text-right{
	padding-right: 1.5rem;
}

.text_pd{
	height: 15px;
}
.text_pd2{
	padding-bottom:  8rem;
}


@media(max-width:992px){
	.text_pd2{
	padding-bottom:  4rem;
}
}

.event-notice{
	width:95%;
	max-width: 1400px;
	display: flex;
	flex-wrap: nowrap;
	margin: 0 auto;
}
@media(max-width:992px){
.event-notice {
    width: 85%;
    max-width: 1400px;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    flex-direction: column;
}
}

.notice-left{
	padding-right: 4em;
}

@media(max-width:992px){
	.notice-left{
	padding-right: 4em;
		padding-bottom: 2em;
		padding-top: 2em;
}
}

.notice-right{
	width:70%;
	
}
@media(max-width:992px){
	.notice-right{
	width:100%;
	
}

}

.notice_li{

  margin:0;
  padding:0;
  list-style: none
	
}



.notice_li li{
position: relative;

  padding: 0 0 8px 1rem;
  font-size:1.11rem;
  color: #fff;
  font-family:Pretendard Std Variable;
  font-weight: 400;
  font-feature-settings: "salt";
  line-height: 2rem;
	opacity: 0.8;


}



@media(max-width:400px){
	
.notice_li li{
position: relative;
  margin: 8px 0 0 0;
  padding: 0 0 4px 10px;
  font-size:1rem;
  color: #fff;
  font-family:Pretendard Std Variable;
  font-weight: 300;
  font-feature-settings: "salt";
  line-height: 1.5;
  word-break: keep-all;


}

}


.notice_li li::before {
 content: "";
  position: absolute;
  top: 12px;
  left: 0px;  
  width: 3px;
  height: 3px;
  background: #fff;
  opacity: 0.6;
  line-height: 2rem;

}



.brand-promotion_bg{
	width:100%;
	background: #0a0a0a;
}

.brand-promotion_01{
	width:90%;
	max-width: 1400px;
	display: flex;
	flex-direction: column;
	    margin: 0 auto;

}

.promotion_bg-01{
	width: 100%;
	margin: 0 auto;
	background: black;
}




.brand-promotion_02{
	width:100%;

	display: flex;
	flex-direction: column;
	    margin: 0 auto;
background: #26262650;
}



.promotion_01-text{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
}

@media(max-width:992px){
	.promotion_01-text {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
}
.promotion_01-text1{
	width: 35%;
}

@media(max-width:1230px){
	.promotion_01-text1{
	width: 70%;
}

}


@media(max-width:800px){
	.promotion_01-text1{
	width: 100%;
}

}

.promotion_02-text{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

@media (max-width: 1230px) {
    .promotion_02-text {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-direction: column-reverse;
        align-items: center;
    }
}

.promotion_01-text-1 {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    flex-direction: column;
}


@media (max-width: 1230px) {
    .promotion_01-text-1 {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        flex-direction: column;
        max-width: 90%;
    }
}

@media (max-width: 992px) {
    .promotion_01-text-1 {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        flex-direction: column;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .promotion_01-text-1 {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        flex-direction: column;
        max-width: 100%;
		margin-top: 2em;
    }
}



.big_txt{
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.3;
	color: white;
	margin-top: 1em;
	max-width: 800px;
}

@media(max-width:992px){
	.big_txt {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.3;
    color: white;
    margin-top: 1em;
	padding-bottom: 1em;
	max-width: 70%;
}
}

@media(max-width:600px){
	.big_txt {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.3;
    color: white;
    margin-top: 1em;
	padding-bottom: 1em;
	max-width: 98%;
}
}

.s_txt{
	font-weight: 500;
	margin-top: 7em;
}


.promotion_01-text2{
	width: 35%;
	opacity: 0.7;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 1.05rem;
}



@media(max-width:1230px){
	.promotion_01-text2 {
    width: 50%;
    opacity: 0.7;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 1.05rem;
}
}



@media(max-width:992px){
	.promotion_01-text2 {
    width: 80%;
    opacity: 0.7;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 1.05rem;
}
}



@media(max-width:600px){
	.promotion_01-text2 {
    width: 98%;
    opacity: 0.7;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 1.05rem;
}
}


.promotion_01-text3{
	width: 85%;
	opacity: 0.7;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 1.05rem;
}

@media(max-width:1230px){
	.promotion_01-text3{
	width: 100%;
	opacity: 0.7;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 1.05rem;
}
}


.event_btn-text{
	   display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}


.event_btn-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    width: 95%;
    margin: 0 auto;
    justify-content: space-between;
}


@media(max-width:600px){
	
.event_btn-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    width: 95%;
    margin: 0 auto;
    justify-content: center;
}

}

.btn_container-pd{
	
	padding:3rem 1rem 5rem 1rem;
}
.btn-list_container{
	display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 26%;
	
}

@media(max-width:992px){
	.btn-list_container{
	display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 43%;
	
}
}

@media(max-width:600px){
	.btn-list_container{
	display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 90%;
	
}
}


@media(max-width:600px){
.btn_hidden{
	display: none;
}
}


.btn_logo{
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0.4;
}

@media(max-width:992px){
	.btn_logo{
	display: none;
}
}

.btn-bg01,.btn-bg02,.btn-bg03,.btn-bg04,.btn-bg05,.btn-bg06{
	width: 100%;
	height: 100%;
	aspect-ratio:2 / 2.3;
	
}





.btn_product_name.b{
	color: black;
	font-size: 1.4rem;
	font-weight: 600;

}


.btn_product_name.w{
	color: white;
	font-size: 1.4rem;
	font-weight: 600;

}


.btn_product_info.b{
	color: black;
	font-size: 1.05rem;
	font-weight: 400;
	opacity: 0.7;

}


.btn_product_info.w{
	color: white;
	font-size: 1.05rem;
	font-weight: 400;
	opacity: 0.7;
}
.products_btn_text{
	margin: 0 auto;
}

.btn-cusor{
	cursor: pointer;
}