html, body { margin: 0; padding: 0; height: 100%; width: 100%; overflow: hidden; }
#frame { position: relative; margin-top: 0; margin-left: 0; width: 100%; height: 100%; overflow: hidden; min-width: 800px; min-height: 600px; }

#map { position: absolute; top: 80px; left: 330px; right: 0; bottom: 0; overflow: hidden; background-color: #000; }
#map div#mapTile { position: absolute; }
#map div#mapTile img { position: absolute; width: 256px; height: 256px; display: none; }
#map div#mapTile img.bg { position: absolute; top: -6784px; left: -9600px; width: 100%; height: 100%; display: inline; image-rendering: optimize-contrast; image-rendering: optimizeSpeed;  image-rendering: -webkit-optimize-contrast;  image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor; }

#map div#mapCanvas { position: absolute; z-index: 1; }

ul.commaSep li:before { content: ", "; }
ul.commaSep li:first-child:before { content: ""; }


ul.ui-autocomplete { z-index: 8; max-height: 300px; width: 218px !important; overflow: auto; }

.nano .nano-pane   { background: #888; }
.nano .nano-slider { background: #111; width: 8px; }

.unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

/* ============================== Alert, Confirm window ============================== */
#bgBlocker { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; opacity: 0.7; background-color: #000; z-index: 9; }

#alertWindow, #confirmWindow { position: fixed; max-width: 95%; max-height: 95%; display: none; border-radius: 10px; padding: 10px; background-color: #fff; z-index: 99; font-size: 14px; }
#alertWindow > h2, #confirmWindow > h2 { font-size: 16px; line-height: 20px; line-height: 24px\9\0; height: 20px; text-align: center; border: 1px solid #f00; border-radius: 10px; background-color: #fcbfc9; margin-bottom: 5px; cursor: default; display: block; float: none; font-weight: bold; overflow: hidden; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#alertWindow > h2, #confirmWindow > h2 { line-height: 24px; }
}
#alertWindow > p, #confirmWindow > p { font-size: 13px; line-height: 15px; padding: 5px; margin: 0; }
#alertWindow > div, #confirmWindow > div { margin-top: 5px; line-height: 14px; font-size: 12px; text-align: center; display: block; float: none; }
#alertWindow > div > a,
#noteFormWrite > div.noteControl > a,
#confirmWindow > div > a { display: inline-block; width: 100px; font-weight: bold; text-decoration: none; color: #f36; text-shadow: 1px 1px 1px #666; border-radius: 5px; border: 1px solid #f00; line-height: 20px; line-height: 24px\9\0; height: 20px; overflow: hidden; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#alertWindow > div > a, #confirmWindow > div > a { line-height: 24px; }
}
#alertWindow > div > a:hover,
#noteFormWrite > div.noteControl > a:hover,
#confirmWindow > div > a:hover { color: #30c; text-decoration: underline; text-shadow: 1px 1px 3px #000; border-color: #63f; }
#alertWindow > div span.note { display: block; height: 14px; color: #848484; line-height: 14px; line-height: 18px\9\0; text-align: center; margin: -7px 0 -5px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#alertWindow > div span.note { line-height: 18px; }
}
#alertWindow > div span.note {}

#shareNoteURLform { display: block; float: none; }
#shareNoteURLform #shareNoteURL  { width: 470px; }
#shareNoteURLform #shareNoteURL + p { display: block; float: none; }

/*
 * note write
 */
#alertWindow > div#noteFormWrite { width: 300px; }
#noteFormWrite > div { width: 300px; clear: both; display: block; }
#noteFormWrite > div.noteForm > label { display: block; float: left; margin-right: 10px; margin-bottom: 5px; width: 30px; height: 20px; line-height: 20px; line-height: 24px\9\0; overflow: hidden; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#noteFormWrite > div.noteForm > label { line-height: 24px; }
}
#noteFormWrite > div.noteForm > input[type="text"] { width: 256px; margin-bottom: 5px; }
#noteFormWrite > div.noteForm > textarea { display: block; width: 253px; margin-bottom: 5px; }
#noteFormWrite > div.noteImgs > form { width: 150px; }
#noteFormWrite > div.noteImgs label { display: block; float: none; width: 146px; margin: 1px; height: 113px; line-height: 20px; line-height: 24px\9\0; overflow: hidden; cursor: pointer; text-align: center; border: 1px solid #9d9d9d; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#noteFormWrite > div.noteImgs label { line-height: 24px; }
}
#noteFormWrite > div.noteImgs label:hover { border: 1px solid #fe9999; }
#noteFormWrite > div.noteImgs label span { display: block; width: 136px; height: 83px; margin: 0 auto; }
#noteFormWrite > div.noteImgs input[type="file"] { display: none; }
#noteFormWrite > div.noteImgs input[type="text"] { margin: 1px; width: 144px; }
#noteFormWrite > div.noteImgs label span img { vertical-align: middle; max-width: 119px; max-height: 83px }

