.menu05_nav, .menu05_nav2{position:sticky; top:95px; float:left; width:200px; height:calc(100vh - 95px); padding-top:4rem; padding-left:1.7rem; background:#82a391;}
.menu05_nav li, .menu05_nav2 li{font-size:1.8rem; line-height:4.5rem; font-weight:bold; border-top-left-radius:22.5rem; border-bottom-left-radius:22.5rem; background:#82a391;} 
.menu05_nav li a, .menu05_nav2 li a{display:block; color:#fff; padding-left:6rem; background:no-repeat 2.1rem center;}
.menu05_nav li.active, .menu05_nav2 li.active{background:#fff;}
.menu05_nav li.active a, .menu05_nav2 li.active a{color:#054824;}
.menu05_nav li:nth-of-type(1) a{background-position:2rem center; background-image:url('/thema/Basic/img/menu05_nav01.png');}
.menu05_nav li:nth-of-type(2) a{background-image:url('/thema/Basic/img/menu05_nav02.png');}
.menu05_nav li:nth-of-type(3) a{background-image:url('/thema/Basic/img/menu05_nav03.png');}
.menu05_nav li.active:nth-of-type(1) a{background-image:url('/thema/Basic/img/menu05_nav01_ac.png');}
.menu05_nav li.active:nth-of-type(2) a{background-image:url('/thema/Basic/img/menu05_nav02_ac.png');}
.menu05_nav li.active:nth-of-type(3) a{background-image:url('/thema/Basic/img/menu05_nav03_ac.png');}
.result_box{float:left; width:calc(100% - 200px - 3.3rem); margin-top:4rem; margin-left:3.3rem;}
.result{margin-bottom:3.3vh;}
.result_hd{margin-bottom:1.2vh;}
.result_tit{float:left; font-size:2.2rem; line-height:4.3rem; font-weight:bold; padding-left:2.7rem; background:no-repeat left center;}
.result_tit01{background-image:url('/thema/Basic/img/result_tit_icon01.png');}
.result_tit02{background-image:url('/thema/Basic/img/tit_icon01.png');}
.result_tit03{background-image:url('/thema/Basic/img/tit_icon02.png');}
.result_tit04{background-image:url('/thema/Basic/img/tit_icon03.png');}
.result_box .btn_more{line-height:4.5rem;}




.menu05_nav2 li:nth-of-type(1) a{background-image:url('/thema/Basic/img/store_tit01.png');}
.menu05_nav2 li:nth-of-type(2) a{background-image:url('/thema/Basic/img/tit_icon05_w.png');}
.menu05_nav2 li:nth-of-type(3) a{background-image:url('/thema/Basic/img/menu05_nav03.png');}
.menu05_nav2 li:nth-of-type(4) a{background-image:url('/thema/Basic/img/menu05_nav02.png');}
.menu05_nav2 li:nth-of-type(5) a{background-image:url('/thema/Basic/img/menu06_nav01.png');}
.menu05_nav2 li:nth-of-type(6) a{background-image:url('/thema/Basic/img/store_tit04.png');}
.menu05_nav2 li.active:nth-of-type(1) a{background-image:url('/thema/Basic/img/store_tit01_ac.png');}
.menu05_nav2 li.active:nth-of-type(2) a{background-image:url('/thema/Basic/img/tit_icon05.png');}
.menu05_nav2 li.active:nth-of-type(3) a{background-image:url('/thema/Basic/img/menu05_nav03_ac.png');}
.menu05_nav2 li.active:nth-of-type(4) a{background-image:url('/thema/Basic/img/menu05_nav02_ac.png');}
.menu05_nav2 li.active:nth-of-type(5) a{background-image:url('/thema/Basic/img/menu06_nav01_ac.png');}
.menu05_nav2 li.active:nth-of-type(6) a{background-image:url('/thema/Basic/img/store_tit04_ac.png');}

/* 결과분석 공통 */
.menu05_depth2 li{position:relative; display:table; float:left; width:calc(100% / 9); height:59px; text-align:center; border-bottom:1px solid #e0e0e0;}
.menu05_depth2 li:before{content:''; position:absolute; top:50%; right:0; width:1px; height:55%; background:#e0e0e0; transform:translateY(-50%);}
.menu05_depth2 li a{display:table-cell; font-size:1.4rem; line-height:2rem; color:#757575; font-weight:600; vertical-align:middle; width:100%; height:100%; } 
.menu05_depth2 li.active{border-bottom:0; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-top:4px solid #054824;}
.menu05_depth2 li.active:before, .menu05_depth2 li.border_none:before , .menu05_depth2 li:last-child:before{display:none;}
.menu05_depth2 li.active a{color:#333;}
.seh_wrap{margin-top:1rem; margin-bottom:3vh;}
.seh_date{display:inline-block; width:280px; font-weight:600; padding:0.5rem 4.5rem 0.5rem 2rem; border-radius:2.3rem; margin-right:1rem; background:#d8e4e0 url('/thema/Basic/img/date_icon.png') no-repeat 93% center;}
.date_input{width:8rem; height:3.6rem; border:0; outline:0; background:none;}
.write_wrap{display:inline-block; vertical-align:top;}
.btn_sbl{width:15rem; margin-right:0.8rem;}
.btn_wrap{text-align:left; margin-top:3.3vh;}
.btn_wrap2{text-align:center; margin-top:2vh;}
.input_wrap{display:inline-block; vertical-align:top;}
.notice_label{width:6.8rem; font-size:1.6rem; line-height:4.4rem; color:#757575; text-align:center; border:1px solid #e0e0e0; border-radius:22.5rem; margin-right:3px; background:#fff; cursor:pointer;}
.input_none:checked + .notice_label{color:#fff; border-color:#054824; background:#054824;}
.compare_brand_wrap{float:right;}
#notice_brand_seh{width:14rem;}
#notice_bs_seh{width:14rem;}
#notice_bd_seh{width:14rem;}
#compare_brand{width:26rem;}
.brand_list{display:none;}
th > span{display:inline-block;}

/* 결과분석 : 심사 실시 현황, 심사진행률, 등급별 분포도, 최상하위협력업체, */
.table100{table-layout:fixed;}
.examine_con{margin-top:3rem; margin-bottom:5vh;}
.examine_con_hd{margin-bottom:1rem;}
.p_c_hd .result_tit{float:left;}
.result_tit span{font-size:1.6rem; line-height:2rem; color:#757575;}
.select.mo_input{float:right; width:120px; font-size:1.6rem; font-weight:bold; background:#d9e4df url('/thema/Basic/img/sle_arrow_green.png') no-repeat 85% center;}
.examine_con th{width:calc(100% / 6); font-size:1.6rem; line-height:4rem; color:#fff; font-weight:500; text-align:center; border-right:1px solid #e0e0e0; background:#82a391;}
.examine_con th:last-child{border-right:0;}

.examine_con .th_month {
    width: calc(100% / 16);
}

.examine_con .th_num {
    width: calc(100% / 14);
}

.examine_con .th_name {
    width: calc(100% / 12);
}

.examine_con .th_day {
    width: calc(100% / 8);
}

.examine_con .th_rank {
    width: calc(100% / 12);
}

.examine_con .th_rank_avg {
    width: calc(100% / 10);
}

.examine_con .th_bad_count {
    width: calc(100% / 10);
}

.examine_con .th_bad_count2 {
    width: calc(100% / 8);
}

.examine_con .th_bad_avg {
    width: calc(100% / 10);
}

.examine_con .th_check {
    width: calc(100% / 20);
}

.checkbox-controls {
    margin-top: 1rem;
    float: right; /* 우측 정렬을 위한 float 속성 추가 */
}

.checkbox-controls button {
    font-size: 1.4rem;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    border: none;
    background-color: #82a391;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.checkbox-controls button:hover {
    background-color: #6d877d;
}

.checkbox-controls button:last-child {
    margin-right: 0;
}





.examine_con td{font-size:1.6rem; line-height:2.4rem; text-align:center; padding:1.3rem 0.8rem; border-right: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.examine_con td:last-child{border-right:0;}
.examine_con tr:nth-of-type(2n){background:#f2f6f4;}
.b_p_body .th_period{width:calc((100% / 6) * 1.2);}
.b_p_body .th_all_store_num{width:calc((100% / 6) * 0.8);}
.chart{margin-bottom:3vh;}
.chart_box{position:relative;}
.chart_box2{margin-top:4vh;}
.chart_box3{margin-top:3vh;}
/* .chart_line{position:absolute; bottom:calc(9px + (((100% - 18px) / 6) * ((95 - 70) / 5))); right:0; width:94.9%; height:2px; border-bottom:2px dashed #ff4e45;} */
.chart_line{position:absolute; right:0; width:94.9%; height:2px; border-bottom:2px dashed #ff4e45;}
.tag{position:absolute; top:-10px; right:1%; font-size:1.4rem; line-height:2.5rem; color:#fff; font-weight:500; padding:0 20px; border-radius:10px; background:#ff4e45; transform:translateY(-100%);}
.tag:before{content:''; position:absolute; bottom:0; left:50%; width:12px; height:6px; background:url('/thema/Basic/img/tag_tail.png'); transform:translate(-50%, 95%);}
.distribution_chart_none{text-align:center; padding:3.7vh 1vh; border-radius:10px; margin-top:3.5vh; background:#fff; box-shadow:0 0 10px rgba(112,144,126,0.3);}
.d_c_none_txt{display:inline-block; font-size:2rem; line-height:2.2rem; color:#054824; font-weight:bold; padding-left:3rem; background:url('/thema/Basic/img/error_icon.png') no-repeat left top;}
.chart_info .table100{margin-bottom:4vh;}
.chart_grade{position:absolute; top:50%; left:33rem; width:100%; font-size:1.8rem; line-height:2.2rem; color:#333; list-style:none; padding-left:0; margin-bottom:0; transform:translateY(-50%);}
.chart_grade_inner{float:right; list-style:none; padding-left:0; margin-right:10rem;}
.chart_grade li{position:relative; font-weight:600; padding:1rem 0 1rem 2.5rem;}
.chart_grade li:before{content:''; position:absolute; top:50%; left:0; width:16px; height:16px; border-radius:50%; transform:translateY(-54%);}
/* .chart_grade_inner1 li:nth-of-type(1):before{background:#ec5f58;}
.chart_grade_inner1 li:nth-of-type(2):before{background:#e99c26;}
.chart_grade_inner1 li:nth-of-type(3):before{background:#9cc53b;}
.chart_grade_inner1 li:nth-of-type(4):before{background:#0bb4b7;}
.chart_grade_inner1 li:nth-of-type(5):before{background:#92427d;}
.chart_grade_inner1 li:nth-of-type(6):before{background:#ff6bda;}
.chart_grade_inner1 li:nth-of-type(7):before{background:#8a6bff;}
.chart_grade_inner1 li:nth-of-type(8):before{background:#97c8cf;}
.chart_grade_inner1 li:nth-of-type(9):before{background:#97cfac;}
.chart_grade_inner1 li:nth-of-type(10):before{background:#ff8636;} */

    /* Define background colors for each grade */
    /* Define background colors for each grade */
    .grade-S::before {
        background-color: #FF4136; /* Red */
    }
    .grade-A::before {
        background-color: #FF851B; /* Orange */
    }
    .grade-B::before {
        background-color: #FFDC00; /* Yellow */
    }
    .grade-C::before {
        background-color: #3D9970; /* Green */
    }
    .grade-D::before {
        background-color: #0074D9; /* Blue */
    }
    .grade-F::before {
        background-color: #B10DC9; /* Purple */
    }
    .grade-pass::before,
    .grade-Pass::before {
        background-color: #FF4136; /* Red */
    }
    .grade-conditional-pass::before,
    .grade-Conditional-pass::before,
    .grade-conditional-Pass::before,
    .grade-Conditional-Pass::before {
        background-color: #FF851B; /* Orange */
    }
    .grade-fail::before,
    .grade-Fail::before {
        background-color: #3D9970; /* Green */
    }
    .grade-default::before {
        background-color: #AAAAAA; /* Gray */
    }


/* 추가하였습니다. */
.chart_grade_inner1 li.s { background:#ec5f58; }
.chart_grade_inner1 li.a { background:#e99c26; }
.chart_grade_inner1 li.b { background:#9cc53b; }
.chart_grade_inner1 li.c { background:#0bb4b7; }
.chart_grade_inner1 li.d { background:#92427d; }
.chart_grade_inner1 li.f { background:#ff6bda; }
.chart_grade_inner1 li.pass { background:#8a6bff; }
.chart_grade_inner1 li.conditional { background:#97c8cf; }
.chart_grade_inner1 li.Fail { background:#97cfac; }
.chart_grade_inner1 li.none { background:#ff8636; }

.chart_grade_inner1 li span{display:inline-block; margin-left:1rem;}
.top_bottom_wrap{margin-top:3vh;}
.store_caption{font-size:1.8rem; line-height:2.2rem; font-weight:800; text-align:left; margin-bottom:1.5vh;}
.store_caption2{position:relative; padding-left:2.7rem; margin-bottom:1.3vh;}
.store_caption2:before{content:''; position:absolute; top:50%; left:0; width:1.6rem; height:1.6rem; border-radius:50%; background:#054824; transform:translateY(-50%);}
.top_bottom_wrap table{float:left; width:calc((100% - 2rem) / 2);}
.top_bottom_wrap .store_ranking{width:calc((100% / 4) * 0.8);}
.top_bottom_wrap .store_name{width:calc((100% / 4) * 1.6);}
.top_bottom_wrap .store_grade{width:calc((100% / 4) * 0.8);}
.top_bottom_wrap .store_score{width:calc((100% / 4) * 0.8);}
.top_store{margin-right:2rem;}
.incongruity_details_table{margin-top:3vh;}
.incongruity_details_table .incongruity_ranking, .incongruity_details_table .incongruity_num{width:calc((100% / 3) * 0.3);}
.incongruity_details_table .incongruity_details{width:calc((100% / 3) * 2.4);}
.examine_con .incongruity_details_table td:nth-of-type(2){text-align:left;}
.l_m_details_table{margin-top:3vh;}
.l_m_details_table .legal_matters_ranking{width:calc((100% / 3) * 0.3);}
.l_m_details_table .legal_matters_name{width:calc((100% / 3) * 0.6);}
.l_m_details_table .legal_matters_details{width:calc((100% / 3) * 2.1);}
.examine_con .l_m_details_table td:nth-of-type(2){text-align:center;}
.examine_con .l_m_details_table td:nth-of-type(3){text-align:left;}
.nav_round{width:38rem; list-style:none; padding-left: 0; margin-bottom:2.5vh;}
.nav_round li{position:relative; float:left; width:calc(100% / 4); font-size:1.6rem; line-height:4.6rem; text-align:center; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; cursor:pointer;}
.nav_round li:before{content:''; position:absolute; top:50%; right:0; width:1px; height:55%; background:#cacaca; transform:translateY(-50%);}
.nav_round li:first-child{color:#cacaca; border-left:1px solid #e0e0e0; border-top-left-radius:22.5rem; border-bottom-left-radius:22.5rem; cursor:auto;}
.nav_round li:last-child{border-right:1px solid #e0e0e0; border-top-right-radius:22.5rem; border-bottom-right-radius:22.5rem;}
.nav_round li:last-child:before{display:none;}
.nav_round li.active{color:#fff; background:#054824;}
.nav_round li.active:before, .nav_round li.border_none:before{display:none;}

/* 그래프 높이 고정 */
.chart_box .chart_fix { 
  height: 280px;         /* ← 원하는 높이(px)로 조정 */
}

/* 캔버스가 부모 높이를 꽉 채우도록 */
.chart_box canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

.chart_box .chart_fix { height: 280px; }              /* 원하는 값 */
.chart_box canvas { width:100% !important; height:100% !important; display:block; }