@charset "utf-8";

.faq-category .div-tab { margin-bottom:15px; }
.faq-category .dropdown { margin-bottom:15px; }
.faq-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }
.faq-box { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }
.faq-img img, .faq-html img, .faq-content img { width:auto; max-width:100%; border:0; }
.faq-content .panel-body p { padding:0; margin:0; }
.faq-none { padding:50px 0; }


/*추가*/
.faq_top_list{ padding:0px; margin:0px; font-size:0px; margin-bottom:35px;  }
.faq_top_list li{ display:inline-block; margin-right:15px; margin-bottom:15px;  }
.faq_top_list li:last-child{ margin-right:0px; }
.faq_top_list li a{ display:block; font-size:16px; color:#333; padding:10px 40px; border:1px solid #ddd; border-radius:30px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.faq_top_list li.active a,
.faq_top_list li:hover a,
.faq_top_list li a:focus{ background:#333; color:#fff; }

/*qna 박스*/
.qna_box{ padding:70px 0;  background:#f5f5f5;  text-align:center;  }
.qna_box .sub_h:after{ content:none; }
.qna_box .qna_cate{ display:inline-block; font-size:18px; color:#fff; padding:5px 10px; background:#006ab1; margin-top:10px;  }

.qna_list{ text-align:left; border-top:2px solid #333; padding:0px; margin:0px; margin-bottom:30px;}
.qna_list > li{ border-bottom:1px solid #ddd;}
.qna_list > li .q_box{ display:block; width:100%; line-height:160%;  padding:18px 110px; background:#fff; text-align:left;  font-size:18px;   background-image:url('/thema/Basic/img/qna_back02.png'), url('/thema/Basic/img/qna_back03.png'); background-position:left 40px center, right 40px center; background-repeat:no-repeat; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.qna_list > li .q_box.on { background-image:url('/thema/Basic/img/qna_back01.png'), url('/thema/Basic/img/qna_back04.png'); }
.qna_list > li .a_box{ display:none;  padding:35px 60px; font-size:16px; line-height:160%;  }

.qna_list2 .a_box{ background:#f5f5f5;}

body .faq_btn{display:block;width:60px;height:32px;line-height:34px;background:#0a4a9b;color:#fff;font-size:14px;text-align:center;margin:10px auto 0;}

@media all and (max-width:1024px){
	.faq_top_list{ margin-bottom:15px; }
	.faq_top_list li{ margin-right:10px; margin-bottom:10px; }
	.faq_top_list li a{ font-size:14px; padding:7px 25px; }
	
	/*qna 박스*/
	.qna_list > li .q_box{ padding:15px 80px; font-size:16px;  background-position:left 25px center, right 25px center; background-repeat:no-repeat; background-size:35px, 15px;}
	.qna_list > li .a_box{ padding:25px 40px; font-size:14px; }
}

@media all and (max-width:768px){
	.faq_top_list li{ margin-right:7px; margin-bottom:7px; }
	.faq_top_list li a{ padding:5px 15px; }

	/*qna 박스*/
	.qna_list > li .q_box{ padding:15px 50px 15px 15px; font-size:14px; background-image: url('/thema/Basic/img/qna_back03.png'); background-position:right 15px center; background-size:15px;  }
	.qna_list > li .q_box.on{ background-image: url('/thema/Basic/img/qna_back04.png'); }
	.qna_list > li .a_box{ font-size:14px; padding:20px; }
}