/* BASIC LAYOUT */ /* COMMON */ body { margin: 0; padding: 0; background: white; } body.b800 { background: white url('https://static.inven.co.kr/image_2011/bns/common/wrap_800_bg_9a.jpg') no-repeat center top; } body.b915 { background: white url('https://static.inven.co.kr/image_2011/bns/common/wrap_915_bg_9a.jpg') no-repeat center top; } #bnsBody { } #bnsHead { clear: both; } #bnsBody #bnsMiddle { clear: both; margin-top: 0; } #bnsLeft { width: 172px; padding-bottom: 257px; padding-top: 0px; background: none no-repeat left top; position: relative; z-index: 20;} body.b800 #bnsMain { overflow: hidden; margin-top: 0;} body.b800 #bnsMain2 {} body.b915 #bnsMain { overflow: hidden; margin-top: 0; } body.b915 #bnsMain2 { padding: 10px 0 10px 6px; width: 735px; _width:743px; } #bnsTail { margin-top: 0px; clear:both; } #bnsRight { float: right; width: 167px; overflow: hidden; margin-left: 12px; } /* LAYOUT */ #bnsLayout { display: block; float: left; _width: 100%; min-width: 100%; } body.bCenter #bnsLayout { text-align: center; } #bnsBody { display: block; float: none; text-align: left; } body.bCenter #bnsBody { margin: 0 auto; } body.bCenter #bnsMainFloatings { clear: both; } body.bCenter #bnsMainFloatings .bnsMainFloatings1 { position: absolute; top: 0px; } #bnsBody #webzineBody.community { margin-left: 10px; } /* BODY 800 */ body.b800 #bnsBody { width: 979px; } body.b800 #bnsHead { width: 800px; } body.b800 #bnsBody #bnsMiddle { background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_800_mid_6.jpg') repeat-y left top; } body.b800 #bnsBody #bnsMiddle .bnsMiddle1 { width: 979px; background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_800_top_6.jpg') no-repeat left top; } body.b800 #bnsBody #bnsMiddle .bnsMiddle2 { width: 979px; background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_800_bot_6.jpg') no-repeat left bottom; } body.b800 #bnsMain { width: 628px; } body.b800 #bnsRight { margin-top: 60px; } body.b800 #bnsTail { width: 800px; } /* BODY 915 */ body.b915 #bnsBody { width: 1094px; } body.b915 #bnsHead { width: 915px; } body.b915 #bnsBody #bnsMiddle { background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_915_mid_6.jpg') repeat-y left top; } body.b915 #bnsBody #bnsMiddle .bnsMiddle1 { width: 1094px; background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_915_top_6.jpg') no-repeat left top; } body.b915 #bnsBody #bnsMiddle .bnsMiddle2 { width: 1094px; background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_915_bot_6.jpg') no-repeat left bottom; } body.b915 #bnsMain { width: 743px; } body.b915 #bnsRight { margin-top: 0px; } body.b915 #bnsTail { width: 915px; } #bnsMiddle .bnsMiddle2{ position: relative;} #bnsMiddle .bnsMiddle2::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:173px; border-top:0;box-sizing:border-box;z-index:10} /* BODY POPUP */ body.bPopup { background-image: none; } /* HEAD */ /* COMMON */ #bnsHead #bnsHeadlink a.logo { width:171px; height:62px; background-image:url("https://static.inven.co.kr/image_2011/bns/common/logo_gr.png?v=20151217"); } #bnsHead #bnsHeadlink { background: url("https://static.inven.co.kr/image_2011/bns/common/line_1x3_gr.png") repeat-x left top; } #bnsHead .outlogin { margin-top: 3px; } #bnsHead #comHeadOutlogin .wrapOutlogin1 .wOutloginL { background-image: url('https://static.inven.co.kr/image_2011/bns/common/wrap_free1_white1_left.gif'); } #bnsHead #comHeadOutlogin .wrapOutlogin1 .wOutloginR { background-image: url('https://static.inven.co.kr/image_2011/bns/common/wrap_free1_white1_right.gif'); } #bnssTop { clear: both; width: 800px; height: 88px; overflow: hidden; margin-top: 3px; } #bnssTopLeft { height: 88px; overflow: hidden; margin: 0px; } #bnssTopRight { height: 88px; overflow: hidden; margin: 0px; } body.bAdTopHide #bnssTop { display: none; } /* BODY 800 */ body.b800 #bnsHead #bnsHeadlink { width: 800px; } body.b800 #bnssTop { width: 800px; } body.b800 #bnssTop #bnssTopLeft { width: 248px; margin-left: 0px; } body.b800 #bnssTop #bnssTopRight { width: 548px; /*margin-left: 4px; */} /* BODY 915 */ body.b915 #bnsHead #bnsHeadlink { width: 915px; } body.b915 #bnssTop { width: 915px; } body.b915 #bnssTop #bnssTopLeft { width: 248px; margin-left: 0px; } body.b915 #bnssTop #bnssTopRight { width: 663px; margin-left: 4px; } /* HEADMENU */ /* COMMON */ .b800 #bnsHeadMenu { margin-top:4px; } .b800 #bnsHeadMenu li a { width:88px; height:43px; display:block; background:url(https://static.inven.co.kr/image_2011/bns/common/menu_800_1i.png) top left no-repeat; text-indent:-1000em; } .b800 #bnsHeadMenu li.first a { width:95px; } .b800 #bnsHeadMenu li.up, .b915 #bnsHeadMenu li.up{ position:relative; } .b800 #bnsHeadMenu li.up div.up, .b915 #bnsHeadMenu li.up div.up{ width:100%; height:13px; background:url(https://static.inven.co.kr/image_2011/bns/common/up_icon.png) center top no-repeat; position:absolute; top:-4px; left:0; } .b800 #bnsHeadMenu li.last a { width:89px; } .b800 #bnsHeadMenu li a.home { background-position: 0 0px; } .b800 #bnsHeadMenu li a.guide { background-position: -95px 0px; } .b800 #bnsHeadMenu li a.job { background-position: -183px 0px; } .b800 #bnsHeadMenu li a.item { background-position: -271px 0px; } .b800 #bnsHeadMenu li a.clothe { background-position: -359px 0px; } .b800 #bnsHeadMenu li a.story { background-position: -447px 0px; } .b800 #bnsHeadMenu li a.video { background-position: -535px 0px; } .b800 #bnsHeadMenu li a.quest { background-position: -623px 0px; } .b800 #bnsHeadMenu li a.dangeon { background-position: -711px 0px; } .b800 #bnsHeadMenu li a.home:hover { background-position: 0 -43px; } .b800 #bnsHeadMenu li a.guide:hover { background-position: -95px -43px; } .b800 #bnsHeadMenu li a.job:hover { background-position: -183px -43px; } .b800 #bnsHeadMenu li a.item:hover { background-position: -271px -43px; } .b800 #bnsHeadMenu li a.clothe:hover { background-position: -359px -43px; } .b800 #bnsHeadMenu li a.story:hover { background-position: -447px -43px; } .b800 #bnsHeadMenu li a.video:hover { background-position: -535px -43px; } .b800 #bnsHeadMenu li a.quest:hover { background-position: -623px -43px; } .b800 #bnsHeadMenu li a.dangeon:hover { background-position: -711px -43px; } .b915 #bnsHeadMenu { margin-top:4px; } .b915 #bnsHeadMenu li a { width:101px; height:43px; display:block; background:url(https://static.inven.co.kr/image_2011/bns/common/menu_915_1i.png) top left no-repeat; text-indent:-1000em; } .b915 #bnsHeadMenu li.first a { width:106px; } .b915 #bnsHeadMenu li a.home { background-position: 0 0px; } .b915 #bnsHeadMenu li a.guide { background-position: -106px 0px; } .b915 #bnsHeadMenu li a.job { background-position: -207px 0px; } .b915 #bnsHeadMenu li a.item { background-position: -308px 0px; } .b915 #bnsHeadMenu li a.clothe { background-position: -409px 0px; } .b915 #bnsHeadMenu li a.story { background-position: -510px 0px; } .b915 #bnsHeadMenu li a.video { background-position: -611px 0px; } .b915 #bnsHeadMenu li a.quest { background-position: -712px 0px; } .b915 #bnsHeadMenu li a.dangeon { background-position: -813px 0px; } .b915 #bnsHeadMenu li a.home:hover { background-position: 0 -43px; } .b915 #bnsHeadMenu li a.guide:hover { background-position: -106px -43px; } .b915 #bnsHeadMenu li a.job:hover { background-position: -207px -43px; } .b915 #bnsHeadMenu li a.item:hover { background-position: -308px -43px; } .b915 #bnsHeadMenu li a.clothe:hover { background-position: -409px -43px; } .b915 #bnsHeadMenu li a.story:hover { background-position: -510px -43px; } .b915 #bnsHeadMenu li a.video:hover { background-position: -611px -43px; } .b915 #bnsHeadMenu li a.quest:hover { background-position: -712px -43px; } .b915 #bnsHeadMenu li a.dangeon:hover { background-position: -813px -43px; } .b915 #bnsHeadMenu li.last a { width:102px; } /* OUTLOGIN V2 */ /* COMMON */ #bnsLeftLogin { width: 172px; height: 227px; overflow: hidden; } #bnsLeftLogin #comLeftOutloginV2, #bnsLeftLogin #comLeftOutloginV2 p, #bnsLeftLogin #comLeftOutloginV2 a, #bnsLeftLogin #comLeftOutloginV2 form, #bnsLeftLogin #comLeftOutloginV2 fieldset, #bnsLeftLogin #comLeftOutloginV2 legend, #bnsLeftLogin #comLeftOutloginV2 label, #bnsLeftLogin #comLeftOutloginV2 ul, #bnsLeftLogin #comLeftOutloginV2 li { position: absolute; display: inline; float: left; overflow: hidden; border: 0; margin: 0; padding: 0; } #bnsLeftLogin #comLeftOutloginV2 input { position: absolute; display: inline; float: left; overflow: hidden; margin: 0; padding: 0; } #bnsLeftLogin #comLeftOutloginV2 legend { margin: -1000px; } #bnsLeftLogin #comLeftOutloginV2 { clear: both; display: inline; float: left; width: 172px; height: 227px; overflow: hidden; } #bnsLeftLogin #comLeftOutloginV2 a.logo { left: 0; top: 0; width: 172px; height: 108px; text-indent: -10000em; overflow: hidden; } #bnsLeftLogin #comLeftOutloginV2 p { top: 0; left: 0; width: 1px; height: 1px; overflow: visible; } #bnsLeftLogin #comLeftOutloginV2 form { top: 108px; left: 0; width: 172px; height: 116px; overflow: hidden; } #bnsLeftLogin #comLeftOutloginV2 fieldset { top: 0; left: 0; width: 172px; height: 116px; overflow: visible; } #bnsLeftLogin .logout fieldset { background:url(https://static.inven.co.kr/image_2011/bns/common/usermenu_bg.png) 6px 41px no-repeat; } #bnsLeftLogin .login fieldset { background:url(https://static.inven.co.kr/image_2011/bns/common/joinmenu_bg.png) 6px 86px no-repeat; } /* LOGIN */ #bnsLeftLogin #comLeftOutloginV2.login label { width: 60px; height: 15px; overflow: hidden; color: white; font-size: 11px; font-family: 돋움, dotum, 굴림, gulim, Helvetica; line-height: 14px; text-align: right; letter-spacing: -1px; } #bnsLeftLogin #comLeftOutloginV2.login label.idLabel { top: 8px; left: 0px; } #bnsLeftLogin #comLeftOutloginV2.login label.pwLabel { top: 33px; left: 0px; } #bnsLeftLogin #comLeftOutloginV2.login input.idField, #bnsLeftLogin #comLeftOutloginV2.login input.pwField { width: 86px; height: 20px; color: black; border: 1px solid black; background: url('https://static.inven.co.kr/image_2011/bns/common/bg_84x18_idpw.png') repeat-x -1px -1px; padding: 4px 3px 0; } #bnsLeftLogin #comLeftOutloginV2.login input.idField { top: 4px; left: 68px; } #bnsLeftLogin #comLeftOutloginV2.login input.pwField { top: 28px; left: 68px; } #bnsLeftLogin #comLeftOutloginV2.login input.saveId { top: 60px; left: 20px; width: 13px; height: 13px; } #bnsLeftLogin #comLeftOutloginV2.login label.saveIdLabel { top: 61px; left: 37px; width: 36px; height: 14px; color: white; font-size: 11px; font-family: 돋움, dotum, 굴림, gulim, Helvetica; line-height: 14px; text-align: left; font-weight: normal; letter-spacing: normal; overflow: hidden; } #bnsLeftLogin #comLeftOutloginV2.login input.login { top: 56px; left: 72px; width: 86px; height: 23px; overflow: hidden; cursor: pointer; text-indent: -10000em; border: none; background: url('https://static.inven.co.kr/image_2011/bns/common/login_btn.png') no-repeat left top; } #bnsLeftLogin #comLeftOutloginV2.login ul.userMenu { top: 93px; left: 19px; width: 135px; height: 16px; overflow: visible; } #bnsLeftLogin #comLeftOutloginV2.login ul.userMenu li { position: static; width: 1px; height: 1px; overflow: visible; } #bnsLeftLogin #comLeftOutloginV2.login ul.userMenu li.register { width: 62px; height:16px; margin-left: 0px; } #bnsLeftLogin #comLeftOutloginV2.login ul.userMenu li.findpw { width: 66px; height: 16px; margin-left: 7px; } #bnsLeftLogin #comLeftOutloginV2.login ul.userMenu li.register a, #bnsLeftLogin #comLeftOutloginV2.login ul.userMenu li.findpw a { display: inline; float: left; color: black; font-size: 11px; font-family: 돋움, dotum, 굴림, gulim, Helvetica; line-height: 14px; color:#fff; text-decoration: none; } #bnsLeftLogin #comLeftOutloginV2.login ul.userMenu li.register a { width: 62px; height: 16px; letter-spacing: -1px; } #bnsLeftLogin #comLeftOutloginV2.login ul.userMenu li.findpw a { width: 70px; height: 16px; } /* LOGOUT */ #bnsLeftLogin #comLeftOutloginV2.logout { } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo { position: absolute; top: 0; left: 0; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul { width: 1px; height: 1px; overflow: visible; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo .nickname { position: absolute; top: 0px; left: 23px; color: white; font-weight: bold; white-space: nowrap; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo .nickname .value { letter-spacing: -1px; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.point li.inni { top: 20px; left: 23px; width: auto; overflow: visible; color: white; font-size: 11px; font-family: 돋움, dotum, 굴림, gulim, Helvetica; line-height: 14px; white-space: nowrap; letter-spacing: -1px; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.point li.veni { top: 20px; left: 101px; width: auto; overflow: visible; color: white; font-size: 11px; font-family: 돋움, dotum, 굴림, gulim, Helvetica; line-height: 14px; white-space: nowrap; letter-spacing: -1px; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.point li span.sep { display: none; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.point li span.value { color: #ffe400; font-weight: normal; letter-spacing: normal; padding-left: 3px; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu { top: 49px; left: 21px; overflow: visible; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li { width: 61px; height: 16px; overflow: hidden; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li a { display: inline; float: left; width: 61px; height: 16px; overflow: hidden; font:11px/15px 돋움,dotum; color:#fff; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li a:hover { color:#ffe400; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li.character { top: 0; left: 0; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li.postbox { top: 0; left: 79px; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li.inventory { top: 21px; left: 0px; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li.skill { top: 21px; left: 79px; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li.storage { top: 42px; left: 0px; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo .newNote { left: 134px; top: 47px; } #bnsLeftLogin #comLeftOutloginV2.logout .loginInfo .logout { font:11px/15px 돋움,dotum; top: 90px; left: 91px; display: inline; float: left; width: 61px; height: 16px; color:#fff; overflow: hidden; cursor: pointer; background:none; border: none; } /* LEFTMENU */ /* COMMON */ #bnsLeftmenu { clear: both; width: 172px; overflow: hidden; } #bnsLeftmenu .menuGroup { width:161px; margin:0 0 9px 6px; } #bnsLeftmenu .menuGroup .groupTitle{ text-indent:-1000em; width:158px; height:24px; background:red; margin-left:1px; } #bnsLeftmenu .menuGroup .groupTitle-Text1 .groupTitle{ background: url('https://static.inven.co.kr/image_2011/bns/common/leftmenu_news.png') no-repeat top left; } #bnsLeftmenu .menuGroup .groupTitle-Text2 .groupTitle{ background: url('https://static.inven.co.kr/image_2011/bns/common/leftmenu_bbs.png') no-repeat top left; } #bnsLeftmenu .menuGroup .groupTitle-Text5 .groupTitle{ background: url('https://static.inven.co.kr/image_2011/bns/common/leftmenu_job.png') no-repeat top left; } #bnsLeftmenu .menuGroup .groupTitle-Text6 .groupTitle{ background: url('https://static.inven.co.kr/image_2011/bns/common/leftmenu_server.png') no-repeat top left; } #bnsLeftmenu .menuGroup .groupTitle-Text7 .groupTitle{ background: url('https://static.inven.co.kr/image_2011/bns/common/leftmenu_media.png') no-repeat top left; } #bnsLeftmenu .menuGroup .groupTitle-Text8 .groupTitle{ background: url('https://static.inven.co.kr/image_2011/bns/common/leftmenu_common.png?v=2') no-repeat top left; } #bnsLeftmenu .menuGroup .groupTitle-Text9 .groupTitle{ background: url('https://static.inven.co.kr/image_2011/bns/common/leftmenu_revolution.png?v=20181015a') no-repeat top left; } #bnsLeftmenu .menuGroup .groupTitle-Pages .groupTitle{ background: url('https://static.inven.co.kr/image_2011/bns/common/leftmenu_club.png') no-repeat top left; } #bnsLeftmenu .menuGroup .groupTitle-Pages2 .groupTitle{ background: url('https://static.inven.co.kr/image_2011/bns/common/leftmenu_mobile.png') no-repeat top left; } #bnsLeftmenu .menuGroup .menuBoxTop { padding-top:2px; background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_161_botop.png') no-repeat top left; } #bnsLeftmenu .menuGroup .menuBoxBot { padding-bottom:2px; background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_161_botop.png') no-repeat bottom left; } #bnsLeftmenu .menuGroup .textMenuType1 { border:1px solid #5b5b5a; background:#f0f0f0; border-top:0; border-bottom:0; } #bnsLeftmenu .menuGroup .textMenuType1 .listBody ul, #bnsLeftmenu .menuGroup .textMenuType1 .listBody ul li { display:block; float:none; } #bnsLeftmenu .menuGroup .textMenuType1 .listBody ul { padding:0 0 0 7px; margin:6px 0 -3px; list-style:none; } #bnsLeftmenu .menuGroup .textMenuType1 .listBody ul li.nodotted { background: none; } #bnsLeftmenu .menuGroup .textMenuType1 .listBody ul li { height:20px; overflow:hidden; background: url('https://static.inven.co.kr/image_2011/bns/common/dot_2x2_555555.png') no-repeat 0 5px; _background: url('https://static.inven.co.kr/image_2011/bns/common/dot_2x2_555555.png') no-repeat 0 4px; padding-left:8px; } #bnsLeftmenu .menuGroup .textMenuType1 .listBody ul li.nodotted { background: none; } #bnsLeftmenu .menuGroup .textMenuType1 .listBody ul li a{ font:12px/15px 굴림,gulim; } #bnsLeftmenu .menuGroup .textMenuType1 .listBody ul li a em { /*line-height:14px;*/ } /* COLOR AND MARK */ #bnsLeftmenu .menuItems strong.normal { font-weight: normal; letter-spacing: 0; } /*#bnsLeftmenu .menuItems a:hover strong.normal { font-weight: bold; letter-spacing: -1px; }*/ /*#bnsLeftmenu .menuItems strong em { font-weight: bold; letter-spacing: -1px; }*/ #bnsLeftmenu .menuItems strong.normal em { font-weight: normal; letter-spacing: 0; } /*#bnsLeftmenu .menuItems a:hover em { font-weight: bold; letter-spacing: -1px; }*/ /* BUTTON MENU TYPE 1 - JOB */ #bnsLeftMenu .buttonMenuType1 { clear: both; border:1px solid #5b5b5a; background:#f0f0f0; border-top:0; border-bottom:0; } #bnsLeftMenu .buttonMenuType1 .listBody ul { padding:0px 2px 5px 1px } #bnsLeftMenu .buttonMenuType1 .listBody ul li { margin:5px 2px 0px 3px; width:73px; height:26px; overflow:hidden; } #bnsLeftMenu .buttonMenuType1 .listBody ul li a { display:block; width:73px; height:26px; text-indent:-1000em; } #bnsLeftMenu .jobList .buttonMenuType1 .listBody ul li a { background: url('https://static.inven.co.kr/image_2011/bns/common/job_menu_list_6.png') no-repeat bottom left; } #bnsLeftMenu .buttonMenuType1 .listBody ul li.job1 a {background-position: 0px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job2 a {background-position: -73px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job3 a {background-position: -146px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job4 a {background-position: -219px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job5 a {background-position: -292px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job6 a {background-position: -365px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job7 a {background-position: -438px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job8 a {background-position: -511px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job9 a {background-position: -584px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job10 a {background-position: -657px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job11 a {background-position: -730px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job12 a {background-position: -803px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job1 a:hover {background-position: 0px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job2 a:hover {background-position: -73px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job3 a:hover {background-position: -146px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job4 a:hover {background-position: -219px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job5 a:hover {background-position: -292px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job6 a:hover {background-position: -365px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job7 a:hover {background-position: -438px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job8 a:hover {background-position: -511px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job9 a:hover {background-position: -584px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job10 a:hover {background-position: -657px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job11 a:hover {background-position: -730px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.job12 a:hover {background-position: -803px -26px} #bnsLeftMenu .serverList .buttonMenuType1 .listBody ul li a, #bnsLeftMenu .serverList .buttonMenuType1 .listBody ul li a:hover { background: url('https://static.inven.co.kr/image_2011/bns/common/server_menu_list_d.png') no-repeat bottom left; width:73px; height:26px; } #bnsLeftMenu .buttonMenuType1 .listBody ul li.server1 a {background-position: 0px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server2 a {background-position: -73px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server3 a {background-position: -146px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server4 a {background-position: -219px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server5 a {background-position: -292px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server6 a {background-position: -365px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server7 a {background-position: -438px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server8 a {background-position: -511px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server9 a {background-position: -584px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server10 a {background-position: -657px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server11 a {background-position: -730px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server12 a {background-position: -802px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server13 a {background-position: -875px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server14 a {background-position: -949px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server15 a {background-position: -1022px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server16 a {background-position: -1095px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server17 a {background-position: -1168px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server18 a {background-position: -1241px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server19 a {background-position: -1314px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server20 a {background-position: -1387px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server21 a {background-position: -1460px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server22 a {background-position: -1533px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server23 a {background-position: -1606px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server24 a {background-position: -1679px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server25 a {background-position: -1752px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server26 a {background-position: -1825px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server27 a {background-position: -1898px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server28 a {background-position: -1971px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server29 a {background-position: -2044px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server30 a {background-position: -2117px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server31 a {background-position: -2190px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server32 a {background-position: -2263px 0px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server1 a:hover {background-position: 0px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server2 a:hover {background-position: -73px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server3 a:hover {background-position: -146px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server4 a:hover {background-position: -219px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server5 a:hover {background-position: -292px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server6 a:hover {background-position: -365px -26px} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server7 a:hover {background-position: -438px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server8 a:hover {background-position: -511px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server9 a:hover {background-position: -584px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server10 a:hover {background-position: -657px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server11 a:hover {background-position: -729px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server12 a:hover {background-position: -802px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server13 a:hover {background-position: -875px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server14 a:hover {background-position: -949px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server15 a:hover {background-position: -1022px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server16 a:hover {background-position: -1095px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server17 a:hover {background-position: -1168px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server18 a:hover {background-position: -1241px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server19 a:hover {background-position: -1314px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server20 a:hover {background-position: -1387px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server21 a:hover {background-position: -1460px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server22 a:hover {background-position: -1533px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server23 a:hover {background-position: -1606px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server24 a:hover {background-position: -1679px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server25 a:hover {background-position: -1752px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server26 a:hover {background-position: -1825px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server27 a:hover {background-position: -1898px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server28 a:hover {background-position: -1971px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server29 a:hover {background-position: -2044px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server30 a:hover {background-position: -2117px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server31 a:hover {background-position: -2190px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.server32 a:hover {background-position: -2263px -26px;} #bnsLeftMenu .buttonMenuType1 .listBody ul li.race1 a { background-image: url('https://static.inven.co.kr/image_2011/bns/common/racemenu_156.png'); background-position: 0px 0px; } #bnsLeftMenu .buttonMenuType1 .listBody ul li.race2 a { background-image: url('https://static.inven.co.kr/image_2011/bns/common/racemenu_156.png'); background-position: -78px 0px; } #bnsLeftMenu .buttonMenuType1 .listBody ul li.race3 a { background-image: url('https://static.inven.co.kr/image_2011/bns/common/racemenu_156.png'); background-position: 0px -30px; } #bnsLeftMenu .buttonMenuType1 .listBody ul li.race4 a { background-image: url('https://static.inven.co.kr/image_2011/bns/common/racemenu_156.png'); background-position: -78px -30px; } /* BANNER MENU TYPE 1 */ #bnsLeftmenu .bannerMenuType1 { background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_167_line_gold_1.png') no-repeat left top; padding: 8px 0 0 2px; } #bnsLeftmenu .bannerMenuType1, #bnsLeftmenu .bannerMenuType1 ul, #bnsLeftmenu .bannerMenuType1 ul li { clear: both; overflow: hidden; text-align:center; } /* BANNER MENU TYPE 2 */ #bnsLeftmenu .bannerMenuType2, #bnsLeftmenu .bannerMenuType2 ul, #bnsLeftmenu .bannerMenuType2 ul li { clear: both; width: 167px; overflow: hidden; } #bnsLeftmenu .bannerMenuType2 ul { padding: 0 0 2px; } #bnsLeftmenu .bannerMenuType2 ul { margin: -4px 0 0; } #bnsLeftmenu .bannerMenuType2 ul li { text-align: center; margin: 4px 0 0; } #bnsLeftmenu .bannerMenuType2 ul li a img { vertical-align: top; } /* FLOATMENU */ /* COMMON */ #bnsRightMenu { clear: both; width: 167px; overflow: hidden; } #bnsRightMenu .menuGroups { margin: -5px 0 0; } #bnsRightMenu .menuGroup { margin: 5px 0 0 !important; } /* COLOR AND MARK */ #bnsRightMenu .menuItems strong.normal { font-weight: normal; letter-spacing: 0; } #bnsRightMenu .menuItems a:hover strong.normal { font-weight: bold; letter-spacing: -1px; } #bnsRightMenu .menuItems strong em { font-weight: bold; letter-spacing: -1px; } #bnsRightMenu .menuItems em { background: no-repeat right 1px; padding-right: 15px; } /* COLOR */ #bnsRightMenu .menuItems strong.orange { color: #cc6600; /* Unadjusted */ } #bnsRightMenu .menuItems strong.blue { color: #35f3ff; /* Unadjusted */ } #bnsRightMenu .menuItems strong.red { color: #ff143d; /* Unadjusted */ } #bnsRightMenu .menuItems strong.yellow { color: #f6d818; /* Unadjusted */ } #bnsRightMenu .menuItems strong.brown { color: #7b4908; /* Unadjusted */ } #bnsRightMenu .menuItems strong.purple { color: #da00e0; /* Unadjusted */ } #bnsRightMenu .menuItems strong.green { color: #006600; /* Unadjusted */ } /* MARK */ #bnsRightMenu .menuItems em.newRed { background-image: url('https://static.inven.co.kr/image_2011/common/fonticon/mark_new1.gif'); } #bnsRightMenu .menuItems em.newBlue { background-image: url('https://static.inven.co.kr/image_2011/common/fonticon/mark_new2.gif'); } #bnsRightMenu .menuItems em.eventBlue { background-image: url('https://static.inven.co.kr/image_2011/common/fonticon/mark_event1.gif'); } #bnsRightMenu .menuItems em.hotOrange { background-image: url('https://static.inven.co.kr/image_2011/common/fonticon/mark_hot1.gif'); } /* TEXT MENU TYPE 1 */ #bnsRightMenu .textMenuType1 .wrap173GOTop { padding-top:38px; width:170px; position:relative; left:-3px; } #bnsRightMenu .textMenuType1 .wrap173GOTitle1 {background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_173_go_quest.png') top left no-repeat;} #bnsRightMenu .textMenuType1 .wrap173GOTitle2 {background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_173_go_field.png') top left no-repeat;} #bnsRightMenu .textMenuType1 .wrap173GOTitle3 {background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_173_go_core.png') top left no-repeat;} #bnsRightMenu .textMenuType1 .wrap173GOTitle4 {background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_173_go_trade.png') top left no-repeat;} #bnsRightMenu .textMenuType1 .wrap173GOTitle5 {background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_173_go_fight.png') top left no-repeat;} #bnsRightMenu .textMenuType1 .wrap173GOBot { background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_173_go_bot2.png') bottom left no-repeat; padding-bottom:14px; } #bnsRightMenu .folder .closed .wrap173GOBot { height:14px; width:170px; padding:0; margin-top:-5px; } #bnsRightMenu .folder .closed .wrap173GOBot .listBody { display:none; } #bnsRightMenu .textMenuType1 .wrap173GOMid { background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_173_go_mid.png') top left repeat-y; } #bnsRight .searchMarket { width:167px; height:64px; background: url('https://static.inven.co.kr/image_2011/bns/common/right_search_market.png') no-repeat left top; } #bnsRight .searchMarket .searchBar { border: 4px solid #2d2a2b; margin:32px 4px 0 7px; } #bnsRight .searchMarket .searchBar input { margin:0; width:84px; height:17px; _height:15px; padding:0; border:none; } #bnsRight .searchMarket .submit { float:left; margin:32px 0 0 0; } #bnsRightMenu .textMenuType1 h3 { display:none; } #bnsRightMenu .folder h3 { display:block; height:38px; float:none; } #bnsRightMenu .folder h3 a { display:block; width:100%; height:38px; text-indent:-10000em; background: url('https://static.inven.co.kr/image_2011/bns/common/rightmenu_foldmark.png') no-repeat 16px 16px ; } #bnsRightMenu .folder h3 a.closed { background: url('https://static.inven.co.kr/image_2011/bns/common/rightmenu_foldmark.png') no-repeat 16px -36px ; } #bnsRightMenu .folder .wrap173GOTop { padding-top:0; } #bnsRightMenu .textMenuType1 .listBody { width:173px; } #bnsRightMenu .textMenuType1 .listBody ul, #bnsRightMenu .textMenuType1 .listBody ul li { float:none; display:block; text-align:left; } #bnsRightMenu .textMenuType1 .listBody ul { padding:0 0 0 15px; list-style:none; margin:10px 0 -5px; } #bnsRightMenu .textMenuType1 .listBody li { height:20px; padding-left:5px; background:url('https://static.inven.co.kr/image_2011/bns/common/right_menu_bullet.png') 0 5px no-repeat; } #bnsRightMenu .textMenuType1 .listBody li a { font:11px/13px 굴림,gulim; } /* Search List Type1 */ #bnsRightMenu .searchListType1 .wrapCoreTop { background:url('https://static.inven.co.kr/image_2011/bns/common/wrap_167_search_top.png') top left no-repeat; padding-top:35px; } #bnsRightMenu .searchListType1 .wrapCoreMid { background:url('https://static.inven.co.kr/image_2011/bns/common/wrap_167_mid.png') top left repeat-y; } #bnsRightMenu .searchListType1 .wrapCoreBot { background:url('https://static.inven.co.kr/image_2011/bns/common/wrap_167_bot.png') bottom left no-repeat; width:167px; padding-bottom:5px; } #bnsRightMenu .searchListType1 .formWrap{ padding:3px 0 4px 9px; } #bnsRightMenu .searchListType1 .formWrap .textOuter { border: 1px solid #737373; margin-right:3px; } #bnsRightMenu .searchListType1 .formWrap .textInner { width:118px; height:20px; overflow:hidden; } #bnsRightMenu .searchListType1 input.text { display:block; border:none; background:none; padding:0; font:12px/20px 굴림,gulim; width: 118px; margin:0; } #bnsRightMenu .searchListType1 input.submit { display:block; } /* BANNER MENU TYPE 1 */ #bnsRightMenu .bannerMenuType1 { width: 167px; overflow: hidden; } #bnsRightMenu .bannerMenuType1 .menuItems { width: 167px; overflow: hidden; } #bnsRightMenu .bannerMenuType1 .menuItems ul { clear: both; width: 167px; overflow: hidden; margin: -5px 0 0; } #bnsRightMenu .bannerMenuType1 .menuItems ul li { clear: both; width: 167px; overflow: hidden; text-align: left; margin: 5px 0 0; } #bnsRightMenu .bannerMenuType1 .menuItems ul li a img { vertical-align: top; } /* BANNER MENU TYPE 3 */ #bnsRightMenu .bannerMenuType3 .wrapCoreTop { background:url('https://static.inven.co.kr/image_2011/bns/common/wrap_167_top.png') top left no-repeat; padding-top:35px; } #bnsRightMenu .bannerMenuType3 .wrapCoreMid { background:url('https://static.inven.co.kr/image_2011/bns/common/wrap_167_mid.png') top left repeat-y; } #bnsRightMenu .bannerMenuType3 .wrapCoreBot { background:url('https://static.inven.co.kr/image_2011/bns/common/wrap_167_bot.png') bottom left no-repeat; width:167px; } #bnsRightMenu .bannerMenuType3 h3 { display:none; } #bnsRightMenu .bannerMenuType3 ul { padding:1px 0 6px 7px; } #bnsRightMenu .bannerMenuType3 li { padding:0 1px 1px 0; } #bnsRightMenu .bannerMenuType3 li img { width:153px; display:block; } /* Cert */ #bnsCert { margin: 6px 0 0 11px; } /* AD */ /* POSITION ADJUST */ #bnssSky { top: 67px; left: 810px; } /* RELEASE COUNTDOON */ #bnsRightMenu .countdownWrap { width: 167px; height: 158px; background: url('https://static.inven.co.kr/image_2011/bns/banner/bg_countdown1.gif') no-repeat left top; } #bnsRightMenu .countdown { padding: 120px 0 0 0; width: 167px; _width: 167px; height: 38px; _height: 158px; cursor: pointer; } #bnsRightMenu .countdown .countTextD { width: 25px; height: 29px; margin-left:53px; background: url('https://static.inven.co.kr/image_2011/diablo3/banner/number_countdown.png') no-repeat 1px 0; } #bnsRightMenu .countdown .countTextBar { width: 18px; height: 29px; background: url('https://static.inven.co.kr/image_2011/diablo3/banner/number_countdown.png') no-repeat -24px 0; } #bnsRightMenu .countdown .countText0 { width: 25px; height: 30px; background: url('https://static.inven.co.kr/image_2011/diablo3/banner/number_countdown.png') no-repeat -41px 0; } #bnsRightMenu .countdown .countText1 { width: 22px; height: 29px; background: url('https://static.inven.co.kr/image_2011/diablo3/banner/number_countdown.png') no-repeat -64px 0; } #bnsRightMenu .countdown .countText2 { width: 22px; height: 29px; background: url('https://static.inven.co.kr/image_2011/diablo3/banner/number_countdown.png') no-repeat -85px 0; } #bnsRightMenu .countdown .countText3 { width: 22px; height: 29px; background: url('https://static.inven.co.kr/image_2011/diablo3/banner/number_countdown.png') no-repeat -107px 0; } #bnsRightMenu .countdown .countText4 { width: 22px; height: 29px; background: url('https://static.inven.co.kr/image_2011/diablo3/banner/number_countdown.png') no-repeat -130px 0; } #bnsRightMenu .countdown .countText5 { width: 22px; height: 29px; background: url('https://static.inven.co.kr/image_2011/diablo3/banner/number_countdown.png') no-repeat -152px 0; } #bnsRightMenu .countdown .countText6 { width: 22px; height: 29px; background: url('https://static.inven.co.kr/image_2011/diablo3/banner/number_countdown.png') no-repeat -173px 0; } #bnsRightMenu .countdown .countText7 { width: 22px; height: 29px; background: url('https://static.inven.co.kr/image_2011/diablo3/banner/number_countdown.png') no-repeat -194px 0; } #bnsRightMenu .countdown .countText8 { width: 22px; height: 29px; background: url('https://static.inven.co.kr/image_2011/diablo3/banner/number_countdown.png') no-repeat -216px 0; } #bnsRightMenu .countdown .countText9 { width: 22px; height: 29px; background: url('https://static.inven.co.kr/image_2011/diablo3/banner/number_countdown.png') no-repeat -240px 0; } /* Reporter News */ #bnsBody #webzineBody.community { margin-left: 10px; } /* LEFT login 리뉴얼 18.12.18 */ #comLeftOutloginV5{display:block;float:none;height:156px;border-bottom:1px solid #000;overflow:hidden} /*1. 배경이미지*/ /* #comLeftOutloginV5{background:url('https://static.inven.co.kr/image_2011/lineage2/common/bg_memberInfo.png') no-repeat 0 0;} */ #comLeftOutloginV5 div, #comLeftOutloginV5 form, #comLeftOutloginV5 ul{display:block;float:none} #comLeftOutloginV5 p{padding:0;margin:0} #comLeftOutloginV5 .btn{padding:0;margin:0;background:transparent;border:0;font-size:11px;font-family:gulim, sans-serif;cursor:pointer} #comLeftOutloginV5 a:hover{text-decoration:none} #comLeftOutloginV5 .logo{display:block;width:100%;height:39px;color:transparent;font-size:0} #comLeftOutloginV5 .form_area{padding:0 18px} #comLeftOutloginV5 .nickname{color:#fff;font-weight:bold} #comLeftOutloginV5 .point{padding:8px 0} #comLeftOutloginV5 .point::after{display:block;content:'';clear:both} #comLeftOutloginV5 .point p{float:left;color:#fff;font-size:11px} #comLeftOutloginV5 .point p:first-child{width:75px} #comLeftOutloginV5 .point p:last-child{width:60px} #comLeftOutloginV5 .point .value{display:inline-block;padding-left:2px;color:#ffeb0a;font-size:11px} #comLeftOutloginV5.logout .form_area{padding-top:6px} #comLeftOutloginV5.logout .btn_area::after{display:block;content:'';clear:both} /*2. 기존 - 로그인후 버튼 #comLeftOutloginV4.logout .btn_area .btn 복붙 */ #comLeftOutloginV5.logout .btn_area .btn{display:block;position:relative;float:left;width:61px;height:16px;margin-bottom:6px;background:#834d13;border:1px solid #c18445;/*box-shadow:inset 0 1px 0 #b73e27;*/box-sizing:border-box} #comLeftOutloginV5.logout .btn_area .btn::before{display:block;content:'';position:absolute;top:50%;bottom:0;left:0;right:0;z-index:10} #comLeftOutloginV5.logout .btn_area .btn:nth-child(2n){float:right} #comLeftOutloginV5.logout .btn_area .btn .text{display:block;position:relative;color:#fff;font-size:11px;text-align:center;line-height:15px;z-index:20} #comLeftOutloginV5.logout .btn_area .btn .cnt{display:block;position:absolute;top:-5px;right:-1px;background:#cb0606;border:1px solid #000;border-radius:2px;box-sizing:border-box;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);z-index:30} #comLeftOutloginV5.logout .btn_area .btn .cnt::before{display:block;content:'';position:absolute;top:50%;left:0;right:0;bottom:0;background:#970000;z-index:10} #comLeftOutloginV5.logout .btn_area .btn .cnt span{display:block;position:relative;padding:0 5px;color:#fff;border:1px solid #ff0c0c;border-radius:2px;font-size:11px;line-height:12px;z-index:20} #comLeftOutloginV5.login .login_box{width:158px;padding-bottom:8px;margin:5px auto 0;} /*3. 큰박스 테두리, bg */ #comLeftOutloginV5.login .login_box{background:#420d00;border:1px solid #190c0a} #comLeftOutloginV5.login .login_box .text{padding:5px 0;color:#fff;text-align:center;line-height:1.4} #comLeftOutloginV5.login .login_box .text.notice{height:30px;line-height:30px} #comLeftOutloginV5.login .login_box .text .color{color:#95ff7d} #comLeftOutloginV5.login .login_box .link{display:block;width:135px;height:32px;margin:0 auto;color:#fff;font-weight:bold;text-align:center;line-height:32px;box-sizing:border-box} /*4. 버튼 테두리, bg */ #comLeftOutloginV5.login .login_box .link{background:#834d13;color:#fff;border: 1px solid #c18445;} #comLeftOutloginV5.login .login_box .link .img{margin-top:-4px;vertical-align:middle} #comLeftOutloginV5.login .btn_area{width:158px;height:28px;margin:0 auto} #comLeftOutloginV5.login .btn_area::after{display:block;content:'';clear:both} #comLeftOutloginV5.login .btn_area .col{position:relative;float:left;width:50%;text-align:center;line-height:28px} #comLeftOutloginV5.login .btn_area .col:first-child::before{display:block;content:'';position:absolute;top:50%;right:0;width:1px;height:9px;margin-top:-5px;background:#fff} #comLeftOutloginV5.login .btn_area .col .link{color:#fff;font-size:11px} /* * RENEWAL : 160511 by Sulper * layout.css 81 ~ 113 까지 삭제 */ #bnsLayout { background: none; } #bnsHead #bnsHeadlink { position: absolute; width: 100% !important; height: 30px !important; left: 0; background: #fff; border-bottom: 1px solid #dcdcdc; } body.b800 #bnsHead #bnsHeadlink { min-width: 977px; } body.b915 #bnsHead #bnsHeadlink { min-width: 1090px; } #bnsHead .outlogin { margin-top: 0; } #bnssTop { margin-top: 40px !important; } body.b800 #bnsBody #bnsMiddle .bnsMiddle1 { width: 977px; background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_800_layout5_top.jpg') no-repeat left top;} body.b915 #bnsBody #bnsMiddle .bnsMiddle1 { background: url('https://static.inven.co.kr/image_2011/bns/common/wrap_915_layout5_top.jpg') no-repeat left top; } #bnssTop { height: 120px; } #mainLogo { width: 165px; height: 120px; background: url('https://static.inven.co.kr/image_2011/bns/common/logo1_bns.png') no-repeat center center; float: left; } #mainLogo a { display: inline-block; width: 165px; height: 120px; text-indent: -10000px; } body.b915 #mainLogo, body.b915 #mainLogo a{ width: 265px; } #bnssTopRight { height: 120px; } body.b915 #mainLogo, body.b915 #mainLogo a{ width: 275px; } body.b800 #bnssTop #bnssTopRight, body.b915 #bnssTop #bnssTopRight { width: 635px; float: right; } body.b800 #bnsRight { margin-top: 263px; } body.b915 #bnsRight { margin-top: 263px; } #bnsLeftLogin { height: 157px; } #bnsLeftLogin #comLeftOutloginV2 { height: 157px; } #bnsLeftLogin #comLeftOutloginV2 a.logo { /*display: none;*/ height: 50px; } #bnsLeftLogin #comLeftOutloginV2 form { top: 44px; } #bnssSky { top: 164px; } body.b915 #bnssSky { left: 927px; } body.topsky .adSky { top: 224px !important; left: 812px !important; } #comHeadlink #comHeadOutloginExpend{ display: none; }