@charset "utf-8";

.faq-tab{width:100%; text-align:center; margin-bottom:20px; overflow:hidden;}
.faq-tab ul{position:relative; z-index:100;}
.faq-tab ul li{float:left; display:table; width:33.3333%; max-width:400px; height:40px;}
.faq-tab ul li a{font-size:14px; color:#888; line-height:40px; display:block; border:1px solid #ccc; box-sizing:border-box; cursor:pointer; transition:none;}
.faq-tab ul li~li{margin-left:-1px;}
.faq-tab .selected a{border:1px solid #0062b1; color:#0062b1; position:relative; z-index:1;}

.faq-box{width:100%; border:1px solid #ccc; box-sizing:border-box; margin-bottom:10px;}
.faq-q{display:block; box-sizing:border-box; padding:22px 20px;}
.faq-q h3{font-size:18px; color:#333; font-weight:500; position:relative; padding:0 30px; box-sizing:border-box;}
.faq-q h3:before{content:'Q.'; font-size:20px; font-family: 'S-CoreDream-3Light'; color:#e60012; position:absolute; left:0; top:-3px; transition:all 0.4s;}
.faq-q h3:after{content: "\e941"; font-family:'xeicon'; position:absolute; right:0; top:4px; color:#888;}
.faq-a{background:#fafafa; padding:20px; box-sizing:border-box; border-top:1px dotted #aaa; display:none;}
.faq-a div{position:relative; padding-left:30px;}
.faq-a div:before{content:'A.'; font-size:18px; font-family: 'S-CoreDream-3Light'; color:#003365; position:absolute; left:0;top:3px;line-height:1;}
.faq-a .wysiwyg p{font-size:17px;}
.faq-box.active .faq-q h3:after{transform:rotate(180deg);}
.no-faq{text-align:center; padding:100px 0; box-sizing:border-box;border:1px solid #eee;background:#fafafa;}




@media all and (max-width:1199px){

}

@media all and (max-width:767px){
	.faq-q{padding:18px 20px;}
	.faq-q h3{font-size:17px;}
	.faq-a{padding:14px 20px;}
	.faq-a .wysiwyg p{font-size:16px;}
}

@media all and (max-width:525px){
	.faq-tab ul li{width:100%; max-width:100%;}
	.faq-tab ul li~li{margin-left:0; margin-top:-1px;}
	
	.faq-q h3{font-size:16px;}
	.faq-a .wysiwyg p{font-size:15px;line-height:23px;}
}

@media all and (max-width:360px){

}