@font-face{
font-family: 'NanumHumanheavy';
font-family: 'NanumHumanEB';
font-family: 'NanumHumanbold';
font-family: 'NanumHuman';
font-family: 'NanumHumanlight';
font-family: 'NanumHumanEL';
	}
/*글씨*/

		.event_main_title-txt{
			font-size: clamp(2.2rem, 5vw, 55px);
			word-break: keep-all;
			line-height: 1.3;
			font-family: NanumHumanheavy;	
			color: #FFFFFF;
			padding-top: 1.2rem;
			max-width: 900px;
			
			padding-bottom: 4%;
	}

		
		.event_randing_title-txt{
			font-size: calc(1.2rem + 0.9vw);
			word-break: keep-all;
			line-height: 1.5;
			font-family: NanumHumanEB;
		}		


		.event_randing_text-sub{
			font-size: 1.25rem;
			word-break: keep-all;
			line-height: 1.5;
			font-family: NanumHuman;
			padding-top: 1rem;
		}

		

		
		
		.event_randing_title-txt{
			font-size: calc(1.9rem + 0.5vw);
			word-break: keep-all;
			line-height: 1.5;
			font-family: NanumHumanEB;
		}		



	


.event_info-txt-sub-st2{
	max-width: 400px;
	text-align: left;
	line-height: 1.5;
	color: #626262;
	
}
	

.event_info-txt-sub-st3{
	
	
	text-align: left;
	line-height: 2;
	font-size: 85%; 
	color: #7B7B7B;

	
	
}



.txt-bg-b{
	background: #212121;
	color: #ffffff;
}



/*배경 영역*/

.title-align1{
	
	padding-left: 8%;
	max-width: 600px;
}
	

@media(max-width:1000px){
	.title-align1{
	
	padding: 5%;
	max-width: 500px;
		flex-wrap: wrap;
		align-items: center;
		text-align: center;
	
}
	
}

		.event_randing-all{
			display: flex;
			
			
			
			
		}


		
		.event_main-top_bg{
			display:flex;
			justify-content: space-between;
			max-width: 1230px;
			height: auto;
			margin: 0 auto;
			border-radius: 2rem;
			padding-top: 4%;
			padding-bottom: 3%;
			align-items: center;
			
			
		}
		

