@charset "utf-8";

#bo_cate {margin-bottom:28px}
#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;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}

#faq_wrap {margin:0 0 100px}
#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-bottom:1px solid #e5e5e5;background:#fff;position:relative}
#faq_wrap li:first-child {border-top:1px solid #e5e5e5;}
#faq_wrap li h3 {    font-weight: 400; min-height:50px;line-height:30px;padding:25px;padding-left:90px;padding-right: 50px;position:relative}
#faq_wrap li h3 a {display: inline-block; width: 100%;	}
#faq_wrap li h3 .tit_btn {position:absolute;right:20px;top:28px;width:24px; height:24px; border:0;background:#fff;color:#c5cdd8;font-size:1.2em}
#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top: 50%; left: 20px; transform: translate(0%, -50%);text-align:center;color:#0fb0d2; width:40px; height:40px;border-radius:100%; border:2px solid currentcolor; }
#faq_wrap li h3 .tit_bg::before {content:'Q'; font-size:0.9em;font-weight: 500;color:currentcolor;  position: absolute;left:50%; top:50%;transform:translate(-50%, -50%);}
#faq_wrap li h3.faq_li_open a {color:#0fb0d2; width: 100%; display: block;}

#faq_con .con_inner {display:none;position: relative; padding:30px 30px 30px 90px; font-weight: 300; color: #666; line-height: 150%;border-top: 1px dashed #eee;}
#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:50%; left: 20px; transform: translate(0%, -50%);text-align:center;color:#E93D51; width:40px; height:40px;border-radius:100%; border:2px solid currentcolor;}
#faq_con .con_inner .tit_bg::before {content:'A'; font-size:0.9em;font-weight: 500;color:currentcolor;  position: absolute;left:50%; top:50%;transform:translate(-50%, -50%);}
#faq_con .con_inner .closer_btn {position:absolute;right:20px;    top: -53px;border:0;width:24px;height:24px;background:#fff;color:#0fb0d2;font-size:1.2em}

#faq_sch {background:#f1f3f8;padding:30px;text-align:center; margin-bottom:20px;}
#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#faq_sch .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px}
#faq_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}

@media screen and (max-width: 1300px) {

}
@media screen and (max-width: 1024px) {
#faq_wrap section {width: 90%; margin:0 5%;}
}
@media screen and (max-width: 768px) { 
#faq_wrap li h3 {padding:15px 60px;}
#faq_wrap li h3 a {font-size:0.9em; }
#faq_wrap li h3 .tit_btn {top:50%; transform: translate(0%, -50%);}
#faq_wrap li h3 .tit_bg {left:10px;}
#faq_con .con_inner .closer_btn {top:-42px;}
#faq_con .con_inner .tit_bg {left:10px;}
#faq_con .con_inner {padding: 20px 20px 20px 60px;}

}
@media screen and (max-width: 568px) { 
#faq_wrap li h3 .tit_bg::before {font-size: 0.9rem;}
#faq_wrap li h3 a {font-size:0.85rem;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
#faq_wrap li h3 {min-height: auto; line-height: 100%;padding: 15px 45px;}
#faq_wrap li h3 .tit_bg {left:0; width:35px; height:35px;}
#faq_wrap li h3 .tit_btn {right:0;}
#faq_con .con_inner {font-size:0.8rem;padding: 10px 20px 10px 45px;}
#faq_con .con_inner .tit_bg {left:0; width:35px; height:35px;}
#faq_con .con_inner .closer_btn {top: -37px; right: 0;}
#faq_con .con_inner p {margin-bottom:10px;}
}