@charset "utf-8";
/*
######################################

  default CSS

    @author : Dajin Pyoung
			  (dajinnim@cyber-i.com)

######################################
*/
.fundChart01 {position: relative; width: 318px; height: 171px; border: 1px solid #e2e1e0; background: #f7f6f5;}

.fundChart02 {position: relative; width: 100%; height: 102px; border: 0; margin-top: 15px;}
.fundChart02-ctnr {position: relative; width: 100%; height: 102px; background: #fafafa;}
.fundChart02-ctnr .fundChart02-legend {position: absolute; right: 5px; top: 4px;}
.fundChart02-ctnr .fundChart02-legend span {font-size: 11px; color: #54514f; display: inline-block; padding-left: 10px;}
.fundChart02-ctnr .fundChart02-legend span.m {background: url('/WEB-APP/_webponent/chart/img/main/column_legend_m.gif') left 2px no-repeat; padding-right: 5px;}
.fundChart02-ctnr .fundChart02-legend span.w {background: url('/WEB-APP/_webponent/chart/img/main/column_legend_w.gif') left 2px no-repeat;}
.fundChart02-ctnr .fundChart02_detail-tooltip {z-index: 2;}

.fundChart03 {position: relative; width: 492px; height: 142px; border: 1px solid #e2e1e0; background: #f7f6f5;}
.fundChart03-tip {position: absolute; border: 1px solid #bdbdbd; background: #fff; padding: 3px;}

.fundChart04 {position: relative; width: 100%; height: 100%;  background: #fff; z-index: 0;}
.fundChart04-ctnr {position: relative; width: 348px; height: 178px; border: 1px solid #edeeee;}
.fundChart04-ctnr .cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/WEB-APP/_webponent/chart/img/main/pie_cover1.png') top left no-repeat; z-index: 1;}

.fundChart05 {position: relative; width: 348px; height: 289px; border: 1px solid #e2e1e0; background: #f7f6f5;}
.fundChart05-tip {position: absolute; border: 1px solid #bdbdbd; background: #fff; padding: 3px;}

.fundChart06 {position: relative; width: 337px; height: 107px; border: 1px solid #e2e1e0; background: #f7f6f5;}
.fundChart06-tip {position: absolute; border: 1px solid #bdbdbd; background: #fff; padding: 3px;}

.fundChart07 {position: relative; width: 100%; height: 100%;  background: #fff; z-index: 0;}
.fundChart07-ctnr {position: relative; height: 180px; border: 1px solid #edeeee;}
.fundChart07-ctnr .cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/WEB-APP/_webponent/chart/img/main/pie_cover1.png') top left no-repeat; z-index: 1;}

.fundChart08 {position: relative; width: 338px; height: 162px; border: 1px solid #e2e1e0; background: #f7f6f5;}
.fundChart08-tip {position: absolute; border: 1px solid #bdbdbd; background: #fff; padding: 3px;}

.fundChart09 {position: relative; height: 78px; border: 1px solid #e2e1e0; background: #fafafa;}
.fundChart09-tip {position: absolute; border: 1px solid #bdbdbd; background: #fff; padding: 3px;}
.fundChart09 canvas {-webkit-transform-style: preserve-3d;}

.fundChart10 {position: relative; width: 718px; height: 171px; border: 1px solid #e2e1e0; background: #fafafa;}
.fundChart10-tip {position: absolute; border: 1px solid #bdbdbd; background: #fff; padding: 3px;}

.fundChart11 {position: relative; width: 628px; height: 171px; border: 1px solid #e2e1e0; background: #fafafa;}

.fundChart12 {position: relative; width: 100%; height: 100%;}
.fundChart12.h200 {width:245px;height: 220px;margin: auto;}
.fundChart12-ctnr {position: relative; width: 366px; height: 228px; border: 1px solid #ddd}
.mobile .fundChart12-ctnr {width:350px; margin:auto;margin-bottom: 10px;}
.mobile.iPhone .fundChart12-ctnr {width:300px;}
.fundChart12 canvas {-webkit-transform-style: preserve-3d;}

.fundChart13 {position: relative; width: 267px; height: 170px; border: 0; background: url('/WEB-APP/_webponent/chart/img/main/column_bg.gif') top left no-repeat; z-index: 0;}
.fundChart13-ctnr {position: relative; width: 267px; height: 170px;}

.fundChart14 {position: relative; width: 940px; height: 283px; margin: 40px auto 0 auto; }
.fundChart14-tip {position: absolute; background: url('/WEB-APP/_webponent/chart/img/main/tip_l_bg.png') top left no-repeat; padding-left: 10px;}
.fundChart14-tip span {background: url('/WEB-APP/_webponent/chart/img/main/tip_r_bg.gif') top right no-repeat; display: inline-block; padding:3px 3px 3px 0; color: #FFF;}
.fundChart14-tip_r {position: absolute; background: url('/WEB-APP/_webponent/chart/img/main/tip_r_bg.png') top right no-repeat; padding-right: 10px;}
.fundChart14-tip_r span {background: url('/WEB-APP/_webponent/chart/img/main/tip_l_bg.gif') top left no-repeat; display: inline-block; padding:3px 0px 3px 3px; color: #FFF;}

.fundChart15 {position: relative; width: 718px; height: 198px; border: 1px solid #e2e1e0; background: #fafafa;}
.fundChart15-tip {position: absolute; border: 1px solid #bdbdbd; background: #fff; padding: 3px;}

.fundChart16 {position: relative; width: 359px; height: 181px; border: 1px solid #e2e1e0; background: #fafafa;}
.fundChart16-tip {position: absolute; border: 1px solid #bdbdbd; background: #fff; padding: 3px;}

.fundChart17 {position: relative; width: 250px; height: 171px; border: 1px solid #e2e1e0; background: #f7f6f5;}

.coreIndexChart {position: relative; width: 935; height: 250px; border: 1px solid #e2e1e0; background: #f7f6f5;}
.coreIndexChart-tip {position: absolute; border: 1px solid #bdbdbd; background: #fff; padding: 3px;}

div.stock-normal-chart {position: relative; width: 498px; height: 398px; border: 1px solid #c1c1c1; overflow-x: hidden;background: #fbfaf9;}
div.stock-normal-chart.pc {width: 500px; height: 400px; border: 0; overflow-y: hidden;}
div.stock-normal-info { width: 498px; border: 1px solid #d9d8d7; border-bottom: 0px; background: #fff; line-height: 31px; heieght: 31px; margin-top: 5px;}
div.stock-normal-info .stock-normal-close {color: #333; padding: 0 5px 0 10px;font-weight: bold; color: #333;}
div.stock-normal-info .stock-normal-close span {color: #555;}
div.stock-normal-info .stock-normal-volume {background: url('/WEB-APP/_webponent/chart/img/stockchart_infobar.gif') left 50% no-repeat; padding-left: 8px; padding-right: 5px; font-weight: bold; color: #333;}
div.stock-normal-info .stock-normal-volume span {color: #555;}
div.stock-normal-chart div.webponent-chart-stock-normal-chart-personal {display: none;}
div.stock-normal-chart div.webponent-chart-stock-normal-chart-slider-cont {display: none;}
/* 주식선물옵션 서브메인 멀티축 line 차트 */
.sfo_chart1, .sfo_chart2 {position: relative; width: 246px;height: 150px;}
/* 모바일 서브메인 */
.mobileChart01, .mobileChart02, .mobileChart03, .mobileChart04 {position: relative; width: 100%; height: 100%;}

/* 2013.08.07 차트 신규 */
.lcchart-ctnr {position:relative; width: 940px; height: 423px; margin:  10px auto 0 auto;}
.lcchart-ctnr .lcchart {position: relative; width: 100%; height: 100%; border: 1px solid #ddd; background: #fff;}
.lcchart-ctnr .lcchart-tip {position: absolute; border: 1px solid #bdbdbd; background: #fff; padding: 3px;}
.lcchart-ctnr .chart-legend {position: absolute; top:0; width: 100%;height:30px;}
.lcchart-ctnr .chart-legend div {padding:10px; font-size: 12px;}
.lcchart-ctnr .chart-legend .legend1 {display: inline-block; padding:0 10px 0 20px;background: url('/WEB-APP/_webponent/chart/img/main/line_legend_nrom.gif') no-repeat 0 50%;} 
.lcchart-ctnr .chart-legend .legend2 {display: inline-block; padding:0 10px 0 20px;background: url('/WEB-APP/_webponent/chart/img/main/line_legend_kospi.gif') no-repeat 0 50%;} 
.lcchart-ctnr .chart-legend .legend3 {display: inline-block; padding:0 10px 0 15px;background: url('/WEB-APP/_webponent/chart/img/main/column_legend_w.gif') no-repeat 0 50%;} 
.lcchart-ctnr .chart-legend .legend4 {display: inline-block; padding:0 10px 0 15px;background: url('/WEB-APP/_webponent/chart/img/main/column_legend_m.gif') no-repeat 0 50%;}