@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com
 */

 /* list */
 #kboard-default-list .faq-list{
	
 }
 #kboard-default-list .faq-list > h3{
	padding: 30px 10px;
    font-size: clamp(18px, 2vw, 26px);
    font-weight: 700;
    text-align: center;
    color: #000;
	width:90%; max-width: 1500px;
	margin: 0 auto;
	border-left:1px solid var(--gray-col); border-right: 1px solid var(--gray-col);
	border-bottom: 1px solid var(--gray-col);
 }
#kboard-default-list .faq-list ul{
	list-style: none; padding: 0;
	box-sizing: border-box;
	border-left: 1px solid var(--gray-col);
	border-right: 1px solid var(--gray-col);
}
#kboard-default-list .faq-list ul li:not(:last-child){
	border-bottom: 1px solid var(--gray-col);
}
#kboard-default-list .faq-list ul li > div{
	padding: 35px 10% 35px 54px;
	display: flex; gap: 53px;
}
#kboard-default-list .faq-list ul li .faq-q{
	position: relative; cursor: pointer;
}
#kboard-default-list .faq-list ul li .faq-q .faq-arrow{
	display: block; width: 20px; height: 20px;
	position: absolute; right: 54px; top: 36px;
}
#kboard-default-list .faq-list ul li .faq-q .faq-arrow::before,
#kboard-default-list .faq-list ul li .faq-q .faq-arrow::after{
	content:""; display: block; width: 100%; height: 2px;
	background: #000; position: absolute; left: 50%; top: 50%;
	transform: translate(-50%, -50%);
}
#kboard-default-list .faq-list ul li .faq-q .faq-arrow::before{
	transform: translate(-50%, -50%) rotate(90deg);
}
#kboard-default-list .faq-list ul li .faq-q.active .faq-arrow::before{
	display: none;
}
#kboard-default-list .faq-list ul li .faq-a{
	position: relative;
	background: #eee;
}
#kboard-default-list .faq-list ul li > div .faq-num{
	font-size: clamp(14px, 1.6vw, 18px);
	font-weight: 700;
}
#kboard-default-list .faq-list ul li .faq-a .faq-num{
	transform: translateY(2px);
}
#kboard-default-list .faq-list ul li > div p,
#kboard-default-list .faq-list ul li .faq-a span{
	font-size: clamp(14px, 1.6vw, 18px) !important;
}

#kboard-default-list .faq-list ul li .list-control{
	top: auto; bottom: 5px;
}

@media screen and (max-width:1024px){
	#kboard-default-list .faq-list ul li > div{
		padding: 20px 50px 20px 20px;
		gap: 20px;
	}
	#kboard-default-list .faq-list ul li .faq-q .faq-arrow{
		right: 20px; top: 22px;
	}
}

@media screen and (max-width:640px){
	#kboard-default-list .faq-list ul li > div{
		padding: 17px 38px 17px 19px;
		gap: 10px;
	}
	#kboard-default-list .faq-list ul li .faq-q .faq-arrow{
		width: 13px; height: 13px;
		right: 12px; top: 22px;
	}
}