@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:15px;
	font-family:"NanumBarunGothic", "Malgun Gothic", "맑은 고딕", "Open Sans", "Arial";
	color:#777;
}

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%;}
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:2px solid #333; box-sizing:content-box; }
th, td {height:40px; line-height:40px; border-bottom:1px solid #D3D3D3;}
th {font-weight:400;}
thead th { color:#333; font-weight:bold; background:#F9F9F9;}
tbody th {text-align:left; padding-left:10px;}
tbody td {text-align:right; padding-right:10px;}

h1, h2, h3, h4, h5, h6 { text-align:left; line-height:30px; height:30px; letter-spacing:0;}
h3 {font-size:22px; font-weight:600;}
h4 {font-size:18px; font-weight:600;}

caption, .hidden { margin:0; padding:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0; }
input{vertical-align:middle;}
label{padding-right:5px; cursor:pointer; font-size:13px;}
select{height:20px; padding-left:3px; font-size:11px; vertical-align:middle;}

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

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

/* 등락 색상*/
.up{color:#E8252D;}
.down{color:#2281EC;}
.same{color:#51555D;}


/* 공시정보 */
.notice_tb {  }
.notice_tb tbody td { text-align:center; padding-left:1%; padding-right:1%; }
.notice_tb tbody td.no { width:100px; }
.notice_tb tbody td.title { width:auto; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.notice_tb tbody td.auth { width:20%; }
.notice_tb tbody td.date { width:100px; }

#dart { width:100%; padding-top:10px; margin-bottom:30px; }

.notice_tb tbody .title { line-height:normal; }


/* paging */
#paging {width:100%; text-align:center; }
#paging li { display:inline-block; text-align:center; margin:0; padding:0; vertical-align:middle; line-height:36px; }
#paging .on a, #paging .off a { display:block; margin-top:-13px; padding-top:10px; width:36px; height:36px; line-height:1; box-sizing:border-box; }
#paging .on a, #paging .off a:hover { color: #fff; background-color: #e0002a; border: 1px solid #e0002a;  }
#paging img { margin-left:-1px; padding:0; border:1px solid #D3D3D3; }
#paging .prev img { margin-right:15px; }
#paging .next img { margin-left:15px; }

#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:820px) {
	body {font-size:14px;}
}

@media screen and (max-width:640px) {

	tbody th {padding-left:5px;}
	tbody td {padding-right:5px;}

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

	/* 공시정보 */
	#stock_info.nt_cname .name { display:block; width:100%; }
	.notice_tb tbody td.title { width:clac(100%-80px); }
	.notice_tb tbody td.date { width:80px; }

  #paging li { line-height:31px; }
  #paging .on a, #paging .off a { margin-top:-11px; padding-top:7px; width:31px; height:31px; }
  #paging img { width:30px; height:30px; }
  #paging .prev img { margin-right:10px; }
  #paging .next img { margin-left:10px; }
}