@charset "UTF-8";
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, fieldset, legend, select, textarea, input, button, table, th, td, form { margin:0; padding:0; }
li { list-style:none; }
a img { border:none; }
a { text-decoration:none; color:#666; }
table { border-collapse:collapse; border-spacing:0; }
body { width:100%; min-width:320px; max-width:1170px;  font-family:"Noto Sans KR", "Noto Sans", "Malgun Gothic", NanumGothic, "나눔고딕", sans-serif; font-size:14px; color:#666; }
input, button, select, option { font-family:"Noto Sans KR", "Noto Sans", "Malgun Gothic", NanumGothic, "나눔고딕", sans-serif; font-size:14px; color:#666; vertical-align:middle; }

caption, .hidden { position:absolute; font-size:0; height:0; width:0; line-height:0; text-indent:-9999px; }
caption { font-weight:bold; }
.clear:after{
	content:'';
	display:block;
	clear:both;
}

a:link {color:#666; text-decoration:none}
a:visited {color:#666; text-decoration:none;}
a:hover {color:#0552a9; text-decoration:none;}

fieldset { border:none; }
select { height:30px; line-height:30px; padding:0; margin:0; vertical-align:middle; border:1px solid #DEDEDE; display:inline-block; padding:2px; margin-right:3px; overflow:hidden; }
input { height:30px; line-height:30px; padding:0; margin:0; vertical-align:middle; border:1px solid #DEDEDE; display:inline-block; padding:2px; }


/***** 공통 *****/
table { width:100%; border-bottom:1px solid #DEDEDE; }
th, td { height:60px; border-bottom:1px solid #DEDEDE; border-left:1px solid #DEDEDE; }
th:first-child, td:first-child { border-left:none; }
thead th { font-weight:bold; color:#333; text-align:center; border-top:2px solid #333; background-color:#F5F5F5; }
tbody.nohead tr:first-child th, tbody.nohead tr:first-child td { border-top:2px solid #333; }
tbody th { padding:0; font-weight:bold; color:#333; text-align:left; padding-left:15px; }
tbody td { padding-right:15px; text-align:right; }
tbody th.date, tbody td.date { padding-left:0; padding-right:0; text-align:center; }
tfoot th, tfoot td { color:#333; text-align:center; background-color:#F5F5F5; }

.up { color: #e70606; }
.down { color: #2475d0; }

.tt_view { position:relative; visibility:visible; height:30px; width:80%; margin-bottom:10px; font-size:17px; text-align:left; text-indent:0; line-height:30px; color:#0552a9; }
.tt_icon { background:url('../images/tt_icon.gif') no-repeat left 10px; padding-left:20px; }
.info { clear:both; background: url('../images/icon_emark.gif') no-repeat left 4px; padding-left:20px; }


/***** 타이틀 *****/
#name_time { height:25px; margin-bottom:15px; color:#000; }
#name { float:left; visibility:visible; width:50%; font-size:24px; line-height:130%; }
#time { float:right; width:50%; text-align:right; padding-top:6px; }

/***** 버튼 *****/
.btn01, .btn02, .btn03, .btn04, .btn05 { display:inline-block; text-align:center; cursor:pointer; vertical-align:middle; font-weight:bold; color:#ffffff !important; }
.btn01 { background:url("../images/tab_on.gif") no-repeat; width:49px; height:25px; padding-top:10px; }
.btn02 { background:#2475D0; width:70px; height:25px; padding-top:5px; }
.btn03 { background:#2475D0; width:70px; height:25px; padding-top:5px; }
.btn04 { background:#FFF; width:70px; height:25px; padding-top:5px; color:#666 !important; border:1px solid #DEDEDE; }
.btn05 { background:url("../images/btn_g.gif") no-repeat; width:30px; height:19px; padding-top:5px; font-size:11px; }

#chart_btn { text-align:right; margin-bottom:10px; }
#chart_btn a { margin-left:10px; }

/***** 현재시세 *****/
.cur_quote { position:relative; width:100%; }
.cur_quote dl { position:absolute; width:100%; }
.cur_quote dt, .cur_quote dd { position:absolute; text-align:center; }

#cup { top:30px; width:40%; }
#ohlv { width:55%; right:0; }

#close_title { visibility:hidden; }
#updown_title, #percent_title { font-weight:bold; }
#updown, #percent { top:19px; }

#cur_close { width:55%; color:#000000; line-height:100%; font-size:40px; text-align:center; }
#updown_title, #updown { left:55%; width:23%; height:19px; border-right:1px solid #E7E7E7; }
#percent_title, #percent { left:78%; width:22%; }

#ohlv dt { padding:19px 0 19px 0; width:25%; font-weight:bold; color:#333; border-top:2px solid #333; border-bottom:1px solid #CECFCE; background-color:#F5F5F5; }
#ohlv dd { top:62px; padding:19px 0 19px 0; width:25%; border-bottom:1px solid #DEDEDE; }
#open_title,#open { left:0%; }
#high_title, #high { left:25%; }
#low_title, #low { left:50%; }
#volume_title, #volume { left:75%; }

/***** 현재가(공통) : top current *****/
#top_cur { height:190px; margin-bottom:60px; border-top:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; }
#top_cur .cur_quote { top:30px; }

/***** 현재가 + 차트 *****/
#quote_chart  { height:260px; margin-bottom:60px; border-top:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; }
#quote_chart .cur_quote { float:left; margin-top:30px; width:40%; height:150px; }
#quote_chart #chart_min { float:right; margin-top:30px; width:55%; text-align:center; background:url('../images/bg_dot.gif') no-repeat left 0; }
#quote_chart .cur_quote #cup { width:100%; top:0px; }
#quote_chart .cur_quote #ohlv { width:100%; top:70px; left:0; }

/***** 호가 *****/
.quote { float:left; width:35%; }
#hoga_tb { width:100%; }
#hoga_tb th, #hoga_tb td { width:33.333333%; }
#hoga_tb th{  padding:0; text-align:center; }
#hoga_tb tbody th { font-weight:normal; }

/***** 자본금 *****/
.capital_index { float:right; width:60%; }
.capital_tb { width:100%; margin-bottom:60px; }
.pc_view>.capital_tb tr>th:nth-child(2n-1), .pc_view>.capital_tb tr>td:nth-child(2n-1) { width:28%; }
.pc_view>.capital_tb tr>th:nth-child(2n), .pc_view>.capital_tb tr>td:nth-child(2n) { width:22%; }
/*#capital_tb tbody th { background-color:#F5F5F5; }*/

/***** 지수 *****/
#index_tb dl { float:left; border-top:2px solid #333; border-bottom:1px solid #DEDEDE; }
#index_tb .kospi, #index_tb .steel { width:33%; }
#index_tb .kosdaq  { width:33.5%; }
#index_tb dt, #index_tb dd { text-align:center; padding:19px 0 19px 0; }
#index_tb dt { color:#000; border-bottom:1px solid #DEDEDE; font-weight:bold; background-color:#F5F5F5; }
#index_tb dd.index_close { background-position:center 25px; background-repeat:no-repeat; padding-top:44px; padding-bottom:22px; }
#index_tb dd.index_updown { color:#666; padding-bottom:22px; }
#index_tb dd.jisu_arrow_up { background-image:url('../images/index_m_up.gif'); color: #ffffff; }
#index_tb dd.jisu_arrow_down { background-image:url('../images/index_m_down.gif'); color: #ffffff; }
#index_tb dd.jisu_arrow_bohap { color:#6ea440; }

/***** 일자별,분단위 current_box *****/
#chart_area { margin-bottom:60px; height:240px; }
#chart_area fieldset { height:20px; margin-top:0px; text-align:left; }

.public_ct1 { float:left; width:48%; overflow:hidden; }
.public_ct2 { float:right; width:48%; overflow:hidden; }

#chart_btn { clear:both; }

/***** 마켓뷰 *****/
.market_price { height:470px; margin-bottom:60px; }

.market_tb { clear:both; float:left; width:62%; }
.market_tb tbody th { text-align:left; padding-left:15px; }
.market_tb caption { width:100%; height:30px; line-height:100%; font-weight:bold; text-align:left; }

.market_ct { float:right; width:35%; padding-top:40px; overflow:hidden; }
.market_ct img { padding:30px 0; border-top:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; }

/***** 주가검색 *****/
.search_form { height:50px; padding-top:20px; margin-bottom:30px; text-align:center; background:#F5F5F5; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; }
.search_form select { width:70px; vertical-align:middle; }
.search_form select#year { width:100px; }
.search_box { float:left; width:32%; margin-right:2%; margin-bottom:20px; }
.search_box h5 span { font-size:14px; color:#666666; }
.search_data { width:90%; padding:20px 5%; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; overflow:hidden; }
.search_cur { position:relative; width:100%; height:55px; }
.search_cur dt, .search_cur dd { position: absolute; }
.mini_current dt { visibility:hidden; }
.search_close { top:0; width:55%; font-size:33px; text-align:right; color:#000; }
.search_updown { top:5px; left:60%; width:40%; text-align:center; }
.search_percent { top:5px; left:60%; }
.mini_stock { margin-bottom:20px; }

/***** 차트분석 *****/
#chart_set {  }
#chart_set th, #chart_set td { text-align:left; padding-left:15px; vertical-align:middle; }
#chart_set .input_radio { margin-left:20px; }
#chart_set a { margin-left:50px; }
.input_radio { margin-right:3px; }

#charta { margin-top:30px; text-align:center; overflow:hidden; }
#charta img { }

/***** 거래소시세 *****/
.left_curr { width:100%; height:320px; padding:20px 0; margin-bottom:60px; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; }
.kospi_date { clear:both; font-size:22px; color:#000000; font-weight:bold; }
.kospi_date span { font-size:14px; color:#0552a9; }
.index_box { float:left; width:30%; height:220px; margin-left:2%; padding-right:3%; }
.index_chart { float:right; margin-top:40px; width:62%; overflow:hidden; }

/***** 지수비교, DR *****/
.ir_compare { clear:both; margin-bottom:60px; width:100%; height:330px; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; }
.compare_ct { float:left; margin:20px 0 0 2%; width:66%; overflow:hidden; }
.compare_sel { float:right; margin:25px 2% 0 0; width:30%; }
.compare_sel h5 { color:#333; font-size:14px; padding-top:20px; margin-bottom:5px; }
.compare_sel fieldset { /*width:180px;*/ }
.compare_sel select { width:200px; }
.compare_sel .period_ct span { float:left; display:block; margin-right:20px; }

.jisu_sel label { display:block; font-weight:bold; color:#333; margin-bottom:5px; }

.compare_btn li { float:left; margin:0 5px 20px 0; }
.others_btn { float:right; }
.others_btn li { float:left; margin-top:20px; margin-left:20px; font-weight:bold; text-align:left; }

.left_curr { clear:both; }
.left_curr h5 { font-size:12px; color:#666; }
.left_curr h5 span { color:#000; }

/***** DR *****/
.dow_tb { float:left; margin-top:30px; width:48%; }
.nasdaq_tb { float:right; margin-top:30px; width:48%; }

.dow_tb .tt_view, .nasdaq_tb .tt_view { width:40%; }
.dr_tb tbody th, .dow_tb tbody th, .nasdaq_tb tbody th { background-color:#F5F5F5; }

/***** 매물동향  *****/
.memul_ct { float:left; width:32%; margin:0 2% 60px 0; overflow:hidden; }
.memul_ct2 { clear:both; width:100%; text-align:center; overflow:hidden; }
.memul_ct h5, .memul_ct2 h5 { visibility:visible; }

/***** 금리,원자재 *****/
.economy_tb { float:left; width:52%; }
.economy_tb th { font-weight:bold; }
.economy_ct { float:right; width:45%; }
.economy_ct2 { margin-top:10px; }
.economy_tb2 { width:100%; margin-top:31px; }

/***** 환율 *****/
.forex_form { position:relative; height:140px; margin-bottom:30px; padding-top:20px; text-align:left; background: #F5F5F5; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; }
.forex_form h5 { display:inline; color:#666; font-size:14px; font-weight:normal; margin-left:30px; }
.forex_form .base_convert select { width:200px; }

.forex_form .forex_input_part { display:inline-block; margin-left:30px; margin-right:30px; }
.forex_form fieldset { margin-bottom:10px; }
.forex_form select { width:70px; vertical-align:middle; }
.forex_form select#year { width:100px; }
.forex_btn { position:absolute; top:110px; left:670px; }

.second_thead th { border-top:none; }
.second_thead th:first-child { border-left:1px solid #DEDEDE; }


/***** 페이징 *****/
.page_navi { padding:0; margin-top:30px; text-align:center; vertical-align:middle; color:#999; }
.page_navi li { display:inline; }
.page_navi li a { display:inline-block; margin:0 5px; width:36px; height:36px; line-height:36px; vertical-align:middle; background:url("../images/pg_off.gif") no-repeat; cursor:pointer; }
.page_navi li a:hover { background:url("../images/pg_hover.gif") no-repeat; }
.page_navi li.on a { vertical-align:middle; background:url("../images/pg_on.gif") no-repeat; color:#ffffff !important; }
.page_navi li.prev, .page_navi li.first, .page_navi li.next, .page_navi li.last { text-indent:-9999px; }
.page_navi li.first a { background:url("../images/pg_first.gif") no-repeat; }
.page_navi li.prev a { background:url("../images/pg_prev.gif") no-repeat; }
.page_navi li.next a { background:url("../images/pg_next.gif") no-repeat; }
.page_navi li.last a { background:url("../images/pg_last.gif") no-repeat; }

#pc_tb, .pc_view { display:block; }
#mb_tb, .mb_view { display:none; }
th.pc_view, td.pc_view { display:table-cell; }
span.pc_view { display:inline; }


/* 모바일 최적화 */
@media screen and (max-width:960px) {
	body { min-width:320px; max-width:960px; }
	tbody th, tbody td { padding-left:5px; padding-right:5px; min-width:60px; }
	.chart_axis_ex { height:38px; }

	#pc_tb, .pc_view { display:none; }
	#mb_tb, .mb_view { display:block; }
	th.pc_view, td.pc_view { display:none; }
	span.pc_view { display:none; }
	span.mb_view { display:inline; }

	/* 버튼 */
	a.btn01, input.btn01 { width:100px; padding:15px 0 15px 0; }

	/* 예외 처리 */
	.chart_axis_ex.lcmv { height:60px; }

	/* 종목명, 체결시간 */
	#name_time { height:50px; margin-bottom:15px; color:#000; }
	#name { float:none; width:100%; height:30px; }
	#time { float:none; width:100%; text-align:right; }

	/* 현재가(공통) */
	#top_cur { height:210px; border-bottom:none; }
	.cur_quote dl { position:relative; width:100%; }
	#cup { top:0px; width:100%; }
	#ohlv { top:70px; width:100%; }
	#cur_close { font-size:34px; }

	/* 현재가 */
	#quote_chart  { height:450px; border-bottom:none; }
	#quote_chart .cur_quote { float:none; margin-top:30px; width:100%; height:200px; }
	#quote_chart #chart_min { float:none; width:100%; }

	.quote { float:none; width:100%; margin-bottom:60px; }
	.capital_index { float:none; width:100%; }
	.capital_tb th { padding-left:15px; }
	.capital_tb td, #hoga_tb tbody td { padding-right:15px; }
	.mb_view>.capital_tb tr>th, .mb_view>.capital_tb tr>th { width:50%; }
	/* 시간대별 */
	#chart_area { margin-bottom:30px; height:520px; }
	.public_ct1 { float:none; margin-bottom:30px; width:100%; }
	.public_ct2 { float:none; margin-bottom:30px; width:100%; }

	/* 마켓뷰 */
	.market_price { height:750px; margin-bottom:60px; }
	.market_tb { float:none; width:100%; }
	.market_tb tbody th { text-align:left; padding-left:5px; }
	.market_ct { float:none; width:100%; }
	.market_ct img { padding:0; border:none; }

	/* 주가검색 */
	.search_form { height:90px; }
	.search_form select { width:50px; }
	.search_form select#year { width:70px; }
	.search_form .btn03 { margin-top:10px; }
	.search_box { float:none; width:100%; margin-right:0; margin-bottom:60px; }
	.search_data { width:100%; padding:20px 0; }
	.mini_stock th { padding-left:15px; }
	.mini_stock td { padding-right:15px; }

	/* 차트분석 */
	#chart_set th, #chart_set td { padding-left:5px; }
	#chart_set .input_radio { margin-left:5px; }

	/* 거래소시세 */
	.left_curr { height:560px; border-bottom:none; }
	.index_box { float:none; margin:0; padding:0; width:100%; height:340px; }
	.index_chart { float:none; margin:0; width:100%;  }

	/* 비교분석 */
	.ir_compare { height:580px; border-bottom:none; }
	.compare_ct { float:none; margin-left:0; width:100%; }
	.compare_sel { float:none; margin-right:0; width:100%; }
	.compare_sel fieldset { margin:0 5%; width:90%; }

	/* DR */
	.dow_tb { float:none; width:100%; }
	.nasdaq_tb { float:none; width:100%; }
	.dr_tb th, .dow_tb th, .nasdaq_tb th { padding-left:15px; }
	.dr_tb td, .dow_tb td, .nasdaq_tb td { padding-right:15px; }

	/* 매물동향 */
	.memul_ct { float:none; margin:0 0 30px 0; width:100%; }
	.memul_ct2 { margin:30px 0 0 0; }

	/***** 금리,원자재 *****/
	.economy_tb { float:none; margin-right:0; width:100%; }

	/* 환율 */
	.forex_form { margin-bottom:80px; padding-top:10px; height:230px; }
	.forex_form fieldset { margin-bottom:20px; }
	.forex_form .forex_date	{ text-align:center; }
	.forex_form h5 { display:none; }
	.forex_form .base_convert select { width:180px; }
	.forex_form .forex_input_part { margin:0 0 5px 10px; }
	.forex_form select { width:45px; vertical-align:middle; }
	.forex_form select#year { width:60px; }
	.forex_btn { top:260px; left:0; width:100%; text-align:center; }

	/* 페이징 */
	.page_navi li.first a, .page_navi li.prev a, .page_navi li.next a, .page_navi li.last a,
	.page_navi li a { width:32px; height:32px; line-height:32px; background-size:32px 32px; }
	.page_navi li a { margin:0 1px; }
}

@media screen and (max-width:350px) {
	.page_navi li.first, .page_navi li.last { display:none; }
}