@charset "utf-8";

html {font-size:62.5% !important;}
.wrap {width:500px; margin:100px auto;}

.sample_bar {position: relative; width:30px; height:150px; background:green;}
.tooltip {position:absolute; top:5px; left:50%; transform:translateX(-50%);
   background:rgba(0,0,0,0.7); color:#fff; font-size:1.1rem;border-radius:3px; padding:5px; word-break: keep-all; white-space: nowrap;}
.tooltip span {color:yellow;}

/* 차트 컬러 */
.color_red {color:#fc6189;}
.color_deep_red {color:#f6507b;}
.color_orange {color:#fead5e;}
.color_deep_orange {color:#f2953a;}
.color_yellow {color:#ffe32c;}
.color_deep_yellow {color:#f2e279}
.color_green {color:#37d8ad;}
.color_deep_gr {color:#25cf1f;}
.color_sky {color:#50bde3;}
.color_blue {color:#4fc2f8;}
.color_pp_blue {color:#7292ed;}
.color_light_navy {color:#5ca2e5;}
.color_mint {color:#6cf3db;}
.color_deep_mint {color:#56e0d5;}
.color_pink {color:#d56df4;}
.color_deep_pink{color:#cb53d2}
.color_purple {color:#766cf3;}
.color_deep_pp {color:#4f60f8;}
.color_brown {color:#998673;}
.color_brown_gr {color:#949973}