@CHARSET "UTF-8";

/* 의료성과 */
.med_achv_wrap .chart_wrap{padding:30px;border:1px solid #e5e5e5;}
.med_achv_wrap .chart_wrap .cate_label{display:flex;gap:20px;width:fit-content;margin-bottom:20px;padding:10px 20px;background:#f9f9f9;}
.med_achv_wrap .chart_wrap .cate_label li{position:relative;padding-left:15px;font-size:1.5rem;font-weight:500;box-sizing:border-box;}
.med_achv_wrap .chart_wrap .cate_label li::before{content:'';position:absolute;top:50%;left:0;width:10px;height:10px;transform:translateY(-50%);}

.med_achv_wrap .chart_wrap.doughnut .cate_label li.cate1::before{background:#6851fb;}
.med_achv_wrap .chart_wrap.doughnut .cate_label li.cate2::before{background:#3c80e7;}
.med_achv_wrap .chart_wrap.doughnut .cate_label li.cate3::before{background:#09b8aa;}
.med_achv_wrap .chart_wrap.doughnut .cate_label li.cate4::before{background:#fdba42;}
.med_achv_wrap .chart_wrap.doughnut .cate_label li.cate5::before{background:#fe703f;}
.med_achv_wrap .chart_wrap.doughnut .cate_label li.cate6::before{background:#42fdf6;}
.med_achv_wrap .chart_wrap.doughnut .cate_label li.cate7::before{background:#4aad45;}
.med_achv_wrap .chart_wrap.doughnut .cate_label li.cate8::before{background:#b63da1;}
.med_achv_wrap .chart_wrap.doughnut .chart_box{position:relative;display:flex;justify-content:center;gap:100px;}
.med_achv_wrap .chart_wrap.doughnut .chart_box::before{content:'';position:absolute;top:calc(50% - 25.5px);left:50%;width:32px;height:32px;background:url(/nanum/site/builder/dir/main/img/menu6194/graph_arr.png) no-repeat;background-size:cover;transform:translate(-50%, -50%);}
.med_achv_wrap .chart_wrap.doughnut .chart_box .box .chart_title{margin-top:20px;text-align:center;font-weight:600;}

.med_achv_wrap .chart_wrap.bar .cate_label li.cate1::before{background:#09b8aa;}
.med_achv_wrap .chart_wrap.bar .cate_label li.cate2::before{background:#fdba42;}
.med_achv_wrap .chart_wrap.bar .chart_box{position:relative;width:800px;height:400px;margin:0 auto;}
.med_achv_wrap .chart_wrap.bar .chart_box canvas{position:absolute;top:0;left:0;width:100%;height:100%;}

/********************태블릿********************/
@media all and (max-width:1024px){

.med_achv_wrap .chart_wrap{padding:20px;}
.med_achv_wrap .chart_wrap .cate_label{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;padding:10px;box-sizing:border-box;}

.med_achv_wrap .chart_wrap.doughnut .cate_label li{width:calc(50% - 5px);}
.med_achv_wrap .chart_wrap.doughnut .chart_box{flex-direction:column;gap:50px;}
.med_achv_wrap .chart_wrap.doughnut .chart_box::before{top:50%;width:24px;height:24px;transform:translate(-50%, -50%) rotate(90deg);}
.med_achv_wrap .chart_wrap.doughnut .chart_box .box canvas{width:auto;height:auto;}

.med_achv_wrap .chart_wrap.bar .chart_box{width:100%;height:0;padding-bottom:50%;}

}
/********************모바일********************/
@media all and (max-width:767px){
}
/********************웹********************/
@media all and (min-width:1025px) {
}