#landing * {text-align: left;}
  
#landing .scroll_box {overflow-x: scroll; position: relative; }
#landing table {min-width: 480px;border: 2px solid var(--eg-main-500);border-collapse: collapse;}
#landing table td, #landing table th {vertical-align: middle;}
#landing table th {border: white 1px solid;background: var(--eg-main-500);text-align: center;padding: 8px;}
#landing table thead th { font-size: var(--ft-base); color: white; }
#landing table tbody th { background: var(--eg-main-200); padding: 8px; color: var(--eg-main-900); }
#landing table tbody td { padding: 4px 8px; border: 1px solid var(--eg-main-500);}
#landing .mid_con_tit { color: var(--eg-main-600); font-weight: 800; }


#secQualified {background: var(--eg-main-50);}
#secQualified .info_con {display: flex;flex-flow: column;gap: 12px;margin-top: 20px;}
#secQualified .info_con li p {font-size: var(--ft-lg);}
#secQualified .info_con li a.qBtn {
    display: inline-block; padding: 4px 8px; border-radius: 4px; 
    background: var(--eg-main-100); color: var(--eg-main-500); border: 1px solid var(--eg-main-500); 
}
#secQualified .info_con .contents_box .content {margin: 20px 0;position: relative;}
#secQualified .info_con .contents_box .content h5 {
    background: var(--eg-main-500); padding: 4px 20px;
    text-align: center; font-size: var(--ft-xl); color: white;
}
#secQualified .info_con .contents_box .content ul {border: 2px solid var(--eg-main-500);}
#secQualified .info_con .contents_box .content ul li {padding: 8px 16px;}
#secQualified .info_con .contents_box .content ul li:nth-child(even) {background: var(--eg-main-100);}
#secQualified .info_con .contents_box .content.eg.ieg {gap: 12px; align-items: stretch;}
#secQualified .info_con .contents_box .content.eg.ieg div { display: flex; flex-flow: column; width: 50%; position: relative; }
#secQualified .info_con .contents_box .content.eg.ieg div ul {height: 100%;}
#secQualified .info_con .contents_box .content.cm li {padding: 20px 16px;}

#secSubject .contents .tit { font-size: var(--ft-xl); margin: 12px 0; }
#secSubject .contents .tit span {font-size: var(--ft-base);color: var(--eg-main-500);font-weight: 400;}

#secPassRate .chart_con p { text-align: center; margin: 12px; font-size: var(--ft-lg); font-weight: 600; }
#secPassRate .chart_con .ct-chart { min-width: 600px; margin: 30px 0; position: relative; }
#secPassRate .chart_con .ct-chart .ct-bar {stroke-width: min(8%, 58px);}
#secPassRate .chart_con .ct-chart .ct-series-a .ct-bar {stroke: var(--eg-main-300);}
#secPassRate .chart_con .ct-chart .ct-series-b .ct-bar {stroke: var(--eg-main-500);}
#secPassRate .chart_con .ct-chart foreignObject {padding-top: 5px;}
#secPassRate .chart_con .ct-chart span.ct-label {font-size: var(--ft-base);}
#secPassRate .chart_con .ct-chart text.ct-label { font-size: var(--ft-base); fill: black; text-anchor: middle; }

#secPassRate .chart_con .ct-chart2 { min-width: 600px; margin: 30px 0; position: relative; }
#secPassRate .chart_con .ct-chart2 .ct-bar {stroke-width: min(8%, 58px);}
#secPassRate .chart_con .ct-chart2 .ct-series-a .ct-bar {stroke: var(--eg-main-300);}
#secPassRate .chart_con .ct-chart2 .ct-series-b .ct-bar {stroke: var(--eg-main-500);}
#secPassRate .chart_con .ct-chart2 foreignObject {padding-top: 5px;}
#secPassRate .chart_con .ct-chart2 span.ct-label {font-size: var(--ft-base);}
#secPassRate .chart_con .ct-chart2 text.ct-label { font-size: var(--ft-base); fill: black; text-anchor: middle; }


#secPassRate .chart_con .ct-chart3 { min-width: 600px; margin: 30px 0; position: relative; }
#secPassRate .chart_con .ct-chart3 .ct-bar {stroke-width: min(8%, 58px);}
#secPassRate .chart_con .ct-chart3 .ct-series-a .ct-bar {stroke: var(--eg-main-300);}
#secPassRate .chart_con .ct-chart3 .ct-series-b .ct-bar {stroke: var(--eg-main-500);}
#secPassRate .chart_con .ct-chart3 foreignObject {padding-top: 5px;}
#secPassRate .chart_con .ct-chart3 span.ct-label {font-size: var(--ft-base);}
#secPassRate .chart_con .ct-chart3 text.ct-label { font-size: var(--ft-base); fill: black; text-anchor: middle; }

#secPassRate .chart_con .ct-chart4 { min-width: 600px; margin: 30px 0; position: relative; }
#secPassRate .chart_con .ct-chart4 .ct-bar {stroke-width: min(8%, 58px);}
#secPassRate .chart_con .ct-chart4 .ct-series-a .ct-bar {stroke: var(--eg-main-300);}
#secPassRate .chart_con .ct-chart4 .ct-series-b .ct-bar {stroke: var(--eg-main-500);}
#secPassRate .chart_con .ct-chart4 foreignObject {padding-top: 5px;}
#secPassRate .chart_con .ct-chart4 span.ct-label {font-size: var(--ft-base);}
#secPassRate .chart_con .ct-chart4 text.ct-label { font-size: var(--ft-base); fill: black; text-anchor: middle; }

@media all and (max-width: 768px) {
    #secPassRate .chart_con .ct-chart {
        margin-left: -20px;
    }
    #secPassRate .chart_con .ct-chart2 {
        margin-left: -20px;
    }
    #secPassRate .chart_con .ct-chart3 {
        margin-left: -20px;
    }
    #secPassRate .chart_con .ct-chart4 {
        margin-left: -20px;
    }
}