.msi-bg01{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402100701_01315e535d5245f4f0b0e2810297883a_hqh3.jpg)no-repeat;
	background-position: center top;
	background-size: contain;
	width: 100%;
	height: auto;
	display: flex;
    flex-direction: column;
    align-items: center;
	
}

@media(max-width:1300px){
	.msi-bg01{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402100701_01315e535d5245f4f0b0e2810297883a_hqh3.jpg)no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: auto;
	display: flex;
    flex-direction: column;
    align-items: center;
	
}
}

@media(max-width:700px){
	.msi-bg01{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402154219_1e45ce8d2b6c064dc0a2e190f1809406_ojfi.jpg)no-repeat;
	background-position: center top;
	background-size: contain;
	width: 100%;
	height: auto;
	display: flex;
    flex-direction: column;
    align-items: center;
	
}
}

.msi-title-container{
	width: 90%;
	max-width: 1400px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 0 auto;
}


.msi-card {
  display: inline-block;
  color: white;
  transition: transform 0.3s;
  transform: perspective(300px) rotateY(0deg);
	 -webkit-animation: 1s text-trans forwards ease;
    animation: 0.7s text-trans forwards ease;
}






@-webkit-keyframes text-trans {
  0%{
  
             transform: perspective(900px) rotateX(90deg);
  }
  100% {
 
            transform: perspective(900px) rotateX(0deg);
  }
}

.msi-img-ani{
	 display: inline-block;


	animation: 1.5s msi-img forwards;
}



@-webkit-keyframes msi-img {
 
	
	
	  0% {
 filter: none;
            
  }
		
	  10% {
 filter: none;
            
  }
	
	15%{
  
             filter: invert()
  }
	
	  20% {
 filter: none;
            
  }
	
		25%{
  
             filter: invert()
  }
		30%{
  
             filter: none()
  }
	
	
  31% {
 filter: none;
            
  }
	
  70% {
 filter: none;
            
  }
	
		75%{
  
             filter: none()
  }

	
  100% {
 filter: none;
            
  }
}

.msi-logo{
	width: 100%;
	margin-top: 2rem;
	text-align: left;
}


.msi-logo>img{
	max-width: 180px !important;
}

@media(max-width:600px){
	.msi-logo>img{
	max-width: 120px !important;
}


}









.msi-qr-ani {
  display: inline-block;
  transition: transform 1s;
  transform: perspective(300px) rotateY(0deg);
	 -webkit-animation: 2s msi-qr forwards linear;
    animation: 2s msi-qr infinite linear;
}






@-webkit-keyframes msi-qr {
  0%{
  
             transform:translateY(-20px);
  }
	
	 50%{
  
             transform:translateY(0);
  }
	
	 100%{
  
             transform:translateY(-20px);
  }
}






.msi-title-img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402101722_01315e535d5245f4f0b0e2810297883a_z07e.png)no-repeat;
	width: 100%;
	max-width:1095px;
	aspect-ratio:1095 / 344;
	background-size: contain;
	background-position: center;
	
}



@media(max-width:800px){
	
.msi-title-img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402101723_01315e535d5245f4f0b0e2810297883a_1sjo.png)no-repeat;
	width: 90%;
	aspect-ratio:640 / 580;
	background-size: contain;
	background-position: center;
	margin-top: -3rem;
	
}
}

.msi-products-img{
	background:url(https://cdn.icoda.co.kr/asset/editor/202604/20260402102210_01315e535d5245f4f0b0e2810297883a_wdfo.png)no-repeat;
	background-size: contain;
	background-position: center top;
	aspect-ratio:878/466;
	width: 85%;
	max-width: 878px;
	height: auto;
}



.msi-notice-bg{
	background: #180058;
	width: 100%;
	
}


.mis-event-info{
	width: 90%;
	max-width: 1400px;
	height: auto;
	position: relative;
	z-index: 999;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin-top: -5%;
	border-radius: 2rem;
	background: white;
	
}

@media(max-width:600px){
	

.mis-event-info{
	width: 90%;
	max-width: 1400px;
	height: auto;
	position: relative;
	z-index: 999;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin-top: -15%;
	border-radius: 2rem;
	background: white;
	
}


}

.msi-info-text-con{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 85%;
	margin: 0 auto;
	padding-bottom: 2rem;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 2rem;
	
}


.msi-info-title{
	font-size:1.7rem;
	font-weight: 700;
	color: black;
	opacity: 0.9;
	text-align: left;

	margin-bottom: 1rem;
}



.msi-info-text{
	font-size: 1.3rem;
	font-weight: 500;
	color: black;
	opacity: 0.9;
	text-align: left;


}

@media(max-width:600px){
	
.msi-info-text-con{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 80%;
	margin: 0 auto;
	
}

.msi-info-title{
	font-size:1.5rem;
	font-weight: 700;
	color: black;
	opacity: 0.9;
	text-align: left;
	margin-bottom: 1rem;
}



.msi-info-text{
	font-size: 1.2rem;
	font-weight: 500;
	color: black;
	opacity: 0.9;
	text-align: left;


}
}

.info-msi-container{
	display: flex;
	flex-wrap: wrap;
	flex-direction:column;
}
.info-msi-container2{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	padding-bottom: 2rem;
	
}
.info-msi-container3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}


