@charset "utf-8";

body{
	width: 800px;
	padding:0;
    margin:0;
	font-size:12px;
	font-family: 돋움, Dotum;
	color:#666666;
}

table, img, div {margin:0; padding:0; border:none;}

ul, li, dl, dt, dd{
	margin: 0;
	padding: 0;
	list-style-type:none;
}

dt {color:#333333;font-weight:bold;}

table {
	width: 100%;
	border: none;
	border-top: 2px solid #333333;
}

table, tr, th, td, div {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
}

th, td {height : 38px; border-right: 1px solid #D9D9D9; border-bottom:1px solid #D9D9D9;}
th, tfoot td {font-weight: bold; color:#333333; background:#F6F6F6;}

tbody th{
	text-align: left;
	padding-left:20px;
}

tbody td {text-align:center;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
}

caption, .hidden{visibility:hidden;  margin:0; padding:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
.r_line{border-right:none;}
.date{text-align:center; padding:0; background:none;}

form, fieldset, button, label {
	margin: 0;
	padding: 0;
	border: 0;
}

input{vertical-align:middle;}
label{padding-right:8px;}

select{ height:24px; font-size: 12px; color:#666666; border:1px solid #D9D9D9; vertical-align:middle;}

/* 링크 */ 
a:link {color:#696969; text-decoration:none}
a:visited {color:#696969; text-decoration:none;}
a:hover {color:#FF6600; text-decoration:none;}

/* 등락 색상*/
.up{color:#DD1C75;}
.down{color:#004890;}
.same{color:#1D9D5C;}

/*----- top_current -----*/ 
#stock_info {width:100%; height:20px; border-bottom:1px solid #d9d9d9;}
#stock_info h4{float:left; margin:0; padding:0; width:50%; line-height:120%; font-weight:bold; font-size:12px; color:#333333; text-align:left;}
#stock_info .date{float:right;  line-height:120%;}

/* 현재가, 전일대비, 등락률 */

.cur_quote dl{position: absolute;}
.cur_quote dt, .cur_quote dd {position: absolute; text-align: center;}

.cur_quote #cup { 
	top:15px;
	left:10px;
	width:100%;
} 

#close_title {visibility:hidden;}
#updown_title, #percent_title, #updown, #percent {}

.cur_quote #cur_close {
	left: 0;
	text-align:left;
	font-family: Arial; 
	font-size: 30px;
	font-weight: bold;
}
#updown_title, #percent_title{left: 200px;}
#updown, #percent {left: 270px;}
#percent_title, #percent{top:20px;}


/* 현재가 : 시가, 고가, 저가, 거래량 */
.cur_quote #ohlv {
	top: 90px;
	left: 0;
	width:100%;
	border-top:2px solid #333333;
} 

#ohlv dt {
	background: #F7F7F7;
	border-bottom: 1px solid #D9D9D9;
}

#ohlv dd {
	top: 38px;
	border-bottom: 1px solid #D9D9D9;
}

#ohlv dt, #ohlv dd {
	width: 25%;
	padding: 14px 0 12px 0;
	border-right: 1px solid #D9D9D9;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#open_title, #open { left: 0%; }
#high_title, #high { left: 25%;}
#low_title, #low { left: 50%;}
#volume_title, #volume { left: 75%; border-right:none !important;}

/* 현재가 + 차트 */
#quote_chart{ width:100%; height:200px; margin-bottom:20px;}

#cur_chart_box{
	position: relative;
	float: left;
	margin-top: 15px;
	width: 45%;
}

#chart_min {
	float: right;
	text-align:right;
	margin-top: 25px;
	width: 50%;
}

/* 현재가 : 호가 */ 
#hoga_tb{
	clear:both;
	float:left;
	width:45%;
}


/* 현재가 : 자본금 */ 
#cap_ind{
	float:right;
	width:50%;
}

#cap_ind tbody td{text-align: left; padding-left:20px;}

/* 현재가 : 지수 */ 
#index_tb{margin-top:38px;}
#index_tb dl { float:left; width:33.3%; border-top: 2px solid #333333;}
#index_tb dt { height:26px; padding-top:11px; background:#F7F7F7; border-bottom:1px solid #D9D9D9;}
#index_tb dd { font-weight:bold;}

#index_tb dd.index_close { height:55px; padding-top:55px; color:#ffffff;}
#index_tb dd.index_updown { padding:10px 0 23px 0; border-bottom: 1px solid #D9D9D9; line-height:100%;}


/* 주가 top */

#cur_top_box {
	position: relative;
	margin-bottom: 30px;
	width: 100%;
	height: 100px;
}

#cur_top_box #cup { 
	top:40px;
	left:20px;
	width:45%;
	height:61px;
	background: #FFF;
} 

#cur_top_box #ohlv {
	top: 25px;
	left: 50%;
	width:50%;
}

/*----- 분주가 -----*/

#chart_box1 {
	float: left;
	width: 45%;
}

#chart_box2 {
	float: right;
	width: 50%;
}

#btn_list {
	clear: both;
	width: 100%;
	text-align:right;
	padding-top:20px;
	margin-bottom:10px;
}


/*----- 일주가-----*/
#search_box{clear:both; width:100%; text-align:center; padding-top:20px; margin-bottom:20px;}
#search_box .sel_tt{visibility:hidden; margin:0; padding:0; width:0; height:0; border:0; overflow:hidden; font-size:0; line-height:0;}
#search_box .date_sel{display:inline-block; }

.select_box select, .select_box2 select{
	width: 80px;
	background: transparent;
	border: 0;
	height: 22px;

}

.select_box, .select_box2 { 
	display:inline-block;
	width: 60px; 
	height: 22px;
	margin-right:5px;
	overflow: hidden;
	background: url('../images/btn_select.gif') no-repeat 39px;
	border: 1px solid #D9D9D9;
	vertical-align:middle;
}

.select_box2 select{	width: 110px;}
.select_box2 {width: 90px; background: url('../images/btn_select.gif') no-repeat 69px;}

.hy{display:inline-block; margin-right:5px;  height:16px; vertical-align:top; padding-top:8px;}

/* 버튼 */
.btn {
	display:inline-block;
	width:50px;
	height:18px;
	padding-top:6px;
	background:url("../images/btn_bg.gif") no-repeat;
	text-align:center; 
	vertical-align:middle;
}

.btn_dl{
	vertical-align:middle;
}

/*----- 차트분석 -----*/
#chart_set table .btn{margin-left:30px;}
#chart_set table tbody td{text-align:left; padding-left:20px;}

/*----- 매물 -----*/
#chart_box3{
	width:100%;
	margin-bottom:15px;
	text-align:left;
}

#chart_box3 div{
	float:left;
	display: inline-block;
}

#chart_box3 h5{height:20px; margin: 0; padding: 0;}

#chart_box3 img{border:1px solid #E9E9E9; }

#chart_box3 .chart_c {margin:0 14px 0 14px;}
#chart_box3 .chart_b {width:100%; text-align:center;}

/*-----마켓뷰 -----*/
.mk_box{ width:100%; height:256px; margin-bottom:30px;}

.mk_tb {float:left; width:55%;}
.mk_tb caption{visibility:visible; width:100%; height:25px; font-size:12px; line-height:200%; text-align:left; font-weight:bold;}
.mk_tb tbody th{background:url('../images/mini_chart.gif') no-repeat 0 14px;}

.mk_chart{float:right; width:40%; margin-top:24px; text-align:right; border:1px solid #E9E9E9;}

#market_info{position:absolute; top:0; left:0; width:800px; text-align:right; margin:0; padding:0;}