@charset "euc-kr";
@font-face{
    src: url("/font/MBC_NEW_OTF_L.otf");
    font-family: 'mbcL';
}
@font-face{
    src: url("/font/MBC_NEW_OTF_M.otf");
    font-family: 'mbcM';
}
@font-face{
    src: url("/font/MBC_NEW_OTF_B.otf");
    font-family: 'mbcB';
}

.cf:after{
    content: "";
    display: block;
    clear: both;
}
*{ margin:0;padding:0; }
html,body{ width:100%; height:100%; }
a {text-decoration: none; outline: none}
a:hover, a:active {text-decoration: none;}
body { overflow: hidden; background-color: #000; font-family: 'mbcL';}

.title-wrap{
    background-color: #222;
    height: 48px;
    line-height: 48px;
    position: relative;
    margin-bottom: 8px;
}
.title-wrap a{
    font-size: 12px;
    color: #8CC8FF;
    position: absolute;
    left: 16px;
}
.title-wrap a img{
    vertical-align: middle;
    margin-right: 8px;
}
.svg_title{
    font-size: 16px;
    color: #fff;
    text-align: center;
}
svg{
    width: 499px;
    height: 364px;
    transform-origin: top left;
}

svg polygon{ cursor:pointer; }
svg polygon.sel{ stroke:#000;stroke-width:2px;fliter:url(#f1); }
.green{fill:rgb(128,240,0);}
.yellow{fill:rgb(255,255,0);}
.red{fill:rgb(255,0,0);}
.none{fill:rgb(192,192,192);}
.etc{fill:rgb(0,0,0);}

.desc{
    font-size: 12px;
    color: #fff;
    margin-top: 4px;
}

.info_wrap{ 
    width:100%;
    height:300px; 
    box-sizing:border-box;
    color:#fff;
    margin-top: 12px;
}


html, body {
    width:100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
section.sum{
    width:calc(100% - 32px);
    max-width: 622px;
    height:calc(100% - 80px);
    margin: 0 auto;
}
.now{
    font-size: 14px;
    color: #fff;
    text-align: right;
    margin-bottom: 8px;
}
.now.pc{
    float: right;
    margin-top: -2px;
    margin-right: 4px;
}
.now #ms{
    font-size: 10px;
}
.sum_wrap{
    margin-top: 16px;
    height: 100%;
}

#frmList{
    width: 100%;
    height: calc(100% - 100px);
}