@charset "utf-8";

.bv_faq_wrap {display: flex;justify-content: center;flex-direction: column;width: 100%;max-width: 1399px;margin: 50px auto}
.bv_faq_wrap .bv_faq_title {font-size: 36px;text-align: center;line-height: 36px;letter-spacing: -0.01em;display: inline-block;position: relative;font-weight: 700;}
#bo_cate {border-top:1px solid #d5d5d5;border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;border-radius: 10px;overflow: hidden}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin: 0 -1px -1px 0;display: flex;justify-content: flex-start;flex-wrap: wrap;}
#bo_cate li {box-sizing: border-box;width: 20%;margin: 0;border: 1px solid #d5d5d5;border-width: 0 1px 1px 0;}
#bo_cate a {display: block;height: 50px;line-height: 50px;text-align: center;color: #767676;}
#bo_cate #bo_cate_on {border: 1px solid #0075d9;background: #0075d9;color: #fff;}

#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 #ececec;background:#fff;position:relative}
#faq_wrap li:first-child {border-top:1px solid #ececec}
#faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:50px;position:relative}
#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#000;font-size:1.2em}
#faq_wrap li h3 .tit_bg {position: absolute;left: 10px;top:20px;width: 24px;height: 24px;color: #fff;background-color: #0075d9;border-radius: 50%;font-family: "Roboto", sans-serif;text-align: center;line-height: 24px;font-weight: 400;}
#faq_wrap li h3.faq_li_open a {color:#000;font-weight: bold}

#faq_con .con_inner {display:none;padding:24px 24px 24px 40px;position: relative;border-radius: 10px;background: #f7f7f7;}
#faq_con .con_inner::before {content: '\f112';font-family: 'FontAwesome';position: absolute;left: 15px;top:15px;transform: rotate(-180deg)}
#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 {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;color:#3a8afd;font-size:1.2em}
#faq_con .con_inner > p {font-size: 14px}
#faq_sch {background-color: #f7f7f7;border-radius: 10px;overflow: hidden;padding:30px;text-align:center;margin:30px 0 30px}
#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: 16px;color: #fff;background: #0075d9;border: 1px solid #0075d9;transition: background-color 0.2sease-out, border-color 0.2sease-out;}





/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px)*/
@media all and (min-width:1024px) and (max-width:1279px) {

    .bv_faq_wrap {max-width: 100%;width: 95%}
    .bv_faq_wrap .bv_faq_title {font-size: 20px;text-align: center}
    #faq_sch .frm_input {width: 200px;}
    #bo_cate a {font-size: 14px}

}

/* 테블릿 가로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) {

    .bv_faq_wrap {max-width: 100%;width: 95%}
    .bv_faq_wrap .bv_faq_title {font-size: 20px;text-align: center}
    #faq_sch .frm_input {width: 200px;}
    #bo_cate a {font-size: 14px}

}

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (min-width:480px) and (max-width:767px) {

    .bv_faq_wrap {max-width: 100%;width: 95%}
    .bv_faq_wrap .bv_faq_title {font-size: 20px;text-align: center}
    #faq_sch .frm_input {width: 200px;}
    #bo_cate a {font-size: 12px}
    #faq_wrap li span {font-size: 12px!important;}
}

/* 모바일 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) {
    .bv_faq_wrap {max-width: 100%;width: 95%}
    .bv_faq_wrap .bv_faq_title {font-size: 20px;text-align: center}
    #faq_sch .frm_input {width: 200px;}
    #bo_cate li {width: 50%}

    #faq_wrap li span {font-size: 11px!important;}
}