.edit_here
{
	/* TODO:edit here */

}

.img_style
{
	width: 46% !important; /* 컴포넌트의 너비에 맞춤 */
    height: 46% !important; /* 컴포넌트의 높이에 맞춤 */
    object-fit: contain !important; /* 이미지가 컴포넌트 크기에 맞게 조정되며, 비율을 유지합니다 */
}

.fade_in_on
{
	border-radius: 24% !important;
	opacity: 1 !important;
	transition: opacity 0.4s ease-in !important;
}

.fade_in_off
{
	border-radius: 24% !important;
	opacity: 0 !important;
  	transition: opacity 0.4s ease-in !important;
}

.orbitStyle
{
    border-radius: 50% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    mask: radial-gradient(farthest-side, transparent calc(100% - 3px), black calc(100% - 2px)) !important;
}

.dotStyle
{
	position: absolute !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.point_list
{
  border-radius: 30px !important;
  background: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.4)) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important; /* Safari 호환성 */
  border: 1px solid rgba(255,255,255,0.5) !important;
}

.shadow_left
{
	mask-image: linear-gradient(to right, transparent 0%, black 30%, black 100%) !important;
  	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%, black 100%) !important;
}

.slide_track
{
  	display: flex !important;
  	gap: 40px !important;
    will-change: transform !important;
	justify-content: center !important;
	align-items: center !important;
}

.slide_track_img
{
	height: 180px !important; /* 필요에 따라 조정 */
  	flex-shrink: 0 !important;
}

@media screen and (max-width: 890px)
{
	.slide_track_img
	{
		width: 280px !important;
		height: auto !important;
		object-fit: cover !important;
	}
	.slide_track
	{
		height: auto !important;
	}
}

@media screen and (max-width: 600px)
{
	.slide_track_img
	{
		width: 260px !important;
		height: auto !important;
		object-fit: cover !important;
		
	}
	.slide_track
	{
		height: auto !important;
	}
}

@media screen and (max-width: 400px)
{
	.slide_track_img
	{
		width: 143px !important;
		/* height: 105px !important;
		display: block !important;
		max-height: 100% !important;
		object-fit: contain !important; */
		height: 70% !important; /* 또는 80%, 원하는 크기 */
		object-fit: contain !important;
		display: block !important;
		position: relative !important;
	}
	.slide_track
	{
		/* display: flex !important;
		height: 105px !important;
		justify-content: center !important;
		align-items: center !important; */
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: auto !important;
		overflow: hidden !important;
		gap: 6px !important;
	}
	.shadow_left
	{
		mask-image: linear-gradient(to right, transparent 0%, black 30%, black 100%) !important;
		-webkit-mask-image: none !important;
	}
}

.partner_slider
{
	width: 100% !important;
	overflow: hidden !important;
	height: 80px !important;
	position: relative !important;
}

.folder_backg
{
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    /* width: min(25vw, 85vh) !important; */
    /* height: min(25vw, 85vh) !important; */
	width: 520px !important;
	height: 514px !important;
    aspect-ratio: 1 / 1 !important;
    background-color: #111 !important;
    border-radius: 24% !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
	perspective: 800px !important;
	transition: all 500ms ease-in-out !important;
}

@media screen and (max-width: 665px), screen and (max-height: 689px)
{
	.folder_backg
	{
		width: 400px !important;
		height: 396px !important;
	}
}

@media screen and (max-width: 475px), screen and (max-height: 689px)
{
	.folder_backg
	{
		width: 280px !important;
		height: 276px !important;
		transform: translate(-50%) !important;
		margin-top: -130px !important;
	}
	.main_back_style
	{
		height: 589px !important;
	}
	.hero_text_itfin
	{
		/* transform: translate(-22%) !important; */
	}
	.hero_text_media2 
	{
		width: 100% !important;
		height: auto !important;
		font-size: 16px !important;
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important; /* 자기 너비의 절반만큼 왼쪽 이동하여 정중앙 배치 */
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important; /* 텍스트도 가운데 정렬 */
		top: 75% !important;
	}
}

.folder_style_off
{
	background-repeat: no-repeat !important;
	background-position: center !important;
	justify-content: center !important;
	align-items: center !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 60% !important; 
	height: 60% !important;              /* 부모 크기의 비율 기준 */
	aspect-ratio: 1 / 1 !important;      /* 정사각형 유지 */
	transform: translate(-50%, -40%) !important;
	border-radius: 24% !important;
	transition: all 0.3s ease !important;
	object-fit: cover !important;
}

.folder_style_on
{
	background-repeat: no-repeat !important;
	background-position: center !important;
	justify-content: center !important;
	align-items: center !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 60% !important; 
	height: 60% !important;              /* 부모 크기의 비율 기준 */
	aspect-ratio: 1 / 1 !important;      /* 정사각형 유지 */
	transform: translate(-50%, -100%) !important;
	border-radius: 24% !important;
	transition: all 0.3s ease !important;
	object-fit: cover !important;
}

.folder_style2_off
{
	background-repeat: no-repeat !important;
	background-position: center !important;
	justify-content: center !important;
	align-items: center !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 60% !important; 
	height: 60% !important;              /* 부모 크기의 비율 기준 */
	aspect-ratio: 1 / 1 !important;      /* 정사각형 유지 */
	transform: translate(-40%, -60%) rotate(10deg) !important;
	border-radius: 24% !important;
	transition: all 0.3s ease !important;
	object-fit: cover !important;
}

.folder_style2_on
{
	background-repeat: no-repeat !important;
	background-position: center !important;
	justify-content: center !important;
	align-items: center !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 60% !important; 
	height: 60% !important;              /* 부모 크기의 비율 기준 */
	aspect-ratio: 1 / 1 !important;      /* 정사각형 유지 */
	transform: translate(60%, -100%) !important;
	border-radius: 24% !important;
	transition: all 0.3s ease !important;
	object-fit: cover !important;
}

@media screen and (max-width: 1200px) {
    .folder_style2_on
    {
        transform: translate(30%, -100%) !important;
    }
}

.folder_style3_off
{
	background-repeat: no-repeat !important;
	background-position: center !important;
	justify-content: center !important;
	align-items: center !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 60% !important; 
	height: 60% !important;              /* 부모 크기의 비율 기준 */
	aspect-ratio: 1 / 1 !important;      /* 정사각형 유지 */
	transform: translate(-60%, -50%) rotate(-10deg) !important;
	border-radius: 24% !important;
	transition: all 0.3s ease !important;
	object-fit: cover !important;
}

.folder_style3_on
{
	background-repeat: no-repeat !important;
	background-position: center !important;
	justify-content: center !important;
	align-items: center !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 60% !important; 
	height: 60% !important;              /* 부모 크기의 비율 기준 */
	aspect-ratio: 1 / 1 !important;      /* 정사각형 유지 */
	transform: translate(-160%, -100%) !important;
	border-radius: 24% !important;
	transition: all 0.3s ease !important;
	object-fit: cover !important;
}

@media screen and (max-width: 1200px) {
    .folder_style3_on
    {
        transform: translate(-130%, -100%) !important;
    }
}

.hero_text_itfin
{
	/* position: fixed !important; */
    inset: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    font-size: clamp(6rem, 42vw, 72vmin) !important;
    white-space: nowrap !important;
    z-index: 0 !important;
    pointer-events: none !important;
	transform: translateY(0) !important;
	transition: transform 500ms ease-in-out !important;
}

@media screen and (max-width: 928px) {
    .hero_text_itfin {
		font-size: clamp(6rem, 39vw, 73vmin) !important;
		/* transform: translateY(-26%) !important; */
		transform: translateY(-22%) !important;
    }
}

@media screen and (max-width: 475px) {
    .hero_text_itfin {
		transform: translateY(-22%) !important;
    }
}

.folder_label
{
	display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
	font-size: 24px !important;
}

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

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

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

.who_back
{
	position: relative !important;
	width: 100% !important;
	height: 80vh !important;
	aspect-ratio: 1 / 1 !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	margin: 0 auto !important;
	z-index: 1 !important;
}
@media screen and (max-width: 1040px)
{	.who_back{
		height: auto !important;
	}
}

@media screen and (max-width: 800px) {
    .who_back {
		background-image: url('../../Assets/MainHome/trust_1000size.svg') !important;
		/* width: 83vw !important; */
		/* height: 60vh !important; */
    }
}

@media screen and (max-width: 500px) {
    .who_back {
		background-image: url('../../Assets/MainHome/trust_600size.svg') !important;
    }
}

@media screen and (max-width: 380px) {
    .who_back {
		background-image: url('../../Assets/MainHome/trust_360size.svg') !important;
		/* width: 94vw !important; */
    }
}

