@charset "utf-8";
/**************************************************

	SUPERBOARD :: BOARD SKIN :: faq

**************************************************/
#sb-faq{}
#sb-faq .faq_list{border-top: 2px solid #545c73;}
#sb-faq .faq_list li{border-bottom: 1px solid #ddd;}
#sb-faq .faq_list li .ques{position: relative;padding:20px;}
#sb-faq .faq_list li .ques:after{content: '';display: block;background: url(/superboard/images/sb_ico_faq_spr.png) no-repeat center center;background-size: contain;display: block;width: 15px;height: 100%;position: absolute;top: 0;right: 20px;}
#sb-faq .faq_list li.active .ques:after{transform: rotate(-180deg);}
#sb-faq .faq_list li .ques a.sbj{display: block;font-size: 16px; font-weight:500; line-height:26px;color: #333333;}
#sb-faq .faq_list li .ans{position: relative; padding:40px 0 50px 200px; display: none; border-top:1px solid #ddd; min-height:130px;}
#sb-faq .faq_list li .ans .img {position:absolute; top:40px; left:30px; width:130px;}
#sb-faq .faq_list li .ans .img img {max-width:100%;}
#sb-faq .faq_list li .ans p {font-size:15px; line-height:30px; color:#666; letter-spacing:-1px;}

#sb-category {margin:60px auto 50px; }
#sb-category li{width:20%; margin:0; padding:0; box-sizing:border-box; border:0;}
#sb-category li:before {display:none;}
#sb-category li a {border:1px solid #ddd; margin:-1px 0 0 -1px; display:block; text-align:center; line-height:46px; font-size:15px; color:#555;}
#sb-category li.active a {background:#853b36; color:#fff !important; font-weight:normal;}


@media screen and (max-width: 1300px) {
	#sb-faq .faq_list li .ques{padding: 15px 30px 15px 35px;background-size: 20px auto;background-position: 5px center;}
	#sb-faq .faq_list li .ques:after{width: 10px;height: 100%;right: 5px;}
	#sb-faq .faq_list li .ques a.sbj{font-size: 12px;line-height:16px;}
	#sb-faq .faq_list li .ans{padding: 15px 30px 15px 120px; min-height:110px; background-size: 20px auto;background-position: 5px center;font-size: 12px;line-height: 16px;}
	#sb-faq .faq_list li .ans .img {width:80px; top:15px; left:20px;}

	#sb-faq .faq_list li .ans p {font-size:12px; line-height:22px;}

	
	#sb-category {padding:0; background:none;}
	#sb-category li {width:33.333%;} 
	#sb-category li a {font-size:12px;}


}

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

	
	#sb-category li {width:50%;} 
	#sb-category li a { line-height:18px; padding:5px; box-sizing:border-box; min-height:48px;

}