@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%;}
img {border:none; vertical-align:top;}

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

fieldset {border:none;}

table {border-collapse:collapse; font-size: 12px;}
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;} 


: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; margin-top:15px; }
.time_tablewrap .table_date_title{margin-bottom: 10px;display: block; float: left; margin-left: 3%;}
.time_tablewrap .table_date_title li{display:inline-block}
.time_tablewrap .table_date_title li.tit{font-weight: bold; font-size:13px;}
.time_tablewrap .table_date_title li.tit span{font-weight: normal; font-size:12px;}
.time_tablewrap .table_date_title li.date-info{float:right; margin-right:10px; font-family: "Tahoma", "Malgun Gothic"}


.table_bd{
    border:1px solid #e3e3e3;
    margin: 0 3%;
    width: 94%;
    clear: both;
    box-sizing: border-box;
}
.table-contents{
    height:100%;
    /* max-height:242px; */
    position: relative;
    display: block;
}
.table-contents span.disNone {display:none !important;} 
.table-contents span.m-swipe-view {
    position: absolute;   
    right: 5px;
    top: 50%;
    text-indent: -9999em;
    z-index: 10;
    background: url('/market/images/swipe_view_ico.png') no-repeat;
    opacity: 0.6;
    width: 40px;
    height: 40px;
}
.table-contents div.m-only{
    position: absolute;
    display: block;
    left:0;
    top:0;
    z-index: 99;

}
.table-contents div.m_bg{
    border-right: 4px solid rgba(225, 225, 225, .5);
}
.table-contents div.m-only table.only_thead{
    width:61px !important;
    background: #fff !important;
}
.table-contents .table-data .up_ico{
    background: url('/market/images/sprite_bul.gif') no-repeat;
    background-position: 0 -34px;
    padding-left:15px;
    color:#ff3131;
}
.table-contents .table-data .down_ico{
    background: url('/market/images/sprite_bul.gif') no-repeat;
    background-position: 0 -51px;
    padding-left:15px;
    color:#1c5cff;
    vertical-align: baseline;
}
.table-contents .table-scroll{
    width:100%;
    overflow-x: auto;
    display: block;
    position: relative;
    -webkit-overflow-scrolling:touch;
}
.table-contents .table-scroll table{
    width:560px;
}
.table-contents .table-data{
    font-size: 13px;
}
.table-contents .table-data .align_rt{
    text-align: right;
    padding-right:12px
}
.table-contents .table-data .align_lf{
    text-align: left;
    padding-left:12px
}
.table-contents .table-data .wmain{
    width:105px;
}
.table-contents .table-data thead tr th{
    height:47px;
    line-height: 40px;
    border-bottom:1px solid #333;
    box-sizing: border-box;
    font-size:12px;
    white-space: nowrap;

} 
.table-contents .table-data tbody {display: table-row-group;}
.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;
    text-align: center;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 600

}
.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 .table-data tbody tr {
    border-bottom:1px solid #e3e3e3;
}




/* 상승하락 - 탭 메뉴별 테이블 표 */
.table-contents-2{
    width: 100%;
    height:100%;
    position: relative;
    display: block;
}
.table-contents-2 span.disNone {display:none !important;} 
.table-contents-2 span.m-swipe-view {
    position: absolute;   
    right: 5px;
    top: 40%;
    text-indent: -9999em;
    z-index: 10;
    background: url('/market/images/swipe_view_ico.png') no-repeat;
    width: 40px;
    height: 40px;
}
.table-contents-2 div.m-only{
    position: absolute;
    display: block;
    left:0;
    top:0;
    z-index: 99;
}
.table-contents-2 div.m_bg{
    border-right: 4px solid rgba(225, 225, 225, .5);
}
.table-contents-2 div.m-only table.only_thead{
    background: #fff !important;
}

.table-contents-2 .table-scroll{
    width:100%;
    overflow-x: scroll;
    position: relative;
    -webkit-overflow-scrolling:touch;   
}

.table-contents-2 .table-data .up_ico{
    background: url('/market/images/sprite_bul.gif') no-repeat;
    background-position: 0 -34px;
    padding-left:15px;
    color:#ff3131;
}
.table-contents-2 .table-data .down_ico{
    background: url('/market/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('/market/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('/market/images/sprite_bul.gif') no-repeat;
    background-position: 0 -88px;
    padding-left:15px;
    color:#1c5cff;
}

.table-contents-2 .table-data{
    width:660px;

}
.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:130px;
}
.table-contents-2 .table-data thead tr th{
    height:47px; 
    border-bottom:1px solid #333;
    box-sizing: border-box;
    font-size:12px;
    white-space: nowrap;
} 
span.sb_tit {
    font-weight: 300;
    box-shadow: 0 -10px 0 #f7f7f7 inset;
}
.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;
    border-bottom:1px solid #e3e3e3;
    text-align:right;
    box-sizing: border-box;
    font-size:13px;
    padding-right:12px;
    font-weight: 600;
}
.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:18px; padding-right: 0; font-size: 12px;}


/* 시가총액 - 테이블 표 */
.table-contents-3{
    width: 100%;
    height:100%;
    max-height:242px;
    position: relative;
    display: block;
}
.table-contents-3 span.disNone {display:none !important;} 
.table-contents-3 span.m-swipe-view {
    position: absolute;   
    right: 5px;
    top: 40%;
    text-indent: -9999em;
    z-index: 10;
    background: url('/market/images/swipe_view_ico.png') no-repeat;
    width: 40px;
    height: 40px;
}
.table-contents-3 div.m-only{
    position: absolute;
    display: block;
    left:0;
    top:0;
    z-index: 99;

}
.table-contents-3 div.m_bg{
    border-right: 4px solid rgba(225, 225, 225, .5);;
}
.table-contents-3 div.m-only table.only_thead{
    width:156px !important;
    background: #fff !important;
}

