@charset "utf-8";
#faq_hhtml {display: none;}
#qna {margin-top: -80px;}
#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: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-bottom:1px solid #E7E7E7;background:#fff;position:relative}
#faq_wrap li:first-child {border-top:1px solid #333333}
#faq_wrap li h3 {display: flex; align-items: center; justify-content: flex-start; height: 64px; padding:16px 20px;}
#faq_wrap li h3 a span {font-size: 15px; line-height: 150%; color:#333; font-weight: 400;}
#faq_wrap li h3 .tit_bg {min-width: 30px; margin-right: 12px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #693BB8; color:#FFF; font-size: 15px; font-weight: 700; line-height: 150%;}
#faq_wrap li h3.faq_li_open a {}

#faq_con .con_inner {display:none;}
#faq_con .con_inner .d-flex {padding:17px 20px; background-color: #F8F8F8; }
#faq_con .con_inner .d-flex p span {line-height: 150%; font-size: 15px; color:#333;}
#faq_con .con_inner .tit_bg {width: 30px; margin-right: 12px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #FF78B5; color:#FFF !important; font-size: 15px; font-weight: 700; line-height: 150%;}

#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3a8afd;font-size:1.2em}
#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

#faq_sch {display: block; margin-left: auto;margin-bottom: 30px;}
#faq_sch form {display: flex; justify-content: flex-end;}
#faq_sch form select {width: 140px; height: 50px; margin-right: 20px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../../../img/ico_select.png') no-repeat right 16px center; background-size: 14px; border:0; border-bottom:1px solid #CCC; font-size: 15px; color:#333; padding:13px 16px;}
#faq_sch form select::-ms-expand { display: none; }
#faq_sch .sch_bar {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #CCC; padding-right: 16px; width: 270px;}
#faq_sch input {border: 0; font-size: 15px; padding:13px 16px; width: 100%;}
#faq_sch .btn_submit {min-width: 18px; max-width: 18px; height: 18px; border-radius: 0; background: transparent;}

@media (max-width: 768px) {
    #faq_wrap li h3 {height: unset; padding:20px 10px;}
    #faq_wrap li h3 .tit_bg,
    #faq_con .con_inner .tit_bg {min-width: 24px; width: 24px; height: 24px; margin-right: 8px; font-size: 12px; font-weight: 400;}
    #faq_wrap li h3 a span {font-size: 14px; line-height: 140%;}
    #faq_con .con_inner .d-flex {padding: 20px 10px;}
    #faq_con .con_inner .d-flex p span {line-height: 140%; font-size: 14px;}


    #faq_sch form {flex-wrap: wrap;}
    #faq_sch form select {width: 100%; margin-right: 0; margin-bottom: 8px; height: 40px; padding: 0 10px; font-size: 14px; background-size: 10px;}
    #faq_sch .sch_bar {min-width: 100%;}
    #faq_sch input {font-size: 14px; padding: 0 10px; height: 40px;}
  
    
    
}