.msi-mag{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402110310_01315e535d5245f4f0b0e2810297883a_gtnx.png)no-repeat;
	width: 35px;
	aspect-ratio:329/288;
	height: auto;
	background-size: contain;
	margin-right: 1rem;
}


.msi-mpg{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402110310_01315e535d5245f4f0b0e2810297883a_djnp.png)no-repeat;
	width: 35px;
	aspect-ratio:88/83;
	height: auto;
	background-size: contain;
	margin-right: 1rem;
}

.info-msi-right{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin-left: 3.2rem;
	width:80%;
}

@media(max-width:600px){
	.info-msi-right{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin-left: 0rem;
		margin-top: 1rem;
		width: 100%;
}
}

.right-l{
	font-weight:500;
	opacity: 0.8;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 48%;
	margin-right: 1rem;

}


.right-r{
	font-weight:500;
	opacity: 0.8;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 48%;


}

@media(max-width:750px){
	
.right-l{
	font-weight:500;
	opacity: 0.8;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 100%;
}


.right-r{
	font-weight:500;
	opacity: 0.8;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 100%;

}
}
.right-r>section,
.right-l>section{
	margin-bottom: 0.6rem;
}


@media(max-width:600px){
	
.msi-mag{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402110310_01315e535d5245f4f0b0e2810297883a_gtnx.png)no-repeat;
	width: 35px;
	aspect-ratio:329/288;
	height: auto;
	background-size: contain;
	margin-right: 1rem;
	margin-bottom: 0.6rem;
}


.msi-mpg{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402110310_01315e535d5245f4f0b0e2810297883a_djnp.png)no-repeat;
	width: 35px;
	aspect-ratio:88/83;
	height: auto;
	background-size: contain;
	margin-right: 1rem;
	margin-bottom: 0.6rem;
}

}
@media(max-width:600px){
.meg-mpg-text{
	font-size: 1.5rem;
	}}

.msi-info-s{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}


@media(max-width:600px){
	
.msi-info-s{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
}
}
.msi-info-logo{
	width: 170px;
	display: flex;
}

@media(max-width:992px){
	
.msi-info-logo{
	width: 100%;
	display: flex;
	margin-bottom: 1rem;

}
}


@media(max-width:600px){
	
.msi-info-logo{
	width: 100%;
	display: flex;
	margin-bottom: 0rem;

}
}

.n-pay-img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402132519_01315e535d5245f4f0b0e2810297883a_ev9p.png)no-repeat;
	background-size: contain;
	aspect-ratio:319/205;
	width:70%;
	max-width: 250px;
	margin: -2rem 2rem 2rem 2rem;
}
@media(max-width:1150px){
	.n-pay-img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402132519_01315e535d5245f4f0b0e2810297883a_ev9p.png)no-repeat;
	background-size: contain;
	aspect-ratio:319/205;
	width:70%;
	max-width: 250px;
	margin: 2rem auto 0 auto;
		
}

}





@media(max-width:600px){
	.n-pay-img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402132519_01315e535d5245f4f0b0e2810297883a_ev9p.png)no-repeat;
	background-size: contain;
	aspect-ratio:319/205;
	width:80%;
	max-width: 250px;
	margin: 3rem auto 2rem auto;
		
}

}


.event-gift-info{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	width: 100%;
}


.npay-text{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}





.msi-qr-img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402133742_01315e535d5245f4f0b0e2810297883a_8pjm.jpg)no-repeat;
	background-size: contain;
	aspect-ratio:191/230;
	width:70%;
	max-width: 160px;
	margin: 2rem;
	cursor: pointer;
}
@media(max-width:1150px){
	.msi-qr-img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402133742_01315e535d5245f4f0b0e2810297883a_8pjm.jpg)no-repeat;
	background-size: contain;
	aspect-ratio:191/230;
	width:70%;
	max-width: 160px;
	margin: 2rem auto 0 auto;
		cursor: pointer;
		
}

}
.msi-qr-img:hover{
	filter: invert()
}




@media(max-width:600px){
	.msi-qr-img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202604/20260402133742_01315e535d5245f4f0b0e2810297883a_8pjm.jpg)no-repeat;
	background-size: contain;
	aspect-ratio:191/230;
	width:80%;
	max-width: 190px;
	margin: 3rem auto 2rem auto;
		
}

}




















.msi_li_b{

  margin:0;
  padding:0;
 

	
}



.msi_li_b li{
position: relative;
  padding: 0 0 8px 0.2rem;
  font-size:1.3rem;
  color: #000;
  font-family:Pretendard Std Variable;
  font-weight: 400;
  font-feature-settings: "salt";
  line-height: 2rem;
	opacity: 0.8;
	word-break: keep-all;
	margin-left: 1.4rem;
	 list-style-type : decimal;

	



}


@media(max-width:400px){
	
.msi_li_b li{
position: relative;
  margin: 8px 0 0 1rem;
  padding: 0 0 4px 4px;
  font-size:1.3rem;
  color: #000;
  font-family:Pretendard Std Variable;
  font-weight: 500;
  font-feature-settings: "salt";
  line-height: 1.5;
  word-break: keep-all;
	list-style-type : decimal ;


}

}
