@charset "utf-8";

/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

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%;
	padding:0;
    margin:0;
	font-size:13px;
	font-family: "Pretendard Variable", "NanumGothic", "Malgun Gothic", "Open Sans", "Arial";
	color:#585858;
}

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

dt {color:#373737; font-weight:bold; }

table, div {
	width: 100%;
}

table, tr, th, td {
	border-collapse: collapse;
	text-align: center;
	line-height:110%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* table {	border-top:2px solid #1F57A8;} */
th, td {height:39px; border-bottom:1px solid #DDDDDD;}
th, tfoot td {font-weight:600;}

thead th {border-bottom:none; font-size:14px; color:#333333; background:#F5F5F5;}
tbody th{ text-align: left; padding-left:15px;}
tbody td {text-align:right; padding-right:15px;}

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

h3 {font-size:19px; color:#333333;}
h4 {font-size:16px; color:#1F57A8;}

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

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

input, select, option, textarea { font-family: "Pretendard Variable", "NanumGothic", "Malgun Gothic", "Open Sans", "Arial"; font-size:13px; }
input, label{vertical-align:middle;}
input[type="radio"] { accent-color:#255A4B; }
label{padding-right:5px; cursor:pointer;}
select{height:25px; padding-left:5px; font-size: 13px; color:#555555; vertical-align:middle;}

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

/* 등락 색상*/
.up{color:#FF3333;}
.down{color:#0072BC;}
.same{color:#1D9D5C;}

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

/*----- top_current -----*/ 
#stock_info {clear:both; width:100%; height:46px; margin-bottom:3px; }
#stock_info .title { text-align:left; }
#stock_info .d_date{font-size:13px; text-align:right; }

/* 현재가, 전일대비, 등락률 */

.cur_quote dl{position: absolute;}
.cur_quote dt, .cur_quote dd {position: absolute; text-align: center;}

.cur_quote #cup { 
	width:100%;
	text-align:center;
} 

#close_title {visibility:hidden;}

.cur_quote #cur_close {
	top:20px;
	width:50%;
	text-align:center;
	font-size: 36px;
	font-weight: bold;
	color:#373737;
}

#updown_title, #updown, #percent_title, #percent {width:20%; line-height:22px; text-align:center; vertical-align:middle;}
#updown_title, #percent_title {top:20px;}
#updown, #percent {top:42px;}
#updown_title, #updown{left:50%; border-right:1px solid #E5E5E5;}
#percent_title, #percent{left:69%;}


/* 현재가 : 시가, 고가, 저가, 거래량 */
.cur_quote #ohlv {
	top: 80px;
	width:100%;
	/* border-top:2px solid #1F57A8; */
} 

#ohlv dt, #ohlv dd {
	width: 25%;
	padding: 11px 0 11px 0;
}

#ohlv dt {font-size:14px; color:#333333; background:#F5F5F5;}
#ohlv dd {top:40px;	border-bottom: 1px solid #DDDDDD;}

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

/* 현재가 + 차트 */
#quote_chart{ clear:both; position: relative; width:100%; height:200px; margin-bottom:40px;	border-top:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; }

#cur_chart_box{
	position: absolute;
	left:20px;
	margin-top:10px;
	width: 42%;
	height:170px;
}

#chart_min {
	position: absolute;
	right:0;
	overflow:hidden;
	margin-top: 15px;
	width: 52%;
	text-align:center;
}

/* 현재가 : 호가 */ 
#hoga_tb{
	float:left;
	width:44%;
	margin-bottom:80px;
}


/* 현재가 : 자본금 */ 
#cap_ind{
	float:right;
	width:52%;
	overflow:hidden;
}

#capital_tb th{width:30%; text-align:left; padding-left:10px; font-size:14px; background:#F5F5F5;}
#capital_tb td{width:20%; text-align:right; padding-right:10px;}

/* 현재가 : 지수 */ 
#index_tb{margin-top:37px;}

#index_tb dl { float:left; width:33.3%; /* border-top: 2px solid #1F57A8; */ }
#index_tb dt { height:38px; line-height:38px; text-align:center; font-size:14px; color:#333333; background:#F5F5F5;}
#index_tb dd { font-weight:600; text-align:center;}

#index_tb dd.index_close { height:118px; padding-top:55px; color:#ffffff; }
#index_tb dd.index_updown { padding: 11px 0 11px 0; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }


/* 주가 top */

#cur_top_box {
	position: relative;
	margin-bottom: 30px;
	width: 100%;
	height: 125px;
	border-top:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
}

#cur_top_box #cup { 
	top:20px;
	width:48%;
}

#cur_top_box #ohlv {
	top: 22px;
	left: 50%;
	width:48%;
}

/*----- 일주가-----*/

#daily_chart1 {
	float: left;
	width:50%;
	text-align:left;
}

