@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	width:100%;
	font-family: "Nanum Gothic", "돋움", sans-serif;
	font-size: 15px;
	color: #000000;
	border: none;
	}

.won { font-family: "Nanum Gothic", "돋움", sans-serif; }

h3 {padding:0; margin:0; font-size:15px;}
h2 {padding:0; margin:0 0 32px 0; font-size:25px; font-weight:normal;}

.sub_tt { padding-top:72px; }
.sub_tt div{border-top:2px solid #bb162b; width:55px; height:2px; }

.visible_tt{
	visibility:visible;
	width:100%;
	height:30px;
	text-align:left;
	font-size: 16px;
	line-height:110%;
}

table, div, img, fieldset, form{margin:0; padding:0; border:0;}
input, select{vertical-align:middle; }
label{padding-right:10px; font-size:12px;}
select{ font-family: "Kia Midium"; font-size: 12px;}
a:link, a:visited, a:hover, a:active { text-decoration: none; color:#000000; }
ol, ul, li, dl, dt, dd {	list-style: none; margin:0; padding:0; }

table {width:100%; border-top: 1px solid #6B6B6B; }
/* border-bottom:1px solid #cdcdcd; */

table, tr, th, td {
	border-collapse: collapse;
	font-weight:normal;
}

thead th {
	height:66px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #E6E6E6;
	background:#F6F6F6;
}

tfoot th, tfoot td { font-weight:bold; background:#F6F6F6; }

tr:first-child td, tr:first-child th{border-top:none;}

th, td { border-bottom: 1px solid #E6E6E6; height:75px; }

tbody th { font-weight:bold; }
tbody td {text-align:right; padding-right:0; }
tbody td div {text-align:right; width:80%; padding-right:20%; }
tbody .date{text-align:center; padding-right:0; }
.n_right{border-right:none !important;}

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

.up{color:#BB0000;}
.down{color:#0288D1;}
.same{color:#000000;}

.updown_mark{text-align:right; display:inline-block; width:40%;}
.updown_num{text-align:right; display:inline-block; width:45%; }
.mk_table tbody td div {text-align:right; width:85%; padding-right:15%; }
/* .mk_table .updown_mark { width:36%; } */
/* .mk_table .updown_num { width:60%; } */


/*--- Current ---*/
#date_time{
	height:20px;
	text-align:right;
	/* padding-top:72px; */
	padding-right:16px;
	padding-bottom:12px;
}
#cur_top{width:99.8%; height:300px; margin-bottom:40px; border:1px solid #E5E5E5;}
#cur_top .cur_quote {width:45%; left:3%;}
#cur_top #stock, #cur_top #ohlv { width: 100%;}
#cur_top #ohlv { top:80px;}

.cur_quote {position: relative; width:100%; margin-bottom:40px; }
.cur_quote dl { position: absolute; top:0; }
.cur_quote dt, .cur_quote dd { position: absolute; width:100%;}
.cur_quote dt {top:0;}

#stock { top:10px; left:0; width:48%; height:100%; }

#close_title { visibility:hidden; margin:0; padding:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0;; }
#updown, #percent, #updown_title, #percent_title { padding-top:25px; width:26%; text-align:center; height:45px; }

#updown_title, #updown { right:26%; }
#percent_title, #percent { right:0; }

#updown, #percent{top:30px;}


#ohlv { right:0; width:48%; text-align: center;} /* OHL, volume */

#ohlv dt {
	top: 40px;
	width: 25%;
	padding:25px 0 25px 0;
	font-weight:bold;
	border-top:1px solid #6B6B6B;
	border-bottom: 1px solid #E6E6E6;
	background:#F6F6F6;
}

#ohlv dd {
	top: 106px;
	width: 25%;
	padding:30px 0 30px 0;
	border-bottom:1px solid #E6E6E6;
}

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

#stock .close {
	top:33px;
	left:4%;
	width:47%;
	line-height:100%;
	font-size:30px;
	font-weight:bold;
}

/* Top Current */
#top_box{width:99.8%; height:130px; margin-bottom:30px; border:1px solid #E5E5E5; }
#top_box #stock{top:20px;}
#top_box #ohlv{top:15px; right:20px;}
#top_box #stock .close{left:10%;}

/* Current : Chart */
#chart_area { position: absolute; top:70px; right:2%; width:45%; text-align:center; }
#big_chart {width:98%; margin-bottom:20px; margin-left:2%; text-align:center;}

/* Current : invest */
#invest_tb { margin-bottom:40px; }
#invest_tb td { text-align:center; }

/* Current :  quote */
#hoga_tb { float:left; width:48%; }
#hoga_tb td{text-align:center; /*margin:0 24px;*/ }

#cap_ind {float:right; width:48%;}
#capital_tb tbody th {text-align:left; padding-left:24px; }
#capital_tb tbody td {text-align:right; padding-right:24px; }


#index_tb{ margin-top:77px; height:200px; text-align:center;}
#index_tb dl { float:left; width:33.3%; border-top: 1px solid #6B6B6B;}
#index_tb dt {padding:30px 0 30px 0; font-weight:bold; border-bottom: 1px solid #E6E6E6; background:#F6F6F6; }
/* #index_tb dd{background:#EFEFEF;} */
/* #index_tb dd.up{ height:65px; padding-top:65px; color:#ffffff; background: #EFEFEF url('../images/index_up.gif') no-repeat center;} */
/* #index_tb dd.down{ height:78px; padding-top:52px; color:#ffffff; background: #EFEFEF url('../images/index_down.gif') no-repeat center;} */

#index_tb dd.up{ height:62px; padding-top:62px; color:#ffffff; background: url('../images/up_arrow.gif') no-repeat center; background-size: 120px; }
#index_tb dd.down{ height:75px; padding-top:49px; color:#ffffff; background: url('../images/down_arrow.gif') no-repeat center; background-size: 120px; }
#index_tb dd.same{ height:75px; padding-top:49px; color:#000000; }
#index_tb dd.index_updown { padding:0 0 35px 0; border-bottom: 1px solid #E6E6E6; line-height:100%; }

/*--- day + min---*/
#chart_area1{float:left; width:47%; text-align:center;}
#chart_area2{float:right; width:47%; text-align:center;margin-bottom:20px;}

#day_chart #chart_area2 {margin-top:29px;}

#btn_list {clear:both; font-size:12px; margin-bottom:10px;}
.bun_tab{text-align:right;}
.period_select {text-align:left; padding-left:1%; }

h2.rival_title { position:relative; }
h2.rival_title .line { position:absolute; top:0; left:0; width:55px; height:2px; background-color:#bb162b }
h2.rival_title span { display:inline-block; padding-top:20px; margin-bottom:46px; }
.rival_select_title { display:inline-block; padding:1px 11px 5px;  border:1px solid #ccc; font-size:12px; color:#666; }
.rival_select { display:inline-block; margin-left:5px; }
.rival_select select { padding:1px 0 3px 7px; }
.wstock_tb { display:none; margin-top:7px; }
#wstock0_tb { display:block; }


/*--- marketview ---*/
.mk_price {clear:both; width:100%; }
/* .mk_price:first-child{padding-top:72px;} */


/*.mk_info {height:410px; }
.bond{height:355px; }*/

.mk_table {
	width:50%;
	float:left;
}

.mk_last {
	margin-top:40px;
}

.mk_table table tbody th {
	text-align:left;
	padding-left:24px;
	/* background:#fafafa; */
}

.mk_table table tbody th a{
	color:#333;
	background:url('../images/ico_chart.gif') no-repeat;
	padding-left:20px;
}

.mk_table table tbody td { padding-left:5px; padding-right:5px; }

.mk_chart {
	width:45%;
	height:400px;
	margin-top:60px;
	text-align:center;
	float:right;
}

.mk_chart img { clear:both; margin-top:20px; }

/*--- marketview : chart_info ---*/
.chart_info { width:100%; }
.chart_info h3 {
	float:left;
	width:40%;
	margin:0;
	padding-bottom: 16px;
	display:inline-block;
	text-align:left;
	background:none;
}
.chart_info .name_date span {
	 width:35%;
	 float:right;
	 text-align:right;

}
.chart_info li{float:left; padding-right:2%;}
.chart_info .chart_data{
	clear:both;
	/*width:98%;*/
	height:30px;
	background:#F7F7F7;
	padding:10px 0 0 2%;
	font-size: 14px;
}
.chart_info .chart_data dd, .chart_info .chart_data dt{float:left;}
.chart_info .chart_data dt{padding-left:10px;}
.chart_info .chart_data dd{padding-left:5px;}
.chart_info .chart_data dd img{margin-top:0;}
.chart_info .line_ex{float:right; width:200px; text-align:right; padding-right:3%; }
.chart_info .line_ex span{ text-align:left; line-height:90%;}

/*--- chart analysis ---*/
#chart_set {padding-bottom:20px;}
#chart_set th, #chart_set td{	vertical-align:middle; margin:0; height:40px; text-align:left;}
#chart_set th{background:#fff; text-align:center;}
#chart_set a {margin-left:50px;}
#chart_set  input, #chart_set select{margin-left:10px;}
#chart_set .hidden {margin:0;}
#chart_area3{clear:both; width:100%; text-align:center; margin-bottom:0px; }

/*--- disclosure ---*/
.notice_tb { margin-bottom:30px; }
.notice_tb th, .notice_tb td { text-align:center; }
.notice_tb td.title { padding-left:24px; text-align:left; }

/* paging */
#paging { width:100%; text-align:center; }
#paging li { display:inline-block; line-height:25px; text-align:center; background:none; width:20px; margin:0; padding:0 10px; vertical-align:middle; }
#paging .on a, #paging .off a { /*margin: 0 5px;*/ font-size:16px; }
#paging .on a, #paging .off a:hover { color:#bb0000; border-bottom:1px solid #bb0000; }
#paging .prev { margin-right:10px; }
#paging .next { margin-left:10px; }

/*--- button ---*/
.btn01{
	display:inline-block;
	vertical-align:middle;
	padding-left:10px;
}
.btn02{
	display:inline-block;
	width:54px;
	height:22px;
	vertical-align:middle;
	margin-top:3px;
}

/*-- chart_accessibility --*/
.chart_accessibility { visibility:hidden; margin:0; padding:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}

/*----- 정보제공 -----*/
#bottom_box {
	clear:both;
	margin:0;
	padding-top:20px;
	text-align: right;
}

.cur2 { position:absolute; top:1250px; right:0; }
.mv2 { position:absolute; top:1280px; right:0; }

.pc_view { display:block; }
.mb_view { display:none; }

@media screen and (max-width:768px) {
	#cur_top .cur_quote, #cur_top #chart_area, #hoga_tb, #cap_ind,
	.mk_table, .mk_chart { float:none; width:100%; left:0; right:0; }

	#cur_top { width:100%; height:540px; border:none;}
	#cur_top #stock { top:0px; }
	#cur_top #ohlv { top:60px; width:100%; }

	#stock { top:0; left:0; width:100%; }
	#stock .close { top:15px; left:0; text-align:center; }

	#updown, #percent, #updown_title, #percent_title { padding-top:5px; width:25%; height:20px; }
	#updown_title, #updown { left:50%; }
	#percent_title, #percent { left:75%; }
	#ohlv  {right:0; }

	#chart_area { top:360px; right:0; }

	#hoga_tb { margin-bottom:40px; }
	#cap_ind { height:880px; padding-bottom:40px; }
	#index_tb{ margin-top:40px; }

	.mk_info .mk_table { margin-bottom:0; }
	.mk_chart { margin-top:30px; }

	/* paging */
	#paging li { padding:0 8px; }
	#paging .prev { margin-right:8px; }
	#paging .next { margin-left:8px; }

	/* provider */
	.cur2 { top:2480px; }
	.mv2 { top:2170px; }
}

@media screen and (max-width:425px) {
	.pc_view { display:none; }
	.mb_view { display:block; }

	#index_tb dd.up { background-size: 100px; }
	#index_tb dd.down{ background-size: 100px; }

	.mk_table table tbody th { padding-left:10px; }
	.mk_table table thead th:nth-child(4),
	.mk_table table tbody td:nth-child(4) { display:none; }

	.notice_tb thead th:nth-child(1), .notice_tb tbody td:nth-child(1),
	.notice_tb thead th:nth-child(3), .notice_tb tbody td:nth-child(3) { display:none; }

	.notice_tb td.title { padding-left:10px; }

	#paging .first, #paging .last { display:none; }

	#cap_ind { height:1340px; }
	.cur2 { top:2940px; }
}