#hosDbSkin { width: 710px; padding: 0px; border: none; background: none; color: #fff; }

#heroDetailSkin .heroname { width: 710px; height: 38px; overflow: hidden; background: url(//static.inven.co.kr/image_2011/hos/dataninfo/skin/title_skin_heroname_710x38.png) no-repeat left top; text-indent: 105px; line-height: 40px; color: #ccfeff; text-shadow: 0 -1px black, 1px 0 black, 0 1px black, -1px 0 black; filter: glow(color=#000000,strength=2); font-size: 15px; }
#heroDetailSkin div.skinWrap { width: 710px; overflow: hidden; margin-top: 0px !important; background: url(//static.inven.co.kr/image_2011/hos/dataninfo/skin/infobody_710m_a.png) repeat-y left top; _margin-bottom: -15px; }
#heroDetailSkin div.skinWrapBot { width: 710px; height: 12px; overflow: hidden; background: url(//static.inven.co.kr/image_2011/hos/dataninfo/skin/infobody_710x12b_a.png) repeat-y left top; }
#heroDetailSkin div.portrait { width: 293px; height: 157px; overflow: hidden; background: url(//static.inven.co.kr/image_2011/hos/dataninfo/skin/portrait_bg_a.png) repeat-y left top; margin: 10px 0 0 12px; }
#heroDetailSkin div.portrait img { width: 283px; height: 147px; margin: 5px 0 0 5px; }
#heroDetailSkin ul.skinList { margin: 10px 0 0 11px; }
#heroDetailSkin ul.skinList li { width: 74px; height: 157px; overflow: hidden; margin: 0 3px 0 0; }
#heroDetailSkin ul.skinList li a { display:block; width: 74px; height: 157px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/skin/skinlist_bg_out.jpg') center center no-repeat; }
#heroDetailSkin ul.skinList li a:hover,
#heroDetailSkin ul.skinList li a.selected { background: url('//static.inven.co.kr/image_2011/hos/dataninfo/skin/skinlist_bg_over.jpg') center center no-repeat; }
#heroDetailSkin ul.skinList li a img { width: 66px; height: 149px; margin: 4px 0 0 4px; }
#heroDetailSkin ul.skinList li a span { /*border: 1px solid #000;*/ cursor: pointer !important; }

#heroDetailSkin .skinInfo { width: 683px; _width: 685px; border: 1px solid #152348; margin: 10px 0 0 12px; background-color: #374b76; border-bottom: none; padding-bottom: 15px; }
#heroDetailSkin .skinInfo h4 { width: 72px; height: 25px; clear: none; overflow: hidden; font: bold 12px/29px "굴림", "gulim"; color: #fff; text-indent: 10px; margin: 10px 0 14px 16px; background: transparent url('//static.inven.co.kr/image_2011/hos/dataninfo/skin/skin_h2_title_72x25.png') left top no-repeat; }
#heroDetailSkin .button { width: 113px; height: 343px; overflow: hidden;}
#heroDetailSkin .button ul.swatch li,
#heroDetailSkin .button ul.swatch li a,
#heroDetailSkin .button ul.swatch li a span { float: left; width: 50px; height: 62px; overflow: hidden; }
#heroDetailSkin .button ul.swatch li { margin-left: 19px; }
#heroDetailSkin .button ul.swatch li a { background-position: center center; background-repeat: no-repeat; }
#heroDetailSkin .button ul.swatch li a span { background: url('//static.inven.co.kr/image_2011/hos/dataninfo/hero/icon_swatch_border_50x62.png') left top no-repeat; cursor: pointer !important; }
#heroDetailSkin .button ul.swatch li a:hover span,
#heroDetailSkin .button ul.swatch li a.selected span { background-position: -50px top; }
#heroDetailSkin .skinInfo .title { width: 683px;height: 33px; overflow: hidden; clear: both; border-bottom: 1px solid #152348; color: #d5e9ff; background-color: #2d406b; }
#heroDetailSkin .skinInfo .title span { float: left; width: 220px; height: 33px; font-size: 13px; text-indent: 21px; font-weight: bold; overflow: hidden; line-height: 33px; }
#heroDetailSkin .skinInfo .title span.right { float: right; width: 133px;  text-align: right; color: #b7c8f6;  font-weight: normal; letter-spacing: -1px; margin-right: 30px; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/skin/gold_icon_75x20.png') left 6px no-repeat; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#heroDetailSkin .skinInfo .title span.right { float: right; width: 136px;  text-align: right; color: #b7c8f6;  font-weight: normal; letter-spacing: 0; margin-right: 30px; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/skin/gold_icon_75x20.png') 1px 4px no-repeat; }
}
#heroDetailSkin .screenShot { width: 553px; _width: 555px; height: 326px; _height: 328px; margin: 15px 0 0 0;  overflow: hidden; border: 1px solid #152348; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/skin/553x326_none_img.png') center center no-repeat; }
#heroDetailSkin .skinfeatures ul { margin: 10px 0 0 8px; }
#heroDetailSkin .skinfeatures ul li { margin-left: 17px; }

