/* BASIC css start */
div, ul, ol, li, dl, dt, dd, p, a, span, h1, h2, h3, h4, h5, h6, h7 {
    font-family: nanum barun gothic;
}


.qna-board dd:nth-child(3) a{
color:#f74f4f;
}


.bbs-sch .keyword{
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    border: 0 none !important;
}


.MS_input_select.select-category {
    display: block;
    width: 220px;
    float: left;
    height: 40px;
    border: 1px solid #999;
    text-indent: 10px  !important;
    vertical-align:middle !important;
}

.board-wrap form {
    margin: 74px 0;
}


.search-wrap.bbs-sch {
    margin: 52px 0 0;
}


#content thead th {
    padding: 7px 0 6px 0;
    line-height: 17px;
    color: #474747;
    font-weight: normal;
    font-size: 11px;
    background: #eee;
    background-color: white !important;
}
#content thead th, 
#content tbody td {
    padding: 18px 0 16px 0 !important;
}

tbody td {
    font-size: 12px;
    border-bottom: 1px #ebebeb solid;
    color: #636363;
}

#faqWrap {
    min-height: 925px;
    width: 972px;
    margin: 0 auto;
}

.paging {
    padding-top: 50px;
}

dl.best-keyword {
    width: 626px;
    margin: 20px auto;
    text-align: center;
}

dl.best-keyword dt,
dl.best-keyword dd,
dl.best-keyword .list,
dl.best-keyword .list li,
dl.best-keyword .list li a{
   display:inline-block;
   color:black;
   font-size: 15px;
}


ul.faq-menu li {
    float: left;
    
}

ul.faq-menu li a {
    display: inline-block;
    padding: 25px 27px;
    font-weight: bold;
    color: black;
    
}

dl.best-keyword .list li a:hover,
ul.faq-menu li a:hover{
   color:#f74f4f;
}


dl.best-keyword .list li a {
    color: white;
    background-color: #3a3a3a;
    padding: 4px 25px;
    border-radius: 30px;
}



ul.list {
    margin-left: 15px;
}

select {
    margin-right: 8px !important;
}

.re_faq_header { width:1700px; margin:20px auto 50px; font-size:10pt; }

.wrap_tit { width:100%; text-align:center; margin:80px 0 50px; font-size:16pt; font-weight:bold; color:#111; }
.wrap_tit span { font-size:10pt; font-weight:300; width:100%; text-align:center; display:block; margin:5px 0 0; }

.navi_wrap { padding:20px 0; box-sizing:border-box; border-top:1px solid #000; border-bottom:1px solid #000; }
.re_navi { display:table; margin:0 auto; }
.re_navi::after { content:""; display:block; clear:both }
.re_navi li { float:left; margin:0 10px; position:relative; }
.re_navi li::after { content:""; position:absolute; left:-10px; top:3px; width:1px; height:10px; background:#000; }
.re_navi li:nth-child(1)::after { display:none; }

.tit_navi { display:table; margin:0 0 20px; }
.tit_navi::after { content:""; display:block; clear:both }
.tit_navi li { float:left; margin:0 10px; position:relative; }

.board_wrap { width:1700px; margin:80px auto 120px; font-size:10pt; }

.search_sec { text-align:center; }
.search_sec .b_bn { padding:10px 20px; font-size:16pt; font-weight:bold; color:#fff; background:#252323; display:table; margin:0 auto 20px; }
.search_sec .form_wrap { display:table; margin:50px auto; }
.search_sec .form_wrap .search_wrap input { height:40px; margin:0 4px 0 0; box-sizing:border-box; padding:0; }
.search_sec .form_wrap .search_wrap .sub_btn { display:inline-block; height:40px; line-height:40px; width:100px; text-align:center; background:#252323; color:#fff; }

.page_tit { font-size:16pt; font-weight:bold; color:#5b5b5b; margin:80px 0 20px; padding:0 0 10px; border-bottom:1px solid #b8b8b9; position:relative; }
.customer_box { font-size:10pt; font-weight:300; position:absolute; top:0; right:0; }

.page_wrap { width:100%; overflow:hidden; margin:0 0 80px; }

.jh_flextable { text-align:center; }
.jh_flextable a { text-decoration:none; }
.jh_flextable .table_header { width:100%; display:flex; background:#fbfafa; border-top:1px solid #b8b8b9; border-bottom:1px solid #b8b8b9; color:#252122; height:40px; line-height:40px; }
.jh_flextable .table_body { width:100%; display:flex; box-sizing:border-box; border-bottom:1px solid #b8b8b9; height:70px; line-height:70px; }
.jh_flextable .table_body .box_cen { text-align:left; }
.jh_flextable .table_body .box_min { position:relative; }

.jh_flextable .box_min { flex-basis:15%; }
.jh_flextable .box_cen { flex-basis:70%; position:relative; }

.faq_field { font-size:10pt; cursor:pointer; padding:0 10px; overflow:hidden; height:40px; transition:height .28s ease; }

.faq_field .hide_qus { border-bottom:1px solid #b8b8b9; flex-basis:100%; text-align:center; line-height:11pt; padding:20px 0; background:#fff; }
.hide_qus svg { width:40px; margin:10px auto; vertical-align:middle; }
/* BASIC css end */

