@import url('https://fonts.googleapis.com/css?family=Play&display=swap');

/* -------- 주가정보 상단 추가 (171211 미화) -------- */
.stock-top-content{ margin-bottom:50px;overflow:hidden; font-family:'Play', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.stock-top-content .pr-down{color:#19489e}
.stock-top-content .pr-up{color:#c70e0e}
/* 상단 주가정보 :: 새로고침 */
.reset-btns{ margin-bottom:15px;text-align:right;}
.reset-btns a{display:inline-block; width:140px; height:34px; background-color:#000; font-size:14px; line-height:34px; color:#fff; text-align:center; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.reset-btns a i{ margin-top:-2px; vertical-align:middle; font-size:20px;line-height:34px;}
/* 상단 주가정보 :: 왼쪽정보 */
.stock-top-left-con{ border:1px solid #d9d9d9; border-top:2px solid #000; width:48%;float:left;}
.stock-title-con{ padding:23px 20px;overflow:hidden; height:30px; background-color:#f1f1f1;}
.stock-title-con > h3{float:left; font-size:22px; font-weight:400; color:#000;}
.stock-title-con > h3 b{ font-weight:400;color:#000;}
.stock-title-con > p{float:right; font-size:14px; line-height:30px; color:#242424;}
.stock-cur-price-con{ padding:37px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;height:55px; background-color:#fff; text-align:center;}
.stock-cur-price-con .stock-cur-icon{display:inline-block; margin-right:50px; padding:8px 15px; vertical-align:middle; background-color:#333; font-size:18px; font-weight:400; color:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.stock-cur-price-con .stock-cur-price{display:inline-block; vertical-align:middle; font-size:60px; font-weight:700; color:#171717; letter-spacing:-0.75px;}
.stock-cur-price-con .stock-cur-price.up{color:#c70e0e;}
.stock-cur-price-con .stock-cur-price.down{color:#19489e;}
.stock-cur-price-con .stock-cur-price.normal{color:#171717}
.stock-prev-price-con{overflow:hidden; background-color:#f1f1f1;}
.stock-prev-price-con > dl{ padding:29px 0; width:50%; height:22px;float:left; text-align:center;}
.stock-prev-price-con > dl:first-child{ border-right:1px solid #d9d9d9;width:49%; }
.stock-prev-price-con > dl dt,
.stock-prev-price-con > dl dd{
	display:inline-block; width:45%; vertical-align:middle;
}
.stock-prev-price-con > dl dt{ font-size:19px;color:#171717; letter-spacing:-0.25px;}
.stock-prev-price-con > dl dd{font-size:22px; letter-spacing:-0.25px;;}
.stock-prev-price-con > dl dd b{font-weight:400; color:#171717;}
/* 상단 주가정보 :: 오른쪽정보 */
.stock-top-right-con{ border:1px solid #d9d9d9; border-top:2px solid #000; width:48%;float:right; background-color:#fff;}
.stock-top-right-con table{width:100%; }
.stock-top-tbl-01{background-color:#f6f6f6}
.stock-top-tbl-02{background-color:#fff;}
.stock-top-right-con th, .stock-top-right-con td{ padding:20px 0; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9;height:17px}
.stock-top-right-con th:first-child, .stock-top-right-con td:first-child{border-left:0;}
.stock-top-right-con table dl{ padding:0 15px;overflow:hidden}
.stock-top-right-con table dt, .stock-top-right-con table dd{ font-size:17px;color:#171717; letter-spacing:-0.5px; }
.stock-top-right-con table dt{ width:40%;float:left;}
.stock-top-right-con table dd{ width:60%;float:right; font-weight:400; text-align:right;}
.stock-top-right-con table dd b{font-weight:600;}
@media all and (max-width:1220px){
	/* 상단 주가정보 :: 왼쪽정보 */
	.stock-title-con > h3{ padding:4px 0;font-size:22px;}
	.stock-title-con > p{font-size:13px;}
	.stock-cur-price-con .stock-cur-icon{font-size:15px;}
	.stock-cur-price-con .stock-cur-price{font-size:40px;}
	.stock-prev-price-con > dl dt{font-size:15px;}
	.stock-prev-price-con > dl dd{font-size:19px;}
	/* 상단 주가정보 :: 오른쪽정보 */
	.stock-top-right-con table dl{padding:0 6px;}
	.stock-top-right-con table dt, .stock-top-right-con table dd{font-size:14px;}
}
@media all and (max-width:768px){
	.reset-btns a{width:100px; height:30px; font-size:12px; line-height:30px;}
	.stock-top-left-con, .stock-top-right-con{ width:auto;float:none; }
	/* 상단 주가정보 :: 왼쪽정보 */
	.stock-top-left-con{margin-bottom:15px;}
	.stock-title-con{ padding:10px;height:auto;}
	.stock-title-con > h3{}
	.stock-cur-price-con{ padding:25px 0;height:auto;}
	.stock-cur-price-con .stock-cur-icon{font-size:12px;}
	.stock-cur-price-con .stock-cur-price{font-size:30px;}
	.stock-prev-price-con > dl{ padding:15px 0;height:auto;}
	.stock-prev-price-con > dl dt{font-size:13px;}
	.stock-prev-price-con > dl dd{font-size:15px;}
	/* 상단 주가정보 :: 오른쪽정보 */
	.stock-top-right-con th, .stock-top-right-con td{ padding:10px 0;height:auto;}
	.stock-top-right-con table dl{padding:0 4px;}
	.stock-top-right-con table dt, .stock-top-right-con table dd{font-size:12px;}
}

.stock-graph-content{ margin-bottom:20px; padding:10px 10px;border:10px solid #f1f1f1;}

@media all and (max-width:1240px){
	.stock-graph-content{display:none;}
}


/* ---------------- 기존 투자정보 css (민주) -------------------- */ 
/* 투자정보 :: 주가현황 */
section.tbl{ overflow:hidden;color:#444;}
section.tbl > article{margin-bottom:30px;}
.stockTbl .cr{font-weight:600;color:#e52a2a}
.stockTbl .cb{font-weight:600;color:#5164c8}
.bob{border-bottom:1px solid #ddd;}
section.tbl .tbl-tit{ margin-bottom:15px;font-size:20px; font-weight:500; color:#222; letter-spacing:-0.5px;}
section.tbl .tbl-main-tit{ margin-bottom:25px; padding-top:25px;float:left; font-size:36px; font-weight:600; font-weight:500; color:#444; letter-spacing:-1px}
.price-box{ padding-top:30px; padding-bottom:25px; overflow:hidden;float:right; font-weight:600}
.price-box > p{float:left; font-size:16px; font-weight:400; line-height:22px}
.price-box > p:first-child{margin-right:35px;}
.price-box > p:first-child > strong{ vertical-align:bottom;font-size:38px; font-weight:600; line-height:22px;}
.price-box > p:first-child > span{ padding-right:10px; vertical-align:bottom;font-size:20px; font-weight:500; line-height:22px}
.stockTbl{ width:100%;clear:both; color:#333;}
.stockTbl th{ border:0px; border-top:2px solid #000; border-bottom:1px solid #afafaf; height:55px; vertical-align:middle; background-color:#fafafa;font-size:16px; font-weight:500;  color:#333; text-align:center; }
.stockTbl td{ border-left:1px solid #ededed; height:45px; vertical-align:middle;font-size:14px; color:#333; text-align:center; word-break:keep-all}
.stockTbl td:first-child{border-left:0}
.table02 tr td, .table03 tr td, .table04 tr td, .table05 tr td{border-bottom:1px solid #ededed;}
.table04 tr.subject td{border-bottom:1px solid #999; border-left:1px solid #ededed;}
.table04 tr.subject td:first-child{border-left:0}
/* 투자정보 :: 공시정보 */	
.stock02-table tr td{border-bottom:1px solid #ddd;}
/* 투자정보 :: 재무정보 */
.stock03-table th{ border-top:2px solid #000;border-bottom:1px solid #afafaf;}
.stock03-table td{border:1px solid #ededed;}
.stock03-table td.bg:first-child{border-left:1px solid #afafaf}

@media all and ( max-width: 800px ){
	.stockTbl th{font-size:14px;}
	.stockTbl td{font-size:11px; }
}


/* -------- 스크롤 가이드 추가 (MH) -------- */
.stockTbl-scrollbar-cover{display:none;}

@media all and ( max-width: 800px ){
	.stockTbl-wrapper{ overflow-x:auto;position:relative; width:100%;}
	.stockTbl-wrapper .stockTbl{width:600px}
	.stockTbl-scrollbar-cover{display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; background-color:rgba(0,0,0,0.5)}
	.stockTbl-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; font-size:300; font-size:15px; color:#fff; text-align:center;}
	.stockTbl-scrollbar-cover .scroll-cover-txt i{ display:block; margin-bottom:20px;font-size:30px; }
}

/* -------- 재무정보 탭 추가 (MH) -------- */
.invest-tab-container{margin-bottom: 30px;}
.invest-tab-container ul{text-align: center;}
.invest-tab-container ul li{ display: inline-block;margin: 0 4px; position:relative; width:20%; background-color:#fff;}
.invest-tab-container ul li a{display:table; border:1px solid #c9c9c9; width:100%; height:53px; background-color: #fff;}
.invest-tab-container ul li a em {display:table-cell; vertical-align:middle; font-size:17px; line-height: 1.3; color:#000; text-align:center; letter-spacing:-0.25px; font-style: normal;}
.invest-tab-container ul li.selected {}
.invest-tab-container ul li.selected a{ border-color:#000;background-color:#fff;}

@media all and ( max-width: 800px ){
	.invest-tab-container{margin-bottom:30px;}
	.invest-tab-container ul li{ margin:0; width:50%;float:left}
	.invest-tab-container ul li a{height:40px;}
	.invest-tab-container ul li a em{font-size:13px;}
}