#noteFormWrite > div.noteIcon { margin-top: 10px; }
#noteFormWrite > div.noteIcon ul {  width: 100%; overflow: hidden; margin-bottom: 5px; }
#noteFormWrite > div.noteIcon ul li {  }
#noteFormWrite > div.noteIcon ul li.custom { /*padding-left: 60px;*/ }
#noteFormWrite > div.noteIcon ul li span,
#noteFormWrite > div.noteIcon ul li a { display: block; height: 20px; width: 20px; border: 1px solid #333333; margin: 3px; background-color: #b5b5b5; }
#noteFormWrite > div.noteIcon ul li a:hover { background-color: #2a2a2a; }
#noteFormWrite > div.noteIcon ul li a.dark:hover { background-color: #eeeeee; }
#noteFormWrite > div.noteIcon ul li span.previewIcon { display: block; width: 36px; height: 36px; border: 1px solid #333333; margin: 6px 3px; background-color: #b5b5b5; }
#noteFormWrite > div.noteIcon ul li span.label { border: 0; padding: 1px; line-height: 20px; line-height: 24px\9\0; background-color: transparent; border-color: transparent; text-align: center; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#noteFormWrite > div.noteIcon ul li span.label { line-height: 24px; }
}
#noteFormWrite > div.noteIcon ul li span em,
#noteFormWrite > div.noteIcon ul li a em { display: block; height: 12px; width: 12px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 2px solid #000000; background-color: #f00; text-indent: -99em; margin: 2px; position: relative; }
#noteFormWrite > div.noteIcon ul li span.previewIcon em { height: 24px; width: 24px; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-width: 4px; }
#noteFormWrite > div.noteIcon ul li a.pointer1 em { background-color: #ff0000; border-color: #ff0000; }
#noteFormWrite > div.noteIcon ul li a.pointer2 em { background-color: #ffff00; border-color: #ffff00; }
#noteFormWrite > div.noteIcon ul li a.pointer3 em { background-color: #0ff000; border-color: #00ff00; }
#noteFormWrite > div.noteIcon ul li a.pointer4 em { background-color: #0000ff; border-color: #0000ff; }
#noteFormWrite > div.noteIcon ul li a.pointer5 em { background-color: #ff00ff; border-color: #ff00ff; }
#noteFormWrite > div.noteIcon ul li a.pointer6 em { background-color: #00ffff; border-color: #00ffff; }
#noteFormWrite > div.noteIcon ul li a.pointer7 em { background-color: #ffffff; border-color: #ffffff; }
#noteFormWrite > div.noteIcon ul li a.pointer8 em { background-color: #000000; border-color: #000000; }
#noteFormWrite > div.noteIcon ul li a.ring1 em { background-color: transparent; border-color: #ff0000; }
#noteFormWrite > div.noteIcon ul li a.ring2 em { background-color: transparent; border-color: #ffff00; }
#noteFormWrite > div.noteIcon ul li a.ring3 em { background-color: transparent; border-color: #0ff000; }
#noteFormWrite > div.noteIcon ul li a.ring4 em { background-color: transparent; border-color: #0000ff; }
#noteFormWrite > div.noteIcon ul li a.ring5 em { background-color: transparent; border-color: #ff00ff; }
#noteFormWrite > div.noteIcon ul li a.ring6 em { background-color: transparent; border-color: #00ffff; }
#noteFormWrite > div.noteIcon ul li a.ring7 em { background-color: transparent; border-color: #ffffff; }
#noteFormWrite > div.noteIcon ul li a.ring8 em { background-color: transparent; border-color: #000000; }
/*#noteFormWrite > div.noteIcon ul li a.pointer:after { content: ""; display: block; overflow: hidden; height:0; border-bottom: 1px solid #333333;  bottom: -3px; right: -5px; left: -5px; margin-bottom: -1px; position: absolute; }
#noteFormWrite > div.noteIcon ul li a.pointer9 { }
#noteFormWrite > div.noteIcon ul li a.pointer9:after { left: -65px; }
#noteFormWrite > div.noteIcon ul li a.pointer9:before { content: "색상선택"; display: block; text-indent: -63px; }*/

#noteFormWrite > div.noteControl { text-align: center; }
#noteFormWrite > div.noteControl > a { width: 80px; margin: 5px 10px; }
#noteFormWrite input#frmNoteOpen { display: none; }
#noteFormWrite input#frmNoteOpen + label { line-height: 15px; height: 15px; line-height:19px\9\0; display: inline-block; margin: 9px 10px 8px; padding-left: 18px; overflow: hidden; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/checkbox_15x15_1a.png') left top no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#noteFormWrite input#frmNoteOpen + label { line-height: 19px; }
}
#noteFormWrite input#frmNoteOpen:checked + label { background-position: 0 -15px; }

#positionInput { display: block; clear: both; float: none; }
#positionInput input[type="text"] { width: 100px; }

