@import url("login_ver3.5.css?v=20121205"); body {margin:0;padding:0;font:12px dotum,돋움,AppleGothic,sans-serif; background:#c1cdcf;} img {border:0 none;} textarea {resize:none;} a {color:#444;text-decoration:none;} a:hover {text-decoration:underline;} dfn{display:none;} /* Common Layout */ #wrap_container {width:100%; background:url("/aion_v3/layout/bg_body_110427.jpg") repeat-x 0 -33px;} #container {min-width:970px; margin:0 auto; background:url("/aion_v3/layout/bg_visual_110427.jpg") no-repeat center -33px;} #div_top {position:relative; z-index:993; width:970px; height:180px; margin:0 auto;} #div_top #logo {position:absolute; left:387px; top:12px; z-index:100; display:block; width:279px; height:84px; background:url("/aion_v3/layout/logo_110427.jpg?v=2") no-repeat left top;} #div_top #logo a {display:block; width:174px; height:84px;} /* !!!!! 2.7 update 관련 bg수정 등은 하단 */ /* promotion */ #div_top .promotion {position:absolute; top:102px; left:0; width:155px; height:52px;} #div_top .promotion a {display:block; width:100%; height:100%;} #fbanner {position:absolute; z-index:971; top:190px; right:15px; width:108px; height:143px;} #fbanner .fbanner_cnt {position:relative; width:108px; height:143px; background:url("/aion_v3/upload/banner/banner_101110_floating.png") no-repeat 0 0; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=1,sizingMethod=scale,src='/aion_v3/upload/banner/banner_101110_floating.png');} #fbanner .fbanner_cnt a {position:relative; display:block; width:108px; height:118px; font-size:0; line-height:0; text-indent:-10000px;} #fbanner .fbanner_cnt span {position:absolute; bottom:0; right:0; display:block; width:25px; height:25px; font-size:0; line-height:0; text-indent:-10000px; cursor:pointer;} /* Powerbook logo */ #div_top #logo_powerbook {position:absolute; left:387px; top:12px; z-index:100; display:block; width:279px; height:84px; background:url("/aion_v3/layout/logo_powerbook_110427.jpg") no-repeat left top;} #div_top #logo_powerbook a {display:block; width:174px; height:84px;} #div_top #logo_powerbook a.powerbook {position:absolute; right:0; top:0; width:105px !important; height:84px;} /* avatarbook logo */ #div_top #logo_avatarbook {position:absolute; left:387px; top:12px; z-index:100; display:block; width:279px; height:84px; background:url("/aion_v3/layout/logo_avatarbook_110427.jpg") no-repeat left top;} #div_top #logo_avatarbook a {display:block; width:174px; height:84px;} #div_top #logo_avatarbook a.avatarbook {position:absolute; right:0; top:0; width:105px !important; height:84px;} /* Favorite */ #div_top #favorite {position:absolute; top:13px; left:0; margin:0; padding:0; font-size:11px; letter-spacing:-0.1em; color:#e3e8ed; background:url("/aion_v3/layout/bg_favorite_110427.gif") no-repeat 0 -7px;} #div_top #favorite li {float:left; width:88px; height:22px; cursor:pointer; text-decoration:underline;} #div_top #favorite .startPage {padding-right:10px;} #div_top #favorite .addFavorite {width:60px;} /* LNB Search */ #div_top #lnb_search_area {position:absolute; right:9px; bottom:8px; z-index:10000;} #div_top #lnb_search_area #lnb_query {z-index:1000; background-color:#f3f1f2; width:133px; height:13px; padding:3px 7px 0 7px; border-top:1px solid #acacac; border-left:1px solid #bbbbbd; vertical-align:middle; color:#666;} #div_top #lnb_search_area #lnb_submit {z-index:1000; background:url("/aion_v3/layout/btn_search.gif") no-repeat 2px 2px; width:42px; height:23px; margin-left:-3px; border:0 none; vertical-align:middle; color:#FFF; text-indent:-999px; font-weight:bold; cursor:pointer;} /* DOM navi */ #naviHTML {position:absolute; left:0; top:4px; height:78px; margin:0 0 0 165px; padding:0; overflow:hidden;} #naviHTML li {clear:none !important; list-style-type:none; float:left; height:42px; margin:0; padding:0;} #naviHTML li a {display:block; height:100%; font-size:0; text-indent:-2000px; background:url('/aion_v3/common/navi/aion_navi_120405.gif') no-repeat left top;} #naviHTML li ul {display:none; position:absolute; top:43px; margin:0; padding:0; height:31px; width:100%;} #naviHTML li ul li {list-style-type:none; margin:0; padding:0px; height:31px;} #naviHTML li ul li a {display:block; height:31px; overflow:hidden; font-size:12px; text-indent:0; text-indent:-9999px; color:#ababab; text-decoration:none; background:url('/aion_v3/common/navi/aion_navi_sub_120229.gif') no-repeat 0 -60px;} #naviHTML li ul li a:hover {color:#feebaf;} #naviHTML li.on ul {display:block !important;} #naviHTML li.on ul li {} #naviHTML li.menu1 a {width:79px;background-position:0 -44px;} #naviHTML li.menu1 a:hover, #naviHTML li.menu1_on a {background-position:0 -1px;} #naviHTML li.menu1 ul.sub1 {left:23px;} #naviHTML li.menu1 ul li.sub1_1 a {width:41px; background-position:-188px -47px} #naviHTML li.menu1 ul li.sub1_1_on a, #naviHTML li.menu1 ul li.sub1_1 a:hover {background-position:-188px -78px} #naviHTML li.menu1 ul li.sub1_2 a {width:53px; background-position:-229px -47px} #naviHTML li.menu1 ul li.sub1_2_on a, #naviHTML li.menu1 ul li.sub1_2 a:hover {background-position:-229px -78px} #naviHTML li.menu1 ul li.sub1_3 a {width:45px; background-position:-282px -47px} #naviHTML li.menu1 ul li.sub1_3_on a, #naviHTML li.menu1 ul li.sub1_3 a:hover {background-position:-282px -78px} #naviHTML li.menu1 ul li.sub1_4 a {width:63px; background-position:-327px -47px} #naviHTML li.menu1 ul li.sub1_4_on a, #naviHTML li.menu1 ul li.sub1_4 a:hover {background-position:-327px -78px} #naviHTML li.menu1 ul li.sub1_5 a {width:65px; background-position:-390px -47px} #naviHTML li.menu1 ul li.sub1_5_on a, #naviHTML li.menu1 ul li.sub1_5 a:hover {background-position:-390px -78px} #naviHTML li.menu1 ul li.sub1_6 a {width:66px; background-position:-455px -47px} #naviHTML li.menu1 ul li.sub1_6_on a, #naviHTML li.menu1 ul li.sub1_6 a:hover {background-position:-455px -78px} #naviHTML li.menu2 a {width:100px;background-position:-79px -44px;} #naviHTML li.menu2 a:hover, #naviHTML li.menu2_on a {background-position:-79px -1px;} #naviHTML li.menu2 ul.sub2 {left:96px;} #naviHTML li.menu2 ul li.sub2_1 a {width:57px; background-position:-261px -109px} #naviHTML li.menu2 ul li.sub2_1_on a, #naviHTML li.menu2 ul li.sub2_1 a:hover {background-position:-261px -140px} #naviHTML li.menu2 ul li.sub2_2 a {width:72px; background-position:-318px -109px} #naviHTML li.menu2 ul li.sub2_2_on a, #naviHTML li.menu2 ul li.sub2_2 a:hover {background-position:-318px -140px} #naviHTML li.menu2 ul li.sub2_3 a {width:55px; background-position:-390px -109px} #naviHTML li.menu2 ul li.sub2_3_on a, #naviHTML li.menu2 ul li.sub2_3 a:hover {background-position:-390px -140px} #naviHTML li.menu2 ul li.sub2_4 a {width:57px; background-position:-445px -109px} #naviHTML li.menu2 ul li.sub2_4_on a, #naviHTML li.menu2 ul li.sub2_4 a:hover {background-position:-445px -140px} #naviHTML li.menu2 ul li.sub2_5 a {width:55px; background-position:-502px -109px} #naviHTML li.menu2 ul li.sub2_5_on a, #naviHTML li.menu2 ul li.sub2_5 a:hover {background-position:-502px -140px} #naviHTML li.menu2 ul li.sub2_6 a {width:44px; background-position:-557px -109px} #naviHTML li.menu2 ul li.sub2_6_on a, #naviHTML li.menu2 ul li.sub2_6 a:hover {background-position:-557px -140px} #naviHTML li.menu3 a {width:70px;background-position:-179px -44px;} #naviHTML li.menu3 a:hover, #naviHTML li.menu3_on a {background-position:-179px -1px;} #naviHTML li.menu4 a {width:82px;background-position:-249px -44px;} #naviHTML li.menu4 a:hover, #naviHTML li.menu4_on a {background-position:-249px -1px;} #naviHTML li ul.sub4 {left:103px;} #naviHTML li.menu4 ul li.sub4_1 a {width:45px; background-position:-268px -171px} #naviHTML li.menu4 ul li.sub4_1_on a, #naviHTML li.menu4 ul li.sub4_1 a:hover {background-position:-268px -202px} #naviHTML li.menu4 ul li.sub4_2 a {width:44px; background-position:-313px -171px} #naviHTML li.menu4 ul li.sub4_2_on a, #naviHTML li.menu4 ul li.sub4_2 a:hover {background-position:-313px -202px} #naviHTML li.menu4 ul li.sub4_3 a {width:63px; background-position:-357px -171px} #naviHTML li.menu4 ul li.sub4_3_on a, #naviHTML li.menu4 ul li.sub4_3 a:hover {background-position:-357px -202px} #naviHTML li.menu4 ul li.sub4_4 a {width:45px; background-position:-420px -171px} #naviHTML li.menu4 ul li.sub4_4_on a, #naviHTML li.menu4 ul li.sub4_4 a:hover {background-position:-420px -202px} #naviHTML li.menu4 ul li.sub4_5 a {width:43px; background-position:-465px -171px} #naviHTML li.menu4 ul li.sub4_5_on a, #naviHTML li.menu4 ul li.sub4_5 a:hover {background-position:-465px -202px} #naviHTML li.menu4 ul li.sub4_6 a {width:34px; background-position:-508px -171px} #naviHTML li.menu4 ul li.sub4_6_on a, #naviHTML li.menu4 ul li.sub4_6 a:hover {background-position:-508px -202px} #naviHTML li.menu4 ul li.sub4_7 a {width:62px; background-position:-542px -171px} #naviHTML li.menu4 ul li.sub4_7_on a, #naviHTML li.menu4 ul li.sub4_7 a:hover {background-position:-542px -202px} #naviHTML li.menu4 ul li.sub4_8 a {width:71px; background-position:-604px -171px} #naviHTML li.menu4 ul li.sub4_8_on a, #naviHTML li.menu4 ul li.sub4_8 a:hover {background-position:-604px -202px} #naviHTML li.menu4 ul li.sub4_9 a {width:60px; background-position:-675px -171px} #naviHTML li.menu4 ul li.sub4_9_on a, #naviHTML li.menu4 ul li.sub4_9 a:hover {background-position:-675px -202px} #naviHTML li.menu5 a {width:81px;background-position:-331px -44px;} #naviHTML li.menu5 a:hover, #naviHTML li.menu5_on a {background-position:-331px -1px;} #naviHTML li ul.sub5 {left:300px;} #naviHTML li.menu5 ul li.sub5_1 a {width:37px; background-position:-465px -233px} #naviHTML li.menu5 ul li.sub5_1_on a, #naviHTML li.menu5 ul li.sub5_1 a:hover {background-position:-465px -264px} #naviHTML li.menu5 ul li.sub5_2 a {width:43px; background-position:-502px -233px} #naviHTML li.menu5 ul li.sub5_2_on a, #naviHTML li.menu5 ul li.sub5_2 a:hover {background-position:-502px -264px} #naviHTML li.menu5 ul li.sub5_3 a {width:40px; background-position:-545px -233px} #naviHTML li.menu5 ul li.sub5_3_on a, #naviHTML li.menu5 ul li.sub5_3 a:hover {background-position:-545px -264px} #naviHTML li.menu5 ul li.sub5_4 a {width:72px; background-position:-585px -233px} #naviHTML li.menu5 ul li.sub5_4_on a, #naviHTML li.menu5 ul li.sub5_4 a:hover {background-position:-585px -264px} #naviHTML li.menu6 a {width:80px;background-position:-412px -44px;} #naviHTML li.menu6 a:hover, #naviHTML li.menu6_on a {background-position:-412px -1px;} #naviHTML li ul.sub6 {left:93px;} #naviHTML li.menu6 ul li.sub6_1 a {width:80px; background-position:-261px -295px} #naviHTML li.menu6 ul li.sub6_1_on a, #naviHTML li.menu6 ul li.sub6_1 a:hover {background-position:-261px -326px} #naviHTML li.menu6 ul li.sub6_2 a {width:66px; background-position:-345px -295px} #naviHTML li.menu6 ul li.sub6_2_on a, #naviHTML li.menu6 ul li.sub6_2 a:hover {background-position:-345px -326px} #naviHTML li.menu6 ul li.sub6_3 a {width:44px; background-position:-407px -295px} #naviHTML li.menu6 ul li.sub6_3_on a, #naviHTML li.menu6 ul li.sub6_3 a:hover {background-position:-407px -326px} #naviHTML li.menu6 ul li.sub6_4 a {width:56px; background-position:-451px -295px} #naviHTML li.menu6 ul li.sub6_4_on a, #naviHTML li.menu6 ul li.sub6_4 a:hover {background-position:-451px -326px} #naviHTML li.menu6 ul li.sub6_5 a {width:57px; background-position:-508px -295px} #naviHTML li.menu6 ul li.sub6_5_on a, #naviHTML li.menu6 ul li.sub6_5 a:hover {background-position:-508px -326px} #naviHTML li.menu6 ul li.sub6_6 a {width:39px; background-position:-565px -295px} #naviHTML li.menu6 ul li.sub6_6_on a, #naviHTML li.menu6 ul li.sub6_6 a:hover {background-position:-565px -326px} #naviHTML li.menu6 ul li.sub6_7 a {width:71px; background-position:-604px -295px} #naviHTML li.menu6 ul li.sub6_7_on a, #naviHTML li.menu6 ul li.sub6_7 a:hover {background-position:-604px -326px} #naviHTML li.menu6 ul li.sub6_8 a {width:71px; background-position:-675px -295px} #naviHTML li.menu6 ul li.sub6_8_on a, #naviHTML li.menu6 ul li.sub6_8 a:hover {background-position:-675px -326px} #naviHTML li.menu7 a {width:72px;background-position:-492px -44px;} #naviHTML li.menu7 a:hover, #naviHTML li.menu7_on a {background-position:-492px -1px;} /* suggest */ .wrap_subsearch h2{display:none;} .wrap_subsearch #form_total {position:relative; z-index:99999;} .wrap_subsearch .inputbox{position:absolute;display:block;color:#888; width:149px; height:17px; border:1px solid #acacac; background-color:#fff;} /*186 25*/ .wrap_subsearch .nofocus{width:131px;height:14px;vertical-align:middle;padding:3px 0 0 5px;color:#888;cursor:text;border:0 none; background:#fff;} .wrap_subsearch .suggest{width:131px;height:14px;vertical-align:middle;padding:3px 0 0 5px;cursor:text;border:0 none;background:#fff;} .wrap_subsearch .suggest_toggle{position:absolute;left:136px;top:5px;cursor:pointer;} .wrap_subsearch .suggest_submit{position:absolute;left:154px;width:42px;height:23px;margin:-2px 0 0 -2px;cursor:pointer;vertical-align:middle;border:none;text-indent:-1000px;overflow:hidden;background:url('/aion_v3/layout/btn_search.gif') no-repeat 2px 2px;} /* main common use */ .suggest_wrapper{display:none;position:absolute;left:0;top:19px;z-index:10000000 !important;width:147px;padding:1px;color:#444;font-size:12px;border:1px solid #acacac;background-color:#fff;} .suggest_wrapper .footer{clear:both;height:26px;margin:0;padding:0;background-color:#f2f2f2;_margin:0px; text-align:right;} .suggest_wrapper .footer p{margin:0;padding:7px 10px 0 0 !important;font:normal 11px Dotum;color:#888;letter-spacing:-1px;} .suggest_wrapper .footer a{height:10px;overflow:hidden;line-height:100%;text-decoration:none;color:#888;padding:0 0 0 4px;border-left:1px solid #ddd;} .suggest_wrapper .footer strong{margin:0 !important; padding:0 0 0 7px !important; text-align:right; font-weight:normal;} .suggest_wrapper .footer span {text-align:right;} .suggest_off, .suggest_on{cursor:pointer;} .suggest_list{display:none; overflow-x:hidden; overflow-y:hidden;padding-bottom:2px; } .suggest_list ul {margin:0; padding:0; list-style-type:none; } .suggest_list ul li{line-height:18px;font-size:12px;cursor:pointer;padding-left:8px;} .suggest_list ul li.startback{padding-top:1px;border-top:1px solid #eee;} .suggest_list ul li.mouseon{ background-color:#f5f5f5; } .suggest_list ul li.keyon{background-color:#f5f5f5; } .suggest_guide{position:relative !important; z-index:10000000 !important; display:none; padding:10px 5px;overflow-x:hidden; overflow-y:auto; font-size:11px;} /* Aion Top Menu */ #btn_aion_top_menu {position:absolute; top:114px; right:85px; display:block; width:44px; height:19px; cursor:pointer; background:url("/aion_v3/layout/btn_navi_all.gif") no-repeat; text-indent:-9999px;} #div_top #aion_top_menu {display:none; position:absolute; top:102px; z-index:99999 !important; width:970px; height:196px; background:url("/aion_v3/layout/bg_aion_top_menu_120709.gif") repeat-y left top;} #div_top #aion_top_menu h2 {display:none;} #div_top #aion_top_menu li {display:block; width:70px; height:17px; margin-bottom:1px; text-indent:-9999px; overflow:hidden; cursor:pointer;} *html #div_top #aion_top_menu li {margin-bottom:0px;} *+html #div_top #aion_top_menu li {margin-bottom:0px;} #div_top #aion_top_menu span {display:block; width:70px; height:39px; text-indent:-9999px; overflow:hidden; cursor:pointer;} #div_top #aion_top_menu .m_menu {height:42px;} #div_top #aion_top_menu .m_info {position:absolute; left:100px;} #div_top #aion_top_menu .m_powerbook {position:absolute; left:180px;} #div_top #aion_top_menu .m_community {position:absolute; left:265px;} #div_top #aion_top_menu .m_avatarbook {position:absolute; left:360px;} #div_top #aion_top_menu .m_media {position:absolute; left:450px;} #div_top #aion_top_menu .m_notice {position:absolute; left:535px;} #div_top #aion_top_menu .m_download {position:absolute; left:610px;} #div_top #aion_top_menu .m_download li {width:90px;} #div_top #aion_top_menu .m_astyle {position:absolute; left:701px; width:60px;} #div_top #aion_top_menu .close {position:absolute; right:0; bottom:0; width:30px; height:30px;} #div_middle {overflow:hidden; position:relative; width:970px; min-height:1140px; margin:0 auto; background:url("/aion_v3/layout/bg_mid.gif") repeat-y left top;} #div_middle #div_left {float:left; width:220px; margin:0; padding:0 0 280px 0; background:;} #div_middle #div_center {float:left; width:750px; padding:0 0 80px 0; text-align:center; background:url("/aion_v3/layout/bg_cnt_top.gif") repeat-x left top;} /* Sub contents */ .wrap_top {clear:both; position:relative; width:700px; margin:0 auto; text-align:left; padding:40px 0 15px 0;} .wrap_top h1 {display:block; margin:0; padding:0; font-size:0; line-height:0;} .wrap_top .linemap {position:absolute; right:0; top:50px; margin:0; padding:0; font-size:11px; color:#514A3A; text-align:right;} .wrap_top .linemap li {display:inline; padding:0 0 0 14px; background:url("/aion_v3/layout/bul_linemap.gif") no-repeat left top;} .wrap_top .linemap li a {color:#999999;} .wrap_top .linemap li.none {padding:0 5px 0 0; background:none;} .wrap_top .linemap li.current {font-weight:bold;} .wrap_top .linemap li.current a {color:#514a3a;} .wrap_contents {clear:both; position:relative; width:700px; margin:0 auto; padding:0; text-align:left; word-break:break-all;} #div_left .gameclient {margin:0; padding:0; background:url("/aion_v3/layout/bg_gameclient_110127.jpg") no-repeat left -1px;} #div_left .gameclient h2, #div_left .gameclient h3 {display:none;} #div_left .gameclient .start {height:80px; cursor:pointer;} #div_left .download {margin:0; padding:0;} #div_left .download li {float:left; height:27px; background-image:url("/aion_v3/layout/bg_gameclient_110127.jpg"); background-repeat:no-repeat; list-style-type:none;} *html #div_left .download li {margin-bottom:-3px;} #div_left .download li a {display:inline-block; width:100%; height:34px; text-indent:-9999px; overflow:hidden;} #div_left .download li.client {width:129px; background-position:0 -81px;} #div_left .download li.testserver {width:91px; background-position:-129px -81px;} /* LeftQuick */ #div_left #left_quick {clear:both; width:220px;} #div_left #left_quick h2, #div_left #left_quick h3, #div_left #left_quick h4 {display:none;} #div_left #left_quick #left_quick_tab {width:220px; margin:0; padding:0; overflow:hidden;} #div_left #left_quick #left_quick_tab li {list-style-type:none; float:left; height:39px;} #div_left #left_quick #left_quick_tab li span {display:block; height:39px; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer; background-image:url("/aion_v3/layout/bg_left_quick_111012.gif"); background-repeat:no-repeat;} #div_left #left_quick #left_quick_tab li.m1 span {width:109px; background-position:0 0;} #div_left #left_quick #left_quick_tab li.m2 span {width:111px; background-position:-109px 0;} #div_left #left_quick #left_quick_tab li.m1 span.on {background-position:0 -39px;} #div_left #left_quick #left_quick_tab li.m2 span.on {background-position:-109px -39px;} #div_left #left_quick .left_quick_content {clear:both; position:relative;} #div_left #left_quick .left_quick_content .quick_list {margin:0; padding:0 0 0 21px; overflow:hidden;} #div_left #left_quick .left_quick_content .quick_list li {list-style-type:none; float:left; height:17px;} #div_left #left_quick .left_quick_content .quick_list li.list_l {width:106px;} #div_left #left_quick .left_quick_content .quick_list li.list_r {width:93px;} #div_left #left_quick .left_quick_content .quick_list li a {display:block; height:17px; font-size:0; line-height:0; text-indent:-9999px;} #div_left #left_quick .left_quick_content .mobile_list {clear:both; width:177px; margin:0; padding:39px 0 0 21px;} #div_left #left_quick .left_quick_content .mobile_list li {list-style-type:none; height:29px; padding:0 0 3px 0;ss} #div_left #left_quick .left_quick_content .mobile_list li a {display:block; height:29px; font-size:0; line-height:0; text-indent:-9999px;} #div_left #left_quick #left1 {height:198px; padding:6px 0 0 0; background:url("/aion_v3/layout/bg_left_quick_111012.gif") no-repeat 0 -98px;} #div_left #left_quick #left2 {height:103px; padding:6px 0 0 0; background:url("/aion_v3/layout/bg_left_quick_111012.gif") no-repeat 0 -312px;} #div_left #left_quick .left_beginner {clear:both; width:203px; height:120px; padding:32px 0 0 17px; background:url("/aion_v3/layout/bg_left_quick_111012.gif") no-repeat 0 -431px;} #div_left #left_quick .left_beginner ul {margin:0; padding:0; overflow:hidden;} #div_left #left_quick .left_beginner ul li {list-style-type:none; float:left; width:94px; height:44px;} #div_left #left_quick .left_beginner ul li a {display:block; width:100%; height:100%; font-size:0; line-height:0; text-indent:-9999px;} #div_left #left_quick .left_beginner_v2 {clear:both; width:206px; height:110px; padding:47px 0 0 14px; background:url("/aion_v3/layout/bg_left_quick_110905.gif") no-repeat 0 -431px;} #div_left #left_quick .left_beginner_v2 ul {margin:0; padding:0; overflow:hidden;} #div_left #left_quick .left_beginner_v2 ul li {list-style-type:none; float:left; width:95px; height:45px; margin:0 2px 2px 0;} #div_left #left_quick .left_beginner_v2 ul li a {display:block; width:100%; height:100%; font-size:0; line-height:0; text-indent:-9999px;} /* Footer */ #div_footer {clear:both; width:970px; height:230px; margin:10px auto 0 auto; background:url("/aion_v3/layout/bg_footer_111010.gif") no-repeat left top;} #div_footer dfn {display:none;} #div_footer #commonfooter {clear:both; position:relative; width:970px; height:231px;} #div_footer #commonfooter .ncsoft a {display:block; position:absolute; top:28px; left:158px; width:61px; height:53px; font-size:0; line-height:0; text-indent:-10000px;} #div_footer #commonfooter .email {display:block; position:absolute; top:54px; left:645px; width:85px; height:13px; font-size:0; line-height:0; text-indent:-10000px;} #div_footer .utilmenu {position:absolute; top:33px; left:240px; margin:0; padding:0;} #div_footer .utilmenu li {list-style-type:none; float:left; height:18px;} #div_footer .utilmenu li.m1 {width:48px;} #div_footer .utilmenu li.m2 {width:48px;} #div_footer .utilmenu li.m3 {width:172px;} #div_footer .utilmenu li.m4 {width:48px;} #div_footer .utilmenu li.m5 {width:86px;} #div_footer .utilmenu li.m6 {width:48px;} #div_footer .utilmenu li.m7 {width:79px;} #div_footer .utilmenu li.m8 {width:30px;} #div_footer .utilmenu li a {display:block; width:100%; height:100%; font-size:0; line-height:0; text-indent:-10000px;} #div_footer #commonfooter address {display:none;} #div_footer #aionfooter {display:none;} #div_footer .ftc {position:absolute; top:69px; left:351px; display:block; width:58px; height:11px; font-size:0; line-height:0; text-indent:-9999px;} /* 2012footer */ .footerWrap {clear:both; position:relative; width:970px; margin:0 auto; padding:56px 0 65px 0; color:#444;} .footerWrap a {color:#444} .footerWrap a:hover {color:#444; text-decoration:underline;} .footerWrap a:visited {color:#444; text-decoration:none;} .footerWrap .utilmenu {position:relative; width:100%; height:23px; margin:0 0 25px 0; padding:0; list-style-type:none; border-bottom:1px solid #d8d0c1;} .footerWrap .utilmenu li {margin:0; padding:0 12px 0 8px; list-style-type:none; display:inline-block; background:url("/aion_v3/layout/footer/ic_footer.gif") no-repeat right 1px ; *:display:inline; *:padding:0 10px 0 10px;} .footerWrap .utilmenu li.bizinfo {padding-left:0;} .footerWrap .utilmenu li.grade {position:relative; cursor:pointer;} .footerWrap .utilmenu li.pcbang {position:absolute; top:0; right:5px; padding-right:0; padding-left:10px; font-weight:bold; letter-spacing:-1px; background-position:0 -36px;} .footerWrap .utilmenu li.last {background-image:none;} .footerWrap .utilmenu .ly_grade {position:absolute; bottom:23px; left:-239px; display:none; width:573px; height:140px; background:url("/aion_v3/layout/footer/grade.png") no-repeat; text-indent:-9999px; overflow:hidden; z-index:9999;} .footerWrap address {position:relative; width:100%; height:41px; background:url("/aion_v3/layout/footer/footer_v2.gif") no-repeat; text-indent:-9999px; overflow:hidden;} .footerWrap address a {display:block; overflow:hidden;} .footerWrap address .ncsoft {position:absolute; top:0; left:0; width:124px; height:41px;} .footerWrap address .ftc {position:absolute; top:0; left:637px; width:57px; height:11px;} .footerWrap address .email {position:absolute; top:14px; left:339px; width:72px; height:10px;} .footerWrap .global_sites {position:absolute; right:1px; top:100px; margin:0; padding:0; font:normal 11px/15px Dotum; letter-spacing:-1px; z-index:999;} .footerWrap .global_sites dt {width:132px; height:16px; margin:0; padding:2px 0 0 9px; color:#848484; border:1px solid #c9c0b7; cursor:pointer; background:#fff url("/aion_v3/layout/footer/ic_footer.gif") no-repeat right -63px;} .footerWrap .global_sites dt.up {background-position:right -93px;} .footerWrap .global_sites dd {position:absolute; left:0; bottom:22px; display:none; width:141px; margin:0; padding:0; background-color:#fff; border:1px solid #c9c0b7;} .footerWrap .global_sites dd ul {display:block; width:125px; margin:0 auto; padding:0;} .footerWrap .global_sites dd ul li {display:block; height:15px; margin:0; padding:0; list-style-type:none;} .footerWrap .global_sites dd ul li.m_type1 {padding:3px 0 0 0;} .footerWrap .global_sites dd ul li.m_type2 {padding-bottom:6px;} .footerWrap .global_sites dd ul li.first {height:18px; margin:0 0 5px 0; padding:3px 0 3px 0; color:#848484; border-bottom:1px solid #ddd;} .footerWrap .global_sites dd ul li.middle, .footerWrap .global_sites dd ul li.last {padding-top:8px; border-top:1px solid #ddd;} .footerWrap .global_sites dd ul li.middle a {color:#474747;} .footerWrap .global_sites dd ul li a {display:block; height:15px; font:normal 11px/15px dotum; color:#848484; letter-spacing:-1px;} .footerWrap .global_sites dd ul li a:hover{text-decoration:none; background-color:#f1f1f1;} /* top banner */ #div_top #navigation {position:absolute; left:0; top:102px; width:970px; height:78px; background:url('/aion_v3/layout/bg_navi.jpg') no-repeat left top;} #div_top #tbanner {position:absolute; right:25px; top:6px; width:245px; height:90px;} #div_top #tbanner img {width:245px; height:90px;} /* right wing banner */ #rwing_banner {position:absolute; right:-105px; top:380px; z-index:999; height:150px;} #rwing_banner img {width:90px; height:150px;} @media only screen and (max-width: 1024px){#rwing_banner {display:none;}} .mobile_footer {display:none;} @media only screen and (max-device-width: 480px), only screen and (max-device-width: 800px) { .mobile_footer {clear:both; display:block; width:960px; height:138px; margin:29px auto; line-height:140px !important; border:1px solid #fff; font:46px helvetica; font-weight:bold; color:#5e7393 !important; letter-spacing:-3px; text-decoration:none !important; text-align:center; -webkit-text-stroke-width:0.02em; -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgb(247,247,247)), color-stop(0.5, rgb(240,240,240))); background-image: -moz-linear-gradient(center top, rgb(247,247,247) 50%, rgb(240,240,240) 50%); } .mobile_footer span {font-size:30px;font-style:normal;vertical-align:top} } /* 2.7 update */ #wrap_container {background-image:url("/aion_v3/layout/bg_body_110727.jpg");} #container {background-image:url("/aion_v3/layout/bg_visual_110727.jpg");} #div_top #logo {background-image:url("/aion_v3/layout/logo_110727.jpg");} #div_top #logo_powerbook {background-image:url("/aion_v3/layout/logo_powerbook_110727.jpg");} #div_top #logo_avatarbook {background-image:url("/aion_v3/layout/logo_avatarbook_110727.jpg");} /* 3.0 update */ body {background:#e5e4e2;} #wrap_container {background-image:url("/aion_v3/layout/bg_body_111221.jpg");} #container {background-image:url("/aion_v3/layout/bg_visual_120104.jpg");} #div_top #logo {left:378px; top:18px; background-image:url("/aion_v3/layout/logo_120104.jpg");} #div_top #logo a {width:181px; height:69px;} #div_top #logo_powerbook {left:378px; top:8px; width:278px; height:90px; background-image:url("/aion_v3/layout/logo_powerbook_120104.jpg");} #div_top #logo_powerbook a {width:181px;} #div_top #logo_powerbook a.powerbook {width:92px !important;} #div_top #logo_avatarbook {left:378px; top:8px; width:285px; height:84px; background-image:url("/aion_v3/layout/logo_avatarbook_120104.jpg");} #div_top #logo_avatarbook a {width:181px;} #div_top #logo_avatarbook a.avatarbook {width:95px !important;} #div_top #favorite {top:0; left:0; width:168px; height:31px; background:url("/aion_v3/layout/bg_favorite_120104.gif") no-repeat -5px 0;} #div_top #navigation {} #div_top .promotion {position:absolute; top:102px; left:0px; width:192px !important; height:53px !important;} #div_left .gameclient {height:108px; margin:0; background:url("/aion_v3/layout/bg_gameclient_111108.jpg") no-repeat left top;} #div_left .gameclient .start {height:86px;} #div_left .download li {height:22px !important; background-image:url("/aion_v3/layout/bg_gameclient_111108.jpg");} #div_left .download li.client {width:119px; background-position:0 -86px;} #div_left .download li.testserver {width:101px; background-position:-119px -86px;} #div_footer {height:175px; background-image:url("/aion_v3/layout/bg_footer_111108.jpg");} /* 3.1 update */ body {background:#eae4dd;} #wrap_container {background-image:none;} #container {background-image:url("/aion_v3/layout/bg_visual_120201_v3.jpg");} #div_top #logo {left:378px; top:18px; background-image:url("/aion_v3/layout/logo_120201_v3.jpg");} #div_top #logo a {width:181px; height:69px; text-indent:-9999px; overflow:hidden;} #div_top #logo_powerbook {left:378px; top:8px; width:278px; height:90px; background-image:url("/aion_v3/layout/logo_powerbook_120201_v3.jpg");} #div_top #logo_powerbook a {width:181px; text-indent:-9999px; overflow:hidden;} #div_top #logo_powerbook a.powerbook {width:92px !important;} #div_top #logo_avatarbook {left:378px; top:8px; width:285px; height:84px; background-image:url("/aion_v3/layout/logo_avatarbook_120201_v3.jpg");} #div_top #logo_avatarbook a {width:181px; text-indent:-9999px; overflow:hidden;} #div_top #logo_avatarbook a.avatarbook {width:95px !important;} #div_top #favorite {top:0; left:0; width:168px; height:31px; background:url("/aion_v3/layout/bg_favorite_120201_v3.jpg") no-repeat 4px 0;} #div_top #favorite li {text-indent:-9999px; overflow:hidden;} #div_footer {height:175px; background-image:url("/aion_v3/layout/bg_footer_120201_v3.jpg");} /* 3.1 update - main 변경 */ #div_left .gameclient {height:163px; margin:0 0 0 0; background:url("/aion_v3/layout/bg_gameclient_120220.jpg") no-repeat left top;} #div_left .gameclient .start {height:128px;} #div_left .download li {height:34px; background-image:url("/aion_v3/layout/bg_gameclient_120220.jpg");} #div_left .download li.client {width:129px; background-position:0 -129px;} #div_left .download li.testserver {width:91px; background-position:-129px -129px;} /* flash삭제 - main 변경 */ #div_top #navigation {background-image:url('/aion_v3/layout/bg_navi_120229.jpg');} #div_left .gameclient {height:163px; margin:0 0 0 0; background:url("/aion_v3/layout/bg_gameclient_120306.jpg") no-repeat left top;} #div_left .gameclient .start {height:128px;} #div_left .download li {height:34px; background-image:url("/aion_v3/layout/bg_gameclient_120306.jpg");} #div_left .download li.client {width:129px; background-position:0 -129px;} #div_left .download li.testserver {width:91px; background-position:-129px -129px;} #div_left .gameclient a.dom_gamestart {display:block; width:100%; height:128px; text-indent: -99999px; overflow:hidden;}/* background:url(/aion_v3/layout/bg_gameclient_120229.jpg) no-repeat 0 0;}*/ #div_left .gameclient a.dom_gamestart img.gamestart_on {display:none; position:absolute; left:0px; top:0px;} #div_footer {height:175px; background-image:url("/aion_v3/layout/bg_footer_120306.jpg");} /* LNB Search */ #div_top #lnb_search_area {right:203px; bottom:26px;} /* suggest */ .wrap_subsearch h2{display:none;} .wrap_subsearch #form_total {position:relative; z-index:99999;} .wrap_subsearch .inputbox{position:absolute;display:block;color:#888; width:149px; height:17px; border:1px solid #acacac; background-color:#fff;} /*186 25*/ .wrap_subsearch .nofocus{width:131px;height:14px;vertical-align:middle;padding:3px 0 0 5px;color:#888;cursor:text;border:0 none; background:#fff;} .wrap_subsearch .suggest{width:131px;height:14px;vertical-align:middle;padding:3px 0 0 5px;cursor:text;border:0 none;background:#fff;font:12px dotum,돋움,AppleGothic,sans-serif;} .wrap_subsearch .suggest_toggle{position:absolute;left:136px;top:5px;cursor:pointer;} .wrap_subsearch .suggest_submit{position:absolute;left:154px;width:42px;height:23px;margin:-2px 0 0 -2px;cursor:pointer;vertical-align:middle;border:none;text-indent:-1000px;overflow:hidden;background:url('/aion_v3/layout/btn_search.gif') no-repeat 2px 2px;} /* main common use */ .suggest_wrapper{display:none;position:absolute;left:0;top:19px;z-index:10000000 !important;width:147px;padding:1px;color:#444;font-size:12px;border:1px solid #acacac;background-color:#fff;} .suggest_wrapper .footer{clear:both;height:26px;margin:0;padding:0;background-color:#f2f2f2;_margin:0px; text-align:right;} .suggest_wrapper .footer p{margin:0;padding:7px 10px 0 0 !important;font:normal 11px Dotum;color:#888;letter-spacing:-1px;} .suggest_wrapper .footer a{height:10px;overflow:hidden;line-height:100%;text-decoration:none;color:#888;padding:0 0 0 4px;border-left:1px solid #ddd;} .suggest_wrapper .footer strong{margin:0 !important; padding:0 0 0 7px !important; text-align:right; font-weight:normal;} .suggest_wrapper .footer span {text-align:right;} .suggest_off, .suggest_on{cursor:pointer;} .suggest_list{display:none; overflow-x:hidden; overflow-y:hidden;padding-bottom:2px; } .suggest_list ul {margin:0; padding:0; list-style-type:none; } .suggest_list ul li{line-height:18px;font-size:12px;cursor:pointer;padding-left:8px;} .suggest_list ul li.startback{padding-top:1px;border-top:1px solid #eee;} .suggest_list ul li.mouseon{ background-color:#f5f5f5; } .suggest_list ul li.keyon{background-color:#f5f5f5; } .suggest_guide{position:relative !important; z-index:10000000 !important; display:none; padding:10px 5px;overflow-x:hidden; overflow-y:auto; font-size:11px;} #rwing_banner {top:434px;} /* main server bbs */ #wrap_serverbbs {position:relative; clear:both; width:220px; height:124px; margin:0; border-top:1px solid #fff; background:url("/aion_v3/layout/bg_board_list_v3.gif") no-repeat left -74px;} #wrap_serverbbs h2 {position:absolute; top:37px; left:21px; width:182px;margin:0;padding:0;height:1px; text-indent:-9999px; overflow:hidden;background:url("/aion_v3/layout/bg_board_list_v3.gif") no-repeat left -219px;line-height:20px;} #wrap_serverbbs .new_server {position:absolute; top:37px; left:21px; width:182px; height:20px; text-indent:-1000px; background:url("/aion_v3/layout/bg_board_list_v3.gif") no-repeat left -219px;display:none;} #wrap_serverbbs .new_server a {display:block; width:100px; height:100%;} #wrap_serverbbs .inputbox {position:absolute; top:48px; left:18px; color:#888; cursor:pointer; width:162px; height:28px; font-size:11px; padding:0px 5px 0 5px; text-align:left; border:2px solid #c4c9cc; background:#fff url("/aion_v3/layout/bg_board_list_v3.gif") no-repeat right 12px;} :root #wrap_serverbbs .inputbox {padding:6px 5px 2px 5px;} #wrap_serverbbs #btn_toggle {position:absolute; top:70px; left:160px; width:10px; height:7px; cursor:pointer; background:url("/aion_v3/layout/bg_board_list_v3.gif") no-repeat 206px 2px; text-indent:-1000px;} #wrap_serverbbs .server_submit {position:absolute; top:51px; right:16px; width:23px;height:27px;margin:-2px 0 0 -2px;cursor:pointer;vertical-align:middle;border:none;text-indent:-1000px;overflow:hidden;background:url("/aion_v3/layout/bg_board_list_v3.gif") no-repeat right -22px;} #wrap_serverbbs .server_status {position:absolute; top:84px; left:21px; font-size:11px; letter-spacing:-2px;} #wrap_serverbbs .server_status span {display:block; padding-right:15px; color:#859ba6; background:url("/aion_v3/layout/bg_board_list_v3.gif") no-repeat 102px -36px;} #wrap_serverbbs .server_status a {text-decoration:none;} #wrap_serverbbs .layer_wrapper {display:none; position:absolute; top:77px; left:18px; z-index:100000; width:184px; padding-bottom:5px; border:1px solid #c1c2c6; background:#fff; overflow:hidden;} #wrap_serverbbs .layer_wrapper p {margin:0; padding:0;} #wrap_serverbbs .layer_wrapper #layer_close {float:right; margin:10px 10px 5px 0; cursor:pointer;} #wrap_serverbbs .layer_wrapper ul {clear:both; margin:10px 0 10px 10px; list-style:none; overflow:hidden;} #wrap_serverbbs .layer_wrapper li {float:left; width:76px; padding:4px 0 3px 10px; font-size:11px; color:#666; letter-spacing:-1px; cursor:pointer; background:url("/aion_v3/layout/bg_board_list_v3.gif") no-repeat 3px 7px;} #wrap_serverbbs .layer_wrapper li.on {font-weight:bold;} #wrap_serverbbs .layer_wrapper li a {display:inline-block; padding-right:2px;} #wrap_serverbbs .layer_wrapper li:hover a {text-decoration:none; font-weight:bold;} #wrap_serverbbs .layer_wrapper .notice {clear:both; width:164px; height:18px; margin:0 auto; padding-top:5px; border-top:1px solid #dfdfdf; background:url("/aion_v3/layout/bg_board_list_v3.gif") no-repeat 89px -14px;} #wrap_serverbbs .layer_wrapper .notice ul {display:none;} /* 3.5 > 게시판 이동*/ .wrap_bbslink {position:relative; clear:both; width:189px; margin:0 0 19px 17px; padding:20px 0 0 0;} .wrap_bbslink h2 {display:block; position:relative; margin:0; padding:0; text-indent:-999em;overflow:hidden; background:url("/aion_v3/layout/bbs_link.gif") no-repeat;} .wrap_bbslink .wrap_h2 {position:relative; margin:0; padding:0 0 4px 0;} .wrap_bbslink .wrap_h2 .more {position:absolute; right:0; top:2px; margin:0; padding:0 6px 0 0; font-size:11px; color:#898989; font-weight:normal; background:url("/aion_v3/main/bullet.gif") no-repeat 35px 3px; cursor:pointer;} .wrap_bbslink .wrap_bbs {width:186px; height:27px; margin:0 0 4px 0; padding:0; font-size:11px; color:#66819b; letter-spacing:-1px; line-height:12px; background:url("/aion_v3/layout/bbs_link.gif") no-repeat 0 -32px; border:1px solid #c9d0e6;} .wrap_bbslink .wrap_bbs .my {margin-right:5px; color:#36526f;} .wrap_bbslink .wrap_bbs a {display:block; width:174px; height:19px; padding:8px 0 0 12px;} .wrap_bbslink .wrap_bbs a:hover {text-decoration:none;} .wrap_bbslink .wrap_bbs a:hover .my {text-decoration:underline;} .wrap_bbslink .bbs_class {margin-bottom:10px; background-position:0 -65px; border-color:#c9d7ed;} .wrap_bbslink .server_status {clear:both; padding:0 0 0 3px;} .wrap_bbslink .server_status a {padding-right:8px; color:#888; font-size:11px; letter-spacing:-1px; line-height:12px; background:url("/aion_v3/layout/bbs_link.gif") no-repeat right -109px;} .ly_bbslink {display:none; position:absolute; top:48px; left:-9px; z-index:100000; width:202px; border:1px solid #c1c2c6; background:#fff; overflow:hidden;} .ly_bbslink p {margin:0; padding:0;} .ly_bbslink #layer_close {float:right; margin:10px 10px 0 0; cursor:pointer;} .ly_bbslink ul {clear:both; width:183px; margin:0 0 10px 10px; padding:0 0 5px 0; list-style:none; border-bottom:1px solid #dfdfdf; overflow:hidden;} .ly_bbslink li {float:left; width:81px; padding:4px 0 3px 10px; font-size:11px; color:#666; letter-spacing:-1px; cursor:pointer; background:url("/aion_v3/layout/bg_board_list_v3.gif") no-repeat 3px 7px;} .ly_bbslink li.on {font-weight:bold;} .ly_bbslink li a {display:inline-block; padding-right:2px;} .ly_bbslink li:hover a {text-decoration:none; font-weight:bold;} .ly_bbslink ul.ul_bbs_tserver {border:0 none;} .ly_bbslink .notice {clear:both; width:89px; margin:0 auto; padding:9px 0 8px 113px; background:#f1f1f1; overflow:hidden;} .ly_bbslink .notice .new {float:left; display:block; width:44px; height:10px; text-indent:-999em; overflow:hidden; background:url("/aion_v3/layout/bg_board_list_v3.gif") no-repeat 0px -22px;} .ly_bbslink .notice .hot {float:left; display:block; width:30px; height:10px; text-indent:-999em; overflow:hidden; background:url("/aion_v3/layout/bg_board_list_v3.gif") no-repeat -44px -22px;} /* 3.5 > 도구 */ .wrap_tools {clear:both; width:188px; padding:19px 0 0 0; margin:0 0 2px 17px; overflow:hidden;} .wrap_tools h2 {width:100%; height:22px; margin:0 0 8px 0; text-indent:-9999em; overflow:hidden; background:url("/aion_v3/layout/tools_v2.gif") no-repeat;} .wrap_tools ul {margin:0; padding:0 0 0 2px; list-style-type:none;} .wrap_tools ul li {float:left; width:85px; height:17px; margin:0 0 3px 0; text-indent:-999em; overflow:hidden; background:url("/aion_v3/layout/tools_v2.gif") no-repeat 0 -30px;} .wrap_tools ul li a {display:block; width:100%; height:100%;} .wrap_tools ul li.m1 {margin-right:7px; background-position:-2px -30px;} .wrap_tools ul li.m2 {margin-right:7px; background-position:-96px -30px;} .wrap_tools ul li.m3 {background-position:-2px -50px;} .wrap_tools ul li.m4 {background-position:-96px -50px;} .wrap_tools ul li.m5 {margin-right:7px; background-position:-2px -70px;} .wrap_tools ul li.m6 {background-position:-96px -70px;} .go_coupon {clear:both; width:190px; height:31px; padding:0; margin:0 0 0 17px; overflow:hidden; text-indent:-999em; background:url("/aion_v3/layout/coupon.gif") no-repeat 0 0;} .go_coupon a {display:block; width:100%; height:100%;} /* Aion Top Menu */ #div_top #aion_top_menu {display:none; position:absolute; top:102px; z-index:99999 !important; width:970px; height:228px; background:url("/aion_v3/layout/bg_aion_top_menu_130605.gif") no-repeat left top;} #div_top #aion_top_menu h2 {display:none;} #div_top #aion_top_menu li {display:block; width:70px; height:17px; margin-bottom:2px; cursor:pointer;} *html #div_top #aion_top_menu li {margin-bottom:1px;} *+html #div_top #aion_top_menu li {margin-bottom:1px;} #div_top #aion_top_menu span {display:block; width:70px; height:39px; cursor:pointer;} #div_top #aion_top_menu .m_menu {height:42px;} #div_top #aion_top_menu .m_notice {position:absolute; left:164px;} #div_top #aion_top_menu .m_info {position:absolute; left:254px;} #div_top #aion_top_menu .m_powerbook {position:absolute; left:353px;} #div_top #aion_top_menu .m_community {position:absolute; left:454px;} #div_top #aion_top_menu .m_avatarbook {position:absolute; left:549px;} #div_top #aion_top_menu .m_download {position:absolute; left:654px;} #div_top #aion_top_menu .m_download li {width:90px;} #div_top #aion_top_menu .m_astyle {position:absolute; left:745px; width:100px;} #div_top #aion_top_menu .close {position:absolute; right:0; bottom:0; width:30px; height:30px;} /* mobile */ #m_btn {position:absolute; top:114px; right:13px; display:block; width:60px; height:19px; cursor:pointer; background:url("/aion_v3/layout/btn_mobile.gif") no-repeat; text-indent:-9999px;} #m_Campaign {display:none; margin:0; padding:19px 0 0 0; position:absolute; cursor:pointer; top:114px; right:0px; width:222px; z-index:10000000 !important;} #m_Campaign .m_layer {width:218px; background:#fff; border:2px solid #ffb901;} #m_Campaign .m_layer ul {margin:0px; padding:0px;} #m_Campaign .m_layer li {position:relative; list-style:none; padding:15px 13px; letter-spacing:-1px; color:#444; cursor:default;} #m_Campaign .m_layer li h4 {font-weight:normal; margin:0 0 0 2px; padding:2px 0 0 0; font-size:12px; background-image:none;} #m_Campaign .m_layer li a {padding:0 8px 0 6px; font-weight:bold; background:url("/aion_v3/layout/bul_arrow.gif") no-repeat right 2px; text-decoration:none;} #m_Campaign .m_layer li p {margin:5px 0 0 0; padding:0;} #m_Campaign .m_layer li img {vertical-align:middle;} #m_Campaign .m_layer li.qrcode {background:#f8f5e6; padding-bottom:10px;} #m_Campaign .m_layer li.qrcode img.qrcode {position:absolute; top:9px; right:9px;} #m_Campaign .m_layer li.mobileExperience {background:#fff; padding-top:12px;} #m_Campaign .m_layer li.mobileExperience a {color:#a97b19;} /* LeftQuick */ #div_left #left_quick_v2 {clear:both; width:220px;} #div_left #left_quick_v2 h2, #div_left #left_quick_v2 h3, #div_left #left_quick_v2 h4 {display:none;} #div_left #left_quick_v2 #left_quick_tab {width:220px; margin:0; padding:0; overflow:hidden;} #div_left #left_quick_v2 #left_quick_tab li {list-style-type:none; float:left; height:32px;} #div_left #left_quick_v2 #left_quick_tab li span {display:block; height:32px; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer; background-image:url("/aion_v3/layout/bg_left_quick_111109.gif"); background-repeat:no-repeat;} #div_left #left_quick_v2 #left_quick_tab li.m1 span {width:109px; background-position:0 0;} #div_left #left_quick_v2 #left_quick_tab li.m2 span {width:111px; background-position:-108px 0;} #div_left #left_quick_v2 #left_quick_tab li.m1 span.on {background-position:0 -37px;} #div_left #left_quick_v2 #left_quick_tab li.m2 span.on {background-position:-108px -37px;} #div_left #left_quick_v2 .left_quick_content {clear:both; margin:0; padding:0; overflow:hidden;} #div_left #left_quick_v2 .left_quick_content .quick_list {margin:0; padding:0 0 0 19px; overflow:hidden;} #div_left #left_quick_v2 .left_quick_content .quick_list li {list-style-type:none; float:left; height:17px;} #div_left #left_quick_v2 .left_quick_content .quick_list li a {display:block; height:17px; font-size:0; line-height:0; text-indent:-9999px;} #div_left #left_quick_v2 #left1 {height:71px; padding:10px 0 0 0; background:url("/aion_v3/layout/bg_left_quick_111109.gif") no-repeat 0 -74px;} #div_left #left_quick_v2 #left1 .quick_list li.list_l {width:92px;} #div_left #left_quick_v2 #left1 .quick_list li.list_r {width:101px;} #div_left #left_quick_v2 #left2 {height:104px; padding:12px 0 0 0; background:url("/aion_v3/layout/bg_left_quick_111109.gif") no-repeat 0 -156px;} #div_left #left_quick_v2 #left2 .quick_list li.list_l {width:105px;} #div_left #left_quick_v2 #left2 .quick_list li.list_r {width:88px;} /* 120322 leftside banner */ #div_left #left_quick_v2 #left1.left_quick_content_v2 {height:71px; padding:10px 0 0 0; background:url("/aion_v3/layout/bg_left_quick_120322.gif") no-repeat 0 -74px;} #div_left #left_quick_v2 #left2.left_quick_content_v2 {height:90px; padding:12px 0 0 0; background:url("/aion_v3/layout/bg_left_quick_120322.gif") no-repeat 0 -156px;} #div_left ul.sidebanner {clear:both; margin:0 auto; padding:10px 0 ;} #div_left ul.sidebanner li {list-style:none; padding: 0 0 4px 10px;} #div_left ul.sidebanner li a {text-decoration:none;} #div_left ul.sidebanner li img {vertical-align:top;} /* 3.5 update */ body {background-color:#fff;} #wrap_container {background-color:#fff; background-image:url("/aion_v3/layout/bg_body_120709.jpg");} #container {background-image:url("/aion_v3/layout/bg_visual_120709.jpg");} #div_top #logo {background-image:url("/aion_v3/layout/logo_120709.jpg");} #div_top #logo_powerbook {background-image:url("/aion_v3/layout/logo_powerbook_120709.jpg");} #div_top #logo_avatarbook {background-image:url("/aion_v3/layout/logo_avatarbook_120709.jpg");} #div_top #navigation {background-image:url('/aion_v3/layout/bg_navi_120709.jpg');} #div_top #favorite {background-image:url("/aion_v3/layout/bg_favorite_120709.jpg");} /* 4.0 update BG */ #wrap_container {background-color:#fff; background-image:url("/aion_v3/layout/bg_body_121212.jpg"); background-position:0 0;} #container {background-image:url("/aion_v3/layout/bg_visual_121212.jpg"); background-position:center 0;} #div_top #favorite {background-image:url("/aion_v3/layout/bg_favorite_121212.gif");} #div_top #logo_powerbook {background-image:url("/aion_v3/layout/logo_powerbook_121212.jpg");} #div_top #logo_avatarbook {background-image:url("/aion_v3/layout/logo_avatarbook_121212.jpg");} #div_top #logo {background-image:url("/aion_v3/layout/logo_v2.png");} #div_top #navigation {background-image:url('/aion_v3/layout/bg_navi.png');} /* 4.0 update 2nd BG */ #wrap_container {background-color:#fff; background-image:url("/aion_v3/layout/bg_body_130116.jpg"); background-position:0 0;} #container {background-image:url("/aion_v3/layout/bg_visual_130313.jpg"); background-position:center 0;} #div_top #logo_powerbook {background-image:url("/aion_v3/layout/logo_powerbook_130116.jpg");} #div_top #logo_avatarbook {background-image:url("/aion_v3/layout/logo_avatarbook_130116.jpg");} /* 4.0 update */ .link_returndeva {position:relative; clear:both; height:104px; background:url("/aion_v3/layout/returndeva.gif") no-repeat;} .link_returndeva a {position:absolute; display:block; width:110px; height:104px; text-indent:-9999px; overflow:hidden;} .link_returndeva a.freepay {top:0; left:0;} .link_returndeva a.plan {top:0; left:110px;} /* DOM navi */ #naviHTML {margin-left:200px;} #naviHTML li a {background-image:url('/aion_v3/common/navi/aion_navi_130605.gif');} #naviHTML li ul li a {display:block; height:31px; overflow:hidden; font-size:12px; text-indent:0; text-indent:-9999px; color:#ababab; text-decoration:none; background:url('/aion_v3/common/navi/navi_sub_120709.png') no-repeat 0 -60px;} #naviHTML li ul li a:hover {color:#feebaf;} #naviHTML li.on ul {display:block !important;} #naviHTML li.on ul li {} #naviHTML li.menu1 a {width:54px;background-position:0 -44px;} #naviHTML li.menu1 a:hover, #naviHTML li.menu1_on a {background-position:0 -1px;} #naviHTML li.menu1 ul.sub1 {left:13px;} #naviHTML li.menu1 ul li.sub1_1 a {width:37px; background-position:0 0} #naviHTML li.menu1 ul li.sub1_1_on a, #naviHTML li.menu1 ul li.sub1_1 a:hover {background-position:0 -166px} #naviHTML li.menu1 ul li.sub1_2 a {width:52px; background-position:-37px 0} #naviHTML li.menu1 ul li.sub1_2_on a, #naviHTML li.menu1 ul li.sub1_2 a:hover {background-position:-37px -166px} #naviHTML li.menu1 ul li.sub1_3 a {width:46px; background-position:-89px 0;} #naviHTML li.menu1 ul li.sub1_3_on a, #naviHTML li.menu1 ul li.sub1_3 a:hover {background-position:-89px -166px} #naviHTML li.menu1 ul li.sub1_4 a {width:65px; background-position:-135px 0} #naviHTML li.menu1 ul li.sub1_4_on a, #naviHTML li.menu1 ul li.sub1_4 a:hover {background-position:-135px -166px} #naviHTML li.menu1 ul li.sub1_5 a {width:64px; background-position:-200px 0} #naviHTML li.menu1 ul li.sub1_5_on a, #naviHTML li.menu1 ul li.sub1_5 a:hover {background-position:-200px -166px} #naviHTML li.menu1 ul li.sub1_6 a {width:62px; background-position:-264px 0} #naviHTML li.menu1 ul li.sub1_6_on a, #naviHTML li.menu1 ul li.sub1_6 a:hover {background-position:-264px -166px} #naviHTML li.menu2 a {width:75px;background-position:-54px -44px;} #naviHTML li.menu2 a:hover, #naviHTML li.menu2_on a {background-position:-54px -1px;} #naviHTML li.menu2 ul.sub2 {left:76px;} #naviHTML li.menu2 ul li.sub2_1 a {width:44px; background-position:0 -26px} #naviHTML li.menu2 ul li.sub2_1_on a, #naviHTML li.menu2 ul li.sub2_1 a:hover {background-position:0 -192px} #naviHTML li.menu2 ul li.sub2_2 a {width:52px; background-position:-44px -26px} #naviHTML li.menu2 ul li.sub2_2_on a, #naviHTML li.menu2 ul li.sub2_2 a:hover {background-position:-44px -192px} #naviHTML li.menu2 ul li.sub2_3 a {width:52px; background-position:-96px -26px} #naviHTML li.menu2 ul li.sub2_3_on a, #naviHTML li.menu2 ul li.sub2_3 a:hover {background-position:-96px -192px} #naviHTML li.menu3 a {width:96px;background-position:-129px -44px;} #naviHTML li.menu3 a:hover, #naviHTML li.menu3_on a {background-position:-129px -1px;} #naviHTML li.menu3 ul.sub3 {left:100px;} #naviHTML li.menu3 ul li.sub3_1 a {width:62px; background-position:0 -52px} #naviHTML li.menu3 ul li.sub3_1_on a, #naviHTML li.menu3 ul li.sub3_1 a:hover {background-position:0 -216px} #naviHTML li.menu3 ul li.sub3_2 a {width:52px; background-position:-62px -52px} #naviHTML li.menu3 ul li.sub3_2_on a, #naviHTML li.menu3 ul li.sub3_2 a:hover {background-position:-62px -216px} #naviHTML li.menu3 ul li.sub3_3 a {width:39px; background-position:-114px -52px} #naviHTML li.menu3 ul li.sub3_3_on a, #naviHTML li.menu3 ul li.sub3_3 a:hover {background-position:-114px -216px} #naviHTML li.menu4 a {width:81px;background-position:-225px -44px;} #naviHTML li.menu4 a:hover, #naviHTML li.menu4_on a {background-position:-225px -1px;} #naviHTML li ul.sub4 {left:45px;} #naviHTML li.menu4 ul li.sub4_1 a {width:46px; background-position:0 -78px} #naviHTML li.menu4 ul li.sub4_1_on a, #naviHTML li.menu4 ul li.sub4_1 a:hover {background-position:0 -243px} #naviHTML li.menu4 ul li.sub4_2 a {width:44px; background-position:-46px -78px} #naviHTML li.menu4 ul li.sub4_2_on a, #naviHTML li.menu4 ul li.sub4_2 a:hover {background-position:-46px -243px} #naviHTML li.menu4 ul li.sub4_3 a {width:63px; background-position:-90px -78px} #naviHTML li.menu4 ul li.sub4_3_on a, #naviHTML li.menu4 ul li.sub4_3 a:hover {background-position:-90px -243px} #naviHTML li.menu4 ul li.sub4_4 a {width:44px; background-position:-153px -78px} #naviHTML li.menu4 ul li.sub4_4_on a, #naviHTML li.menu4 ul li.sub4_4 a:hover {background-position:-153px -243px} #naviHTML li.menu4 ul li.sub4_5 a {width:44px; background-position:-197px -78px} #naviHTML li.menu4 ul li.sub4_5_on a, #naviHTML li.menu4 ul li.sub4_5 a:hover {background-position:-197px -243px} #naviHTML li.menu4 ul li.sub4_6 a {width:34px; background-position:-241px -78px} #naviHTML li.menu4 ul li.sub4_6_on a, #naviHTML li.menu4 ul li.sub4_6 a:hover {background-position:-241px -243px} #naviHTML li.menu4 ul li.sub4_7 a {width:61px; background-position:-275px -78px} #naviHTML li.menu4 ul li.sub4_7_on a, #naviHTML li.menu4 ul li.sub4_7 a:hover {background-position:-275px -243px} #naviHTML li.menu4 ul li.sub4_8 a {width:69px; background-position:-336px -78px} #naviHTML li.menu4 ul li.sub4_8_on a, #naviHTML li.menu4 ul li.sub4_8 a:hover {background-position:-336px -243px} #naviHTML li.menu4 ul li.sub4_9 a {width:58px; background-position:-405px -78px} #naviHTML li.menu4 ul li.sub4_9_on a, #naviHTML li.menu4 ul li.sub4_9 a:hover {background-position:-405px -243px} #naviHTML li.menu5 a {width:81px;background-position:-306px -44px;} #naviHTML li.menu5 a:hover, #naviHTML li.menu5_on a {background-position:-306px -1px;} #naviHTML li ul.sub5 {left:290px;} #naviHTML li.menu5 ul li.sub5_1 a {width:36px; background-position:0 -104px} #naviHTML li.menu5 ul li.sub5_1_on a, #naviHTML li.menu5 ul li.sub5_1 a:hover {background-position:0 -269px} #naviHTML li.menu5 ul li.sub5_2 a {width:43px; background-position:-36px -104px} #naviHTML li.menu5 ul li.sub5_2_on a, #naviHTML li.menu5 ul li.sub5_2 a:hover {background-position:-36px -269px} #naviHTML li.menu5 ul li.sub5_3 a {width:41px; background-position:-79px -104px} #naviHTML li.menu5 ul li.sub5_3_on a, #naviHTML li.menu5 ul li.sub5_3 a:hover {background-position:-79px -269px} #naviHTML li.menu5 ul li.sub5_4 a {width:67px; background-position:-120px -104px} #naviHTML li.menu5 ul li.sub5_4_on a, #naviHTML li.menu5 ul li.sub5_4 a:hover {background-position:-120px -269px} #naviHTML li.menu6 a {width:80px;background-position:-387px -44px;} #naviHTML li.menu6 a:hover, #naviHTML li.menu6_on a {background-position:-387px -1px;} #naviHTML li ul.sub6 {left:63px;} #naviHTML li.menu6 ul li.sub6_1 a {width:84px; background-position:0 -129px} #naviHTML li.menu6 ul li.sub6_1_on a, #naviHTML li.menu6 ul li.sub6_1 a:hover {background-position:0 -294px} #naviHTML li.menu6 ul li.sub6_2 a {width:65px; background-position:-84px -129px} #naviHTML li.menu6 ul li.sub6_2_on a, #naviHTML li.menu6 ul li.sub6_2 a:hover {background-position:-84px -294px} #naviHTML li.menu6 ul li.sub6_3 a {width:45px; background-position:-149px -129px} #naviHTML li.menu6 ul li.sub6_3_on a, #naviHTML li.menu6 ul li.sub6_3 a:hover {background-position:-149px -294px} #naviHTML li.menu6 ul li.sub6_4 a {width:56px; background-position:-194px -129px} #naviHTML li.menu6 ul li.sub6_4_on a, #naviHTML li.menu6 ul li.sub6_4 a:hover {background-position:-194px -294px} #naviHTML li.menu6 ul li.sub6_5 a {width:55px; background-position:-250px -129px} #naviHTML li.menu6 ul li.sub6_5_on a, #naviHTML li.menu6 ul li.sub6_5 a:hover {background-position:-250px -294px} #naviHTML li.menu6 ul li.sub6_6 a {width:40px; background-position:-305px -129px} #naviHTML li.menu6 ul li.sub6_6_on a, #naviHTML li.menu6 ul li.sub6_6 a:hover {background-position:-305px -294px} #naviHTML li.menu6 ul li.sub6_7 a {width:74px; background-position:-345px -129px} #naviHTML li.menu6 ul li.sub6_7_on a, #naviHTML li.menu6 ul li.sub6_7 a:hover {background-position:-345px -294px} #naviHTML li.menu6 ul li.sub6_8 a {width:58px; background-position:-419px -129px} #naviHTML li.menu6 ul li.sub6_8_on a, #naviHTML li.menu6 ul li.sub6_8 a:hover {background-position:-419px -294px} #naviHTML li.menu7 a {width:95px;background-position:-467px -44px;} #naviHTML li.menu7 a:hover, #naviHTML li.menu7_on a {background-position:-467px -1px;} /**************************************************/ /****************** 테스트서버 재정의 ******************/ /* background */ body#tserver {background-color:#d5dad5;} body#tserver #wrap_container {background-image:none; background-color:#d5dad5;} body#tserver #container {background-image:url("/aion_v3/tserver/bg_visual.jpg"); background-color:#d5dad5; background-position:center -33px;} body#tserver #div_top #logo {top:15px; left:395px; background-image:url("/aion_v3/tserver/logo.jpg");} body#tserver #div_top #navigation {background-image:url("/aion_v3/tserver/bg_navi.jpg");} body#tserver #div_top #favorite {top:13px; background:url("/aion_v3/layout/bg_favorite_110427.gif") no-repeat 0 -7px;} /* layout */ body#tserver #div_middle {min-height:700px;background:#fff;} body#tserver #div_middle #div_left {background:#fff;} body#tserver #div_left .gameclient {background-image:url("/aion_v3/tserver/bg_tsgameclient_120306.jpg");} body#tserver #div_left .gameclient .start {height:128px;} body#tserver #div_left .download li {height:28px; background-image:url("/aion_v3/tserver/bg_tsgameclient_120306.jpg");} body#tserver #div_left .download li.liveserver {width:91px; background-image:url("/aion_v3/tserver/bg_tsgameclient_120306.jpg"); background-position:-129px -129px;} body#tserver #div_left .download li.client {width:129px; background-position:0 -129px;} body#tserver #div_left .download li a {height:34px;} body#tserver #div_left #left_quick #left2 {padding:0; height:141px; margin-bottom:6px; background:#f3f6f8 url("/aion_v3/tserver/main_v3.gif") no-repeat 0 0;} body#tserver #div_left #left_quick #left2 h3 {display:block; height:33px; margin:0 0 19px 0; padding:0; text-indent:-999px; overflow:hidden;} body#tserver .caculator {clear:both; width:212px; height:21px; margin:0 0 6px 8px; background:url("/aion_v3/tserver/main.gif") 0 -640px; overflow:hidden; text-indent:-999px; cursor:pointer;} body#tserver .guide_tserver {clear:both; padding:0 0 0 8px;} body#tserver #div_footer {margin-top:0; background-image:url("/aion_v3/tserver/footer.gif");} /* navi */ .nav_tserver{position:absolute; top:1px;left:305px;width:640px; height:77px; overflow:hidden; text-indent:-9999px;} .nav_tserver a{display:block;background:url('/aion_v3/tserver/navi_v2.gif') no-repeat; height:46px;} .nav_tserver ul{clear:both;margin:0;padding:0;list-style:none;} .nav_tserver ul li{float:left;margin:0;padding:0;list-style:none} .nav_tserver ul li p{float:left; width:100%; margin:0;padding:0;overflow:hidden;} .nav_tserver ul li p a{height:46px;} .nav_tserver ul li.info div ul a {height:30px;} .nav_tserver ul ul {position:absolute; top:46px; left:0;} .nav_tserver ul li div.off ul {display:none;} .nav_tserver a {overflow:hidden;} /* 1depth width */ .nav_tserver .info div{width:106px} .nav_tserver .bbs div{width:115px;} .nav_tserver .news div{width:77px;} .nav_tserver .download div{width:101px;} .nav_tserver .info p a, .nav_tserver .info p a.off {background-position:0 -92px;} .nav_tserver .bbs p a, .nav_tserver .bbs p a.off {background-position:-106px -92px;} .nav_tserver .news p a, .nav_tserver .news p a.off{background-position:-221px -92px} .nav_tserver .download p a, .nav_tserver .download p a.off{background-position:-298px -92px} .nav_tserver .info .focus p a, .nav_tserver .info p a:hover{background-position:0 -158px} .nav_tserver .bbs .focus p a, .nav_tserver .bbs p a:hover{background-position:-106px -158px} .nav_tserver .news .focus p a, .nav_tserver .news p a:hover{background-position:-221px -158px} .nav_tserver .download .focus p a, .nav_tserver .download p a:hover{background-position:-298px -158px} .nav_tserver .info ul{width:189px; left:20px;} .nav_tserver .info .vendor a{width:73px;background-position:0 -224px;} .nav_tserver .info .world a{width:64px;background-position:-73px -224px} .nav_tserver .info .fortresses a{width:52px;background-position:-137px -224px} .nav_tserver .info .vendor a.on,.nav_tserver .info .vendor a.focus{width:73px;background-position:0 -274px} .nav_tserver .info .world a.on,.nav_tserver .info .world a.focus{width:64px;background-position:-73px -274px} .nav_tserver .info .fortresses a.on,.nav_tserver .info .fortresses a.focus{width:52px;background-position:-137px -274px} .go_live_server {position:absolute; top:8px; right:9px; width:84px; height:26px;} .go_live_server a {display:block; width:100%; height:100%; background:url('/aion_v3/tserver/navi_v2.gif') no-repeat; text-indent:-9999px; overflow:hidden;} .go_live_server a:hover {background:url('/aion_v3/tserver/navi_v2.gif') no-repeat 0 -46px;} /* 테스트서버 개편 2012-08-30 */ .nav_tserver_v2 {position:absolute; top:1px;left:305px;width:640px; height:77px; overflow:hidden; text-indent:-9999px;} .nav_tserver_v2 a{display:block;background:url('/aion_v3/tserver/navi_v3.gif') no-repeat; height:46px;} .nav_tserver_v2 .news div{width:65px;} .nav_tserver_v2 .info div{width:116px} .nav_tserver_v2 .bbs div{width:115px;} .nav_tserver_v2 .download div{width:101px;} .nav_tserver_v2 .news p a, .nav_tserver .news p a.off{background-position:0 -92px} .nav_tserver_v2 .info p a, .nav_tserver .info p a.off {background-position:-65px -92px;} .nav_tserver_v2 .bbs p a, .nav_tserver .bbs p a.off {background-position:-181px -92px;} .nav_tserver_v2 .download p a, .nav_tserver .download p a.off{background-position:-296px -92px} .nav_tserver_v2 .news .focus p a, .nav_tserver .news p a:hover{background-position:0 -158px} .nav_tserver_v2 .info .focus p a, .nav_tserver .info p a:hover{background-position:-65px -158px} .nav_tserver_v2 .bbs .focus p a, .nav_tserver .bbs p a:hover{background-position:-181px -158px} .nav_tserver_v2 .download .focus p a, .nav_tserver .download p a:hover{background-position:-296px -158px}