/* BASIC LAYOUT */ /* COMMON */ body { background: white url('//static.inven.co.kr/image/ro/layout/line_1x4_blue1.gif') repeat-x left top; margin: 0; padding: 0; } #roBody { } #roHead { clear: both; } #roBody #roMiddle { clear: both; margin-top: 5px; } #roBody #roMiddle .roMiddle1 { background: url('//static.inven.co.kr/image/ro/layout/wrap_166_brown1_mid.jpg') repeat-y 4px bottom; } #roBody #roMiddle .roMiddle2 { background: url('//static.inven.co.kr/image/ro/layout/wrap_166_brown1_bot.jpg') no-repeat 4px bottom; } #roLeft { clear: both; width: 166px; margin-left: 4px; padding-bottom: 300px; background: url('//static.inven.co.kr/image/ro/layout/wrap_166_brown1_top_noline.jpg') no-repeat left top; } #roLeft .roLeft1 { width: 166px; padding-top: 29px; overflow: hidden; background: url('//static.inven.co.kr/image/ro/layout/wrap_166_brown1_top.jpg') no-repeat left top; } #roLeft .roLeft1.roLeft1-NoLine { padding-top: 6px; background-image: url('//static.inven.co.kr/image/ro/layout/wrap_166_brown1_top_noline.jpg'); } #roLeft .roLeft2 { background: url('//static.inven.co.kr/image/ro/layout/wrap_166_brown1_mid2.jpg') repeat-y left top; } #roMain { overflow: hidden; } #roTail { margin-top: 7px; clear:both; } #roRight { float: right; width: 167px; overflow: hidden; margin-left: 10px; } #roFloatmenu { width: 158px; position: absolute; z-index: 3; overflow: hidden; } body.bCenter #roLayout { display: block; float: none; text-align: center; } body.bCenter #roBody { display: block; float: none; clear: both; text-align: left; margin: 0 auto; } body.bCenter #roMainFloatings { clear: both; } body.bCenter #roMainFloatings .roMainFloatings1 { position: absolute; top: 0px; } /* BODY 800 */ body.b800 #roBody { width: 968px; } body.b800 #roHead { width: 800px; } body.b800 #roBody #roMiddle .roMiddle1 { width:977px; } body.b800 #roBody #roMiddle .roMiddle2 { width:977px; } body.b800 #roMain { width: 625px; margin-left: 5px; } body.b800 #roRight { margin-top: 60px; } body.b800 #roFloatmenu { top: 260px; left: 810px; } body.b800 #roTail { width: 800px; } /* BODY 915 */ body.b915 #roBody { width: 1092px; } body.b915 #roHead { width: 915px; } body.b915 #roBody #roMiddle .roMiddle1 { width:1092px; } body.b915 #roBody #roMiddle .roMiddle2 { width:1092px; } body.b915 #roMain { width: 730px; margin-left: 7px; } body.b915 #roRight { margin-top: 9px; } body.b915 #roFloatmenu { top: 200px; left: 930px; } body.b915 #roTail { width: 915px; } /* BODY POPUP */ body.bPopup { background-image: none; } /* HEAD */ /* COMMON */ #roHead #roHeadlink div.logo { background: url('//static.inven.co.kr/image/ro/layout/bg_invenlogo_deco1.gif') no-repeat right top; padding-right: 3px; } #roHead #roHeadlink a.logo { width: 170px; height: 62px; background-image: url('//static.inven.co.kr/image/ro/layout/logo_inven_170x62_1.gif'); } #roHead #comHeadlink .outlogin { margin-top: 4px; } #roAdTop { clear: both; width: 800px; height: 88px; overflow: hidden; margin-top: 4px; } #roAdTopLeft { height: 88px; overflow: hidden; margin: 0px; } #roAdTopRight { height: 88px; overflow: hidden; margin: 0px; } body.bAdTopHide #roAdTop { display: none; } /* BODY 800 */ body.b800 #roHead #roHeadlink { width: 800px; } body.b800 #roAdTop { width: 800px; } body.b800 #roAdTop #roAdTopLeft { width: 248px; margin-left: 0px; } body.b800 #roAdTop #roAdTopRight { width: 548px; margin-left: 4px; } /* BODY 915 */ body.b915 #roHead #roHeadlink { width: 915px; } body.b915 #roAdTop { width: 915px; } body.b915 #roAdTop #roAdTopLeft { width: 248px; margin-left: 0px; } body.b915 #roAdTop #roAdTopRight { width: 663px; margin-left: 4px; } /* HEADMENU */ /* COMMON */ #roHeadmenu { height: 43px; margin-top: 2px; clear: both; background: none no-repeat left top; overflow: hidden; } #roHeadmenu ul li a { height: 43px; float: left; display: inline; text-indent: -1000em; overflow: hidden; background: none no-repeat left top; } /* BODY 800 */ body.b800 #roHeadmenu { width: 800px; background-image: url('//static.inven.co.kr/image/ro/headmenu/menu_800_a.gif'); } body.b800 #roHeadmenu ul { width: 800px; } body.b800 #roHeadmenu ul li a { background-image: url('//static.inven.co.kr/image/ro/headmenu/menu_800_a.gif'); } body.b800 #roHeadmenu ul li.home a { width: 116px; background-position: 0px 0px; } body.b800 #roHeadmenu ul li.system a { width: 103px; background-position: -116px 0px; } body.b800 #roHeadmenu ul li.job a { width: 135px; background-position: -219px 0px; } body.b800 #roHeadmenu ul li.item a { width: 81px; background-position: -354px 0px; } body.b800 #roHeadmenu ul li.monster a { width: 81px; background-position: -435px 0px; } body.b800 #roHeadmenu ul li.area a { width: 95px; background-position: -516px 0px; } body.b800 #roHeadmenu ul li.quest a { width: 80px; background-position: -611px 0px; } body.b800 #roHeadmenu ul li.cash a { width: 109px; background-position: -691px 0px; } body.b800 #roHeadmenu ul li.home a:hover { background-position: 0px -43px; } body.b800 #roHeadmenu ul li.system a:hover { background-position: -116px -43px; } body.b800 #roHeadmenu ul li.job a:hover { background-position: -219px -43px; } body.b800 #roHeadmenu ul li.item a:hover { background-position: -354px -43px; } body.b800 #roHeadmenu ul li.monster a:hover { background-position: -435px -43px; } body.b800 #roHeadmenu ul li.area a:hover { background-position: -516px -43px; } body.b800 #roHeadmenu ul li.quest a:hover { background-position: -611px -43px; } body.b800 #roHeadmenu ul li.cash a:hover { background-position: -691px -43px; } /* BODY 915 */ body.b915 #roHeadmenu { width: 915px; background-image: url('//static.inven.co.kr/image/ro/headmenu/menu_915_a.gif'); } body.b915 #roHeadmenu ul { width: 915px; } body.b915 #roHeadmenu ul li a { background-image: url('//static.inven.co.kr/image/ro/headmenu/menu_915_a.gif'); } body.b915 #roHeadmenu ul li.home a { width: 135px; background-position: 0px 0px; } body.b915 #roHeadmenu ul li.system a { width: 118px; background-position: -135px 0px; } body.b915 #roHeadmenu ul li.job a { width: 143px; background-position: -253px 0px; } body.b915 #roHeadmenu ul li.item a { width: 98px; background-position: -396px 0px; } body.b915 #roHeadmenu ul li.monster a { width: 98px; background-position: -494px 0px; } body.b915 #roHeadmenu ul li.area a { width: 113px; background-position: -592px 0px; } body.b915 #roHeadmenu ul li.quest a { width: 99px; background-position: -705px 0px; } body.b915 #roHeadmenu ul li.cash a { width: 111px; background-position: -804px 0px; } body.b915 #roHeadmenu ul li.home a:hover { background-position: 0px -43px; } body.b915 #roHeadmenu ul li.system a:hover { background-position: -135px -43px; } body.b915 #roHeadmenu ul li.job a:hover { background-position: -253px -43px; } body.b915 #roHeadmenu ul li.item a:hover { background-position: -396px -43px; } body.b915 #roHeadmenu ul li.monster a:hover { background-position: -494px -43px; } body.b915 #roHeadmenu ul li.area a:hover { background-position: -592px -43px; } body.b915 #roHeadmenu ul li.quest a:hover { background-position: -705px -43px; } body.b915 #roHeadmenu ul li.cash a:hover { background-position: -804px -43px; } /* OUTLOGIN */ /* COMMON */ #roBody #roLeftLogin { width: 166px; height: 254px; margin-top: 0px; } #roLeftLogin #comLeftOutlogin { width: 166px; height: 254px; overflow: hidden; background: url('//static.inven.co.kr/image/ro/layout/wrap_166_blue_whole2.gif') no-repeat left top; } #roLeftLogin #comLeftOutlogin label, #roLeftLogin #comLeftOutlogin div, #roLeftLogin #comLeftOutlogin input, #roLeftLogin #comLeftOutlogin a, #roLeftLogin #comLeftOutlogin form, #roLeftLogin #comLeftOutlogin img { float:left; display: inline; margin:0; padding:0; position: absolute; font-size: 11px; line-height: 14px; font-family: dotum 돋움; color:#3a3a3a; } #roLeftLogin #comLeftOutlogin a:hover { text-decoration: none; } /* LOGIN */ #roLeftLogin #comLeftOutlogin form.login { width: 166px; height: 254px; } #roLeftLogin #comLeftOutlogin form.login a.logo { left: 0px; top: 0px; width: 166px; height: 104px; text-indent: -1000em; overflow: hidden; } #roLeftLogin #comLeftOutlogin form.login label.idLabel, #roLeftLogin #comLeftOutlogin form.login label.pwLabel { width: 50px; height: 14px; text-align: right; overflow: hidden; color: #0064db; } #roLeftLogin #comLeftOutlogin form.login label.idLabel { left: 11px; top: 118px; } #roLeftLogin #comLeftOutlogin form.login label.pwLabel { left: 11px; top: 140px; } #roLeftLogin #comLeftOutlogin form.login input.idField, #roLeftLogin #comLeftOutlogin form.login input.pwField { width: 89px; border: solid 1px #a6a6a6; padding: 1px 0 0 2px; color: #000; background: #fff; font-size: 12px; line-height: 15px; font-family: dotum, 돋움; } #roLeftLogin #comLeftOutlogin form.login input.idField { left: 65px; top: 113px; } #roLeftLogin #comLeftOutlogin form.login input.pwField { left: 65px; top: 135px; } #roLeftLogin #comLeftOutlogin form.login div.sid input { left: 18px; top: 167px; width: 12px; height: 12px; margin: 0; padding: 0; } #roLeftLogin #comLeftOutlogin form.login div.sid label { left: 34px; top: 168px; width: 36px; height: 15px; } #roLeftLogin #comLeftOutlogin form.login a.login { left: 74px; top: 162px; width: 76px; height: 21px; overflow: hidden; text-indent: -1000em; } #roLeftLogin #comLeftOutlogin form.login a.login { background: url('//static.inven.co.kr/image/ro/layout/bttn_76x21_lime1_login.gif') no-repeat left top; } #roLeftLogin #comLeftOutlogin form.login div.line { left: 15px; top: 189px; width: 135px; height: 1px; overflow: hidden; background: #c1c1c1; } #roLeftLogin #comLeftOutlogin form.login a.register, #roLeftLogin #comLeftOutlogin form.login a.findpw { } #roLeftLogin #comLeftOutlogin form.login a.register { left: 22px; top: 196px; } #roLeftLogin #comLeftOutlogin form.login a.findpw { left: 74px; top: 196px; } /* LOGOUT */ #roLeftLogin #comLeftOutlogin form.logout { width: 166px; height: 254px; } #roLeftLogin #comLeftOutlogin form.logout a.logo { left: 0px; top: 0px; width: 166px; height: 104px; text-indent: -1000em; overflow: hidden; } #roLeftLogin #comLeftOutlogin form.logout div.nickname, #roLeftLogin #comLeftOutlogin form.logout div.inni, #roLeftLogin #comLeftOutlogin form.logout div.veni { font-family: gulim, 굴림, Helvetica; font-size: 12px; line-height: 15px; } #roLeftLogin #comLeftOutlogin form.logout div.nickname { left: 19px; top: 115px; font-weight: bold; letter-spacing: -1px; } #roLeftLogin #comLeftOutlogin form.logout div.nickname span.value { } #roLeftLogin #comLeftOutlogin form.logout div.inni { left: 19px; top: 133px; } #roLeftLogin #comLeftOutlogin form.logout div.veni { left: 93px; top: 133px; } #roLeftLogin #comLeftOutlogin form.logout div.inni span.value, #roLeftLogin #comLeftOutlogin form.logout div.veni span.value { color: #1666c6; } #roLeftLogin #comLeftOutlogin form.logout div.line { left: 15px; top: 150px; width: 137px; height: 1px; overflow: hidden; background: #c1c1c1; } #roLeftLogin #comLeftOutlogin form.logout a.character, #roLeftLogin #comLeftOutlogin form.logout a.postbox, #roLeftLogin #comLeftOutlogin form.logout a.inventory, #roLeftLogin #comLeftOutlogin form.logout a.skill, #roLeftLogin #comLeftOutlogin form.logout a.storage, #roLeftLogin #comLeftOutlogin form.logout a.logout { width: 66px; height: 17px; overflow: hidden; text-indent: -1000em; background: none no-repeat left top; } #roLeftLogin #comLeftOutlogin form.logout a.character { left: 16px; top: 155px; background-image: url('//static.inven.co.kr/image/ro/layout/bttn_66x17_brown1_character.gif'); } #roLeftLogin #comLeftOutlogin form.logout a.postbox { left: 85px; top: 155px; background-image: url('//static.inven.co.kr/image/ro/layout/bttn_66x17_brown1_postbox.gif'); } #roLeftLogin #comLeftOutlogin form.logout a.inventory { left: 16px; top: 174px; background-image: url('//static.inven.co.kr/image/ro/layout/bttn_66x17_brown1_inventory.gif'); } #roLeftLogin #comLeftOutlogin form.logout a.skill { left: 85px; top: 174px; background-image: url('//static.inven.co.kr/image/ro/layout/bttn_66x17_brown1_skill.gif'); } #roLeftLogin #comLeftOutlogin form.logout a.storage { left: 16px; top: 193px; background-image: url('//static.inven.co.kr/image/ro/layout/bttn_66x17_brown1_storage.gif'); } #roLeftLogin #comLeftOutlogin form.logout .newNote { left: 134px; top: 146px;} #roLeftLogin #comLeftOutlogin form.logout a.logout { left: 85px; top: 193px; background-image: url('//static.inven.co.kr/image/ro/layout/bttn_66x17_lime1_logout.gif'); } /* LEFTMENU */ /* COMMON */ #roLeftmenu { } #roLeftmenu .menuGroups { } #roLeftmenu .menuGroup { margin-top: 4px; } /* COLOR AND MARK */ #roLeftmenu .menuItems strong.normal { font-weight: normal; letter-spacing: 0; } #roLeftmenu .menuItems a:hover strong.normal { font-weight: bold; letter-spacing: -1px; } #roLeftmenu .menuItems strong em { font-weight: bold; letter-spacing: -1px; } #roLeftmenu .menuItems a:hover em { font-weight: bold; letter-spacing: -1px; } #roLeftmenu .menuItems em { /*background: no-repeat right 1px;*/ padding-right: 15px; } /* COLOR */ #roLeftmenu .menuItems strong.red { color: #FF143D; } #roLeftmenu .menuItems strong.orange { color: #F35122; } #roLeftmenu .menuItems strong.blue { color: #33AAFF; } #roLeftmenu .menuItems strong.yellow { color: #F6D818; } #roLeftmenu .menuItems strong.brown { color: #7B4908; } #roLeftmenu .menuItems strong.purple { color: #DA00E0; } #roLeftmenu .menuItems strong.green { color: #006600; } /* MARK */ #roLeftmenu .menuItems em.newRed { background-image: url('//static.inven.co.kr/image/wow/leftimage/icon_n.gif'); } #roLeftmenu .menuItems em.newBlue { background-image: url('//static.inven.co.kr/image/bbs/latest_skin/inven/wow_bbs/images/new.gif'); } #roLeftmenu .menuItems em.eventBlue { background-image: url('//static.inven.co.kr/image/wow/leftimage/icon_e.gif'); } #roLeftmenu .menuItems em.hotOrange { background-image: url('//static.inven.co.kr/image/bbs/latest_skin/inven/new_bbs/images/hot.gif'); } /* TEXT MENU TYPE 1 */ #roLeftmenu .textMenuType1 { width: 153px; margin-left: 7px; background: url('//static.inven.co.kr/image/ro/common/wrap_153_yellow1_bot.gif') no-repeat left bottom; padding-bottom: 3px; } #roLeftmenu .textMenuType1 h4 { width: 153px; height: 46px; overflow: hidden; background: none no-repeat left top; text-indent: -1000em; } #roLeftmenu .textMenuType1.textMenuType1-Community h4 { background-image: url('//static.inven.co.kr/image/ro/common/wrap_153_yellow1_head_community.gif'); } #roLeftmenu .textMenuType1.textMenuType1-Common h4 { background-image: url('//static.inven.co.kr/image_2011/ro/common/wrap_153_yellow1_head_common.gif'); } #roLeftmenu .textMenuType1.textMenuType1-GamerZone h4 { background-image: url('//static.inven.co.kr/image/ro/common/wrap_153_yellow1_head_gamerzone.gif'); } #roLeftmenu .textMenuType1.textMenuType1-mcom h4 { height: 54px; background-image: url('//static.inven.co.kr/image_2011/ro/common/wrap_153_yellow1_head_mcom.png'); } #roLeftmenu .textMenuType1.textMenuType1-Page h4 { background-image: url('//static.inven.co.kr/image_2011/ro/common/wrap_153_yellow1_head_page.png'); } #roLeftmenu .textMenuType1 .menuItemsWrap { width: 153px; clear: both; background: url('//static.inven.co.kr/image/ro/common/wrap_153_yellow1_mid.gif') repeat-y left top; } #roLeftmenu .textMenuType1 .menuItems { overflow: hidden; margin-top: 2px; margin-left: 5px; padding-bottom: 4px; } #roLeftmenu .textMenuType1 .menuItems ul { margin-top: -2px; } #roLeftmenu .textMenuType1 .menuItems ul li { clear: both; width: 142px; height:28px; overflow: hidden; background: url('//static.inven.co.kr/image/ro/common/line_1x2_olive1.gif') repeat-x left top; } #roLeftmenu .textMenuType1 .menuItems ul li span { float: left; display: inline; height: 16px; overflow: hidden; margin-top: 8px; } #roLeftmenu .textMenuType1 .menuItems ul li span a { float: left; display: inline; width: 133px; height: 16px; overflow: hidden; margin-left: 6px; text-decoration: none; line-height: 15px; } #roLeftmenu .textMenuType1 .menuItems ul li span a:hover { color: #fc2b16; font-weight: bold; letter-spacing: -1px; background: url('//static.inven.co.kr/image/ro/common/icon_pic_star_red1.gif') no-repeat right top; } /* BUTTON MENU TYPE 1 */ #roLeftmenu .bttnMenuType1 { width: 153px; margin-left: 7px; background: url('//static.inven.co.kr/image/ro/common/wrap_153_yellow1_bot.gif') no-repeat left bottom; padding-bottom: 3px; } #roLeftmenu .bttnMenuType1 h4 { width: 153px; height: 46px; overflow: hidden; background: none no-repeat left top; text-indent: -1000em; } #roLeftmenu .bttnMenuType1.bttnMenuType1-Job h4 { background-image: url('//static.inven.co.kr/image/ro/common/wrap_153_yellow1_head_job.gif'); } #roLeftmenu .bttnMenuType1 .menuItemsWrap { width: 153px; clear: both; background: url('//static.inven.co.kr/image/ro/common/wrap_153_yellow1_mid.gif') repeat-y left top; } #roLeftmenu .bttnMenuType1 .menuItems { overflow: hidden; margin-top: 7px; margin-left: 8px; padding-bottom: 7px; } #roLeftmenu .bttnMenuType1 .menuItems ul { width: 140px; margin: -4px 0 0 -3px; } #roLeftmenu .bttnMenuType1 .menuItems ul li { width: 67px; margin: 4px 0 0 3px; } #roLeftmenu .bttnMenuType1 .menuItems ul li span { float: left; display: inline; } #roLeftmenu .bttnMenuType1 .menuItems ul li span a { float: left; display: inline; width: 67px; height: 17px; _height: 21px; overflow: hidden; background: url('//static.inven.co.kr/image/ro/common/bttn_67x21_brown1.gif') no-repeat right top; } #roLeftmenu .bttnMenuType1 .menuItems ul li span a { padding-top: 4px; text-align: center; color: #fff6dc; font-weight: bold; letter-spacing: -1px; text-decoration: none; line-height: 15px; } #roLeftmenu .bttnMenuType1 .menuItems ul li span a:hover { color: #ffea00; } /* BANNER MENU TYPE 1 */ #roLeftmenu .bannerMenuType1 { width: 165px; margin-left: 1px; } #roLeftmenu .bannerMenuType1 h4 { display: none; } #roLeftmenu .bannerMenuType1 .menuItemsWrap { width: 166px; } #roLeftmenu .bannerMenuType1 .menuItems { } #roLeftmenu .bannerMenuType1 .menuItems ul { margin-top: -4px; } #roLeftmenu .bannerMenuType1 .menuItems ul li { width: 166px; clear: both; margin-top: 4px; text-align: center; } #roLeftmenu .bannerMenuType1 .menuItems ul li span a { } #roLeftmenu .bannerMenuType1 .menuItems ul li span a img { border: none; vertical-align: top; margin: 0; padding: 0; } /* RIGHT MENU*/ /* COMMON */ #roRightMenu { clear: both; width: 167px; overflow: hidden; margin: 0px 0 0; } #roRightMenu .menuGroups { width: 167px; margin: -5px 0 0; } #roRightMenu .menuGroup { margin: 5px 0 0; } /* COLOR, STYLE, MARK */ /* STYLE */ #roRightMenu .menuItems strong.normal { font-weight: normal; letter-spacing: normal; } #roRightMenu .menuItems a:hover strong.normal { font-weight: bold; letter-spacing: -1px; } #roRightMenu .menuItems strong em { font-weight: bold; letter-spacing: -1px; } #roRightMenu .menuItems a:hover em { font-weight: bold; letter-spacing: -1px; } #roRightMenu .menuItems em { background: no-repeat right 1px; padding-right: 15px; } /* COLOR */ #roRightMenu .menuItems strong.orange { color: #ff3600; } #roRightMenu .menuItems strong.blue { color: #33aaff; /* Unadjusted */ } #roRightMenu .menuItems strong.red { color: red; /* Unadjusted */ } #roRightMenu .menuItems strong.yellow { color: #f6d818; /* Unadjusted */ } #roRightMenu .menuItems strong.brown { color: #7b4908; /* Unadjusted */ } #roRightMenu .menuItems strong.purple { color: #da00e0; /* Unadjusted */ } #roRightMenu .menuItems strong.green { color: #006600; /* Unadjusted */ } /* MARK */ #roRightMenu .menuItems em.newRed { background-image: url('//static.inven.co.kr/image/wow/leftimage/icon_n.gif'); } #roRightMenu .menuItems em.newBlue { background-image: url('//static.inven.co.kr/image/bbs/latest_skin/inven/wow_bbs/images/new.gif'); } #roRightMenu .menuItems em.eventBlue { background-image: url('//static.inven.co.kr/image/wow/leftimage/icon_e.gif'); } #roRightMenu .menuItems em.hotOrange { background-image: url('//static.inven.co.kr/image/bbs/latest_skin/inven/new_bbs/images/hot.gif'); } /* TEXT MENU TYPE 1 */ #roRightMenu .textMenuType1 { clear: both; overflow: hidden; } #roRightMenu .textMenuType1 .listBody { clear: both; width: 167px; overflow: hidden; } #roRightMenu .textMenuType1 .listBody ul { clear: both; width: 167px; overflow: hidden; padding: 3px 0 7px; } #roRightMenu .textMenuType1 .listBody ul li { clear: both; height: 15px; _height: 16px; overflow: hidden; white-space: nowrap; font-size: 12px; font-family: 돋움, dotum, 굴림, gulim, Helvetica; line-height: 15px; background: url('//static.inven.co.kr/image_2011/tos/common/arrow_3x5_black1.png') no-repeat left center; margin: 3px 0 0 11px; padding: 2px 0 0 8px; } #roRightMenu .textMenuType1 .listBody ul li a { color: #231e1a; font-size: 12px; font-family: 돋움, dotum, 굴림, gulim, Helvetica; line-height: 15px; text-decoration: none; } #roRightMenu .textMenuType1 .listBody ul li a:hover { color: #be060b; text-decoration: underline; } #roRightMenu .textMenuType1 h3 span { display: block; float: left; width: 130px; height: 15px; overflow: hidden; } .ie10 #roRightMenu .textMenuType1 h3 span { line-height: 20px; } #roRightMenu .textMenuType1 h3 span em { color: #faec09; } #roRightMenu .textMenuType1 .plus a.pmIcon { width: 16px; height: 16px; display: block; float: left; overflow: hidden; background: url('//static.inven.co.kr/image_2011/granatha/common/icon_plus_minus.png') no-repeat left top; margin-top: -2px; } #roRightMenu .textMenuType1 .plus .listBody { display: none; } #roRightMenu .textMenuType1 .minus a.pmIcon { width: 16px; height: 16px; display: block; float: left; overflow: hidden; background: url('//static.inven.co.kr/image_2011/granatha/common/icon_plus_minus.png') no-repeat left bottom; margin-top: -2px; } /* BANNER MENU TYPE 1 */ #roRightMenu .bannerMenuType1 .menuList { clear: both; width: 167px; overflow: hidden; } #roRightMenu .bannerMenuType1 .menuList ul { clear: both; width: 167px; overflow: hidden; margin: -6px 0 0; } #roRightMenu .bannerMenuType1 .menuList ul li { clear: both; width: 167px; overflow: hidden; text-align: center; margin: 6px 0 0; } #roRightMenu .bannerMenuType1 .menuList ul li span a img { vertical-align: top; } /* IMGMAP MENU TYPE 1 */ #roRightMenu .imgMenuType1 .menuList { clear: both; width: 167px; overflow: hidden; } #roRightMenu .imgMenuType1 .menuList ul { padding: 2px 0; _padding: 3px 0 2px; } #roRightMenu .imgMenuType1 .menuList ul li { margin: 2px 0 2px 8px; _margin: 1px 0 1px 8px; } #roRightMenu .imgMenuType1 .menuList img { clear: both; width: 149px; height: 49px; border: 1px solid black; overflow: hidden; } /* FORM MENU TYPE 1 */ #roRightMenu .formMenuType1 { width: 167px; background: url('//static.inven.co.kr/image_2011/ro/common/wrap_167_pink1_bot.png') no-repeat left bottom; padding-bottom: 4px; } #roRightMenu .formMenuType1 h4 { width: 160px; _width: 167px; height: 20px; _height: 35px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/ro/common/wrap_167_pink1_head.png') no-repeat left top; } #roRightMenu .formMenuType1 h4 { padding: 15px 0 0 7px; font-weight: bold; letter-spacing: -1px; color: #000; } #roRightMenu .formMenuType1 .menuItemsWrap { width: 167px; clear: both; background: url('//static.inven.co.kr/image_2011/ro/common/wrap_167_pink1_mid.png') repeat-y left top; } #roRightMenu .formMenuType1 .menuItems { overflow: hidden; margin-top: 4px; margin-left: 4px; padding-bottom: 4px; } #roRightMenu .formMenuType1 .menuItems ul { margin-top: -4px; } #roRightMenu .formMenuType1 .menuItems ul li { clear: both; width: 150px; margin-top: 4px; overflow: hidden; } #roRightMenu .formMenuType1 .menuItems ul li form { float: left; display: inline; margin-left: 6px; padding-left: 6px; background: url('//static.inven.co.kr/image/ro/common/icon_arrow_red1.gif') no-repeat left 7px; } #roRightMenu .formMenuType1 .menuItems ul li form label, #roRightMenu .formMenuType1 .menuItems ul li form input { float: left; display: inline; } #roRightMenu .formMenuType1 .menuItems ul li form label { width: 38px; margin-top: 3px; line-height: 15px; } #roRightMenu .formMenuType1 .menuItems ul li form input.text { width: 78px; height: 18px; } #roRightMenu .formMenuType1 .menuItems ul li form input.submit { width: 18px; height: 18px; background: url('//static.inven.co.kr/image/ro/common/icon_pic_magnifier_silver1.gif') no-repeat left top; text-indent: -1000em; border: none; overflow: hidden; margin-left: 3px; } /* SEARCH MENU TYPE 1 */ #roRightMenu .searchType1 { width: 167px; height: 39px; overflow: hidden; background: url('//static.inven.co.kr/image_2011/ro/common/wrap_167x39_blue1_search.png') no-repeat left top; } #roRightMenu .searchType1 span.inputBorder { display: inline; float: left; width: 113px; height: 27px; overflow: hidden; margin: 6px 0 0 6px; } #roRightMenu .searchType1 input.text { display: inline; float: left; width: 105px; border: 0; background: transparent; margin: 6px 0 0 5px; color: #9d9d9d; letter-spacing: -1px; font-weight: bold; background: url('//static.inven.co.kr/image_2011/ro/common/inputsubject_93x11.png') no-repeat 3px 2px; } #roRightMenu .searchType1 input.submit { width: 39px; height: 27px; margin: 6px 0 0 3px; background: none; text-indent: -1000em; border: 0; } /* FLOATMENU */ /* COMMON */ #roFloatmenu { } #roFloatmenu .menuGroups { margin-top: -7px; } #roFloatmenu .menuGroup { margin-top: 7px; } /* FORM MENU TYPE 1 */ #roFloatmenu .formMenuType1 { width: 158px; background: url('//static.inven.co.kr/image/ro/common/wrap_158_pink1_bot.gif') no-repeat left bottom; padding-bottom: 4px; } #roFloatmenu .formMenuType1 h4 { width: 151px; _width: 158px; height: 20px; _height: 35px; overflow: hidden; background: url('//static.inven.co.kr/image/ro/common/wrap_158_pink1_head.gif') no-repeat left top; } #roFloatmenu .formMenuType1 h4 { padding: 15px 0 0 7px; font-weight: bold; letter-spacing: -1px; color: #000; } #roFloatmenu .formMenuType1 .menuItemsWrap { width: 158px; clear: both; background: url('//static.inven.co.kr/image/ro/common/wrap_158_pink1_mid.gif') repeat-y left top; } #roFloatmenu .formMenuType1 .menuItems { overflow: hidden; margin-top: 4px; margin-left: 4px; padding-bottom: 4px; } #roFloatmenu .formMenuType1 .menuItems ul { margin-top: -4px; } #roFloatmenu .formMenuType1 .menuItems ul li { clear: both; width: 150px; margin-top: 4px; overflow: hidden; } #roFloatmenu .formMenuType1 .menuItems ul li form { float: left; display: inline; margin-left: 6px; padding-left: 6px; background: url('//static.inven.co.kr/image/ro/common/icon_arrow_red1.gif') no-repeat left 7px; } #roFloatmenu .formMenuType1 .menuItems ul li form label, #roFloatmenu .formMenuType1 .menuItems ul li form input { float: left; display: inline; } #roFloatmenu .formMenuType1 .menuItems ul li form label { width: 38px; margin-top: 3px; line-height: 15px; } #roFloatmenu .formMenuType1 .menuItems ul li form input.text { width: 78px; height: 18px; } #roFloatmenu .formMenuType1 .menuItems ul li form input.submit { width: 18px; height: 18px; background: url('//static.inven.co.kr/image/ro/common/icon_pic_magnifier_silver1.gif') no-repeat left top; text-indent: -1000em; border: none; overflow: hidden; margin-left: 1px; } /* TEXT MENU TYPE 1 : UL- */ #roFloatmenu .textMenuType1 { width: 158px; background: url('//static.inven.co.kr/image/ro/common/wrap_158_silver1_bot.gif') no-repeat left bottom; padding-bottom: 4px; } #roFloatmenu .textMenuType1 h4 { width: 151px; _width: 158px; height: 20px; _height: 29px; overflow: hidden; background: url('//static.inven.co.kr/image/ro/common/wrap_158_silver1_head.gif') no-repeat left top; } #roFloatmenu .textMenuType1 h4 { padding: 9px 0 0 7px; font-weight: bold; letter-spacing: -1px; color: #000; } #roFloatmenu .textMenuType1 .menuItemsWrap { width: 158px; clear: both; background: url('//static.inven.co.kr/image/ro/common/wrap_158_silver1_mid.gif') repeat-y left top; } #roFloatmenu .textMenuType1 .menuItems { overflow: hidden; margin-top: 1px; margin-left: 4px; padding-bottom: 1px; } #roFloatmenu .textMenuType1 .menuItems ul { margin-top: -1px; } #roFloatmenu .textMenuType1 .menuItems ul li { clear: both; width: 150px; padding: 5px 0 2px 0; overflow: hidden; border-top: solid 1px #cccccc; } #roFloatmenu .textMenuType1 .menuItems ul li span { float: left; display: inline; margin-left: 7px; padding-left: 8px; background: url('//static.inven.co.kr/image/ro/common/icon_arrow_red1.gif') no-repeat left 4px; } #roFloatmenu .textMenuType1 .menuItems ul li span a { line-height: 15px; } #roFloatmenu .textMenuType1 .menuItems ul li span a:hover { } #roFloatmenu .textMenuType1 .menuItems ul li span a.notready { color: gray; } /* TEXT MENU TYPE 1-1 : UL- */ #roFloatmenu .textMenuType1.textMenuType1T1 { background-image: url('//static.inven.co.kr/image/ro/common/wrap_158_blue1_bot.gif'); } #roFloatmenu .textMenuType1.textMenuType1T1 h4 { background-image: url('//static.inven.co.kr/image/ro/common/wrap_158_blue1_head.gif'); } #roFloatmenu .textMenuType1.textMenuType1T1 .menuItemsWrap { background-image: url('//static.inven.co.kr/image/ro/common/wrap_158_blue1_mid.gif'); } /* TEXT MENU TYPE 1-2 : UL- */ #roFloatmenu .textMenuType1.textMenuType1T2 { background-image: url('//static.inven.co.kr/image/ro/common/wrap_158_olive1_bot.gif'); } #roFloatmenu .textMenuType1.textMenuType1T2 h4 { background-image: url('//static.inven.co.kr/image/ro/common/wrap_158_olive1_head.gif'); } #roFloatmenu .textMenuType1.textMenuType1T2 .menuItemsWrap { background-image: url('//static.inven.co.kr/image/ro/common/wrap_158_olive1_mid.gif'); } /* TEXT MENU TYPE 2 : DL- */ #roFloatmenu .textMenuType2 { width: 158px; background: url('//static.inven.co.kr/image/ro/common/wrap_158_blue1_bot.gif') no-repeat left bottom; padding-bottom: 4px; } #roFloatmenu .textMenuType2 h4 { width: 151px; _width: 158px; height: 20px; _height: 29px; overflow: hidden; background: url('//static.inven.co.kr/image/ro/common/wrap_158_blue1_head.gif') no-repeat left top; } #roFloatmenu .textMenuType2 h4 { padding: 9px 0 0 7px; font-weight: bold; letter-spacing: -1px; color: #000; } #roFloatmenu .textMenuType2 .menuItemsWrap { width: 158px; clear: both; background: url('//static.inven.co.kr/image/ro/common/wrap_158_blue1_mid.gif') repeat-y left top; } #roFloatmenu .textMenuType2 .menuItems { overflow: hidden; margin-top: 1px; margin-left: 4px; padding-bottom: 1px; } #roFloatmenu .textMenuType2 .menuItems dl { margin-top: -1px; width: 150px; } #roFloatmenu .textMenuType2 .menuItems dl dt, #roFloatmenu .textMenuType2 .menuItems dl dd { font-family: dotum, 돋움, Helvetica; font-size: 11px; line-height: 14px; } #roFloatmenu .textMenuType2 .menuItems dl dt { clear: both; width: 67px; _width: 71px; height: 16px; _height: 20px; margin: 1px 0 0 1px; padding: 4px 4px 0 0; overflow: hidden; } #roFloatmenu .textMenuType2 .menuItems dl dt { background: url('//static.inven.co.kr/image/ro/common/label_71x20_gray1.gif') no-repeat left top; } #roFloatmenu .textMenuType2 .menuItems dl dt { color: #ffffff; text-align: center; } #roFloatmenu .textMenuType2 .menuItems dl dd { width: 72px; _width: 78px; height: 16px; _height: 21px; padding: 4px 0 0 6px; overflow: hidden; border-top: solid 1px #cccccc; } #roFloatmenu .textMenuType2 .menuItems dl dd { line-height: 15px; } #roFloatmenu .textMenuType2 .menuItems dl dd { color: #0053c7; } #roFloatmenu .textMenuType2 .menuItems dl dd.notready, #roFloatmenu .textMenuType2 .menuItems dl dd.notready a { cursor: text; color: #666666; } /* BANNER MENU TYPE 1 */ #roFloatmenu .bannerMenuType1 { width: 158px; } #roFloatmenu .bannerMenuType1 h4 { display: none; } #roFloatmenu .bannerMenuType1 .menuItemsWrap { width: 158px; padding: 4px 0; } #roFloatmenu .bannerMenuType1 .menuItems { } #roFloatmenu .bannerMenuType1 .menuItems ul { margin-top: -4px; } #roFloatmenu .bannerMenuType1 .menuItems ul li { width: 158px; clear: both; margin-top: 4px; text-align: center; } #roFloatmenu .bannerMenuType1 .menuItems ul li span a { } #roFloatmenu .bannerMenuType1 .menuItems ul li span a img { border: none; vertical-align: top; margin: 0; padding: 0; } /* BANNER MENU TYPE 2 */ #roFloatmenu .bannerMenuType2 { width: 158px; } #roFloatmenu .bannerMenuType2 h4 { display: none; } #roFloatmenu .bannerMenuType2 .menuItemsWrap { width: 158px; padding: 4px 0; } #roFloatmenu .bannerMenuType2 .menuItems { } #roFloatmenu .bannerMenuType2 .menuItems ul { padding-top: 1px; } #roFloatmenu .bannerMenuType2 .menuItems ul li { width: 158px; clear: both; margin-top: -1px; text-align: center; } #roFloatmenu .bannerMenuType2 .menuItems ul li span a { } #roFloatmenu .bannerMenuType2 .menuItems ul li span a img { border: none; vertical-align: top; margin: 0; padding: 0; } /* POWER BBS */ /* COMMON */ #powerbbsHead { width: 730px; margin-left: 0px; float: left; display: inline; clear: both; } #powerbbsBody { width: 730px; margin-left: 0px; float: left; display: inline; clear: both; } #powerbbsBody form { float: none; }