@charset "utf-8";

.faq-category .tabs { margin-bottom:20px; }
.faq-category .dropdown { margin-bottom:20px; }
.faq-category .div-tab.tabs.trans-top ul.nav-tabs {border-bottom: 1px solid #111;}
.faq-category .div-tab.tabs.trans-top ul.nav-tabs li a {
    font-size: 16px;
    color: #888 !important;
    padding: 10px 30px;
    border-bottom: 1px solid #111 !important;
}
.faq-category .div-tab.tabs.trans-top ul.nav-tabs li.active a, .list-category .selected a {
    color:#004a8d !important; font-weight:bold !important;
    border: 1px solid #111 !important;
    border-bottom: 1px solid #111 !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 .div-panel.panel-group .panel {margin-bottom: 10px;}
.faq-content .div-panel.panel-group .panel-heading a {
    border: 1px solid #ddd !important;
    font-size: 0;
    position: relative;
    padding: 18px 0;
    color: #333 !important;
}
.faq-content .div-panel.panel-group .panel-heading a .q_mark {
    text-align: center;
    width: 80px;
    font-family: "Montserrat";
    font-weight: bold;
    color: #004a8d;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
}
.faq-content .div-panel.panel-group .panel-heading a > div {
    width: calc(100% - 180px);
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
}
.faq-content .div-panel.panel-group .panel-heading a .panel-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.faq-content .div-panel.panel-group .panel-heading a .panel-icon::after {
    content: "";
    background: url("/img/custom/arrow_category.svg") no-repeat;
    width: 15px;
    height: 9px;
    transition: all 0.3s;
}
.faq-content .div-panel.panel-group .panel-heading a.active .panel-icon::after {
    content: "";
    background: url("/img/custom/arrow_top.svg") no-repeat;
    width: 15px;
    height: 9px;
}
.faq-content .div-panel.panel-group .panel-body {
    border: 1px solid #ddd !important;
    border-top: none !important;
    background: #f8f8f8;
    padding: 20px 0;
    min-height: 120px;
}
.faq-content .div-panel.panel-group .panel-body .a_mark {
    text-align: center;
    width: 80px;
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    color: #e6252a;
}
.faq-content .div-panel.panel-group .panel-body > div {
    width: calc(100% - 180px);
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
}
.faq-content .div-panel.panel-group .panel-body > div p {margin: 0; padding: 0;}
.faq-content .div-panel.panel-group .panel-body > div p,
.faq-content .div-panel.panel-group .panel-body > div div {background: none !important;}
.faq-content .div-panel.panel-group .panel-body > div table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.faq-none { padding:50px 0; }

@media all and (max-width: 767px) {
    .faq-category {margin-bottom: 20px; margin-top: 0;}
    .faq-content .div-panel.panel-group {margin-bottom: 0;}
    .faq-content .div-panel.panel-group .panel-heading a {padding: 15px 0; padding-right: 15px;}
    .faq-content .div-panel.panel-group .panel-heading a .q_mark,
    .faq-content .div-panel.panel-group .panel-body .a_mark {width: 40px;}
    .faq-content .div-panel.panel-group .panel-heading a > div,
    .faq-content .div-panel.panel-group .panel-body > div {width: calc(100% - 40px);}
    .faq-content .div-panel.panel-group .panel-body {padding-right: 20px;}
    .faq-content .div-panel.panel-group .panel-heading a .panel-icon {display: none;}
}