@charset "utf-8";


/* 트레이딩 타이틀 */


#conTit {
	height:20px; 
	margin: 14px 0 8px;
} 

#conTit h2.subTit01 { 
	height: 20px;
	font-size: 0;
	float: left;
}

#conTit .localMap {
	text-align: right;
	padding-top: 10px;
	color: #acacac	;
}

#conTit .localMap img {
	vertical-align: top;
}





/* Scroll 클래스 */

.scrBar01 {
	margin-top: -1px;
	height: 150px;
	overflow-y: scroll; 
	overflow-x: hidden;	
}

.scrBar02 {
	margin-top: -1px;
	height: 76px;
	overflow-y: scroll; 
	overflow-x: hidden;	
}	

.scrBar03 {
	margin-top: -1px;
	height: 76px;
	overflow-y: scroll; 
	overflow-x: hidden;	
}

.scrBar04 {
	margin-top: -1px;
	height: 120px;
	overflow-y: scroll; 
	overflow-x: hidden;	
}	

.scrBar05 {
	margin-top: -1px;
	height: 113px;
	overflow-y: scroll; 
	overflow-x: hidden;	
}	

.scrBar06 {
	margin-top: -1px;
	height: 125px;
	overflow-y: scroll; 
	overflow-x: hidden;	
}	
	






/* 호가 */


table.listBr {
	width: 355px;
}

table.listBr th {
	height: 21px; 
	border-top: 1px solid #a6a6a6; 
	border-bottom: 1px solid #a6a6a6;
	background: #fbf5dd url(/img/common/bg_titBar01.gif) no-repeat 100% 5px;	
	font: normal 11px dotum;
	padding: 1px 5px 0;	
	text-align: right;
	font-size: 12px;
}

.titBgFb {
	background: #fbf5dd;
}


table.listBr th.bdNo {
	background: #fbf5dd none;
}

table.listBr td {	
	border-right: 1px solid #c3c3c3;
	padding: 1px 5px 0;	
	text-align: center;
	line-height: 1.4em;
}

table.listBr td.bdT {
	border-top: 1px solid #a6a6a6;
}

table.listBr td.brSky {
	background: #f0f8fb;
	text-align: right;	
}
 
table.listBr td.brPink {
	border-top: 1px solid #a6a6a6;
	background: #fcf0f2;
	text-align: right;
}

table.listBr td.brPink1 {
	background: #fcf0f2;
	text-align: right;
}

table.listBr td.brPink2 {
	border-top: 1px solid #a6a6a6;
	background: #fbd9d8;
	text-align: right;
}

table.listBr td.brBlue {
	border-top: 1px solid #a6a6a6;
	background: #ddebf6;
	text-align: center;
	height: 18px;
}


table.listBr td.brWhite {
	text-align: left;	
}

table.listBr td.brWhite1 {
	border-top: 1px solid #c3c3c3;
	text-align: center;
	height: 19px;
}

table.listBr td.brWhite3 {
	border-top: 1px solid #a6a6a6;	
	text-align: right;	
}

table.listBr td.brWhite4 {
	border-top: 1px solid #a6a6a6;
	text-align: right;
	height: 19px;
}

table.listBr td.brGray {
	border-top: 1px solid #a6a6a6;
	background: #f4f4f4;
	text-align: center; 
	height: 18px;
}

table.listBr td.brGray2 {
	border-top: 1px solid #a6a6a6;
	border-bottom: 1px solid #a6a6a6;
	background: #f4f4f4;
	text-align: center; 
	height: 18px;
}

table.listBr td.txtRig {
	text-align: right;
}


table.listBr .pdTop {
	padding-top: 3px;
}

table.listBr .pdBot {
	padding-bottom: 3px;
}

table.listBr .texRi {
	text-align: right;
}

table.listBr td.bdNo {
	border-right: 0;
}







/* 거래원*/

table.listLe {
	width: 355px;
	line-height: 1.6em;
}

table.listLe th {
	height: 17px; 
	border-top: 1px solid #a6a6a6; 
	border-bottom: 1px solid #d9d9d9;
	background: #e4e4e4 url(/img/common/bg_titBar.gif) no-repeat 100% 5px;	
	font: normal 11px dotum;
	padding: 2px 5px 0;	
}


table.listLe th.bdNo {
	background: #e4e4e4 none;
}


