@charset "utf-8";
/*@import url("//fonts.googleapis.com/earlyaccess/notosanskr.css");*/

body{
	width: 920px;
	padding:0;
    margin:0;
	font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif;
	font-size:13px;
	font-weight:400;
	color:#333333;
}

table, img, div, form, fieldset, button, span {margin:0; padding:0; border:none;}

button{
	font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif;
	font-size:13px;
	color:#333333;
	font-weight:400;
	cursor:pointer;
}

img {vertical-align:middle;}

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

table {
	width: 100%;
	border: none;
	border-top:1px solid #D9D9D9;
}

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

th, td {height:46px; border-bottom:1px solid #E5E5E5; text-align:center;}
th{ font-weight:normal;}

thead th {background:#F8F8F8; color:#333333; height : 43px; background:#F9F9F9;}

tbody td {text-align:center;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-align:left;
}

tfoot th{background:none;}

h4{font-size:16px; font-weight:400; padding-bottom:10px;}

h3{
	font-size:22px;
	font-weight:400;
	letter-spacing:0;
	padding-bottom:20px;
}

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

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

/* 등락 색상*/
.up{color:#F40006;} /*#EF1B4D*/
.down{color:#0059D1;} /*#1B7EEF*/
.same{color:#666666;}

/*----- top_current -----*/
#current_area {height:990px; padding-bottom:80px;}
#current_area th, #current_area td{border-right:1px solid #E5E5E5;}
#current_area th:last-child, #current_area td:last-child{border-right:none;}
#current_area .r_line{border-right:none !important;}
#quote_box{float:left; margin-bottom:60px;}

#cur_ohlv{
	position:relative;
	width:403px;
	height:165px;
}

#cur_ohlv dl{
	position:absolute;
	width:100%;
}

/* 현재가, 전일대비, 등락률 */
#cup {height:75px; border-bottom:1px solid #E5E5E5;}
#cup dt, #cup dd{position:absolute;}

#close_title {
	visibility:hidden;
	width:0;
	height:0;
	line-height:0;
	font-size:0;
}

#cur_close {
	top:0;
	left:0;
	width:55%;
	text-align:left;
	font-size: 46px;
}
#cur_close.up {
	background:url(../images/mark_up2.gif) no-repeat 145px 27px;
	background-size:26px 23px;
}
#cur_close.down {
	background:url(../images/mark_down2.gif) no-repeat 145px 27px;
	background-size:26px 23px;
}
#cur_close.same {
	background:url(../images/mark_blank2.gif) no-repeat 145px 27px;
	background-size:26px 23px;
}
#updown_title, #percent_title, #updown, #percent{
	top:10px;
	width:70px;
	text-align:left;
	font-weight:400;
}
#updown_title, #percent_title {left:55%;}
#updown, #percent{left:70%; font-size:14px;}
#percent_title, #percent {top:35px;}
#updown { padding-left:15px; }
#updown.up {
	background:url(../images/mark_up1.gif) no-repeat left center;
	background-size:11px 8px;
}
#updown.down {
	background:url(../images/mark_down1.gif) no-repeat left center;
	background-size:11px 8px;
}
#updown.same {
	background:url(../images/mark_same1.gif) no-repeat left center;
	background-size:11px 8px;
}


/* 현재가 : 시가, 고가, 저가, 거래량 */
#ohlv {top:97px;}
#ohlv dt, #ohlv dd {
	position:absolute;
	width: 25%;
	height:25px;
	line-height:25px;
	background: url('../images/line_dot.gif') no-repeat right 0;
}

#ohlv dd { top: 21px; }
#open_title, #open { left: 0%; }
#high_title, #high { left: 25%;}
#low_title, #low { left: 50%;}
#volume_title, #volume { left: 75%; background:none !important; }

/* 현재가 : 차트 */
#chart_min{float:right; }
#chart_min form{ height:42px; margin-bottom:25px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; background:#F8F8F8;}
#chart_min button{float:left; width:25%; height:42px; background:none; text-align:center;}
#chart_min .btn_on {display:inline-block; line-height:40px; padding:0 12px; color:#f27824 !important; border-bottom:2px solid #f27824 !important;}


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

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

/* 현재가 : 지수 */
#index_tb {width:403px; height:137px; background:#F8F8F8; padding:20px 0 20px 0;}
#index_tb dl { float:left; width:50%; }
#index_tb dt { padding-left:30px; text-align:left; font-weight:400;}
#index_tb dd { }
#index_tb .kospi dt, #index_tb .kospi dd {border-right:1px solid #D4D4D4;}

#index_tb dd.index_updown { height:70px; padding-top:31px; font-weight:400;}

#index_tb dd.index_updown.up {
	background:url(../images/index_up.gif) no-repeat center center;
	background-size:82px auto;
}
#index_tb dd.index_updown.down {
	background:url(../images/index_down.gif) no-repeat center center;
	background-size:82px auto;
}
#index_tb dd.index_updown.same {
	position:relative;
	background:transparent;
	color:#333;
}
#index_tb dd.index_updown.same:after{
	content:'';
	position:absolute;
	left:50%;
	top:20px;
	width:82px;
	height:51px;
	margin-left:-41px;
	background:rgba(125,125,125,0.4);
}

#index_tb dd.index_close {color:#666; font-size:14px; font-weight:600;}
#index_tb dd.up, #index_tb dd.down{color:#ffffff;}
#index_tb dd.same{color:#137B3D;}


/*---- 외국인 -----*/
#foreign_area{clear:both; border-top:1px solid #E5E5E5; padding-top:60px; margin-bottom:90px;}

/*----- 일주가-----*/
#daily_tb{}

/*---- 페이징 ----*/
#navi_area{
	width:920px;
	margin:0 auto;
}
.page_navi {
	padding-top:40px;
	vertical-align:middle;
}
.page_navi li{display:inline;}
.page_navi li a {display:inline-block; width:33px; height:33px; vertical-align:middle; text-align:center; font-size:12px;}

.page_navi li.on a, .page_navi li.off a {width:25px !important; line-height:33px; }
.page_navi li.on a {  color:#F27824; font-weight:bold;}

.page_navi li.prev {padding-right:20px;}
.page_navi li.next {padding-left:25px;}