#heroDetailSkin2 { width: 708px !important; _width: 710px !important; border: 1px solid #262626; background-color: #609ad4; overflow: hidden; }
#heroDetailSkin2 dt.title { width: 596px; _width: 708px; height: 37px; line-height: 37px; padding: 0 8px 0 104px; background: #1b294f url('//static.inven.co.kr/image_2011/hos/dataninfo/skin/title_708x37.jpg') left top no-repeat; overflow: hidden; }
#heroDetailSkin2 dt.title span { color: #ccfeff; text-shadow: 0 -1px black, 1px 0 black, 0 1px black, -1px 0 black; filter: glow(color=#000000,strength=2); font-size: 15px; font-weight: bold; }
#heroDetailSkin2 dd.detail { width: 706px; margin: 0 1px 1px 1px; background-color: #5c7dc4; }
#heroDetailSkin2 dd ul.list { width: 696px; margin: 0 0 10px 10px; }
#heroDetailSkin2 dd ul.list li { width: 77px; height: 77px; margin: 10px 10px 0 0; background: #091222 url('//static.inven.co.kr/image_2011/hos/dataninfo/skin/icon_empty_69x69.jpg') center center no-repeat; overflow: hidden; }
#heroDetailSkin2 dd ul.list li a { position: relative; float: left; width: 77px; height: 77px; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/skin/icon_border_77x77.png') -77px 0px no-repeat; overflow: hidden; cursor: pointer; }
#heroDetailSkin2 dd ul.list li a:hover,
#heroDetailSkin2 dd ul.list li.selected a { background-position: 0px 0; }
#heroDetailSkin2 dd ul.list li a span { position: absolute; width: 77px; text-align: center; left: 0; bottom: 5px; color: #7999f5; font-size: 11px; font-weight: bold; text-shadow: 0 -1px black, 1px 0 black, 0 1px black, -1px 0 black; filter: glow(color=#000000,strength=2); }
#heroDetailSkin2 dd ul.list li a span.rarity0,
div.hosDbSkinLayer span.rarity0 { color: #7999f5; }
#heroDetailSkin2 dd ul.list li a span.rarity1,
div.hosDbSkinLayer span.rarity1 { color: #80bfff; }
#heroDetailSkin2 dd ul.list li a span.rarity2,
div.hosDbSkinLayer span.rarity2 { color: #cdbdff; }
#heroDetailSkin2 dd ul.list li a span.rarity3,
div.hosDbSkinLayer span.rarity3 { color: #ffb9a9; }
#heroDetailSkin2 dd ul.list li a span.rarity4,
div.hosDbSkinLayer span.rarity4 { color: #80bfff; }
#heroDetailSkin2 dd div.skins { width: 684px; _width: 686px; background-color: #374b76; border: 1px solid #152348; margin: 0 10px 10px 10px; overflow: hidden; }
#heroDetailSkin2 dd div.skins dl.skin { width: 684px; overflow: hidden; display: none; }
#heroDetailSkin2 dd div.skins dl.selected { display: inline; }
#heroDetailSkin2 dd div.skins dl.skin dt.skinTitle,
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail { width: 664px; _width: 684px; padding: 0 10px; overflow: hidden; }
#heroDetailSkin2 dd div.skins dl.skin dt.skinTitle { height: 33px; _height: 34px; line-height: 33px; background-color: #2d406b; border-bottom: 1px solid #152348; color: #d5e9ff; font-size: 13px; font-weight: bold; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail { padding-bottom: 5px; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl,
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dt,
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dd,
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail div { width: 664px; overflow: hidden; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dt { height: 29px; color: #fff; font: bold 12px/29px "굴림", "gulim"; text-indent: 10px; background: transparent url('//static.inven.co.kr/image_2011/hos/dataninfo/skin/skin_h2_title_72x25.png') left top no-repeat; margin-top: 10px; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dd { margin-bottom: 5px; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dd div.feature { width: 50px; height: 54px; background: url('//static.inven.co.kr/image_2011/hos/dataninfo/skin/icon_features.png') 0px -2px no-repeat; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dd div.feature1 { background-position: -50px -2px; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dd div.feature2 { background-position: -100px -2px; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dd div.feature3 { background-position: -150px -2px; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dd div.feature4 { background-position: -200px -2px; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dd div.feature5 { background-position: -250px -2px; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dd div.feature6 { background-position: -300px -2px; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dd.screenShot { position: relative; width: 662px; _width: 664px; height: 410px; _height: 412px; background: #0a0314 url('//static.inven.co.kr/image_2011/hos/dataninfo/skin/screenshot_empty_662x648.jpg') center bottom no-repeat; border: 1px solid #152348; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dd.hasScreenShot { background-image: url(none) !important; }
#heroDetailSkin2 dd div.skins dl.skin dd.skinDetail dl dd.screenShot img { position: absolute; left: 0; bottom: 0; width: 662px; border: 0; }

div.hosDbSkinLayer,
div.hosDbSkinFeatureLayer { width: 390px; padding: 0; margin: 0; overflow: hidden; }
div.hosDbSkinLayer div.hosDbSkinLayer_inner,
div.hosDbSkinFeatureLayer div.hosDbSkinFeatureLayer_inner { width: 390px; font-family: "굴림", "gulim"; font-size: 12px; line-height: 18px; overflow: hidden; }