@charset "utf-8";

html, body, div, span, iframe, h1, h2, h3, h4, h5, p, a, button, img, dl, dt, dd, ul, li, fieldset, form, label, table, caption {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
}

body {
	width:100%;
	font-size:16px;
	font-family:'Roboto', 'Noto Sans KR', '맑은 고딕', 'Nanum Gothic', '돋움', dotum, Helvetica, sans-serif;
	color:#666;
}
body:after{ display:none; }

ul, li, dl, dt, dd {
	list-style-type:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

table, div { width:100%; box-sizing:border-box; }
table, tr, th, td {
	border-collapse: collapse;
	text-align: center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

table {	border-top:1px solid #D4D4D4; }
th, td { height:50px; border-bottom:1px solid #D4D4D4; border-left:1px solid #D4D4D4; }
th:first-child, td:first-child { border-left:none; }
th { color:#000; font-weight:500; background:#EEE; }
thead th { }
tbody th { text-align:left; padding-left:15px; }
tbody td { text-align:center; }

h1, h2, h3, h4, h5, h6 { text-align:left; /*line-height:30px; height:30px; letter-spacing:0;*/ }
h3 { font-size:16px; }
h4 { font-size:15px; }

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

.r_line { border-right:none; }
.date { text-align:center; padding:0; }

input { vertical-align:middle; color:#868686; }
label { padding-right:15px; vertical-align:middle; cursor:pointer; color:#868686; }
select { height:20px; padding-left:3px; /*font-size:15px;*/ vertical-align:middle; }

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

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

#info { font-size:14px; color:#939393 !important; text-align:left; }

/* 현재가 : 지수 */
#index_tb { margin-bottom:0px; overflow:hidden; }
#index_tb dl { float:left; margin:0 0 40px 3.5%; padding:60px 0; width:31%; text-align:center; background:#FFF; border:2px solid #F1F1F1;  border-radius:30px 0; }
#index_tb dl:first-child { margin-left:0; }
#index_tb dt { height:40px; font-size:32px; font-weight:500; color:#000; }
#index_tb dd.index_close { padding-top:20px; font-size:42px; font-weight:600; color:#000; }
#index_tb dd.index_updown { padding:10px 0; }

/* 주가 top */
#cur_top_box { position:relative; padding:50px 0; width:100%; height:260px; font-size:16px; border-bottom:1px solid #D4D4D4; }
#cur_top_box dl { position:relative; }
#cur_top_box dt, #cur_top_box dd { position:absolute; }

/* 현재가, 전일대비, 등락률 */
#cup { top:20px; left:0; width:50%; text-align:center; }
#close_title { visibility:hidden; }
#cur_close { top:0px; width:55%; text-align:center; font-size:58px; font-weight:600; color:#000; }

#updown_title, #updown, #percent_title, #percent { font-size:18px; color:#000; line-height:22px; vertical-align:middle; overflow-x:visible; }
#updown_title, #updown { top:5px; }
#percent_title, #percent { top:46px; }
#updown_title, #percent_title { left:60%; text-align:left; }
#updown, #percent { left:80%; text-align:right; font-weight:500; }

/* 현재가 : 시가, 고가, 저가, 거래량 */
#ohlv { top:10px; left:50%; width:50%; border-top:1px solid #D4D4D4; }
#ohlv dt, #ohlv dd { padding:13px 0; width:25%; height:50px; text-align:center; vertical-align:middle; border-right:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4; }
#ohlv dt:last-child, #ohlv dd:last-child  { border-right:none; }
#ohlv dt { font-size:16px; font-weight:500; color:#000; background:#EEE; }
#ohlv dd { top:51px; font-weight:500; }

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


/*----- 차트 -----*/
#daily_chart { float:left;  }
#intraday_chart { float:right; }
.chart_area { margin-top:65px; width:48%; height:450px; }
/* .chart_area h4 { padding-left:30px; width:60%; height:58px; font-size:25px; color:#000; background:url("../images/bullet_title.png") no-repeat 0 8px; } */
.chart_area h4 { width:60%; height:67px; font-size:30px; color:#000; }
.chart_area .chart { width:100%; padding-top:30px; height:350px; text-align:center; border:1px solid #E5E5E5; }
.chart_area .chart form { margin-left:5%; height:50px; text-align:left; }
#intraday_chart .chart { padding-top:80px; }

/* 버튼 */
.btn { display:inline-block; margin-left:10px; width:65px; height:32px; font-size:16px; font-weight:400; line-height:32px; background:#868686; color:#ffffff !important; text-align:center; vertical-align:middle; }

/* 현재가 : 자본금 */
.capital_tb { clear:both;  }
/* margin-top:10px; */
.capital_tb tbody th, .capital_tb tbody td { width:25%; }
.capital_tb tbody th { padding-left:20px; }
.capital_tb tbody td { width:25%; }
.capital_tb tbody td.strong { font-weight:500; }


/* pc, mobile 테이블 */
#pc_tb, #pc_nt { display:block; }
#mb_tb, #mb_nt { display:none; }

/* Paging */
#_uiPaging li,
#_uiPaging li._uiBtn,
#_uiPaging li._uiBtn>a { background-color:#d5d5d5; }
#_uiPaging li._uiOn,
#_uiPaging li>a:hover, #_uiPaging li>a:focus,
#_uiPaging li._uiBtn>a:hover, #_uiPaging li._uiBtn>a:focus { background-color:#999; }
#_uiPaging li>a:hover, #_uiPaging li>a:focus { font-weight:normal; }

/* 태블릿 최적화 */
@media screen and (max-width:1024px) {
	#cur_top_box { padding:20px 0; width:100%; height:300px; font-size:16px; border-bottom:1px solid #D4D4D4; }
	#cup { top:0; left:0; width:100%; }
	#ohlv { top:120px; left:0; width:100%; }

	#updown, #percent { left:75%; }
}

/* 모바일 최적화 */
@media screen and (max-width:640px) {
	/* tbody th { padding-left:5px; }
	tbody td { padding-right:5px; } */
	/* #cur_top_box, #ohlv dt, .chart_area .chart form { font-size:15px; } */

	#pc_tb, #pc_nt, .tab_menu { display:none; }
	#mb_tb, #mb_nt { display:block; }

	/* 현재가 : 지수 */
	#index_tb dl { float:none; margin-left:0; width:100%; }

	/* 주가 top */
	#cur_top_box { height:350px; }
	#cur_close { width:100%; text-align:center; }

	#updown_title, #updown, #percent_title, #percent { width:25%; }
	#updown_title, #updown { top:75px; }
	#percent_title, #percent { top:100px; }
	#updown_title, #percent_title { left:22%; text-align:right; }
	#updown, #percent { left:53%; text-align:left; }

	#ohlv { top:180px; }

	/*----- 차트 -----*/
	#daily_chart, #intraday_chart { float:none;  }
	.chart_area { padding-top:0; width:100%; height:420px; }
	#intraday_chart.chart_area {  }
	#intraday_chart.chart_area .chart { padding-top:30px; height:310px; }

	/* 현재가 : 자본금 */
	.capital_tb { margin-top:30px; }
}