@charset "utf-8";

body {
	width: 100%;
	padding:0;
	margin:0;
	font-size:12px;
	line-height:130%;
	font-family:"Malgun Gothic","맑은고딕",dotum,"돋움",sans-serif;
	color:#666666;
}

h4 {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 125%;
	color: #333;
}

h5, caption {
	visibility: hidden;
	margin:0;
	padding:0;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}

a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	color: #666666;
}

table {width:100%; border-collapse:collapse; border-top:2px solid #333333;}
table, th, td {margin:0; padding:0;}

thead th {background:#F9F9F9; font-weight:bold;}
th, dt{ color:#444444;}
td {text-align:right; padding-right:20px;}

th, td{
	height:40px;
	border-bottom:1px solid #E3E3E3;
}
caption, .hidden {visibility:hidden; margin:0; padding:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}

form, fieldset{margin:0; padding:0; border:none;}
input{vertical-align:middle;}
select{font-family:"Malgun Gothic","맑은고딕",dotum,"돋움",sans-serif; padding:0; margin:0; border:0; vertical-align:middle;}

tfoot th, tfoot td{background:#F5FDFF;}

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


/* updown */
.up {	color: #BC0008;} /*#D2505B*/
.down {	color: #163DA2;} /*#0A6D94*/
.same {	color: #090;}

.clear:after{
	content:'';
	display:block;
	clear:both;
}

/* --------------------------------
/*
/* 페이지상단 종목명
/*
/* ------------------------------ */

/* 종목명+현재시간 */

#name_time {
	height:20px;
	border-bottom:1px solid #E3E3E3;
}

#name {
	float: left;
	width: 150px;
}

#time {
	float: right;
	width: 200px;
	text-align: right;
}

/* 현재시세 */

.cur_quote {
	position: relative;
	height: 100px;
}

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

#cup { top: 10px; left: 0;} /* 현재가, 전일대비, 등락률 부분 */

#close_title { visibility:hidden; }
#updown_title, #percent_title { top: 7px; }
#updown, #percent { top: 30px; }

.cur_quote #close {
	width: 180px;
	line-height: 110%;
	font-size: 35px;
	font-weight:bold;
	padding-top: 10px;
}

#updown_title, #updown {
	left: 160px;
	width:85px;
	height:23px;
	font-weight:bold;
	border-right:1px solid #E3E3E3;
}

#percent_title, #percent {
	left: 250px;
	width:70px;
	font-weight:bold;
}

#percent { font-weight:normal; padding-top:2px;}

#ohlv dt {
	top: 5px;
	padding: 12px 11px;
	width: 25%;
	font-weight:bold;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	background: #F9F9F9;
}
#ohlv dd {
	top: 47px;
	padding: 12px 11px;
	width: 25%;
	border-bottom: 1px solid #E3E3E3;
}

#high_title, #high { left: 25%; }
#low_title, #low { left: 50%; }
#volume_title, #volume { left: 75%; }

/* --------------------------------
/*
/* 현재가 페이지
/*
/* ------------------------------ */

/* 현재가 + 차트 */

#quote_chart  {
	height:165px;
	margin-bottom:25px;
}

#quote_chart .cur_quote {
	float:left;
	width: 41.5%;
}

#quote_chart #cup { /* 현재가, 전일대비, 등락률 부분 */
	left: 0;
}

#quote_chart #ohlv { /* 시고저가, 거래량 부분 */
	width: 100%;
	top: 75px;
	left: 0;
}

#chart_min {
	float: right;
	width: 54%;
	text-align:right;
}

/* 호가 + 자본금 */

#quote_table {
	clear:both;
	float: left;
	width:43%;
}

#quote_table tbody th{
	border-right:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
}

#capital_index{
	float: right;
	width: 54%;
}

#capital_tb {margin-bottom:40px;}
#capital_tb th {
	text-align:left;
	background:#F9F9F9;
	padding-left:10px;
}

/* 지수정보 */

#index_tb dl {
	float: left;
	font-weight: bold;
	border-top: 2px solid #333333;
	border-bottom: 1px solid #E3E3E3;
}

#index_tb .kospi { width:33.9%;}
#index_tb .kosdaq, #index_tb .indu { width:33%;}

#index_tb dt, #index_tb dd {
	text-align: center;
	padding: 12px 11px;
}

#index_tb dt {
	background: #F9F9F9;
	border-bottom: 1px solid #E3E3E3;
}

#index_tb dd.index_close {
	height:35px;
	color: #fff;
	background-position: center 20px;
	background-repeat: no-repeat;
	padding-top: 33px;
}

#index_tb dd.index_updown {
	border-top: 1px solid #E3E3E3;
}

/* 차트분석 */
#chart_set dl{height:165px; text-align:left; border-top:2px solid #333333;  margin-bottom:10px;}
#chart_set dt{width:18%; padding-left:2%; color:#444444; font-size:13px; background:#F9F9F9; font-weight:bold;}
#chart_set dd{width:78%; padding-left:2%; text-align:left;}
#chart_set dt, #chart_set dd{
	float:left;
	height:28px;
	padding-top:12px;
	border-bottom:1px solid #E3E3E3;
}

#chart_set span.styled_sel select{
	padding:3px;
	width:109px;
	height:32px;
	border:1px solid #ddd;
}

#chart_set  .index_sel{padding-top:3px; height:37px;}

.chart_box{text-align:center;}
.btn{
	display:block;
	width:63px;
	height:25px;
	padding-top:7px;
	margin-top:-160px;
	margin-left:43%;
	background:url('../images/btn_bg.gif') no-repeat 0;
	color:#797979 !important;
	font-weight:bold;
	text-align:center;
}