@charset "utf-8";



/* ****************** svg css ****************** */
.svg-area { background-color: #fff; position: relative; display: table; table-layout: fixed; width: 100%; height: 710px; border: 1px solid #dee3eb;}


/* 텍스트 직접입력 버튼  커스텀 */
.collapse-area { position: absolute; top: 0; right: 0; width: 300px; }
.collapse { position: relative; background: #fff; padding: 10px; width:100%; overflow-y: scroll;-ms-overflow-style: none; scrollbar-width: none; border-top: 1px solid #dee3eb; border-right: 1px solid #dee3eb; border-left: 1px solid #dee3eb;}
.collapse.hide { display: none; }
.collapse::-webkit-scrollbar { display: none; }
.collapse h3.title { font-size: 14px; padding-bottom: 10px; }
.collapse ul li { margin-bottom: 7px; }
.collapse ul li:last-child { margin-bottom: 0; }
.collapse ul li .url-link { display: inline-block; vertical-align: middle; font-size: 17px !important; margin-right: 2px; margin-top: -1px; cursor: pointer; color: #7889a5; }
.collapse ul li .tit-h { background: #dee3eb;} 
.collapse ul li .tit-h a { display: inline-block; font-size: 13px; padding: 2px 5px; background: #dee3eb; font-weight: 500; color: #324361; }
.collapse ul li .tit-h a:hover { text-decoration: underline; }
.collapse ul li .txt { position: relative; padding: 2px 5px; border: 1px solid #dee3eb; font-size: 12px; font-weight: 400; }
.collapse ul li .txt .elps { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.collapse ul li .txt:hover .elps { text-overflow: inherit; white-space: normal; } /* TODO overflow 옵션을 제거시켜둠. */
.collapse ul li .txt .tooltip { display: none; position: absolute; top: 100%; left: 0; color: #fff; background: rgba(13,8,39,0.8); padding: 5px; border-radius: 3px; max-height: 90px; overflow-y:auto;-ms-overflow-style: none; scrollbar-width: none; z-index: 10; }
.collapse ul li .txt .tooltip::-webkit-scrollbar { display: none; }
.collapse ul li .txt:hover .tooltip { display: block; }
.collapse-button { text-align: center; background: #dee3eb; font-size:12px !important; cursor: pointer; }
.collapse-button .material-icons.arrow { position: relative; font-size:14px; font-weight:bold; top: 3px; transform:rotate(180deg); }