@charset "UTF-8";
/* 주식주문 - 5호가 영역 작은 차트 */
div.chart-mini-candle5 {position: relative; width: 100%; height: 105px;overflow:hidden;}
div.chart-mini-candle10 {position: relative; width: 100%; height: 105px;overflow:hidden;}

div.chart-investor {position: relative; width: 413px; height: 258px; border: 1px solid #e2e1e0; background: url('/WEB-APP/_webponent/chart/img/white/chartinvestor_xaxis_bg.gif') 80% 95% no-repeat #fbfaf9;}
div.chart-investor h4 {padding-top: 9px; text-align: center; font-weight: bold; font-size: 12px;}
div.chart-investor span.legend {position: absolute; top: 10px; right: 8px; color: #f06412; font-size: 11px;}
div.chart-investor div.chart-investor1, div.chart-investor div.chart-investor2 {position: relative; width: 100%; height: 235px;}

div.saleChart-info {border: 1px solid #d9d8d7; border-bottom: 0px; background: #fff; line-height: 31px; heieght: 31px; margin-top: 5px;}
div.saleChart-info .saleChart-name {color: #333; padding: 0 5px 0 10px;}
div.saleChart-info .saleChart-open, div.saleChart-info .saleChart-high, div.saleChart-info .saleChart-low, div.saleChart-info .saleChart-close, div.saleChart-info .saleChart-prev {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.saleChart-info .saleChart-open span, div.saleChart-info .saleChart-high span, div.saleChart-info .saleChart-low span, div.saleChart-info .saleChart-close span, div.saleChart-info .saleChart-prev span {color: #555;}
div.saleChart {position: relative; width: 838px; height: 500px; border: 1px solid #c1c1c1; overflow-x: hidden; background:#fbfaf9;}

div.webTChart-info {border: 1px solid #d9d8d7; border-bottom: 0px; background: #fff; line-height: 31px; heieght: 31px; margin-top: 5px;}
div.webTChart-info .webTChart-date {color: #333; padding: 0 5px 0 10px;}
div.webTChart-info .webTChart-price, div.webTChart-info .webTChart-person, div.webTChart-info .webTChart-foreign, div.webTChart-info .webTChart-organ {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.webTChart-info .webTChart-price span, div.webTChart-info .we
bTChart-person span, div.webTChart-info .webTChart-foreign span, div.webTChart-info .webTChart-organ span {color: #555;}
div.webTChart {position: relative; width: 663px; height: 235px; overflow-x: hidden; margin-top: 25px; z-index: 0;}
div.webTChart-box {border: 1px solid #c1c1c1; background:#fbfaf9; width: 663px; height: 260px;}
div.webTChart-legend {position: relative; z-index: 1;}
div.webTChart-legend .legend-left {position: absolute; left: 36px; top: 8px; font-size: 11px; color: #666;}
div.webTChart-legend .legend-right {position: absolute; right: 31px; top: 8px; font-size: 11px; color: #666;}
div.webTChart-legend .legend-center {position: absolute; left: 65px; top: 8px; background: url('/WEB-APP/_webponent/chart/img/white/webt_legend.gif?v=20191127') left 50% no-repeat #fff;  border: 1px solid #ccc; height: 25px; width: 526px;}
div.webTChart-legend .legend-center span {visibility: hidden;}
div.webTChart .webponent-chart-webTChart-tooltip {border: 1px solid #999999 !important;
									background-color: #f0f0f0 !important;
									filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f0f0, GradientType=0 ) !important; /*(IE5.5 to IE9)*/
									background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important; /*(Firefox 3.6+) */
									background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important; /*(Chrome10+,Safari5.1+) */
									background-image: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important; /*(IE10) */
									background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important; /*(W3C) */
									background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important; /*(Opera 11.10+) */
									background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0) ) !important; /*(Safari 4+,Chrome 2+) */
									font-size: 12px !important; font-family: Dotum, dotum, gulim;}


div.ministockChart {position: relative; width: 663px; height: 190px; border: 1px solid #c1c1c1; overflow-x: hidden; margin-bottom: 20px; background: #f4f4f4;-webkit-user-select:none;}
div.ministockChart.pc {width: 663px; height: 190px; border: 0; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; overflow-y: hidden;}
div.ministockchart-info { width: 663px; border: 1px solid #d9d8d7; border-bottom: 0px; background: #fff; line-height: 31px; heieght: 31px; margin-top: 5px;}
div.ministockchart-info .ministockchart-name {color: #333; padding: 0 5px 0 10px;}
div.ministockchart-info .ministockchart-open, div.ministockchart-info .ministockchart-high, div.ministockchart-info .ministockchart-low, div.ministockchart-info .ministockchart-close, div.ministockchart-info .ministockchart-prev, div.ministockchart-info .ministockchart-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.ministockchart-info .ministockchart-open span, div.ministockchart-info .ministockchart-high span, div.ministockchart-info .ministockchart-low span, div.ministockchart-info .ministockchart-close span, div.ministockchart-info .ministockchart-prev span, div.ministockchart-info .ministockchart-volume span {color: #555;}

div.ministockChart div.webponent-chart-ministockChart-personal {display: none;}
div.ministockChart div.webponent-chart-ministockChart-slider-box { background: url('/WEB-APP/_webponent/chart/img/white/slider_bg.gif') 50% 55% no-repeat;}
div.ministockChart .slider-button {background: url('/WEB-APP/_webponent/chart/img/white/slider_cent.gif') 50% 50% no-repeat; height: 17px;}
div.ministockChart .slider-button span.slider-left {display: block; background: url('/WEB-APP/_webponent/chart/img/white/slider_left.png') left 50% no-repeat; height: 17px;}
div.ministockChart .slider-button span.slider-right {display: block; background: url('/WEB-APP/_webponent/chart/img/white/slider_right.png') right 50% no-repeat; height: 17px;}
div.ministockChart .slider-button span span span {visibility: hidden;}
div.ministockChart button.button-plus { border: 0; bottom: 5px !important; width: 18px !important; height: 19px !important; right: 47px !important; background: url('/WEB-APP/_webponent/chart/img/white/button_plus.gif') no-repeat; }
div.ministockChart button.button-plus:hover, div.ministockChart button.button-plus:focus { background: url('/WEB-APP/_webponent/chart/img/white/button_plus_over.gif') no-repeat; }
div.ministockChart button.button-plus:active { background: url('/WEB-APP/_webponent/chart/img/white/button_plus_down.gif') no-repeat; }
div.ministockChart button.button-minus { border: 0; bottom: 5px !important; width: 18px !important; height: 19px !important; right: 26px !important; background: url('/WEB-APP/_webponent/chart/img/white/button_minus.gif') no-repeat; }
div.ministockChart button.button-minus:hover, div.ministockChart button.button-minus:focus { background: url('/WEB-APP/_webponent/chart/img/white/button_minus_over.gif') no-repeat; }
div.ministockChart button.button-minus:active { background: url('/WEB-APP/_webponent/chart/img/white/button_minus_down.gif') no-repeat; }
div.ministockChart button.button-default { border: 0; bottom: 5px !important; width: 18px !important; height: 19px !important; right: 5px !important; background: url('/WEB-APP/_webponent/chart/img/white/button_default2.gif') no-repeat; }
div.ministockChart button.button-default:hover, div.ministockChart button.button-default:focus { background: url('/WEB-APP/_webponent/chart/img/white/button_default2_over.gif') no-repeat; }
div.ministockChart button.button-default:active { background: url('/WEB-APP/_webponent/chart/img/white/button_default2_down.gif') no-repeat; }

div.sysStockChart {position: relative; width: 413px; height: 267px; border: 1px solid #c1c1c1; overflow-x: hidden; background: #f4f4f4;-webkit-user-select:none; margin-top: 3px;}
div.sysStockChart.pc {width: 413px; height: 267px; border: 0; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; overflow-y: hidden;}
div.sysStockChart div.webponent-chart-sysStockChart-personal {display: none;}
div.sysStockChart div.webponent-chart-sysStockChart-slider-box { background: url('/WEB-APP/_webponent/chart/img/white/slider_bg.gif') 50% 55% no-repeat; margin-left: 10px !important;}
div.sysStockChart .slider-button {background: url('/WEB-APP/_webponent/chart/img/white/slider_cent.gif') 50% 50% no-repeat; height: 17px;}
div.sysStockChart .slider-button span.slider-left {display: block; background: url('/WEB-APP/_webponent/chart/img/white/slider_left.png') left 50% no-repeat; height: 17px;}
div.sysStockChart .slider-button span.slider-right {display: block; background: url('/WEB-APP/_webponent/chart/img/white/slider_right.png') right 50% no-repeat; height: 17px;}
div.sysStockChart .slider-button span span span {visibility: hidden;}
div.sysStockChart #webponent-chart-sysStockChart-button-volume {display: none;}
div.sysStockChart #webponent-chart-sysStockChart_legendBox {width: 320px !important;}
div.sysStockChart .legend-sub-right-webponent-chart-sysStockChart-volume {right: 0 !important; width: 150px;}
div.sysStockChart button.button-plus { border: 0; bottom: 5px !important; width: 18px !important; height: 19px !important; right: 47px !important; background: url('/WEB-APP/_webponent/chart/img/white/button_plus.gif') no-repeat; }
div.sysStockChart button.button-plus:hover, div.sysStockChart button.button-plus:focus { background: url('/WEB-APP/_webponent/chart/img/white/button_plus_over.gif') no-repeat; }
div.sysStockChart button.button-plus:active { background: url('/WEB-APP/_webponent/chart/img/white/button_plus_down.gif') no-repeat; }
div.sysStockChart button.button-minus { border: 0; bottom: 5px !important; width: 18px !important; height: 19px !important; right: 26px !important; background: url('/WEB-APP/_webponent/chart/img/white/button_minus.gif') no-repeat; }
div.sysStockChart button.button-minus:hover, div.sysStockChart button.button-minus:focus { background: url('/WEB-APP/_webponent/chart/img/white/button_minus_over.gif') no-repeat; }
div.sysStockChart button.button-minus:active { background: url('/WEB-APP/_webponent/chart/img/white/button_minus_down.gif') no-repeat; }
div.sysStockChart button.button-default { border: 0; bottom: 5px !important; width: 18px !important; height: 19px !important; right: 5px !important; background: url('/WEB-APP/_webponent/chart/img/white/button_default2.gif') no-repeat; }
div.sysStockChart button.button-default:hover, div.sysStockChart button.button-default:focus { background: url('/WEB-APP/_webponent/chart/img/white/button_default2_over.gif') no-repeat; }
div.sysStockChart button.button-default:active { background: url('/WEB-APP/_webponent/chart/img/white/button_default2_down.gif') no-repeat; }

div.stockchart-personal {position: relative; width: 98px !important; font-size: 0.75em; height: 501px; font-size: 12px; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1;}
div.stockchart-personal .title {width: 100%; height: 24px; line-height: 24px; font-size: 12px;}
div.stockchart-personal .item {width: 100%; border-bottom: 1px solid #c1c1c1; border-top: 0px !important;}
div.stockchart-personal .item.open.history {border-bottom: 0;}
div.stockchart-personal .open .title {border-bottom: 1px solid #c1c1c1;}
div.stockchart-personal .title h4 a {font-size: 12px !important;}
div.stockchart-personal .list {padding-top: 5px;}
div.stockchart-personal .list li {height: 22px; padding: 0 0 0 1px; font-size: 12px;}
div.stockchart-personal .list li.line2 {height: 35px;}
div.stockchart-personal .list li span.blank {margin-left: 18px;}
div.stockchart-personal .list li input[type='radio'], div.stockchart-personal .list li input[type='checkbox'] {margin-right: 0px;}
div.stockchart-personal h4 {background: url('/WEB-APP/_webponent/chart/img/acc_mnback_off.gif') left top no-repeat !important; /* padding: 5px 5px; */ margin: 0px;}
div.stockchart-personal h4 span {color: #7a0000; font-weight: bold;}
div.stockchart-personal ul {list-style: none; margin: 0; padding: 0;}
div.stockchart-personal .content {background: #fff;}
div.stockchart-personal .ui-accordion-content { padding: 0.5em; height: 357px; position: relative;}
div.stockchart-personal .stockchart-overlay .over-tab01, div.stockchart-personal .stockchart-overlay .over-tab02,
div.stockchart-personal .stockchart-subindex .over-tab01, div.stockchart-personal .stockchart-subindex .over-tab02 {width: 49px; height: 21px; margin: 0px; padding: 0px; border: 0;}
div.stockchart-personal .stockchart-overlay .over-tab01, div.stockchart-personal .stockchart-subindex .over-tab01 { background: url('/WEB-APP/_webponent/chart/img/white/tab01_off.gif') left top no-repeat transparent;}
div.stockchart-personal .stockchart-overlay .over-tab02, div.stockchart-personal .stockchart-subindex .over-tab02 { background: url('/WEB-APP/_webponent/chart/img/white/tab02_off.gif') left top no-repeat transparent;}
div.stockchart-personal .stockchart-overlay .over-tab01.sel, div.stockchart-personal .stockchart-subindex .over-tab01.sel { background: url('/WEB-APP/_webponent/chart/img/white/tab01_on.gif') left top no-repeat transparent;}
div.stockchart-personal .stockchart-overlay .over-tab02.sel, div.stockchart-personal .stockchart-subindex .over-tab02.sel { background: url('/WEB-APP/_webponent/chart/img/white/tab02_on.gif') left top no-repeat transparent;}
div.stockchart-personal .stockchart-overlay .over-tab01:hover, div.stockchart-personal .stockchart-subindex .over-tab01:hover {background: url('/WEB-APP/_webponent/chart/img/white/tab01_on.gif') left top no-repeat transparent;}
div.stockchart-personal .stockchart-overlay .over-tab02:hover, div.stockchart-personal .stockchart-subindex .over-tab02:hover {background: url('/WEB-APP/_webponent/chart/img/white/tab02_on.gif') left top no-repeat transparent;}
div.stockchart-personal .stockchart-overlay .over-tab01 span, div.stockchart-personal .stockchart-overlay .over-tab02 span,
div.stockchart-personal .stockchart-subindex .over-tab01 span, div.stockchart-personal .stockchart-subindex .over-tab02 span {visibility: hidden;}

div.stockchart-personal .stockchartover-list-layer, div.stockchart-personal .stockchartsub-list-layer {margin-top: 8px;}
div.stockchart-personal .stockchartover-option-layer, div.stockchart-personal .stockchartsub-option-layer {margin: 8px 0 0 5px;}
div.stockchart-personal .stockchartover-option-select, div.stockchart-personal .stockchartsub-option-select {width: 86px;}
div.stockchart-personal .stockchartover-option-layer,
div.stockchart-personal .stockchartsub-option-layer { 
	/* position: absolute; top: 5px; left: 5%; 
	width: 83%; height: auto;  
	border: 1px solid #ddd; background: #eee;
	padding: 5px; */
}
div.stockchart-personal .stockchartover-option-layer button.close,
div.stockchart-personal .stockchartsub-option-layer button.close {
	position: absolute; top: 0px; right: 0px;
}
div.stockchart-personal .stockchartover-option-layer button.default-setting,
div.stockchart-personal .stockchartsub-option-layer button.default-setting { }

div.stockchart-personal .stockchartover-option-layer p,
div.stockchart-personal .stockchartsub-option-layer p {margin: 5px 0 0 0;}
div.stockchart-personal .stockchartover-option-layer p span,
div.stockchart-personal .stockchartsub-option-layer p span {}
div.stockchart-personal .stockchartover-option-layer p span button.default-setting,
div.stockchart-personal .stockchartsub-option-layer p span button.default-setting {width: 86px;}
div.stockchart-personal .stockchartover-option-layer dl, div.stockchart-personal .stockchartsub-option-layer dl {margin-top: 6px;}
div.stockchart-personal .stockchartover-option-layer dl dt,
div.stockchart-personal .stockchartsub-option-layer dl dt { height: 14px; line-height: 14px; font-size: 12px; color: #6e5d53;}
div.stockchart-personal .stockchartover-option-layer dl dd,
div.stockchart-personal .stockchartsub-option-layer dl dd { height: 28px; margin: 0; font-size: 0px;}
div.stockchart-personal .stockchartover-option-layer dl dd input[type=text],
div.stockchart-personal .stockchartsub-option-layer dl dd input[type=text] {width: 32px; margin: 0 3px;}
div.stockchart-personal .stockchartover-option-layer dl dd button,
div.stockchart-personal .stockchartsub-option-layer dl dd button { margin: 0; padding: 0; width: 22px; height: 22px; border: 0px;}
div.stockchart-personal .stockchartover-option-layer dl dd button.minus,
div.stockchart-personal .stockchartsub-option-layer dl dd button.minus {background: url('/WEB-APP/_webponent/chart/img/white/number_minus.gif') left top no-repeat;}
div.stockchart-personal .stockchartover-option-layer dl dd button.plus,
div.stockchart-personal .stockchartsub-option-layer dl dd button.plus {background: url('/WEB-APP/_webponent/chart/img/white/number_plus.gif') left top no-repeat;}
div.stockchart-personal .stockchartover-option-layer dl dd button span { visibility: hidden;}

div.stockchart-personal ul.stockchartover-option, 
div.stockchart-personal ul.stockchartsub-option { display: none; }

div.webponent-chart-ministockChart-container button {border: 0; background: url('/WEB-APP/wts/theme/white/img/desktop/spriteL.png') -322px -218px no-repeat;}
div.webponent-chart-ministockChart-container button span {visibility: hidden; }


div.stockChart {position: relative; width: 838px; height: 500px; border: 1px solid #c1c1c1; overflow-x: hidden;-webkit-user-select:none;}
div.stockChart.pc {width: 839px; height: 500px; border: 0; border-right:1px solid #c1c1c1; overflow-y: hidden;}
div.stockchart-info { width: 838px; border: 1px solid #d9d8d7; border-bottom: 0px; background: #fff; line-height: 31px; heieght: 31px; margin-top: 5px;}
div.stockchart-info .stockchart-name {color: #333; padding: 0 5px 0 10px;}
div.stockchart-info .stockchart-open, div.stockchart-info .stockchart-high, div.stockchart-info .stockchart-low, div.stockchart-info .stockchart-close, div.stockchart-info .stockchart-prev, div.stockchart-info .stockchart-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.stockchart-info .stockchart-open span, div.stockchart-info .stockchart-high span, div.stockchart-info .stockchart-low span, div.stockchart-info .stockchart-close span, div.stockchart-info .stockchart-prev span, div.stockchart-info .stockchart-volume span {color: #555;}

.webponent-chart-stockChart-container {border-bottom: 1px solid #c1c1c1;border-left: 1px solid #c1c1c1;background: #fbfaf9; }
.webponent-chart-stockChart_back {}
.webponent-chart-stockChart-slider-box { background: url('/WEB-APP/_webponent/chart/img/white/slider_bg.gif') 50% 55% no-repeat;}
.webponent-chart-stockChart-tooltip {border: 1px solid #999999 !important;
									background-color: #f0f0f0 !important;
									filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f0f0, GradientType=0 ) !important; /*(IE5.5 to IE9)*/
									background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important; /*(Firefox 3.6+) */
									background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important; /*(Chrome10+,Safari5.1+) */
									background-image: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important; /*(IE10) */
									background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important; /*(W3C) */
									background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%) !important; /*(Opera 11.10+) */
									background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0) ) !important; /*(Safari 4+,Chrome 2+) */
									font-size: 12px !important; font-family: Dotum, dotum, gulim;
}
div.stockChart .slider-button {background: url('/WEB-APP/_webponent/chart/img/white/slider_cent.gif') 50% 50% no-repeat; height: 17px;}
div.stockChart .slider-button span.slider-left {display: block; background: url('/WEB-APP/_webponent/chart/img/white/slider_left.gif') left 50% no-repeat; height: 17px;}
div.stockChart .slider-button span.slider-right {display: block; background: url('/WEB-APP/_webponent/chart/img/white/slider_right.gif') right 50% no-repeat; height: 17px;}
div.stockChart .slider-button span span span {visibility: hidden;}

div.stockChart .accordionArea {height: 470px !important;}

div.stockchart-personal {position: relative; width: 98px !important; font-size: 0.75em; height: 501px; font-size: 12px; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1;}
div.stockchart-personal .title {width: 100%; height: 24px; line-height: 24px; font-size: 12px;}
div.stockchart-personal .item {width: 100%; border-bottom: 1px solid #c1c1c1; border-top: 0px !important;}
div.stockchart-personal .item.open.history {border-bottom: 0;}
div.stockchart-personal .open .title {border-bottom: 1px solid #c1c1c1;}
div.stockchart-personal .title h4 a {font-size: 12px !important;}
div.stockchart-personal .list {padding-top: 5px;}
div.stockchart-personal .list li {height: 22px; padding: 0 0 0 1px; font-size: 12px;}
div.stockchart-personal .list li.line2 {height: 35px;}
div.stockchart-personal .list li span.blank {margin-left: 18px;}
div.stockchart-personal .list li input[type='radio'], div.stockchart-personal .list li input[type='checkbox'] {margin-right: 0px;}
div.stockchart-personal h4 {background: url('/WEB-APP/_webponent/chart/img/acc_mnback_off.gif') left top no-repeat !important; /* padding: 5px 5px; */ margin: 0px;}
div.stockchart-personal h4 span {color: #7a0000; font-weight: bold;}
div.stockchart-personal ul {list-style: none; margin: 0; padding: 0;}
div.stockchart-personal .content {background: #fff;}
div.stockchart-personal .ui-accordion-content { padding: 0.5em; height: 357px; position: relative;}
div.stockchart-personal .stockchart-overlay .over-tab01, div.stockchart-personal .stockchart-overlay .over-tab02,
div.stockchart-personal .stockchart-subindex .over-tab01, div.stockchart-personal .stockchart-subindex .over-tab02 {width: 49px; height: 21px; margin: 0px; padding: 0px; border: 0;}
div.stockchart-personal .stockchart-overlay .over-tab01, div.stockchart-personal .stockchart-subindex .over-tab01 { background: url('/WEB-APP/_webponent/chart/img/white/tab01_off.gif') left top no-repeat transparent;}
div.stockchart-personal .stockchart-overlay .over-tab02, div.stockchart-personal .stockchart-subindex .over-tab02 { background: url('/WEB-APP/_webponent/chart/img/white/tab02_off.gif') left top no-repeat transparent;}
div.stockchart-personal .stockchart-overlay .over-tab01.sel, div.stockchart-personal .stockchart-subindex .over-tab01.sel { background: url('/WEB-APP/_webponent/chart/img/white/tab01_on.gif') left top no-repeat transparent;}
div.stockchart-personal .stockchart-overlay .over-tab02.sel, div.stockchart-personal .stockchart-subindex .over-tab02.sel { background: url('/WEB-APP/_webponent/chart/img/white/tab02_on.gif') left top no-repeat transparent;}
div.stockchart-personal .stockchart-overlay .over-tab01:hover, div.stockchart-personal .stockchart-subindex .over-tab01:hover {background: url('/WEB-APP/_webponent/chart/img/white/tab01_on.gif') left top no-repeat transparent;}
div.stockchart-personal .stockchart-overlay .over-tab02:hover, div.stockchart-personal .stockchart-subindex .over-tab02:hover {background: url('/WEB-APP/_webponent/chart/img/white/tab02_on.gif') left top no-repeat transparent;}
div.stockchart-personal .stockchart-overlay .over-tab01 span, div.stockchart-personal .stockchart-overlay .over-tab02 span,
div.stockchart-personal .stockchart-subindex .over-tab01 span, div.stockchart-personal .stockchart-subindex .over-tab02 span {visibility: hidden;}

div.stockchart-personal .stockchartover-list-layer, div.stockchart-personal .stockchartsub-list-layer {margin-top: 8px;}
div.stockchart-personal .stockchartover-option-layer, div.stockchart-personal .stockchartsub-option-layer {margin: 8px 0 0 5px;}
div.stockchart-personal .stockchartover-option-select, div.stockchart-personal .stockchartsub-option-select {width: 86px;}
div.stockchart-personal .stockchartover-option-layer,
div.stockchart-personal .stockchartsub-option-layer { 
	/* position: absolute; top: 5px; left: 5%; 
	width: 83%; height: auto;  
	border: 1px solid #ddd; background: #eee;
	padding: 5px; */
}
div.stockchart-personal .stockchartover-option-layer button.close,
div.stockchart-personal .stockchartsub-option-layer button.close {
	position: absolute; top: 0px; right: 0px;
}
div.stockchart-personal .stockchartover-option-layer button.default-setting,
div.stockchart-personal .stockchartsub-option-layer button.default-setting { }

div.stockchart-personal .stockchartover-option-layer p,
div.stockchart-personal .stockchartsub-option-layer p {margin: 5px 0 0 0;}
div.stockchart-personal .stockchartover-option-layer p span,
div.stockchart-personal .stockchartsub-option-layer p span {}
div.stockchart-personal .stockchartover-option-layer p span button.default-setting,
div.stockchart-personal .stockchartsub-option-layer p span button.default-setting {width: 86px;}
div.stockchart-personal .stockchartover-option-layer dl, div.stockchart-personal .stockchartsub-option-layer dl {margin-top: 6px;}
div.stockchart-personal .stockchartover-option-layer dl dt,
div.stockchart-personal .stockchartsub-option-layer dl dt { height: 14px; line-height: 14px; font-size: 12px; color: #6e5d53;}
div.stockchart-personal .stockchartover-option-layer dl dd,
div.stockchart-personal .stockchartsub-option-layer dl dd { height: 28px; margin: 0; font-size: 0px;}
div.stockchart-personal .stockchartover-option-layer dl dd input[type=text],
div.stockchart-personal .stockchartsub-option-layer dl dd input[type=text] {width: 32px; margin: 0 3px;}
div.stockchart-personal .stockchartover-option-layer dl dd button,
div.stockchart-personal .stockchartsub-option-layer dl dd button { margin: 0; padding: 0; width: 22px; height: 22px; border: 0px;}
div.stockchart-personal .stockchartover-option-layer dl dd button.minus,
div.stockchart-personal .stockchartsub-option-layer dl dd button.minus {background: url('/WEB-APP/_webponent/chart/img/white/number_minus.gif') left top no-repeat;}
div.stockchart-personal .stockchartover-option-layer dl dd button.plus,
div.stockchart-personal .stockchartsub-option-layer dl dd button.plus {background: url('/WEB-APP/_webponent/chart/img/white/number_plus.gif') left top no-repeat;}
div.stockchart-personal .stockchartover-option-layer dl dd button span { visibility: hidden;}

div.stockchart-personal ul.stockchartover-option, 
div.stockchart-personal ul.stockchartsub-option { display: none; }

div.webponent-chart-stockChart-container button {border: 0; background: url('/WEB-APP/_webponent/chart/html5/legend.png') -7px -600px no-repeat;}
div.webponent-chart-stockChart-container button span {visibility: hidden; }

div.stockChart button.button-plus { border: 0; bottom: 5px !important; width: 18px !important; height: 19px !important; right: 47px !important; background: url('/WEB-APP/_webponent/chart/img/white/button_plus.gif') no-repeat; }
div.stockChart button.button-plus:hover, div.stockChart button.button-plus:focus { background: url('/WEB-APP/_webponent/chart/img/white/button_plus_over.gif') no-repeat; }
div.stockChart button.button-plus:active { background: url('/WEB-APP/_webponent/chart/img/white/button_plus_down.gif') no-repeat; }
div.stockChart button.button-minus { border: 0; bottom: 5px !important; width: 18px !important; height: 19px !important; right: 26px !important; background: url('/WEB-APP/_webponent/chart/img/white/button_minus.gif') no-repeat; }
div.stockChart button.button-minus:hover, div.stockChart button.button-minus:focus { background: url('/WEB-APP/_webponent/chart/img/white/button_minus_over.gif') no-repeat; }
div.stockChart button.button-minus:active { background: url('/WEB-APP/_webponent/chart/img/white/button_minus_down.gif') no-repeat; }
div.stockChart button.button-default { border: 0; bottom: 5px !important; width: 18px !important; height: 19px !important; right: 5px !important; background: url('/WEB-APP/_webponent/chart/img/white/button_default2.gif') no-repeat; }
div.stockChart button.button-default:hover, div.stockChart button.button-default:focus { background: url('/WEB-APP/_webponent/chart/img/white/button_default2_over.gif') no-repeat; }
div.stockChart button.button-default:active { background: url('/WEB-APP/_webponent/chart/img/white/button_default2_down.gif') no-repeat; }

div.heatmap-ctnr {width: 838px; height: 446px; border: 1px solid #c1c1c1; overflow-x: hidden; background: #fbfaf9;}
div.heatmap {position: relative; width: 838px; height: 432px; background: #fff; overflow-x: hidden; margin: 8px 0 0 8px; border: 0;}
div.heatmap.pc {width: 838px; height: 432px; border: 0; overflow-y: hidden;}
div.heatmap-info { width: 838px; border: 1px solid #d9d8d7; border-bottom: 0px; background: #fff; line-height: 31px; heieght: 31px; margin-top: 5px;}
div.heatmap-info .heatmap-name {color: #333; padding: 0 5px 0 10px;}
div.heatmap-info .heatmap-open, div.heatmap-info .heatmap-high, div.heatmap-info .heatmap-low, div.heatmap-info .heatmap-close, div.heatmap-info .heatmap-prev, div.heatmap-info .heatmap-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.heatmap-info .heatmap-open span, div.heatmap-info .heatmap-high span, div.heatmap-info .heatmap-low span, div.heatmap-info .heatmap-close span, div.heatmap-info .heatmap-prev span, div.heatmap-info .heatmap-volume span {color: #555;}
div.heatmap-legend {width: 838px; height: 31px; background: url('/WEB-APP/_webponent/chart/img/white/heatmap_legend.gif') no-repeat 50% 50%; text-indent: -9999px;}


div.stockMChart {position: relative; width: 100%; height: 366px; border: 1px solid #c1c1c1; background: #fbfaf9;}
div.stockMChart.pc {width: 320px; height: 368px; border: 0; overflow-y: hidden;}
div.stockmchart-info {width: 100%; border: 1px solid #d9d8d7; border-bottom: 0px; background: #fff; line-height: 31px; heieght: 31px; margin-top: 5px;}
div.stockmchart-info .stockmchart-date {color: #333; padding: 0 1px 0 10px;font-weight: bold; color: #333;}
div.stockmchart-info .stockmchart-close {background: url('/WEB-APP/_webponent/chart/img/stockchart_infobar.gif') left 50% no-repeat; padding-left: 3px; padding-right: 3px; color: #333;font-weight: bold; color: #333;}
div.stockmchart-info .stockmchart-close span {color: #555;}
div.stockmchart-info .stockmchart-volume {background: url('/WEB-APP/_webponent/chart/img/stockchart_infobar.gif') left 50% no-repeat; padding-left: 3px; padding-right: 3px; font-weight: bold; color: #333;}
div.stockmchart-info .stockmchart-volume span {color: #555;}
div.stockMChart div.webponent-chart-stockMChart-personal {display: none;}
div.stockMChart canvas {-webkit-transform-style: preserve-3d; min-width: 320px;}

div.stockMChart div.webponent-chart-stockMChart-slider-cont {display: none;}

div.stockMChart button.button-plus, div.stockMChart button.button-minus, div.stockMChart button.button-default { display: none;}


#mobile .overall input[type="password"].accntpw{
	vertical-align:middle;
}