@charset "UTF-8";
@import url("https://use.typekit.net/mqi4snr.css");

body{
    font-family: "Graphie", "Noto Sans KR", "Nanum Gothic", "Malgun Gothic", "Open Sans", "Gothic", "Arial", sans-serif;
    font-size:16px;
    color:#000;
}
a:link, a:visited{ text-decoration:none; }
a:hover, a:focus { font-weight:bold; }
img { vertical-align:top; }
select { height:26px; }
.center{
    width:1260px;
    margin:0 auto;
}
.blind{
    position:absolute;
    left:-9999em;
}
table>caption.blind{
    position:static;
    text-indent:-9999em;
    height:0px;
}
.clear:after{
    content:'';
    display:block;
    clear:both;
}
.mb_view { display:none; }
.pc_view { display:block; }
table .mb_view { display:none; }
table .pc_view { display:table-cell; }
.up { color:#f94f4f; }
.down { color:#002269; }
.same { color:#666; }
.em { background:#eeeeee; }


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

.name {
    font-weight:500;
    font-size: 24px;
}
.code_num { margin-left:5px; }

.current {
    margin:15px 0 10px 0;
    font-size:48px;
    font-weight:600;
}
.per_updown>dt,
.per_updown>dd {
    float:left;
    font-weight:600;
}
.per_updown>dd:nth-child(2) {
    margin-right:5px;
    padding-left:15px;
}

@media all and (max-width:768px) {
    .name {
        font-weight:500;
        font-size: 18px;
    }
}