@charset "utf-8";



/*------------------------------------------------------------
	faq
------------------------------------------------------------*/
#faq .toggle_btn {
	cursor: pointer;
  }

 
  #faq .toggle_btn .arrow {
	transition: 0.4s;
	font-size: 25px;
  }
  #faq .toggle_btn .arrow.open {
	transform: rotate(180deg);
	transition: 0.4s;
  }
  #faq .switch {
	display: none;
  }

  #faq .toggle_btn .arrow_wap{
	height: 25px;
    right: 5%;
    left: inherit;
}


@media screen and (max-width: 896px) {
	#faq .toggle_btn{
		padding: 10px 5%;
	}

	#faq .toggle_btn .arrow_wap{
		height: 24px;
	}
	
}
  

#career .sec01{
	background-image: url(../img/career/bg01.png);
	background-repeat: no-repeat;
	background-position: top 3% left;
	background-size: contain;
	padding-top: 5.5%;
	
}


.an_btn_wap{
	padding-bottom: 7rem;
}

#numbers .sec01 .txt{
line-height: 2;
} 


#numbers .sec02 .headLine02{
margin-bottom: 2rem;
}

#numbers .sec02 .img_wap .inner {

	gap: 5rem;

}

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

	

	#numbers .sec02{
		max-width: 95%;
	}
	
    

	#numbers .sec02 .img_wap{
		padding-bottom: 4%;
	}

	#numbers .sec02 .img_wap .inner{
		max-width: 95%;
		gap: 4%;
		
	}

	#numbers .sec02 .img_wap .inner .txt01{

		width: 48%;
		margin-bottom: 4%;

	}

}

#requirements .sec01,
#benefits .sec01{

	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
#benefits .sec01 .inner,
#requirements .sec01 .inner{
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#benefits .sec01 .inner .box,
#requirements .sec01 .inner .box{
	width: 35rem;
}
#benefits .sec01 .inner .box h4,
#requirements .sec01 .inner .box h4{
	border-bottom: 2px solid #6D8AEF ;
}
#benefits .sec01.bg_yellow .inner .box h4,
#requirements .sec01.bg_yellow .inner .box h4{
	border-bottom: 2px solid #D8FF7E ;
}
#benefits .sec01 .inner .box .txt01{
	color: rgba(39, 40, 48, 0.8);
	line-height: 1.8;
	letter-spacing: 0.02em;
}


#benefits .sec01 .inner{
	gap: 6rem;
	padding-left: 11rem;
    padding-right: 11rem;
	
}

#benefits .sec01 .inner .box{
	width: 35rem;
}

#benefits .sec01 .inner .box h4{
	border-bottom: 2px solid #6D8AEF ;
}

#benefits .sec01.bg_yellow .inner .box h4{
	border-bottom: 2px solid #D8FF7E ;
}

#benefits .sec01 .inner .box .txt01{
	color: rgba(39, 40, 48, 0.8);
	line-height: 1.8;
	letter-spacing: 0.02em;
}


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

	#benefits .sec01 .inner{
		padding: 2rem;
		gap: 2rem;
	}

	#faq .toggle_btn{
		padding: 10px 14% 10px 5%;
	}
}