/* ============================== Top area Part ============================== */
#topArea { position: absolute; top: 0; left: 0; right: 0; height: 80px; overflow: hidden; z-index: 1; }
#topArea > div.logo { height: 50px; width: 100%; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bg_top_header_2x50_black_1a.png') left top repeat-x; }
#topArea > div.logo > a.logo { display: block; position: relative; height: 50px; width: 100%; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bg_top_header_logo_1127x50.png?v=151217a') left top no-repeat; text-indent: -99em; }
#topArea > div.logo > a.logo > span#coordInfoText { position: absolute; display: block; color: #ffffff; right: 10px; top: 0px; line-height: 20px; text-indent: 0; }
#topArea > div.logo > a.report { display: inline-block; position: absolute; color: #ffffff; right: 10px; top: 0; height: 50px; line-height: 50px; line-height: 54px\9\0; overflow: hidden; }
#topArea > div.logo > a.report:hover { color: #ffd339; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#topArea > div.logo > a.report { line-height: 54px; }
}
#topArea > div.toggle { height: 30px; width: 100%; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bg_header_togglemenu_12x30_black_1a.png') left top repeat-x; }
#topArea > div.toggle ul { height: 30px; }
#topArea > div.toggle ul li { float: left; padding: 0; margin: 0 18px 0 6px; height: 38px; }
#topArea > div.toggle ul li input[type="checkbox"] { display: none; }
#topArea > div.toggle ul li label { display: block; padding-left: 18px; height: 15px; margin-top: 8px; line-height: 17px; line-height: 21px\9\0; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/checkbox_15x15_1a.png') left top no-repeat; color: #e1e1e1; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#topArea > div.toggle ul li label { line-height: 21px; }
}
#topArea > div.toggle ul li label a { display: inline-block; width: 97px; height: 20px; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bttn_sharememo_onoff_97x20_1a.png') left -20px no-repeat; text-indent: -999em; overflow: hidden; vertical-align: middle; margin-top: -3px; }
#topArea > div.toggle ul li label a:hover { color: #fafa00; }
#topArea > div.toggle ul li input[type="checkbox"]:checked + label { background-position: 0 -15px; }

#topArea > div.toggle > span.toggleController { display: block; float: right; height: 20px; margin: 5px 10px 5px 0;  width: 116px; }
#topArea > div.toggle > span.toggleController a { display: block; width: 100%; height: 100%; text-indent: -99em; overflow: hidden; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bttn_contoller_onoff_116x20_1a.png') left top no-repeat; }
#topArea > div.toggle > span.toggleController a.control-on { background-position: 0 -20px; }

#topArea > div.toggle > span.toggleMonsterLabel { display: block; float: right; height: 20px; margin: 5px 10px 5px 0;  width: 90px; }
#topArea > div.toggle > span.toggleMonsterLabel a { display: block; width: 100%; height: 100%; text-indent: -99em; overflow: hidden; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bttn_monsterlabel_onoff_90x20_1a.png') left top no-repeat; }
#topArea > div.toggle > span.toggleMonsterLabel a.monsterlabel-on { background-position: 0 -20px; }

/* ============================== Left Menu Part ============================== */
#leftArea { position: absolute; top: 80px; left: 0; bottom: 0; width: 329px; height: auto; background-color: #f3f3f3; border-right: 1px solid #000000; z-index: 1; }
#leftArea div.pane { width: 290px; padding: 15px 19px 15px 20px; border-bottom: 1px solid #929292; }

#leftArea #searchMenus > div.searchmenus-top { height: 22px; width: 100%; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/txt_searchtype_bg_1a.png') left top no-repeat; }
#leftArea #searchMenus > div.searchmenus-top a { display: block; float: right; clear: both; width: 65px; height: 22px; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bttn_reset_65x22_1a.png') left top no-repeat; text-indent: -99em; overflow: hidden; }
#leftArea #searchMenus > div.searchmenus-top a:hover { background-position: 0 -22px; }
#leftArea #searchMenus > div.searchmenus { height: 30px; width: 100%; margin-top: 12px; }
#leftArea #searchMenus > div.searchmenus ul { width: 290px; height: 30px; position: relative; }
 
#leftArea #searchMenus > div.searchmenus ul li { width: 95px; height: 30px;}
#leftArea #searchMenus > div.searchmenus ul li:hover { z-index: 1; }
#leftArea #searchMenus > div.searchmenus ul li a { display: block; height: 30px; width: 100%; text-align: center; overflow: hidden; background: #ffffff; border: 1px solid #5d4025; font-weight: bold; line-height: 30px; text-decoration: none;}
#leftArea #searchMenus > div.searchmenus ul li a:hover,
#leftArea #searchMenus > div.searchmenus ul li a.selected { background: #5d4025; color: #ffffff; }
 
#leftArea div.pane input[type="button"] { display: block; float: left; margin-left: 7px; padding: 0; width: 59px; height: 28px; border: 1px solid #909090; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bttn_search_normal_1a.png') center center no-repeat; cursor: pointer; }
#leftArea div.pane input[type="button"]:hover { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bttn_search_over_1a.png'); }
#leftArea div.pane input[type="text"] { display: block; clear: left; float: left; margin: 0; padding: 6px; width: 210px; height: 14px; border: 1px solid #9d9d9d; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea > div.pane input[type="text"] { padding: 8px 6px 4px; }
}

#leftArea #searchnode > div { width: 100%; }
#leftArea #searchnode #addNode,
#leftArea #searchnode a.removeNode{ display: block; float: right; margin-top: 5px; padding: 1px 5px; width: 48px; height: 24px; line-height: 24px; line-height: 28px\9\0; border: 1px solid #909090; color: #909090; overflow: hidden; text-decoration: none; background-color: #ffffff; text-align: center; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea #searchnode #addNode,
	#leftArea #searchnode a.removeNode { line-height: 28px; }
}
#leftArea #searchnode #addNode:hover,
#leftArea #searchnode a.removeNode:hover { color: #3e8de9; border-color: #3e8de9; }
/*#leftArea #searchnode a.removeNode { margin: 5px 0 0 0; height: 26px; line-height: 30px\9\0; float: right; padding: 0; }*/

