@charset "utf-8";

h2.board_title {
    font-size: 40px;
    margin: 0 0 70px;
    text-align: center;
    line-height: 1;
    font-weight: bold;
}

.faq-category .div-tab { margin-bottom:15px; }
.faq-category .dropdown { margin-bottom:15px; }
.faq-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }
.faq-box { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }
.faq-img img, .faq-html img, .faq-content img { width:auto; max-width:100%; border:0; }
.faq-content .panel-body p { padding:0; margin:0; }
.faq-none { padding:50px 0; }


.div-panel.panel-group .panel {margin-bottom: 10px;}
.div-panel.panel-group .panel-heading a {
    border: 1px solid #ddd !important;
    padding: 20px 0;
    font-size: 18px;
}
.div-panel.panel-group .panel-heading a.active {
    border: 1px solid #ddd !important;
    color: #333;
}
.qmark {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 20px;
    color: #ad5f22;
    border-right: 1px solid #ddd;
    width: 80px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.faq_subject {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 85px);
    padding-left: 25px;
    padding-right: 25px;
}
.amark {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 20px;
    color: #333;
    display: inline-block;
    vertical-align: top;
    width: 40px;
}
.panel-collapse .panel-body {
    padding: 30px 35px!important;
    background: #f8f8f8;
    border: none !important;
}
.faq_con {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 45px);
    font-size: 18px !important;
}
.faq_con span {font-size: 18px !important;}

@media all and (max-width: 767px) {
    h2.board_title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .qmark {
        width: 50px;
        font-size: 16px;
    }
    .div-panel.panel-group .panel-heading a {font-size: 16px;}
    .faq_subject {
        width: calc(100% - 55px);
        padding-left: 15px;
        padding-right: 15px;
    }
    .panel-collapse .panel-body {padding: 20px !important;}
    .faq_con span {font-size: 16px !important;}
    .amark {
        font-size: 16px;
        width: 30px;
    }
}