.who_text_cont
{
	position: relative !important;
	display: block !important;
	width: 100% !important;              /* 전체 너비 차지 */
	margin: 0 auto !important;           /* 가운데 정렬 */
	text-align: center !important;
	margin-bottom: 2vh !important;
	z-index: 3 !important;
	/* padding: 0 2rem !important; */
	box-sizing: border-box !important;
	transition: all 100ms ease-in-out !important;
}

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

.hero_text_media1
{
	font-size: 24px !important;
	transition: all 100ms ease-in-out !important;
	max-width: 510px !important;
}

@media screen and (max-width: 928px) {
    .hero_text_media1 {
        display: none !important;
    }
}

@media screen and (max-height: 1161px)
{
	 .hero_text_media1 {
		left: 11vw !important;
    }
}

@media screen and (max-height: 1011px)
{
	 .hero_text_media1 {
		left: 9vw !important;
    }
}

@media screen and (max-height: 919px)
{
	 .hero_text_media1 {
		left: 11vw !important;
		bottom: 7vw !important;
    }
}

/* 반응형 폰트 사이즈 */
@media screen and (max-width: 1024px)
{
	.hero_text_media1
	{
		font-size: 18px !important;
	}
}

.hero_text_media2
{
	transition: font-size 100ms ease-in-out,
					top 100ms ease-in-out,
					left 100ms ease-in-out !important;
	font-size: 24px !important;
}



@media screen and (max-width: 1401px)
{
	.hero_text_media2
	{
		left: 3vw !important;
		top: 21% !important;
	}
}

@media screen and (max-width: 928px) {
    .hero_text_media2 {
		width: 100% !important;
		height: auto !important;
		position: absolute !important;
		top: 84% !important; 
		left: 50% !important;
		transform: translateX(-50%) !important; /* 자기 너비의 절반만큼 왼쪽 이동하여 정중앙 배치 */
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important; /* 텍스트도 가운데 정렬 */
    }
}

/* 반응형 폰트 사이즈 */
@media screen and (max-width: 1024px)
{
	.hero_text_media2
	{
		font-size: 18px !important;
	}
}

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

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

@media screen and (max-width: 750px) {
    .hero_text_media2 {
		/* width: 73% !important;
		height: auto !important;
		font-size: 4vw !important;
		position: absolute !important;
		top: 61% !important; 
		left: 50% !important;
		transform: translateX(-50%) !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important; */
    }
}

@media screen and (max-width: 475px) {
    .hero_text_media2 {
		top: 82% !important;
    }
}

.hero_text_media3
{
	font-size: 24px !important;
}

@media screen and (max-width: 928px) {
    .hero_text_media3 {
		/* width: 30% !important;
		height: auto !important;
		font-size: 2vw !important;
		position: absolute !important;
		top: 0 !important; 
		bottom: 0 !important; 
		right: 3vw !important;
		justify-content: center !important;
		align-items: center !important; */
		display: none !important;
    }
}

@media screen and (max-width: 1024px)
{
	.hero_text_media3
	{
		font-size: 18px !important;
		left: 64% !important;
	}
}

@media screen and (max-width: 750px) {
    .hero_text_media3 {
		display: none !important;
    }
}

.icon_style
{
	 justify-content: center !important;
    align-items: center !important;
}

.works_text_style
{
	position: absolute !important;
	transform: translate(-50%, -50%) !important;
	text-align: center !important;
	width: 100% !important;
	box-sizing: border-box !important;
	transition: all 100ms ease-in-out !important;
	padding: 0 1rem !important;
}

@media screen and (max-width: 1024px){
    .works_text_style {
		/* width: 100% !important;
		position: relative !important;
		transform: translate(-50%, -34vw) !important; */
		width: 100% !important;
		position: relative !important;
		transform: translate(-50%, 0) !important;
		margin-bottom: 2vh !important;
		z-index: 3 !important;
    }
}

@media screen and (max-width: 750px) {
    .works_text_style {
		/* width: 100% !important;
		position: relative !important;
		transform: translate(-50%, 0) !important;
		margin-bottom: 10vw !important; */
    }
}

.platform_style
{
	transition: all 100ms ease-in-out !important;
	width: 400px !important;
}

@media screen and (max-width: 2065px)
{
	.platform_style
	{
		bottom: 4vw !important;
	}	
}

@media screen and (max-width: 1936px)
{
	.platform_style
	{
		bottom: 0vw !important;
	}
}

@media screen and (max-width: 1911px)
{
	.platform_style
	{
		bottom: 0vw !important;
	}
}

@media screen and (max-width: 1460px)
{
	.platform_style
	{
		bottom: 0vw !important;
	}
}

@media screen and (max-width: 1024px){
    .platform_style {
		position: relative !important;
		bottom: 0px !important;
		/* min-width: 340px !important; */
		width: 340px !important;
		flex-shrink: 0 !important;
		padding: 28px !important;
		border-radius: 20px !important;
		margin-bottom: 3vw !important;
	}
}

@media screen and (max-width: 790px) {
    .platform_style {
		width: 340px !important;
	}
}

@media screen and (max-width: 500px) {
    .platform_style {
		width: 300px !important;
		padding: 22px !important;
	}
}

@media screen and (max-width: 380px) {
    .platform_style {
		width: 300px !important;
		min-width: 0px !important;
		padding: 22px !important;
	}
}

.solution_style
{
	transition: all 100ms ease-in-out !important;
	width: 488px !important;
}

@media screen and (max-width: 2176px)
{
	.solution_style
	{
		left: 64% !important;
	}
}

@media screen and (max-width: 1626px)
{
	.solution_style
	{
		top: 28px !important;
	}
}

@media screen and (max-width: 1521px)
{
	.solution_style
	{
		left: 61% !important;
	}
}

@media screen and (max-width: 1404px)
{
	.solution_style
	{
		top: -45px !important;
		left: 56% !important;
	}
}

@media screen and (max-width: 1252px)
{
	.solution_style
	{
		left: 51% !important;
	}
}


@media screen and (max-width: 1024px){
    .solution_style {
		position: relative !important;
		width: 340px !important;
		min-width: 340px !important;
		right: 0px !important;
		left: 0px !important;
		top: 0px !important;
		flex-shrink: 0 !important;
		bottom: 0px !important;
		padding: 28px !important;
		border-radius: 20px !important;
		margin-bottom: 3vw !important;
    }
}

@media screen and (max-width: 790px) {
    .solution_style {
		width: 340px !important;
	}
}

@media screen and (max-width: 500px) {
    .solution_style {
		width: 300px !important;
		padding: 22px !important;
	}
}

@media screen and (max-width: 500px) {
    .solution_style {
		width: 300px !important;
		min-width: 0px !important;
		padding: 22px !important;
	}
}

.si_style
{
	width: 497px !important;
	bottom: -5vw !important;
}

@media screen and (max-width: 1024px){
    .si_style {
		position: relative !important;
		width: 340px !important;
		min-width: 340px !important;
		bottom: 0px !important;
		flex-shrink: 0 !important;
		padding: 28px !important;
		border-radius: 20px !important;
		margin-bottom: 3vw !important;
    }
	
}

@media screen and (max-width: 790px) {
    .si_style {
		width: 340px !important;
		
	}
}

@media screen and (max-width: 500px) {
    .si_style {
		width: 300px !important;
		padding: 22px !important;
	}
}

@media screen and (max-width: 500px) {
    .si_style {
		width: 300px !important;
		min-width: 0px !important;
		padding: 22px !important;
	}
}

.folder_open_style
{
	transform-origin: bottom center !important; /* 필수! */
	transform: rotateX(-30deg) !important;
	transition: transform 0.4s ease !important;
}

.folder_close_style
{
  transform-origin: bottom center !important;
  transform: rotateX(0deg) !important;
  transition: transform 0.4s ease !important;
}

.who_hero_view {
	position: relative !important;
	height: 1060px !important;
	width: 100% !important;
	padding: 1rem !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	box-sizing: border-box !important;
	text-align: center !important;
	transition: all 300ms ease-in-out !important;
}

@media screen and (max-width: 1170px)
{
	.who_hero_view
	{
		height: 938px !important;
	}
}

@media screen and (max-width: 1024px)
{
	.who_hero_view
	{
		height: 917px !important;
	}
} 

@media screen and (max-width: 960px) {
  .who_hero_view
  {
		height: 757px !important;
  }
}

@media screen and (max-widith: 750px)
{
	.who_hero_view
	{
		height: 672px !important;
	}
}

@media screen and (max-width: 630px) {
	.who_hero_view
	{
		height: 632px !important;
	}
}

/* @media screen and (max-width: 650px) {
  .who_hero_view {
	height: 54vh !important;
  }
}

@media screen and (max-width: 500px) {
  .who_hero_view {
	height: calc(81vw * 0.5) !important;
	min-width: 350px !important;
  }
} */