#leftArea #searchnode > div.node { }
#leftArea div.searchList { width: 288px; overflow: auto; display: none; background-color: #ffffff; }
#leftArea div.searchList p { display: block; padding: 0; margin: 0; height: 20px; line-height: 20px; line-height: 24px\9\0; font-weight: bold; font-size: 14px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea div.searchList p { line-height: 24px; }
}
#leftArea div.searchList p.borderTop { border-top: 1px solid #909090; height: 19px; }
#leftArea div.searchList p.borderTop select { float: right; }
#leftArea div#nodecalc_result { }
#leftArea div.searchList ul { display: block; float: none; width: 100%; position: relative; overflow: auto; }
/*#leftArea #searchnode div#nodecalc_result ul { max-height: 100px; overflow: auto; }*/
#leftArea div.searchList li { clear: both; display: block; float: none; height: 20px; line-height: 20px; padding-left: 10px; overflow: hidden; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea div.searchList li { line-height: 21px; }
}
#leftArea div.searchList li:hover { font-weight: bold; letter-spacing: -1px; }
#leftArea div.searchList li a { color: #3e8de9; }
#leftArea div.searchList div.searchList li:hover a,
#leftArea div.searchList ul.subNodes dl dd:hover a { font-weight: bold; letter-spacing: -1px; }
#leftArea div.searchNodeList ul.resultNodes  { margin-bottom: 10px; }
#leftArea div.searchNodeList ul.resultNodes li:first-child { font-weight: bold; letter-spacing: -1px; }
#leftArea div.searchNodeList ul.resultNodes span.floatRight { float: right; color: #797979; }
#leftArea div.searchNodeList ul.subNodes { }
#leftArea div.searchList ul.subNodes li,
#leftArea div.searchList ul li { height: auto; }
#leftArea div.searchNodeList ul.subNodes li:hover,
#leftArea div.searchNodeList ul.subNodes li:hover a { font-weight: normal; letter-spacing: 0; }
#leftArea div.searchNodeList ul.tradeItems > dl { width: 100%; }
#leftArea div.searchNodeList ul.tradeItems dd.traderItemInfo { height: auto; }
#leftArea div.searchNodeList ul.tradeItems dd.traderItemInfo li { padding-left: 0; font-weight: normal !important; letter-spacing: 0 !important; }
#leftArea div.searchList dl { display: block; float: none; height: auto; }
#leftArea div.searchList dl dt,
#leftArea div.searchList dl dd { display: block; float: none; margin: 0; padding: 0; height: 20px; background: none; overflow: hidden; line-height: 20px; line-height: 24px\9\0; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea div.searchList dl dt,
	#leftArea div.searchList dl dd { line-height: 24px; }
}
#leftArea div.searchList dl dt a { font-weight: bold !important; }
#leftArea div.searchList dl dd { padding-left: 20px; }

#leftArea #searchnode > div.nodecalc span { display: block; height: 16px; overflow: hidden; line-height: 16px; margin-top: 10px; font-weight: bold; color: #444444; text-indent: 24px; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bg_searchnode_16x16.png') left top no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea #searchnode > div.nodecalc span { line-height: 20px; }
}
#leftArea #searchnode > div.nodecalc input[type="text"] { margin-top: 5px; }
#leftArea #searchnode > div.nodecalc input[type="button"] { position: absolute; margin-top: 5px; right: 20px;}
#leftArea #searchnode > div.note { margin-top: 8px; color: #e64c1c; }

#leftArea ul.subNodes dl dd.nodeicon { padding-left: 44px; background-position: 21px 1px; background-repeat: no-repeat; background-size: 18px; }
#leftArea ul.subNodes dl dd.nodetype0 { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_0a_on.png?v=20170217c'); }
#leftArea ul.subNodes dl dd.nodetype1 { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_1a_on.pngv=20170217c'); }
#leftArea ul.subNodes dl dd.nodetype2 { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_2a_on.pngv=20170217c'); }
#leftArea ul.subNodes dl dd.nodetype3 { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_3a_on.pngv=20170217c'); }
#leftArea ul.subNodes dl dd.nodetype4 { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_4a_on.pngv=20170217c'); }
#leftArea ul.subNodes dl dd.nodetype5 { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_5a_on.pngv=20170217c'); }
#leftArea ul.subNodes dl dd.nodetype6 { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_6a_on.pngv=20170217c'); }
#leftArea ul.subNodes dl dd.nodetype7 { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_7a_on.pngv=20170217c'); }
#leftArea ul.subNodes dl dd.nodetype8 { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_8a_on.pngv=20170217c'); }
#leftArea ul.subNodes dl dd.nodetype9 { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_9a_on.pngv=20170217c'); }
#leftArea ul.subNodes dl dd.nodetype10 { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_10a_on.png?v=20170217c'); }
#leftArea ul.subNodes dl dd.nodetype11 { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_11a_on.png?v=5'); }