table.listLe td {	
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 0 5px;	
	height: 18px;

}

table.listLe td.bdNo {
	border-right: 0;
}



/* 2009.10.05 김미선 추가 시 작*/

table.listLe td.bgPink {     
		text-align: left;
   	background: #fcf0f2;
}
table.listLe td.bgSky {   
    text-align: left;
    background: #f0f8fb;
}

table.listLe td.bgWhite {   
    text-align: left;
    background: #ffffff;
}
/* 2009.10.05 김미선 추가 끝 */


/* 투자자*/

table.listIn {
	width: 355px;
	line-height: 1.6em;
}

table.listIn th {
	height: 17px;	
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-top: 1px solid #a6a6a6; 
	font: normal 11px dotum;
	padding-top: 2px;	
}

table.listIn th.bg1 {
	background: #f4f4f4;
}

table.listIn th.bg2 {
	background: #fbd9d9;
}

table.listIn th.bg3 {
	background: #dcebf5;
}	

table.listIn th.bg4 {
	background: #f8efd1;
}


table.listIn td {	
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 0 5px;	
	text-align: right;
	height: 18px;
}

table.listIn .bdNo {
    border-right: 0;
}


/* 체결,일별,주체별,예상체결 */

table.listCo {
	width: 355px;
	line-height: 1.6em;
}

table.listCo th {
	height: 18px; 
	border-top: 1px solid #a6a6a6; 
	background: #e4e4e4 url(/img/common/bg_titBar.gif) no-repeat 100% 5px;	
	font: normal 11px dotum;
	padding: 1px 5px 0;	
}


table.listCo th.bdNo {
	background: #e4e4e4 none;
} 

table.listCo td {	
	border-right: 1px solid #d9d9d9;
	padding: 1px 5px 0;	
	text-align: center;
	font-size: 12px;
}

table.listCo td.numBl {		
	text-align: right;
	color: #0160bc;
}




/* 체결/거래원 */

table.listTr {
	width: 338px; 
	line-height: 1.6em;
	border-top: 2px solid #a6a6a6;
	text-align: center;
	font-size: 12px;
}


table.listTr td {
	border-right: 1px solid #d9d9d9;
	padding: 1px 5px 0;
}


table.listTrLe {
	width: 355px;
	line-height: 1.6em;
}

table.listTrLe th {
	height: 18px; 
	border-top: 1px solid #a6a6a6;
	background: #e4e4e4 url(/img/common/bg_titBar.gif) no-repeat 100% 5px;	
	font: normal 11px dotum;
	padding: 1px 5px 0;	
}


table.listTrLe th.bdNo {
	background: #e4e4e4 none;
} 

table.listTrLe td {	
	border-right: 1px solid #d9d9d9;
	padding: 0 5px;	
	text-align: left;
}


/* 재무 */

table.listTb {
	line-height: 1.6em;	
	text-align: left;
	border-top: 1px solid #a6a6a6;
}

table.listTb td {
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	height: 18px;
	padding: 0 5px;
	text-align: right;
}

table.listTb td.topTit {
	background: #f4f4f4;
	text-align: center;	
	border-right: 0;	
}

table.listTb td.tit {
	background: #f4f4f4;
	text-align: left;	
}

table.listTb td.tit1 {
	background: #f4f4f4;
	height: 18px;
	padding: 1px 5px 0;	
}

table.listBr td.brBlue2 {
    border-top: 1px solid #a6a6a6;
    background: #ddebf6;
    text-align: right;
    height: 18px;
}

table.listTb td.bdNo {
	border-right: 0;
}


/* 추가 (091020-미선)*/

