@charset "utf-8";

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, span, fieldset, p, button, select, input, textarea, th, td {
    margin:0;
    padding:0;
    border: none;
}

body {height:100%; font-family: color:#333333; font-size:13px;}
img {border:none; vertical-align:top;}

ul li , ol li , dl dd{list-style:none;}

fieldset {border:none;}

table {border-collapse:collapse;}
caption {display:none;}

img, fieldset, button { border:0; padding:0px; vertical-align: baseline}
button {background:none;}
input, select {vertical-align:middle;}
legend {width:0; height:0; font-size:0; position:absolute; overflow:hidden;} 

a {color:#333333; text-decoration:none; cursor:pointer; margin:0;}
a:link {color:#333333;}
a:visited {color:#333333;}
a:active {color:#333333;}
a:hover {color:#496696;}
:focus {-moz-outline-style:none;}


/* 정렬클래스 */
.of {overflow:hidden !important; width:100%;}
.fl {float:left !important;}
.fr {float:right !important;}
.cl {clear:both !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}
.at {vertical-align:top !important;}
.am {vertical-align:middle !important;}
.ab {vertical-align:bottom !important;}
.dis_b {display:block;}
.dis_n {display:none;}
.posi_r {position:relative;}

.kd_bul{font:12px "Dotum"; vertical-align: top}


/* 상승, 하락 컬러 */
.tb_color_up{color:#ff3131 !important}
.tb_color_dw{color:#1c5cff !important}

/* 주식장 상태별 스타일 */
.tb_date-info{font:12px 'arial';}
.tb_condition1{
    font:11px 'Dotum';
    background:#57c7da;
    padding:5px 5px 3px 5px;
    color:#fff;
    margin-left:8px;
    border-radius: 2px 
}
.tb_condition2{
    font:11px 'Dotum';
    background:#b9c8e0;
    padding:5px 5px 3px 5px;
    color:#fff;
    margin-left:8px;
    border-radius: 2px 
}
.tb_condition3{
    font:11px 'Dotum';
    background:#9e9e9e;
    padding:5px 5px 3px 5px;
    color:#fff;
    margin-left:8px;
    border-radius: 2px 
}

/* 테이블 메인 - 시간별,일자별 시세 */
.time_tablewrap{clear: both; width: 800px;}
.time_tablewrap .table_date_title li{display:inline-block}
.time_tablewrap .table_date_title li.tit{font-weight: bold; font-size:16px;}
.time_tablewrap .table_date_title li.tit span{font-weight: normal; font-size:12px;}
.time_tablewrap .table_date_title li.date-info{float:right}

.table-contents .table-data .up_ico{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -34px;
    padding-left:15px;
    color:#ff3131;
}
.table-contents .table-data .up_ico_2{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -69px;
    padding-left:15px;
    color:#ff3131;
}
.table-contents .table-data .down_ico{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -51px;
    padding-left:15px;
    color:#1c5cff;
}
.table-contents .table-data .down_ico_2{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -88px;
    padding-left:15px;
    color:#1c5cff;
}
.table-contents .table-data{
    width:800px;
    margin-top:10px;
    font-size:13px;
}
.table-contents .table-data .align_rt{
    text-align: right;
    padding-right:12px
}
.table-contents .table-data .wmain{
    width:145px;
}
.table-contents .table-data thead tr th{
    background:#f9f9f9;
    height:40px;
    line-height: 40px;
    border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
    box-sizing: border-box;
} 
.table-contents .table-data thead tr th:nth-of-type(6n){border-right:none;}
.table-contents .table-data tbody tr td{
    height:40px;
    line-height: 40px;
    border-bottom:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
    text-align:right;
    box-sizing: border-box;
    font:14px 'Tahoma', 'Malgun Gothic', 'Dotum';
    padding-right:12px;
}
.table-contents .table-data tbody tr td:nth-of-type(6n){border-right:none;}
.table-contents .table-data tbody tr td:nth-of-type(1){text-align:center; padding:0}


/* 상승하락 - 탭 메뉴별 테이블 표 */
.table-contents-2 .table-data .up_ico{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -34px;
    padding-left:15px;
    color:#ff3131;
}
.table-contents-2 .table-data .down_ico{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -51px;
    padding-left:15px;
    color:#1c5cff;
}

.table-contents-2 .table-data .up_ico_2{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -69px;
    padding-left:15px;
    color:#ff3131;
}

.table-contents-2 .table-data .down_ico_2{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -88px;
    padding-left:15px;
    color:#1c5cff;
}

.table-contents-2 .bord-line{
    width:800px;
    height:2px;
    background:#4e89e7;
    clear: both;
    margin-top:10px;
}
.table-contents-2 .table-data{
    width:800px;
    font-size:13px;
}
.table-contents-2 .table-data .align_rt{
    text-align: right;
    padding-right:12px;
}
.table-contents-2 .table-data .align_lf{
    text-align: left;
    padding-left:12px;
}
.table-contents-2 .table-data .wmain{
    width:160px;
}
.table-contents-2 .table-data thead tr th{
    background:#f9f9f9;
    height:40px;
    line-height: 40px;
    border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
    box-sizing: border-box;
} 
.table-contents-2 .table-data thead tr th:nth-of-type(7n){border-right:none;}
.table-contents-2 .table-data tbody tr td{
    height:40px;
    line-height: 40px;
    border-bottom:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
    text-align:right;
    box-sizing: border-box;
    font:13px 'Tahoma', 'Malgun Gothic', 'Dotum';
    padding-right:12px;
}
.table-contents-2 .table-data tbody tr td:nth-of-type(7n){border-right:none;}
.table-contents-2 .table-data tbody tr td:nth-of-type(1){text-align:center; padding:0}
.table-contents-2 .table-data tbody tr td:nth-of-type(2){text-align:left; padding-left:12px}


/* 시가총액 - 테이블 표 */
.table-contents-3 .table-data .up_ico{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -34px;
    padding-left:15px;
    color:#ff3131;
}
.table-contents-3 .table-data .down_ico{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -51px;
    padding-left:15px;
    color:#1c5cff;
}
.table-contents-3 .table-data .up_ico_2{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -69px;
    padding-left:15px;
    color:#ff3131;
}

.table-contents-3 .table-data .down_ico_2{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -88px;
    padding-left:15px;
    color:#1c5cff;
}
.table-contents-3 .bord-line{
    width:800px;
    height:2px;
    background:#4e89e7;
    clear: both;
    margin-top:10px;
}
.table-contents-3 .table-data{
    width:800px;
    font-size:13px;
}
.table-contents-3 .table-data .align_rt{
    text-align: right;
    padding-right:12px;
}
.table-contents-3 .table-data .align_lf{
    text-align: left;
    padding-left:12px;
}
.table-contents-3 .table-data .wmain{
    width:150px;
}
.table-contents-3 .table-data thead tr th{
    background:#f9f9f9;
    height:40px;
    line-height: 40px;
    border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
    box-sizing: border-box;
    letter-spacing: -1px;

} 
.table-contents-3 .table-data thead tr th:nth-of-type(8n){border-right:none;}
.table-contents-3 .table-data tbody tr td{
    height:40px;
    line-height: 40px;
    border-bottom:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
    text-align:right;
    box-sizing: border-box;
    font:13px 'Tahoma', 'Malgun Gothic', 'Dotum';
    padding-right:12px;
}
.table-contents-3 .table-data tbody tr td:nth-of-type(8n){border-right:none;}
.table-contents-3 .table-data tbody tr td:nth-of-type(1){text-align:center; padding:0}
.table-contents-3 .table-data tbody tr td:nth-of-type(2){
    text-align:left;
    padding-left:12px; 
    overflow: hidden
}

/* 종목뉴스 */
.item_newslistwrap{clear: both; margin-top:20px;}
.item_newslistwrap .item_newslist_cont li{    
    width:800px;
    height:50px;
    border-bottom:1px solid #e1e1e1;
    clear: both;
    overflow: hidden;
}
.item_newslistwrap .item_newslist_cont li dl.news_list{font-size:0;}
.item_newslistwrap .item_newslist_cont li dl.news_list dd{
    float:left;
    line-height: 50px;
}
.item_newslistwrap .item_newslist_cont li dl.news_list dd.title{
    font-size:14px;
    margin-left:20px;
    font-weight: 500;
    width:520px;
    overflow: hidden;
    
    -webkit-line-clamp: 1;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;    
}
.item_newslistwrap .item_newslist_cont li dl.news_list dd.dm_data{
    float: right;
    font-size:13px;
    color:#888;
    margin-right:20px;
}

.item_newslistwrap .item_newslist_cont a {color:#333333; text-decoration:none; cursor:pointer; margin:0;}
.item_newslistwrap .item_newslist_cont a:link {color:#333333;}
.item_newslistwrap .item_newslist_cont a:visited {color:#333333;}
.item_newslistwrap .item_newslist_cont a:active {color:#333333;}
.item_newslistwrap .item_newslist_cont a:hover {color:#496696;}
:focus {-moz-outline-style:none;}
.item_newslistwrap .item_newslist_cont a:hover li{background: #f7f7f7}
.item_newslistwrap .item_newslist_cont a:hover li dl.news_list dd.title{text-decoration:underline;}