#leftArea #searchhousing { position: relative; }
#leftArea #searchhousing input[type="text"] { width: 276px; background: #ffffff url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bg_select_box.png') 266px center no-repeat; }
#leftArea #searchhousing select { display: block; position: absolute; top: 15px; left: 20px; margin: 0 0 -28px; padding: 6px; width: 290px; height: 28px; border: 1px solid #9d9d9d; opacity: 0; }
#leftArea #searchhousing > div.bottom { margin-top: 10px; }
#leftArea dl { width: 224px; padding: 0; margin: 0; height: 28px; }
#leftArea dl dt { float: left; height: 28px; padding: 0; margin: 0; line-height: 30px; line-height: 34px\9\0; overflow: hidden; font-weight: bold; color: #444444; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bullet_cross_3x3_black.png') left center no-repeat; text-indent: 5px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea #searchhousing dl dt { line-height: 34px; }
}
#leftArea div.searchList dl dt a { color: #e93e3e; }
#leftArea dl dd { float: left; padding: 0; margin: 0 4px; height: 28px; }
#leftArea dl dd input[type="checkbox"],
#leftArea dl dd input[type="radio"] { display: none; }
#leftArea dl dd label { display: block; padding-left: 18px; height: 15px; margin-top: 7px; line-height: 17px; line-height: 21px\9\0; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/checkbox_15x15_1a.png') left top no-repeat; }
#leftArea dl dd input[type="radio"] + label { background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/radio_15x15_1a.png') left top no-repeat; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea dl dd label { line-height: 21px; }
}
#leftArea dl dd input[type="checkbox"]:checked + label,
#leftArea dl dd input[type="radio"]:checked + label { background-position: 0 -15px; }

#leftArea #searchtrade dl { width: 290px; }
#leftArea #searchtrade_result dl dt { white-space: nowrap; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/item/icon_box_64x64.png') left top no-repeat; background-size: 20px; }
#leftArea #searchtrade_result dl dt a { display: inline-block; float: left; background: transparent url('') 1px 1px no-repeat; text-indent: 22px; background-size: 18px; }
#leftArea #searchtrade_result dl dd span.nodata { color: #808080; }
#leftArea #searchtrade {  }

/* ----- 클릭정보 ----- */
#leftArea #detailView { background-color: #ffffff; display: none; }
#leftArea #detailView h3 { display: block; float: none; height: 30px; line-height: 30px; line-height: 34px\9\0; font-weight: bold; overflow: hidden; font-size: 14px; position: relative; text-overflow: ellipsis; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea #detailView h3 { line-height: 34px; }
}
#leftArea #detailView h3 span { display: block; float: left; }
#leftArea #detailView h3 span.icon { width: 28px; height: 28px; margin: 1px; text-align: center }
#leftArea #detailView h3 span.icon img { width: auto; height: 28px; }
#leftArea #detailView h3 span.icon.node img { height: 22px; padding-top: 3px; }
#leftArea #detailView h3 span.title,
#leftArea #detailView h3 a.title { height: 30px; width: 260px; color: #f22200; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#leftArea #detailView h3 a.link { display: block; position: absolute; top: 5px; right: 0; width: 48px; font-size: 11px; height: 18px; line-height: 18px; line-height: 22px\9\0; overflow: hidden; border: 1px solid #909090; text-align: center; text-decoration: none; color: #909090; background-color: #ffffff; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea #detailView h3 a.link { line-height: 22px; }
}
#leftArea #detailView h3 a.link:hover { color: #3e8de9; border-color: #3e8de9; }
#leftArea #detailView > div { overflow: auto; }
#leftArea #detailView > div.nodeInfo,
#leftArea #detailView > div.noteInfo { width: 290px; }
#leftArea #detailView > div.noteInfo input[type="text"] { width: 197px; padding: 2px; }
#leftArea #detailView dl { display: block; float: none; width: 100%; }
#leftArea #detailView dl > * { float: left; height: 20px; line-height: 20px; line-height: 24px\9\0; overflow: hidden; background: none; padding: 0; margin: 0; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea #detailView dl > * { line-height: 24px; }
}
#leftArea #detailView dl dt { width: 30%; font-weight: normal; color: #5c5c5c; }
#leftArea #detailView dl dt:after { content: "|"; display: block; width: 10px; text-align: center; float: right; padding-right: 10px; }
#leftArea #detailView dl dd { width: 70%; }
#leftArea #detailView dl dd xmp { display: block; white-space: pre-wrap; padding: 0; margin: 0; line-height: 18px; }

#leftArea #detailView dl .desc { height: auto; }
#leftArea #detailView dl .wide { width: 100%; border-top: 1px solid #909090; }
#leftArea #detailView dl dt.wide:after { content: ''; display: none; }
#leftArea #detailView dl .mTop { margin-top: 10px; }
#leftArea #detailView dl .pTop { padding-top: 10px; }
#leftArea #detailView dl .bTop { border-top: 1px solid #909090; }
#leftArea #detailView dl .bBottom { border-bottom: 1px solid #909090; }
#leftArea #detailView dl .desc ul.list li { clear: left; }
#leftArea #detailView dl .noTopBorder { border-top-width: 0 !important; }
#leftArea #detailView dl .noBottomBorder { border-bottom-width: 0 !important; }

#leftArea dl dd ul.item li { white-space: nowrap; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/item/icon_box_64x64.png') left top no-repeat; background-size: 20px; margin-top: 3px; }
#leftArea dl dd ul.item li:first-child { margin-top: 0; }
#leftArea dl dd ul.item li a { display: inline-block; float: left; background: transparent url('') 1px 1px no-repeat; text-indent: 22px; background-size: 18px; }

#leftArea #detailView div.cardInfo { }
#leftArea #detailView div.cardInfo dd.cardimg {}
#leftArea #detailView div.cardInfo dd.cardimg img { /*width: 95%; border: 1px solid #000000; outline: 1px solid #d9d9d9;*/ background-color: #3D3E39; width: 100%; }
#leftArea #detailView div.cardInfo dd span.indent1 { padding-left: 20px; }
#leftArea #detailView div.cardInfo dd span.indent2 { padding-left: 40px; }

