/**폰트 컬러**/
.up {color:#de092f !important;}
.down {color:#2859d1 !important;}

/**타이틀 아이콘**/
.cont_title {position:absolute;font-size:1.6rem;width:100%;top:-2.4rem;left:0;padding:0 5%;color:#333;}
.cont_title:before {display: block;width:5rem;height:5rem;margin:1.5% auto -2.4%;content:"";}

/**테이블 기본**/
.tbl {color: #333;border-top:2px solid #999}
.tbl thead tr th {padding:3% 2%;font-weight:normal;background-color:#f7f9fc;border-left:1px solid #eee;border-right:1px solid #f7f9fc;border-bottom:1px solid #eee;/*font-family:'Noto Sans KR';*/}
.tbl thead tr th:nth-child(1){border-left:1px solid #f7f9fc}
.tbl thead tr th:nth-child(3){border-right:1px solid #f7f9fc}
.tbl tbody tr th{border-left:1px solid #eee;border-bottom:1px solid #eee;font-weight:normal;}
.tbl tbody tr td {padding:3% 2%;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;}
.tbl tbody tr:nth-child(even) th, .tbl tbody tr:nth-child(even) td{background-color:#f8f8f8;}
.tbl tbody tr td:nth-child(1){border-left:1px solid #eee}
/*.tbl tbody tr:nth-child(1) td{border-top:1px solid #eee}*/

/**테이블 스타일 - 스트라이프**/
.tbl_striped {z-index: 10;position: relative;border-top: 2px solid #999;}
/*.tbl_striped:after {
    z-index: -1;
    position: absolute;bottom:-0.5rem;
    display: block;
    width: 100%;
    height: 3rem;
    background: url('../images/bg_shadow.svg') no-repeat center bottom;
    background-size:contain;
    opacity:0.5;
    content:"";
}*/
.tbl_striped caption {background:#0977c9;color:#fff;padding:1.7% 0;}

.tbl_striped tr th {text-align:center;background-color:#f7f9fc !important;}
.tbl_striped thead tr th{border-left:1px solid #eee;border-right:1px solid #eee;}
.tbl_striped thead tr th:nth-child(1){border-left:1px solid #eee}
.tbl_striped tr td {text-align:center;background-color:#fff;}
.tbl_striped tbody tr:nth-child(even) td{background-color:inherit;}
/*.tbl_striped tbody tr:nth-child(even) td*/
/*.tbl_striped tr:nth-child(2n) td{background:#f8f8f8}
.tbl_striped tr:nth-child(2n) th{background:#e9f2f5}*/
.tbl_striped tr:last-child td,
.tbl_striped tr:last-child th {border-bottom:1px solid #eee;}

/**테이블 스타일 - 컬러풀 헤더**/
.tbl_colorhead {z-index: 10;position: relative;border-left: 1px solid #eee;}
/*.tbl_colorhead:after {
    z-index: -1;
    position: absolute;bottom:-0.5rem;
    display: block;
    width: 100%;
    height: 3rem;
    background: url('../images/bg_shadow.svg') no-repeat center bottom;
    background-size:contain;
    opacity:0.5;
    content:"";
}*/
.tbl_colorhead tr th {text-align:center;font-weight:400;padding:3% 2%;}
/*.tbl_colorhead tr th:nth-child(1) {background:#0077c7;}
.tbl_colorhead tr th:nth-child(2) {background:#008bc7;}
.tbl_colorhead tr th:nth-child(3) {background:#009cc7;}
.tbl_colorhead tr th:nth-child(4) {background:#00b3c7;}
.tbl_colorhead tr td {background:#fff;border-bottom:1px solid #eee;border-right:1px solid #eee;}
.tbl_colorhead tr:nth-child(2n) td {background:#fafafa;}*/

/**비어있는 영역 스타일 (데이터 넣으면 삭제 예정)**/
/*.chart {min-height:14rem; background:#f9f9f9;}*/
/*.chart {
    min-width: 310px; height: 200px; max-width: 320px; margin: 0 auto;
}*/
#stkDescSummary{display:none;}
#stkDescSummary.on { display: block; }

#stkDesc{display:none;}
#stkDesc.on { display: block; }

.fixedHeight {
    height: 7.5rem;
    -moz-binding: url("ellipsis.xml#ellipsis");
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.chart{height:30rem;}
.ui-datepicker{z-index:10!important;}
.icoMore{font-weight:bold; padding-left:0rem; font-size:1.5rem;}


.footer-content{ padding:3%; box-sizing:border-box;}

#footer {
    border: 1px solid #ccc;
    border-radius: .5rem;
    background-color: #ececec;
}
#footer > dd { color: #666; font-size:.2rem; padding:1% 2%;}
#footer > dd.col1 { text-align:center; width:20%; line-height:5;}
#footer > dd.col1 img{width:100%;}
#footer > dd.col2 { width:80%;}

.wrapperTblFooter {
    border-radius: .5rem;
    border: 1px solid #ccc;
    padding-right:2%;
    /*background-color: #ececec;*/
}
#tblFooter { margin:1%; width: 100%; }
#tblFooter td{padding:1%;}
#tblFooter .col1 { width: 20%; }
#tblFooter .col1 img{width:100%;}
#tblFooter .col2 { width: 80%; font-size:0.8rem; color:#999; }

/*annotation*/
.annotation { margin-bottom:3px; font-size:11px; font-weight:normal; float:right; }

.section_cont > .btn:active, .section_cont > .btn.active{background:#ffcc00;box-shadow:none;}