@import url("login.css?v=1");

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%;}
#div_contents #contents_left .promotion {margin:-25px 0 -5px 25px;}
#div_contents #contents_left .promotion a {display:block; width:428px; height:78px; background:url("/aion_v3/upload/banner/banner_100611.jpg") no-repeat left top;}

#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;}
/* Aion Top Menu */
#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_v10.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; 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; 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; margin:0 auto; background:url("/aion_v3/layout/bg_cnt_mid.gif") repeat-y left top;}
#div_middle #div_left {float:left; width:220px; margin:0; padding:0 0 80px 0; background:#f0f0f0;}
#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:100%;}
#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;}

/* 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");}


/**************************************************/
/****************** 테스트서버 재정의 ******************/
/* 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;}
body#tserver #div_top #logo {top:15px; background-image:url("/aion_v3/tserver/logo.jpg");}
body#tserver #div_top #navigation {background-image:url("/aion_v3/tserver/bg_navi.jpg");}
/* layout */
body#tserver #div_middle {background:#fff;}
body#tserver #div_middle #div_left {background:#fff;}
body#tserver #div_left .gameclient {background-image:url("/aion_v3/tserver/gameclient.jpg");}
body#tserver #div_left .download li.liveserver {width:91px; background-image:url("/aion_v3/tserver/gameclient.jpg"); background-position:-129px -81px;}
body#tserver #div_left #left_quick #left2 {padding:0; height:141px; margin-bottom:6px; background:#f3f6f8 url("/aion_v3/tserver/main.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.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:77px}
.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:-77px -92px;}
.nav_tserver .news p a, .nav_tserver .news p a.off{background-position:-192px -92px}
.nav_tserver .download p a, .nav_tserver .download p a.off{background-position:-269px -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:-77px -158px}
.nav_tserver .news .focus p a, .nav_tserver .news p a:hover{background-position:-192px -158px}
.nav_tserver .download .focus p a, .nav_tserver .download p a:hover{background-position:-269px -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.gif') no-repeat; text-indent:-9999px; overflow:hidden;}
.go_live_server a:hover {background:url('/aion_v3/tserver/navi.gif') no-repeat 0 -46px;}