.table-contents-3 .table-scroll{
    width:100%;
    overflow-x: scroll;
    position: relative;
    -webkit-overflow-scrolling:touch;
}

.table-contents-3 .table-data .up_ico{
    background: url('/market/images/sprite_bul.gif') no-repeat;
    background-position: 0 -34px;
    padding-left:15px;
    color:#ff3131;
}
.table-contents-3 .table-data .down_ico{
    background: url('/market/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('/market/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('/market/images/sprite_bul.gif') no-repeat;
    background-position: 0 -88px;
    padding-left:15px;
    color:#1c5cff;
}

.table-contents-3 .table-data{
    width:770px;
}
.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:120px;
}
.table-contents-3 .table-data .stock_num{
    width:110px;
    letter-spacing: -1px;
}
.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;
    font-size:13px;
} 
.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}



/* 신규상장 - 테이블 표 */
.table-contents-4{
    width: 100%;
    height:100%;
    max-height:460px;
    position: relative;
    display: block;
}
.table-contents-4 span.disNone {display:none !important;} 
.table-contents-4 span.m-swipe-view {
    position: absolute;   
    right: 5px;
    top: 43%;
    text-indent: -9999em;
    z-index: 10;
    background: url('/market/images/swipe_view_ico.png') no-repeat;
    width: 40px;
    height: 40px;
}
.table-contents-4 div.m-only{
    position: absolute;
    display: block;
    left:0;
    top:0;
    z-index: 99;

}
.table-contents-4 div.m_bg{
    border-right: 4px solid rgba(225, 225, 225, .5);;
}
.table-contents-4 div.m-only table.only_thead{
    width:196px !important;
    background: #fff !important;
}

.table-contents-4 .table-scroll{
    width:100%;
    overflow-x: scroll;
    position: relative;
    -webkit-overflow-scrolling:touch;
}

.table-contents-4 .table-data .up_ico{
    background: url('/market/images/sprite_bul.gif') no-repeat;
    background-position: 0 -34px;
    padding-left:15px;
    color:#ff3131;
}
.table-contents-4 .table-data .down_ico{
    background: url('/market/images/sprite_bul.gif') no-repeat;
    background-position: 0 -51px;
    padding-left:15px;
    color:#1c5cff;
}

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

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

.table-contents-4 .table-data{
    width:700px;

}
.table-contents-4 .table-data .align_rt{
    text-align: right;
    padding-right:8px;
}
.table-contents-4 .table-data .align_lf{
    text-align: left;
    padding-left:8px;
}
.table-contents-4 .table-data .wmain{
    width:120px;
}
.table-contents-4 .table-data thead tr th{
    background:#f9f9f9;
    height:40px;
    border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
    box-sizing: border-box;
    font-size:12px;
} 
.table-contents-4 .table-data thead tr th:nth-of-type(7n){border-right:none;}
.table-contents-4 .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:8px;
}
.table-contents-4 .table-data tbody tr td:nth-of-type(7n){border-right:none;}
.table-contents-4 .table-data tbody tr td:nth-of-type(1){text-align:center; padding:0; letter-spacing: -0.5px;}
.table-contents-4 .table-data tbody tr td:nth-of-type(2){text-align:left; padding-left:6px}

.paging {
    font-family: Work Sans;
    font-size: 13px;
    text-align: center;
    margin: 16px 0;
    color: #999;
    display: block
}
.paging a {
    padding: 0 2px;
    margin: 0 2px;
    color: #999;
    position: relative;
    width: 18px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
}
.paging a.select {
    font-weight: 500;
    color: #000;
}
.paging a.select::after {
    content: " ";
    width: 7px;
    height: 1px;
    border-bottom: 1px solid #000;
    position: absolute;
    top: 15px;
    left: 8px;
}
.table_frame_wrap .tit .rpo_ico{vertical-align: middle}

/*============================================================================================================
MEDIA 768px ~ 1920px
============================================================================================================*/

@media all and (min-width:768px) and (max-width:1920px)
{   
    .table-contents .table-scroll{overflow: hidden;}
    .table-contents span.m-swipe-view{display: none;}
    .table-contents div.m-only {display: none}
    .table-contents {max-width:100%}
    .table-contents .table-scroll table{width:100%;}
    
    .table-contents-2 .table-scroll{overflow: hidden;}
    .table-contents-2 span.m-swipe-view{display: none;}
    .table-contents-2 div.m-only {display: none}
    .table-contents-2 {max-width:100%}
    .table-contents-2 .table-scroll .table-data{width:100%;} 
    
    .table-contents-3 .table-scroll{overflow: hidden;}
    .table-contents-3 span.m-swipe-view{display: none;}
    .table-contents-3 div.m-only {display: none}
    .table-contents-3 {max-width:100%}
    .table-contents-3 .table-scroll .table-data{width:100%;}
    
    .table-contents-4 .table-scroll{overflow: hidden;}
    .table-contents-4 span.m-swipe-view{display: none;}
    .table-contents-4 div.m-only {display: none}
    .table-contents-4 {max-width:100%}
    .table-contents-4 .table-scroll .table-data{width:100%;}     
    
}