@charset "utf-8";
#bo_cate {margin:15px 0 10px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;}
#bo_cate a {display:block;border:1px solid #dadada;background:#fff;margin:0 0 5px 0;line-height:30px;padding:0 10px;border-radius:3px}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#f3f3f3}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #253dbe;color:#253dbe;font-weight:bold}

#faq_wrap {margin:10px 0 30px}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li{border:1px solid #ddd;background:#fff;margin:5px 0;}
#faq_wrap li h3{min-height:50px;line-height:30px;padding:10px;padding-left:50px;position:relative}
#faq_wrap li h3 .tit_bg{display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#333;color:#fff;border-radius:50%;width:30px;height:30px}
#faq_con .con_inner{display:none;border-top:1px solid #ddd;padding:15px;padding-left:50px;position:relative;background: #f7f7f7;}
#faq_con .con_inner .tit_bg{display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn{height:25px;font-size:0.92em;display:inline-block;padding:0 5px;border-radius:5px;}
#faq_con .con_closer{text-align:right}

#faq_sch {text-align:center;border:1px solid #ccc;background:#fff;;padding:30px;margin:10px 0}
#faq_sch form{display:inline-block;position:relative}
#faq_sch .sch_tit{font-size:20px;font-weight:bold;display:inline-block;margin-right:10px;vertical-align:middle}
#faq_sch .frm_input{border-color:#646982;border-radius:0;width:300px}
#faq_sch .btn_submit{padding:0 10px;height:40px;color:#000;font-size:1.083em;font-weight:bold;color:#fff;background:#253dbe;}

	.sub_title > h3 { margin-bottom:0.5rem; } 
	.sub_title > p { font-size:1rem; line-height:1.8; font-weight:300; }
	.subBody { margin-top:2rem; width:100%; display:grid; grid-template-columns:100%; grid-gap:4% 3%; }
	.subBody .bodyWrap { background-color:#fff; }
	.bodyHdline { display:flex; justify-content: space-between; align-items: center; background-color:#f5f7fa; padding:0.7rem 1rem; }
	.bodyHdline h4 { font-size:1.1rem; }
	.bodyHdline a { color:#5822e0; }
	.boarddList { padding:1rem; }
	.boarddList li { line-height:2.0; }
	.boarddList li > a { display:grid; grid-template-columns:70% 28%; grid-auto-rows: 2rem; grid-gap:2%; font-weight:300; align-items: center; }
	.boarddList li > a > p { overflow:hidden; white-space:nowrap; text-overflow: ellipsis; font-size:0.9rem; }
	.boarddList li > a > span { color:#999; text-align: right; font-size:0.8rem; }
	.itemBox { display:grid; grid-template-columns:50% 50%; background-color:#fbfbfb !important; }
	.itemBox article { border:1px solid #ddd; }
	.itemBox article:first-child { border-right:none; }
	.bodyWrap.itemBox article { display: grid; align-items: center; justify-content: center; grid-auto-rows:55% 18% 25%; text-align: center; padding:1rem; transition:all 0.2s; }
	.bodyWrap.itemBox article > i.icons { height:100%; font-size:3.0rem; color:rgb(204 193 225); display: flex; align-items: flex-end; justify-content: center; }
	.bodyWrap.itemBox article > i.icons:before { width:4.5rem; height:4.5rem; border-radius:50%; background-color:#fff; padding:1rem; display: flex;
    align-items: center; justify-content: center; box-shadow: 0 0 0.5rem rgb(204 193 225 / 50%); }
	.bodyWrap.itemBox article > h4 { font-size:1.2rem; padding-top: 0.5rem; }
	.bodyWrap.itemBox article > p { line-height:1.2; font-size:0.85rem; letter-spacing:-1px; font-weight:200; color:#aaa; }
	.bodyWrap.itemBox article:hover { background-color:rgb(245 239 255); cursor:pointer; }

	.ui-accordion-content-active { min-height:196.203px !important; }
	#accordion02 .ui-accordion-content.ui-accordion-content-active { display:flex !important; }

	#faqPage .ui-widget-content { border:none; padding:0;}
	#faqPage .ui-widget-content.ui-accordion-content-active { background:#f9f9f9; border-radius:0; }
	#faqPage .ui-widget-content p { font-weight:300; font-size:1rem; }
	#faqPage .ui-widget-content.answer { display:flex; flex-direction:column; gap:0.5rem; height:auto !important; }
	#faqPage .ui-widget-header { border:none; background:white; border-bottom:1px solid #5822e0; border-radius:0; }
	#faqPage .ui-state-active, 
	#faqPage .ui-widget-content .ui-state-active, 
	#faqPage .ui-widget-header .ui-state-active { border:none; background:white; color:#000; }
	#faqPage .ui-tabs .ui-tabs-panel { padding:0; }
	#faqPage .ui-accordion > h3 { border:none; border-top:1px solid #ddd !important; border-bottom:1px solid #ddd !important; background:white; border-radius:0; }
	#faqPage .ui-tabs-nav { display:grid; grid-template-columns:50% 50%; margin-bottom:1.5rem; padding:0; }
	#faqPage .ui-tabs-nav:before,
	#faqPage .ui-tabs-nav:after { display:none; }
	#faqPage .ui-tabs-active { border-bottom:none !important; }
	#faqPage .ui-tabs-tab { padding:0; }
	#faqPage .ui-tabs-tab > a { width:100%; text-align:center; padding:1rem 0; }
	#faqPage .ui-state-default, 
	#faqPage .ui-widget-content .ui-state-default, 
	#faqPage .ui-widget-header .ui-state-default { margin:0; border:1px solid #ddd; border-left:0; border-right:0; border-radius:0; background:#f6f6f6; }
	#faqPage .ui-state-default a, 
	#faqPage .ui-state-default a:link, 
	#faqPage .ui-state-default a:visited { color:#aaa; }
	#faqPage .ui-tabs-active { background:#fff !important; border:1px solid #5822e0; border-bottom: 1px solid #fff !important; }
	#faqPage .ui-tabs-active a { color:#5822e0; }
	#faqPage .ui-accordion-header { background:#fff !important; color:black; font-weight: 400; padding: 1rem 2rem; }
	.q_liStyle { color:#5822e0; font-weight:bold; }
	.a_liStyle { font-weight:bold; }


.question{position:relative;}
.question i{position:absolute;right:2%;top:38%;font-size:1rem;color: var(--color_limeMedium);}
.answer{padding:1.2em 1.8em !important;} 
#faqPage .ui-accordion > h3 b{color:#dd3f3f;}




@media screen and (max-width: 1200px){

}



@media screen and (max-width: 960px){

	.sub_title > p { text-align:center; }
	#faqPage .subBody .question.ui-accordion-header { text-align:left; }


}



@media screen and (max-width: 600px){

	.subBody { grid-template-columns:100%; }
	.bodyWrap.itemBox article { grid-auto-rows:75% 25%; }
	.bodyWrap.itemBox article > p { display:none; }
	.itemBox { grid-auto-rows: 10rem; }
	.bodyWrap.itemBox article > i.icons:before { padding: 0.5rem; }

}