.tab_ul li sup {
    font-size: 11px;
    top: -6px;
}
.tab.active { display: block;}
.tab { display: none;}
.faq_left { width: 350px;}
.faq_right { width: calc(100% - 350px); padding-left: 80px;}
.tab_ul { background: #fff; padding: 30px 40px; }
.tab_ul li {
    padding: 15px 20px 15px 0;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #D1E0E3;
    cursor: pointer;
    position: relative;
    line-height: 22px;
}
.tab_ul li:last-child{ border-bottom: 0; }
.tab_ul li.active{ color: var(--golden)}
.tab_ul li:after { position: absolute; content: ""; background: url(../images/faq_arrow.svg) no-repeat; width: 6px; height: 10px; right: 0; top: 22px; }

/* ====================== */

@media (max-width: 1599.98px) {

}

@media (max-width: 1439.98px) {
  
    .faq_right { padding-left: 50px;}
}

@media (max-width: 1199.98px) {
    .faq_left {
        width: 310px;
    }
    .faq_right{ width: calc(100% - 310px); padding-left: 35px; }
    .tab_ul li {
        padding: 12px 0;
        font-size: 16px;
    }

}
@media (max-width: 991.98px) {
    .faq_left {
        width: 100%; display: none;
    }
    .faq_right{ width: 100%; padding-left: 0px; }
    .inpage .flex { flex-wrap: wrap;}
    .tab { display: block; margin-bottom: 30px;}
}

@media (max-width: 767.98px) {
    
  
}

@media (max-width: 575.98px) {
   
}