.edit_here
{
	/* TODO:edit here */

}

.bg_style
{
	width: 100% !important;
	height: 61vh !important;
	padding: 3vh 5vw !important;
}

@media screen and (max-width: 1112px)
{
	.bg_style
	{
		height: 580px !important;
		padding: 11vh 5vw 0 5vw !important;
	}
}

@media screen and (max-width: 833px)
{
	.bg_style
	{
		height: 580px !important;
		padding: 11vh 5vw 8vh 5vw !important;
	}
}

@media screen and (max-width: 612px)
{
	.bg_style
	{
		height: 580px !important;
		padding: 11vh 5vw 8vh 5vw !important;
	}
}

@media screen and (max-width: 573px)
{
	.bg_style
	{
		height: 457px !important;
		padding: 11vh 5vw 0 5vw !important;
	}
}

.into_bg
{
	width: 217px !important;
	height: 52px !important;
	position: relative !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	background-color: black !important;
	border-radius: 100px !important;
}

.into_bg_L
{
	width: 99px !important;
	height: 36px !important;
	font-size: 24px !important;
	line-height: 36px !important;
}
.into_bg_R
{
	width: 99px !important;
	height: 36px !important;
	font-size: 24px !important;
	line-height: 36px !important;
}

@media screen and (max-width: 1024px)
{
	.into_bg
	{
		width: 172px !important;
		height: 40px !important;
		transform: translateX(16%) !important;
	}
	.into_bg_L
	{
		width: 78px !important;
		height: 26px !important;
		font-size: 18px !important;
		line-height: 26px !important;
	}
	.into_bg_R
	{
		width: 78px !important;
		height: 26px !important;
		font-size: 18px !important;
		line-height: 26px !important;
	}
}

@media screen and (max-width: 750px)
{
	.into_bg
	{
		width: 172px !important;
		height: 40px !important;
		transform: translateX(16%) !important;
	}
	.into_bg_L
	{
		width: 78px !important;
		height: 26px !important;
		font-size: 17px !important;
		line-height: 26px !important;
	}
	.into_bg_R
	{
		width: 78px !important;
		height: 26px !important;
		font-size: 17px !important;
		line-height: 26px !important;
	}
}

@media screen and (max-width: 500px)
{
	.into_bg
	{
		width: 141px !important;
		height: 37px !important;
		transform: translateX(16%) !important;
	}
	.into_bg_L
	{
		width: 63px !important;
		height: 23px !important;
		font-size: 13px !important;
		line-height: 23px !important;
	}
	.into_bg_R
	{
		width: 63px !important;
		height: 23px !important;
		font-size: 13px !important;
		line-height: 23px !important;
	}
}

.into_h2
{
	font-size: 72px !important;
	font-weight: 600 !important;
	color: black !important;
	max-width: 1100px !important;
	display: block !important;
	margin: 40px auto !important;
}

@media screen and (max-width: 1024px)
{
	.into_h2
	{
		font-size: 54px !important;
		max-width: 800px !important;
	}
}

@media screen and (max-width: 750px)
{
	.into_h2
	{
		font-size: 36px !important;
		max-width: 500px !important;
	}
}

.overView_L_bg
{
	position: relative !important;
	width: 45% !important;
	height: 100% !important;
}

@media screen and (max-width: 780px)
{
	.overView_L_bg
	{
		margin: 0 auto !important;
		width: 100% !important;
	}
}

@media screen and (max-width: 573px)
{
	.overView_L_bg
	{
		max-width: 400px !important;
	}
}

/* 오른쪽 view */
.overView_R_bg
{
	position: relative !important;
	width: 55% !important;
	height: 100% !important;
	padding-top: 73.6px !important;
}
/* 오른쪽 view안에 있는 눈에 안보이는 view*/
.overView_R_bg_view
{
	position: relative !important;
	display: block !important;
	background-color: #ffffff !important;
	border-radius: 60px !important;
	height: auto !important;
	padding: 40px !important;
	margin-bottom: 16.7px !important;
}

