@charset "utf-8";

.bv_cscenter_wrap {display: flex;flex-direction: column;justify-content: center;width: 100%;max-width: 1000px;margin: 50px auto}
.bv_cscenter_wrap .bv_cscenter_header {color: #333;font-size: 24px;font-weight: 400;line-height: 36px;letter-spacing: -0.01em;}
.bv_cscenter_wrap .bv_cscenter_header .bv_cscenter_head_title {}
.bv_cscenter_wrap .bv_cscenter_header .bv_cscenter_head_desc {}
.bv_cscenter_wrap .bv_cscenter_header .bv_cscenter_head_desc strong {font-weight: bold}

.bv_cscenter_wrap .bv_cscenter_content_wrap {margin: 30px 0;}
.bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top {display: flex;justify-content: space-between;margin:0 0 20px}
.bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top .bv_cscenter_content_top_tit {font-size: 20px;line-height: 30px;letter-spacing: -0.01em;display: inline-block;position: relative;font-weight: 700;}
.bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top .bv_cscenter_content_top_link {font-size: 16px;line-height: 22px;letter-spacing: -0.01em;color: #666;}
.bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top .bv_cscenter_content_top_link:after {content: '\f105';font-family: 'FontAwesome';font-size: 20px;color: #666;padding-left: 5px}
.bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch {display: flex;justify-content: center;overflow: hidden;padding: 30px 20px;flex-direction: row;background-color: rgba(80, 85, 177, 0.06);border-radius: 10px;    background-color: #f7f7f7}
.bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch .frm_input {display: inline-block;width: 400px;height: 44px;padding: 0 14px 2px;color: #000;font-size: 14px;line-height: 42px;letter-spacing: -0.01em;font-family: "Noto Sans KR", sans-serif;background-color: #fff;border: 1px solid #d5d5d5;border-radius: 6px;box-sizing: border-box;transition: border-color 0.2sease-out;outline: none;}
.bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch .btn_submit {padding: 10px 20px;color: #fff;background: #0075d9;border: 1px solid #0075d9;transition: background-color 0.2sease-out, border-color 0.2sease-out;}

#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;}


.bv_cscenter_wrap .bv_cscenter_qna_wrap {}
.bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_tit {font-size: 20px;line-height: 30px;letter-spacing: -0.01em;display: inline-block;position: relative;font-weight: 700;margin: 30px 0}
.bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area {display: flex}
.bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box {display: flex;padding: 27px 0 28px}
.bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box:first-child {background: #f7f7f7;width: 325px;border-radius: 10px;overflow: hidden;}
.bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box:nth-child(2) {margin-left: 30px;width: 319px;padding: 30px;border: 1px solid #eaeaea;flex-direction: column}
.bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box .bv_cscenter_qna_link {width: 50%;position: relative;text-align: center}
.bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box .bv_cscenter_qna_link:after {content: "";position: absolute;left: 0;top: 12px;bottom: 12px;width: 1px;background-color: #eaeaea;}
.bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box .bv_cscenter_qna_link > i {display: inline-block;font-size: 30px;line-height: 80px;background: #fff;border-radius: 100%;width: 80px;height: 80px;}
.bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box .bv_cscenter_qna_link > .bv_cscenter_qna_label {font-weight: 400;font-size: 14px;padding-top: 15px;display: block}
.bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box .bv_cscenter_qna_title {margin-bottom: 15px;font-size: 18px;line-height: 23px;letter-spacing: -0.01em;font-weight: 700;}
.bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box .bv_cscenter_qna_tel {font-size: 20px;line-height: 30px;letter-spacing: -0.01em;font-weight: 700;color: #0075d9;}
.bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box .bv_cscenter_qna_desc {font-size: 14px;padding-top: 10px}

.bv_cscenter_wrap .bv_cscenter_notice_wrap {margin-top: 30px}
.bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head {display: flex;justify-content: space-between;margin:0 0 20px}
.bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head .bv_cscenter_notice_head_tit {font-size: 20px;line-height: 30px;letter-spacing: -0.01em;display: inline-block;position: relative;font-weight: 700;}
.bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head .bv_cscenter_notice_head_link {font-size: 16px;line-height: 22px;letter-spacing: -0.01em;color: #666;}
.bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head .bv_cscenter_notice_head_link:after {content: '\f105';font-family: 'FontAwesome';font-size: 20px;color: #666;padding-left: 5px}

.bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list {border-top: 1px solid #000;border-bottom: 1px solid #eaeaea;box-sizing: border-box;width: 100%}
.bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .bv_cscenter_notice_item {display: flex;color: #767676;border-bottom: 1px solid #eaeaea;padding: 28px 24px;font-size: 14px;}
.bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .empty_li {justify-content: center;font-size: 16px}
.bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .bv_cscenter_notice_item .num {width: 15%;}
.bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .bv_cscenter_notice_item .title {width: 80%;text-decoration: underline;}
.bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .bv_cscenter_notice_item .date {width: 10%;}

#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_cscenter_wrap {max-width: 100%;width: 95%;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top .bv_cscenter_content_top_link {line-height: 30px;font-size: 12px;font-weight: 300;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top .bv_cscenter_content_top_link:after {position: relative;top:1px}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch {padding: 30px 0;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch form {display: flex}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch .frm_input {width: 300px}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch .btn_submit {width: 100px;height: 45px;white-space: nowrap;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top {margin: 0 0 10px}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_tit {margin: 30px 0 20px}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area {flex-wrap: wrap}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box:first-child {width: 100%;margin-bottom: 10px;}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box:nth-child(2) {width: 100%;margin-left: 0;}

    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head {margin: 0 0 10px}
    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head .bv_cscenter_notice_head_link {font-size: 12px;font-weight: 300;}
    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head .bv_cscenter_notice_head_link:after {position: relative;top:2px}
    .bv_cscenter_wrap #bo_cate li {}
    .bv_cscenter_wrap #bo_cate a {font-size: 14px}

    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .bv_cscenter_notice_item .title {display: -webkit-box;display: -ms-flexbox;display: box;max-height: 80px;overflow: hidden;vertical-align: top;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .bv_cscenter_notice_item .date {width: 20%}


}

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

    .bv_cscenter_wrap {max-width: 100%;width: 95%;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top .bv_cscenter_content_top_link {line-height: 30px;font-size: 12px;font-weight: 300;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top .bv_cscenter_content_top_link:after {position: relative;top:1px}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch {padding: 30px 0;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch form {display: flex}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch .frm_input {width: 300px}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch .btn_submit {width: 100px;height: 45px;white-space: nowrap;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top {margin: 0 0 10px}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_tit {margin: 30px 0 20px}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area {flex-wrap: wrap}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box:first-child {width: 100%;margin-bottom: 10px;}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box:nth-child(2) {width: 100%;margin-left: 0;}

    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head {margin: 0 0 10px}
    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head .bv_cscenter_notice_head_link {font-size: 12px;font-weight: 300;}
    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head .bv_cscenter_notice_head_link:after {position: relative;top:2px}
    .bv_cscenter_wrap #bo_cate li {}
    .bv_cscenter_wrap #bo_cate a {font-size: 14px}

    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .bv_cscenter_notice_item .title {display: -webkit-box;display: -ms-flexbox;width: 65%;display: box;max-height: 80px;overflow: hidden;vertical-align: top;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .bv_cscenter_notice_item .date {width: 20%}


}

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

    .bv_cscenter_wrap {max-width: 100%;width: 95%;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top .bv_cscenter_content_top_link {line-height: 30px;font-size: 12px;font-weight: 300;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top .bv_cscenter_content_top_link:after {position: relative;top:1px}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch {padding: 30px 0;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch form {display: flex}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch .frm_input {width: 300px}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch .btn_submit {width: 100px;height: 45px;white-space: nowrap;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top {margin: 0 0 10px}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_tit {margin: 30px 0 20px}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area {flex-wrap: wrap}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box:first-child {width: 100%;margin-bottom: 10px;}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box:nth-child(2) {width: 100%;margin-left: 0;}

    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head {margin: 0 0 10px}
    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head .bv_cscenter_notice_head_link {font-size: 12px;font-weight: 300;}
    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head .bv_cscenter_notice_head_link:after {position: relative;top:2px}
    .bv_cscenter_wrap #bo_cate li {}
    .bv_cscenter_wrap #bo_cate a {font-size: 14px}

    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .bv_cscenter_notice_item .title {display: -webkit-box;display: -ms-flexbox;width: 65%;display: box;max-height: 80px;overflow: hidden;vertical-align: top;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .bv_cscenter_notice_item .date {width: 20%}

}

/* 모바일 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) {

    .bv_cscenter_wrap {max-width: 100%;width: 95%;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top .bv_cscenter_content_top_link {line-height: 30px;font-size: 12px;font-weight: 300;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top .bv_cscenter_content_top_link:after {position: relative;top:1px}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch {padding: 30px 0;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch form {display: flex}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch .frm_input {width: 100%}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_faq_sch .btn_submit {width: 135px;height: 45px;white-space: nowrap;}
    .bv_cscenter_wrap .bv_cscenter_content_wrap .bv_cscenter_content_top {margin: 0 0 10px}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_tit {margin: 30px 0 20px}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area {flex-wrap: wrap}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box:first-child {width: 100%;margin-bottom: 10px;}
    .bv_cscenter_wrap .bv_cscenter_qna_wrap .bv_cscenter_qna_area .bv_cscenter_qna_box:nth-child(2) {width: 100%;margin-left: 0;}

    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head {margin: 0 0 10px}
    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head .bv_cscenter_notice_head_link {font-size: 12px;font-weight: 300;}
    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_head .bv_cscenter_notice_head_link:after {position: relative;top:2px}
    .bv_cscenter_wrap #bo_cate li {width: 50%;}
    .bv_cscenter_wrap #bo_cate a {font-size: 14px}

    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .bv_cscenter_notice_item .title {display: -webkit-box;display: -ms-flexbox;width: 65%;display: box;max-height: 80px;overflow: hidden;vertical-align: top;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .bv_cscenter_wrap .bv_cscenter_notice_wrap .bv_cscenter_notice_list .bv_cscenter_notice_item .date {width: 20%}

}