* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
}
body { 
    color: #a0c4ff; 
    font-family: 'Noto Sans KR', sans-serif; 
    margin: 0; 
    padding: 0; 
}
.wrap { 
    max-width: 960px; 
    margin: 0 auto; 
}
.chart-wrap {
    background: #040b1b;
    border: 1px solid #2a3458;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 24px;
    height: 375px; /* 원하는 높이 */
}

#whaleChart {
    width: 100% !important;
    height: 100% !important;
}

.info-area {
    text-align: center;
    border: 1px solid #2a3458;
    border-top: none;
    background: #060f1f;
    padding: 15px;
}
.legend-dot { 
    display: inline-block;
    width: 12px; 
    height: 12px; 
    border-radius: 2px; 
    padding: 5px 15px;
    margin-left: 20px;

}
.legend-point {
    display: inline-block;
    width: 12px; 
    height: 12px; 
    border-radius: 50%;
    margin-left: 20px;
}
.legend-text {
    font-size: 14px;
    color: #4a6a8a;
}