/* ITFIN's Core Competenes 문구 */
.overView_R_bg_view_h2
{
	width: auto !important;
	height: auto !important;
	position: relative !important;
	display: block !important;
	font-size: 32px !important;
	font-weight: 700 !important;
	margin-bottom: 30px !important;
}

/* 4개 content를 담고 있는 view */
.overView_R_bg_view_view
{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
}

/* 4개 중 위에 있는 2개를 담는 view */
.overView_R_bg_view_view_top
{
	width: 100% !important;
	height: 140px !important;
	position: relative !important;
	display: flex !important;
	margin-bottom: 20px !important;
	gap: 20px !important;
}

/* 4개 중 아래 있는 2개를 담는 view */
.overView_R_bg_view_view_bottom
{
	width: 100% !important;
	height: 140px !important;
	position: relative !important;
	display: flex !important;
	gap: 20px !important;
}

/* 4개의 content */
.overView_R_bg_view_view_cont
{
	background-color: #f4f1fa !important;
	border-radius: 30px !important;
	padding: 16px !important;
}

/* 4개의 content에서 icon을 담기위한 view */
.overView_R_bg_view_view_cont_view
{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	padding-bottom: 16px !important;
}

/* 4개의 content의 icon */
.overView_R_bg_view_view_cont_icon
{
	width: 58px !important;
	height: 58px !important;
	position: relative !important;
	display: block !important;
	margin: 0 auto !important;
}

/* 4개의 content의 font */
.overView_R_bg_view_view_cont_font
{
	width: 100% !important;
	height: auto !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	text-align: center !important;
	word-break: keep-all !important;
	white-space: normal !important;
}

/* 4개의 content를 담고 있는 view 밑에 있는 view */
.overView_R_bg_view2
{
	width: 100% !important;
	height: auto !important;
	position: relative !important;
	display: block !important;
	background-color: #ffffff !important;
	border-radius: 60px !important;
	padding: 24px 45px !important;
}

/* 밑에 있는 view에서 icon을 담는 view */
.overView_R_bg_view2_top
{
	width: 100% !important;
	height: auto !important;
	position: relative !important;
	display: block !important;
}

