.c_right_box .web_th .title, .c_banner_txt .th{text-transform: unset;}
.c_right_box .web_th .brief{text-align: left; margin-top: 3%;}

/* faq_list */
.faq_list{padding-top: 3%;}
.faq_list li{border-top: 2px solid #000; padding: 10px 0;}
.faq_list li .th{position: relative; color: #000; padding: 15px 50px 15px 0; cursor: pointer; line-height: 1.3; text-transform: uppercase;}
.faq_list li .th .title{font-size: 24px; font-family: 'Open Sans-Bold';}

.faq_list li .right_icon{position: absolute; right: 0; top: 50%; width: 36px; height: 36px; cursor: pointer; margin-top: -18px;}
.faq_list li .right_icon::before{position: absolute; right: 0; top: 0; font-family: fontawesome; font-size: 36px; color: #000; line-height: 36px; height: 100%; width: 100%; text-align: center; transition: all 0.3s ease; content: '\f0d7'; transform: rotate(270deg);}

.faq_list li .faq_con{padding: 5px 0 15px; line-height: 1.75; display: block; position: relative; display: none; color: #666;}

.faq_list li.sel_item .th{color: #306EAD;}
.faq_list li.sel_item .right_icon::before{content: '\f0d7'; transform: rotate(180deg); color: #306EAD;}
.faq_list li.sel_item .faq_con{display: block;}

@media only screen and (max-width: 1450px) {
	.faq_list li .th .title{font-size: 22px;}
}
@media only screen and (max-width: 1200px) {
	.faq_list li .th .title{font-size: 20px;}
	.faq_list li .right_icon::before{font-size: 32px;}
}
@media only screen and (max-width: 950px) {
	.faq_list{padding: 20px 0 0;}
	.faq_list li{padding: 0;}
	.faq_list li .th{padding: 15px 40px 15px 0;}
	.faq_list li .faq_con{padding: 0 0 15px;}
	.faq_list li .right_icon::before{font-size: 28px;}
}