.works_listItem
{
	position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
	isolation: isolate !important;        /* 겹침 방지 보조 */
	-ms-overflow-style: none !important;
      scrollbar-width: none !important;
	  word-break: keep-all !important;
}

@media screen and (max-width: 1024px){
	.works_list_view
	{
		display: block !important;           
		overflow-x: auto !important;           
		width: 100% !important;
	}
    .works_listItem
	{
		position: relative !important;
		display: flex !important;
		margin: 0 auto !important;
		align-items: flex-start !important;
		width: max-content !important;
		height: 100% !important;
		transform: none !important;
		flex-direction: row !important;
		gap: 20px !important;
		padding: 31px !important;
		left: 0% !important;
		box-sizing: border-box !important;
		white-space: nowrap !important;
    }
}

.works_h2_label
{
	font-size: 32px !important;
	margin-bottom: 0.5vw !important;
	transition: all 500ms ease-in-out !important;
	pointer-events: none !important;
}

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

@media screen and (max-width: 750px) {
    .works_h2_label {
		font-size: 22px !important;
		margin-bottom: 0.25vw !important;
    }
}

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

/* @media screen and (max-width: 790px) {
    .works_h2_label {
		font-size: 21px !important;
    }
}

@media screen and (max-width: 390px){
    .works_h2_label {
		font-size: 18px !important;
    }
}

@media screen and (max-width: 550px){
    .works_h2_label {
    }
}

@media screen and (max-width: 450px){
    .works_h2_label {
    }
}

@media screen and (max-width: 390px){
    .works_h2_label {
    }
} */

.works_h3_label
{
	font-size: 24px !important;
	pointer-events: none !important;
}

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

@media screen and (max-width: 1000px) {
    .works_h3_label {
		/* font-size: 1.2vw !important; */
    }
}

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

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

@media screen and (max-width: 450px){
    .works_h3_label {
		/* font-size: 1.9vw !important; */
    }
}

@media screen and (max-width: 390px){
    .works_h3_label {
		/* font-size: 2.1vw !important; */
    }
}

.works_back
{
	background-size: cover !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 !important;
	transition: all 500ms ease-in-out !important;
}

@media screen and (max-width: 1024px){
    .works_back {
		/* height: 80vh !important; */
		height: auto !important;
    }
}

@media screen and (max-width: 800px) {
    .works_back {
		/* height: 80vh !important; */
    }
}

@media screen and (max-width: 750px) {
    .works_back {
		/* height: auto !important; */
    }
}

.works_list_style
{
	width: 100% !important;
	height: 100% !important;
}

