@charset "utf-8";

/* 리스트 스타일 추가_230221 */
.faq_wrap {
	width:100%;
	position:relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.faq_unit {
	position:relative;
	border: 1px solid #555;
	border-radius: 22px;
	overflow: hidden;
}

/* .faq_unit:nth-of-type(1) {
	border-top:1px solid #555;
} */

.faq_check {
	position:absolute;
	left:10px;
	top:0;
	z-index:1;
}

.faq_title {
	position:relative;
	background-color:#fff;
	font-size:20px;
	font-weight:700;
	padding:30px 50px 30px 60px;
	cursor:pointer;
	word-break: keep-all;
}

.faq_title:before {
	position: absolute;
  left: 30px;
  top: 25px;
  content: "Q.";
  display: block;
  font-size: 28px;
  font-weight: 700;
}

.faq_title:after {
	position: absolute;
  right: 30px;
  top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
  content: "";
    display: block;
	width:12px;
	height:7px;
	background:url('/images/faq_arrow.png') center center no-repeat;
	background-size:contain;
}

.faq_title.on {
	background-color:#555;
	color:#fff;
}

.faq_title.on:after {
	background-image:url('/images/faq_arrow_white.png');
}

.faq_modi {
	position: absolute;
  right: 30px;
  top: 22px;
  width: 80px;
  border: 1px solid #ddd;
  color: #666;
  text-align: center;
  padding: 7px 0;
	background-color:#fff;
	z-index:1;
}

.faq_content {
	display:none;
	font-size:18px;
	padding:30px 30px;
	position:relative;
	background-color:#f7f7f7;
}



/* 반응형 시작 */
/* 반응형 중간기기 1380px 사이즈 이하 */
@media all and (max-width:1380px){
	

	



}

/* 반응형 중간기기 1200px 사이즈 이하 */
@media all and (max-width:1200px){
	

	

}



/* 반응형 중간기기 1100px 사이즈 이하 */
@media all and (max-width:1100px){

	



	
}

/* 반응형 중간기기 998px 사이즈 이하 */
@media all and (max-width:998px){

	
	


}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	


	
	
	
}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	

	.faq_wrap {gap: 5px;}
	.faq_unit {
		border-radius: 12px;		
		border: 1px solid #ddd;
	}
	.faq_title {
		font-size:16px;
		padding:16px 40px 16px 40px;
	}

	.faq_title:before {
		font-size:20px;
		top:14px;
		left:19px;
	}

	.faq_title:after {
		right:16px;
	}

	.faq_content {
		padding:20px 20px;
		font-size: 16px;
	}

	.faq_modi {
		right:12px;
		top:9px;
	}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
	

}












/* 반응형 종료 */