@charset "UTF-8";
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set .depth03_nav_item.fnc_active {font-weight: 700; color: #FF6900;}
.financial_table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    margin-top:5rem;
    border-top:2px solid #222;
    border-bottom:1px  solid #E0E0E0;
}
.financial_table thead { border-bottom:1px solid #222; }
.financial_table tr { border-top:1px solid #e0e0e0; }
.financial_table tr:first-of-type { border-top:0; }
.financial_table th, .financial_table td {
    padding: 2.3rem 1rem;
    font-size:1.6rem;
    font-weight: 500;
}
.financial_table th { color:#212529;  }
.financial_table td { color:#616161;  }
.financial_table .highlight {
    background-color: #FCF9F8;
    font-weight: bold;
}
.financial_table .highlight:first-of-type { color:#FF6900; }

.financial_table .highlight-total {
    color: orange;
}

/* 차트 수정 */
.chart-wrap { border:1px solid #E2E2E2;margin-top: 6.2rem; padding:6rem 2rem; position: relative; }
.chart-wrap>div { max-width:85rem;margin:0 auto;width:100%;position: relative; }
.chart-wrap>div .apexcharts-text tspan { color:#888; font-size: 1.3rem; font-style: normal; font-weight: 400; font-family: "Pretendard"; ;}
.chart-wrap>div .apexcharts-legend-marker { border-radius: 50% !important;overflow: hidden; }
.chart-wrap .chart-unit { position: absolute;top:3.2rem;right:3.2rem; }
.chart-wrap .chart-unit span { color: #666;
font-size: 1.4rem;font-style: normal; font-weight: 500; }
.chart-total { display: flex; gap:1.6rem;margin-top:6.2rem;  }
.chart-total>div { padding:4rem 3.2rem;border:1px solid #E2E2E2;  width: calc((100% - 3.2rem) / 3);}
.chart-total .chart-title { display: flex;justify-content: space-between;margin-bottom:2.4rem; align-items: center; }
.chart-total .chart-title strong { color: #212529;font-family: "Noto Sans KR";font-size: 1.6rem;font-style: normal;font-weight: 500;line-height: normal; }
.chart-total .chart-title span { color: #666;font-size: 1.4rem;font-style: normal;font-weight: 500; }
.viewer-list .viewer-list-item.focus { background: rgba(255, 105, 0, 0.1); padding: 0 2rem;}
html:lang(en) .chart-total .chart-title{flex-direction: column;gap:.5rem}
html:lang(en) .chart-total .chart-title span{flex-grow: 1;width: 100%;text-align: right;}

@media all and (max-width:768px){
  .chart-total{
    flex-direction: column;
  }
  .chart-total>div{
    width: 100%;
  }
}

#contents .list_more_area.career_app { margin-bottom: 78px; }
.noresult_text {text-align: center; padding: 8rem 0;}