.bg_fill {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	height: 100% !important;
	width: 0% !important;
	background-color: var(--fill-color, #ffffff) !important; 
	transition: width 0.4s ease !important;
	z-index: 0 !important;
}

.iconImageView
{
	
}
.iconBorder{
	border: 1px solid white !important;
	transition: all 500ms ease-in-out !important;
}
.iconImage
{
	width: 34px !important;
	height: 34px !important;
	top: 50% !important;
}
.listfont
{
	width: auto !important;
	font-size: 24px !important;
}

@media screen and (max-width: 1024px) {
	.iconImage
	{
		width: 30px !important;
		height: 30px !important;
	}
	.listfont
	{
		font-size: 18px !important;
	}
}

@media screen and (max-width: 750px) {
	.iconImage
	{
		width: 25px !important;
		height: 25px !important;
		display: flex !important;
		align-items: center !important; /* 세로 정렬 */
	}
	
	.listfont
	{
		font-size: 17px !important;
	}
}

@media screen and (max-width: 500px) {
    .works_list_style {
		display: flex !important;
		align-items: center !important; /* 세로 정렬 */
		gap: 0.4vw !important;            /* 아이콘과 텍스트 사이 간격 */
    }
	.iconImageView
	{
		align-items: center !important; /* 세로 정렬 */
	}
	.listfont
	{
		display: flex !important;
		align-items: center !important; /* 세로 정렬 */
		font-size: 13px !important;
	}
}

.vision_content
{
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 2vh !important;
	overflow: auto !important;
}

.visionContentClick
{
    border: 2px solid !important;
    border-color: rgb(109, 93, 255) !important;
    width: 452px !important;
    height: 600px !important;
    transition: 0.4s ease !important;
}
.structure_cont1_view
{
    left: calc(50% - 43px) !important;
}
.visionContentClick .structure_cont1_view
{
    left: calc(50% - 43px) !important;
    top: 75px !important;
}
.structure_cont3_view
{
}
.visionContentClick .structure_cont3_view
{
    bottom: 75px !important;
}
.visionContentClick .dotButton
{
    background-color: rgb(166,127,255) !important;
}

.waves
{
    position: absolute !important;
    background: transparent !important;
    border-radius: 50% !important;
}
.waves2
{
    position: absolute !important;
    background: transparent !important;
    border-radius: 50% !important;
}
.visionContentClick .waves
{
    background-color: #d7d7d7 !important;
    animation: wave-animate 3s infinite ease-out !important;
}
.visionContentClick .waves2
{
    background-color: #d3d1d180 !important;
    animation: wave-animate2 3s infinite ease-out !important;
}
.visionContentClick .communication_cont
{
    top: calc(39% - (320px/ 2)) !important;
    transition: 0.4s ease !important;
}

.visionContentClick .communication_cont1_face1
{
    animation: img-rotate 20s linear infinite !important;
    left: 25.5% !important;
    top: 11% !important;
}

.visionContentClick .communication_cont1_face2
{
    animation: img-rotate 20s linear infinite !important;
    left: 66.5% !important;
    top: 78% !important;
}

.visionContentClick .communication_cont2_face1
{
    animation: img-rotate 20s linear infinite !important;
    left: 30% !important;
    top: 66.5% !important;
}

.visionContentClick .communication_cont3_face1
{
    animation: img-rotate 20s linear infinite !important;
    left: 57.5% !important;
    top: 38% !important;
}

.visionContentClick .communication_cont1_view 
{
    animation: Rotate 20s linear infinite !important;
    align-items: center !important;
    justify-content: center !important;
}

.visionContentClick .communication_cont2_view 
{
    animation: Rotate-reverse 20s linear infinite !important;
    align-items: center !important;
    justify-content: center !important;
}

.visionContentClick .communication_cont3_view 
{
    animation: Rotate 20s linear infinite !important;
    align-items: center !important;
    justify-content: center !important;
}

.visionContentClick .communication_cont1_dot1
{
    left: 34% !important;
    top: 12.5% !important;
}
.visionContentClick .communication_cont1_dot2
{
    left: 26% !important;
    top: 21.5% !important;
}
.visionContentClick .communication_cont1_dot3
{
    left: 66% !important;
    top: 87.5% !important;
}
.visionContentClick .communication_cont1_dot4
{
    left: 74% !important;
    top: 78% !important;
}
.visionContentClick .communication_cont2_dot1
{
    left: 30.5% !important;
    top: 66% !important;
}
.visionContentClick .communication_cont2_dot2
{
    left: 38% !important;
    top: 76% !important;
}
.visionContentClick .communication_cont3_dot1
{
    left: 58.5% !important;
    top: 35.5% !important;
}
.technologyLayView
{
    width: 103% !important;
    height: 103% !important;
    padding: 0 !important;
    left: calc(50% - 193px) !important;
    transform: scale(0.7) translateY(-70px) !important;
}

.visionContentClick .technologyLayView
{
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    left: 0 !important;
    transform: scale(1) translateY(22px) !important;
}
.visionContentClick .communication_cont3_dot2
{
    left: 63.5% !important;
    top:50.5% !important;
}
/* , screen and (max-height: 1065px) */
@media screen and (max-width: 1308px) {
    .vision_content {
		/* display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		align-content: center !important;
		flex-direction: column !important; */

		/* position: relative !important;
		height: auto !important;
		flex-wrap: nowrap !important;
		gap: 30px !important;
		display: flex !important;
		padding: 31px !important;
		box-sizing: border-box !important; 
		overflow-x: auto !important;
		overflow-y: visible !important;
  		align-items: flex-start !important;
		width: max-content !important; */

		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		gap: 20px !important;
		padding: 30px 30px !important;             
		width: 100% !important;
		box-sizing: border-box !important;
		place-content: initial !important;
        transition: 0.4s ease !important;
    }
    .vision_view_wrapper
    {
        height: 600px !important;
    }
	.technology
	{
		width: 400px !important;
		min-width: 400px !important;
		height: 429.8px !important;
		margin-bottom: 1vw !important;
		border-radius: 20px !important;
	}
	.technologyChildView
	{
		width: 100% !important;
		height: 100% !important;
		border-radius: 20px !important;
	}
	.technology_subTitle
	{
		display: none !important;
	}
	.technologyTitle{
		padding-left: 16px !important;
		padding-right: 16px !important;
		padding-top: 16px !important;
	}
	.technologyLay1
	{
		width: 390px !important;
		top: 0 !important;
		left: 50% !important;
		bottom: 0px !important;
    	transform: translate(-50%, 0) !important;
	}
	.technologyLay2
	{
		width: 312px !important;
		top: -5% !important;
		left: 50% !important;
		bottom: 0px !important;
    	transform: translate(-50%, 0) !important;
	}
	.technologyLay3
	{
		width: 384px !important;
		top: -10% !important;
		left: 50% !important;
		bottom: 0px !important;
    	transform: translate(-50%, 0) !important;
	}
	.technologyLay4
	{
		width: 157px !important;
		top: -15% !important;
		left: 50% !important;
		bottom: 0px !important;
    	transform: translate(-50%, 0) !important;
	}
	.technologyLay5
	{
		width: 77px !important;
		top: -20% !important;
		left: 50% !important;
		bottom: 0px !important;
    	transform: translate(-50%, 0) !important;
	}
	.technologyLayView
	{
        width: 100% !important;
		height: 366px !important;
		padding: 0 !important;
        left: 0 !important;
        transform: scale(1) translateY(0px) !important;
	}
    .visionContentClick .technologyLayView
    {
        height: 366px !important;
        transform: scale(1) translateY(0px) !important;
    }
	.dotButton
	{
		background-color: #b8b8b8 !important;
	}
	.structure
	{
        width: 400px !important;
		min-width: 400px !important;
		height: 429.8px !important;
		margin-bottom: 1vw !important;
		border-radius: 20px !important;
	}
    .structure_cont1_view
    {
    }
    .visionContentClick .structure_cont1_view
    {
        top: 50px !important;
    }
    .structure_cont3_view
    {
    }
    .visionContentClick .structure_cont3_view
    {
        bottom: 50px !important;
    }
	.structureTitle
	{
		padding-left: 16px !important;
		padding-top: 16px !important;
		padding-right: 16px !important;
	}
	.structureChildView
	{
		border-radius: 20px !important;
		height: 100% !important;
        width: 100% !important;
	}
	.structureChildView_iconView
	{
		width: 85px !important;
		height: 85px !important;
	}
	.structureChildView_iconimg
	{
		left: calc(50% - 19px) !important;
		top: calc(50% - 19px) !important;
	}
	.communication
	{
        width: 400px !important;
		min-width: 400px !important;
		margin-bottom: 1vw !important;
		height: 429.8px !important;
		border-radius: 20px !important;
	}
	.communicationChildView
	{
		border-radius: 20px !important;
		height: 100% !important;
        width: 100% !important;
	}
	.communicationTitle
	{
		padding-left: 16px !important;
		padding-right: 16px !important;
		padding-top: 16px !important;
	}

    .visionContentClick .communication_cont1_face1
    {
        animation: img-rotate 20s linear infinite !important;
        left: 22.5% !important;
        top: 12% !important;
    }

    .visionContentClick .communication_cont1_face2
    {
        animation: img-rotate 20s linear infinite !important;
        left: 68.5% !important;
        top: 78% !important;
    }

    .visionContentClick .communication_cont2_face1
    {
        animation: img-rotate 20s linear infinite !important;
        left: 28% !important;
        top: 67% !important;
    }

    .visionContentClick .communication_cont3_face1
    {
        animation: img-rotate 20s linear infinite !important;
        left: 59.5% !important;
        top: 38% !important;
    }

    .visionContentClick .communication_cont1_view 
    {
        animation: Rotate 20s linear infinite !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .visionContentClick .communication_cont2_view 
    {
        animation: Rotate-reverse 20s linear infinite !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .visionContentClick .communication_cont3_view 
    {
        animation: Rotate 20s linear infinite !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .visionContentClick .communication_cont1_dot1
    {
        left: 32% !important;
        top: 12.5% !important;
    }
    .visionContentClick .communication_cont1_dot2
    {
        left: 22% !important;
        top: 22.5% !important;
    }
    .visionContentClick .communication_cont1_dot3
    {
        left: 68% !important;
        top: 87.5% !important;
    }
    .visionContentClick .communication_cont1_dot4
    {
        left: 78% !important;
        top: 78% !important;
    }
    .visionContentClick .communication_cont2_dot1
    {
        left: 27.5% !important;
        top: 65% !important;
    }
    .visionContentClick .communication_cont2_dot2
    {
        left: 37.5% !important;
        top: 76.5% !important;
    }
    .visionContentClick .communication_cont3_dot1
    {
        left: 60.5% !important;
        top: 36.5% !important;
    }
    .visionContentClick .communication_cont3_dot2
    {
        left: 65.5% !important;
        top:50.5% !important;
    }
    .communication_cont
    {
        top: calc(42% - (320px/ 2)) !important;
    }
    .visionContentClick .communication_cont
    {
        top: calc(42% - (320px/ 2)) !important;
    }
    
}

@media screen and (max-width: 790px) {
    .vision_view_wrapper
    {
        height: 600px !important;
    }
	.structure
	{
		width: 340px !important;
		min-width: 340px !important;
	}
	.structureChildView
	{
		width: 100% !important;
        height: 100% !important;
	}
	.technology
	{
		width: 340px !important;
		min-width: 340px !important;
	}
	.technologyChildView
	{
		width: 100% !important;
        height: 100% !important;
	}
	.technologyLay1
	{
		width: 380px !important;
		top: 0 !important;
		left: 50% !important;
		bottom: 0px !important;
    	transform: translate(-50%, 0) !important;
	}
	.technologyLay2
	{
		width: 303px !important;
		top: -5.5% !important;
		left: 50% !important;
		bottom: 0px !important;
    	transform: translate(-50%, 0) !important;
	}
	.technologyLay3
	{
		width: 377px !important;
		top: -11% !important;
		left: 50% !important;
		bottom: 0px !important;
    	transform: translate(-50%, 0) !important;
	}
	.technologyLay4
	{
		width: 150px !important;
		top: -16.5% !important;
		left: 50% !important;
		bottom: 0px !important;
    	transform: translate(-50%, 0) !important;
	}
	.technologyLay5
	{
		width: 74px !important;
		top: -22% !important;
		left: 50% !important;
		bottom: 0px !important;
    	transform: translate(-50%, 0) !important;
	}
	.technologyLayView
	{
		height: 364px !important;
        transform: scale(1) translateY(15px) !important;
	}
    .visionContentClick .technologyLayView
    {
        height: 364px !important;
        transform: scale(1) translateY(15px) !important;
    }
	.communication
	{
		width: 340px !important;
		min-width: 340px !important;
	}
	.communicationChildView
	{
		width: 100% !important;
		height: 100% !important;
	}
	.communication_cont
	{
		left: -30px !important;
        top: calc(45% - (320px/ 2)) !important;
	}
    .visionContentClick .communication_cont
    {
        top: calc(45% - (320px/ 2)) !important;
        transition: 0.4s ease !important;
    }
	.communication_cont1_view
	{
		width: 119% !important;
	}
	.communication_cont2_view
	{
		width: 119% !important;
	}
	.communication_cont3_view
	{
		width: 119% !important;
	}
	.fotnSize
	{
		font-size: 21px !important;
	}
	.dotButton
	{
		width: 18px !important;
		height: 18px !important;
	}
	.structure_cont1_view
	{

	}
	.structure_cont1_font
	{
		height: 20px !important;
		line-height: 20px !important;
		font-size: 12px !important;
	}
	.structure_cont2_view
	{
		top: calc(50% - 16px) !important;
	}
	.structure_cont2_font
	{
		
	}
	.structure_cont3_view
	{
		left: calc(50% - 47px) !important;
	}
    .visionContentClick .structure_cont1_view
    {
        top: 50px !important;
    }
    .visionContentClick .structure_cont3_view
    {
        bottom: 50px !important;
    }
	.structure_cont3_font
	{

	}
	.structure_cont4_view
	{

	}
	.structure_cont4_font
	{

	}
	.kernel_view
	{

	}
	.kernel_font
	{
		font-size: 14px !important;
		height: 36px !important;
		line-height: 36px !important;
	}
    .visionContentClick
    {
        border: 2px solid !important;
        border-color: rgb(109, 93, 255) !important;
        transition: 0.4s ease !important;
    }
}

@media screen and (max-width: 500px) {
    .vision_view_wrapper
    {
        height: 600px !important;
    }
	.structure
	{
		width: 300px !important;
		min-width: 300px !important;
	}
	.structure_cont1
	{
		left: calc(50% - 38px) !important;
	}
	.structureChildView
	{
        width: 100% !important;
        height: 100% !important;
	}
    .structure_cont1_view
	{
		left: calc(50% - 37px) !important;
	}
	.structure_cont3_view
	{
		left: calc(50% - 47px) !important;
	}
    .visionContentClick .structure_cont1_view
    {
        left: calc(50% - 37px) !important;
        top: 50px !important;
    }
    .visionContentClick .structure_cont3_view
    {
        bottom: 50px !important;
    }
    
	.structure_cont1_icon
	{
		width: 19px !important;
		margin-left: 9px !important;
		margin-right: 6px !important;
	}
	.structure_cont1_font
	{
		width: 30px !important;
	}
	.structure_cont2_icon
	{
		width: 19px !important;
		margin-left: 8px !important;
		margin-right: 6px !important;
	}
	.structure_cont2_font
	{
		width: 38px !important;
	}
	.structure_cont3_icon
	{
		width: 20px !important;
		margin-left: 9px !important;
		margin-right: 6px !important;
	}
	.structure_cont3_font
	{
		width: 46px !important;
	}
	.structure_cont4_icon
	{
		width: 20px !important;
		margin-left: 9px !important;
		margin-right: 6px !important;
	}
	.structure_cont4_font
	{
		width: 39px !important;
	}
	.kernel_font
	{
		width: 72px !important;
		left: calc(50% - 36px) !important;
	}
	.technology
	{
		width: 300px !important;
		min-width: 300px !important;
	}
	/* .technology_subTitle
	{
		display: none !important;
	} */
	.technologyChildView
	{
		width: 100% !important;
        height: 100% !important;
	}
	.structureChildView_iconView
	{
		width: 75px !important;
		height: 75px !important;
	}
	.structureChildView_iconimg 
	{
		left: calc(50% - 16px) !important;
		top: calc(50% - 16px) !important;
	}
	.technologyLay1 
	{
		width: 340px !important;
	}
	.technologyLay2
	{
		width: 273px !important;
		top: -7.5% !important;
	}
	.technologyLay3 
	{
		width: 342px !important;
		top: -15% !important;
	}
	.technologyLay4 
	{
		width: 136px !important;
		top: -22.5% !important;
	}
	.technologyLay5 
	{
		width: 67px !important;
		top: -30% !important;
	}
	.technologyLayView
	{
		padding: 9px !important;
		height: 340px !important;
        transform: scale(1) translateY(22px) !important;
	}
    .visionContentClick .technologyLayView
    {
        padding: 9px !important;
        height: 340px !important;
        transform: scale(1) translateY(22px) !important;
    }
	.communication
	{
		width: 300px !important;
		min-width: 300px !important;
	}
	.communicationChildView
	{
		width: 100% !important;
		height: 100% !important;
	}
	.communication_cont1_view
	{
		width: 136% !important;
	}
	.communication_cont1_orbit1
	{
		width: 230px !important;
		height: 230px !important;
		background: conic-gradient(from -26deg, rgb(170, 143, 241), rgb(255, 126, 126) 152deg, transparent 152deg) !important;
	}
	.communication_cont1_orbit2
	{
		width: 230px !important;
		height: 230px !important;
		background: conic-gradient(from -207deg, rgb(170, 143, 241), rgb(255, 126, 126) 154deg, transparent 154deg) !important;
	}
	.communication_cont1_dot1
	{
		left: 37% !important;
		top: 18% !important;
	}
    .visionContentClick .communication_cont1_dot1
    {
        left: 36% !important;
        top: 19% !important;
    }
	.communication_cont1_dot2
	{
        left: 25.5% !important;
        top: 29.3% !important;
	}
    .visionContentClick .communication_cont1_dot2
    {
        left: 26.5% !important;
        top: 28.3% !important;
    }
	.communication_cont1_dot3
	{
        left: 64% !important;
        top: 81.5% !important;
	}
    .visionContentClick .communication_cont1_dot3
    {
        left: 64% !important;
        top: 81.5% !important;
    }
	.communication_cont1_dot4
	{
        left: 74% !important;
        top: 71% !important;
	}
    .visionContentClick .communication_cont1_dot4
    {
        left: 74% !important;
        top: 71% !important;
    }
	.communication_cont1_face1
	{
		left: 26.5% !important;
		top: 18% !important;
	}
    .visionContentClick .communication_cont1_face1
    {
        left: 26.5% !important;
        top: 18% !important;
    }
	.communication_cont1_face2
	{
		left: 65.5% !important;
		top: 72% !important;
	}
    .visionContentClick .communication_cont1_face2
    {
        left: 65.5% !important;
        top: 72% !important;
    }
	.communication_cont2_orbit3
	{
		width: 150px !important;
		height: 150px !important;
		background: conic-gradient(from -120deg, rgb(255, 183, 126), rgb(170, 143, 241) 324deg, transparent 324deg) !important;
	}
	.communication_cont2_dot1
	{
        left: 32.7% !important;
        top: 60.3% !important;
	}
    .visionContentClick .communication_cont2_dot1
    {
        left: 33.5% !important;
        top: 62% !important;
    }
	.communication_cont2_dot2
	{
        left: 42% !important;
        top: 71% !important;
	}
    .visionContentClick .communication_cont2_dot2
    {
        left: 41.5% !important;
        top: 70.5% !important;
    }
	.communication_cont2_face1
	{
		left: 33% !important;
		top: 61% !important;
	}
    .visionContentClick .communication_cont2_face1
    {
        left: 32% !important;
        top: 63% !important;
    }
	.communication_cont2_view
	{
		width: 136% !important;
	}
	.communication_cont3_orbit4
	{
		width: 70px !important;
		height: 70px !important;
		background: conic-gradient(from -249deg, rgb(251, 169, 201), rgb(170, 143, 241) 260deg, transparent 260deg) !important;
	}
	.communication_cont3_dot1
	{
        left: 52% !important;
        top: 39.6% !important;
	}
    .visionContentClick .communication_cont3_dot1
    {
        left: 58.5% !important;
        top:52.5% !important;
    }
	.communication_cont3_dot2
	{
        left: 58.5% !important;
        top: 53.5% !important;
	}
    .visionContentClick .communication_cont3_dot2
    {
        left: 52.5% !important;
        top: 40.5% !important;
    }
	.communication_cont3_face1
	{
		left: 52% !important;
		top: 41% !important;
	}
    .visionContentClick .communication_cont3_face1
	{
		left: 52.5% !important;
		top: 41% !important;
	}
	.communication_cont3_view
	{
		width: 136% !important;
	}
	.communication_cont
	{
		left: -49px !important;
        top: calc(45% - (320px/ 2)) !important;
	}
    .visionContentClick .communication_cont
	{
        top: calc(45% - (320px/ 2)) !important;
        transition: 0.4s ease !important;
	}
	.fotnSize
	{
		font-size: 21px !important;
	}
	.dotButton
	{
		width: 14px !important;
		height: 14px !important;
		top: 50% !important;
	}
    .visionContentClick
    {
        border: 2px solid !important;
        border-color: rgb(109, 93, 255) !important;
        transition: 0.4s ease !important;
    }
}

.backgroundView
{
	height: auto !important;
}

.fivePoint_style
{

}

.folvePoint_h2_font
{
	font-size: 32px !important;
}

.folvePoint_sub_font
{
	font-size: 24px !important;
	word-break: keep-all !important;
	white-space: normal !important;
}

.Point_background_Style
{
	height: auto !important;
	background-size: cover !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: auto !important;
	transition: all 500ms ease-in-out !important; 
	padding-bottom: 30px !important;
}

.fivePoint_list_cont
{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-content: center !important;
	flex-direction: column !important;
}

.technology_style,
.development_style,
.trust_style,
.professional_style,
.caollaboration_style {
	transform: scale(1) !important;
	opacity: 1 !important;
	background-color: rgba(245, 245, 245, 0.23) !important; 
	filter: none !important;
	transition: transform 400ms ease, background-color 400ms ease, opacity 400ms ease !important;
}

.hovered {
	transform: scale(1.1) !important;
	background-color: rgba(255, 255, 255) !important;
	transition: transform 400ms ease, background-color 400ms ease !important;
	filter: none !important;
}

.mob_hovered {
	transform: scale(1.01) !important;
    background-color: rgb(255, 255, 255) !important;
    filter: none !important;
    transition: transform 400ms ease, background-color 400ms ease !important;
}

.mob_blurred {
    transform: scale(0.9) !important;
    background-color: rgba(245, 245, 245, 0.23) !important;
    filter: blur(1.0px) !important;
    transition: transform 400ms ease, background-color 400ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
    .technology_style.hovered,
    .development_style.hovered,
    .trust_style.hovered,
    .professional_style.hovered,
    .caollaboration_style.hovered {
        transform: scale(1.1) !important;
        background-color: rgba(255, 255, 255) !important;
        transition: transform 400ms ease, background-color 400ms ease !important;
		filter: none !important;
    }

	.technology_style.hovered .technology_icon {
    	background-image: url(../../Assets/MainHome/technical_purple.png) !important;
	}

	.development_style.hovered .development_icon {
    	background-image: url(../../Assets/MainHome/dev_purple.png) !important;
	}

	.trust_style.hovered .trust_icon {
    	background-image: url(../../Assets/MainHome/trust_purple.png) !important;
	}

	.professional_style.hovered .professional_icon {
    	background-image: url(../../Assets/MainHome/professional_true.png) !important;
	}

	.caollaboration_style.hovered .callaboration_icon {
    	background-image: url(../../Assets/MainHome/collaboration_true.png) !important;
	}

    .technology_style.blurred,
    .development_style.blurred,
    .trust_style.blurred,
    .professional_style.blurred,
    .caollaboration_style.blurred {
        opacity: 0.6 !important;
        transform: scale(0.9) !important;
        background-color: rgba(245, 245, 245, 0.23) !important;
		filter: blur(1.0px) !important;
		transition: transform 400ms ease, background-color 400ms ease !important;
    }

	.technology_style.blurred .technology_icon{
		background-image: url(../../Assets/MainHome/technical_gray.png) !important;
	}

	.development_style.blurred .development_icon {
    	background-image: url(../../Assets/MainHome/dev_gray.png) !important;
	}

	.trust_style.blurred .trust_icon {
    	background-image: url(../../Assets/MainHome/trust_gray.png) !important;
	}

	.professional_style.blurred .professional_icon {
    	background-image: url(../../Assets/MainHome/pro_gray.png) !important;
	}

	.caollaboration_style.blurred .callaboration_icon {
    	background-image: url(../../Assets/MainHome/col_gray.png) !important;
	}
}

.technology_style.web_gray .technology_icon{
    background-image: url(../../Assets/MainHome/technical_gray.png) !important;
}

.development_style.web_gray .development_icon {
    background-image: url(../../Assets/MainHome/dev_gray.png) !important;
}

.trust_style.web_gray .trust_icon {
    background-image: url(../../Assets/MainHome/trust_gray.png) !important;
}

.professional_style.web_gray .professional_icon {
    background-image: url(../../Assets/MainHome/pro_gray.png) !important;
}

.caollaboration_style.web_gray .callaboration_icon {
    background-image: url(../../Assets/MainHome/col_gray.png) !important;
}

@media (hover: none) and (pointer: coarse) {
  /* 모바일 기본 상태에서만 적용 */
  .technology_style.mob_img .technology_icon {
    background-image: url(../../Assets/MainHome/technical_purple.png) !important;
  }

  .development_style.mob_img .development_icon {
    background-image: url(../../Assets/MainHome/dev_purple.png) !important;
  }

  .trust_style.mob_img .trust_icon {
    background-image: url(../../Assets/MainHome/trust_purple.png) !important;
  }

  .professional_style.mob_img .professional_icon {
    background-image: url(../../Assets/MainHome/pro_purple.png) !important;
  }

  .caollaboration_style.mob_img .callaboration_icon {
    background-image: url(../../Assets/MainHome/col_purple.png) !important;
  }


  /* 기본 상태: 클릭 없을 때 */
  .fivePoint_list_itmes.mobile-active:not(.clicked) .fivePoint_list_itme .list_item {
    filter: none !important;
    transform: scale(1) !important;
    background-color: rgba(245, 245, 245, 0.23) !important;
  }

  /* 클릭 후: 클릭된 아이템 */
  .fivePoint_list_itmes.mobile-active.clicked .fivePoint_list_itme .technology_style.list_item.list_mobile_click,
  .fivePoint_list_itmes.mobile-active.clicked .fivePoint_list_itme .development_style.list_item.list_mobile_click,
  .fivePoint_list_itmes.mobile-active.clicked .fivePoint_list_itme .trust_style.list_item.list_mobile_click,
  .fivePoint_list_itmes.mobile-active.clicked .fivePoint_list_itme .professional_style.list_item.list_mobile_click,
  .fivePoint_list_itmes.mobile-active.clicked .fivePoint_list_itme .caollaboration_style.list_item.list_mobile_click  {
    transform: scale(1.01) !important;
    background-color: rgb(255, 255, 255) !important;
    filter: none !important;
    transition: transform 400ms ease, background-color 400ms ease !important;
  }

  	/* 클릭 후: 클릭 안 된 아이템 */
    .fivePoint_list_itmes.mobile-active.clicked .fivePoint_list_itme .technology_style.list_item:not(.list_mobile_click),
    .fivePoint_list_itmes.mobile-active.clicked .fivePoint_list_itme .development_style.list_item:not(.list_mobile_click),
    .fivePoint_list_itmes.mobile-active.clicked .fivePoint_list_itme .trust_style.list_item:not(.list_mobile_click),
   .fivePoint_list_itmes.mobile-active.clicked .fivePoint_list_itme .professional_style.list_item:not(.list_mobile_click), 
   .fivePoint_list_itmes.mobile-active.clicked .fivePoint_list_itme .caollaboration_style.list_item:not(.list_mobile_click) {
    transform: scale(0.9) !important;
    background-color: rgba(245, 245, 245, 0.23) !important;
    filter: blur(1.0px) !important;
    transition: transform 400ms ease, background-color 400ms ease !important;
  }
}

@media screen and (max-width: 1590px)
{
	.fivePoint_list_itme
	{
		margin-left: 0px !important;
	}

	.technology_style.hovered .technology_icon {
    	background-image: url(../../Assets/MainHome/technical_purple.png) !important;
	}

	.development_style.hovered .development_icon {
    	background-image: url(../../Assets/MainHome/dev_purple.png) !important;
	}

	.trust_style.hovered .trust_icon {
    	background-image: url(../../Assets/MainHome/trust_purple.png) !important;
	}

	.professional_style.hovered .professional_icon {
    	background-image: url(../../Assets/MainHome/pro_purple.png) !important;
	}

	.caollaboration_style.hovered .callaboration_icon {
    	background-image: url(../../Assets/MainHome/col_purple.png) !important;
	}

	.technology_style.blurred .technology_icon{
		background-image: url(../../Assets/MainHome/technical_gray.png) !important;
	}

	.development_style.blurred .development_icon {
    	background-image: url(../../Assets/MainHome/dev_gray.png) !important;
	}

	.trust_style.blurred .trust_icon {
    	background-image: url(../../Assets/MainHome/trust_gray.png) !important;
	}

	.professional_style.blurred .professional_icon {
    	background-image: url(../../Assets/MainHome/pro_gray.png) !important;
	}

	.caollaboration_style.blurred .callaboration_icon {
    	background-image: url(../../Assets/MainHome/col_gray.png) !important;
	}

	.partners
	{
		display: none !important;
	}
	.shadow_left
	{
		-webkit-mask-image: none !important;
	}
}

@media screen and (max-width: 1024px)
{
	.folvePoint_h2_font
	{
		font-size: 24px !important;
	}
	.folvePoint_sub_font
	{
		font-size: 18px !important;
	}
	.fivePoint_list_itme
	{
		height: 150px !important;
	}
	.technology_style, .development_style, .trust_style, .professional_style, .caollaboration_style
	{
		border-radius: 20px !important;
	}
	/* .development_style
	{
		border-radius: 20px !important;
	}
	.trust_style, .professional_style
	{
		border-radius: 20px !important;
	} */
}

@media screen and (max-width: 753px)
{
	/* .shadow_left
	{
		-webkit-mask-image: none !important;
	} */
}

@media screen and (max-width: 750px)
{
	.folvePoint_h2_font
	{
		font-size: 22px !important;
	}
	.folvePoint_sub_font
	{
		font-size: 17px !important;
	}
}

@media screen and (max-width: 500px)
{
	.folvePoint_h2_font
	{
		font-size: 16px !important;
	}
	.folvePoint_sub_font
	{
		font-size: 13px !important;
	}
	.fivePoint_list_itme
	{
		height: 123px !important;
	}
	.trust_icon, .technology_icon, .development_icon, .professional_icon, .callaboration_icon
	{
		width: 60px !important;
		height: 60px !important;
	}
	.fivePoint_icon 
	{
		margin-right: 30px !important;
		margin-left: 5px !important;
	}
	.fivePoint_list_itme 
	{
		height: 123px !important;
	}
	.technology_style, .development_style, .trust_style, .professional_style, .caollaboration_style
	{
    	padding-right: 10px !important;
	}
}

@media screen and (max-width: 601px)
{
}

@media screen and (max-width: 1590px)
{
	.fivePoint_image
	{
		display: none !important;
	}
	.fivePoint_lay
	{
		display: block !important;
	}
}
@media screen and (max-width: 918px)
{
	.fivePoint_list_itme
	{
		width: 716px !important;
	}
}

@media screen and (max-width: 818px)
{
	.fivePoint_list_itme
	{
		width: 616px !important;
	}
}

@media screen and (max-width: 700px)
{
	.fivePoint_list_itme
	{
		width: 516px !important;
		/* height: 148px !important; */
		padding-bottom: 0 !important;
	}
	.technology_style, .development_style, .trust_style, .professional_style, .caollaboration_style
	{
		border-radius: 16px !important;
	}
	.fivePoint_title_view
	{
		padding-right: 0 !important;
	}
}

@media screen and (max-width: 580px)
{
	.fivePoint_list_itme
	{
		width: 416px !important;
	}
	.fivePoint_icon
	{
		margin-right: 28px !important;
	}
}

@media screen and (max-width: 480px)
{
	.fivePoint_list_itme
	{
		width: 316px !important;
		/* height: auto !important; */
	}
	.technology_style
	{
		padding: 16px 12px 16px 16px !important;
	}
	.development_style
	{
		padding: 16px 12px 16px 16px !important;
	}
	.trust_style
	{
		padding: 16px 12px 16px 16px !important;
	}
	.professional_style
	{
		padding: 16px 12px 16px 16px !important;
	}
	.caollaboration_style
	{
		padding: 16px 12px 16px 16px !important;
	}
	.technology_icon
	{
		width: 50px !important;
		height: 50px !important;
	}
	.development_icon
	{
		width: 50px !important;
		height: 50px !important;
	}
	.trust_icon
	{
		width: 50px !important;
		height: 50px !important;
	}
	.professional_icon
	{
		width: 50px !important;
		height: 50px !important;
	}
	.callaboration_icon
	{
		width: 50px !important;
		height: 50px !important;
	}
	.fivePoint_icon
	{
		margin-right: 10px !important;
		top: 0 !important;
	}
}
@media screen and (max-width: 480px)
{
	/* .Point_partner_view
	{
		height: 350px !important;
	} */
}

.hex
{
	transition: transform 0.3s ease !important;
	transform: scale(1) !important;
}

.active
{
	transform: scale(1.3) !important;
  	z-index: 2 !important;
}

.adjacent
{
	 transform: scale(0.8) !important;
 	 opacity: 0.7 !important;
}

.footerFont
{
	font-size: 24px !important;
	word-break: keep-all !important;
	white-space: normal !important;
}

.footer_R_view
{

}

.footer_container
{

}

footer_bottom_line
{
	width: 80% !important;
}

@media screen and (max-width: 1590px)
{
	.footer_R_view
	{
		padding-left: 7vw !important;
		padding-right: 7vw !important;
	}
}

@media screen and (max-width: 1024px)
{
	.footerFont
	{
		font-size: 18px !important;
	}
	.footer_container
	{
		height: 332px !important;
	}
	.footer_flex_view
	{
		margin-bottom: 20px !important;
	}
	.footer_R_view
	{
		height: 270px !important;
	}
}

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

@media screen and (max-width: 500px)
{
	.footerFont
	{
		font-size: 13px !important;
	}
	.footer_container
	{
		height: 295px !important;
	}

	.footer_flex_view 
	{
		margin-bottom: 12px !important;
	}
	
	.footer_R_view 
	{
		height: 212px !important;
	}
	.footer_copy
	{
		font-size: 8px !important;
	}
}

.who_gradient_bg
{
	position: realtive !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	/* 임시 영역 나중에 지워야함*/
	min-height: 1000px !important;
	background-color: rgba(0,0,0,0) !important;
	top: -185px !important;
}

.who_gradient_bg_overlay {
	height: 25% !important;
	z-index: 2 !important;
    pointer-events: none !important;
}
.who_gradient_bg .top {
	background: linear-gradient(to bottom, #fafafa 56%, transparent) !important
}
.who_gradient_bg .bottom {
	background: linear-gradient(to top, #fafafa 56%, transparent) !important
}
/* @media screen and (max-width: 1169px)
{
	.who_gradient_bg
	{
		top: -128px !important;
	}
} */

@media screen and (max-width: 1170px)
{
	.who_gradient_bg
	{
		min-height: 800px !important;
		top: -128px !important;
	}
}

@media screen and (max-width: 960px)
{
	.who_gradient_bg
	{
		min-height: 600px !important;
	}
}

@media screen and (max-width: 770px)
{
	.who_gradient_bg
	{
		min-height: 500px !important;
		top: -92px !important;
	}
}

@media screen and (max-width: 630px)
{
	.who_gradient_bg
	{
		min-height: 400px !important;
		top: -80px !important;
	}
}

@media screen and (max-width: 520px)
{
	.who_gradient_bg
	{
		min-height: 300px !important;
		top: 0px !important;
	}
	/* .who_gradient_bg .top {
		background: none !important;
	}
	.who_gradient_bg .bottom {
		background: none !important;
	} */
}

.who_circle_big_view
{
	position: absolute !important;
	display: block !important;
	width: 1000px !important;
	height: 1000px !important;
	border-radius: 500px !important;
	left: 0 !important;
	right: 0 !important;
	margin: 0 auto !important;
	background-color: rgba(0, 0, 0, 0) !important;
	border: 2px solid #d1d1d1 !important;
	transition: all 100ms ease-in-out !important;
}

.who_circle_big_view::before
{
	content: '' !important;
	position: relative !important;
	display: block !important;
	width: 60% !important;
	height: 60% !important;
	margin: 0 auto !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	border-radius: 500px !important;
	border: 2px solid #d1d1d1 !important;
}

/* bg크기 조절 */
@media screen and (max-width: 1170px)
{
	.who_circle_big_view
	{
		width: 900px !important;
		height: 900px !important;
	}
}

@media screen and (max-width: 960px)
{
	.who_circle_big_view
	{
		width: 600px !important;
		height: 600px !important;
	}
	.who_circle_big_view::after
	{
		background-size: 60% !important;
	}
}

@media screen and (max-width: 770px)
{
	.who_circle_big_view
	{
		width: 500px !important;
		height: 500px !important;
	}
}

@media screen and (max-width: 630px)
{
	.who_circle_big_view
	{
		width: 400px !important;
		height: 400px !important;
	}
}

@media screen and (max-width: 520px)
{
	.who_circle_big_view
	{
		width: 300px !important;
		height: 300px !important;
	}
}


/* 폰트사이즈 조절 */
@media screen and (max-width : 1024px)
{
	.who_circle_big_view_overlay_label
	{
		font-size: 36px !important;
	}
}

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

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

.who_circle_dot1
{
	position: absolute !important;
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	background-color: #fafafa !important;
	border-radius: 100px !important;
	border: 3px solid #dd2590 !important;
	z-index: 3 !important;
	left: 5.9% !important;
	top: 24% !important;
}

.who_circle_dot1::before
{
	content: 'Design' !important;
	position: relative !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	left: -30px !important;
	top: 15px
}

.who_circle_dot2
{
	position: absolute !important;
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	background-color: #fafafa !important;
	border-radius: 100px !important;
	border: 3px solid #DC6803 !important;
	z-index: 3 !important;
	left: 19% !important;
	top: 50% !important;
}

.who_circle_dot2::before
{
	content: 'Development' !important;
	position: relative !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	left: -66px !important;
	top: 15px
}

.who_circle_dot3
{
	position: absolute !important;
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	background-color: #fafafa !important;
	border-radius: 100px !important;
	border: 3px solid #A04CDB !important;
	z-index: 3 !important;
	left: 8.8% !important;
	top: 79% !important;
}

.who_circle_dot3::before
{
	content: 'Continuous' !important;
	position: relative !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	left: -50px !important;
	top: 15px
}

.who_circle_dot4
{
	position: absolute !important;
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	background-color: #fafafa !important;
	border-radius: 100px !important;
	border: 3px solid #333333 !important;
	z-index: 3 !important;
	left: 68.4% !important;
	top: 26% !important;
}

.who_circle_dot4::before
{
	content: 'Technology' !important;
	position: relative !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	left: -55px !important;
	top: 15px
}

.who_circle_dot5
{
	position: absolute !important;
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	background-color: #fafafa !important;
	border-radius: 100px !important;
	border: 3px solid #039855 !important;
	z-index: 3 !important;
	left: 99.3% !important;
	top: 50% !important;
}

.who_circle_dot5::before
{
	content: 'Strategy' !important;
	position: relative !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	left: -40px !important;
	top: 15px
}

.who_circle_dot6
{
	position: absolute !important;
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	background-color: #fafafa !important;
	border-radius: 100px !important;
	border: 3px solid #1570EF !important;
	z-index: 3 !important;
	left: 67.8% !important;
	top: 73% !important;
}

.who_circle_dot6::before
{
	content: 'Optimization' !important;
	position: relative !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	left: -60px !important;
	top: 15px
}

.who_circle_dot4 .dot_card {
    left: -100% !important;
    transform: translate(-10%, 15%) !important;
    top: 50% !important;
}
.who_circle_dot5 .dot_card {
    left: -100% !important;
    transform: translate(-65%, 15%) !important;
    top: 50% !important;
}
.who_circle_dot1 .dot_card,
.who_circle_dot2 .dot_card,
.who_circle_dot3 .dot_card,
.who_circle_dot6 .dot_card {
    left: -100% !important;
    transform: translate(-43%, 15%) !important;
    top: 50% !important;
}


@media screen and (max-width: 1024px)
{
	.who_circle_dot1::before
	{
		font-size: 18px !important;
		left: -23px !important;
	}
	.who_circle_dot2::before
	{
		font-size: 18px !important;
		left: -50px !important;
	}
	.who_circle_dot3::before
	{
		font-size: 18px !important;
		left: -39px !important;
	}
	.who_circle_dot4::before
	{
		font-size: 18px !important;
		left: -44px !important;
	}
	.who_circle_dot5::before
	{
		font-size: 18px !important;
		left: -30px !important;
	}
	.who_circle_dot6::before{
		font-size: 18px !important;
		left: -46px !important;
	}

	.who_circle_dot1,
	.who_circle_dot2,
	.who_circle_dot3,
	.who_circle_dot4,
	.who_circle_dot5,
	.who_circle_dot6
	{
		width: 14px !important;
		height: 14px !important;
	}

    .who_circle_dot1 .dot_card {
        left: -100% !important;
        transform: translate(-40%, 15%) !important;
        top: 50% !important;
    }
    .who_circle_dot5 .dot_card {
        left: -100% !important;
        transform: translate(-80%, 15%) !important;
        top: 50% !important;
    }
    .dot_card {
        padding: 12px !important;
    }
    .dot_card_mt {
        margin-top: 8px !important;
    }
} 

@media screen and (max-width: 960px)
{
	.who_circle_dot1
	{
		left: 5.5% !important;
	}

	.who_circle_dot2
	{
		left: 18.6% !important;
	}

	.who_circle_dot3
	{
		left: 8.8% !important;
	}

	.who_circle_dot6
	{
		left: 67.2% !important;
	}

    .who_circle_dot2 .dot_card {
        left: -100% !important;
        transform: translate(-60%, 10%) !important;
        top: 50% !important;
    }
    .who_circle_dot4 .dot_card {
        left: -100% !important;
        transform: translate(3%, 10%) !important;
        top: 50% !important;
    }
}

@media screen and (max-width: 770px)
{
	.who_circle_dot1::before, 
	.who_circle_dot2::before,
	.who_circle_dot3::before,
	.who_circle_dot4::before,
	.who_circle_dot5::before,
	.who_circle_dot6::before{
		font-size: 17px !important;
	}

	.who_circle_dot1,
	.who_circle_dot2,
	.who_circle_dot3,
	.who_circle_dot4,
	.who_circle_dot5,
	.who_circle_dot6
	{
		width: 13px !important;
		height: 13px !important;
	}
    
    .dot_card {
        padding: 10px !important;
    }
    .dot_card_title {
        font-size: 16px !important;
    }
    .dot_card_sub {
        font-size: 12px !important;
    }
    .dot_card_mt {
        margin-top: 5px !important;
    }

    .who_circle_dot1 .dot_card {
        left: -100% !important;
        transform: translate(-50%, 15%) !important;
        top: 50% !important;
    }
    .who_circle_dot2 .dot_card {
        left: -100% !important;
        transform: translate(-65%, 15%) !important;
        top: 50% !important;
    }
    .who_circle_dot4 .dot_card {
        left: -100% !important;
        transform: translate(12%, 0%) !important;
        top: 50% !important;
    }
}

@media screen and (max-width: 630px)
{
	.who_circle_dot2::before
	{
		left: -57px !important;
	}

	.who_circle_dot4::before
	{
		left: -29px !important;
	}

	.who_circle_dot1
	{
		left: 4.5% !important;
	}

	.who_circle_dot2 
	{
		left: 18% !important;
        top: 50% !important;
	}

	.who_circle_dot5 
	{
		left: 98.7% !important;
	}

	.who_circle_dot6 
	{
		left: 66% !important;
	}

    .dot_card {
        padding: 8px !important;
    }
    .dot_card_title {
        font-size: 14px !important;
    }
    .dot_card_sub {
        font-size: 11px !important;
    }
    .dot_card_mt {
        margin-top: 3px !important;
    }
    .who_circle_dot2 .dot_card {
        left: -100% !important;
        transform: translate(-73%, 14%) !important;
        top: 50% !important;
    }
    .who_circle_dot3 .dot_card {
        left: -100% !important;
        transform: translate(-60%, 15%) !important;
        top: 50% !important;
    }
    .who_circle_dot4 .dot_card {
        left: -100% !important;
        transform: translate(15%, -50%) !important;
        top: 50% !important;
    }
}

@media screen and (max-width: 580px)
{
	.who_circle_dot1::before
	{
		left: -17px !important;
		font-size: 13px !important;
	}

	.who_circle_dot2::before
	{
		left: -43px !important;
		font-size: 13px !important;
	}

	.who_circle_dot3::before
	{
		left: -27px !important;
		font-size: 13px !important;
	}

	.who_circle_dot4::before
	{
		left: -16px !important;
		font-size: 13px !important;
	}

	.who_circle_dot5::before
	{
		left: -21px !important;
		font-size: 13px !important;
	}

	.who_circle_dot6::before{
		left: -33px !important;
		font-size: 13px !important;
	}

	.who_circle_dot1,
	.who_circle_dot2,
	.who_circle_dot3,
	.who_circle_dot4,
	.who_circle_dot5,
	.who_circle_dot6
	{
		width: 11px !important;
		height: 11px !important;
	}
}

@media screen and (max-width: 520px)
{   
    .who_circle_dot1 {
        left: 3.5% !important;
        top: 25% !important;
    }
    .who_circle_dot2 {
        left: 19% !important;
        top: 41% !important;
    }
    .who_circle_dot2::before {
        left: -50px !important;
    }
    .who_circle_dot1 .dot_card {
        left: -100% !important;
        transform: translate(-30%, -120%) !important;
        top: 50% !important;
    }
    .who_circle_dot2 .dot_card {
        left: -100% !important;
        transform: translate(-73%, 14%) !important;
        top: 50% !important;
    }
    .who_circle_dot3 .dot_card {
        left: -100% !important;
        transform: translate(-43%, 15%) !important;
        top: 50% !important;
    }
    .who_circle_dot4 .dot_card {
        left: -100% !important;
        transform: translate(-20%, -120%) !important;
        top: 50% !important;
    }
    .who_circle_dot5 {
        left: 98.2% !important;
        top: 42% !important;
    }
    .who_circle_dot5 .dot_card {
        left: -100% !important;
        transform: translate(-45%, 15%) !important;
        top: 50% !important;
    }
    .who_circle_dot6 .dot_card {
        left: -100% !important;
        transform: translate(-30%, 15%) !important;
        top: 50% !important;
    }
}


@media screen and (max-width: 460px)
{
    .who_circle_dot5 .dot_card {
        left: -100% !important;
        transform: translate(-61%, 15%) !important;
        top: 50% !important;
    } 
}

@media screen and (max-width: 400px)
{   
    .who_circle_dot1 .dot_card {
        left: -100% !important;
        transform: translate(-15%, -115%) !important;
        top: 50% !important;
    }
    .who_circle_dot2 .dot_card {
        left: -100% !important;
        transform: translate(-74%, 14%) !important;
        top: 50% !important;
    } 
    .who_circle_dot4 .dot_card {
        left: -100% !important;
        transform: translate(-45%, -115%) !important;
        top: 50% !important;
    } 
    .who_circle_dot5 .dot_card {
        left: -100% !important;
        transform: translate(-70%, 15%) !important;
        top: 50% !important;
    } 
    .dot_card {
        width: 100px !important;
    }
    .dot_card_sub {
        white-space: initial !important;
    }
}

.list_left
{
	flex: 1 1 0 !important; 
}

.list_mid
{
	flex: 8 1 0 !important;
}

.list_mid2{
	flex: 9 1 0 !important;
}

/* .list_right
{
	display: block !important;
	flex-grow: 1 !important;
	flex-shrink: 1 !important;
	flex-basis: 0 !important;
} */

.list_right
{
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: opacity 0.5s ease !important;
}

.list_right.show
{
	display: block !important;
	flex: 1 1 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

.list_right.visible {
  opacity: 1 !important;
  visibility: visible !important;
}

.list_sel
{
}

.removeTransition
{
    transition: none !important;
}

.hidden-x
{
    overflow-x: hidden !important;
}