@charset "utf-8";

.faq_list_wrap{}
ul.faq_list_board {color: #363636;}
ul.faq_list_board > li{position:relative; border-bottom: 1rem solid #eee; box-sizing:border-box;}
ul.faq_list_board > li .td_chk{position:absolute; z-index:20; top:0; left:0; cursor:pointer;}
ul.faq_list_board p.q {display: block; padding:25rem 0 ; position: relative;  font-weight:500; color:#222; font-size:20rem; cursor: pointer; word-break:keep-all;}
ul.faq_list_board p.q:after{position: absolute; top: 50%; right: 0; width: 34rem; height: 34rem; content: ""; font-size: 23rem; line-height: 34rem; background:var(--color-point) url(ic-plus.svg) no-repeat center; background-size:12rem auto; border-radius: 50%; text-align: center; color: #fff; transform: translateY(-50%); transition:all 0.3s ease; }
ul.faq_list_board p.q.on:after{background: var(--color-point) url(ic-minus.svg) no-repeat center; background-size:12rem auto;}

ul.faq_list_board p.q a{font-size:16rem; height:30rem; line-height:27rem; margin-right:5rem;}
ul.faq_list_board p.q.on{border-bottom: 1rem solid #eee;}
ul.faq_list_board p.q.on:after  {transform: translateY(-50%) rotate(-180deg);    transition: transform 120ms ease-in-out;  }
ul.faq_list_board p.q.on {background: #fff;}

ul.faq_list_board span.qt {color: #0d51a0; display:block; float: left; width: 40rem; text-align: center; margin-left: -40rem; }

ul.faq_list_board div.answer{ background: #f9f9f9; padding: 20rem ; display: none;}
ul.faq_list_board div.answer img {max-width:100%; margin: 0;}

ul.faq_list_board div.answer .desc {font-size:17rem; font-weight:400; color: #555; line-height:1.7em; word-break:keep-all;}
ul.faq_list_board .cate_name {text-align: center;}
	
ul.faq_list_board .empty_table {min-height:110rem; padding-top: 40rem;}

@media all and (max-width:1024px){
	ul.faq_list_board p.q{padding:22rem 0; font-size:18rem;}
	ul.faq_list_board p.q:after{width:30rem; height:30rem;}
}
@media all and (max-width:768px){
	ul.faq_list_board p.q{padding:20rem 0; font-size:17rem;}
	ul.faq_list_board p.q:after{width:25rem; height:25rem;}
	ul.faq_list_board div.answer{padding:15rem;}
	ul.faq_list_board div.answer .desc{font-size:16rem;}
}

@media all and (max-width:480px){
	ul.faq_list_board p.q{padding:13rem 30rem 13rem 0; font-size:13rem;}
	ul.faq_list_board p.q:after{width:18rem; height:18rem; background-size:8rem auto;}
	ul.faq_list_board p.q.on:after{background-size:8rem auto;}
	ul.faq_list_board div.answer{padding:10rem;}
	ul.faq_list_board div.answer .desc{font-size:11rem; line-height:1.5em;}
}