@charset "utf-8";
body{
    font-family:"Montserrat", "Noto Sans KR", sans-serif;
    font-size:15px;
}
body:after { display:none !important; }
a:link, a:visited{ text-decoration:none; }
a:hover, a:focus { font-weight:bold; }
img { vertical-align:top; }
table { border-bottom-color:#666; }
thead, tfoot, dt { background:transparent; }
th, td, dt, dd { padding:20px 0; }
th, td { vertical-align:middle;}
td {
    padding-right:0;
    text-align:center;
}
dt, th { font-weight:600; }

/* Common Css Initial */
#ohlv>dl, th, td { border-right:none; }

.center{
    width:1260px;
    margin:0 auto;
}
.blind{
    position:absolute;
    left:-9999em;
}
.clear:after{
    content:'';
    display:block;
    clear:both;
}
.mb_view { display:none; }
.pc_view { display:block; }
.up { color:#f04c49; }
.down { color:#0056a8; }
.same { color:#1D9D5C; }
.em {
    background:transparent;
    color:#349b7d;
    font-weight:600;
}

/****** 공통 주가 박스 ******/
h1 {
    float:left;
    font-size:24px;
    font-weight:700;
}
.trade_time {
    margin-top:8px;
    float:right;
    color:#999;
    font-size:14px;
}

#current {
    margin:15px 0 60px 0;
    border:1px solid #ccc;
    padding:40px 0;
}
#current>h2,
#current>dl {
    width:33.333333%;
    float:left;
    text-align:center;
    box-sizing:border-box;
}
#current>h2 {
    width:40%;
    font-weight:500;
}
#current>.close { width:35%; }
#current>.updown { width:25%; }

.code_name {
    margin-top:25px;
    border-right:1px solid #ccc;
    font-size:26px;
    font-weight:500;
}
.close { margin-top:13px; }
.num_close {
    padding:0;
    padding-left:30px;
    font-size:44px;
    font-weight:800;
}
.num_close>span { position:relative; }
.num_close>span:before{
    content:'';
    position:absolute;
    left:-35px;
    top:20px;
    width:28px;
    height:15px;
}
.num_close.up>span:before { background:url(../images/mark_up2.gif) no-repeat center; }
.num_close.down>span:before { background:url(../images/mark_down2.gif) no-repeat center; }
.num_close.down>span:before { display:none; }

/* 전일대비, 등락률 */
.updown>dt,
.updown>dd {
    width:50%;
    padding:10px 0;
    line-height:24px;
    float:left;
    font-size:16px;
    font-weight:600;
}

td>span,
dd>span { position:relative; }
td>span:before,
dd>span:before{
    content:'';
    display:block;
    position:absolute;
    left:-15px;
    top:8px;
    width:11px;
    height:6px;
    background-size:contain;
}
td.up>span:before,
dd.up>span:before { background:url(../images/mark_up1.gif) no-repeat center; }
td.down>span:before,
dd.down>span:before { background:url(../images/mark_down1.gif) no-repeat center; }
td.same>span:before,
dd.same>span:before { display:none; }

/* 시,고,저가 & 거래량 테이블 */
#ohlv { border-bottom-color:#666; }
#ohlv dt,
#ohlv dd { font-size:16px; }

/* 전일가, 인덱스 테이블 */
#wrap_index { margin:60px 0; }
#wrap_index>div {
    float:left;
    width:48%;
}
#wrap_index>div:first-child { margin-right:4%; }

.tb_index dd:nth-child(2).up {
    background:url(../images/index_up2.gif) no-repeat center;
    background-size:auto 90px;
}
.tb_index dd:nth-child(2).down {
    background:url(../images/index_down2.gif) no-repeat center;
    background-size:auto 90px;
}
.tb_index dd:nth-child(2).same {
    background:url(../images/index_same2.gif) no-repeat center;
    background-size:auto 90px;
}

.tb_index {
    border-top:2px solid #666;
    border-bottom:1px solid #666
}
.tb_index>dl {
    width:33.33333%;
    float:left;
}
.index_name {
    border-bottom:1px solid #ccc;
    font-weight:600;
    font-size:16px;
    line-height:25px;
}
.index_arrow {
    height:172px;
    padding:0;
}
.index_updown {
    padding-top:10px;
    font-weight:600;
}
.index_updown span:before { display:none; }
.index_close { font-size:18px; }

.min_date { width:15%; }
.min_stock,
.min_change,
.min_updown,
.min_contract,
.min_volume { width:17%; }
.min_change { padding-left:10px;  }

/****** 일자별시세 ******/
#chart_daily { margin:60px 0; }
.btn_check {
    margin-bottom:20px;
    text-align:right;
    font-size:14px;
}
.btn_check label { margin-right:10px; }
.btn_check label:last-of-type{ margin-right:0; }

