#top div.title { width: 241px; height: 41px; background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/title_482x82.png'); margin: 1px 0 0 -8px; }
#bottom { color: #eee; display: block; position: fixed; bottom: 0px; left: 0px; right: 0px; overflow: hidden; background-color: rgba(10, 10, 10, 0.85); padding: 8px; text-align: center; }
#menu.menu-ui ul { width: 135px; }
#menu.menu-ui ul li span.icon-mindofisland { background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/mind_of_island.png?v=2'); }
#menu.menu-ui ul li span.icon-island { background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/island.png'); }
#menu.menu-ui ul li span.icon-islandPvP { background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/islandPvP.png'); }
#menu.menu-ui ul li span.icon-harbor { background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/harbor.png?v=2'); }
#menu.menu-ui ul li span.icon-village { background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/village.png'); }
#menu.menu-ui ul li span.icon-edge { background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/red_line.png'); }
#menu.menu-ui ul li span.icon-search { background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/search.png?v=2'); }
#menu.menu-ui ul li span.icon-dungeon { background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/dungeon.png'); }
#menu.menu-ui ul li span.icon-ghost { background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/ghost.png'); }
#menu.menu-ui ul li span.icon-merchant { background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/merchant.png'); }
#menu.menu-ui ul li span.icon-gate { background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/gate.png'); }
#menu.menu-ui ul li span.circles-sea1 { background-color: #7b8da4; }
#menu.menu-ui ul li span.circles-sea2 { background-color: #3869d1; }
#menu.menu-ui ul li span.circles-sea3 { background-color: #c876c8; }
#menu.menu-ui ul li span.circles-sea4 { background-color: #fdfdfd; }
#menu.menu-ui ul li span.circles-sea5 { background-color: #36bb6b; }
#menu.menu-ui ul li span.circles-sea6 { background-color: #ac9846; }
#menu.menu-ui ul li span.pins-sea1 { background-color: #7b8da4; background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/sea1icon.png'); }
#menu.menu-ui ul li span.pins-sea2 { background-color: #3869d1; background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/sea2icon.png'); }
#menu.menu-ui ul li span.pins-sea3 { background-color: #c876c8; background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/sea3icon.png'); }
#menu.menu-ui ul li span.pins-sea4 { background-color: #fdfdfd; background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/sea4icon.png'); }
#menu.menu-ui ul li span.pins-sea5 { background-color: #36bb6b; background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/sea5icon.png'); }
#menu.menu-ui ul li span.pins-sea6 { background-color: #ac9846; background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/sea6icon.png'); }
#menu.menu-ui ul li.banner { height: auto; line-height: 1.5; background-color: #ebf592; }
#menu.menu-ui ul li.banner:hover,
#menu.menu-ui ul li.banner a:hover { background-color: #f5ff98; }
#menu.menu-ui ul li.banner p { padding: 4px 0; }
#menu.menu-ui ul li.search { cursor: text; background-color: #fff !important; }
#menu.menu-ui ul li.search input,
#searchInput,
#searchInput2 { display: block; box-sizing: border-box; padding: 0 8px 0 0; font-family: 'Source Sans Pro', 'sans-serif'; font-size: 11px; background-color: #fff; background-position: 3px center; background-repeat: no-repeat; }
#menu.menu-ui ul li.search input { padding-left: 27px; width: 100%; height: 100%; border: 0; background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/map/icons/search.png?v=2'); }
#menu.menu-ui ul li.search span { display: none; cursor: pointer; }
#bottom a { color: inherit; text-decoration: none; }
#bottom a:hover { text-decoration: underline; }
#tooltip2 { color: #819cb2; line-height: 1.5; font-family: 'gulim', '굴림', 'Helvetica'; font-size: 12px; font-weight: normal; position: absolute; max-width: 200px; display: none; border: 1px solid #000; border-radius: 5px; padding: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.8); z-index: 1000; }
#tooltip2 span.title { font-weight: bold; color: #ffff00; }
#tooltip2 span.label { color: #7bbbf1; }
#searchInput,
#searchInput2 { position: absolute; width: 120px; height: 28px; left: 37px; top: 51px; border: 1px solid #333; border-left-width: 0; outline: none; box-shadow: 1px 1px 1px rgba(51, 51, 51, 0.6); }
#contentReader { position: fixed; display: block; max-width: 662px; margin: 0 auto; left: 0; right: 0; top: 50%; overflow: hidden; background-color: white; border: 1px solid #000; border-radius: 5px; box-sizing: content-box; z-index: 900; }
#contentReader dt#contentReaderTitle { position: absolute; display: block; left: 0; right: 0; top: 0; margin: 0; padding: 0; height: 26px; overflow: hidden; background-color: #0c88e8;  }
#contentReader dt#contentReaderTitle div.title { position: absolute; left: 6px; right: 32px; top: 0; bottom: 0; line-height: 26px; color: #fff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
#contentReader dt#contentReaderTitle div.close { position: absolute; right: 0; top: 0; width: 26px; height: 26px; overflow: hidden; cursor: pointer; background: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/world/close_btn_20x20.png') center center no-repeat; }
#contentReader dd#contentReaderContent { display: block; margin: 26px 0 0 0; padding: 6px; font-size: 12px; color: #000; background-color: white; overflow: hidden; overflow-y: auto; box-sizing: border-box; }
#contentReader dd#contentReaderContent img { max-width: 100% !important; width: auto !important; height: auto !important; }
#contentReader dd#contentReaderContent div,
#contentReader dd#contentReaderContent p,
#contentReader dd#contentReaderContent table,
#contentReader dd#contentReaderContent ul,
#contentReader dd#contentReaderContent ol,
#contentReader dd#contentReaderContent li { max-width: 100% !important; }
#contentReader dd#contentReaderContent ul,
#contentReader dd#contentReaderContent ol { display: block; margin: 0 0 0 30pt; padding: 0px; }
#contentReader dd#contentReaderContent li { display: list-item; }
@media screen and (max-width: 639px) {
    #menu.menu-ui ul li.search { cursor: pointer; }
    #menu.menu-ui ul li.search span { display: block; }
	#menu.menu-ui ul li.search input { display: none; }
    #menu.menu-ui ul li.banner { height: 26px !important; }
    #bottom { display: none !important; }
}
@media screen and (max-width: 347px) {
    #top a { display: block; overflow: hidden; margin: 0 auto; }
    #top div.title { float: none; margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 662px) {
    #contentReader { top: 41px !important; bottom: 0 !important; border: none; border-radius: 0; margin: 0 auto !important; }
    #contentReader dd#contentReaderContent { position: absolute; left: 0; right: 0; top: 26px; bottom: 0; height: auto !important; margin: 0; }
}