#leftArea #detailView dd.relationInfo,
#leftArea #detailView dd.traderItemInfo { border-top: 1px solid #909090; }
#leftArea #detailView dd.traderItemInfo:first-child,
#leftArea #detailView dd.relationInfo:first-child { border-top-width: 0; }
#leftArea #detailView dt.titleBold { font-size: 13px; font-weight: bold; }
#leftArea #detailView h4.descTitle { display: block; float: none; }
#leftArea #detailView h4.descTitle:before { /*content: "-"; padding-right: 3px;*/ }
#leftArea #detailView p.descText { display: block; padding: 0 10px; margin: 0; }
#leftArea #detailView div.descImg { display: block; padding: 0 10px; margin: 0; }
#leftArea #detailView div.descImg img { width: 100%; }

#leftArea #detailView dd.commands { }
#leftArea #detailView dd.commands a.bttn { display: block; float: left; margin: 5px 5px 0; padding: 1px 5px; width: 48px; height: 24px; line-height: 24px; line-height: 28px\9\0; border: 1px solid #909090; color: #909090; overflow: hidden; text-decoration: none; background-color: #ffffff; text-align: center; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea #detailView dd.commands a.bttn { line-height: 28px; }
}
#leftArea #detailView dd.commands span { display: block; float: left; margin: 5px 5px 0; padding: 1px 5px; height: 26px; line-height: 26px; line-height: 30px\9\0; color: #909090; overflow: hidden; text-decoration: none; background-color: #ffffff; text-align: center; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#leftArea #detailView dd.commands span { line-height: 30px; }
}
#leftArea #detailView dd.commands a.bttn:hover { color: #3e8de9; border-color: #3e8de9; }
#leftArea #detailView dd.commands .left { float: left !important; }
#leftArea #detailView dd.commands .right { float: right !important; }
#leftArea #detailView dd.commands span.dislike { color: #fa6666; }
#leftArea #detailView dd.commands span.like { color: #6666fa; }

#leftArea #detailView dd.reject b { color: #fa6666; }
#leftArea #detailView dd.reject b em { color: #6666fa; }

#leftArea #detailView { }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

/* ============================== LeftPane Folder button ============================== */
#leftMenuFold { position: absolute; width: 17px; height: 62px; margin-top: -31px; left: 329px; top: 50%; }
#leftMenuFold a { display: block; height: 17px; height: 62px; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bttn_leftmenu_fold_17x62.png') 0 -62px no-repeat; text-indent: -99em; overflow: hidden; }
#leftMenuFold a:hover { background-position: -17px -62px; }
#leftMenuFold a.open { background-position: 0 0; }
#leftMenuFold a.open:hover { background-position: -17px 0; }

/* ============================== Node Filter Part ============================== */
#nodeFilter { display: block; float: none; height: 28px; position: absolute; bottom: 0; right: 0; z-index: 1; }
#nodeFilter > span { display: block; float: left; }
#nodeFilter > span > a { display: block; height: 24px; width: 13px; text-indent: -99em; overflow: hidden; border: 2px solid rgba(13, 13, 13, 0.8); border-right-width: 0; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bttn_nodefilter_fold_17x62.png') -21px -81px no-repeat; }
#nodeFilter > span > a:hover { background-position: -4px -81px; }
#nodeFilter > span > a.fold { background-position: -21px -19px; }
#nodeFilter > span > a.fold:hover { background-position: -4px -19px; }
#nodeFilter ul { float: left; display: block; height: 24px; border: 2px solid transparent; border-width: 2px 0; background-color: rgba(13, 13, 13, 0.8); }
#nodeFilter ul li { display: block; float: left; height: 24px; padding: 0; }
#nodeFilter ul li {}
#nodeFilter ul li input[type="checkbox"] { display: none; }
#nodeFilter ul li label { display: block; padding: 0 3px 0 22px; height: 24px; line-height: 24px; line-height: 28px\9\0; background-position: 2px 2px; background-repeat: no-repeat; background-size: 18px; cursor: pointer; opacity: 0.5; color: #ffffff; letter-spacing: -1px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#nodeFilter ul li label  { line-height: 28px; }
}
#nodeFilter ul li label:hover { color: #eaeaea;  opacity: 1; background-color: rgb(11,11,11); }
#nodeFilter ul li input[type="checkbox"]:checked + label { opacity: 1; }
#nodeFilter ul li.typeAll label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/icon_all.png'); }
#nodeFilter ul li.typeAll input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/icon_all_on.png'); }
#nodeFilter ul li.typeLine label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/icon_line.png'); }
#nodeFilter ul li.typeLine input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/icon_line_on.png'); }
#nodeFilter ul li.type0 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_0a.png?v=20170217c'); background-position: 2px 5px !important; }
#nodeFilter ul li.type0 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_0a_on.png?v=20170217c'); background-position: 2px 5px !important; }
#nodeFilter ul li.type1 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_1a.png?v=20170217c'); }
#nodeFilter ul li.type1 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_1a_on.png?v=20170217c'); }
#nodeFilter ul li.type2 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_2a.png?v=20170217c'); }
#nodeFilter ul li.type2 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_2a_on.png?v=20170217c'); }
#nodeFilter ul li.type3 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_3a.png?v=20170217c'); }
#nodeFilter ul li.type3 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_3a_on.png?v=20170217c'); }
#nodeFilter ul li.type4 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_4a.png?v=20170217c'); }
#nodeFilter ul li.type4 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_4a_on.png?v=20170217c'); }
#nodeFilter ul li.type5 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_5a.png?v=20170217c'); }
#nodeFilter ul li.type5 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_5a_on.png?v=20170217c'); }
#nodeFilter ul li.type6 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_6a.png?v=20170217c'); }
#nodeFilter ul li.type6 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_6a_on.png?v=20170217c'); }
#nodeFilter ul li.type7 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_7a.png?v=20170217c'); }
#nodeFilter ul li.type7 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_7a_on.png?v=20170217c'); }
#nodeFilter ul li.type8 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_8a.png?v=20170217c'); }
#nodeFilter ul li.type8 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_8a_on.png?v=20170217c'); }
#nodeFilter ul li.type9 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_9a.png?v=20170217c'); }
#nodeFilter ul li.type9 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_9a_on.png?v=20170217c'); }
#nodeFilter ul li.type10 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_10a.png?v=20170217c'); }
#nodeFilter ul li.type10 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_10a_on.png?v=20170217c'); }
#nodeFilter ul li.type11 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_11a.png?v=20170217c'); }
#nodeFilter ul li.type11 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_11a_on.png?v=20170217c'); }
#nodeFilter ul li.type13 label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_4a.png?v=20170217c'); }
#nodeFilter ul li.type13 input[type="checkbox"]:checked + label { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/icon/ico_node_type_4a_on.png?v=20170217c'); }

