@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');


/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.participate_outbox{width:100%;  float:left; display: flex;  justify-content: center;  align-items: center; flex-direction: column; padding:100px 0px 0px }
	
.participate_box{width:70%;  float:left; margin-bottom:30px ; padding:50px 0px 50px 150px; border-top: 3px solid #000;  border-bottom: 1px solid #ccc; position: relative}
.participate_box .icon{width:100px; height: 100px; position: absolute; left: 20px; top: 60px; }
.participate_box .icon img{width:100px;}
	
	
.participate_box .participate_tit{ width:100%;  float:left;  font-size:16px;  color: #000; font-weight:500; font-family: 'Pretendard'; line-height: 130%; margin-bottom: 20px}
.participate_box .participate_tit em{ width:100%;  float:left;  font-size:18px;  color: #000; font-weight:700; font-family: 'Pretendard'; line-height: 100%; margin-bottom: 20px}	
	
.participate_box .participate_txt{ width:100%;  float:left;  font-size:14px;  color: #ff0000; font-weight:500; font-family: 'Pretendard'; line-height: 130%;}
	
.participate_set{width:70%;  float:left;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; gap:20px}		
.participate_btn{ width:auto;  padding:15px 30px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:5px; background-color:var(--div-color1) ; margin-top: 20px; transition: all 0.3s; margin-bottom: 30px; cursor: pointer; } 	

	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.participate_outbox{width:100%;  float:left; display: flex;  justify-content: center;  align-items: center; flex-direction: column; padding: 0px }
	
.participate_box{width:100%;  float:left; margin-bottom:10px ; padding:90px 0px 15px 0px; border-top: 3px solid #000;  border-bottom: 1px solid #ccc; position: relative}
.participate_box .icon{width:70px; height: 100px; position: absolute; left:50%; top: 20px; margin-left: -35px }
.participate_box .icon img{width:70px;}
	
	
.participate_box .participate_tit{ width:100%;  float:left;  font-size:14px;  color: #000; font-weight:500; font-family: 'Pretendard'; line-height: 130%; margin-bottom: 10px}
.participate_box .participate_tit em{ width:100%;  float:left;  font-size:15px;  color: #000; font-weight:700; font-family: 'Pretendard'; line-height: 100%; margin-bottom: 10px}	
	
.participate_box .participate_txt{ width:100%;  float:left;  font-size:12px;  color: #ff0000; font-weight:500; font-family: 'Pretendard'; line-height: 130%;}
	
.participate_set{width:100%;  float:left;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; gap:5px;font-size: 12px; }		
.participate_btn{ width:auto;  padding:10px 10px; box-sizing: border-box; color: #fff; font-size: 12px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:5px; background-color:var(--div-color1) ; margin-top: 20px; transition: all 0.3s; margin-bottom: 30px; cursor: pointer; } 	


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


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
	.participate_outbox2{width:100%;  float:left; display: flex;  justify-content: center;  align-items: center; flex-direction: column; padding:50px 0px 0px }	
	
.participate_box2{width:100%;  float:left; margin-bottom:30px ;  position: relative; display: grid; grid-template-columns:55% auto; gap:40px;	}
.participate_box2>.participate_img{
position: relative;
width: 100%;
height: 0;
overflow: hidden;
padding-bottom:55.5%; cursor: pointer;
border-radius: 30px;	

}
.participate_box2>.participate_img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; border-radius: 30px; overflow: hidden; background-color: #000;
	
}	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
	.participate_outbox2{width:100%;  float:left; display: flex;  justify-content: center;  align-items: center; flex-direction: column; padding:20px 0px 0px }	
	
.participate_box2{width:100%;  float:left; margin-bottom:10px ;  position: relative;  	}
.participate_box2>.participate_img{
position: relative;
width: 100%;
height: 0;
overflow: hidden;
padding-bottom:55.5%; cursor: pointer;
border-radius: 10px;	margin-bottom: 20px

}
.participate_box2>.participate_img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; border-radius: 30px; overflow: hidden; background-color: #000;
	
}	
	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.participate_box2>.participate_info	{width:100%;  float:left;   position: relative; background-color: #fff; border-radius: 30px; border: 1px solid #ccc; padding: 50px;margin-bottom:0px}
	
	
.participate_box2>.participate_info .participate_tit2{ width:100%;  float:left;  font-size:30px;  color: #000; font-weight:700; font-family: 'Pretendard'; line-height: 130%; margin-bottom: 20px}	
.participate_box2>.participate_info .participate_txt2{ width:100%;  float:left;  font-size:16px;  color: #666; font-weight:500; font-family: 'Pretendard'; line-height: 130%;word-wrap: break-word;word-break: keep-all; }
.participate_box2>.participate_info .participate_tit3{ width:100%;  float:left;  font-size:20px;  color: #333; font-weight:700; font-family: 'Pretendard'; line-height: 130%; margin-bottom: 20px}	

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
.participate_box2>.participate_info	{width:100%;  float:left;   position: relative; background-color: #fff; border-radius: 20px; border: 1px solid #ccc; padding:20px ;margin-bottom: 0px; margin-top: -280px}
	
	
.participate_box2>.participate_info .participate_tit2{ width:100%;  float:left;  font-size:18px;  color: #000; font-weight:700; font-family: 'Pretendard'; line-height: 130%; margin-bottom: 10px}	
.participate_box2>.participate_info .participate_txt2{ width:100%;  float:left;  font-size:13px;  color: #666; font-weight:500; font-family: 'Pretendard'; line-height: 130%;word-wrap: break-word;word-break: keep-all; }
.participate_box2>.participate_info .participate_tit3{ width:100%;  float:left;  font-size:16px;  color: #333; font-weight:700; font-family: 'Pretendard'; line-height: 130%; margin-bottom: 10px}	

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




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.participate_box2>.participate_info .Payment_box{ width:100%;  float:left; padding: 0px 10px}	
.participate_box2>.participate_info .Payment_box .Payment_tt	{ width:100%;  float:left;  font-size:17px;  color: #000; font-weight:500; font-family: 'Pretendard'; line-height: 130%; margin-bottom: 10px}
.participate_box2>.participate_info .Payment_box .Payment_info{ width:100%;  float:left;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; 	margin-bottom: 10px}	
.participate_box2>.participate_info .Payment_box .Payment_info:last-child{ width:100%;  float:left;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; 	margin-bottom:20px; border-bottom: 1px solid #000!important; padding-bottom:10px}	
	
.Payment_info .Payment_stt{width: calc(100% - 120px);  float:left;  font-size:14px;  color: #666; font-weight:500; font-family: 'Pretendard'; line-height: 130%; 	}	
.Payment_info .Payment_amount{width:100px;  float:left;  font-size:16px;  color: #000; font-weight:500; font-family: 'Pretendard'; line-height: 100%; text-align: right	}	
	
.Payment_total{ width:100%;  float:left;  display: flex;
justify-content:space-between;  align-items:flex-end; flex-direction:row; box-sizing: border-box;  border-top: 1px solid #000!important; padding-top:10px; margin-top: 10px}			
	
.Payment_total .Payment_stt2{ width:100px!important;  float:left;  font-size:20px;  color: #000; font-weight:700; font-family: 'Pretendard'; line-height: 100%; 	}	
.Payment_total .Payment_amount2{width: calc(100% - 120px);   float:left;  font-size:16px;  color: #000; font-weight:500; font-family: 'Pretendard'; line-height: 180%; text-align: right	}	
	
.Payment_total .Payment_amount2 em{font-size:20px;  color: #000; font-weight:700; font-family: 'Pretendard'; line-height: 150%; text-align: right	}		

	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.participate_box2>.participate_info .Payment_box{ width:100%;  float:left; padding: 0px 10px}	
.participate_box2>.participate_info .Payment_box .Payment_tt	{ width:100%;  float:left;  font-size:15px;  color: #000; font-weight:500; font-family: 'Pretendard'; line-height: 130%; margin-bottom: 10px}
.participate_box2>.participate_info .Payment_box .Payment_info{ width:100%;  float:left;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; 	margin-bottom: 5px}	
.participate_box2>.participate_info .Payment_box .Payment_info:last-child{ width:100%;  float:left;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; 	margin-bottom:20px; border-bottom: 1px solid #000!important; padding-bottom:10px}	
	
.Payment_info .Payment_stt{width: calc(100% - 120px);  float:left;  font-size:12px;  color: #666; font-weight:500; font-family: 'Pretendard'; line-height: 130%; 	}	
.Payment_info .Payment_amount{width:100px;  float:left;  font-size:12px;  color: #000; font-weight:500; font-family: 'Pretendard'; line-height: 100%; text-align: right	}	
	
.Payment_total{ width:100%;  float:left;  display: flex;
justify-content:space-between;  align-items:flex-end; flex-direction:row; box-sizing: border-box;  border-top: 1px solid #000!important; padding-top:10px; margin-top: 10px}			
	
.Payment_total .Payment_stt2{ width:100px!important;  float:left;  font-size:15px;  color: #000; font-weight:700; font-family: 'Pretendard'; line-height: 100%; 	}	
.Payment_total .Payment_amount2{width: calc(100% - 120px);   float:left;  font-size:15px;  color: #000; font-weight:500; font-family: 'Pretendard'; line-height: 150%; text-align: right	}	
	
.Payment_total .Payment_amount2 em{font-size:20px;  color: #000; font-weight:700; font-family: 'Pretendard'; line-height: 150%; text-align: right	}		

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


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.participate_info .participate_inwrap{ float:left; width: 100%; display: grid; grid-template-columns: 80px auto; gap:10px; padding: 0px 10px}	
	
.participate_inwrap input[type=text] {width: 100%; height:  var(--h-com); padding:  0px 10px; line-height: var(--h-com); color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #ffffff!important; border-radius: 4px !important;}
.participate_inwrap input[type=text]:hover { border: 1px solid #ccc!important;  outline: none!important}
.participate_inwrap input[type=text]:focus{width:100%; position: relative; height: var(--h-com); padding: 0px 10px; line-height:  var(--h-com);; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#fff; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.participate_inwrap input[type=text]:focus:hover {border: 1px solid #333!important;  background-color: #fff!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}
	
	.participate_info .participate_inwrap>.tt{ width:100%;  float:left;  font-size:17px;  color: #000; font-weight:500; font-family: 'Pretendard'; line-height: 100%;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; }	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.participate_info .participate_inwrap{ float:left; width: 100%; display: grid; grid-template-columns: 80px auto; gap:10px; padding: 0px 10px}	
	
.participate_inwrap input[type=text] {width: 100%; height:  var(--h-com); padding:  0px 10px; line-height: var(--h-com); color: #333; border: solid 1px #cccccc; font-size:var(--f-s1);  font-family: 'Pretendard'; font-weight:400; background-color: #ffffff!important; border-radius: 4px !important;}
.participate_inwrap input[type=text]:hover { border: 1px solid #ccc!important;  outline: none!important}
.participate_inwrap input[type=text]:focus{width:100%; position: relative; height: var(--h-com); padding: 0px 10px; line-height:  var(--h-com);; color: #333; font-size:14px; font-family: 'Pretendard'; font-weight:400;  background-color:#fff; border-radius:4px !important;  border: 1px solid #333!important; 
	position: relative; outline: none!important}
.participate_inwrap input[type=text]:focus:hover {border: 1px solid #333!important;  background-color: #fff!important;  box-shadow:1px 1px 10px rgba(24,43,255,0.1);outline: none!important}
	
	.participate_info .participate_inwrap>.tt{ width:100%;  float:left;  font-size:15px;  color: #000; font-weight:500; font-family: 'Pretendard'; line-height: 100%;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; }	
	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


	




.btn_box_r2{width:100%; float:left;   display: flex;
justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box; }	
.btn_box_r2 .Payment_btn{ width: calc(45% - 40px) ; padding:15px 30px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:5px; background-color:var(--div-color1) ;  transition: all 0.3s;  cursor: pointer; } 	
.btn_box_r2 .save_btn2{ width:auto;  padding:15px 30px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:5px; background-color:var(--div-color1) ; margin-top: 20px; transition: all 0.3s; margin-bottom: 30px; cursor: pointer; } 	
.btn_box_r2 .back_btn{ width:auto;  padding:15px 30px; box-sizing: border-box; color: #333; font-size: 16px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:5px; border: 1px solid #333; background-color:#f1f1f1 ; margin-top: 20px; transition: all 0.3s; margin-bottom: 30px; cursor: pointer; } 	
.btn_box_r2 .next_btn2{ width:auto;  padding:15px 60px 15px 20px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:5px; background-color:var(--div-color1) ; margin-top: 20px; transition: all 0.3s; margin-bottom: 30px; cursor: pointer; 
	position: relative} 	
.btn_box_r2 .next_btn2:before{content: "";   width:30px; height: 30px; background: url("../../images/svg_icon/next_icon.svg")no-repeat left top; background-size:30px; position: absolute; right:20px; top:10px; 	}	



/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.Payment_pup{ width: 100%; float: left; padding: 0px;  display: flex; justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box;  	}
	
.Payment_pup .Payment_pup_icon { width:100px; height: 100px; position: relative ;  margin-bottom: 50px ; }		
.Payment_pup .Payment_pup_icon:before{content: "";  width:100px; height: 100px; background: url("../../images/svg_icon/payment_icon.svg")no-repeat left top; background-size:100px; position: absolute; left:0px; top:0px; }
	
	
.Payment_pup .Payment_pup_tx { width: 100%; float: left;  color:#000; font-size:20px; font-weight:700; font-family: 'Pretendard';   line-height: 130%; margin-bottom: 30px; text-align: center}	
		
.Payment_pup .Payment_pup_tx3 { width: 100%; float: left;  color:#000; font-size:17px; font-weight:500; font-family: 'Pretendard';   line-height: 130%; margin-bottom: 30px; text-align: center}		
.Payment_pup .Payment_btn2{ width: auto;  padding:20px 40px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:10px; background-color: var(--div-color1); margin-top: 20px; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%); 
	margin-bottom: 30px;cursor: pointer; } 

} 
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.Payment_pup{ width: 100%; float: left; padding:20px; display: flex;  justify-content: center;  align-items: center; flex-direction: column; }	
	
.Payment_pup .Payment_pup_icon { width: 100%; float: left; height: 80px; position: relative ;  margin-bottom: 20px ; text-align: center}		
.Payment_pup .Payment_pup_icon:before{content: "";  width:80px; height: 80px; background: url("../../images/svg_icon/payment_icon.svg")no-repeat center top; background-size:80px; position: absolute; left:50%; margin-left: -40px; top:0px; }	
.Payment_pup .Payment_pup_tx { width: 100%; float: left;  color:#000; font-size:20px; font-weight:700; font-family: 'Pretendard';  margin-bottom:20px; line-height: 120%; text-align: center}		

.Payment_pup .Payment_pup_tx3 { width: 100%; float: left;  color:#000; font-size:17px; font-weight:500; font-family: 'Pretendard';   line-height: 130%; margin-bottom: 10px; text-align: center}		
.Payment_pup .Payment_btn2{ width: auto;  padding:15px 40px; box-sizing: border-box; color: #fff; font-size: 15px; font-weight:600; font-family: 'Pretendard'; position: relative ;  border-radius:10px; background-color: var(--div-color1); margin-top: 20px; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%); 
	margin-bottom: 30px;cursor: pointer; } 

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








/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.participate_outbox2{width:100%;  float:left; display: flex;  justify-content: center;  align-items: center; flex-direction: column; padding:50px 0px 0px }	
	
.participate_box3{width:100%;  float:left; margin-bottom:30px ;  position: relative; }
	
 .progress_txtboxt{width:100%;  float:left; color:#666;   line-height: 130%;  border-bottom: 1px solid #ccc ; padding: 30px 0px; border-top: 2px solid #333;  border-bottom: 1px solid #ccc ;}		
	
 .progress_tit{width:100%;  float:left; color:#000; font-size:26px; font-weight:700; font-family: 'Pretendard';   line-height: 130%; margin-bottom: 10px; }	
 .progress_txt{width:100%;  float:left; color:#666; font-size:17px; font-weight:500; font-family: 'Pretendard';   line-height: 130%;}	
	
.participate_box3 .progress_box	{width:100%;  float:left; margin-bottom:30px ; display: grid; grid-template-columns: repeat(4, 1fr); gap:0px; order-radius: 10px; padding:50px 50px;background-color: #fff; border-bottom: 1px solid #ccc ; }
.participate_box3 .progress_box>.progress_inbox	{width:100%;  float:left;display: flex;  justify-content: center;  align-items: center; flex-direction: column;position: relative}	
.participate_box3 .progress_box>.progress_inbox:before{content: "";   width:100%;  height: 1px;  float:left; position: absolute; left:50%; top: 30%;  border-bottom: 1px dashed #ccc}	
.participate_box3 .progress_box>.progress_inbox:last-child:before{content: ""; display: none}	
	
	
.participate_box3 .progress_box>.progress_inbox	 .um{width:50px; height:50px; background-color: #e6e6e6;font-family: "Plus Jakarta Sans", sans-serif;  color:  #3b3578; font-size: 18px; font-weight: 700; border-radius: 100%; margin-bottom: 10px; border: 5px solid #f6f7fa; display: flex;  justify-content: center;  align-items: center; position: relative; z-index: 99}	
.participate_box3 .progress_box>.progress_inbox	 .tx{width:100%; color: #333;  font-size: 18px; text-align: center; font-weight: 600; letter-spacing: -1px }	

	
.participate_box3 .progress_box>.progress_inbox.on	 .um{width:50px; height:50px; background-color: #3b3578;ont-family: "Plus Jakarta Sans", sans-serif;   color: #fff; border-radius: 100%; margin-bottom: 10px; border: 5px solid #f6f7fa; display: flex;  justify-content: center;  align-items: center; position: relative; z-index: 99}	
.participate_box3 .progress_box>.progress_inbox.on	 .tx{width:100%; color: #3b3578;  font-size: 18px; text-align: center; font-weight: 600; letter-spacing: -1px ; font-weight:600;}	

 .progress_cont{width:100%;  float:left;  padding: 30px 0px}		
	
	
/*.progress_inbox:first-child	{width:100%;  float:left; position: relative}		
.progress_inbox:first-child:before{content: "";  width:80px; height: 80px; background: url("../../images/svg_icon/progress_icon01_ov.svg")no-repeat left top; background-size:80px; position: absolute; left:50%; top:50%; margin-left: -40px; margin-top: -40px}	
.progress_inbox:first-child:after{content: "";   width:250px; height: 1px; background-color:#ccc;  position: absolute; right:-175px; top:0px; }	
.progress_inbox.on:first-child:before{content: "";  width:80px; height: 80px; background: url("../../images/svg_icon/progress_icon01.svg")no-repeat left top; background-size:80px; position: absolute; left:50%; top:50%; }	

.progress_inbox:nth-child(2){width:100%;  float:left; position: relative}		
.progress_inbox:nth-child(2):before{content: "";  width:80px; height: 80px; background: url("../../images/svg_icon/progress_icon02_ov.svg")no-repeat left top; background-size:80px; position: absolute; left:50%; top:50%;margin-left: -40px; margin-top: -40px}
.progress_inbox:nth-child(2):after{content: "";  width:250px; height: 1px; background-color:#ccc;  position: absolute; right:-175px; top:0px; }	
.progress_inbox.on:nth-child(2):before{content: "";  width:80px; height: 80px; background: url("../../images/svg_icon/progress_icon02.svg")no-repeat left top; background-size:80px; position: absolute; left:50%; top:50%; }
	
	
.progress_inbox:nth-child(3){width:100%;  float:left; position: relative}		
.progress_inbox:nth-child(3):before{content: "";  width:80px; height: 80px; background: url("../../images/svg_icon/progress_icon03_ov.svg")no-repeat left top; background-size:80px; position: absolute; left:50%; top:50%;margin-left: -40px; margin-top: -40px}
.progress_inbox:nth-child(3):after{content: "";  width:250px; height: 1px; background-color:#ccc;  position: absolute; right:-175px; top:0px; }	
.progress_inbox.on:nth-child(3):before{content: "";  width:80px; height: 80px; background: url("../../images/svg_icon/progress_icon03.svg")no-repeat left top; background-size:80px; position: absolute; left:50%; top:50%; }	
	
	
.progress_inbox:nth-child(4){width:100%;  float:left; position: relative}		
.progress_inbox:nth-child(4):before{content: "";  width:80px; height: 80px; background: url("../../images/svg_icon/progress_icon04_ov.svg")no-repeat left top; background-size:80px; position: absolute; left:50%; top:50%;margin-left: -40px; margin-top: -40px}
.progress_inbox.on:nth-child(4):before{content: "";  width:80px; height: 80px; background: url("../../images/svg_icon/progress_icon04.svg")no-repeat left top; background-size:80px; position: absolute; left:50%; top:50%; }	*/
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.participate_outbox2{width:100%;  float:left; display: flex;  justify-content: center;  align-items: center; flex-direction: column; padding:0px 0px 0px }	
	
.participate_box3{width:100%;  float:left; margin-bottom:30px ;  position: relative; }
	
 .progress_txtboxt{width:100%;  float:left; color:#666;   line-height: 130%;  border-bottom: 1px solid #ccc ; padding: 10px 0px; border-top: 2px solid #333;  border-bottom: 1px solid #ccc ;}		
	
 .progress_tit{width:100%;  float:left; color:#000; font-size:18px; font-weight:700; font-family: 'Pretendard';   line-height: 130%; margin-bottom: 5px; }	
 .progress_txt{width:100%;  float:left; color:#666; font-size:13px; font-weight:500; font-family: 'Pretendard';   line-height: 130%;}	
	
.participate_box3 .progress_box	{width:100%;  float:left; margin-bottom:30px ; display: grid; grid-template-columns: repeat(4, 1fr); gap:0px; order-radius: 10px; padding:20px 5px;background-color: #fff; border-bottom: 1px solid #ccc ; }
.participate_box3 .progress_box>.progress_inbox	{width:100%;  float:left;display: flex;  justify-content: center;  align-items: center; flex-direction: column;position: relative}	
.participate_box3 .progress_box>.progress_inbox:before{content: "";   width:100%;  height: 1px;  float:left; position: absolute; left:50%; top: 30%;  border-bottom: 1px dashed #ccc}	
.participate_box3 .progress_box>.progress_inbox:last-child:before{content: ""; display: none}	
	
	
.participate_box3 .progress_box>.progress_inbox	 .um{width:50px; height:50px; background-color: #e6e6e6;font-family: "Plus Jakarta Sans", sans-serif;  color:  #3b3578; font-size: 14px; font-weight: 700; border-radius: 100%; margin-bottom: 10px; border: 5px solid #f6f7fa; display: flex;  justify-content: center;  align-items: center; position: relative; z-index: 99}	
.participate_box3 .progress_box>.progress_inbox	 .tx{width:100%; color: #333;  font-size: 13px; text-align: center; font-weight: 600; letter-spacing: -1px }	

	
.participate_box3 .progress_box>.progress_inbox.on	 .um{width:50px; height:50px; background-color: #3b3578;ont-family: "Plus Jakarta Sans", sans-serif;   color: #fff; border-radius: 100%; margin-bottom: 10px; border: 5px solid #f6f7fa; display: flex;  justify-content: center;  align-items: center; position: relative; z-index: 99}	
.participate_box3 .progress_box>.progress_inbox.on	 .tx{width:100%; color: #3b3578;  font-size: 13px; text-align: center; font-weight: 600; letter-spacing: -1px ; font-weight:600;}	

 .progress_cont{width:100%;  float:left;  padding: 30px 0px}		
	


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







/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.progress_info{width:100%;  float:left;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; }	


.progress_info .progress_info_tx{width:50%;  float:left;  color:#000; font-size:20px; font-weight:700; font-family: 'Pretendard';   line-height: 100%;  }
.progress_info .progress_info_tx2 {width:50%;  float:left;  color:#666; font-size:14px; font-weight:500; font-family: 'Pretendard';   line-height: 150%;  }
.progress_info .progress_info_tx2 em{ color:#333; font-size:17px; font-weight:500; font-family: 'Pretendard';   line-height: 150%;  }	
	
.progress_info_tt{width:100%;  float:left;  color:#000; font-size:20px; font-weight:700; font-family: 'Pretendard';   line-height: 100%; margin-bottom: 20px }	
	
 .check_btn3 { width: auto; height:var(--h-com)!important; line-height: var(--h-com)!important; float:left; padding:0px 50px 0px 30px; box-sizing: border-box; color: #fff; font-size: 14px; font-weight:500; font-family: 'Pretendard'; position: relative ;  border-radius: 50px; background-color:#000; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);cursor: pointer} 
 .check_btn3:before{content: "";   width:30px; height:30px; background: url("../../images/svg_icon/check_icon.svg")no-repeat left top; background-size:20px; position: absolute; right:4px; top:12px; }		


.check_btn3:hover { width:auto; height:var(--h-com)!important; line-height: var(--h-com)!important; float:left; padding:0px 50px 0px 30px; box-sizing: border-box; color: #fff; font-size: 14px; font-weight:500; font-family: 'Pretendard'; position: relative ;  border-radius: 50px; background-color:var(--div-color1); transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%); cursor: pointer} 
 .check_btn3:hover:before{content: "";   width:30px; height:30px; background: url("../../images/svg_icon/check_icon.svg")no-repeat left top; background-size:20px; position: absolute; right:4px; top:12px; }		

 .check_btn3.view { width:auto; height:var(--h-com)!important; line-height: var(--h-com)!important; float:left; padding:0px 50px 0px 30px; box-sizing: border-box; color: #fff; font-size: 14px; font-weight:500; font-family: 'Pretendard'; position: relative ;  border-radius: 50px; background-color:var(--div-color1); transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%); cursor: pointer} 
.check_btn3.view:before{content: "";   width:30px; height:30px; background: url("../../images/svg_icon/check_icon.svg")no-repeat left top; background-size:20px; position: absolute; right:4px; top:12px; }		
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.progress_info{width:100%;  float:left;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; }	


.progress_info .progress_info_tx{width:50%;  float:left;  color:#000; font-size:17px; font-weight:700; font-family: 'Pretendard';   line-height: 100%;  }
.progress_info .progress_info_tx2 {width:50%;  float:left;  color:#666; font-size:12px; font-weight:500; font-family: 'Pretendard';   line-height: 150%;  }
.progress_info .progress_info_tx2 em{ color:#333; font-size:13px; font-weight:500; font-family: 'Pretendard';   line-height: 150%;  }	
	
.progress_info_tt{width:100%;  float:left;  color:#000; font-size:20px; font-weight:700; font-family: 'Pretendard';   line-height: 100%; margin-bottom:10px }	
	
 .check_btn3 { width: auto; height:var(--h-com)!important; line-height: var(--h-com)!important; float:left; padding:0px 40px 0px 10px; box-sizing: border-box; color: #fff; font-size: 12px; font-weight:500; font-family: 'Pretendard'; position: relative ;  border-radius: 30px; background-color:#000; transition: all 0.3s; box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);cursor: pointer} 
 .check_btn3:before{content: "";   width:20px; height:20px; background: url("../../images/svg_icon/check_icon.svg")no-repeat left top; background-size:15px; position: absolute; right:5px; top:10px;}		




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









/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.Payment_popbox{ width: 100%; float: left; padding:  50px; }
.Payment_popbox .Payment_pop_tit{ width: 100%; float: left;  color:#000; font-size:20px; font-weight:700; font-family: 'Pretendard'; margin-bottom:20px; line-height: 100%}	
	
.Payment_pop_detail { width: 100%; float: left;  padding: 40px; border: 1px solid rgba(229,229,229,1.00); position: relative; background-color: #f7f7f7; border-radius: 10px;
display: grid; grid-template-columns: 1fr 3.5fr; gap:40px; margin-bottom: 10px}	
.Payment_pop_detail> div:first-child{ width:100%; float: left; border-right: 1px solid #333; display: flex;
  justify-content: center;  align-items: center; flex-direction:column; box-sizing: border-box}		

.Payment_pop_detail> div:first-child .pop_detail_b2{ width:100%; float: left;   font-size:20px; font-weight:700; font-family: 'Pretendard'; color: #ff0000;  margin-bottom: 10px;}	
.Payment_pop_detail> div:first-child .pop_detail_b2_2{ width:100%; float: left;   font-size:20px; font-weight:700; font-family: 'Pretendard'; color: var(--div-color1);  margin-bottom: 10px;}		
	
.Payment_pop_detail> div:first-child .pop_detail_s2{ width:100%; float: left;  font-size: 14px;  font-weight:500; font-family: 'Pretendard'; color: #666 }		
	
.Payment_pop_detail>div:last-child{ width:100%; float: left; }
	
.Payment_pop_detail>div:last-child .pop_detail_s3 { width:100%; float: left; font-size: 17px; font-weight:700; font-family: 'Pretendard';color: #000; line-height: 130%; margin-bottom: 10px;}	
.Payment_pop_detail>div:last-child .pop_detail_s4{ width:100%; float: left; font-size: 16px; font-weight:500; font-family: 'Pretendard';;color: #333; line-height: 130%; margin-bottom: 20px;}

	
.Payment_pop_detail>div:last-child .pop_detail_in{ width:100%; float: left;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; gap:20px; }	
.Payment_pop_detail>div:last-child .pop_detail_in .pop_detail_s5{ width:auto; float: left; font-size: 16px; font-weight:500; font-family: 'Pretendard';;color: #333; line-height: 130%; }	
.Payment_pop_detail>div:last-child .pop_detail_in .pop_detail_s5 em{  font-size: 16px; font-weight:700; font-family: 'Pretendard';color: #000; line-height: 130%; padding-right: 10px}
	


.Payment_pop_detail2 { width: 100%; float: left;  padding: 40px; border: 1px solid rgba(229,229,229,1.00); position: relative; background-color: #f7f7f7; border-radius: 10px;
margin-bottom: 10px}		
.Payment_pop_detail2 .pop_detail_s3 { width:100%; float: left; font-size: 17px; font-weight:700; font-family: 'Pretendard';color: #000; line-height: 130%; margin-bottom: 10px;}	
.Payment_pop_detail2 .pop_detail_s4{ width:100%; float: left; font-size: 16px; font-weight:500; font-family: 'Pretendard';;color: #333; line-height: 130%; margin-bottom: 20px;}

	
.Payment_pop_detail2 .pop_detail_in{ width:100%; float: left;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; gap:20px; }	
.Payment_pop_detail2 .pop_detail_in .pop_detail_s5{ width:auto; float: left; font-size: 16px; font-weight:500; font-family: 'Pretendard';;color: #333; line-height: 130%; }	
.Payment_pop_detail2 .pop_detail_in .pop_detail_s5 em{  font-size: 16px; font-weight:700; font-family: 'Pretendard';color: #000; line-height: 130%; padding-right: 10px}		
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.Payment_popbox{ width: 100%; float: left; padding:  50px; }
.Payment_popbox .Payment_pop_tit{ width: 100%; float: left;  color:#000; font-size:20px; font-weight:700; font-family: 'Pretendard'; margin-bottom: 10px; line-height: 100%}	
	
.Payment_pop_detail { width: 100%; float: left;  padding:20px 20px 10px; border: 1px solid rgba(229,229,229,1.00); position: relative; background-color: #f7f7f7; border-radius: 10px;
display: grid; grid-template-columns: 100%; gap:10px;}	
.Payment_pop_detail> div:first-child{ width:100%; float: left; border-bottom: 1px  dashed #666; display: flex;
  justify-content: center;  align-items: center; flex-direction:column; box-sizing: border-box}		

.Payment_pop_detail> div:first-child .pop_detail_b2{ width:100%; float: left;  font-size: 18px; font-family: 'NanumSquareAceb';  margin-bottom: 10px;}	
.Payment_pop_detail> div:first-child .pop_detail_s2{ width:100%; float: left;  font-size: 11px; font-family: 'NanumSquareAcb'; color: #666; margin-bottom: 20px;}		
	
.Payment_pop_detail>div:last-child{ width:100%; float: left; display: grid; grid-template-columns:100%;padding: 0px;}
	
	
.Payment_pop_detail>div:last-child .pop_detail_s3{ width:100%; float: left; font-size: 13px; font-family: 'NanumSquareAcr';color: #333; line-height: 200%; }	
.Payment_pop_detail>div:last-child .pop_detail_s3 a{  font-size: 13px; font-family: 'NanumSquareAcr';color: #333; line-height: 140%}
.Payment_pop_detail>div:last-child .pop_detail_s3 em{  font-size: 13px; font-family: 'NanumSquareAcb';color: #000; line-height: 140%; padding-right: 10px}		
	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/