/* faq_list */
.faq_list li{margin-bottom: 20px; border: 1px solid #E5E5E5; padding: 6px 0;}
.faq_list li .th{position: relative; padding: 20px 72px 20px 72px; cursor: pointer; line-height: 1.3; font-family: 'Barlow-Bold';}
.faq_list li .th .title{font-size: 20px;}

.faq_list li .left_icon{position: absolute; left: 30px; top: 18px; width: 30px; height: 30px; cursor: pointer; font-size: 16px; background: url(../img/icon_faq.png) no-repeat center; background-size: 30px auto;}

.faq_list li .right_icon{position: absolute; right: 14px; top: 50%; width: 36px; height: 36px; cursor: pointer; margin-top: -18px; transition: all 0.3s ease;}
.faq_list li .right_icon::before{position: absolute; right: 0; top: 0; font-family: fontawesome; font-size: 32px; color: var(--commonColor); line-height: 36px; height: 100%; width: 36px; text-align: center; content: '\f107'; content: '+'; font-weight: bold;}

.faq_list li .faq_con{padding: 0 30px 20px 72px; line-height: 1.5; display: none; position: relative; margin-top: 0;}

.faq_list li.sel_item{border-color: var(--commonColor);}
.faq_list li.sel_item .th{color: var(--commonColor);}
.faq_list li.sel_item .right_icon{ transform: rotate(180deg);}
.faq_list li.sel_item .right_icon::before{content: '\f107'; content: ''; width: 16px; height: 4px; background: var(--commonColor); top: 50%; margin-top: 0px; font-size: 42px; left: 50%; margin-left: -8px;}
.faq_list li.sel_item .faq_con{display: block;}

@media only screen and (max-width: 950px) {
	.faq_list{padding: 0;}
	.faq_list li{margin-bottom: 15px;}
	.faq_list li:last-child{margin-bottom: 0;}
	.faq_list li .th{padding: 12px 40px 12px 50px;}
	.faq_list li .th::before{left: 15px; right: 15px;}
	.faq_list li .left_icon{left: 15px; top: 16px; background-size: 26px auto;}
	.faq_list li .right_icon{right: 6px;}
	.faq_list li .faq_con{padding: 0 20px 12px 20px;}
}