@charset "UTF-8";

/* 윙차트 로고 HTML CSS */
.wing-logo { position: absolute; font-size: 1em; font-weight: bold; z-index: 1 !important; }
.wing-logo .img-area { display:inline-block; position: relative; width: 90px; text-align: center; }
.wing-logo img { display:inline-block; position: relative; max-width: 100%; max-height: 20px; vertical-align: middle; margin-top: -22px; margin-right: 5px; }
.wing-logo .name-area { position: relative; display:inline-block; top: -9px; vertical-align: middle; max-height: 20px; text-shadow: 0 0 white; }
.wing-logo .name-area.no-logo { position:relative; text-align: center; text-shadow: 0 0 white; }

/* 윈드로즈 로고 HTML CSS */
.windrose-logo { position: absolute; font-size: 1em; font-weight: bold; z-index: 1 !important; }
.windrose-logo .img-area { display:block; position: absolute; width: 90px; }
.windrose-logo img { display:block; position: relative; transform: translate( -50%, -50% ); max-width: 100%; max-height: 25px; margin-top: -9px; }
.windrose-logo .name-area { position: relative; display:block; transform: translate( -50%, -50% ); max-height: 20px; text-shadow: 0 0 white; margin-top: 12px; }
.windrose-logo .name-area.no-logo { position:relative; text-align: center; text-shadow: 0 0 white; }

/* 횡바차트 로고 HTML CSS */
.horizontal-logo { position: absolute; font-size: 1em; font-weight: bold; z-index: 1 !important; /* left: calc(100% - 145px) !important; */ }
.horizontal-logo .img-area { display:block; position: absolute; width: 90px; }
.horizontal-logo img { display:block; position: relative; transform: translate( -50%, -100% ); max-width: 100%; max-height: 25px; margin-top: -9px; }
.horizontal-logo .name-area { position: relative; display:block; transform: translate( -50%, -50% ); max-height: 20px; text-shadow: 0 0 white; width: 140px; line-height: 17px; white-space: pre-wrap; text-align: center; }
.horizontal-logo .name-area.no-logo { margin-top: -14px; }

/* 차트 레전드 통합 CSS */
/* .high-legend image { width: 35px; height: 2%; x: -5; y: 15; } */
.high-legend image { width: auto; height: 2%; x: 27; y: 30; }