#daily_chart2 {
	float: right;
	width:50%;
	height:185px;
	margin-bottom:40px;
	text-align:right;
}

#btn_list {
	clear: both;
	width: 100%;
	text-align:right;
	margin-bottom:10px;
}

/* 버튼 */
.btn {
	display:inline-block;
	width:55px;
	height:15px;
	padding:8px 0;
	background:#255A4B;
	color:#ffffff !important;
	font-weight:bold;
	text-align:center; 
	vertical-align:middle;
	cursor:pointer;
}

/*---- 주주구성 ----*/
.share_chart {width:100%; margin-bottom:30px; text-align:center;}

.share_tb1 tbody th{text-align:left; padding-left:15px;}
.share_tb1 tbody tr td:nth-child(2){text-align:center; padding:0;}
.share_tb1 tbody tr td:nth-child(3){text-align:right; padding-right:15px;}

.share_tb1 .total {font-weight:600;}
.share_tb1 .total td{text-align:right !important; padding-right:15px !important;}

.share_tb2 tbody th, .share_tb2 tbody td{text-align:left;}
.share_tb2 tr td:nth-child(3), .share_tb2 tr td:nth-child(4){text-align:right;}


/*----- 재무 -----*/
#fnchart_area { width:100%; padding:13px 3%; height:500px; margin-bottom:40px; border:1px solid #E5E5E5; box-sizing:border-box;}
#fnchart_area ul {margin:0 auto; overflow:hidden;}
#fnchart_area li {display:block; float:left; width:32%; text-align:center; padding-right:1%;}
#fnchart_area li:nth-child(3), #fnchart_area li:nth-child(6) {padding-right:0; }
#fnchart_area li p {font-weight:600;}
#fnchart_area li img {margin-bottom:30px;}

#unit { width:100%;; height:15px; margin-bottom:10px; text-align:right; display:inline-block; }

#title h4, #title form{display:inline-block;}
#title h4 {padding-right:20px;}
#title select{width:110px; vertical-align:top;}

#fn_list th, #fn_list td{width:15%;}
#fn_list th {background:none;}
#fn_list tbody th{width:25%; text-align:left; padding-left:20px;} 
#fn_list .em{background:#F5F5F5; font-weight:600; color:#000;}

#fn_list tr th:last-child, #fn_list tr td:last-child {border-right:none !important;}


/*----- 공시, IR자료실 -----*/
.notice_tb {font-size:13px !important; }
.notice_tb tbody td {text-align:center; padding:0; }
.notice_tb tbody td.no {width:11%;}
.notice_tb tbody td.title {width:76%; text-align:left; }
.notice_tb tbody td.data_date {width:13%;}

.nt_info {width:100%; text-align:right; font-size:12px; padding-top:10px; margin-bottom:20px;}

.ac_btn{text-align:right;}

/* 자료실 */
#archive_info {width:100%; height:50px; overflow:hidden; }
#archive_info .title, #archive_info p {text-align:left; display:inline-block;}

#log_in { margin:10px; padding:10px; border: 1px solid #E0E2E4; background: #F7F7F7; }
#enrollment { position:absolute; top:15px; right:5px; width:200px; text-align:right; }

#archive_tb {font-size:13px !important; }
#archive_tb thead th, #archive_tb tbody td { text-align:center; }
#archive_tb tbody td.no {width:10%;}
#archive_tb tbody td.title {width:66%; text-align:left; }
#archive_tb tbody td.attm {width:12%;}
#archive_tb tbody td.data_date {width:12%;}

#archive_tb i {font-size:15px;}
#archive_tb i:hover {color:#000;}

#archive_admin_tb th, #archive_admin_tb td {text-align:center;}
#archive_admin_tb td.no{width:10%;}
#archive_admin_tb td.title{width:51%; text-align:left;}
#archive_admin_tb td.attm{width:8%;}
#archive_admin_tb td.modifiy{width:8%;}
#archive_admin_tb td.delete{width:8%;}
#archive_admin_tb td.data_date{width:15%;}

#contents_info ul { height:38px; border-top:2px solid #1F57A8; background:#F5F5F5; color:#333333; font-size:13px;}
#contents_info li{float:left; line-height:38px; text-align:center;}
#contents_info li.num {width:10%;}
#contents_info li.title {width:75%; text-align:left; }
#contents_info li.data_date {width:15%; }

#contents_info li.filename {clear:both; width:100%; padding-left:20px; text-align:left; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #DDDDDD; vertical-align:middle; font-size:12px;}
#contents_info li.filename i {padding-right:5px;}

