@charset "utf-8";

.no-show {position:absolute; width:0; height:0; left:-9999999px; top:-999999px;}

/* 주가정보 상단 */
.stock-code {font-weight:600; margin-bottom:30px; font-size: 20px;}

.stock-summary {overflow:hidden; margin-bottom:30px;}
.stock-now {float:left; overflow:hidden;}
.stock-summary .date {float:right; color:#888; font-size:12px; padding-top:20px; line-height:40px;}

.stock-icon {display:inline-block; vertical-align:top; background:url("../image/stock/stock_icons.png") no-repeat; text-indent:-999999px;}
.stock-num {float:left; overflow:hidden; margin-right:15px; font-size:4.2em; line-height:60px; letter-spacing:-2px;}
.stock-num .stock-icon {width:24px; height:50px;}

.stock-compare {float:left; font-size:20px; padding-top:20px; line-height:40px;}
.stock-compare .stock-icon {width:14px; height:25px;}
.stock-compare em {font-weight:600; margin-left:5px;}
.stock-compare .slash {margin:0 10px;}

.stock-up .stock-num {color:#d01d1d;}
.stock-up .stock-num .stock-icon {background-position:0 0;}
.stock-up .stock-compare em {color:#d01d1d;}
.stock-up .stock-compare .stock-icon {background-position:0 -100px;}

.stock-down .stock-num {color:#187ede;}
.stock-down .stock-num .stock-icon {background-position:0 -50px;}
.stock-down .stock-compare em {color:#187ede;}
.stock-down .stock-compare .stock-icon {background-position:0 -125px;}

.stock-same .stock-num {color:#222;}
.stock-same .stock-num .stock-icon {background-position:-24px 0;}
.stock-same .stock-compare em {color:#222;}
.stock-same .stock-compare .stock-icon {background-position:-24px -100px;}


/* 주가정보 테이블 */
.stock-wrap {overflow:hidden; margin-top:60px; margin-bottom:60px;}
.stock-left {float:left; width:60%;}
.stock-right {float:right; width:36%;}

.dh-stock table {width:100%; border-top:2px solid #333; margin-bottom: 50px;}
.dh-stock table th,
.dh-stock table td {height:65px; padding-left:15px; padding-right:15px; font-size: 18px;}
.dh-stock thead th {background:#f8f8f8; border-bottom:1px solid #e0e0e0;}
.dh-stock table strong {font-weight:600;}

.tb-price tbody td {text-align:center; border-bottom:1px solid #e0e0e0;}

.tb-stock th {text-align:left;}
.tb-stock tbody td {text-align:right;}
.tb-stock tbody th, .tb-stock tbody td {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.tb-stock .last {border-right:0;}

.tb-stock2 td {text-align:right;}
.tb-stock2 tbody th, .tb-stock2 tbody td {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.tb-stock2 .last {border-right:0;}

.tb-stock2 .bg1 td {background:#f3f9ff;}
.tb-stock2 .bg1 .last {background:#fff;}
.tb-stock2 .bg2 td {background:#fff4f4;}
.tb-stock2 .bg2 td:first-child {background:#fff;}
.tb-stock2 .c1 {color:#0000ff;}
.tb-stock2 .c2 {color:#ff0000;}

.tb-price .day-comp .icon {display:inline-block; width:14px; height:18px; text-indent:-99999px; background:url("../image/stock/stock_icons.png") no-repeat;}
.tb-price .day-comp.day-up {color:#d01d1d;}
.tb-price .day-up .icon {background-position:0 -106px;}
.tb-price .day-comp.day-down {color:#187ede;}
.tb-price .day-down .icon {background-position:0 -131px;}
.tb-price .day-comp.day-same {color:#222;}
.tb-price .day-same .icon {background-position:-23px -106px;}

/* 재무정보 */
.tit-finan {overflow:hidden; margin-bottom:20px;}
.tb-wide1 + .tit-finan, .tb-wide2 + .tit-finan, .tb-wide3 + .tit-finan {margin-top:60px;}
.tit-finan .tit {float:left; font-size:1.4em; line-height:1.3em; letter-spacing:-0.03em;}
.tit-finan .unit {float:right; font-size:13px; color:#666;}

.tb-finan {width:100%; border-top:2px solid #333;}
.tb-finan th, .tb-finan td {padding:0 15px; height:45px; line-height:1.5em; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.tb-finan td {text-align:right;}
.tb-finan thead th {height:45px; background:#f8f8f8; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.tb-finan strong {font-weight:600;}
.tb-finan .last {border-right:0;}
.tb-finan .emp th, .tb-finan .emp td {background:#fffded;}
.tb-finan .emp2 th, .tb-finan .emp2 td {background:#f5f9fa;}

/* 공시정보 */
.dclos-top {overflow:hidden; margin-bottom:20px;}
.dclos-top .time {float:left; color:#666; line-height:1.75em; font-size:13px;}
.dclos-top .btn-chart {float:right;}
.dclos-top .btn-chart a {display:block; height:35px; line-height:35px; padding:0 40px 0 20px; text-align:center; border:1px solid #777; font-size:13px; background:url("../image/stock/chart_icon.png") no-repeat right center;}
.tb-dclos {margin-bottom:30px;}
.tb-dclos td {border-bottom:1px solid #e0e0e0; padding:10px 15px; color:#444; text-align:center; height:auto !important;}


/* media query : 반응형일 경우만 주석 해제 */
@media all and (max-width:1023px) {
	.dh-stock {font-size:13px;}
}

@media all and (max-width:767px) {
	.dh-stock {font-size:12px;}
	.dh-stock table th, .dh-stock table td {height:40px;}

	.stock-code {margin-bottom:5px;}
	.stock-summary {margin-bottom:20px;}
	.stock-now {float:none; border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
	.stock-summary .date {float:none; padding-top:0; text-align:right;}
	.stock-wrap {margin-top:40px; margin-bottom:40px;}
	.stock-left {float:none; width:100%;}
	.stock-right {float:none; width:100%; margin-top:40px;}

	.tit-finan {margin-bottom:10px;}
	.tit-finan .unit {font-size:12px; color:#888;}
	.tb-wide1 + .tit-finan, .tb-wide2 + .tit-finan, .tb-wide3 + .tit-finan {margin-top:40px;}

	.tb-wide1, .tb-wide2, .tb-wide3 { overflow:scroll; overflow-scrolling:touch; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch; }
	.tb-wide1::after {display:block; content:'스크롤하여 확인가능→'; font-size:12px; margin-top:5px; color:#666;}
	.tb-wide1 table {min-width:700px;}
}
@media all and (max-width:567px) {
	.dh-stock table th, .dh-stock table td {height:64px; line-height:18px; padding:10px;}
	.tb-price .day-up .icon {background-position:0 -110px;}
	.tb-price .day-down .icon {background-position:0 -135px;}
	.tb-price .day-same .icon {background-position:-23px -110px;}

	.stock-num {float:none;}
	.stock-compare {display:block; padding-top:0; line-height:30px;}
	.stock-up .stock-compare .stock-icon {background-position:0 -105px;}
	.stock-down .stock-compare .stock-icon {background-position:0 -130px;}
	.stock-same .stock-compare .stock-icon {background-position:-24px -105px;}

	.dclos-top .time {font-size:12px; line-height:1.6em;}
	.dclos-top .btn-chart a {padding:0 15px; color:#fff; background:#444; font-size:12px; border:0;}
	.tb-dclos {margin-bottom:0;}
	.tb-dclos td {padding:10px;}

	.tb-wide3::after {display:block; content:'스크롤하여 확인가능→'; font-size:12px; margin-top:5px; color:#666; margin-bottom:10px;}
	.tb-wide3 table {min-width:500px;}

}
@media all and (max-width:425px) {
	.tb-wide2::after {display:block; content:'스크롤하여 확인가능→'; font-size:12px; margin-top:5px; color:#666;}
	.tb-wide2 table {min-width:380px;}
}