/* ============================== Mini Map Part ============================== */
#minimap { position: absolute; top: 100px; right: 20px; border: 2px solid #000000;  width: 236px; height: 184px; background: #000000 url('https://static.inven.co.kr/image_2011/black/dataninfo/map/minimap_20250918.jpg?v=20250918a') -181px -203px no-repeat; overflow: hidden; z-index: 2; }
#minimap a { display: block; position: absolute; border: 1px solid #faaaaa; cursor: move; }
#minimap a span { display: block; width: 100%; height: 100%; background-color: #fa0000; opacity: 0.6; filter: alpha(opacity=60); }


/* ============================== Map Controller ============================== */
#controller { position: absolute; top: 294px; right: 20px; z-index: 1; }
#controller div.direction { width: 51px; height: 67px; }
#controller div.direction ul { width: 100%; height: 100%; }
#controller div.direction ul li { float: left; width: 24px; height: 21px; border: 1px solid #000000; }
#controller div.direction ul li a { display: block; width: 100%; height: 100%; text-indent: -99em; overflow: hidden; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bttn_controller_direction_24x21_1a.png') left top no-repeat; }
#controller div.direction ul li.up { margin-left: 12px; clear: both; margin-bottom: -1px;}
#controller div.direction ul li.up a { background-position: 0 0; }
#controller div.direction ul li.up a:hover { background-position: 0 -21px; }
#controller div.direction ul li.left { margin-right: -1px; }
#controller div.direction ul li.left a { background-position: -48px 0; }
#controller div.direction ul li.left a:hover { background-position: -48px -21px; }
#controller div.direction ul li.right { }
#controller div.direction ul li.right a { background-position: -72px 0; }
#controller div.direction ul li.right a:hover { background-position: -72px -21px; }
#controller div.direction ul li.down { margin: -1px 0 0 12px; }
#controller div.direction ul li.down a { background-position: -24px 0; }
#controller div.direction ul li.down a:hover { background-position: -24px -21px; }

#controller div.zoomLevel { clear: both; width: 28px; margin: 10px 0 0 12px; }
#controller div.zoomLevel ul { position: relative; width: 26px; margin-right: 1px; }
#controller div.zoomLevel ul li { width: 24px; border: 1px solid #000000; border-width: 0 1px; }
#controller div.zoomLevel ul li a { display: block; width: 100%; height: 100%; text-indent: -99em; overflow: hidden; background-color: transparent; background-repeat: none; background-position: center center; }
#controller div.zoomLevel ul li.zoom { border-width: 1px; height: 21px; }
#controller div.zoomLevel ul li.zoom a { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bttn_controller_zoom_24x21_1a.png'); background-position: 0 0; }
#controller div.zoomLevel ul li.zoom-plus a:hover { background-position: 0 -21px; }
#controller div.zoomLevel ul li.zoom-minus a { background-position: -24px 0; }
#controller div.zoomLevel ul li.zoom-minus a:hover { background-position: -24px -21px; }
#controller div.zoomLevel ul li.level { width: 24px; height: 9px; }
#controller div.zoomLevel ul li.level a { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bg_zoomlevel_24x9_1b.png'); background-position: 0 0; }
#controller div.zoomLevel ul li.under a { background-position: 0 -9px; }
#controller div.zoomLevel ul li.slider { position: absolute; bottom: 23px; left: 0; width: 26px; height: 9px; border: 1px solid #000000; margin-left: -1px; }
#controller div.zoomLevel ul li.slider a { background-image: url('https://static.inven.co.kr/image_2011/black/dataninfo/map/bg_zoomlevel_24x9_1b.png'); background-position: 1px -18px; }
#controller div.zoomLevel ul li.slider a:hover { background-position: 1px -27px; }

