.tree-title{cursor:pointer;display:flex;align-items:center;padding:10px}.tree-title:hover{background-color:#eff4fc}.tree-title.selected .title-wrap{color:#2985db}.tree-title .title-wrap{color:#333;position:relative}.tree-title .title-wrap>span{display:inline-block;padding:0 4px}.tree-title .title-wrap .tree-icon{color:#909090;line-height:1}.tree-title .arrow-icon{cursor:pointer;min-width:20px;font-size:8px;padding:0 6px;transition:transform .25s ease;justify-content:flex-end;color:#909090}.tree-title .arrow-icon.expanded{transform:rotate(-90deg)}.tree-contents{transition:all 50s;overflow:hidden;visibility:hidden}.tree-contents.open{visibility:visible}.transfer-view{border:1px solid #d6d6d6;border-radius:4px;width:800px;height:800px;display:flex;align-items:center}.transfer-view .trans-left{border:1px solid #d6d6d6;width:40%;height:100%}.transfer-view .trans-left .list-wrapper{height:100%;overflow-y:auto}.transfer-view .trans-left .list-wrapper .level-0>.tree-title{background-color:#f2f2f2}.transfer-view .trans-middle{padding:10px}.transfer-view .trans-right{flex-grow:1;height:100%}.transfer-view .trans-right .result-wrapper{border:1px solid #d6d6d6;width:100%;height:100%}.transfer-view .trans-right .result-wrapper .result-item{padding:10px}.transfer-view .parts{display:flex;justify-content:space-between;padding-left:5px;text-align:center}.transfer-view .parts span{min-width:200px}.transfer-view .parts.header{background-color:#f2f2f2}