.c_related_news{padding-bottom: 4.5%;}

@media only screen and (max-width: 950px) {
	.c_related_news{padding-bottom: 28px;}
}

/* c_faq_box */

.faq_list li{border-bottom: 1px solid #E3E3E3; padding: 10px 0 10px;}
.faq_list li .th{position: relative; padding: 14px 24px 14px 40px; cursor: pointer; line-height: 1.3;}
.faq_list li .th .title{font-size: 18px;}

.faq_list li .left_icon{position: absolute; left: 0; top: 50%; width: 36px; height: 36px; cursor: pointer; margin-top: -18px;}
.faq_list li .left_icon::before{position: absolute; right: 0; top: 0; font-family: fontawesome; font-size: 24px; line-height: 36px; height: 100%; width: 100%; text-align: center; transition: all 0.3s ease; content: '\f0d7';}

.faq_list li .brief{padding: 0 24px 10px 40px; line-height: 1.75; display: none; color: #999;}

.faq_list li.sel_item .th{color: var(--color-main);}
.faq_list li.sel_item .left_icon::before{transform: rotate(180deg); color: var(--color-main);}
.faq_list li.sel_item .brief{display: block;}
.faq_list li.sel_item{border-bottom: 1px solid var(--color-main);}
/* .faq_list li:hover{box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.15);} */

@media only screen and (max-width: 950px) {
	.faq_list li{padding: 5px 0;}
	.faq_list li .left_icon{width: 30px;}
	.faq_list li .th{padding: 12px 12px 12px 32px;}
	.faq_list li .brief{padding: 0 12px 10px 32px;}
}