#contents_area {padding:15px; margin-bottom:30px; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #DDDDDD;}
#contents_area form { clear: both; padding:20px 0; border:1px solid #DDDDDD; }
#contents_area form p { clear:both; margin:0 0 5px 0; vertical-align:top; }
#contents_area form p.ac_btn { text-align:center; }
#contents_area form p.filename { padding:10px 0 10px 120px; }

#contents_area label { display:inline-block; padding:0px 5px; width:100px; text-align:right; }

input.longText { width:400px; }
input.btn { height:31px; border:0; }


/* paging */ 
#paging {width:100%; margin-top:30px; text-align:center; color:#000;}
#paging li{display:inline-block; font-size:11px; line-height:13px; text-align:center; vertical-align:middle;}
#paging .on a, #paging .off a {margin: 0 2px;}
#paging .on a, #paging .off a:hover{ color:#585858; }
#paging .on a {font-weight:bold;}
#paging li img {vertical-align:middle;}

#paging .prev img {margin-left:6px; margin-right:5px; }
#paging .next img {margin-left:7px; margin-right:3px;}


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




/* 모바일 최적화 */
@media screen and (max-width:768px) {
	body {font-size:12px;}
	h1, h2, h3, h4, h5, h6 {clear:both; line-height:25px; height:25px;}
	h3{font-size:16px;}
	h4{font-size:14px;}

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

	#pc_tb, #pc_nt {display:none;}
	#mb_tb, #mb_nt {display:block;}
	#mb_tb th, #mb_tb td{width:20%;}

	/*현재가*/
	#quote_chart{ height:380px; margin-bottom:30px;}

	#cur_chart_box{
		left:0;
		width: 100%;
		height:170px;
	}

	#chart_min {
		left:0;
		top:170px;
		width: 100%;
	}

	#hoga_tb, #cap_ind{
		float:none;
		width:100%;
		margin-bottom:30px;
	}

	#hoga_tb {margin-bottom:30px;}
	#cap_ind {margin-bottom:60px;}


	#index_tb {margin-top:30px;}
	#capital_tb th, #capital_tb td{width:50%;}
	#capital_tb td{border-right:none;}
	
	/* 주가 top */
	.cur_quote #cur_close {
		top:17px;
		width:50%;
		font-size: 33px;
	}

	#updown_title, #percent_title {top:18px;}
	#updown, #percent {top:40px;}
	#updown_title, #updown{left:55%; }
	#percent_title, #percent{left:74%;}

	#cur_top_box {
		height: 160px;
		border-bottom:none;
	}

	#cur_top_box #cup { 
		top:0;
		width:100%;
	}

	#cur_top_box #ohlv {
		top: 80px;
		left: 0;
		width:100%;
	}

	/* 일주가, 분주가 */
	#daily_chart2, #min_chart1 {display:none;}
	#daily_chart1, #min_chart2 {width:100%; margin-bottom:30px; text-align:center;}

	#capital_tb th, #capital_tb td {width:50%;}
	#capital_tb th {padding-left:30px;}
	#capital_tb td {padding-right:30px;}

	.search_updown { top:5px; left:50%; width:50%; text-align:center; }

	/* 주주구성 */
	.share_chart img {width:100%;}

	/* 재무 */
	#fnchart_area { padding:13px 3%;  height:1500px; margin-bottom:40px; border:1px solid #E5E5E5; box-sizing:border-box;}
	#fnchart_area li { float:none; width:100%;}
	#fn_list tbody th {padding-left:10px;}
	#fn_list tbody td {padding-right:5px;}
	#fn_list th:nth-child(2), #fn_list td:nth-child(2),#fn_list th:nth-child(3), #fn_list td:nth-child(3){display:none;}

	/* 공시 */
	.notice_tb table{margin-bottom:15px;}
	.notice_tb tbody td.no {width:17%;}
	.notice_tb tbody td.title {width:57%; }
	.notice_tb tbody td.data_date {width:26%;}

	.nt_info {padding-top:5px;}

	/* 자료실 */
	#contents_info ul { font-size:13px;}
	#contents_info li.num {width:12%;}
	#contents_info li.title {width:63%;}
	#contents_info li.data_date {width:25%; }

	#contents_area label { width:80px; }
	input.longText { width:160px; }

	#archive_admin_tb td.no{width:10%;}
	#archive_admin_tb td.title{width:31%; text-align:left;}
	#archive_admin_tb td.attm{width:12%;}
	#archive_admin_tb td.modifiy{width:12%;}
	#archive_admin_tb td.delete{width:12%;}
	#archive_admin_tb td.data_date{width:23%;}
}

@media screen and (max-width :350px){
	.search_form .btn {margin-top:20px;}
}