span.up {color: #df0001;}
span.down {color: #0160be;}








.listWrap01 {
	width: 355px; 
}

.TimeWrap {
	position: relative;
	width: 355px; 
}

.TimeWrapCont {
	position: absolute;
	top:0; left:0;
}





table.list {
	margin-top: 5px;
	line-height: 1.6em;
}

table.list th.tit {
	background: #e4e4e4; 
	height: 19px; 
	border-top: 1px solid #a6a6a6; 
	border-bottom: 1px solid #d9d9d9;
	font-weight: bold;
}


table.list div.txt {
	line-height: 1.2em;
	_padding-top: 4px;	
	_background: url(/img/common/bg_titBar.gif) no-repeat 100% 4px;
}

table.list td.txt01 {
	padding: 4px 8px 3px; 
	_padding: 5px 8px 2px; /* IE6 */
	border-right: 1px solid #d9d9d9; 
	border-bottom: 1px solid #d9d9d9;
}

table.list td.txt02 {
	padding: 4px 8px 3px; 
	_padding: 5px 8px 2px; /* IE6 */
	border-right: 1px solid #d9d9d9; 
	border-bottom: 1px solid #d9d9d9;
	background: #f6f5f0;
}

table.list td.txt03 {
	padding: 4px 8px 3px; 
	_padding: 5px 8px 2px; /* IE6 */
	border-bottom: 1px solid #d9d9d9;
}

table.list td.txt04 {
	padding: 4px 8px 3px; 
	_padding: 5px 8px 2px; /* IE6 */
	border-bottom: 1px solid #d9d9d9;
	background: #f6f5f0;
}

table.list td.tbImg01 {
	border-bottom: 1px solid #d9d9d9;
}

table.list td.tbImg02 {
	border-bottom: 1px solid #d9d9d9;
	background: #f6f5f0;
}

table.list td.bdR {
	border-right: 2px solid #c5c5c5;
}

table.buying {
	margin-top: 5px;
}




/* Layer */
ul.que {
	position: absolute; 
	top:0; 
	right: -18px;
	_right: -1px; 
	width:289px; 
	height:46px; 
	background: url(/img/common/bg_interestLay.gif) no-repeat; 
	padding:17px 11px 14px; 
	letter-spacing: -1px;
}

img.btnQue {
	vertical-align: top;
	margin-top: 3px;
}




/* 주식주문 */

table.stock {
	width: 100%; 
	border-top: 1px solid #ffcfcd; 
	border-bottom: 1px solid #ffcfcd; 
	background: #fcf0f2;
	font-size: 12px;
	text-align: left; 
	table-layout:fixed;
}

table.stock th {
	color: #d30000;
	padding-left: 15px;
	height: 22px;
	
}

table.stock .txtS {
	padding-top: 8px;
}

table.stock .stockBot {
	padding-bottom: 8px;
}

table.stock img.btn {
	position: relative;
	top: 10px;
}

table.stock td.upDown {
	padding:2px 0;
}

table.stock td.cancelTxt {
	padding-left: 15px;
	height: 28px;
	border-top: 1px solid #ffcfcd;
}


table.stockBl {
	width: 100%; 
	border-top: 1px solid #c4d6e4; 
	border-bottom: 1px solid #c4d6e4; 
	background: #ecf7ff;
	font-size: 12px;
	text-align: left; 
   table-layout:fixed;
}

table.stockBl th {
	color: #0160ba;
	padding-left: 15px;
	height: 22px; 
}

table.stockBl .txtS {
	padding-top: 8px;
}

table.stockBl .stockBot {
	padding-bottom: 8px;
}

table.stockBl img.btn {
	position: relative;
	top: 10px;
}

table.stockBl img.btn01 {
	position: relative;
	top: 8px;
}

table.stockBl td.upDown {
	padding:2px 0;
}

table.stockBl td.cancelTxt {
	padding-left: 15px;
	height: 28px;
	border-top: 1px solid #c4d6e4;
}

table.stockYe {
	width: 100%; 
	border-top: 1px solid #ead988; 
	border-bottom: 1px solid #ead988; 
	background: #fdfadb;
	font-size: 12px;
	text-align: left; 
	table-layout:fixed;
}

table.stockYe th {
	color: #b58b19;
	padding-left: 15px;
	height: 22px;
	text-align: left; 
}

table.stockYe .txtS {
	padding-top: 8px;
}

table.stockYe .stockBot {
	padding-bottom: 8px;
}

table.stockYe img.btn {
	position: relative;
	top: 10px;
}
table.stockYe img.btn01 {
	position: relative;
	top: 16px;
}

table.stockYe td.upDown {
	padding:2px 0;
}

table.stockYe td.cancelTxt {
	padding-left: 15px;
	height: 28px;
	border-top: 1px solid #ead988;
}

table.stockGr {
	width: 100%; 
	border-top: 1px solid #b8d082; 
	border-bottom: 1px solid #b8d082; 
	background: #eff8dd;
	font-size: 12px;
	text-align: left;
	table-layout:fixed; 
}

table.stockGr th {
	color: #669700;
	padding-left: 15px;
	height: 22px;
	text-align: left; 
}

table.stockGr .txtS {
	padding-top: 8px;
}

table.stockGr .stockBot {
	padding-bottom: 8px;
}

table.stockGr img.btn {
	position: relative;
	top: 10px;
}
table.stockGr img.btn01 {
	position: relative;
	top: 16px;
}

table.stockGr td.upDown {
	padding:2px 0;
}

table.stockGr td.cancelTxt {
	padding-left: 15px;
	height: 28px;
	border-top: 1px solid #b8d082;
}



.stockSBtn {
	
}

input.stoR {
	font: normal 12px dotum; 
	border: 1px solid #ff7f7f;
	color: #525252;
	padding: 2px 4px;
}

div.stoRTxt {
	font: bold 12px dotum; 
	border: 1px solid #ff7f7f;
	color: #525252;
	padding: 4px 4px 3px;
	background: #fff;
	width: 98px;
	height: 12px;
}

input.stoB {
	font: normal 12px dotum; 
	border: 1px solid #70ace0;
	color: #525252;
	padding: 2px 4px;
}

div.stoBTxt {
	font: bold 12px dotum; 
	border: 1px solid #70ace0;
	color: #525252;
	padding: 4px 4px 3px;
	background: #fff;
	width: 98px;
	height: 12px;
}

input.stoY {
	font: normal 12px dotum; 
	border: 1px solid #cd9f45;
	color: #525252;
	padding: 2px 4px;
}

div.stoYTxt {
	font: bold 12px dotum; 
	border: 1px solid #cd9f45;
	color: #525252;
	padding: 4px 4px 3px;
	background: #fff;
	width: 98px;
	height: 12px;
}

input.stoG {
	font: normal 12px dotum; 
	border: 1px solid #9bbe50;
	color: #525252;
	padding: 2px 4px;
}

div.stoGTxt {
	font: bold 12px dotum; 
	border: 1px solid #9bbe50;
	color: #525252;
	padding: 4px 4px 3px;
	background: #fff;
	width: 98px;
	height: 12px;
}

ul.tabWrapB {
	width: 355px;
	height: 22px;
	background: url(/img/table/bg_tabB.gif) repeat-x; 
	margin-bottom: 5px;
}

ul.tabWrapY {
	width: 355px;
	height: 22px;
	background: url(/img/table/bg_tabY.gif) repeat-x; 
	margin-bottom: 5px;
}

ul.tabWrapG {
	width: 355px;
	height: 22px;
	background: url(/img/table/bg_tabG.gif) repeat-x; 
	margin-bottom: 5px;
}  

select.stock {
	behavior:url('/js/selectboxS.htc');
}


ul.upDownBtn1 {
	border:1px solid #ccc; 
	height:20px;
	width: 106px;
	background: #fff;
}

ul.upDownBtn1 li.txt {	
	float:left; 
	padding: 0 3px;
}

ul.upDownBtn1 li.btn {
	float:right;
	line-height: 0;
	font-size:9px;
}

ul.upDownBtn1 li.btn img:first-child {
	margin-bottom: 4px;
}

ul.upDownBtn2 {
	border:1px solid #ccc; 
	height:18px;
	width: 106px;
	background: #eeeeee;
} 

ul.upDownBtn2 li.txt {	
	float:left; 
	padding: 0 3px;
}

ul.upDownBtn2 li.btn {
	float:right; 
	line-height:0;
	font-size:9px;
}

ul.upDownBtn2 li.btn img:first-child {
	margin-bottom: 4px;
}

.yellow_bg{
	background: #e7f8cf !important; 
}

.yellow_border{
	border: 1px solid #e7f8cf !important;
}

.n_border{
	border: 0px !important;
	padding-top: 3px;
}

ul.nameSearch {
	border-top: 1px solid #d9d9d9; 
	border-bottom: 1px solid #d9d9d9; 
	background: #f4f4f4; 
	height: 18px; 
	padding: 6px 10px;
	margin-bottom: 5px;
	overflow: hidden;
}



/* 20091009 김미선 추가 */
table.listIn td.bgSky {   
 		text-align: left;
    background: #f0f8fb;
}


table.listBr td.brWhite2 {
    text-align: right;   
}



/* 주식예약주문 */

table.redT {
	border-top: 1px solid #e21f25;
}

table.resList td {
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding-top: 1px;
	height: 19px;
	text-align: center;
	font-size: 11px;
}

table.resList th {
	background: #f4f4f4;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	font-weight: normal;
	padding-top: 1px;
	height: 21px;
	font-size: 11px;
}

ul.searchTxtTab01 {	
	width: 720px;
	height: 36px;
}

ul.searchTxtTab01 li.tit {
	float: left;
	padding-top: 11px;
}

ul.searchTxtTab01 li.txt {
	float: right;
	position: relative; 
	top:-1px; 
}



/* 추가(은미) */
.scrBar07 {
	margin-top: -1px;
	height: 300px;
	overflow-y: scroll; 
	overflow-x: hidden;	
}

.listWrap02 {
	width: 720px; 
}

span.vT05 {vertical-align:5px;}

/* 분석정보(시장종합) */
.br_01 {
	padding-left:7px;
	background: url('/img/common/icon_tit.gif') no-repeat 0 5px; 
}
table.t_line01 {
	border-top: 1px solid #a6a6a6;
}
table td.aLeft, table th.aLeft {
	text-align:left;
	padding-left:10px;
}
table td.aRight {
	text-align:right;
	padding-right:10px;
}
table.aCenter {text-align:center;}
table .c_Blue {color:#0061ba;}
table img.arr_bottom {margin-right:40px;}
table .listWrap_select {font-size:11px;margin:5px 0;}

table th.color01 {background-color:#fbd9d9;}
table th.color02 {background-color:#dcebf5;}
table th.color03 {background-color:#f8efd1;}
table td.color04 {background-color:#f4f4f4;}
table td.f_color01 {
	text-align:right;
	color:#0060ba;
	padding-right:5px;
}
table td.f_color02 {
	text-align:right;
	color:#df0000;
	padding-right:5px;
}




/* Table Border None (css 하단에 위치하여야 최종 스타일으로 적용됨)*/


table td.bdBotNo {	
	border-bottom: 0;
}


/* 주문 레이어 */

.stockLay { 
	position: absolute; 
	top:0; 
	left: 0;  
	width:355px;
}

/* 레이어-매수 */


div.layer_body {
	min-height:100%;
	top:-10px;
	left:0px;
	width:100%;
	display: none;
	position:absolute;
	z-index:30;
}



div.gray_layer {
	background:#fff url('/img/trading/blank.gif') repeat left top;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	*height:100%;
	min-height:100%;
	top:0px;
	left:0px;
	width:100%;
	position:fixed;
	z-index:1;
	_height:expression(document.body.offsetHeight);
}
div.layer_area {
	min-height:100%;
	top:0px;
	left:0px;
	width:100%;
	position:absolute;
	z-index:2;
}

div.layer_area01 {
	min-height:100%;
	top:115px;
	left:-12px;
	width:100%;
	position:absolute;
	z-index:2;
}


div.layer_con {
	width:355px;
	position:relative;
	margin:0 auto;
	min-height:100%; 
	font-size: 12px;
}

dl.stoTabR {
	margin: 15px;
	width: 323px; 
	height: 219px;
	background:url('/img/trading/bg_stockLay01.gif') no-repeat;
}

dl.stoTabB {
	margin: 15px;
	width: 323px; 
	height: 219px;
	background:url('/img/trading/bg_stockLay02.gif') no-repeat;
}

dl.stoTabBMini {
	margin: 15px;
	width: 355px; 
	height: 235px;
	background:url('/img/popup/bg_miniB.gif') no-repeat;
}

dl.stoTabY {
	margin: 15px;
	width: 323px; 
	height: 219px;
	background:url('/img/trading/bg_stockLay03.gif') no-repeat;
}

dl.stoTabYMini {
	margin: 15px;
	width: 355px; 
	height: 235px;
	background:url('/img/popup/bg_miniY.gif') no-repeat;
}

dl.stoTabG {
	margin: 15px;
	width: 323px; 
	height: 219px;
	background:url('/img/trading/bg_stockLay04.gif') no-repeat;
}

dl.stoTabA {
	margin: 15px;
	width: 323px; 
	height: 219px;
	background:url('/img/trading/bg_stockLay05.gif') no-repeat;
}

dl dt.stoTab {
	font-weight:bold; 
	height:20px; 
	padding:10px 16px 0 22px; 
	color: #fff;
}

.stoLayMid {
	padding:8px 22px;
	height: 115px;
}

.stoLayMid01 {
	padding:5px 22px;
}

.stoLayBotTxtR {
	margin-left: 22px;
	padding-left: 21px;
	background: url(/img/trading/icon_layPointR.gif) no-repeat 0 2px;
}

.stoLayBotTxtB {
	margin-left: 22px;
	padding-left: 21px;
	background: url(/img/trading/icon_layPointB.gif) no-repeat 0 2px;
}

.stoLayBotTxtY {
	margin-left: 22px;
	padding-left: 21px;
	background: url(/img/trading/icon_layPointY.gif) no-repeat 0 2px;
}

.stoLayBotTxtG {
	margin-left: 22px;
	padding-left: 21px;
	background: url(/img/trading/icon_layPointG.gif) no-repeat 0 2px;
}

.stoLayBotTxtA {
	margin-left: 22px;
	padding-left: 21px;
	background: url(/img/trading/icon_layPointA.gif) no-repeat 0 2px;
}


/* 빨강 */

dl.stoTabR01 {
	margin: 15px;
	width: 323px; 
	height: 219px;
}

dl.stoTabR01 dt{
	background:url('/img/trading/bg_stockLayTop01.gif') no-repeat;
	height: 22px;
	font-weight:bold; 
	padding:10px 16px 0 22px; 
	color: #fff;
}

dl.stoTabR01 dd.layMid {
	width: 323px;
	background:url('/img/trading/bg_stockLayMid01.gif') repeat-y;
	min-height: 80px;
}

dl.stoTabR01 dd.layBot {
	width: 323px;
	background:url('/img/trading/bg_stockLayBot01.gif') no-repeat;
	height: 58px;
	padding-top:6px;
}

/* 파랑 */

dl.stoTabB01 {
	margin: 15px;
	width: 323px; 
	height: 219px;
}


dl.stoTabB01 dt{
	background:url('/img/trading/bg_stockLayTop02.gif') no-repeat;
	height: 22px;
	font-weight:bold; 
	padding:10px 16px 0 22px; 
	color: #fff;
}

dl.stoTabB01 dd.layMid {
	width: 323px;
	background:url('/img/trading/bg_stockLayMid02.gif') repeat-y;
	min-height: 80px;
}

dl.stoTabB01 dd.layBot {
	width: 323px;
	background:url('/img/trading/bg_stockLayBot02.gif') no-repeat;
	height: 58px;
	padding-top:6px;
}



table.stockLayTb {
	width: 100%;
	/*line-height: 13px;*/
	font-size: 12px;
}

table.stockLayTb th {
	height: 14px;
	width: 80px;
	text-align: left;
}


table.stockLayTb .coR {
	color:#d30000; 
}                
                 
table.stockLayTb .coB {
	color:#0061ba; 
}                
                 
table.stockLayTb .coY {
	color:#a67900; 
}                
                 
table.stockLayTb .coG {
	color:#669501; 
}                
                 
table.stockLayTb .coA {
	color:#669501;
}



/* 국내증시탭 (091020-김재덕) */

table.kospiTb {
	width: 100%;
	margin-top: 4px;
}

table.kospiTb td { 
	padding: 1px 0 0 8px;
	height: 17px;
}

table.kospiTb .txtG {
	color: #828282;
} 

table.kospiTb td.bgG { 
	background: #ebebeb;
}

div.kosTabWrap {
	width: 225px; 
	background: url(/img/trading/bg_midList.gif) no-repeat 0 30px;
	overflow: hidden;
}

dl.kosTab {
	width: 225px; 
}

dl.kosTab dt {
	margin-top:10px; 
	height:28px;
}

/* 금리,환율 */

dl.exChange {
	float:left; 
	padding:15px 0 0 3px; 
	width:220px;
}

dl.exChange dt {
	margin:0 0 11px 9px; 
	height: 12px
}

dl.exChange dd {
	padding-top: 4px; 
	_padding-top: 2px;
}



/* 주요순위 */

dl.ranking {
	float:left; 
	padding:15px 0 0 3px; 
	width:257px;
	
}

dl.ranking dt {
	margin:0 0 15px 26px; 
	_margin:0 0 13px 26px; 
	height: 12px
}

dl.ranking dd {
	height: 105px;
	margin-left: 10px;
	padding-left:6px;
	border-left: 1px solid #dbdbdb;	
}

dl.ranking dd ul {
	height: 27px;
	border-bottom:1px solid #a6bbd0;
	margin:0 0 8px 9px;
}

dl.ranking dd ul li {	
	padding-right: 5px;
	float: left;
	font-size: 12px;
}

dl.ranking dd ul li a {
	color: #888;
}

dl.ranking dd ul li.bar {
	padding-left: 5px;
	background: url(/img/trading/bg_tabBar.gif) no-repeat 0 3px;
}

dl.ranking dd ul li span.point {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}


/*투자자별 매매동향 */
dl.subMainList {
	width:345px;
}

dl.subMainList dt {
	height: 22px;
}


table.subTb {
	width: 100%;
	line-height: 1.6em;
}

table.subTb th {
	height: 18px; 
	border-top: 1px solid #a6a6a6; 
	border-bottom: 1px solid #d9d9d9;
	background: #e4e4e4 url(/img/common/bg_titBar.gif) no-repeat 100% 6px;	
	font: normal 11px dotum;
	padding: 2px 5px 0;	
}


table.subTb th.bdNo {
	background: #e4e4e4 none;
} 

table.subTb td {	
	border-right: 1px solid #d9d9d9;	
	border-bottom: 1px solid #d9d9d9;
	padding: 0 5px;		
	text-align: right;	
	height: 20px;
}

table td.texL {
	text-align: left;
}

table.subTb td.bdNo {	
	border-right: 0;
}

/* 시황 & 트레이딩 뉴스 */

dl.subMainList dt.tdListTit {
	height: 18px;
}


#tradingSubBg {
	margin-top: 20px;
	width:720px; 
	height: 190px; 
	background: url(/img/trading/bg_midList.gif) no-repeat 0 bottom;
}

.tradingSubWid {
	width:720px;
}

.tradingSubWid01 {
	width:720px;
	margin-top: 25px;
}

#tradingFlash {
	width:720px; 
	height:210px;
	position: relative;
}

#tradingFlash div.graph {
	position: absolute; 
	top:20px;;
	right: 16px;
}



table.listTb td.tit2 {
    background: #f4f4f4;
    text-align: center;   
}

table td.aRight01 {
 text-align: right;
}


/* ELW 위험고지 */

.elwPop {
	width:716px; 
	border:1px solid #cccccc;  
	margin-top: 5px; 
	padding: 2px;
}

.elwPop ul {
	height: 362px; 
	overflow-y: scroll; 
	padding: 13px 15px; 
	font-size: 12px
}

.searchTxt select {margin-top: 1px;}
.searchTxtBot select {margin-top: 1px;}


div.traSelLay {
	border: 1px solid #cccccc; 
	width: 104px; 
	height: 18px; 
	background: #fff; 
	position: relative; 
	padding-left: 2px;
}

div.traSelLay a.tit {
	display: block; 
	background: #fff url('/img/common/select_arrowS.gif') no-repeat 91px 6px; 
	width:100px;
}

div.traSelLay a:hover { text-decoration: none;}

div.traSelLay div.layCon {
	display: none; 
	width: 102px; 
	height: 100px; 
	border: 1px solid #cccccc; 
	border-top: 0; 
	margin:2px 0 0 -3px; 
	background: #fff; 
	padding: 2px; 
	overflow-y: auto; 
	overflow-x: none; 
	position: absolute;
}


/* 미선 추가 (1104)*/

span.top01 {color: #df0001;}
span.bottom01 {color: #0160be;}

span.orderBuy{color:#df0001;}/* 매수 */    
span.orderSell{color:#0160be;}/* 매도 */   
span.orderCorrect{color:#a67800;}/* 정정 */
span.orderCancel{color:#699500;}/* 취소 */ 



div.brokenTxt {
	margin: 5px 0 0 5px;
	line-height: 1.4em;
}



/* 예약주문 팝업 버튼 2009-12-03 김재덕 */
div.resPopBtn { 
	text-align: right;
}


/* 미수금/반대매매 탭 */
p.accTabOfTab {
	height: 16px; 
	background: #efebe0; 
	padding: 4px 6px; 
	font-size: 12px;
}

/* 단주주문 텍스트 */
ul tabSearchTxt li.stTxt01 {
	letter-spacing: -1px;
}



/* 인기검색어 & 실시간검색어 추가 2010-01-07 김재덕 */
.searchLeftMid01 {
 width: 193px;  
 height:140px;
 line-height: 1.5em; 
 font-size: 12px;
 float: left;
 background: url(/img/trading/bg_searchTxt.gif) no-repeat 170px 0;
}
.searchLeftMid02 {
 width: 152px;  
 height:140px;
 line-height: 1.5em; 
 font-size: 12px;
 float: left;
}


.searchLeftMid01 ol.num li, .searchLeftMid02 ol.num li  {
	height:18px;
}


ul.tit li.nextBtn {
	float: right;
}

ul.tit li.nextBtn img {
	vertical-align: top;
	margin-left: 10px;
}


.searchLeftMid01 ul.tit  {
	width: 152px;
 	height: 23px; 
}

.searchLeftMid02 ul.tit {
	height: 23px; 
}

.number {
	margin-right:5px; 
	vertical-align:-1px;
}


/* 미선대리님 추가 2010-01-08 */


div.stoGreyShortTxt {
    font: bold 12px dotum; 
    border: 1px solid #cccccc;
    color: #525252;
    padding: 2px;
    background: #fff;
    width: 65px;
    height: 12px;
    margin-top:1px; 
}

div.ageTxtWrap {
	width: 720px; 
	height: 219px; 
	background: url(/img/customer/bg_guideAgreementTxtBox.gif) no-repeat; 
	margin-top: 14px;
}

div.ageTxtWrap div.txt {
	width: 683px; 
	height: 181px; 
	margin: 9px 8px 9px 9px;
	/*margin: 9px;*/
	padding: 10px;

}

div.ageTxtWrap3 {
	width: 720px; 
	height: 280px; 
	background: url(/img/customer/bg_guideAgreementTxtBox3.gif) no-repeat; 
	margin-top: 14px;
}

div.ageTxtWrap3 div.txt {
	width: 683px; 
	height: 233px; 
	margin: 9px 8px 9px 9px;
	/*margin: 9px;*/
	padding: 10px;
}

/* 해당 css 하단에 위치하여야함 */
table td.tdTbTxtL {
	text-align: left;	
}

table td.tdTbTxtR {
	text-align: right;	
}

table td.tdTbTxtC {
	text-align: center;	
}

div.creditinfo {
	background: #f4f4f4; 
	width: 700px; 
	padding: 10px;
	margin-bottom:20px;
	position: relative;
}

div.creditinfo .btn {
	position: absolute;
	bottom:8px; right:8px;
}

dl.creditinfoTb {
	width: 720px;
}

dl.creditinfoTb dt {
	height: 20px;
	margin-top: 15px;
}
/* 스탁론 팝업 추가( 2010. 05. 18 윤렬이) */
.stockLoan {
	width:720px;
}
.stockLoan table {
	width:100%;
	font-size:12px;
	border-collapse:collapse;
	border-top:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
}
.boxS1 {
	border:1px solid #bbb;
	padding: 10px;
	margin-bottom: 2px;
}
.boxS2 {
	border:3px solid #dedede;
	padding: 10px;
	font-size:12px;
}
.stockLoan table th {
	font-size:12px;
	text-align:left;
	height:30px;
	padding-left:10px;
	color:#525252;
	background-color:#f4f4f4;
	border-bottom:1px solid #d9d9d9;
	font-weight:normal;
}
.stockLoan table th.TBpadd {
	padding:5px 10px;
}
.stockLoan table td {
	padding:0 0 0 10px;
	font-size:12px;
	line-height:16px;
	color:#525252;
	border-left:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
.stockLoan table td.lpad {
	padding:10px;
}
.stockLoan table th div.form {
	font-size:12px;
	text-align:right;
	padding:3px 10px 3px 0;
}
.stockLoan table.rbox td {
	padding:0 0 0 10px;
}
.price_bg_style{
	background-color:#e7f8cf !important;
	font-weight:bold !important;
}