/* ============================== Tooltip ============================== */
#tooltip { position: absolute; outline: 1px solid #000000; border: 1px solid #3d3e39; background-color: rgba(13, 14, 10, 0.8); padding: 15px 8px; top: 300px; left: 400px; z-index: 9; display: none; }
#tooltip h3 { display: block; float: none; padding: 0 7px; height: 26px; width: 286px; font-weight: bold; font-size: 14px; line-height: 26px; overflow: hidden; color: #f9f9f9; border-bottom: 1px solid #43453d; text-overflow: ellipsis; white-space: nowrap; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#tooltip h3 { line-height: 30px; }
}
#tooltip div.content { display: block; float: none; padding: 0 7px; max-width: 300px; }
#tooltip div.content dl { width: 100%; }
#tooltip div.content dl > * { display: block; float: left; color: #f9f9f9; line-height: 20px; line-height: 24px\9\0; height: 20px; overflow: hidden; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#tooltip div.content dl > * { line-height: 24px; }
}
#tooltip div.content dt { clear: left; width: 90px; color: #f9f9f9; }
#tooltip div.content dt:after { content: "|"; display: block; float: right; padding: 0 5px; }
#tooltip div.content dt {}
#tooltip div.content dt.noTopBorder { border-top-width: 0 !important; }
#tooltip div.content dt.hidden { display: none; }
#tooltip div.content dd { text-indent: 10px; max-width: 210px; height: auto; }
#tooltip div.content dd {}
#tooltip div.content .wide { max-width: 300px; width: 100%; clear: both; }
#tooltip div.content .bold { font-weight: bold; }
#tooltip div.content .desc { height: auto; }
#tooltip div.content .tooltipHidden { display: none; }
#tooltip div.content dd.error { text-align: center; }
#tooltip div.content dd.loading { height: 100px; margin: 10px 0; min-width: 100px; background: transparent url('https://static.inven.co.kr/image/wow/dataninfo/edb_item/loading.gif') center center no-repeat; opacity: 0.5; text-indent: -99em; overflow: hidden; }
#tooltip div.content dd.cardimg { text-indent: 0; }
#tooltip div.content dd.cardimg img { max-width: 100%; }
#tooltip div.content dd a { color: #f9f9f9; text-decoration: none; }
#tooltip div.content dd span.indent1 { padding-left: 20px; }
#tooltip div.content dd span.indent2 { padding-left: 40px; }
#tooltip div.content dd ul.commaSep li { margin-left: -10px; }
#tooltip div.content dd ul.commaSep li:first-child { margin-left: 0; }
#tooltip div.content dt.wide { border-top: 1px solid #3d3e39; padding-top: 10px; margin-top: 10px; }
#tooltip div.content dt.wide:after { content: ""; display: none; }
#tooltip div.content .desc ul.list li { clear: left; }
#tooltip div.content dd xmp { display: block; text-indent: 0 !important; padding: 10px 10px 0; margin: 0; white-space: pre-wrap; line-height: 18px; }
#tooltip div.content dd a.thumb img { max-width: 119px; max-height: 83px; vertical-align: middle; padding: 0 5px; }
#tooltip dl dd ul.item li { white-space: nowrap; background: transparent url('https://static.inven.co.kr/image_2011/black/dataninfo/item/icon_box_64x64.png') left top no-repeat; background-size: 20px; margin-top: 3px; }
#tooltip dl dd ul.item li:first-child { margin-top: 0; }
#tooltip dl dd ul.item li a { display: inline-block; float: left; background: transparent url('') 1px 1px no-repeat; text-indent: 22px; background-size: 18px; }
#tooltip dl dd ul.item li span { display: inline-block; float: left; text-indent: 0; }
#tooltip .itemQuality1 { color: #f9f9f9 !important; }
#tooltip {}

/* ============================== Context menu ============================== */
#contextMenu { position: absolute; outline: 1px solid #ffffff;  border: 1px solid #999999; background-color: rgba(224, 224, 224, 0.8); padding: 2px; top: 300px; left: 400px; z-index: 9; display: none; }
#contextMenu div.selectNodes { display: none; }
#contextMenu div.selectNodes {  }
#contextMenu div.nodeMenu {}
#contextMenu div.nodeMenu {}
#contextMenu h3 { display: block; float: none; padding: 0 7px; height: 26px; font-weight: bold; font-size: 14px; line-height: 26px; overflow: hidden; color: #f9f9f9; border-bottom: 1px solid #43453d; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#contextMenu h3 { line-height: 30px; }
}
#contextMenu ul { display: block; float: none; }
#contextMenu li { display: block; float: left; line-height: 24px; line-height: 28px\9\0; height: 30px; overflow: hidden; border: 2px solid #3d3e39; border-left-width: 0; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#contextMenu li { line-height: 28px; }
}
#contextMenu li:first-child { border-left: 2px solid #3d3e39; }
#contextMenu li a { display: block; color: #474747; text-decoration: none; padding: 3px 8px;  font-weight: bold; }
#contextMenu li:hover { background-color: rgba(0, 0, 0, 0.8); }
#contextMenu li:hover a { color: #d0d0d0; }
#contextMenu li a:hover { color: #d0d0d0; }

#leftPaneContent .movie-module {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 180px;
    background: #000;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 99;
    .movie {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 320px;
        height: 180px;
    }
}