@charset "utf-8";
body{
    font-family:"Malgun Gothic", "Open Sans", "Gothic", "Arial", sans-serif;
    font-size: 24px;
    color:#333;
}
a:link, a:visited{
    color:#1e1e1e;
    text-decoration:none;
}
a:hover, a:focus{
    font-weight:bold;
}
img{
    vertical-align:top;
}
.center{
    width: 100%;
    max-width: 1260px;
    margin:0 auto;
}
.blind{
    position:absolute;
    left:-9999em;
}
.clear:after{
    content:'';
    display:block;
    clear:both;
}
.mb_view{
    display:block;
}
.pc_view{
    display:none;
}
.up{
    color:#c32530;
}
.down{
    color:#1f5abf ;
}
.same{
    color:#16b464;
}

/* main */
.container{
    width:100%;
    padding:3%;
    box-sizing:border-box;
    font-weight:bold;
}
.name{
    float:left;
    width:70%;
    font-size: 36px;
}
.date{
    width:30%;
    margin-top:6px;
    text-align:right;
    float:right;
    box-sizing:border-box;
    color:#bbb;
    font-size: 18px;
}
.code_name, .line{
    font-size: 36px;
    color:#000;
}
.line{
    margin:0 10px;
    color:#999;
}
.code_num { color:#999; }
#quote_chart { margin: 5% 0; }
#cur_chart_box5>span{
    display:inline-block;
    width:50%;
    text-align:center;
    font-size: 60px;
    float:left;
    letter-spacing:0.07em;
}
#cur_chart_box5>div{
    width:50%;
    margin-top:20px;
    float:right;
    font-size:40px;
    text-align:right;
}
#cur_chart_box5>div img {
    width:auto;
    height:20px;
    margin-top:24px;
}
#chart_img {
    width:100%;
    height: auto;
    max-height: 400px;
}