.barcode_popup {
			position: fixed;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.60);
			z-index: 99999;
		}
		.barcode_area_wrap {
			position: absolute;
			left: 40%;
			top:30%;
		}
		.barcode_area {
			width: 400px;
			height: 316px;
			position: relative;			
			border-radius: 20px;
			background: #FFF;
			padding: 57px 50px 47px;
		}
		.bara_info {
			display: flex;
			flex-direction: column;	
			gap:12px;
		}
		.bara_info h4{
			color: #17222B;
			text-align: center;
			font-size: 20px;
			font-style: normal;
			font-weight: 900;
			line-height: 140%; /* 28px */	
		}
		.bara_info span{
			color: rgba(23, 34, 43, 0.50);
			text-align: center;
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 148%; /* 19.24px */
		}
		.bara_info .barcode_img{
			display: flex;
			flex-direction: row;
			justify-content: space-around;
			margin-top: 12px;
		}
		.bara_info .barcode_img div.bar_and{
			display: flex;
			flex-direction: column;		
			gap:8px;
		}
		.bara_info .barcode_img div.bar_and .and_img{
				width: 100px;
				height: 100px;
			border: 1px solid #D9D9D9;
			padding: 10px;
		}
		.bara_info .barcode_img div.bar_and span {			
				color: #1C2333;
				text-align: center;
				font-size: 16px;
				font-style: normal;
				font-weight: 600;
				line-height: 140%; /* 21px */
				
		}
		.bara_info .barcode_img div.bar_ios{
			display: flex;
			flex-direction: column;				
		}
		.barcode_close {
			position: absolute;
			top: -16px;
			right: 20px;
			cursor: pointer;
		}