/* 밑에 있는 view에서 icon */
.overView_R_bg_view2_top_icon
{
	width: 27.7px !important;
	height: 36px !important;
	position: relative !important;
	display: block !important;
	margin-bottom: 10px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* 밑에 있는 view에서 font */
.overView_R_bg_view2_top_font
{
	width: 100% !important;
	height: auto !important;
	position: relative !important;
	display: block !important;
	color: #7D63FF !important;
	text-align: center !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	max-width: 600px !important;
	margin: 0 auto !important;
	word-break: keep-all !important;
	white-space: normal !important;
}

@media screen and (max-width: 1395px)
{
	.overView_R_bg_view_view_bottom, .overView_R_bg_view_view_top
	{
		height: 163px !important;
	}
}

@media screen and (max-width: 1024px)
{
	.overView_R_bg_view_h2
	{
		font-size: 24px !important;
	}
	.overView_R_bg_view_view_cont_font 
	{
		font-size: 18px !important;
	}
	.overView_R_bg_view_view_top 
	{
		height: 125px !important;
	}
	.overView_R_bg_view_view_bottom, .overView_R_bg_view_view_top
	{
		height: 143px !important;
	}
	.overView_R_bg_view2_top_font
	{
		font-size: 16px !important;
	}
	.overView_R_bg_view
	{
		border-radius: 40px !important;
	}
	.overView_R_bg_view2
	{
		/* padding: 30px !important; */
		border-radius: 40px !important;
	}
}

@media screen and (max-width: 1297px)
{
	.overView_R_bg
	{
		padding-top: 43px !important;
	}
}

@media screen and (max-width: 780px)
{
	.overView_R_bg_view_h2
	{
		font-size: 17px !important;
	}
	.overView_R_bg_view 
	{
		border-radius: 30px !important;
	}
	.overView_R_bg_view_view_cont
	{
		border-radius: 15px !important;
	}
	.overView_R_bg_view_view_cont_font
	{
		font-size: 17px !important;
	}
	.overView_R_bg_view2_top_font
	{
		font-size: 13px !important;
	}
	.overView_R_bg_view2
	{
		height: 140px !important;

	}
	.overView_R_bg_view2 
	{
		border-radius: 30px !important;
	}
	.overView_R_bg_view_view_bottom, .overView_R_bg_view_view_top
	{
		height: 134px !important;
	}
}

@media screen and (max-width: 500px)
{
	.overView_R_bg
	{
		padding-top: 20px !important;
		min-width: 315px !important;
	}
	/* .overView_R_bg_view
	{
		padding: 20px !important;
		border-radius: 30px !important;
	} */
	.overView_R_bg_view_h2
	{
		font-size: 16px !important;
	}
	.overView_R_bg_view_view_cont_font
	{
		font-size: 13px !important;
	}
	/* .overView_R_bg_view_view_cont_icon
	{
		width: 48px !important;
		height: 48px !important;
	} */
	/* .overView_R_bg_view_view_top
	{
		height: 110px !important;
	} */
	/* .overView_R_bg_view_view_bottom
	{
		height: 124px !important;
	} */
	.overView_R_bg_view2_top_font 
	{
		font-size: 13px !important;
	}
	.overView_R_bg_view_view_cont
	{
		border-radius: 20px !important;
		padding: 0
	}
}

@media screen and (max-width: 780px)
{
	.overView_R_bg
	{
		margin: 0 auto !important;
		min-width: 360px !important;
		padding-top: 32.6px !important;
	}
}

@media screen and (max-width: 700px)
{
	.overView_R_bg
	{
		/* margin: 0 auto !important; */
		min-width: 310px !important;
		/* padding-top: 32.6px !important; */
	}
	.overView_R_bg_view_view_cont_view 
	{
		padding: 11px 0 !important;
	}
	.overView_R_bg_view_view_cont_font 
	{
		font-size: 13px !important;
	}
	.overView_R_bg_view
	{
		padding: 20px !important;
	}
	.overView_R_bg_view2
	{
		padding: 20px !important;
		height: 130px !important;
	}
	.overView_R_bg_view_h2
	{
		margin-bottom: 15px !important;
	}
}

@media screen and (max-width: 573px)
{
	.overView_bg_bg
	{
		display: block !important;
		text-align: center !important;

	}
}

/* @media screen and (max-width: 413px)
{
	.overView_R_bg
	{
		min-width: 328px !important;
	}
	.overView_R_bg_view_view_cont_font 
	{
		font-size: 10px !important;
	}
	.overView_R_bg_view
	{
		border-radius: 20px !important;
	}
	.overView_R_bg_view2 
	{
		border-radius: 20px !important;
	}
} */

.overView_bg
{
	width: 100% !important;
	height: auto !important;
	padding: 100px 5vw !important;
}

.overView_bg_bg
{
	gap: 40px !important;
}
@media screen and (max-width: 858px)
{
	.overView_bg
	{
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
	.overView_bg_bg
	{
		gap: 20px !important;
	}
}

@media screen and (max-width: 850px)
{
	.overView_bg
	{
		padding-top: 35px !important;
		padding-bottom: 35px !important;
	}
}

/* @media screen and (max-width: 780px)
{
	.overView_bg_bg
	{
		display: block !important;
		text-align: center !important;
	}
} */

.overView_h2
{
	position: relative !important;
	display: block !important;
	font-size: 54px !important;
	font-weight: 700 !important;
	max-width: 511px !important;
	padding: 40px 0 !important;
	word-break: keep-all !important;
}

@media screen and (max-width: 1024px)
{
	.overView_h2
	{
		font-size: 36px !important;
		max-width: 348px !important;
		padding: 20px 0 !important;
	}
}

@media screen and (max-width: 500px)
{
	.overView_h2
	{
		font-size: 24px !important;
	}
}

@media screen and (max-width: 573px)
{
	.overView_h2
	{
		margin: 0 auto !important;
		/* padding: 20px 0 !important; */
	}
}

.overView_h3
{
	position: relative !important;
	display: block !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	max-width: 643px !important;
	word-break: keep-all !important;
	white-space: normal !important;
	margin-bottom: 1.5vh !important;
}

@media screen and (max-width: 1024px)
{
	.overView_h3
	{
		font-size: 20px !important;
	}
}

@media screen and (max-width: 500px)
{
	.overView_h3
	{
		font-size: 16px !important;
	}
}
/* @media screen and (max-width: 780px)
{
	.overView_h3
	{
		margin: 0 auto !important;
	}
} */

.achievment_h2
{
	position: relative !important;
	display: block !important;
	font-size: 54px !important;
	font-weight: 700 !important;
	max-width: 600px !important;
	padding: 40px 0 !important;
	word-break: keep-all !important;
	white-space: normal !important;
}

@media screen and (max-width: 1024px)
{
	.achievment_h2
	{
		font-size: 36px !important;
		/* max-width: 300px !important; */
		padding: 20px 0 !important;
	}
}

@media screen and (max-width: 500px)
{
	.achievment_h2
	{
		font-size: 24px !important;
	}
}

@media screen and (max-width: 573px)
{
	.achievment_h2
	{
		margin: 0 auto !important;
	}
	
}

.achievement_h3
{
	position: relative !important;
	display: block !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	max-width: 650px !important;
}

@media screen and (max-width: 1300px)
{
	.achievement_h3
	{
		font-size: 20px !important;
	}
}

@media screen and (max-width: 1067px)
{
	.achievement_h3
	{
		font-size: 15px !important;
	}
}

@media screen and (max-width: 834px)
{
	.achievement_h3
	{
		font-size: 13px !important;
	}
}
@media screen and (max-width: 780px)
{
	.achievement_h3
	{
		margin: 0 auto !important;
		max-width: 480px !important;
	}
}

.achievement_R_bg
{
	position: relative !important;
	display: flex !important;
	width: 55% !important;
	height: 100% !important;
	padding-top: 73.6px !important;
	gap: 20px !important;
}

.achievement_inner_L_view
{
	position: relative !important;
	display: block !important;
	width: 50% !important;
	height: 100% !important;
	border-radius: 60px !important;
	background-color: #ffffff !important;
	padding: 40px !important;
}

.achievement_inner_R_view
{
	position: relative !important;
	display: block !important;
	width: 50% !important;
	height: 100% !important;
	border-radius: 60px !important;
	background-color: #ffffff !important;
	padding: 40px
}

.achievement_inner_L_bg
{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 314px !important;
	border-radius: 40px !important;
}

.achievement_inner_R_bg
{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 314px !important;
	border-radius: 40px !important;
}

.achievement_inner_L_img
{
	background-size: contain !important;
	width: 100% !important;
	height: 314px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.achievement_inner_R_img
{
	background-size: contain !important;
	width: 100% !important;
	height: 197px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
}

@media screen and (max-width: 1400px)
{
	.achievement_bg
	{
		display: block !important;
	}
	.achievement_R_bg
	{
		width: 100% !important;
		padding-top: 49px !important;
	}
	
	.achievement_inner_L_view
	{
		border-radius: 40px !important;
	}

	.achievement_inner_L_bg 
	{
		height: 275px !important;
		border-radius: 30px !important;
	}

	.achievement_inner_L_img 
	{
		height: 270px !important;
	}

	.achievement_inner_R_view
	{
		border-radius: 40px !important;
	}

	.achievement_inner_R_bg 
	{
		height: 275px !important;
		border-radius: 30px !important;
	}

	.achievement_inner_R_img 
	{
		height: 232px !important;
	}
}

@media screen and (max-width: 1244px)
{
	.achievement_inner_L_bg
	{
		height: 290px !important;
	}

	.achievement_inner_L_img 
	{
		height: 290px !important;
	}

	.achievement_inner_R_bg
	{
		height: 290px !important;
	}
}

@media screen and (max-width: 1125px)
{
	.achievement_inner_L_bg
	{
		height: 260px !important;
	}

	.achievement_inner_L_img 
	{
		height: 260px !important;
	}

	.achievement_inner_R_bg
	{
		height: 260px !important;
	}

	.achievement_inner_R_img 
	{
		height: 125px !important;
	}
}

@media screen and (max-width: 1024px)
{
	/* .achievement_bg
	{
		display: block !important;
	} */
	.achievement_R_bg
	{
		width: 100% !important;
		padding-top: 49px !important;
	}

	.achievement_inner_L_view
	{
		border-radius: 40px !important;
	}

	.achievement_inner_L_bg 
	{
		height: 235px !important;
		border-radius: 30px !important;
	}

	.achievement_inner_L_img 
	{
		height: 235px !important;
	}

	.achievement_inner_R_view
	{
		border-radius: 40px !important;
	}

	.achievement_inner_R_bg 
	{
		height: 235px !important;
		border-radius: 30px !important;
	}

	.achievement_inner_R_img 
	{
		height: 232px !important;
	}
}

@media screen and (max-width: 780px)
{
	.achievement_inner_L_view
	{
		border-radius: 30px !important;
	}

	.achievement_inner_L_bg 
	{
		border-radius: 15px !important;
	}

	.achievement_inner_R_view
	{
		border-radius: 30px !important;
	}

	.achievement_inner_R_bg 
	{
		border-radius: 15px !important;
	}
}

@media screen and (max-width: 700px)
{	
	.achievement_inner_L_view, .achievement_inner_R_view
	{
		padding: 20px !important;
	}
}

@media screen and (max-width: 573px)
{
	.achievement_R_bg
	{
		display: block !important;
		padding-top: 20px !important;
	}

	.achievement_inner_L_view, .achievement_inner_R_view
	{
		margin: 0 auto !important;
		min-width: 310px !important;
	}

	.achievement_inner_L_view
	{
		margin-bottom: 16.7px !important;
	}
}
/* .achievement_R_bg
{
	position: relative !important;
	display: flex !important;
	gap: 40px !important;
	width: 55% !important;
	height: auto !important;
	padding-top: 73.6px !important;
	justify-content: center !important;
	align-items: flex-start !important;
}

.achievement_R_bg_cont1
{
	width: 100% !important;
	height: auto !important;
	position: relative !important;
	display: block !important;
	border-radius: 60px !important;
	background-color: #ffffff !important;
	padding: 40px !important;
}

.achievement_R_bg_cont1_view
{
	height: auto !important;
	border-radius: 40px !important;
	background-size: cover !important;
	padding: 10px 0 !important;
}

.achievement_R_bg_cont1_image
{
	width: 200px !important;
	background-size: contain !important;
	margin: 0 auto !important;
}

.achievement_R_bg_cont2
{
	width: 100% !important;
	height: auto !important;
	position: relative !important;
	display: block !important;
	border-radius: 60px !important;
	background-color: #ffffff !important;
	padding: 40px !important;
}

.achievement_R_bg_cont2_view
{
	width: 100% !important;
	height: 285px !important;
	border-radius: 40px !important;
	background-size: cover !important;
	padding: 10px 0 !important;
	display: flex !important;
	align-items: center !important;
}

.achievement_R_bg_cont2_image
{
	position: relative !important;
	display: block !important;
	background-size: contain !important;
	margin: 0 auto !important;
	height: 143px !important;
}

@media screen and (max-width: 1300px)
{
	.achievement_R_bg_cont1_view
	{
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
	}
	.achievement_R_bg_cont1
	{
		border-radius: 40px !important;
		padding: 30px !important;
	}
	.achievement_R_bg_cont2
	{
		border-radius: 40px !important;
		padding: 30px !important;
	}
	.achievement_R_bg_cont1_view
	{
		border-radius: 25px !important;
		min-width: 220px !important;
	}
	.achievement_R_bg_cont2_view
	{
		height: 220px !important;
		border-radius: 25px !important;
	}
	.achievement_R_bg_cont1_image
	{
		position: relative !important;
		display: block !important;
		width: 150px !important;
		height: 200px !important;
		margin: 0 auto !important;
	}
	.achievement_R_bg_cont2_image
	{
		height: 140px !important;
	}
	.overView_R_bg_view_h2
	{
		margin-bottom: 20px !important;
	}
}

@media screen and (max-width: 1297px)
{
	.achievement_R_bg
	{
		padding-top: 43px !important;
	}
}

@media screen and (max-width: 1257px)
{
	.achievement_R_bg_cont2{
		min-width: 280px !important;
	}
}

@media screen and (max-width: 1065px)
{
	.achievement_R_bg_cont1
	{
		padding: 30px !important;
		border-radius: 40px !important;
	}
	.achievement_R_bg_cont2
	{
		padding: 30px !important;
		border-radius: 40px !important;
	}
	.achievement_R_bg_view_h2
	{
		margin-bottom: 20px !important;
	}
	.achievement_R_bg_cont1_view
	{
		border-radius: 20px !important;
	}
	.achievement_R_bg_cont2_view
	{
		border-radius: 20px !important;
	}
	.achievement_R_bg
	{
		gap: 20px !important;
		min-width: 490px !important;
	}
}

@media screen and (max-width: 860px)
{
	.achievement_R_bg_cont1_view
	{
		width: 100% !important;
		min-width: 169px !important;
	}
	.achievement_R_bg_cont2
	{
		min-width: 229px !important;
	}
	.achievement_R_bg_cont2_view
	{
		height: 185px !important;
		min-width: 169px !important;
	}
	.achievement_R_bg_cont1_image
	{
		min-width: 123px !important;
		height: 164px !important;
	}
	.achievement_R_bg_cont2_image
	{
		width: 169px !important;
		height: 118px !important;
	}
}

@media screen and (max-width: 829px)
{
	.achievement_R_bg_cont1
	{
		padding: 20px !important;
		border-radius: 30px !important;
	}
	.achievement_R_bg_cont2
	{
		padding: 20px !important;
		border-radius: 30px !important;
	}
}

@media screen and (max-width: 770px)
{
	.achievement_R_bg
	{
		display: block !important;
		min-width: 0 !important;
		width: 100% !important;
	}
	.achievement_R_bg_cont1
	{
		margin-bottom: 16.7px !important;
	}
}

@media screen and (max-width: 573px)
{
	.achievement_R_bg
	{
		width: 55% !important;
		min-width: 310px !important;
		margin: 0 auto !important;
	}
} */

.ci_h2
{
	position: relative !important;
	display: block !important;
	font-size: 54px !important;
	font-weight: 700 !important;
	max-width: 500px !important;
	padding: 40px 0 !important;
}

@media screen and (max-width: 1024px)
{
	.ci_h2
	{
		font-size: 36px !important;
		max-width: 300px !important;
		padding: 20px 0 !important;
	}
}

@media screen and (max-width: 500px)
{
	.ci_h2
	{
		font-size: 24px !important;
	}
}

@media screen and (max-width: 573px)
{
	.ci_h2
	{
		margin: 0 auto !important;
	}
}

.ci_L_bg
{
	position: relative !important;
	width: 30% !important;
	height: 100% !important;
}

@media screen and (max-width: 780px)
{
	.ci_L_bg
	{
		margin: 0 auto !important;
	}
}
@media screen and (max-width: 573px)
{
	.ci_L_bg
	{
		max-width: 400px !important;
	}
}

.ci_R_bg
{
	position: relative !important;
	display: block !important;
	width: 70% !important;
	padding-top: 73.6px !important;
}

.ci_R_bg_view
{
	width: 100% !important;
	height: 500px !important;
	border-radius: 80px !important;
	background-size: covew !important;
}

@media screen and (max-width: 1389px){
	.ci_down
	{
		margin-bottom: 20px !important;
	}
}

@media screen and (max-width: 1200px)
{
	.ci_R_bg_view_logo
	{
		width: 500px !important;
		height: 120px !important;
		left: calc(50% - 167px) !important;
		top: calc(50% - 54px) !important;
	}
	.ci_R_bg_view_color_view
	{
		width: 205px !important;
	}
	.ci_R_bg_view_color_main
	{
		height: 36px !important;
	}
	.ci_R_bg_view_color_sub
	{
		height: 36px !important;
	}
	.ci_down
	{
		width: 115px !important;
		height: 39px !important;
		display: block !important;
	}
	.intro_down
	{
		width: 164px !important;
		height: 39px !important;
		display: block !important;
	}
}

@media screen and (max-width: 780px){
	.ci_R_bg
	{
		margin: 0 auto !important;
		display: block !important;
		height: auto !important;
		padding-top: 32.6px !important;
		min-width: 310px !important;
	}
	.ci_R_bg_view
	{
		border-radius: 40px !important;
	}
}

@media screen and (max-width: 640px)
{
	.ci_R_bg_view
	{
		height: 420px !important;
	}
	.ci_R_bg_view_logo
	{
		width: 287px !important;
		height: 85px !important;
		left: calc(50% - 118px) !important;
		top: calc(50% - 41px) !important;
	}
}

/* @media screen and (max-width: 610px){
	.ci_R_bg
	{
		min-width: 315px !important;
	}
	.ci_R_bg_view_logo
	{
		width: 250px !important;
		height: 90px !important;
		left: calc(50% - 130px) !important;
		top: calc(50% - 40px) !important;
	}
	.ci_R_bg_view
	{
		height: 320px !important;
	}

	.ci_R_bg_view_color_view
	{
		width: 193px !important;
		padding-top: 25px !important;
		right: 20px !important;
	}
	.ci_R_bg_view_color_main
	{
		height: 34px !important;
		margin-bottom: 10px !important;
	}
	.ci_R_bg_view_color_sub
	{
		height: 24px !important;
	}
} */

@media screen and (max-width: 573px)
{
	.ci_L_bg 
	{
		width: 100% !important;
	}
	.ci_down
	{
		width: 103px !important;
		height: 35px !important;
		display: inline-block !important;
		margin-right: 10px !important;
		margin-bottom: 0 !important;
	}
	.ci_R_bg_view
	{
		height: 330px !important;
	}
	.ci_R_bg_view_color_main
	{
		margin-bottom: 15px !important;
	}
	.ci_R_bg_view_color_view
	{
		top: -16px !important;
		right: 16px !important;
	}
	.intro_down
	{
		width: 149px !important;
		height: 35px !important;
		display: inline-block !important;
	}
}

.into_h1
{
	font-size: 24px !important;
	color: #7c44fe !important;
	font-weight: 700 !important;
}
@media screen and (max-width: 1024px)
{
	.into_h1
	{
		font-size: 20px !important;
	}
}

@media screen and (max-width: 500px)
{
	.into_h1
	{
		font-size: 16px !important;
	}
}

.hero_content_view
{
}

@media screen and (max-width: 408px)
{
	.hero_content_view
	{
		top: calc(50% - 135px) !important;
	}
}