@charset "euc-kr"; /******************************************************************** Vricks Republic Publishing S&A Beginning : 2009-08-15 Final : 2009-08-15 *********************************************************************/ /* wrap */ #wrap { width: 977px; margin: 0 auto; position: relative; } #gnb { width: 977px; height: 286px; float: left; } #lnb { width: 271px; height: 636px; float: left; } #noLnb { width: 1px; height: 636px; float: left; } #contents { float: left; padding-bottom: 65px; } /* footer */ #footerWrap { height: 180px; border-top: #2E2C29 1px solid; clear: both; } #footer { margin: 0 auto; width: 953px; height: 165px; padding-top: 15px; padding-left: 24px; } #footer h2, #footer div.fArea { float: left; } #footer h2 { width: 288px; } #footer div.fArea { width: 443px; } #footer h2 img {margin-right:15px;} #footer div.fArea ul { margin-top: 8px; margin-left: -5px; position: relative; } #footer div.fArea ul li { display: inline; padding: 0 10px 0 5px; background: url("http://download.tera-online.com/images/footer/f_bar.gif") no-repeat 100% 5px; } #footer div.fArea ul li.noBar { background-image: none; } #footer div.fArea p { margin-top: 5px; } #footer div.fArea p img { display: block; vertical-align: top; } #footer #socLinks {width:215px;float:left;padding-top:5px;} #footer #socLinks a {float:left;margin-right:10px;} #footer #socLinks a:hover {position:relative;top:-1px;} /* logo */ #logo { position: absolute; top: 20px; left: 60px; } /* ie6 png */ .png24 { tmp: expression(setPng24(this)); } /* background */ .utility { background: #000000 url("/images/bg/utility.jpg") no-repeat 50% 0; } .news { background: #000000 url("/images/bg/news.jpg") no-repeat 50% 0; } .overview, .faq { background: #000000 url("/images/bg/overview.jpg") no-repeat 50% 0; } .media { background: #000000 url("/images/bg/media.jpg") no-repeat 50% 0; } .forums { background: #000000 url("/images/bg/forums.jpg") no-repeat 50% 0; } .newsletter { background: #000000 url("/images/bg/newsletter.jpg") no-repeat 50% 0; } /* character */ .aman { background: #000000 url("/images/bg/aman.jpg") no-repeat 50% 0; } .castanics { background: #000000 url("/images/bg/castanics.jpg") no-repeat 50% 0; } .baraka { background: #000000 url("/images/bg/baraka.jpg") no-repeat 50% 0; } .highElves { background: #000000 url("/images/bg/high_elves.jpg") no-repeat 50% 0; } .popori { background: #000000 url("/images/bg/popori.jpg") no-repeat 50% 0; } .humans { background: #000000 url("/images/bg/humans.jpg") no-repeat 50% 0; } /* classes */ .lancer { background: #000000 url("/images/bg/lancer.jpg") no-repeat 50% 0; } .warrior { background: #000000 url("/images/bg/warrior.jpg") no-repeat 50% 0; } .sorcerer { background: #000000 url("/images/bg/sorcerer.jpg") no-repeat 50% 0; } .priest { background: #000000 url("/images/bg/priest.jpg") no-repeat 50% 0; } .archer { background: #000000 url("/images/bg/archer.jpg") no-repeat 50% 0; } .berserker { background: #000000 url("/images/bg/berserker.jpg") no-repeat 50% 0; } .elementalist { background: #000000 url("/images/bg/elementalist.jpg") no-repeat 50% 0; } .slayer { background: #000000 url("/images/bg/slayer.jpg") no-repeat 50% 0; } /* GNB */ #GNB {width:977px;height:286px;position:relative;z-index:50;margin:0 auto;} #gnb_bg {position:relative;z-index:1;} #gnbLogo {position:absolute;z-index:2;left:0;top:134px;} #bar_end {position:absolute;z-index:100;left:938px;top:53px;} #GnbMenusCover {width:605px;height:35px;position:absolute;z-index:40;top:60px;left:30px;} .GMenuWrap {width:121px;height:35px;float:left;position:relative;} .GMenuWrap a.depth1 {display:block;width:121px;height:35px;background:url(/images/blank.gif);} .GMenuWrap a.depth1 span {display:none;} #GnbMenusUnder {width:605px;height:35px;position:absolute;z-index:20;top:60px;left:30px;} #GnbMenusUnder .GMenuWrap p {width:121px;height:35px;background:no-repeat url(/images/gnb/bg_bar_over_com.jpg);display:none;} #GnbMenusUnder #Border {position:absolute;z-index:10;top:-9px;left:-10px;} #GnbMenusUnder p.m0 {background-position: left 2px} #GnbMenusUnder p.m1 {background-position: -121px 2px} #GnbMenusUnder p.m2 {background-position: -242px 2px} #GnbMenusUnder p.m3 {background-position: -363px 2px} #GnbMenusUnder p.m4 {background-position: -484px 2px} #GnbMenusUnder div.depth2 {width:134px;height:160px;overflow:hidden;position:absolute;z-index:1;top:35px;left:-5px;display:none;} #GnbMenusUnder div.depth2-1 {height:69px;display:none;} #GnbMenusUnder div.depth2 .depth2List {width:134px;height:160px;position:absolute;top:-137px;} #GnbMenusUnder div.depth2 .depth2List .bg {position:absolute;z-index:1;} #GnbMenusUnder div.depth2 .depth2List a {display:block;position:absolute;z-index:5;} #GnbMenusUnder div.depth2 .depth2List ul {display:block;position:absolute;z-index:10;left:5px;padding:1px;} #GnbMenusUnder div.depth2 .depth2List li {position:relative;z-index:1;height:24px;} #GnbMenusUnder div.depth2 .sublist2 li span {display:none;width:120px;height:24px;background:url(/images/gnb/bg_rover_about.jpg) no-repeat;} #GnbMenusUnder div.depth2 .sublist3 li span {display:none;width:120px;height:24px;background:url(/images/gnb/bg_rover_media.jpg) no-repeat;} #GnbMenusUnder div.depth2 .sublist4 li span {display:none;width:120px;height:24px;background:url(/images/gnb/bg_rover_community.jpg) no-repeat;} #GnbMenusUnder div.depth2 .depth2List .item0 {} #GnbMenusUnder div.depth2 .depth2List .item1 {background-position:left -24px;} #GnbMenusUnder div.depth2 .depth2List .item2 {background-position:left -48px;} #GnbMenusUnder div.depth2 .depth2List .item3 {background-position:left -72px;} #GnbMenusUnder div.depth2 .depth2List .item4 {background-position:left -96px;} #GnbMenusUnder div.depth2 .depth2List .item5 {background-position:left -120px;} #GnbLogin {width:306px;height:31px;position:absolute;z-index:50;left:653px;top:62px;} #GnbLoginRound {width:306px;height:31px;position:absolute;z-index:50;} #GnbLoginWrap {position:absolute;z-index:10;padding:7px 0 0 13px;} #GnbLoginWrap span {font-weight:bold;} #GnbLoginWrap #GnbLoginInfo {font-size:11px;color:#BAB49A;} #GnbLoginWrap #LoginUInfo {padding:2px 0 0 4px;float:left;width:138px;} #GnbLoginWrap #LoginBtns {float:left;width:136px;} #GnbLoginWrap #LoginBtns a {margin-right:2px;} #GnbLoginWrap #GnbLoginMsg {position:absolute;z-index:5;top:8px;width:270px;font-size:11px;color:#CC0000;padding-left:5px;display:none;} #GnbLoginWrap form * {float:left;margin-right:3px;} #GnbLoginWrap .txt {border:none;width:76px;height:13px;padding:2px;font-size:10px;color:#979176;background-color:#000000;} #bgLoginRound {position:relative;z-index:1;} #GnbLoginUnder {width:318px;position:absolute;z-index:30;padding:18px 20px 10px 20px;left:0px;top:18px;display:none;background:url(/images/gnb/bg_under_msg.gif) left bottom no-repeat;} #GnbRememberWrap {position:relative;z-index:10;} #GnbRememberWrap * {color:#837D4A;font-size:9px;} #GnbRememberWrap a {position:absolute;left:180px;top:2px;display:block;width:100px;} #GnbLoginUnderMsg {color:#BAB49A;font-size:11px;width:278px;padding:20px 20px 15px 20px;position:absolute;z-index:35;left:0px;top:18px;background:url(/images/gnb/bg_under_msg.gif) left bottom no-repeat;display:none;} #GnbLoginUnderMsg p {margin-bottom:3px;} #GnbLoginUnderMsg a {color:#999900;} #msgPageLogin {padding-bottom:20px;} #msgPageLogin p {padding:2px;} #msgPageLogin a {color:#999900;} #msgPageLogin span {display:block;}