/* Item grade color */ #bnsbody .itemGradeType1 { background : #9A9A9A; } #bnsbody .itemGradeType2 { background : #000; } #bnsbody .itemGradeType3 { background : #57FF78; } #bnsbody .itemGradeType4 { background : #00D9FF; } #bnsbody .itemGradeType5 { background : #D836FF; } #bnsbody .itemGradeType6 { background : #FF9700; } #bnsbody .itemGradeType7 { background : #FF7803; } #bnsbody .itemGradeType8 { background : #FF5A00; } /* COMMON LAYOUT */ /* COMMON TITLE */ #bnsDb .bnsDbCommonTitle {clear: both; margin-left: 10px; margin-top: 10px; overflow: hidden; width: 710px;} /* COMMON TOP */ #bnsBody .bnsDbCommonTop { width: 710px; clear: both; overflow: hidden; margin-top: 10px; margin-left: 10px; } /* COMMON VIEW */ #bnsBody .bnsDbCommonView { width: 710px; clear: both; overflow: hidden; margin-top: 15px; margin-left: 10px; } /* COMMON SEARCH */ #bnsDb .bnsDbCommonSearch { width: 710px; overflow: both; overflow: hidden; margin-top: 15px; margin-left: 10px; } /* COMMON FILTER */ #bnsDb .bnsDbCommonFilter { width: 710px; overflow: both; overflow: hidden; margin-top: 15px; margin-left: 10px; margin-bottom: -15px; } /* COMMON LIST */ #bnsDb .bnsDbCommonList { width: 710px; overflow: both; overflow: hidden; margin-top: 15px; margin-left: 10px; } /* COMMON DETAIL */ #bnsDb .bnsDbCommonDetail { width: 710px; overflow: both; margin-top: 15px; margin-left: 10px; } /* COMMON INFO */ #bnsDb .bnsDbCommonInfo { width: 710px; overflow: both; overflow: hidden; margin-top: 15px; margin-left: 10px; } /* COMMON COMMENT */ #bnsDb .bnsDbCommonComment { width: 710px; overflow: both; overflow: hidden; margin-top: 15px; margin-left: 10px; } /* COMMON DATABOARD */ #bnsDb .bnsDbCommonDataboard { width: 710px; overflow: both; overflow: hidden; margin-top: 15px; margin-left: 10px; } /* TOPS */ /* COMMON TOP */ /* Basic Layout */ #bnsDb .bnsDbCommonTop .menuGroups { margin-top: -12px; } #bnsDb .bnsDbCommonTop .menuGroup { clear: both; margin-top: 12px; } #bnsDb .bnsDbCommonTop .nolink { cursor: text; } /* Text Menu 1 */ #bnsDb .bnsDbCommonTop .textMenu1 { width: 710px; clear: both; } #bnsDb .bnsDbCommonTop .textMenu1 .menuBody { width: 710px; padding: 0 0; } #bnsDb .bnsDbCommonTop .textMenu1 .submenu { overflow: hidden; } #bnsDb .bnsDbCommonTop .textMenu1 .submenuBody { overflow: hidden; } #bnsDb .bnsDbCommonTop .textMenu1 .submenu ul { } #bnsDb .bnsDbCommonTop .textMenu1 .submenu ul li a.notready { color: #999999 !important; cursor: text; text-decoration: none; } #bnsDb .bnsDbCommonTop .textMenu1 .submenu ul li span { padding-left: 15px; padding-right: 15px; } #bnsDb .bnsDbCommonTop .textMenu1 .submenu ul li span span { float: none; margin: 0px; padding: 0px; background: none; } #bnsDb .bnsDbCommonTop .textMenu1 td.fixed55 .submenu ul li span { width: 55px; padding-left: 0; padding-right: 0; text-align: center; } #bnsDb .bnsDbCommonTop .textMenu1 td.fixed60 .submenu ul li span { width: 60px; padding-left: 0; padding-right: 0; text-align: center; } #bnsDb .bnsDbCommonTop .textMenu1 td.fixed80 .submenu ul li span { width: 80px; padding-left: 0; padding-right: 0; text-align: center; } #bnsDb .bnsDbCommonTop .textMenu1 td.fixed90 .submenu ul li span { width: 90px; padding-left: 0; padding-right: 0; text-align: center; } #bnsDb .bnsDbCommonTop .textMenu1 td.fixed100 .submenu ul li span { width: 100px; padding-left: 0; padding-right: 0; text-align: center; } #bnsDb .bnsDbCommonTop .textMenu1 td.fixed284 .submenu ul li { width: 283px; _width: 284px; text-align: center; } #bnsDb .bnsDbCommonTop .textMenu1 td.pad8 .submenu ul li span { padding-left: 8px; padding-right: 8px; } #bnsDb .bnsDbCommonTop .textMenu1 td.pad10 .submenu ul li span { padding-left: 10px; padding-right: 10px; } #bnsDb .bnsDbCommonTop .textMenu1 td.pad15 .submenu ul li span { padding-left: 15px; padding-right: 15px; } #bnsDb .bnsDbCommonTop .textMenu1 td.pad20 .submenu ul li span { padding-left: 20px; padding-right: 20px; } #bnsDb .bnsDbCommonTop .textMenu1 td.pad25 .submenu ul li span { padding-left: 25px; padding-right: 25px; } #bnsDb .bnsDbCommonTop .textMenu1 td .blueSubs, #bnsDb .bnsDbCommonTop .textMenu1 td .blueSubs a { color: #0092dd; } /* Search Menu 1 */ #bnsDb .bnsDbCommonTop .searchMenu1 { width: 710px; height: 43px; clear: both; background: none no-repeat left top; } #bnsDb .bnsDbCommonTop .searchMenu1 .searchGroups { width: 710px; margin-top: 7px; } #bnsDb .bnsDbCommonTop .searchMenu1 .searchGroup { width: 710px; } #bnsDb .bnsDbCommonTop .searchMenu1 label, #bnsDb .bnsDbCommonTop .searchMenu1 span.text, #bnsDb .bnsDbCommonTop .searchMenu1 input { float: left; display: inline; } #bnsDb .bnsDbCommonTop .searchMenu1 label { height: 17px; margin-top: 6px; overflow: hidden; text-indent: -1000em; } #bnsDb .bnsDbCommonTop .searchMenu1 label.letter2 { } #bnsDb .bnsDbCommonTop .searchMenu1 label.letter3 { width: 75px; margin-left: 136px; } #bnsDb .bnsDbCommonTop .searchMenu1 span.text { } #bnsDb .bnsDbCommonTop .searchMenu1 input.text { width: 263px; height: 30px; margin-left: 12px; background: #ffffff; border: solid 4px #0092dd; padding-top: 3px; } #bnsDb .bnsDbCommonTop .searchMenu1 input.submit { margin-left: 4px; } /* Button Menu 1 - Not Adjusted */ #bnsDb .bnsDbCommonTop .bttnMenu1 { width: 710px; clear: both; } #bnsDb .bnsDbCommonTop .bttnMenu1 .menuBody { width: 688px; margin-left: 11px; padding: 3px 0; } #bnsDb .bnsDbCommonTop .bttnMenu1 ul { width: 693px; margin-left: -3px; margin-top: -3px; } #bnsDb .bnsDbCommonTop .bttnMenu1 ul li { margin-left: 3px; margin-top: 3px; } #bnsDb .bnsDbCommonTop .bttnMenu1 ul li a { } /* RECIPE TOP */ #bnsDb #bnsDbRecipeTop { background:url('https://static.inven.co.kr/image_2011/bns/dataninfo/bg_710x48_black1.png') no-repeat right center; } #bnsDb #bnsDbRecipeTop { width: 710px; clear: both; height: 48px;overflow: hidden;margin-top: 15px; margin-left: 10px;} #bnsDb #bnsDbRecipeTop ul { clear: both;height: 30px;overflow: hidden;width: 710px; margin-top: 9px;margin-left: 2px;} #bnsDb #bnsDbRecipeTop ul li { margin-left: 6px; } #bnsDb #bnsDbRecipeTop ul li a { display: inline; float: left; height: 60px; overflow: hidden; text-indent: -10000em;} #bnsDb #bnsDbRecipeTop ul li a { background: url('https://static.inven.co.kr/image_2011/bns/menu/recipemenu_94x30.png') no-repeat left top;} #bnsDb #bnsDbRecipeTop ul li.chil a { width: 94px; background-position: 0px top; } #bnsDb #bnsDbRecipeTop ul li.man a { width: 94px; background-position: -94px top; } #bnsDb #bnsDbRecipeTop ul li.tea a { width: 94px; background-position: -188px top; } #bnsDb #bnsDbRecipeTop ul li.sung a { width: 94px; background-position: -282px top; } #bnsDb #bnsDbRecipeTop ul li.dogi a { width: 94px; background-position: -376px top; } #bnsDb #bnsDbRecipeTop ul li.yak a { width: 94px; background-position: -470px top; } #bnsDb #bnsDbRecipeTop ul li.il a { width: 94px; background-position: -564px top; } #bnsDb #bnsDbRecipeTop ul li a.selected, #bnsDb #bnsDbRecipeTop ul li a:hover { margin: -30px 0 0; } /* STORY TOP */ #bnsDb #bnsDbStoryTop { width: 715px; clear: both; overflow: hidden; margin-top: 15px; margin-left: 7px; background: #191D22; border: 1px solid #4F525E; } #bnsDb #bnsDbStoryTop .tab { width: 708px; height: 60px; } #bnsDb #bnsDbStoryTop .tab ul { width: 708px; _width: 698px; height: 51px; clear: both; overflow: hidden; margin: 5px; } #bnsDb #bnsDbStoryTop .tab ul li { margin-right: 5px; } #bnsDb #bnsDbStoryTop .tab ul li.last { margin-right: 0; } #bnsDb #bnsDbStoryTop .tab ul li a { display: block; float: left; height: 102px; overflow: hidden; text-indent: -10000em; } #bnsDb #bnsDbStoryTop .tab ul li a { background: url('https://static.inven.co.kr/image_2011/bns/dataninfo/bttn_683x103_storytop2a.png') no-repeat left top; } #bnsDb #bnsDbStoryTop .tab ul li.tab1 a { width: 95px; background-position: 0px top; } #bnsDb #bnsDbStoryTop .tab ul li.tab2 a { width: 95px; background-position: -95px top; } #bnsDb #bnsDbStoryTop .tab ul li.tab3 a { width: 95px; background-position: -190px top; } #bnsDb #bnsDbStoryTop .tab ul li.tab4 a { width: 95px; background-position: -285px top; } #bnsDb #bnsDbStoryTop .tab ul li.tab5 a { width: 95px; background-position: -380px top; } #bnsDb #bnsDbStoryTop .tab ul li.tab6 a { width: 95px; background-position: -475px top; } #bnsDb #bnsDbStoryTop .tab ul li.tab7 a { width: 95px; background-position: -570px top; } #bnsDb #bnsDbStoryTop .tab ul li a.selected, #bnsDb #bnsDbStoryTop .tab ul li a:hover { margin: -51px 0 0; } #bnsDb #bnsDbStoryTop div.selected { display: block; } #bnsDb #bnsDbStoryTop .list { width: 710px; display: none; } #bnsDb #bnsDbStoryTop .list .wrap1 { width: 700px; border: 1px solid #0e4e69; background: #000; margin: 3px 5px 5px; } #bnsDb #bnsDbStoryTop .list .wrap1 ul { width: 232px; margin-bottom: -1px; } #bnsDb #bnsDbStoryTop .list .wrap1 ul li { width: 219px; _width: 232px; border-bottom: dotted 1px #0e4e69; padding: 6px 0 6px 13px; } #bnsDb #bnsDbStoryTop .list .wrap1 ul li.last { border-bottom: 0; } #bnsDb #bnsDbStoryTop .list .wrap1 ul li span.name { float: left; color: #fff; cursor: pointer; } #bnsDb #bnsDbStoryTop .list .wrap1 ul li span.movie { float: right; width: 34px; height: 15px; margin: 0 2px -1px 0; background: url('https://static.inven.co.kr/image_2011/bns/fonticon/fonticon_movie1.png') no-repeat left top; text-indent: -10000em; } #bnsDb #bnsDbStoryTop .list .wrap1 ul li div.content { display:none; } /* JOB TOP */ #bnsDb #bnsDbSkillTop { background:url('https://static.inven.co.kr/image_2011/bns/dataninfo/bg_710x153_black1.png') no-repeat right center; } #bnsDb #bnsDbSkillTop { width: 710px; clear: both; height: 153px;overflow: hidden;margin-top: 15px; margin-left: 10px;} #bnsDb #bnsDbSkillTop ul { clear: both;height: 139px;overflow: hidden;width: 710px; margin-top: 7px;margin-left: 4px;} #bnsDb #bnsDbSkillTop ul li { margin-left: 6px; } #bnsDb #bnsDbSkillTop ul li a { display: inline; float: left; height: 278px; overflow: hidden; text-indent: -10000em;} #bnsDb #bnsDbSkillTop ul li a { background: url('https://static.inven.co.kr/image_2011/bns/menu/jobmenu_110x139.png') no-repeat left top;} #bnsDb #bnsDbSkillTop ul li.sword a { width: 110px; background-position: 0px top; } #bnsDb #bnsDbSkillTop ul li.pist a { width: 110px; background-position: -110px top; } #bnsDb #bnsDbSkillTop ul li.gigong a { width: 110px; background-position: -220px top; } #bnsDb #bnsDbSkillTop ul li.axe a { width: 110px; background-position: -330px top; } #bnsDb #bnsDbSkillTop ul li.assa a { width: 110px; background-position: -440px top; } #bnsDb #bnsDbSkillTop ul li.somm a { width: 110px; background-position: -550px top; } #bnsDb #bnsDbSkillTop ul li a.selected, #bnsDb #bnsDbSkillTop ul li a:hover { margin: -139px 0 0; } #bnsDb #bnsDbSkillTop2 { background:url('https://static.inven.co.kr/image_2011/bns/dataninfo/bg_710x129_blue1.jpg') no-repeat right center; } #bnsDb #bnsDbSkillTop2 { width: 710px; clear: both; height: 129px;overflow: hidden;margin-top: 15px; margin-left: 10px;} #bnsDb #bnsDbSkillTop2 ul { clear: both;height: 117px;overflow: hidden;width: 710px; margin-top: 7px;margin-left: 2px;} #bnsDb #bnsDbSkillTop2 ul li { margin-left: 5px; } #bnsDb #bnsDbSkillTop2 ul li a { display: inline; float: left; height: 266px; overflow: hidden; text-indent: -10000em;} #bnsDb #bnsDbSkillTop2 ul li a { background: url('https://static.inven.co.kr/image_2011/bns/menu/jobmenu_82x117.jpg') no-repeat left top;} #bnsDb #bnsDbSkillTop2 ul li.sword { margin-left: 7px; } #bnsDb #bnsDbSkillTop2 ul li.sword a { width: 82px; background-position: 0px top; } #bnsDb #bnsDbSkillTop2 ul li.pist a { width: 82px; background-position: -82px top; } #bnsDb #bnsDbSkillTop2 ul li.gigong a { width: 82px; background-position: -164px top; } #bnsDb #bnsDbSkillTop2 ul li.axe a { width: 82px; background-position: -246px top; } #bnsDb #bnsDbSkillTop2 ul li.assa a { width: 82px; background-position: -328px top; } #bnsDb #bnsDbSkillTop2 ul li.somm a { width: 82px; background-position: -410px top; } #bnsDb #bnsDbSkillTop2 ul li.rinsword a { width: 83px; background-position: -492px top; } #bnsDb #bnsDbSkillTop2 ul li.shaman a { width: 82px; background-position: -575px top; } #bnsDb #bnsDbSkillTop2 ul li a.selected, #bnsDb #bnsDbSkillTop2 ul li a:hover { margin: -117px 0 0; } /* DUNGEON TOP */ #bnsDb #bnsDbDungeonTop { width: 716px; clear: both; overflow: hidden; margin-top: 15px; margin-left: 10px; } #bnsDb #bnsDbDungeonTop .tab { width: 710px; height: 28px; } #bnsDb #bnsDbDungeonTop .tab ul { width: 710px; height: 28px; clear: both; overflow: hidden; } #bnsDb #bnsDbDungeonTop .tab ul li { width: 97px; height: 28px; } #bnsDb #bnsDbDungeonTop .tab ul li a { display: inline; float: left; height: 56px; overflow: hidden; text-indent: -10000em;} #bnsDb #bnsDbDungeonTop .tab ul li a { background: url('https://static.inven.co.kr/image_2011/bns/menu/dungeonmenu_485x24_1c.png') no-repeat left top;} #bnsDb #bnsDbDungeonTop .tab ul li.tab1 a { width: 97px; background-position: 0px top; } #bnsDb #bnsDbDungeonTop .tab ul li.tab2 a { width: 97px; background-position: -97px top; } #bnsDb #bnsDbDungeonTop .tab ul li.tab3 a { width: 97px; background-position: -194px top; } #bnsDb #bnsDbDungeonTop .tab ul li.tab4 a { width: 97px; background-position: -291px top; } #bnsDb #bnsDbDungeonTop .tab ul li.tab5 a { width: 97px; background-position: -388px top; } #bnsDb #bnsDbDungeonTop .tab ul li a.selected, #bnsDb #bnsDbDungeonTop .tab ul li a:hover { margin: -28px 0 0; } #bnsDb #bnsDbDungeonTop .list { width: 710px; background: #191d22; border: 1px solid #485158; border-top: 0; display: none; } #bnsDb #bnsDbDungeonTop div.selected { display: block; } #bnsDb #bnsDbDungeonTop .list ul { width: 710px; display: block; float: left; } #bnsDb #bnsDbDungeonTop .list ul li { width: 110px; height: 68px; _height: 72px; margin: 5px 4px; _margin: 5px 4px 0; overflow: hidden; display: block; float: left; } #bnsDb #bnsDbDungeonTop .list ul li .level { float: left; margin-top: 2px; } /*#bnsDb #bnsDbDungeonTop .list ul li .level img { width: 27px; height: 16px; }*/ #bnsDb #bnsDbDungeonTop .list ul li .type { float: left; margin-left: 1px; margin-top: 2px; } #bnsDb #bnsDbDungeonTop .list ul li .dropitem { float: right; margin-top: 2px; } /* COMMON */ #bnsDb .infoBody { clear: both; overflow: hidden;} #bnsDb .bnsMoney { padding-right: 20px;} #bnsDb .bnsMoney.gold { background:url('https://static.inven.co.kr/image_2011/bns/common/icon_13x13_gold1.png') no-repeat right top;} /* INFO */ /* COMMON STYLE */ #bnsDbSkillInfo .infoTitle { clear: both; } #bnsDbSkillInfo .infoGroups { clear: both; width: 710px; overflow: hidden; } #bnsDbSkillInfo .infoGroup { clear: both; width: 710px; overflow: hidden; margin-bottom:10px; } /* BASIC INFO MAIN */ #bnsDbSkillInfo .infoMain { width: 710px; height: 284px; overflow: hidden; background: url('https://static.inven.co.kr/image_2011/bns/dataninfo/frame_710x284_info1.png' ) no-repeat left center; } #bnsDbSkillInfo .infoMain .partLeft { width: 249px; height: 284px; overflow: hidden; } #bnsDbSkillInfo .infoMain .partLeft .infoImage { width: 247px; height: 144px; margin: 2px 0 0 2px; } #bnsDbSkillInfo .infoMain .partLeft .infoText { width: 249px; height: 100px; color: white; overflow: hidden; } #bnsDbSkillInfo .infoMain .partLeft .infoText .req { width: 247px; margin: 6px 0 7px 8px; } #bnsDbSkillInfo .infoMain .partLeft .infoText .req em { font-weight: bold; letter-spacing: -1px; color: #ffcc00; } #bnsDbSkillInfo .infoMain .partLeft .infoText .information { width: 230px; font-size: 11px; margin: 0 0 5px 8px; } #bnsDbSkillInfo .infoMain .partLeft .infoButton { margin-left: 37px; } #bnsDbSkillInfo .infoMain .partCenter { width: 217px; height: 284px; overflow: hidden; } #bnsDbSkillInfo .infoMain .partCenter .centerWrap { width: 217px; height: 284px; background: url('https://static.inven.co.kr/image_2011/bns/dataninfo/frame_217x263_plus1.png' ) no-repeat left top; margin-top: 14px; } #bnsDbSkillInfo .infoMain .partCenter .centerWrap h4{ color: white; font-weight: bold; letter-spacing: -1px; height: 18px; _height: 22px; width: 103px; text-align: center; padding-top: 4px; } #bnsDbSkillInfo .infoMain .partCenter .centerWrap ul li a{ width: 217px; overflow: hidden; height: 20px; _height: 24px; display: block; padding-top: 4px; } #bnsDbSkillInfo .infoMain .partCenter .centerWrap ul li a img.skillIcon { width: 14px; height: 14px; border: 1px solid #262926; } #bnsDbSkillInfo .infoMain .partCenter .centerWrap ul li a span { color: white; vertical-align: 3px; } #bnsDbSkillInfo .infoMain .partCenter .centerWrap ul li a:hover { text-decoration: none; } #bnsDbSkillInfo .infoMain .partRight { width: 244px; height: 284px; overflow: hidden; } #bnsDbSkillInfo .infoMain .partRight .rightWrap { width: 230px; height: 267px; background: url('https://static.inven.co.kr/image_2011/bns/dataninfo/frame_230x267_state1.png' ) no-repeat left top; margin: 10px 0 0 10px; } #bnsDbSkillInfo .infoMain .partRight .tableHead { width: 235px; overflow: hidden; font-weight: bold; letter-spacing: -1px; color: white; } #bnsDbSkillInfo .infoMain .partRight .tableHead span { display: block; float: left; text-align: center; overflow: hidden; } #bnsDbSkillInfo .infoMain .partRight .tableHead span.type { width: 53px; padding-top: 5px; _padding-top: 8px; height: 21px; _height: 26px; } #bnsDbSkillInfo .infoMain .partRight .tableHead span.baseLevel { width: 54px; padding-top: 5px; _padding-top: 8px; height: 21px; _height: 26px; } #bnsDbSkillInfo .infoMain .partRight .tableHead span.maxLevel { width: 56px; padding-top: 5px; _padding-top: 8px; height: 21px; _height: 26px; } #bnsDbSkillInfo .infoMain .partRight .tableHead span.changeLevel { width: 67px; text-align: left; padding-top: 5px; height: 21px; _height: 26px; } #bnsDbSkillInfo .infoMain .partRight .tableHead span.changeLevel input.iLevel{ width: 26px; height: 18px; background: #1c1c1e; border: 1px solid #ff7200; color: white; float:left; margin-left: 5px; font-size: 11px; padding-top:3px; } #bnsDbSkillInfo .infoMain .partRight .tableHead span.changeLevel input.bttn { width: 28px; height: 16px; display:block; text-indent: -10000em; float: left; margin-left: 4px; margin-top: 1px; overflow: hidden; background: none; border: none; } #bnsDbSkillInfo .infoMain .partRight .tableBody { width: 235px; overflow: hidden; font-weight: bold; letter-spacing: -1px; color: white; } #bnsDbSkillInfo .infoMain .partRight .tableBody span { display: block; float: left; text-align: center; overflow: hidden; padding-top: 5px; _padding-top: 7px; height: 19px; _height: 24px; } #bnsDbSkillInfo .infoMain .partRight .tableBody span.type { width: 53px; } #bnsDbSkillInfo .infoMain .partRight .tableBody span.baseLevel { width: 54px; } #bnsDbSkillInfo .infoMain .partRight .tableBody span.maxLevel { width: 56px; } #bnsDbSkillInfo .infoMain .partRight .tableBody span.changeLevel { width: 67px; } /* BASIC VIDEO PART */ #bnsDbSkillInfo .videoPart { width: 389px; overflow: hidden; } #bnsDbSkillInfo .videoPart iframe { margin-left: 10px; border: 1px solid black; } #bnsDbSkillInfo .videoList { width: 310px; margin-left: 7px; } #bnsDbSkillInfo .videoList ul li { clear: both; height: 15px; _height: 21px; overflow: hidden; white-space: nowrap; background: url('https://static.inven.co.kr/image_2011/bns/dataninfo/icon_rect_9x9_black1.png' ) no-repeat left center; padding: 4px 0 2px 12px; } #bnsDbSkillInfo .videoList ul li a{ color: white; font-weight: bold; letter-spacing: -1px; } #bnsDbSkillInfo .videoList ul li a:hover { color: #ffcc00; text-decoration: none; } /* BASIC TEXT INFO */ #bnsDbSkillInfo .boardInfos { width: 710px; overflow: hidden; } #bnsDbSkillInfo .boardInfo { width: 340px; overflow: hidden; margin: 0 0 0 10px; } #bnsDbSkillInfo .boardInfo .boardList { margin: 0 0 0 17px; padding: 8px 0 6px; } #bnsDbSkillInfo .boardInfo .boardList ul li { clear: both; height: 15px; _height: 21px; overflow: hidden; white-space: nowrap; background: url('https://static.inven.co.kr/image_2011/bns/common/icon_rect_white1.png' ) no-repeat left center; padding: 4px 0 2px 10px; } #bnsDbSkillInfo .boardInfo .boardList ul li a{ color: white; } #bnsDbSkillInfo .boardInfo .boardList ul li a:hover { color: #ffcc00; text-decoration: none; } #bnsDbSkillInfo .boardInfo .boardList ul li span.comment { color: #ecd32b; font-size: 11px; font-family: 돋움, dotum, 굴림, gulim, Helvetica; line-height: 14px; } /* FILTER */ #bnsDbFilter { width:710px;height:28px; border-bottom: 2px solid #8e8483;} #bnsDbFilter .wrapFilter { float:left ;} #bnsDbFilter .wrapFilter .wrapLeft { width:2px; height:28px;background:url('https://static.inven.co.kr/image_2011/bns/dataninfo/wrap_h28_left.png') left top no-repeat;} #bnsDbFilter .wrapFilter .wrapCenter { height:28px;background:url('https://static.inven.co.kr/image_2011/bns/dataninfo/wrap_h28_center.png') left top repeat-x;} #bnsDbFilter .wrapFilter .wrapCenter div { padding-top: 2px; } #bnsDbFilter .wrapFilter .wrapRight {width:5px; height:28px;background:url('https://static.inven.co.kr/image_2011/bns/dataninfo/wrap_h28_right.png') left top no-repeat;} /* LIST BODY */ /* COMMON */ #bnsDb .bnsDbCommonList table td span.comment { color: red; font-size: 11px; font-family: 돋움, dotum, 굴림, gulim, Helvetica; line-height: 14px; } /* QUEST LSIT */ /* TYPE : DEFAULT */ #bnsDb .bnsDbQuestList-Default table { width: 710px; } #bnsDb .bnsDbQuestList-Default table col.questname { } #bnsDb .bnsDbQuestList-Default table col.questdistrict { width: 100px; } #bnsDb .bnsDbQuestList-Default table col.startnpc { width: 130px; } #bnsDb .bnsDbQuestList-Default table col.rewarditems { width: 90px; } #bnsDb .bnsDbQuestList-Default table td ul, #bnsDb .bnsDbQuestList-Default table td ul li { clear:both; width: 220px; } #bnsDb .bnsDbQuestList-Default table td.questname a { font-weight: bold; } #bnsDb .bnsDbQuestList-Default table td.questname .questtype { margin: 0; } #bnsDb .bnsDbQuestList-Default table td.questname .questname { margin: 0 0 0 3px; } #bnsDb .bnsDbQuestList-Default table td.questname .reqjob { margin: 0 0 0 2px; } #bnsDb .bnsDbQuestList-Default table td.questname .questcategory { margin: 0 0 0 3px; } #bnsDb .bnsDbQuestList-Default table td.questname .questtutotrial { margin: 0 0 0 3px; } #bnsDb .bnsDbQuestList-Default table td.questname .reqfaction { margin: 0 0 0 3px; } #bnsDb .bnsDbQuestList-Default table td.questname .questgrade { margin: 0 0 0 3px; } #bnsDb .bnsDbQuestList-Default table td.questname .analysis { margin: -3px 0 0 3px; } #bnsDb .bnsDbQuestList-Default table td.questname img.iconimg { margin-bottom: -2px; } #bnsDb .bnsDbQuestList-Default table td.questname img.popupimg { } #bnsDb .bnsDbQuestList-Default table td.startnpc img, #bnsDb .bnsDbQuestList-Default table td.rewarditems img { width: 17px; height: 17px; } #bnsDb .bnsDbQuestList-Default table td.startnpc img.iconimg { margin-bottom: -3px; margin-right: 4px; } /* SKILL LSIT */ /* TYPE : DEFAULT */ #bnsDb .bnsDbSkillList-Default table { width: 710px; } #bnsDb .bnsDbSkillList-Default table col.skillicon { width: 59px; } #bnsDb .bnsDbSkillList-Default table col.skillname { width: 250px; } #bnsDb .bnsDbSkillList-Default table col.stancetype { width: 82px; } #bnsDb .bnsDbSkillList-Default table col.reqlevel { width: 140px; } #bnsDb .bnsDbSkillList-Default table col.reqskill { width: 76px; } /* 76 */ #bnsDb .bnsDbSkillList-Default table col.enchantskill { width: 189px; } #bnsDb .bnsDbSkillList-Default table td.skillname a{ font-weight: bold; letter-spacing: -1px; } #bnsDb .bnsDbSkillList-Default table td.skillname a:hover { text-decoration: none; color: red; } #bnsDb .bnsDbSkillList-Default table td.skillicon div.totalwrap{ position: relative; _position: none; width: 42px; height: 42px; overflow: hidden; margin-left: 10px; } #bnsDb .bnsDbSkillList-Default table td.skillicon .wrapWrap img{ width: 42px; height: 42px; } #bnsDb .bnsDbSkillList-Default table td.skillicon .iconWrap img { width: 40px; height: 40px; } #bnsDb .bnsDbSkillList-Default table td.skillicon div.totalwrap .iconWrap{ position: absolute; left: 1px; top: 1px; } #bnsDb .bnsDbSkillList-Default table td.skillicon div.totalwrap .wrapWrap { position: absolute; left: 0; top: 0; } #bnsDb .bnsDbSkillList-Default table td.skillicon div.totalwrap .hotkey { position: absolute; left: 4px; top: 3px; font-weight: bold; letter-spacing: -1px; font-size: 11px; color: white; text-shadow:0 -1px black, 1px 0 black, 0 1px black, -1px 0 black; filter: glow(color=#000000,strength=2); zoom: 1; } #bnsDb .bnsDbSkillList-Default table td.skillicon a:hover { text-decoration: none; color: red; } #bnsDb .bnsDbSkillList-Default table td.enchantskill ul li { padding: 4px 0 3px; width: 100px; } #bnsDb .bnsDbSkillList-Default table td.enchantskill ul li a:hover { text-decoration: none; color: red; } #bnsDb .bnsDbSkillList-Default table td.enchantskill ul li img { width: 17px; height: 17px; border: 1px solid black; margin-bottom: -1px; margin-top: -4px; vertical-align: middle; } #bnsDb .bnsDbSkillList-Default table td.enchantskill img { width: 16px; height: 16px; _margin: 0px 0 0 0; } #bnsDb .bnsDbSkillList-Default table td.enchantskill span { } #bnsDb .bnsDbSkillList-Default table td.enchantskill div { margin-bottom: 5px; clear: both; } /* TYPE : train */ #bnsDb .bnsDbSkillList-train table { width: 710px; } #bnsDb .bnsDbSkillList-train table col.skillicon { width: 61px; } #bnsDb .bnsDbSkillList-train table col.skillname { width: 291px; } #bnsDb .bnsDbSkillList-train table col.stancetype { width: 115px; } #bnsDb .bnsDbSkillList-train table col.reqlevel { width: 128px; } #bnsDb .bnsDbSkillList-train table col.skillattribute { width: 115px; } #bnsDb .bnsDbSkillList-train table td.skillname a{ font-weight: bold; letter-spacing: -1px; } #bnsDb .bnsDbSkillList-train table td.skillicon img{ width: 40px; height: 40px; border: 1px solid #8e8483; } /* RECIPE LSIT */ /* TYPE : DEFAULT */ #bnsDb .bnsDbRecipeList-Default table { width: 710px; } #bnsDb .bnsDbRecipeList-Default table col.outputitem { width: 285px; } #bnsDb .bnsDbRecipeList-Default table col.materials { width: 235px; } #bnsDb .bnsDbRecipeList-Default table col.craftlevel { width: 60px; } #bnsDb .bnsDbRecipeList-Default table col.timecost { width: 50px; } #bnsDb .bnsDbRecipeList-Default table col.money_cost { width: 80px; } #bnsDb .bnsDbRecipeList-Default table td ul, #bnsDb .bnsDbRecipeList-Default table td ul li { clear:both; width: 265px; } #bnsDb .bnsDbRecipeList-Default table td ul { margin: -7px 0 0; } #bnsDb .bnsDbRecipeList-Default table td ul li { clear: both; padding: 4px 0 1px; margin: 3px 0 0; } #bnsDb .bnsDbRecipeList-Default table td ul li img { width: 17px; height: 17px; border: 1px solid #969696; margin-right: 3px; margin-top: -4px; vertical-align: middle; } #bnsDb .bnsDbRecipeList-Default table td ul li div.iconWrap{ position: relative; width: 36px; height: 36px; float:left; } #bnsDb .bnsDbRecipeList-Default table td ul li div.iconWrap span{ position:absolute; width: 36px; height: 36px; padding-top: 5px; padding-bottom: 1px; } #bnsDb .bnsDbRecipeList-Default table td ul li div.iconWrap span.countPart { color: white; font-weight: bold; letter-spacing: -1px; left: 12px; top: 17px; display: block; width: 20px; text-align: right; text-shadow:0 -1px black, 1px 0 black, 0 1px black, -1px 0 black; filter: glow(color=#000000,strength=2); zoom: 1; } #bnsDb .bnsDbRecipeList-Default table td.outputitem span.recipeName{ font-weight: bold; letter-spacing: -1px; display: block; margin-top: 13px; _margin-top: 18px; padding-left: 40px; } #bnsDb .bnsDbRecipeList-Default table td .recipeGrade1 { color : #999d9e; } #bnsDb .bnsDbRecipeList-Default table td .recipeGrade2 { color : #000; } #bnsDb .bnsDbRecipeList-Default table td .recipeGrade3 { color : #1c923c; } #bnsDb .bnsDbRecipeList-Default table td .recipeGrade4 { color : #4343ff; } #bnsDb .bnsDbRecipeList-Default table td .recipeGrade5 { color : #e85cff; } #bnsDb .bnsDbRecipeList-Default table td .recipeGrade6 { color : #ffce56; } #bnsDb .bnsDbRecipeList-Default table td .recipeGrade7 { color : #FF7803; } #bnsDb .bnsDbRecipeList-Default table td .recipeGrade8 { color : #8B7BFF; } #bnsDb .bnsDbRecipeList-Default table td.outputitem img{ width: 34px; height: 34px; } /* GALLERY LIST */ #bnsDb .bnsDbGalleryList .galleryMain {width:680px;margin:15px 0 0 15px;padding-bottom:17px;clear:both;overflow:hidden;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft {width:279px;overflow:hidden;} #bnsDb .bnsDbGalleryList .galleryMain .partRight {width:394px;margin-left:7px;overflow:hidden;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft h3 { margin:10px 0 0 1px;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap {width:271px;margin:4px 0 0 4px;overflow:hidden;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul {width:271px; margin:1px 0 0 1px; overflow:hidden;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul li {width:91px; height:27px; margin:-1px 0 0 -1px; overflow:hidden; background: url('https://static.inven.co.kr/image_2011/bns/common/bttn_91x27_black1a.png') no-repeat left top;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul li, #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul li a {display:inline; float:left; width:91px; height:23px;_height:27px;padding-top:4px;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul li a {font-size:11px;font-family:Dotum;color: #c7c5c5;text-align:center;letter-spacing: -1px;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul li.selected a, #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul li a:hover { color: #ffde00; text-decoration:none;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul li a.blue1 {color:#00f0ff;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul li.selected a.blue1, #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul li a.blue1:hover {color:#ffde00;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul li a.red1 {color:#f9000c;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul li.selected a.red1, #bnsDb .bnsDbGalleryList .galleryMain .partLeft .dressWrap ul li a.red1:hover {color:#ffde00;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .typeFilter ul { margin-left:1px;margin-top:5px;width:277px; height:18px;background: url('https://static.inven.co.kr/image_2011/bns/common/dot_8x2_black1a.png') repeat-x left bottom;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .typeFilter ul li {background: url('https://static.inven.co.kr/image_2011/bns/common/sep_2x12_black1a.png') no-repeat left top; } #bnsDb .bnsDbGalleryList .galleryMain .partLeft .typeFilter ul li a { padding: 4px 14px 2px 14px; margin-top: 4px; color:#ffc600;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .typeFilter ul li.white1 a, #bnsDb .bnsDbGalleryList .galleryMain .partLeft .typeFilter ul li.white1 a:hover {color:#fff;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .typeFilter ul li.blue1 a, #bnsDb .bnsDbGalleryList .galleryMain .partLeft .typeFilter ul li.blue1 a:hover {color:#00f2f4;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .typeFilter ul li.red1 a, #bnsDb .bnsDbGalleryList .galleryMain .partLeft .typeFilter ul li.red1 a:hover {color:#f9000c;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .choseongFilter ul { clear:both;margin-left:11px;margin-top:5px;width:267px; height:14px;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .choseongFilter ul li a { padding: 4px 3px 2px 3px; margin-top: 4px; color:#ffffff;} #bnsDb .bnsDbGalleryList .galleryMain .partLeft .choseongFilter ul li.selected a, #bnsDb .bnsDbGalleryList .galleryMain .partLeft .choseongFilter ul li a:hover {color:#ffc600;} #bnsDb .bnsDbGalleryList .galleryMain .partRight h3 { margin:10px 0 0 1px;} #bnsDb .bnsDbGalleryList .galleryMain .photoWrap {} #bnsDb .bnsDbGalleryList .galleryMain .menuRace { width:384px; height:86px; margin-left:5px; overflow:hidden;} #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul { clear:both; width:384px; height: 86px; overflow:hidden;} #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul li a { display: inline; float: left; height: 172px; overflow: hidden; text-indent: -10000em;} #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul li a { background: url('https://static.inven.co.kr/image_2011/bns/common/menu_gallery_race1.png') no-repeat left top;} #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul li.jf a {width: 48px; background-position: 0px 0px; } #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul li.jm a {width: 48px; background-position: -48px 0px; } #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul li.gf a {width: 48px; background-position: -96px 0px; } #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul li.gm a {width: 48px; background-position: -144px 0px; } #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul li.lf a {width: 48px; background-position: -192px 0px; } #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul li.lm a {width: 48px; background-position: -240px 0px; } #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul li.kf a {width: 48px; background-position: -288px 0px; } #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul li.sm a {width: 48px; background-position: -336px 0px; } #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul li.selected a, #bnsDb .bnsDbGalleryList .galleryMain .menuRace ul li a:hover {margin: -86px 0 0; } #bnsDb .bnsDbGalleryList .galleryMain .photoImg { width: 384px;margin:4px 0 0 5px;} #bnsDb .bnsDbGalleryList .galleryMain .photoImg .image { width: 191px; height: 426px; background:url('https://static.inven.co.kr/image_2011/bns/common/bg_191x426_black1.jpg') no-repeat left top;} #bnsDb .bnsDbGalleryList .galleryMain .photoImg .back { margin-left:2px; } #bnsDb .bnsDbGalleryList .galleryMain .photoImg img { display:inline;float:left;margin:1px; width:189px;height:424px;} #bnsDb .bnsDbGalleryList .galleryMain .photoInfo {width:384px; margin:5px 0 0 5px; overflow:hidden; clear:both;} #bnsDb .bnsDbGalleryList .galleryMain .photoInfo .photoTitle {width:146px; color:#ffc600; margin-left:8px;} #bnsDb .bnsDbGalleryList .galleryMain .photoInfo .photoDrop {width:222px; float:right; margin-right:8px; color:#fff; text-align:right;} #bnsDb .bnsDbGalleryList .galleryMain .photoInfo .photoTitle, #bnsDb .bnsDbGalleryList .galleryMain .photoInfo .photoDrop { padding: 6px 0 4px 0;} #bnsDb .bnsDbGalleryList .galleryMain .dressSet ul { width:376px; margin-left:5px;} #bnsDb .bnsDbGalleryList .galleryMain .dressSet ul li { margin-top: 3px; padding: 6px 5px 4px 10px;} #bnsDb .bnsDbGalleryList .galleryMain .dressSet ul li img { border: 1px solid #969696; height: 17px; margin-right: 3px; width: 17px;} #bnsDb .bnsDbGalleryList .galleryMain .dressSet ul li a { color: #fff;} #bnsDb .bnsDbGalleryList .galleryMain .photoInfo img.seticonimg, #bnsDb .bnsDbGalleryList .galleryMain .dressSet img.seticonimg { border: medium none; margin-bottom: -1px; margin-top: -4px; vertical-align: middle; } #bnsDb .bnsDbGalleryList .galleryInfo { clear: both; margin: 0 0 0 15px; overflow: hidden; padding-bottom: 17px; width: 680px;} #bnsDb .bnsDbGalleryList .galleryInfo .galleryInfoLink { width: 680px; color: #eee; text-align:center; } #bnsDb .bnsDbGalleryList .galleryInfo .galleryInfoLink input { width: 500px;} #bnsDb .bnsDbGalleryList .galleryMain .dressSet { width:384px; margin:0 0 0 5px; padding-bottom:5px; overflow:hidden;} /* USER GALLERY LIST */ #bnsDb .bnsDbUserGallery {width:710px;clear:both;overflow:hidden;} #bnsDb .bnsDbUserGallery .pagingWrap {width: 684px;height:91px;margin:17px 0 0 13px;} #bnsDb .bnsDbUserGallery .pagingWrap .arrow { width:30px; height:81px;} #bnsDb .bnsDbUserGallery .pagingWrap .arrow.arrowleft {background:url('https://static.inven.co.kr/image_2011/bns/common/arrowleft_15x19_black1.png') no-repeat left center;} #bnsDb .bnsDbUserGallery .pagingWrap .arrow.arrowRight {background:url('https://static.inven.co.kr/image_2011/bns/common/arrowright_15x19_black1.png') no-repeat right center;} #bnsDb .bnsDbUserGallery .pagingWrap .preview { width: 624px;} #bnsDb .bnsDbUserGallery .pagingWrap .preview ul li { margin-left: 5px;} #bnsDb .bnsDbUserGallery .pagingWrap .preview ul {width:624px;} #bnsDb .bnsDbUserGallery .pagingWrap .preview ul li a { width: 119px; height: 83px; background-color: #384656;} #bnsDb .bnsDbUserGallery .pagingWrap .preview ul li a {display:inline;float:left;} #bnsDb .bnsDbUserGallery .pagingWrap .preview ul li a img { display:inline; float:left; width: 117px; height:81px; margin:1px 0 0 1px;} #bnsDb .bnsDbUserGallery .pagingWrap .preview ul li.selected a, #bnsDb .bnsDbUserGallery .pagingWrap .preview ul li a:hover {background-color: #FFC600;} #bnsDb .bnsDbUserGallery .pagingWrap .preview .emptyPhoto {width:624px;margin-top:30px;text-align:center;font-size:14px;font-family:Dotum;color:#eee;} #bnsDb .bnsDbUserGallery .pagingWrap .pagingable { cursor: pointer;} #bnsDb .bnsDbUserGallery .viewWrap {width: 684px;margin:10px 0 0 13px; padding-bottom: 10px;} #bnsDb .bnsDbUserGallery .viewWrap .imageWrap {width: 650px;margin:10px 0 0 17px;overflow:hidden;text-align:center;} #bnsDb .bnsDbUserGallery .viewWrap .imageWrap img {} #bnsDb .bnsDbUserGallery .viewWrap .imageInfo { width: 648px; _width: 650px; overflow:hidden; clear:both; margin: 5px 0 0 17px; background-color: #1c232b; } #bnsDb .bnsDbUserGallery .viewWrap .imageInfo { border-top: 1px solid #474747; border-left: 1px solid #474747; border-right: 1px solid #000000; border-bottom: 1px solid #000000; } #bnsDb .bnsDbUserGallery .viewWrap .imageInfo .writer { width: 120px; margin-left:10px; padding: 8px 0 6px; color:#eeeeee;} #bnsDb .bnsDbUserGallery .viewWrap .imageInfo .subject { width: 450px; margin-right:10px; padding: 8px 0 6px; float:right; text-align:right; color:#eeeeee;} #bnsDb .bnsDbUserGallery .viewWrap input.inputsubject, #bnsDb .bnsDbUserGallery .viewWrap input.file {width: 400px;} #bnsDb .bnsDbUserGallery .menuWrap { margin: 10px 0 0 30px; padding-bottom: 24px; width: 648px;} #bnsDb .bnsDbUserGallery .menuWrap .leftMenu { float:left;} #bnsDb .bnsDbUserGallery .menuWrap .leftMenu .modDress label { color:#eeeeee;} #bnsDb .bnsDbUserGallery .menuWrap .RightMenu { float:Right;} #bnsDb .bnsDbUserGallery .menuWrap .RightMenu ul { float:Right;} #bnsDb .bnsDbUserGallery .menuWrap ul li { margin: 3px 0 0 3px;} #bnsDb .bnsDbUserGallery .menuWrap ul li a { display:inline;float:left; padding: 3px 8px 0 8px; height: 20px; color: #EEEEEE;} #bnsDb .bnsDbUserGallery .menuWrap ul li a { border-color: #474747 #000000 #000000 #474747; border-style: solid; border-width: 1px;} #bnsDb .bnsDbUserGallery .menuWrap ul li a:hover { text-decoration: none; color:#FFC600; background-color:#3C434B;} /* DETAIL */ /* COMMON DETAIL */ /* ITEM DETAIL */ #bnsDbItemDetail td.sealitems p { text-align: left; line-height: 18px; _line-height: 22px; } #bnsDbItemDetail .detailinfo span.thumb { float: left; border: 1px solid #7d7f7d; margin-right: 2px; width: 16px; height: 16px; } #bnsDbItemDetail .detailinfo span.thumb img { vertical-align: -5px; width: 16px; height: 16px; } #bnsDbItemDetail td.itemname { _line-height: 18px; } /* RECIPE DETAIL */ #bnsDbRecipeDetail .infoBasic table { width: 344px;} #bnsDbRecipeDetail .infoBasic table col.col1 {width: 99px;} #bnsDbRecipeDetail .infoBasic table col.col2 {width: 73px;} #bnsDbRecipeDetail .infoItem table { width: 344px;} #bnsDbRecipeDetail .infoItem table col.col1 {width: 172px;} #bnsDbRecipeDetail .infoItem table col.col2 {width: 172px;} #bnsDbRecipeDetail .infoItem table td img { width: 17px; height: 17px; border: none; margin-right: 3px; } /* Custom Menu 1 */ #bnsDb .bnsDbCommonTop .customMenu1 { width: 710px; clear: both; } /* textMenu 3 */ #bnsBody .guidemenuBorder { height:3px; overflow:hidden; width:710px; background:url(https://static.inven.co.kr/image_2011/bns/common/menu_border.png) top left no-repeat; } #bnsBody .textMenu3 { } #bnsBody .tableType4 table { width:710px; } #bnsBody .tableType4 tr { } #bnsBody .tableType4 th, #bnsBody .tableType4 td { border-bottom:#c7b57f 1px solid; } #bnsBody .tableType4 .last th, #bnsBody .tableType4 .last td { border-bottom:0; } #bnsBody .tableType4 th { width:107px; } #bnsBody .tableType4 th.row2 div { padding:12px 0; } #bnsBody .tableType4 th div { background:#e4dfd1; height:26px; margin:1px 0 1px 0px; font:bold 12px/26px 굴림, gulim; color:#4b3e21; display:block; float:none; } #bnsBody .tableType4 td .listType3 { margin-left:16px; } #bnsBody .tableType4 td .listType3 ul { margin-bottom:0; padding:4px 0; width:587px; } #bnsBody .tableType4 td .listType3 ul li { margin-right:17px; padding-right:18px; background:url(https://static.inven.co.kr/image_2011/bns/common/guid_menu_separator.png) 100% 3px no-repeat; } #bnsBody .tableType4 td.recipepad .listType3 ul li { margin-right: 12px; padding-right: 12px; } #bnsBody .tableType4 td .many ul li { margin-right:10px; padding-right:11px; background:url(https://static.inven.co.kr/image_2011/bns/common/guid_menu_separator.png) 100% 3px no-repeat; } #bnsBody .tableType4 td .listType3 ul li.lastli { background:none; } #bnsBody .tableType4 td .listType3 ul li a { color:#000; letter-spacing:-1px; } #bnsBody .tableType4 td .listType3 ul li a:hover, #bnsBody .tableType4 td .listType3 ul li a.selected { text-decoration:underline; color:#f00000; } /* QUEST DETAIL */ #bnsDbQuestDetail .infoGroup { width: 710px; margin-bottom: 10px; } #bnsDbQuestDetail .infoGroup .infoGroupSplitLeft { width: 394px; overflow: hidden; } #bnsDbQuestDetail .infoGroup .infoGroupSplitRight { width: 306px; overflow: hidden; margin-left: 10px; } #bnsDbQuestDetail .infoGroup .infoBody { border-top: 2px solid #8e8483; } #bnsDbQuestDetail .infoGroup ul.questobject li { width: 95%; _width: 100%; font-weight: bold; line-height: 150%; } #bnsDbQuestDetail .infoGroup ul.questobject li img { height: 17px; margin: 0 3px -3px 3px; } #bnsDbQuestDetail .basicInfo { margin-bottom: 10px; } #bnsDbQuestDetail .infoBasic table { width: 306px;} #bnsDbQuestDetail .infoBasic table col.col1 { width: 100px; } #bnsDbQuestDetail .infoBasic table col.col2 { } #bnsDbQuestDetail .infoBasic table td img { width: 17px; height: 17px; border: none; margin: 0 3px -3px 3px; } #bnsDbQuestDetail .infoBasic table td img.fontimg { width: 30px; height:13px; margin: 0;} #bnsDbQuestDetail .infoBasic table td img.fontimg2 { width: 39px; height:13px; margin: 0;} #bnsDbQuestDetail .infoBasic table td .itemgrade1 { color : #9A9A9A; } #bnsDbQuestDetail .infoBasic table td .itemgrade2 { color : #000000; } #bnsDbQuestDetail .infoBasic table td .itemgrade3 { color : #57FF78; } #bnsDbQuestDetail .infoBasic table td .itemgrade4 { color : #00D9FF; } #bnsDbQuestDetail .infoBasic table td .itemgrade5 { color : #D836FF; } #bnsDbQuestDetail .infoBasic table td .itemgrade6 { color : #FF9700; } #bnsDbQuestDetail .infoBasic table td .itemgrade7 { color : #FF7803; } #bnsDbQuestDetail .infoBasic table td .itemgrade8 { color : #FF5A00; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #bnsBody #bnsDbQuestDetail .detailquestinfo div.tableType1 table td { line-height: auto; } } /* SKILL DETAIL */ /* COMMON */ #bnsDbSkillDetail { margin-bottom: 75px; } #bnsDbSkillDetail .infoGroups { width: 710px; } #bnsDbSkillDetail .infoGroup { width: 710px; clear: both; } /* BASIC INFO */ /* BASIC INFO */ #bnsDbSkillDetail .basicInfo1 .infoBody .bnsDbSkillLayer { position: static; display: inline; } /* BASIC INFO 1 */ #bnsDbSkillDetail .basicInfo1 { width: 318px; overflow: hidden; padding-bottom: 35px; } #bnsDbSkillDetail .basicInfo1 .infoTitle { clear: both; } #bnsDbSkillDetail .basicInfo1 .infoBody { clear: both; width: 318px; overflow: hidden; } /* BASIC INFO 2 */ #bnsDbSkillDetail .basicInfo2 { width: 334px; _width: 343px; overflow: hidden; margin: 0 0 0 58px; _margin: 0 0 0 49px; } #bnsDbSkillDetail .basicInfo2 .infoTitle { clear: both; } #bnsDbSkillDetail .basicInfo2 .infoBody { clear: both; width: 334px; _width: 343px; overflow: hidden; } #bnsDbSkillDetail .basicInfo2 .infoBody table { width: 334px; _width: 343px; } #bnsDbSkillDetail .basicInfo2 .infoBody table col.col1 { width: 100px; } #bnsDbSkillDetail .basicInfo2 .infoBody table col.col2 { width: 234px; _width: 243px; } /* BASIC INFO 2 - custome */ #bnsDbSkillDetail .customInfo { clear: both; margin-left: 0px; width: 319px; } #bnsDbSkillDetail .basicInfo2 .infoBody table { width: 319px; } #bnsDbSkillDetail .customInfo .infoBody table col.col2 { width: 200px; } /* BASIC INFO 3 */ #bnsDbSkillDetail .basicInfo3 { width: 334px; _width: 343px; overflow: hidden; margin: 5px 0 0 10px; } #bnsDbSkillDetail .basicInfo3 div { width: 314px; _width: 343px; border-top: 2px solid #8e8483; border-bottom: 1px solid #e3dede; padding: 10px; } /* TRAIN INFO */ #bnsDbSkillDetail .trainInfo { margin-bottom: 5px; } #bnsDbSkillDetail .trainInfo .listBody { border-top:2px solid #8e8483; } /* TREE DATA */ #bnsDbSkillDetail .treeWrap { width: 380px; height: 499px; margin-left: 12px; background:url(https://static.inven.co.kr/image_2011/bns/common/skill_tree_frame_380x499.jpg) left top no-repeat; overflow: hidden; position: absolute; } #bnsDbSkillDetail .treeWrap .totalwrap{ position: absolute; width: 56px; height: 56px; } #bnsDbSkillDetail .treeWrap .totalwrap .iconWrap{ position: absolute; left: 3px; top: 3px; } #bnsDbSkillDetail .treeWrap .totalwrap .iconWrap img { width:50px; height: 50px; } #bnsDbSkillDetail .treeWrap .totalwrap .wrapWrap{ position: absolute; } #bnsDbSkillDetail .treeWrap .totalwrap .maxWrap { width: 33px; _width: 38px; height: 22px; _height: 30px; padding: 5px 0 0 8px; left: 29px; top: 41px; position: absolute; background:url(https://static.inven.co.kr/image_2011/bns/dataninfo/wrap_maxWrap.png) left top no-repeat; } #bnsDbSkillDetail .treeWrap .totalwrap .maxWrap span{ color: #cbcbcb; } #bnsDbSkillDetail .treeWrap .treeObj { position: absolute; } #bnsDbSkillDetail .treeWrap .posX1 { left: 21px; } #bnsDbSkillDetail .treeWrap .posX2 { left: 116px; } #bnsDbSkillDetail .treeWrap .posX3 { left: 209px;} #bnsDbSkillDetail .treeWrap .posX4 { left: 300px;} #bnsDbSkillDetail .treeWrap .posY1 { top: 22px; } #bnsDbSkillDetail .treeWrap .posY2 { top: 123px; } #bnsDbSkillDetail .treeWrap .posY3 { top: 223px; } #bnsDbSkillDetail .treeWrap .posY4 { top: 323px; } #bnsDbSkillDetail .treeWrap .posY5 { top: 423px; } #bnsDbSkillDetail .treeWrap .type5 { margin: -3px 0 0 -9px; } #bnsDbSkillDetail .treeWrap .type5 .iconWrap img { margin: 6px 0 0 9px; } #bnsDbSkillDetail .treeWrap .skillArrow { position: absolute; } #bnsDbSkillDetail .treeWrap .topArrow { width: 4px; height: 19px; background:url(https://static.inven.co.kr/image_2011/bns/dataninfo/skill_arrow_line_UD.png) repeat-y left top; } #bnsDbSkillDetail .treeWrap .botArrow { width: 12px; height: 28px; background:url(https://static.inven.co.kr/image_2011/bns/dataninfo/skill_arrow_bot.png) left top no-repeat; } #bnsDbSkillDetail .treeWrap .midArrow { height: 4px; width: 50px; background:url(https://static.inven.co.kr/image_2011/bns/dataninfo/skill_arrow_line_LR.png) repeat-x left top; } #bnsDbSkillDetail .treeWrap .midUDArrow { width: 4px; height: 20px; background:url(https://static.inven.co.kr/image_2011/bns/dataninfo/skill_arrow_line_UD.png) repeat-y left top; } #bnsDbSkillDetail .treeWrap .TAX1 { left: 47px; } #bnsDbSkillDetail .treeWrap .TAX2 { left: 142px; } #bnsDbSkillDetail .treeWrap .TAX3 { left: 235px; } #bnsDbSkillDetail .treeWrap .TAX4 { left: 326px; } #bnsDbSkillDetail .treeWrap .TAY1 { top: 77px; } #bnsDbSkillDetail .treeWrap .TAY2 { top: 179px; } #bnsDbSkillDetail .treeWrap .TAY3 { top: 279px; } #bnsDbSkillDetail .treeWrap .TAY4 { top: 379px; } #bnsDbSkillDetail .treeWrap .TAY5 { top: 451px; } #bnsDbSkillDetail .treeWrap .BAX1 { left: 43px; } #bnsDbSkillDetail .treeWrap .BAX2 { left: 138px; } #bnsDbSkillDetail .treeWrap .BAX3 { left: 231px; } #bnsDbSkillDetail .treeWrap .BAX4 { left: 322px; } #bnsDbSkillDetail .treeWrap .BAY1 { top: 22px; } #bnsDbSkillDetail .treeWrap .BAY2 { top: 96px; } #bnsDbSkillDetail .treeWrap .BAY3 { top: 196px; } #bnsDbSkillDetail .treeWrap .BAY4 { top: 296px; } #bnsDbSkillDetail .treeWrap .BAY5 { top: 396px; } #bnsDbSkillDetail .treeWrap .MAX1 { left: 47px; } #bnsDbSkillDetail .treeWrap .MAX2 { left: 142px; } #bnsDbSkillDetail .treeWrap .MAX3 { left: 235px; } #bnsDbSkillDetail .treeWrap .MAX4 { left: 326px; } #bnsDbSkillDetail .treeWrap .MAY1 { top: 92px; } #bnsDbSkillDetail .treeWrap .MAY2 { top: 195px; } #bnsDbSkillDetail .treeWrap .MAY3 { top: 292px; } /*#bnsDbSkillDetail .treeWrap .MAY4 { top: 366px; }*/ #bnsDbSkillDetail .treeWrap .MAY4 { top: 396px; } #bnsDbSkillDetail .treeWrap .CMAX1 { left: 47px; } #bnsDbSkillDetail .treeWrap .CMAX2 { left: 142px; } #bnsDbSkillDetail .treeWrap .CMAX3 { left: 235px; } #bnsDbSkillDetail .treeWrap .CMAX4 { left: 326px; } #bnsDbSkillDetail .treeWrap .CMAY1 { top: 92px; } #bnsDbSkillDetail .treeWrap .CMAY2 { top: 195px; } #bnsDbSkillDetail .treeWrap .CMAY3 { top: 292px; } #bnsDbSkillDetail .treeWrap .CMAY4 { top: 366px; } #bnsDbSkillDetail .treeWrap .comX1 { width: 99px; } #bnsDbSkillDetail .treeWrap .comX2 { width: 192px;} #bnsDbSkillDetail .treeWrap .comX3 { width: 283px; } #bnsDbSkillDetail .treeWrap .arrowWrap3 .comX1 { width: 97px; } #bnsDbSkillDetail .treeWrap .arrowWrap4 .comX1 { width: 95px; } #bnsDbSkillDetail .treeWrap .arrowWrap4 .comX2 { width: 188px; } #bnsDbSkillDetail .treeWrap .directY2 { height: 120px; } #bnsDbSkillDetail .treeWrap .directY3 { height: 220px; } #bnsDbSkillDetail .treeWrap .directY4 { height: 320px; } #bnsDbSkillDetail .treeWrap .curveY2 { height: 120px; } #bnsDbSkillDetail .treeWrap .curveY3 { height: 220px;} #bnsDbSkillDetail .treeWrap .curveY4 { height: 320px; } #bnsDbSkillDetail .treeWrap .noneTree { width: 380px; text-align: center; color: white; position: absolute; left: 0px; top: 215px; font-weight: bold; letter-spacing: -1px; } /* COMMON COMPONENTS */ /* COMMON BOARD VIEW */ /* Basic */ #bnsDb .bnsDbCommonBoardView { } #bnsDb .bnsDbCommonBoardView .title { clear: both; margin: 29px 0 0 45px; } #bnsDb .bnsDbCommonBoardView .viewBody { width: 650px; margin: 15px 0 0 29px; } #bnsDb .bnsDbCommonBoardView .importantNote { width: 648px; _width: 650px; margin-top: 10px; margin-left:44px; padding: 6px 0 2px; border: solid 1px #F00; color: #F00; font-weight: bold; letter-spacing: -1px; text-align: center; } #bnsDb .bnsDbCommonBoardView .boardContent { width: 650px; margin-top: 20px; margin-left: 0px; padding-bottom: 20px; line-height: 140%; } #bnsDb .bnsDbCommonBoardView .links { width: 650px; margin-top: 20px; margin-left:44px; padding-bottom: 10px; } #bnsDb .bnsDbCommonBoardView .links a { color: #000088; font-weight: bold; letter-spacing: -1px; } /* old : 620px */ #bnsDb .w620 .bnsDbCommonBoardView .viewBody { width: 620px; margin: 15px 0 0 45px; } #bnsDb .w620 .bnsDbCommonBoardView .importantNote { width: 618px; _width: 620px;} #bnsDb .w620 .bnsDbCommonBoardView .boardContent { width: 620px;} /* Board Overwrite */ #bnsDb .bnsDbCommonBoardView .boardContent div, #bnsDb .bnsDbCommonBoardView .boardContent h1, #bnsDb .bnsDbCommonBoardView .boardContent h2, #bnsDb .bnsDbCommonBoardView .boardContent h3, #bnsDb .bnsDbCommonBoardView .boardContent h4, #bnsDb .bnsDbCommonBoardView .boardContent h5, #bnsDb .bnsDbCommonBoardView .boardContent h6 { float: none; display: block; } #bnsDb .bnsDbCommonBoardView .boardContent ul, #bnsDb .bnsDbCommonBoardView .boardContent ol { float: none; display: block; margin: 0 0 0 30pt; padding: 0px; } #bnsDb .bnsDbCommonBoardView .boardContent li, #bnsDb .bnsDbCommonBoardView .boardContent li { float: none; display: list-item; padding: 0px; margin: 0px; } #bnsDb .bnsDbCommonBoardView .boardContent h1, #bnsDb .bnsDbCommonBoardView .boardContent h2, #bnsDb .bnsDbCommonBoardView .boardContent h3, #bnsDb .bnsDbCommonBoardView .boardContent h4, #bnsDb .bnsDbCommonBoardView .boardContent h5, #bnsDb .bnsDbCommonBoardView .boardContent h6 { font-weight: bold; } /* SEARCH */ /* COMMON */ #bnsDb .bnsDbSearch { width: 710px; height: 50px; overflow: hidden; } #bnsDb .bnsDbSearch form fieldset p { display: inline; float: left; width: 710px; margin: 0; padding: 0; } #bnsDb .bnsDbRecipeSearch form fieldset p { width: 307px; } #bnsDb .bnsDbSearch form fieldset p label { display: inline; float: left; height: 50px; overflow: hidden; text-indent: -10000em; cursor: pointer; } #bnsDb .bnsDbSearch form fieldset p input.text { display: inline; float: left; width: 313px; height: 24px; overflow: hidden; color: black; font-size: 12px; line-height: 15px; border: 1px solid #2e2d2d; background: white; margin: 14px 0 0; padding: 2px 0 0 5px; _padding: 5px 5px 0; } #bnsDb .bnsDbSearch form fieldset p.levelSearch input.text { width: 37px; } #bnsDb .bnsDbSearch form fieldset p.levelSearch input.text.graderight { margin-left: 34px; } #bnsDb .bnsDbSearch form fieldset p input.submit { display: inline; float: left; width: 56px; height: 23px; overflow: hidden; text-indent: -10000em; cursor: pointer; background: url('https://static.inven.co.kr/image_2011/bns/dataninfo/bttn_56x23_orange1_search.png') no-repeat left top; border: none; margin: 14px 0 0 11px; padding: 0; } /* RECIPE SEARCH */ #bnsDb .bnsDbRecipeSearch { background: url('https://static.inven.co.kr/image_2011/bns/dataninfo/bg_search1_recipe.png') no-repeat left top; } #bnsDb .bnsDbRecipeSearch form fieldset p.nameSearch { width: 424px; } #bnsDb .bnsDbRecipeSearch form fieldset p label { width: 80px; } #bnsDb .bnsDbRecipeSearch form fieldset p input.text { width: 145px; } /* QUEST SEARCH */ #bnsDb .bnsDbQuestSearch { background: url('https://static.inven.co.kr/image_2011/bns/dataninfo/bg_search1_quest.png') no-repeat left top; } #bnsDb .bnsDbQuestSearch form fieldset p.nameSearch { width: 424px; } #bnsDb .bnsDbQuestSearch form fieldset p label { width:110px; margin-left: 51px; } #bnsDb .bnsDbQuestSearch form fieldset p input.text { width:319px; } /* BNS MOVIE */ #bnsDb #bnsDbMovieList .topMenu { margin-top: 15px; width: 708px; height: 60px; _width: 710px; _height: 62px; border: 1px solid #4f525e; background: #191d22; overflow: hidden; } #bnsDb #bnsDbMovieList .topMenu ul { margin: 5px 0 0 5px; width: 720px; } #bnsDb #bnsDbMovieList .topMenu ul LI { width: 134px; height: 50px; overflow: hidden; margin-right: 7px; } #bnsDb #bnsDbMovieList .topMenu ul LI a { float: left; width: 134px; height: 50px; background: url('https://static.inven.co.kr/image_2011/bns/dataninfo/bttn_698x100_movietop1a.png') no-repeat left top; overflow: hidden; text-indent: -1000em; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter0 a { background-position: 0px 0px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter1 a { background-position: -134px 0px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter2 a { background-position: -268px 0px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter3 a { background-position: -402px 0px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter4 a { background-position: -536px 0px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter0 a:hover { background-position: 0px -50px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter1 a:hover { background-position: -134px -50px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter2 a:hover { background-position: -268px -50px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter3 a:hover { background-position: -402px -50px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter4 a:hover { background-position: -536px -50px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter0 a.selected { background-position: 0px -50px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter1 a.selected { background-position: -134px -50px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter2 a.selected { background-position: -268px -50px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter3 a.selected { background-position: -402px -50px; } #bnsDb #bnsDbMovieList .topMenu ul LI.chapter4 a.selected { background-position: -536px -50px; } #bnsDb #bnsDbMovieList .listWrap1 { width: 708px; _width: 710px; border: 1px solid #b4b3b3; background: #ded8d8; overflow: hidden; margin-top: 10px; } #bnsDb #bnsDbMovieList .listWrap2 { width: 696px; _width: 698px; margin: 5px; border: 1px solid #cbc0b0; background: white; overflow: hidden; } #bnsDb #bnsDbMovieList .listWrap2 .listMain { margin: 13px 0 0 16px; width: 665px; overflow: hidden; padding-bottom: 3px; } #bnsDb #bnsDbMovieList .listWrap2 .listMain UL { width: 700px; overflow: hidden; } #bnsDb #bnsDbMovieList .listWrap2 .listMain UL LI { width: 225px; height: 80px; overflow: hidden; } #bnsDb #bnsDbMovieList .listWrap2 .listMain UL LI img { width: 215px; height: 70px; border: 0; } #bnsDb #bnsDbMovieList .helpMessage { width: 710px; margin-top: 10px; } #bnsbody .tableType5 table { width:710px; } #bnsbody .tableType5 th, #bnsbody .searchTable th { width:107px; padding:0; } #bnsbody .tableType5 th div, #bnsbody .searchTable th div { background:#e2dfe0; font:bold 12px/14px 굴림,gulim; text-align:center; display:block; float:none; padding:4px 0 5px; margin:1px 0; } #bnsbody .tableType5 th, #bnsbody .tableType5 td { border-bottom:1px solid #9b9b9b; } #bnsbody .tableType5 .lasttr th, #bnsbody .tableType5 .lasttr td, #bnsbody .searchTable .lasttr th, #bnsbody .searchTable .lasttr td { border-bottom:none; } #bnsbody .tableType5 td { width:603px; } #bnsbody .tableType5 .lasttr td { width:243px; } #bnsbody .tableType5 td ul { margin-top:1px; } #bnsbody .tableType5 td.taglist { vertical-align:top; } #bnsbody .tableType5 td.taglist ul { margin-top:6px; } #bnsbody .tableType5 td ul li { padding:0 12px; background:url(https://static.inven.co.kr/image_2011/bns/common/guid_menu_separator.png) 100% 3px no-repeat; } #bnsbody .tableType5 td ul li.lastli { background:none; } #bnsbody .tableType5 td ul li a.selected { letter-spacing:-1px; font-weight:bold; } #bnsbody .tableType5 td ul li a img { width:24px; height:12px; } #bnsbody #bnsDbItemSearch { background:url(https://static.inven.co.kr/image_2011/bns/common/searchtable_caption.png) left top no-repeat; padding-left:27px; } #bnsBody .searchTable { width:683px; } #bnsBody .searchTableTop { background:url(https://static.inven.co.kr/image_2011/bns/common/wrap_683_botop.png) top left no-repeat; padding-top:2px; } #bnsBody .searchTableBot { background:url(https://static.inven.co.kr/image_2011/bns/common/wrap_683_botop.png) bottom left no-repeat; padding-bottom:2px; } #bnsbody .searchTable th div { background:#ebe4d0; } #bnsBody .searchTable table { background:#fff; border:1px solid #915d36; border-top:0px; border-bottom:0px; } #bnsbody .searchTable th, #bnsbody .searchTable td { border-bottom:1px solid #915d36; } #bnsbody .searchTable td { width:574px; } #bnsbody .searchTable th { background: #ebe4d0; } #bnsbody .searchTable .row2 div { margin-left:1px; } #bnsbody .searchTable .row2 th div { /*padding:21px 0 20px;*/ } #bnsbody .searchTable .row2 td{ /*background:url(https://static.inven.co.kr/image_2011/bns/common/dotline_4x1_black.png) left center repeat-x;*/ } #bnsbody .searchTable tr.row3 th { background: #ebe4d0; } #bnsbody .searchTable tr.row3 td ul { width: 584px; } #bnsbody .searchTable tr.row3 td ul.borderBottom { background:url(https://static.inven.co.kr/image_2011/bns/common/dotline_4x1_black.png) left bottom repeat-x; } #bnsbody .searchTable ul li { padding:3px 0 3px; margin:0 5px; } #bnsbody .searchTable input { } #bnsbody .searchTable label { vertical-align:2px; } #bnsbody .searchTable .searchName { width:189px; } #bnsbody .searchTable .searchLevel { width:288px; } #bnsbody .searchTable .searchName input, #bnsbody .searchTable .searchLevel input.level { float:left; width:166px; border:1px solid #7f9db9; margin:1px 13px 0 8px; } #bnsbody .searchTable .searchLevel input.level { width:47px; margin:1px 6px 0 6px; } #bnsbody .searchTable .searchLevel div { width:278px; } #bnsbody .searchTable .searchLevel input.submit { width:56px; height:20px; float:left; margin:0 4px; } #bnsbody .searchTable .searchLevel span { float:left; line-height:17px; } #bnsbody .searchTable .searchLevel img { width:56px; height:20px; float:left; } #bnsbody .bnsDbItemList table { width:710px; } #bnsbody .bnsDbItemList-weapon col { width:73px; } #bnsbody .bnsDbItemList-weapon col.options { width:150px; } #bnsbody .bnsDbItemList-weapon col.reqlevel { width:50px; } #bnsbody .bnsDbItemList-weapon col.itemname { width:auto; } #bnsbody .bnsDbItemList-talis col.options { width:120px; } #bnsbody .bnsDbItemList-talis col.reqlevel { width:80px; } #bnsbody .bnsDbItemList col.itemicon { width:60px; } #bnsbody .bnsDbItemList col.sellprice { width:115px; } #bnsbody .bnsDbItemList .itemicon .thumb { margin-left:7px; width:42px; } #bnsbody .bnsDbItemList .itemicon .thumb a { display:block; margin-top:-42px; height:42px; /* position:relative; top:-44px; margin-bottom:-42px; */ } #bnsbody .bnsDbItemList .itemicon img { width:38px; height:38px; margin:2px; } #bnsbody .bnsDbItemList .itemicon a img { width:42px; height:42px; margin:0; } #bnsbody .bnsDbItemList td.itemname { text-align:left; } #bnsbody .bnsDbItemList td.itemname div { float:none; display:inline; } #bnsbody .bnsDbItemList td.itemname img.eight { width:24px; height:12px; vertical-align:-1px; } #bnsbody .bnsDbItemList td.itemname img.obtaintype { vertical-align:-3px; margin:0 -2px 0 6px; } #bnsbody .bnsDbItemList td.itemname a { font-weight:bold; padding-left:10px; } .labelGreen { color: #57FF78; } .labelYellow { color: #FFEA57; } .labelSpecial { color: #00D9FF; } #bnsbody .bnsDbItemList td.itemdesc span.descfont { margin-left: 1em; } #bnsbody .bnsDbItemList td.itemdesc span.labelYellow { color: #E0C501; } #bnsbody .bnsDbItemList td.itemdesc .itemsGrade1, #bnsbody .bnsDbItemList td.itemdesc .itemsGradeType1, #bnsbody .bnsDbItemList td.itemname a.itemgrade1 { color : #999d9e; } #bnsbody .bnsDbItemList td.itemdesc .itemsGrade2, #bnsbody .bnsDbItemList td.itemdesc .itemsGradeType2, #bnsbody .bnsDbItemList td.itemname a.itemgrade2 { color : #000000; } #bnsbody .bnsDbItemList td.itemdesc .itemsGrade3, #bnsbody .bnsDbItemList td.itemdesc .itemsGradeType3, #bnsbody .bnsDbItemList td.itemname a.itemgrade3 { color : #1c923c; } #bnsbody .bnsDbItemList td.itemdesc .itemsGrade4, #bnsbody .bnsDbItemList td.itemdesc .itemsGradeType4, #bnsbody .bnsDbItemList td.itemname a.itemgrade4 { color : #4343ff; } #bnsbody .bnsDbItemList td.itemdesc .itemsGrade5, #bnsbody .bnsDbItemList td.itemdesc .itemsGradeType5, #bnsbody .bnsDbItemList td.itemname a.itemgrade5 { color : #e85cff; } #bnsbody .bnsDbItemList td.itemdesc .itemsGrade6, #bnsbody .bnsDbItemList td.itemdesc .itemsGradeType6, #bnsbody .bnsDbItemList td.itemname a.itemgrade6 { color : #ffce56; } #bnsbody .bnsDbItemList td.itemdesc .itemsGrade7, #bnsbody .bnsDbItemList td.itemdesc .itemsGradeType7, #bnsbody .bnsDbItemList td.itemname a.itemgrade7 { color : #FF7803; } #bnsbody .bnsDbItemList td.itemdesc .itemsGrade8, #bnsbody .bnsDbItemList td.itemdesc .itemsGradeType8, #bnsbody .bnsDbItemList td.itemname a.itemgrade8 { color : #8B7BFF; } #bnsbody .bnsDbItemList td.itemdesc .itemsGradeQuest, #bnsbody .bnsDbItemList td.itemdesc .itemsGradeTypeQuest, #bnsbody .bnsDbItemList td.itemname a.itemgradeQuest { color : #CCCD27; } #bnsbody .bnsDbItemList td.itemname img.itemgrade1 { background : #9A9A9A; } #bnsbody .bnsDbItemList td.itemname img.itemgrade2 { background : #000; } #bnsbody .bnsDbItemList td.itemname img.itemgrade3 { background : #57FF78; } #bnsbody .bnsDbItemList td.itemname img.itemgrade4 { background : #00D9FF; } #bnsbody .bnsDbItemList td.itemname img.itemgrade5 { background : #D836FF; } #bnsbody .bnsDbItemList td.itemname img.itemgrade6 { background : #F1B134; } #bnsbody .bnsDbItemList td.itemname img.itemgrade7 { background : #FF7803; } #bnsbody .bnsDbItemList td.itemname img.itemgrade8 { background : #8B7BFF; } #bnsbody .bnsDbItemList td.itemname img.itemgradeQuest { background : #CCCD27; } #bnsbody .bnsDbItemList td.options { text-align:left; } #bnsbody .bnsDbItemList td.gemlevel img { width:20px; height:20px; } #bnsbody .bnsDbItemList td.itemdesc { text-align:left; } #bnsbody .bnsDbItemList td.itemdesc img.iconimg { height: 18px; vertical-align: -5px; } #bnsbody .bnsDbItemList td.itemdesc span.descfont { margin: 0; } #bnsbody .bnsDbItemList td.sellprice { text-align:right; } #bnsbody .bnsDbItemList td.sellprice div { margin-right:20px; display:block; float:none; } #bnsbody .bnsDbItemList td.sellprice img { vertical-align:-3px; margin:0 2px 0 1px; width:15px; height:15px; } #bnsDbItemDetail .info { width:344px; margin-left:10px; } #bnsDbItemDetail .info .itemname { letter-spacing:-1px; } #bnsDbItemDetail .basicInfo { margin-bottom:10px; } #bnsDbItemDetail .basicInfo table { width:344px; } #bnsDbItemDetail .detailinfo .col1{ width:85px; } #bnsDbItemDetail div.poten { width: 710px; margin-top: 20px; } #bnsDbItemDetail div.poten table { width: 710px; } #bnsDbItemDetail div.poten td span { color : #1c923c;} #bnsDbItemDetail div.poten td.potenstat { font-size:11px;} #bnsDbItemDetail .rewards ul { display:block; float:none; } #bnsDbItemDetail .rewards li { font:12px/20px 굴림,gulim; display:block; float:none; clear:left; margin-bottom:2px; } #bnsDbItemDetail .rewards li .thumb { border:1px solid #969696; margin-right:2px; } #bnsDbItemDetail .rewards li .thumb img { width:19px; height:19px; } #bnsDbItemDetail .resemble { padding-top:20px; } #bnsDbItemDetail .resemble td.npcname { font-weight:bold; width:218px; } #bnsDbItemDetail .resemble #usageCategory { padding:4px 0 5px; width:710px; background:#E2DFE0; border-top:2px solid #8E8483; } #bnsDbItemDetail .resemble #usageCategory input { vertical-align:-2px; } #bnsDbItemDetail .resemble #usageList .tableType2 { border-top:1px solid #E3DEDE; } #bnsDbItemDetail .resemble table{ width:710px; clear:left; } #bnsDbItemDetail .resemble td .thumb { border:1px solid #7d7f7d; margin-right:2px; } #bnsDbItemDetail .resemble td.option { width:350px; } #bnsDbItemDetail .resemble td.option span { color:#1C923C; } #bnsDbItemDetail .resemble td.option img.iconimg { border:1px solid #7d7f7d; width: 16px; height:16px; vertical-align: -5px; margin-right:2px; } #bnsDbItemDetail .resemble td .thumb img { width:19px; height:19px; /*margin-bottom: -2px\9;*/ } /*#bnsDbItemDetail .resemble td .thumbDesc { line-height: 18px\9 !important; margin-top: 3px\9; }*/ #bnsDbItemDetail .resemble td a { font:12px/20px 굴림, gulim; letter-spacing:-1px; line-height: 18px\9; } #bnsDbItemDetail .resemble p { text-align:right; display:block; float:left; width:710px; margin-top:4px; color:#cc0000; } /* ============================================================================ * 아이템 성장 정보 관련 * ==========================================================================*/ #bnsDbItemDetail #growthInfo .tableType2 { border: 1px solid #969696; } #bnsDbItemDetail #growthInfo .tableType2 table { width: 708px; } #bnsDbItemDetail #growthInfo td { border-top-width: 0; border-color: #969696; background-color: #e9e5e6; } #bnsDbItemDetail #growthInfo col { width: 370px; } #bnsDbItemDetail #growthInfo col.w170 { width: 170px; } #bnsDbItemDetail #growthInfo col.w340 { width: 340px; } #bnsDbItemDetail #growthInfo a.itemgrade6 { color: #F1B134 !important; } #bnsDbItemDetail #growthInfo a.itemgrade7 { color: #FF7803 !important; } #bnsDbItemDetail #growthInfo tr.hasGrowth td, #bnsDbItemDetail #growthInfo td.hasGrowthNextInfo { background-image: url(https://static.inven.co.kr/image_2011/bns/dataninfo/border_dotted.gif); background-position: bottom left; background-repeat: repeat-x; border-bottom-style: none; } #bnsDbItemDetail #growthInfo tr.nodata td { background: #f2f1f1 url(https://static.inven.co.kr/image_2011/bns/dataninfo/border_dotted.gif) bottom left repeat-x; border-bottom-style: none; height: 1px; line-height: 1px; padding: 0; } #bnsDbItemDetail #growthInfo tr.growthNextInfo td { text-align: left; text-indent: 1em; } #bnsDbItemDetail #growthInfo td.hasMaterials { border-bottom-width: 0; } #bnsDbItemDetail #growthInfo td.itemname { padding-right: 0; } #bnsDbItemDetail #growthInfo td.itemname span { float: left; line-height: 20px; white-space: nowrap; } #bnsDbItemDetail #growthInfo td.itemname span.thumb { margin-top: -3px\9; } #bnsDbItemDetail #growthInfo td.growthInfo { padding-bottom: 2px; padding-left: 33px; background: #f2f1f1 url(https://static.inven.co.kr/image_2011/bns/dataninfo/item_gowth_arrow_long_alt.png) 20px 12px no-repeat; } #bnsDbItemDetail #growthInfo td.growthInfo span.thumb { margin-top: -3px\9; } #bnsDbItemDetail #growthInfo td.itemname span.topMargin { margin-top: 3px; } #bnsDbItemDetail #growthInfo td.prevGrowthItems { padding-bottom: 2px; background: #f2f1f1 url(https://static.inven.co.kr/image_2011/bns/dataninfo/item_gowth_arrow_long.png) 20px 15px no-repeat; } #bnsDbItemDetail #growthInfo td.growthMaterials1 { padding: 3px 10px 5px 101px; background: #f2f1f1 url(https://static.inven.co.kr/image_2011/bns/dataninfo/item_gowth_arrow_long.png) 20px -52px no-repeat; } #bnsDbItemDetail #growthInfo td.growthMaterials1a { padding: 3px 10px 5px 101px; background: #f2f1f1 url(https://static.inven.co.kr/image_2011/bns/dataninfo/item_gowth_arrow_long.png) 20px -52px no-repeat; border-bottom-width: 0; } #bnsDbItemDetail #growthInfo td.growthMaterials1b { padding: 0 10px 5px 101px; _padding-top: 3px; background: #f2f1f1; } #bnsDbItemDetail #growthInfo td.growthMaterials2 { padding: 3px 10px 5px 117px; background: #f2f1f1 url(https://static.inven.co.kr/image_2011/bns/dataninfo/item_gowth_arrow_long.png) 20px -52px no-repeat; } #bnsDbItemDetail #growthInfo td.growthMaterials3 { padding: 0 10px 5px 117px; _padding-top: 3px; background: #f2f1f1; } #bnsDbItemDetail #growthInfo td.itemname span.coin img { vertical-align: -2px; margin: 0 2px; width: 15px; height: 15px; } #bnsDbItemDetail #growthInfo td.itemname span.coin { margin-top: 0\9; line-height: 18px\9; } #bnsDbItemDetail #growthInfo td.itemname span.coin img { vertical-align: -2px\9; } /* ========================================================================= */ #bnsDbItemDetail #obtainG1 { margin-top:20px; } #bnsDbItemDetail #obtainG1Tabs { width:710px; } #bnsDbItemDetail #obtainG1Tabs li { margin-right:1px; } #bnsDbItemDetail .obtainTabMenu { width:141px; height:28px; background:url(https://static.inven.co.kr/image_2011/bns/common/title_141x28_silver1.png) top left no-repeat; display:block; text-indent:10px; font:bold 11px/28px 굴림,gulim; color:#494949; text-decoration:none; } #bnsDbItemDetail .obtainTabMenu1 { } #bnsDbItemDetail .obtainTabMenu2 { } #bnsDbItemDetail .obtainTabMenu3 { } #bnsDbItemDetail .obtainTabMenu4 { } #bnsDbItemDetail .obtainTabGroup1 .obtainTabMenu1 { background:url(https://static.inven.co.kr/image_2011/bns/common/title_141x28_silver1_on.png) top left no-repeat; color:#fff;} #bnsDbItemDetail .obtainTabGroup2 .obtainTabMenu2 { background:url(https://static.inven.co.kr/image_2011/bns/common/title_141x28_silver1_on.png) top left no-repeat; color:#fff;} #bnsDbItemDetail .obtainTabGroup3 .obtainTabMenu3 { background:url(https://static.inven.co.kr/image_2011/bns/common/title_141x28_silver1_on.png) top left no-repeat; color:#fff;} #bnsDbItemDetail .obtainTabGroup4 .obtainTabMenu4 { background:url(https://static.inven.co.kr/image_2011/bns/common/title_141x28_silver1_on.png) top left no-repeat; color:#fff;} #bnsDbItemDetail .obtainTabContent { display:none; } #bnsDbItemDetail .obtainTabGroup1 .obtainTabContent1, #bnsDbItemDetail .obtainTabGroup2 .obtainTabContent2, #bnsDbItemDetail .obtainTabGroup3 .obtainTabContent3 { display:block; } #bnsDbItemDetail .obtainList .tableType1, #bnsDbItemDetail .obtainList .resemble { margin:0; padding:0; } #bnsDbItemDetail .obtainList .tableType1 th span { padding-top:11px; } #bnsDbItemDetail .gather .item_gather .outputitem { width:300px; } #bnsDbItemDetail .gather .item_gather .outputitem img { vertical-align:-15px; } #bnsDbItemDetail .gather .item_gather .craftlevel { width:auto; } #bnsDbItemDetail .gather .item_gather .timecost, #bnsDbItemDetail .gather .item_gather .money_cost { width:100px; } #bnsbody #bnsDbItemDetail .basicInfo td a.itemgrade1 { color : #999d9e; } #bnsbody #bnsDbItemDetail .basicInfo td a.itemgrade2 { color : #000000; } #bnsbody #bnsDbItemDetail .basicInfo td a.itemgrade3 { color : #1c923c; } #bnsbody #bnsDbItemDetail .basicInfo td a.itemgrade4 { color : #4343ff; } #bnsbody #bnsDbItemDetail .basicInfo td a.itemgrade5 { color : #e85cff; } #bnsbody #bnsDbItemDetail .basicInfo td a.itemgrade6 { color : #ffce56; } #bnsbody #bnsDbItemDetail .basicInfo td a.itemgrade7 { color : #FF7803; } #bnsbody #bnsDbItemDetail .basicInfo td a.itemgrade8 { color : #8B7BFF; } #bnsbody #bnsDbItemDetail .basicInfo td a.itemgradeQuest { color : #CCCD27; } #bnsDbItemDetail #totalstat span.poten { color:#1C923C; } /*비슷*/ #bnsDbItemDetail #resembleG1 { margin-top:20px; } #bnsDbItemDetail #resembleG1 .resemble { padding-top:0px; } #bnsDbItemDetail #resembleG1Tabs { width:710px; } #bnsDbItemDetail #resembleG1Tabs li { margin-right:1px; } #bnsDbItemDetail .resembleTabMenu { width:141px; height:28px; background:url(https://static.inven.co.kr/image_2011/bns/common/title_141x28_silver1.png) top left no-repeat; display:block; text-indent:10px; font:bold 11px/28px 굴림,gulim; color:#494949; text-decoration:none; } #bnsDbItemDetail .resembleTabMenu1 { } #bnsDbItemDetail .resembleTabMenu2 { } #bnsDbItemDetail .resembleTabMenu3 { } #bnsDbItemDetail .resembleTabMenu4 { } #bnsDbItemDetail .resembleTabGroup1 .resembleTabMenu1 { background:url(https://static.inven.co.kr/image_2011/bns/common/title_141x28_silver1_on.png) top left no-repeat; color:#fff;} #bnsDbItemDetail .resembleTabGroup2 .resembleTabMenu2 { background:url(https://static.inven.co.kr/image_2011/bns/common/title_141x28_silver1_on.png) top left no-repeat; color:#fff;} #bnsDbItemDetail .resembleTabGroup3 .resembleTabMenu3 { background:url(https://static.inven.co.kr/image_2011/bns/common/title_141x28_silver1_on.png) top left no-repeat; color:#fff;} #bnsDbItemDetail .resembleTabGroup4 .resembleTabMenu4 { background:url(https://static.inven.co.kr/image_2011/bns/common/title_141x28_silver1_on.png) top left no-repeat; color:#fff;} #bnsDbItemDetail .resembleTabContent { display:none; } #bnsDbItemDetail .resembleTabGroup1 .resembleTabContent1, #bnsDbItemDetail .resembleTabGroup2 .resembleTabContent2, #bnsDbItemDetail .resembleTabGroup3 .resembleTabContent3, #bnsDbItemDetail .resembleTabGroup4 .resembleTabContent4 { display:block; } #bnsDbItemDetail .eightTabGroup { padding-top:15px; } #bnsDbItemDetail .eightTabGroup .tabMenuBar { border-bottom:2px solid #8e8483; width:710px; height:26px; overflow:hidden; } #bnsDbItemDetail .eightTabGroup .tabMenuBar li { margin-right:3px; } #bnsDbItemDetail .eightTabGroup .tabMenuBar li a { display:block; width:60px; height:26px; background:url(https://static.inven.co.kr/image_2011/bns/common/eight_tab.png) top left repeat-x; text-indent:-10000em; } #bnsDbItemDetail .eightTabGroup .tabMenuBar li .eightTabMenu1 { background-position:0 -26px; } #bnsDbItemDetail .eightTabGroup .tabMenuBar li .eightTabMenu2 { background-position:-60px -26px; } #bnsDbItemDetail .eightTabGroup .tabMenuBar li .eightTabMenu3 { background-position:-120px -26px; } #bnsDbItemDetail .eightTabGroup .tabMenuBar li .eightTabMenu4 { background-position:-180px -26px; } #bnsDbItemDetail .eightTabGroup .tabMenuBar li .eightTabMenu5 { background-position:-240px -26px; } #bnsDbItemDetail .eightTabGroup .tabMenuBar li .eightTabMenu6 { background-position:-300px -26px; } #bnsDbItemDetail .eightTabGroup .tabMenuBar li .eightTabMenu7 { background-position:-360px -26px; } #bnsDbItemDetail .eightTabGroup .tabMenuBar li .eightTabMenu8 { background-position:-420px -26px; } #bnsDbItemDetail .eightTabGroup1 .tabMenuBar li .eightTabMenu1 { background-position:0 0px; } #bnsDbItemDetail .eightTabGroup2 .tabMenuBar li .eightTabMenu2 { background-position:-60px 0px; } #bnsDbItemDetail .eightTabGroup3 .tabMenuBar li .eightTabMenu3 { background-position:-120px 0px; } #bnsDbItemDetail .eightTabGroup4 .tabMenuBar li .eightTabMenu4 { background-position:-180px 0px; } #bnsDbItemDetail .eightTabGroup5 .tabMenuBar li .eightTabMenu5 { background-position:-240px 0px; } #bnsDbItemDetail .eightTabGroup6 .tabMenuBar li .eightTabMenu6 { background-position:-300px 0px; } #bnsDbItemDetail .eightTabGroup7 .tabMenuBar li .eightTabMenu7 { background-position:-360px 0px; } #bnsDbItemDetail .eightTabGroup8 .tabMenuBar li .eightTabMenu8 { background-position:-420px 0px; } #bnsDbItemDetail .eightTabGroup .eightTabContent { width:710px; display:none; } #bnsDbItemDetail .eightTabGroup1 .eightTabContent1, #bnsDbItemDetail .eightTabGroup2 .eightTabContent2, #bnsDbItemDetail .eightTabGroup3 .eightTabContent3, #bnsDbItemDetail .eightTabGroup4 .eightTabContent4, #bnsDbItemDetail .eightTabGroup5 .eightTabContent5, #bnsDbItemDetail .eightTabGroup6 .eightTabContent6, #bnsDbItemDetail .eightTabGroup7 .eightTabContent7, #bnsDbItemDetail .eightTabGroup8 .eightTabContent8 { display:block; float:none; } #bnsDbItemDetail .eightTabGroup .eightTabContent table { width:710px; } #bnsDbItemDetail .eightTabGroup .eightTabContent table col.lv, #bnsDbItemDetail .eightTabGroup .eightTabContent table col.icon { width:60px; } #bnsDbItemDetail .eightTabGroup .eightTabContent table col.select { width:40px; } #bnsDbItemDetail .eightTabGroup .eightTabContent table col.option { width:350px; } #bnsDbItemDetail .eightTabGroup .eightTabContent table .thumb { border: 1px solid #7D7F7D; margin-left:20px; } #bnsDbItemDetail .eightTabGroup .eightTabContent table .thumb img { width:19px; height:19px; } #bnsDbItemDetail span.itemgrade1 { color : #9A9A9A; } #bnsDbItemDetail span.itemgrade2 { color : #000000; } #bnsDbItemDetail span.itemgrade3 { color : #57FF78; } #bnsDbItemDetail span.itemgrade4 { color : #00D9FF; } #bnsDbItemDetail span.itemgrade5 { color : #D836FF; } #bnsDbItemDetail span.itemgrade6 { color : #FF9700; } #bnsDbItemDetail span.itemgrade7 { color : #FF7803; } #bnsDbItemDetail span.itemgrade8 { color : #FF5A00; } #bnsDbItemDetail span.itemgradeQuest { color : #FFC700; } #bnsDbItemDetail .eightTabGroup .eightTabContent table td.itemname, #bnsDbItemDetail .eightTabGroup .eightTabContent table td.option { text-align:left; } #bnsDbItemDetail .eightTabGroup .eightTabContent table td.option .poten { display:none; } #bnsDbItemDetail .eightTabGroup .eightTabContent table td.itemname img { width:24px; height:12px; } #bnsDbItemDetail img.itemgrade1 { background : #9A9A9A; width:24px; height:12px; vertical-align:-1px; } #bnsDbItemDetail img.itemgrade2 { background : #000000; width:24px; height:12px; vertical-align:-1px; } #bnsDbItemDetail img.itemgrade3 { background : #57FF78; width:24px; height:12px; vertical-align:-1px; } #bnsDbItemDetail img.itemgrade4 { background : #00D9FF; width:24px; height:12px; vertical-align:-1px; } #bnsDbItemDetail img.itemgrade5 { background : #D836FF; width:24px; height:12px; vertical-align:-1px; } #bnsDbItemDetail img.itemgrade6 { background : #FF9700; width:24px; height:12px; vertical-align:-1px; } #bnsDbItemDetail img.itemgrade7 { background : #FF7803; width:24px; height:12px; vertical-align:-1px; } #bnsDbItemDetail img.itemgrade8 { background : #FF5A00; width:24px; height:12px; vertical-align:-1px; } #bnsDbItemDetail img.itemgradeQuest { background : #FFC700; width:24px; height:12px; vertical-align:-1px; }