/****** 재무정보 ******/
#fnchart_area {
    border:none;
    padding-bottom:60px;
}
.right_item {
    margin-bottom:20px;
    color:#999;
}
.legend {
    margin:20px 0 0 0;
    padding:0;
    background:transparent;
}
.legend li {
    width:100%;
    float:none;
    text-align:center;
}
.legend li>span { font-size:14px; }
.legend li>span:last-child { margin-right:0; }

.fn_list th{ font-size:16px; }

/****** 공시 ******/
.notice_tb th { font-size:16px; }
.notice_tb>tbody .title {
    padding-left:10px;
    text-align:left;
}
#dart {
    margin-top:10px;
    text-align:right;
}


/****** 페이징 ******/
#_uiPaging li {
    min-width:30px;
    border-radius:30px;
    background-color:transparent;
}
#_uiPaging li._uiOn {
    background:#349b7d;
    font-weight:600;
}
#_uiPaging li>a { color:#999; }
#_uiPaging li>a:hover,
#_uiPaging li>a:focus {
    background-color:transparent;
    color:#349b7d;
    font-weight:normal;
}
#_uiPaging li._uiBtn,
#_uiPaging li._uiBtn>a { background-color:transparent; }
#_uiPaging li._uiFirst { background-image:url(../images/btn_first_b.png); }
#_uiPaging li._uiFirst>a { background-image:url(../images/btn_first_b.png); }
#_uiPaging li._uiPrev { background-image:url(../images/btn_prev_b.png); }
#_uiPaging li._uiPrev>a { background-image:url(../images/btn_prev_b.png); }
#_uiPaging li._uiNext { background-image:url(../images/btn_next_b.png); }
#_uiPaging li._uiNext>a { background-image:url(../images/btn_next_b.png); }
#_uiPaging li._uiLast { background-image:url(../images/btn_last_b.png); }
#_uiPaging li._uiLast>a { background-image:url(../images/btn_last_b.png); }
#_uiPaging li._uiBtn>a:hover,
#_uiPaging li._uiBtn>a:focus { background-color:transparent; }

@media all and (max-width:940px) {
    .index_close { font-size:17px; }
    .index_arrow { height:174px; }
}
@media all and (max-width:900px) {
    body { font-size:14px; }

    .pc_view { display:none; }
    .mb_view { display:block; }

    /* 공통 주가 */
    #current {
        margin:15px 0 30px 0;
        padding:20px 0;
    }
    #current>h2 {
        width:100%;
        margin-top:0;
        border-right:none;
        font-size:20px
    }

    #current>dl { margin-top:20px; }
    #current>.close {
        width:50%;
    }
    .num_close {
        margin-top:10px;
        font-size:30px;
    }
    .num_close>span:before { top:12px; }

    #current>.updown {
        width:50%;
    }
    .updown>dt,
    .updown>dd {
        padding:2px 0;
        font-size:14px;
    }

    /* 시,고,저가 / 거래량 */
    #ohlv dt,
    #ohlv dd { font-size:14px; }

    /* 전일가, 인덱스 테이블 */
    #wrap_index { margin:30px 0; }
    #wrap_index>div {
        width:100%;
        float:none;
    }
    #wrap_index>div.mb_view {
        margin-right:0;
        margin-bottom:30px;
    }
    #wrap_index th {
        text-align:left;
        padding-left:15px;
    }
    #wrap_index td {
        text-align:right;
        padding-right:15px;
    }

    .index_name {
        font-size:14px;
        line-height:21px;
    }
    .index_arrow { height:120px; }
    .tb_index dd:nth-child(2).up,
    .tb_index dd:nth-child(2).down,
    .tb_index dd:nth-child(2).same { background-size:auto 70px; }
    .index_close { font-size:14px; }
    .index_updown { padding-top:0; }

    /* 차트 */
    #chart_coc { margin-bottom:30px; }

    /* 시간대별시세 */
    #btn_check { margin-bottom:10px; }
    .tb_minute th { width:25%; }

    /* 일자별시세 */
    .tb_daily th { width:25%; }
    #chart_daily { margin:30px 0; }

    /* 재무정보 */
    #fnchart_area { padding:30px 0; }
    .right_item { margin:0 0 20px 0; }
    .legend li>span {
        display:inline-block;
        margin-right:5px;
        margin-bottom:0;
    }
    .legend li>span:last-child { margin-right:0; }

    .fn_list th { font-size:14px; }
    .fn_list th:nth-child(4),
    .fn_list td:nth-child(4) { display:none; }
    .fn_list th:nth-child(2),
    .fn_list td:nth-child(2),
    .fn_list th:nth-child(3),
    .fn_list td:nth-child(3) { display:table-cell; }


    /* 페이징 */
    #_uiPaging li {
        width:24px;
        min-width:24px;
        margin-right:12px;
        border-radius:12px;
        line-height:24px;
    }
}











/*  */