@media(max-width:1000px){
	
			.event_main-top_bg{
			display:flex;
		   flex-wrap: wrap;
			max-width: 1230px;
			height: auto;
			margin: 0 auto;
			border-radius: 2rem;
			padding-right: 0;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
			padding-top: 4%;
			padding-bottom: 8%;
			justify-content:center;
				align-items: center;
			
			
		}
		
}


		.color_gift{
			background: linear-gradient(#18d3c0, #0fa3b1); 		
		}
		
		.color_raffle{
			background: linear-gradient(#1395fa,#1354fa);		
		}		
		
		.color_review{
			background: linear-gradient(#facc13, #ff690b);		
		}
		
		.color_sale{
			background: linear-gradient(#ff7449, #ff2142);		
		}	
		
		
		

		
		.event_gift1_bg-area{
			max-width: 37rem;
			max-height: 20rem;
			border-radius: 2rem;
			background: #f5f5fa;
			margin: 0 auto;
			margin-bottom: 2rem;
			
			
	
		
			
		
		}
		
		.event_gift2_bg-area1{
			display: flex;
			flex-wrap: wrap;
			margin: 0 auto;
			
		
		
       }
	.event_gift2_bg-area2{
			max-width: 400px;
			flex-wrap: wrap;
			margin: 0 auto;
		
       }






		.event_gift3_bg-area{
			background: #f5f5fa;
			width: 100%;

       }



		.event_notice_bg-area{
			background: #f4f6fa;
			width: 100%;
			height: auto;
			display: flex;
			flex-wrap: wrap;
		    padding-top: 60px;

       }


        
/*상단내용*/



.event_main-logo{
	padding-bottom: 5%;
	padding-top: 8%;
}
@media(max-width:600px){
	.event_main-logo{
	padding-bottom: 1.5%;
	padding-top: 70px;
}

}

.top-subtext-area{
	
	text-align: left;
	max-width: 400px;
	
	padding-bottom: 11%;
}

@media(max-width:1000px){
	
	.top-subtext-area{
	align-items: center;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 9%;
	padding-left: 5%;
	padding-right: 5%;
}

}




@media(min-width:1000px){
.top-img-area{
	width: 100%;
	max-width: 550px;
  
	padding-right: 55px;

	}

	
}
	

@media(max-width:900px){
	.top-img-area{
	width: 100%;
	max-width: 500px;
    padding-top: 3rem;

	margin: 0 auto;

	
}
	
}



		/*이벤트설명 내용*/




.event-gift-btn{
	
margin: 0 auto;
margin-top: 40px;
	margin-bottom: 8%;
	    text-align: center;
		background: #2e2f2f;
		font-size: calc(0.8rem + 0.5vw);
		font-family: "NanumHumanEB";
		color: #ffffff;
	border-radius: 50px;
      padding: 25px;
	max-width: 310px;
	height: auto;
	cursor : pointer;
	display: flex;
	justify-content: center;
		
	
	
}

@media(max-width:600px){
	
.event-gift-btn{
	
margin: 0 auto;
margin-top: 40px;
	margin-bottom: 60px;
	    text-align: center;
		background: #2e2f2f;
		font-size: calc(0.8rem + 0.5vw);
		font-family: "NanumHumanEB";
		color: #ffffff;
	border-radius: 50px;
      padding: 25px;
	max-width: 310px;
	height: auto;
	cursor : pointer;
		
	
	
}
	
}

.hr-event {
    background:#C5C5C5;
    height:1px;
	max-width: 1230px;

    border:0;
	margin: 0 auto;
}

.hr-align{
	
	border: none;
	height: 0px;
	margin-block-start: 0.15em;
	margin-block-end: 0.2em;
	opacity: 0;
}




/*pc*/

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


	.event_info-sub_bg{
	    max-width: 700px;
		display: table;
		table-layout: fixed;
		padding: 2rem;
	    margin: 0 auto;
		}
		


	.event_info-sub_area-tr{
	
		
    	display:  table-row;      

}

.event_info-sub_area-left{
	
		display:table-cell;
	 width: 100px;
	align-content: flex-start;
	min-width: 100px;
	padding-top: 1.5rem;

}


.event_info-sub_area-inner-right{
	
		display:table-cell;
	align-content: flex-start;
	padding-top: 1.5rem;
}
.event_info-sub_area-inner-qr{
	display:table-cell;
	align-content: flex-start;
	align-content: center;

}

.img-qr{
	border-radius: 1rem;
	padding: 0.5rem;
	background: #E4E4E4;
	max-width: 150px;
	height: auto;
}

/*mobile*/


@media(min-width : 600px ){
	.event-hide-desktop{
		display:none;
	}
		
	}
	


.M-event_info-sub_bg{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		padding: 1rem;
		margin: 0 auto;
	
}




.hr-info{
	max-width: 40px;
	margin-left: 0;
	background: #151515;
    height:2px;
	border:0;
	margin-top: 1px;
	
}




.randing-align{  
	
	justify-content: center;
	flex-direction: column;
	text-align: center;
	max-width: 900px;
	padding-top: 3rem;
	margin: 0 auto;
	
}


.mobile-section-align{
	
	padding-top: 1rem;
}


.mobile-section-align2{
	
	padding-top: 1.5rem;
}
/*제품홍보*/




.event-arrow {
    position: relative;
	padding-bottom: 10%;

}


.event-arrow::after {
    position: absolute;
  top: 0;
    content: '';
    width: 15px; /* 사이즈 */
    height: 15px; /* 사이즈 */
    border-top: 2px solid #212121; /* 선 두께 */
    border-right: 2px solid #212121; /* 선 두께 */
    transform: rotate(135deg); /* 각도 */

	
}



.event-product-promotion{
	
	
	width: 100%;
	max-width: 1230px;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	height: auto;
	
	line-height: 0;
}
.img-event-product-promotion{
	
	width: 100%;
	max-width: 1230px;
}

/*주의사항*/


.notice-txt{
	padding-bottom: 1rem;
	
}


.notice-area{
  width : 900px;
  height : auto;
	padding-bottom: 7%;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	margin: 0 auto;

}


@media(max-width:600px){
	
.notice-area{
  width : 900px;
  height : auto;
	padding-bottom: 50px;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	margin: 0 auto;

}
}


.promotion_space{
	padding-bottom: 13%;
}



@media(max-width:600px){

.promotion_space{
	padding-bottom: 150px;
}


}

	.img-move{
			
			animation: img-move 5s linear infinite;
		}
		@keyframes img-move{
			0%{
				transform: translateY(0);
			}
			25%{
				transform: translateY(-20px);
			}
			50%{
				transform: translateY(0);
			}
			75%{
				transform: translateY(-20px);
			}
			
			100%{
				transform: translateY(0);
			}
			
		}