@import url("characteron_v2.css?v=3"); a {color:#666;} .blind {position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; z-index:-9999;} #div_middle {margin-bottom:26px;} #div_center {padding:0 0 50px 0 !important; text-align:left; background:none !important;} #div_center #div_contents {float:left; margin-bottom:30px;} #div_center #div_contents h3 {display:none;} #contents_left {float:left; width:480px; margin-right:16px; text-align:left;} #contents_right {float:left; width:254px; text-align:left;} #div_contents #contents_left .promotion {margin:-20px 0 20px 25px;} /* 120216 - 메인페이지 디자인 업데이트 */ .wrp_rollBanner {position:relative;/*width:221px;height:158px;*/overflow:hidden} .wrp_rollBanner .banner {position:relative;/*width:221px;*/height:163px;overflow:hidden} /* fadeInOut */ .wrp_rollBanner .banner ul {/*width:221px;height:158px;*/margin:0;padding:0;list-style:none;overflow:hidden} .wrp_rollBanner .banner ul li {float:left;/* (s) fadeInOut */position:absolute;top:0;left:0;/* (e) fadeInOut width:221px;height:158px*/} .wrp_rollBanner .banner ul li img {/*width:221px;height:158px;*/vertical-align:top} .wrp_rollBanner .banner .page_bar {height:31px;margin:-31px 0 0;background-color:#000;opacity:0.4;filter:alpha(opacity=40);/* (s) fadeInOut */position:relative;z-index:2/* (e) fadeInOut */} .wrp_rollBanner .pager {position:absolute; bottom:20px; left:40px; width:207px;margin:-31px 0 0;padding:6px 7px 0;/* (s) fadeInOut */z-index:3;/* (e) fadeInOut */overflow:hidden;} .wrp_rollBanner .pager button {float:left;width:26px;height:17px;padding:0;text-indent:-9999px;cursor:pointer;border:0;background:url('http://static.plaync.co.kr/main/ic_promotion.gif') no-repeat;*overflow:visible} .wrp_rollBanner .pager button.prev {background-position:0 -37px} .wrp_rollBanner .pager button.next {background-position:-26px -37px} .wrp_rollBanner .pager a {display:inline; padding:0px; float:left;width:18px;height:18px;margin:0 6px 0 0;text-indent:-9999px;overflow:hidden;background:url("/aion_v3/main/btn_roll_paging.gif") no-repeat} .wrp_rollBanner .pager .more {float:right;margin:0;background-position:right -18px} .wrp_rollBanner .pager a.p0 {background-position:0 0} .wrp_rollBanner .pager a.p1 {background-position:-18px 0} .wrp_rollBanner .pager a.p2 {background-position:-36px 0} .wrp_rollBanner .pager a.p3 {background-position:-54px 0} .wrp_rollBanner .pager a.p4 {background-position:-72px 0} .wrp_rollBanner .pager a.p5 {background-position:-90px 0} .wrp_rollBanner .pager a.p6 {background-position:-108px 0} .wrp_rollBanner .pager a.p7 {background-position:-126px 0} .wrp_rollBanner .pager a.p0on {background-position:0 -18px} .wrp_rollBanner .pager a.p1on {background-position:-18px -18px} .wrp_rollBanner .pager a.p2on {background-position:-36px -18px} .wrp_rollBanner .pager a.p3on {background-position:-54px -18px} .wrp_rollBanner .pager a.p4on {background-position:-72px -18px} .wrp_rollBanner .pager a.p5on {background-position:-90px -18px} .wrp_rollBanner .pager a.p6on {background-position:-108px -18px} .wrp_rollBanner .pager a.p7on {background-position:-126px -18px} /* 4.0 issue template */ .wrp_rollBanner_issue {color:#fff;line-height:16px;text-align:left;} .wrp_rollBanner_issue a {color:#fff;text-decoration:none;} .wrp_rollBanner_issue .banner {} .wrp_rollBanner_issue .banner ul li {width:750px;height:289px;overflow:hidden;} .wrp_rollBanner_issue .banner ul li.issueTemp {width:487px;height:183px;padding:69px 234px 37px 29px;} .wrp_rollBanner_issue .banner .link {display:block;position:absolute;right:0;top:0;width:234px;height:289px;overflow:hidden;text-indent:-1000px;} .wrp_rollBanner_issue .staticCont {position:relative;float:left;width:211px;height:183px;} .wrp_rollBanner_issue .staticCont .txt {position:absolute;left:10px;top:145px;z-index:4;width:201px;height:39px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .wrp_rollBanner_issue .staticCont .bgarea {position:absolute;left:0;bottom:0;z-index:3;width:100%;height:47px;background-color:#000;opacity:0.7;filter:alpha(opacity=70);} .wrp_rollBanner_issue .rollingContWrap {position:relative; float:left; width:276px; height:183px; color:#fff; line-height:16px; z-index:0; overflow:hidden;} .wrp_rollBanner_issue .rollingContWrap .content {display:none;} .wrp_rollBanner_issue .rollingContWrap .rollingCont {position:absolute; top:0; left:0; z-index:1; width:276px; height:183px; clear:both; margin:0; padding:0; overflow:hidden;} .wrp_rollBanner_issue .rollingContWrap .rollingCont a {position:relative;display:block;width:276px;height:183px;color:#fff;text-decoration:none;} .wrp_rollBanner_issue .rollingContWrap .rollingCont a .txtwrap {position:absolute;left:0;top:0;z-index:4;display:block;width:215px;height:38px;padding:145px 0 0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .wrp_rollBanner_issue .rollingContWrap .rollingCont .bgarea {position:absolute;left:0;bottom:0;z-index:3;width:100%;height:47px;background-color:#000;opacity:0.7;filter:alpha(opacity=70);} .wrp_rollBanner_issue .rollingContWrap .pagingAreaWrap {display:none; clear:both; position:absolute; top:141px; right:9px; width:39px; height:34px; margin:0; overflow:hidden; z-index:5; text-align:center;} .wrp_rollBanner_issue .rollingContWrap .pagingAreaWrap .pagingArea .number {color:#fff; font-size:12px; font-weight:normal; letter-spacing:-1px; text-align:center;} .wrp_rollBanner_issue .rollingContWrap .pagingAreaWrap .pagingArea .currentPage {font-weight:normal;} .wrp_rollBanner_issue .rollingContWrap .pagingAreaWrap .pagingArea .totalPage {font-weight:bold;font-style:normal;} .wrp_rollBanner_issue .rollingContWrap .pagingAreaWrap .pagingArea .navi {position:absolute; bottom:0; right:0; display:block; width:39px;height:17px;overflow:hidden; background:url("/aion_v3/main/issue_template/ic_nav.gif") no-repeat;} .wrp_rollBanner_issue .rollingContWrap .pagingAreaWrap .pagingArea .navi button {float:left; display:block; border:none; width:18px; height:15px; text-indent:-1000em; overflow:hidden; font-size:0;background:none; cursor:pointer;} .wrp_rollBanner_issue .rollingContWrap .pagingAreaWrap .pagingArea .navi .before {margin-right:-1px;} .wrp_rollBanner_issue .rollingContWrap .pagingAreaWrap .pagingArea .navi .next {} .wrp_rollBanner_issue .rollingContWrap div.displayOn {z-index:3;} .wrp_rollBanner_issue.wrp_rollBanner .pager {bottom:20px; left:651px;width:80px;margin:0;padding:0;overflow:hidden;} .wrp_rollBanner_issue.wrp_rollBanner .pager a {width:12px;height:12px;margin:0 4px 0 0;background:url("/aion_v3/main/issue_template/ic_rolling.png") no-repeat;} .wrp_rollBanner_issue.wrp_rollBanner .pager a.p0, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p1, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p2, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p3, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p4, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p5, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p6, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p7 {background-position:0 0} .wrp_rollBanner_issue.wrp_rollBanner .pager a.p0on, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p1on, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p2on, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p3on, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p4on, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p5on, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p6on, .wrp_rollBanner_issue.wrp_rollBanner .pager a.p7on {background-position:-13px 0} #div_center h2 {display:block; position:relative; margin:0; padding:0;} #div_center .wrap_h2 {position:relative; margin:0; padding:0 0 8px 0;} #div_center .wrap_h2 h2 a {display:block; height:15px; text-indent:-9999px; overflow:hidden; background-image:url("/aion_v3/main/h2_130605.gif"); background-repeat:no-repeat;} #div_center .wrap_h2 .more {position:absolute; right:0; top:1px; margin:0; padding:0 6px 0 0; font-size:11px; font-weight:normal; background:url("/aion_v3/main/bullet.gif") no-repeat 35px 3px;} #div_center .wrap_h2 .more a {color:#898989;} /* 아이온 주요이슈 */ #div_today {clear:both; position:relative; width:430px; margin:0 auto 30px auto;} #div_today .more {position:absolute; right:5px; top:40px; z-index:10; margin:0; padding:0 8px 0 0; font-size:11px; font-weight:normal; background:url("/aion_v3/main/bullet.gif") no-repeat 34px 3px;} #div_today .more a {color:#898989;} #div_today .tabmenu {z-index:1; height:29px; margin:0; padding:0; background:url("/aion_v3/main/bg_main_tab.gif") repeat-x left top; overflow:hidden;} #div_today .tabmenu li {list-style-type:none; float:left; margin:0; padding:0; cursor:pointer;} *html #div_today .tabmenu img {padding-bottom:-4px;} #div_today .el_today {clear:both; padding:3px 0 0 0;} #div_today .today {clear:both; } #div_today .today dl {width:430px; height:112px;} #div_today .today dl dt {width:205px;} #div_today .today dl dt img {width:203px; height:112px;} #div_today .today dl dd {height:107px; margin:-112px 0 0 218px; padding:5px 20px 0 0; background:url("/aion_v3/main/dot_line.gif") no-repeat left bottom;} #div_today .today dl dd strong {display:inline-block; padding-bottom:5px; font-size:16px; color:#196585; line-height:120%; letter-spacing:-1px; cursor:pointer;} #div_today .today dl dd strong a {color:#196585;} #div_today .today dl dd span {display:inline-block; line-height:130%; cursor:pointer;} #div_today .today dl dd .name {padding-top:10px; font-size:11px; color:#888;} #div_today .today .name {font-size:11px; color:#888;} #div_today .today .name a {color:#888;} #div_today .today ul {float:left; margin-top:15px;} *html #div_today .today ul {float:left; margin-top:13px;} #div_today .today ul li {float:left; width:200px; padding:0 0 7px 10px; background:url("/aion_v3/main/bullet.gif") no-repeat 0 -37px;} #div_today .today ul li a {color:#666;} #div_today .today ul.type1 li {float:left; width:200px;} #div_today .today ul.type2 {clear:left; position:relative; left:0; top:0;} #div_today .today ul.type2 li {position:relative; left:0; top:0; width:420px;} #div_today .today ul.type2 li .name {position:absolute; right:0; font-size:11px;} #div_today .today ul.type2 li .name a {color:#888;} #div_today .today_type3 {clear:both; } #div_today .today_type3 ul {float:left; margin-top:15px;} *html #div_today .today_type3 ul {float:left; margin-top:13px;} #div_today .today_type3 ul li {float:left; width:200px; padding:0 0 7px 10px; background:url("/aion_v3/main/bullet.gif") no-repeat 0 -37px;} #div_today .today_type3 ul li a {color:#666;} #div_today .today_type3 .type3 {height:135px;} #div_today .today_type3 .type3 img {width:430px; height:135px;} #div_today .today_type4 {clear:both; } #div_today .today_type4 ul {margin:0;} #div_today .today_type4 ul li {float:left; width:135px; padding:0 11px 0 0; text-align:center; background:none;} #div_today .today_type4 ul li.end {padding:0;} #div_today .today_type4 ul li img {width:135px; height:140px;} #div_today .today_type4 ul li span {display:block; padding-bottom:10px;} #div_today .today_type4 ul li span.name {padding:5px 0 0 0;} #div_today .today_type5 {clear:both; } #div_today .today_type5 .big {position:relative; width:156px; margin:0; text-align:center;} #div_today .today_type5 .big img {width:156px; height:156px;} #div_today .today_type5 .big span {display:block; padding-top:8px; text-align:center;} #div_today .today_type5 ul {position:absolute; right:0; top:67px; width:274px; margin:0; overflow:hidden;} #div_today .today_type5 ul li {float:left; width:125px; padding:0 0 7px 12px; text-align:center; background:none;} #div_today .today_type5 ul li img {width:125px; height:65px;} #div_today .today_type5 ul li a {display:block;} #div_today .today_type5 ul li span {display:block; padding-bottom:8px;} #div_today .today_type6 div img {width:433px; height:175px;} #div_today .today_type7 ul {clear:both; width:430px; margin:0 !important; padding:0; overflow:hidden;} #div_today .today_type7 ul li {list-style-type:none;position:relative; float:left; width:210px; height:175px; margin:0; padding:0;} #div_today .today_type7 ul li.end {margin-right:10px;} #div_today .today_type7 ul li img {width:210px; height:175px;} #div_today .today_type7 ul li span {position:absolute; bottom:0; left:0; display:block; width:195px; height:37px; padding:8px 0 0 15px; font-size:11px; color:#e3e3e3; background:url("/aion_v3/main/bg_today1.png") no-repeat 0 0;_background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=1,sizingMethod=crop,src='/aion_v3/main/bg_today1.png')} *html #div_today .today_type7 ul li span {bottom:3px;} #div_today .today_type7 ul li span strong {display:block; padding:0 0 3px 0; font-size:12px; color:#efefef;} #div_today .today_type8 div {position:relative; width:187px; height:175px;} #div_today .today_type8 div img {width:187px; height:175px;} #div_today .today_type8 div span {position:absolute; bottom:1px; left:1px; width:185px; height:20px; padding:7px 0 0 0; font-size:11px; color:#e3e3e3; text-align:center; background:url("/aion_v3/main/bg_today1.png") no-repeat 0 0;_background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=1,sizingMethod=crop,src='/aion_v3/main/bg_today1.png')} *html #div_today .today_type8 div span {bottom:0;} #div_today .today_type8 dl {position:absolute; top:76px; left:199px; width:231px; margin:0; padding:0;} #div_today .today_type8 dt {margin:0; padding:0 0 10px 0; font-size:16px; font-weight:bold; color:#2e5e8d; letter-spacing:-1px;} #div_today .today_type8 dt a {color:#2e5e8d;} #div_today .today_type8 dd {margin:0; padding:0 0 15px 0; color:#666; line-height:1.4; border-bottom:1px solid #d5d1c5;} #div_today .today_type8 dd a {color:#666;} #div_today .today_type8 ul {position:absolute; top:182px; left:199px; width:231px; margin:0; padding:0;} #div_today .today_type8 ul li {padding:0 0 7px 10px; background:url("/aion_v3/main/bullet.gif") no-repeat 0 -37px;} #div_today .today_type9 dl {width:187px; margin:0; padding:0 0 0 2px;} #div_today .today_type9 dl dt {margin:0; padding:128px 0 5px 0; font-weight:bold; letter-spacing:-1px; color:#666;} #div_today .today_type9 dl dt a {color:#666;} #div_today .today_type9 dl dd {margin:0; padding:0; font-size:11px; line-height:1.2; color:#888;} #div_today .today_type9 dl dd a {color:#888;} #div_today .today_type9 dl dd.img {margin-top:-173px;} #div_today .today_type9 dl dd.img img {width:187px; height:121px;} #div_today .today_type9 ul {position:absolute; top:72px; left:199px; width:231px; margin:0; padding:0;} #div_today .today_type9 ul li {padding:0 0 10px 10px; background:url("/aion_v3/main/bullet.gif") no-repeat 0 -37px;} #div_today .today_type13 dl {width:187px; margin:0; padding:0 0 0 2px;} #div_today .today_type13 dl dt {margin:0; padding:128px 0 5px 0; font-weight:bold; letter-spacing:-1px; color:#666;} #div_today .today_type13 dl dt a {color:#666;} #div_today .today_type13 dl dd {margin:0; padding:0; font-size:11px; line-height:1.2; color:#888;} #div_today .today_type13 dl dd a {color:#888;} #div_today .today_type13 dl dd.img {margin-top:-173px;} #div_today .today_type13 dl dd.img img {width:187px; height:121px;} #div_today .today_type13 ul {position:absolute; top:72px; left:199px; width:231px; margin:0; padding:0;} #div_today .today_type13 ul li {padding:0 0 10px 10px; background:url("/aion_v3/main/bullet.gif") no-repeat 0 -37px;} #div_today .today_type10 .wrap_match {position:relative; height:175px; background:url("/aion_v3/main/bg_theme_match1_1.gif") 0 0 no-repeat; cursor:pointer;} #div_today .today_type10 .wrap_match .title {position:absolute; top:17px; left:151px; font-size:14px; font-weight:bold; color:#3f5c70; letter-spacing:-0.1em;} #div_today .today_type10 .wrap_match .info1 {position:absolute; top:19px; left:77px; font-size:11px; font-weight:bold; color:#666;} :root #div_today .today_type10 .wrap_match .info1 {top:18px;} #div_today .today_type10 .wrap_match .info2 {position:absolute; top:53px; left:146px; width:138px; font-size:14px; font-weight:bold; color:#333; text-align:center;} #div_today .today_type10 .wrap_match .thumb1 {position:absolute; top:56px; left:40px; width:100px; height:100px;} #div_today .today_type10 .wrap_match .thumb2 {position:absolute; top:56px; right:40px; width:100px; height:100px;} #div_today .today_type10 .wrap_match .btn_vote {position:absolute; bottom:15px; left:180px; display:block; width:69px; height:19px; font-size:0; line-height:0; text-indent:-9999px;} #div_today .today_type11 .wrap_match {position:relative; height:175px; background:url("/aion_v3/main/bg_theme_match2_1.gif") 0 0 no-repeat; cursor:pointer;} #div_today .today_type11 .wrap_match .title {position:absolute; top:59px; left:163px; font-size:14px; font-weight:bold; color:#3f5c70; letter-spacing:-0.1em;} #div_today .today_type11 .wrap_match .info1 {position:absolute; top:19px; left:77px; font-size:11px; font-weight:bold; color:#666;} :root #div_today .today_type11 .wrap_match .info1 {top:18px;} #div_today .today_type11 .wrap_match .thumb1 {position:absolute; top:56px; left:40px; width:100px; height:100px;} #div_today .today_type11 .wrap_match .character1 {position:absolute; top:123px; *top:124px; left:170px; font-size:11px; color:#fff; letter-spacing:-0.1em;} #div_today .today_type12 .wrap_match {position:relative; height:175px; background:url("/aion_v3/main/bg_theme_match3_1.gif") 0 0 no-repeat; cursor:pointer;} #div_today .today_type12 .wrap_match .title {position:absolute; top:17px; left:151px; font-size:14px; font-weight:bold; color:#3f5c70; letter-spacing:-0.1em;} #div_today .today_type12 .wrap_match .info1 {position:absolute; top:19px; left:77px; font-size:11px; font-weight:bold; color:#666;} :root #div_today .today_type12 .wrap_match .info1 {top:18px;} #div_today .today_type12 .wrap_match .thumb1 {position:absolute; top:56px; left:40px; width:100px; height:100px;} #div_today .today_type12 .wrap_match .thumb2 {position:absolute; top:56px; right:40px; width:100px; height:100px;} #div_today .today_type12 .wrap_match .character1 {position:absolute; bottom:36px; *bottom:37px; left:164px; font-size:11px; color:#fff; letter-spacing:-0.1em;} #div_today .today_type12 .wrap_match .character2 {position:absolute; bottom:17px; *bottom:18px; right:163px; font-size:11px; color:#fff; letter-spacing:-0.1em; text-align:right;} /*120316 today show and hidden*/ #div_today {height:auto; padding:30px 0 0 0;} #div_today .entry-title {margin:0px; padding:0 0 2px 0; } #div_today .entry-title a {display:block; height:15px; width:82px; text-indent:-99999px; background:url("/aion_v3/main/h2_130605.gif") no-repeat 0 0; overflow:hidden;} #div_today .link_more_today {position:absolute; right:0; top:33px; margin:0; padding:0 6px 0 0; font-size:11px; font-weight:normal; background:url("/aion_v3/main/bullet.gif") no-repeat 35px 3px;} #div_today .link_more_today a {color:#898989;} #div_today .el_today_v2 {height:165px; width:430px; overflow:hidden;} #div_today .el_today_v2 .more {display:none;} #div_today .el_today_v2 dl dt img {width:205px; height:112px;} #div_today .today_type4 ul li img {width:135px; height:120px;} #div_today .today_type6 div img {width:428px; height:160px;} #div_today .today_type7 ul li.end {margin-right:10px; float:left;} #div_today .today_type7 ul li {list-style-type:none;position:relative; float:right; width:205px; height:160px; margin:0; padding:0;} #div_today .today_type7 ul li span {width:190px;} #div_today .today_type7 ul li img {width:205px; height:160px;} #div_today .today_type9 {position:relative;} #div_today .today_type9 dl {width:203px;} #div_today .today_type9 dl dd {margin:0; padding:0; font-size:12px; line-height:1.2; color:#444;} #div_today .today_type9 dl dd a {color:#444;} #div_today .today_type9 dl dd.img {margin-top:-155px;} *+html #div_today .today_type9 dl dd.img {margin-top:-155px;} #div_today .today_type9 dl dd.img img {width:203px; height:112px;} #div_today .today_type9 ul {position:absolute; top:9px; left:213px;} #div_today .today_type9 ul li {line-height:15px; padding:0 0 6px 10px; background:url("/aion_v3/main/bullet.gif") no-repeat 0 -35px;} #div_today .today_type13 {position:relative;} #div_today .today_type13 dl {width:205px;} #div_today .today_type13 dl dd {margin:0; padding:0; font-size:12px; line-height:1.2; color:#444;} #div_today .today_type13 dl dd a {color:#444;} #div_today .today_type13 dl dd.img {margin-top:-155px;} *+html #div_today .today_type13 dl dd.img {margin-top:-155px;} #div_today .today_type13 dl dd.img img {width:205px; height:112px;} #div_today .today_type13 ul {position:absolute; top:9px; left:213px;} #div_today .today_type13 ul li {line-height:15px; padding:0 0 6px 10px; background:url("/aion_v3/main/bullet.gif") no-repeat 0 -35px;} /* 3.5 today */ #div_today .animation_today {position: relative; height:183px !important;} .el_today_v2 {z-index: 1; position:absolute; left:0px; top:0px; height:200px; background-color: #fff;} .animation_today .selected {z-index: 2;} .animation_today .fadeFlag {height: 100%; background-color: #fff; z-index: 3;height: 100%; position: absolute; top: 0px; left: 0px; width: 100%;} .todayTab {width:100%; overflow: hidden; background:url("/aion_v3/main/today/bg_todayTabBox.gif") no-repeat 0 100%;} .todayTab ul {margin:0; padding: 0px; width:100%; overflow: hidden;} .todayTab li {float:left; width: 33.3%;} .todayTab li a {color:#888; display:block; width: 100%; overflow:hidden; height:33px; line-height:40px; text-align: center; font-size: 11px; letter-spacing: -1px; background:url("/aion_v3/main/today/bg_todayTab.gif") no-repeat 0 0;} .todayTab li a:hover {color:#196587; font-weight: bold; } .todayTab li a.selected {color:#196587; font-weight: bold; background-position: 50% 0} #div_today .today_type9 {position:absolute; width:100%; overflow: hidden;} #div_today .today_type9 ul li strong {display:block; margin-bottom: 2px; color:#444;} #div_today .today_type9 ul li span {display:block; margin-bottom:3px; font-size: 11px; color:#666;} #div_today .today_type13 {position:absolute; width:100%; overflow: hidden;} #div_today .today_type13 ul li strong {display:block; margin-bottom: 2px; color:#444;} #div_today .today_type13 ul li span {display:block; margin-bottom:3px; font-size: 11px; color:#666;} .el_today_v2 dl a {position: relative; display: block;} .el_today_v2 dl a .oneLineComment {position:absolute; bottom:0px; left:0; display:block; width:100%; text-align:center; height:1em; padding:8px 0 8px 0; font-size:11px; color:#e3e3e3; background:url("/aion_v3/main/bg_today1.png") no-repeat 0 0;_background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=1,sizingMethod=crop,src='/aion_v3//main/bg_today1.png')} /*오늘의 아이온'페이지에 A B C H 타입에 한줄 입력이 표현 되려면 아래 코드를 forum_theme.css에 추가 해주어야 합니다. */ .today dl a {position: relative; display: block;} .today dl a .oneLineComment {position:absolute; bottom:0px; left:0; display:block; width:100%; text-align:center; height:1em; padding:8px 0 8px 0; font-size:11px; color:#e3e3e3; background:url("/aion_v3/main/bg_today1.png") no-repeat 0 0;_background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=1,sizingMethod=crop,src='/aion_v3//main/bg_today1.png')} /* 오늘의 파워북 */ #wrap_todayPowerbook {clear:both; width:430px; height:245px; margin:10px auto 0 auto;} #wrap_todayPowerbook .wrap_h2 h2 a {width:85px; background-position:0 0;} #wrap_todayPowerbook .wrap_h2 .more {bottom:10px; padding:0; background:none;} #wrap_todayPowerbook .wrap_h2 span a {color:#676767;} #wrap_todayPowerbook .wrap_h2 span a.guide {padding-left:16px; background:url("/aion_v3/main/bullet.gif") no-repeat 8px -160px;} #wrap_todayPowerbook .todayPowerbook {position:relative; margin-bottom:11px; padding-bottom:15px; background:url("/aion_v3/main/dot_line.gif") no-repeat left bottom;} #wrap_todayPowerbook .todayPowerbook dl {width:203px;} #wrap_todayPowerbook .todayPowerbook dl dt {padding-bottom:5px;} #wrap_todayPowerbook .todayPowerbook dl dt img {width:203px; height:71px;} #wrap_todayPowerbook .todayPowerbook dl dd {font-size:11px; line-height:130%;} #wrap_todayPowerbook .todayPowerbook dl dd strong {display:block; padding-bottom:8px; font-size:12px; color:#1a6686;} #wrap_todayPowerbook .todayPowerbook dl.end {position:absolute; right:0; top:0;} #wrap_todayPowerbook ul {clear:both;} #wrap_todayPowerbook ul li {float:left; width:215px; padding-bottom:5px;} #wrap_todayPowerbook ul li a {display:block; color:#444;} #wrap_todayPowerbook ul li strong {display:inline-block; width:80px; cursor:pointer;} /* 추가 */ .wrap_todayPowerbook2 {clear:both; width:430px; margin:0 auto 0 auto;} .wrap_todayPowerbook2 .wrap_h2 {height:15px; margin-bottom:10px; border-bottom:1px solid #dbdbdb;} .wrap_todayPowerbook2 .wrap_h2 h2 a {width:110px; background-position:0 0px;} .wrap_todayPowerbook2 .wrap_h2 span a {color:#676767;} .wrap_todayPowerbook2 .wrap_h2 span a.guide {padding-left:16px; background:url("/aion_v3/main/bullet.gif") no-repeat 8px -160px;} .wrap_todayPowerbook2 .todayPowerbook {margin:0; padding-bottom:5px; background:url("/aion_v3/main/dot_line.gif") no-repeat left bottom;} .wrap_todayPowerbook2 .todayPowerbook dl {width:430px;} .wrap_todayPowerbook2 .todayPowerbook dl dt {width:100px; height:70px;} .wrap_todayPowerbook2 .todayPowerbook dl dt img {width:100px; height:60px;} .wrap_todayPowerbook2 .todayPowerbook dl dd {width:320px; height:70px; margin:-70px 0 0 110px; line-height:130%;} .wrap_todayPowerbook2 .todayPowerbook dl dd strong {display:block; padding:5px 0; font-size:14px; color:#1a6686;} .wrap_todayPowerbook2 .todayPowerbook dl dd a strong {color:#1a6686 !important;} .wrap_todayPowerbook2 ul {clear:both; margin-top:12px;} .wrap_todayPowerbook2 ul li {float:left; width:215px; padding-bottom:5px;} .wrap_todayPowerbook2 ul li a {display:block; color:#444;} .wrap_todayPowerbook2 ul li strong {display:inline-block; width:80px; cursor:pointer;} /*120409 파워북 수정*/ .wrap_todayPowerbook2 {height:inherit; margin:0 auto; padding:0 0 18px 0;} .wrap_todayPowerbook2 .wrap_h2 {border-bottom:none; margin-bottom:0px;} .wrap_todayPowerbook2 .wrap_h2 h2 a {width:41px; background-position:0 -40px;} .wrap_todayPowerbook2 .todayPowerbook2 {width:100%; overflow:hidden;} .wrap_todayPowerbook2 .todayPowerbook2 {margin:0; padding-bottom:5px; background:none;} .wrap_todayPowerbook2 .todayPowerbook2 dl {width:205px;} .wrap_todayPowerbook2 .todayPowerbook2 dl.todayPowerbook_item1 {float:left;} .wrap_todayPowerbook2 .todayPowerbook2 dl.todayPowerbook_item2 {float:right;} .wrap_todayPowerbook2 .todayPowerbook2 dl dt {width:205px; height:80px; margin-bottom:2px;} .wrap_todayPowerbook2 .todayPowerbook2 dl dd {width:205px; height:inherit; margin:0px; line-height:130%;} .wrap_todayPowerbook2 .todayPowerbook2 dl dt img {width:205px; height:80px;} .wrap_todayPowerbook2 .todayPowerbook2 dl dd strong {padding:7px 0 9px; font-size:14px;} .wrap_todayPowerbook2 .todayPowerbook2 dl dd a strong {color:#343434 !important;} .wrap_todayPowerbook2 .todayPowerbook2 dl dd a span {display:block; height:30px; font-size:11px; color:#888; letter-spacing:-1px; overflow:hidden;} /* 생초보가이드 */ #beginnerGuide {clear:both; padding:10px 0 30px 20px;} /* 공지&업데이트&테스트서버 */ #main_notice {width:239px; margin:0 ; padding:15px 0 44px 0;} #main_notice h2 {font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;} #main_notice #main_notice_tab {padding:0; list-style:none; height:26px; background:url("/aion_v3/main/bg_tab_ver3.5.gif") no-repeat 0 0;} #main_notice #main_notice_tab li {float:left; height:26px; margin:0 0 0 -1px; padding:0;} #main_notice #main_notice_tab li span {display:block; width:100%; height:26px; text-indent:-9999px; overflow:hidden; cursor:pointer;} #main_notice #main_notice_tab li span img {position:relative; top:-3px;} #main_notice #main_notice_tab li.m1 span img {left:48px;} #main_notice #main_notice_tab li.m2 span img {left:58px;} #main_notice #main_notice_tab li.m3 span img {left:64px;} #main_notice #main_notice_tab li.m1 {width:79px; margin-left:0;} #main_notice #main_notice_tab li.m2 {width:80px;} #main_notice #main_notice_tab li.m3 {width:82px;} #main_notice #main_notice_tab li span.on {background-image:url("/aion_v3/main/bg_tab_ver3.5.gif"); background-repeat:no-repeat;} #main_notice #main_notice_tab li.m1 span.on {background-position:0 -31px;} #main_notice #main_notice_tab li.m2 span.on {background-position:-78px -31px;} #main_notice #main_notice_tab li.m3 span.on {background-position:-157px -31px;} #main_notice .main_notice_content {padding-top:13px;} #main_notice .main_notice_content li {padding:0 0 7px 6px; line-height:13px; background:url("/aion_v3/main/bullet.gif") no-repeat 0 -196px;} #main_notice .main_notice_content li a {color:#666;} /* 롤링배너 */ .wrap_rbanner {position:relative; z-index:1; width:254px; height:142px; margin:0 0 45px 0;} .wrap_rbanner .banner {position:relative;width:254px;height:142px;overflow:hidden} .wrap_rbanner .banner ul {width:254px;height:142px;margin:0;padding:0;list-style:none;overflow:hidden} .wrap_rbanner .banner ul li {float:left; position:absolute;top:0;left:0; width:269px;height:158px ;z-index:0 } .wrap_rbanner .banner ul li img {width:254px;height:142px;vertical-align:top} .wrap_rbanner .banner .page_bar {height:25px;margin:0; position:relative;z-index:2} .wrap_rbanner .rbanner_pager {position:relative;width:241px;margin:-24px 0 0;padding:0 0 0 8px; z-index:3; overflow:hidden;} .wrap_rbanner .rbanner_pager button {float:left;width:26px;height:17px;padding:0;text-indent:-9999px;cursor:pointer;border:0;background:url('/lineage2_v2/main/ic_promotion.gif') no-repeat;*overflow:visible} .wrap_rbanner .rbanner_pager button.prev {background-position:0 -37px} .wrap_rbanner .rbanner_pager button.next {background-position:-26px -37px} .wrap_rbanner .rbanner_pager a {float:left; width:18px;height:18px;margin:0 4px 0 0;text-indent:-9999px;overflow:hidden;background:url("/aion_v3/main/btn_event_paging_v2.gif") no-repeat;} .wrap_rbanner .rbanner_pager .more {float:right;width:18px;height:18px;margin:0;background:url("/aion_v3/main/btn_event_more.gif") no-repeat;} .wrap_rbanner .rbanner_pager a.p0 {background-position:0 0} .wrap_rbanner .rbanner_pager a.p1 {background-position:-18px 0;} .wrap_rbanner .rbanner_pager a.p2 {background-position:-36px 0;} .wrap_rbanner .rbanner_pager a.p3 {background-position:-54px 0;} .wrap_rbanner .rbanner_pager a.p4 {background-position:-72px 0;} .wrap_rbanner .rbanner_pager a.p5 {background-position:-90px 0;} .wrap_rbanner .rbanner_pager a.p6 {background-position:-108px 0;} .wrap_rbanner .rbanner_pager a.p7 {background-position:-126px 0;} .wrap_rbanner .rbanner_pager a.p8 {background-position:-144px 0;} .wrap_rbanner .rbanner_pager a.p0on {background-position:0 -18px;} .wrap_rbanner .rbanner_pager a.p1on {background-position:-18px -18px;} .wrap_rbanner .rbanner_pager a.p2on {background-position:-36px -18px;} .wrap_rbanner .rbanner_pager a.p3on {background-position:-54px -18px;} .wrap_rbanner .rbanner_pager a.p4on {background-position:-72px -18px;} .wrap_rbanner .rbanner_pager a.p5on {background-position:-90px -18px;} .wrap_rbanner .rbanner_pager a.p6on {background-position:-108px -18px;} .wrap_rbanner .rbanner_pager a.p7on {background-position:-126px -18px;} .wrap_rbanner .rbanner_pager a.p8on {background-position:-144px -18px;} /* 아이온샵 */ .wrap_shop {clear:both; width:239px; margin:0 auto; padding:0;} .wrap_shop .wrap_h2_shop {position:relative;} .wrap_shop .wrap_h2_shop h2 {height:26px; margin:0; padding:0;} .wrap_shop .wrap_h2_shop h2 a {display:block;width:74px;height:19px; font-size:0; line-height:0; text-indent:-9999px; background:url("/aion_v3/main/h2_130605.gif") 0 -120px no-repeat;} .wrap_shop .wrap_h2_shop ul {position:absolute; top:0px; right:0; margin:0; padding:0;} .wrap_shop .wrap_h2_shop ul li {list-style-type:none; display:inline; padding:0 9px 0 2px; font-size:11px; letter-spacing:-1px; line-height:12px; background:url("/aion_v3/main/aionshop.gif") no-repeat right -99px ;} .wrap_shop .wrap_h2_shop ul li.end {background:none; padding-right:0;} .wrap_shop .wrap_h2_shop ul li a {color:#666;} .wrap_shop h3 {display:block !important; height:24px; margin:0 0 10px 0; padding:0; background:url("/aion_v3/main/aionshop.gif") no-repeat 0 0; text-indent:-999em; overflow:hidden;} #shop_item {clear:both; width:239px; margin:0 auto; padding:0 0 12px 0;} #shop_item .tab {width:239px; margin:0 0 5px 0; padding:0; overflow:hidden;} #shop_item .tab li {list-style-type:none; float:left; height:26px;} #shop_item .tab li.m1 {width:120px;} #shop_item .tab li.m2 {width:119px;} #shop_item .tab li span {display:block; height:26px; font-size:0; line-height:0; text-indent:-9999px; background:url("/aion_v3/main/bg_main4.gif") no-repeat; cursor:pointer;} #shop_item .tab li span a {display:block; width:100%; height:100%;} #shop_item .tab li.m1 span {width:120px; background-position:0 -54px;} #shop_item .tab li.m2 span {width:119px; background-position:-120px -54px;} #shop_item .tab li.m1 span.on {background-position:0 -80px;} #shop_item .tab li.m2 span.on {background-position:-120px -80px;} #shop_item .ul_mediaList {width:239px; margin:0; padding:0; overflow:hidden;} #shop_item .ul_mediaList li {list-style-type:none; float:left; width:71px; margin:0 13px 0 0; font-size:11px; line-height:1.2; ;text-align:center; letter-spacing:-1px;} #shop_item .ul_mediaList li a {color:#666;} #shop_item .ul_mediaList li.end {margin:0;} #shop_item .ul_mediaList li .thumb {display:block; width:69px; height:69px; margin:0 0 3px 0; border:1px solid #e2e2e2;} /* 부가서비스 이용권 */ .shop_list {clear:both; width:238px; margin:0 auto 20px auto; padding:0; overflow:hidden;} .shop_list li {list-style-type:none; float:left; width:100px; height:17px; padding:7px 0 0 16px; margin:0 3px 0 0; font-size:11px; line-height:12px; letter-spacing:-1px; background:url("/aion_v3/main/aionshop.gif") no-repeat 0 -54px;} .shop_list li a {color:#666;} .shop_list li.end {height:18px;} .shop_list li span.none {display:block; width:100%; height:100%; margin-left:-10px; margin-top:-2px; background:#fff; text-indent:-999em; overflow:hidden;} /* 플레이 가이드 */ #play_guide {position:relative; z-index:1000; width:269px; background:#eaf5fa;} #wrap_play_guide {width:240px; margin:0 auto; height:338px; color:#444;} #wrap_play_guide h3 {display:block !important; height:18px; margin:0; padding:15px 0 0 40px; letter-spacing:-0.1em; font-size:12px; background:url("/aion_v3/main/ic_playguide.gif") no-repeat 2px 2px;} #wrap_play_guide h3 span {padding-right:10px; background:url("/aion_v3/main/ic_playguide.gif") no-repeat right -59px;} #wrap_play_guide h3 strong {color:#1b6588;} #wrap_play_guide .guide_top {margin:0; padding-bottom:15px; background:url("/aion_v3/main/bg_playguide.gif") no-repeat left bottom;} #wrap_play_guide .warp_guide_top {padding:15px 0 0 15px; line-height:130%; background:url("/aion_v3/main/bg_playguide.gif") no-repeat left top;} #wrap_play_guide .warp_guide_top span {display:block; padding-bottom:20px;} #wrap_play_guide .warp_guide_top span strong a {color:#1b6588;} #wrap_play_guide .warp_guide_top ul {} #wrap_play_guide .warp_guide_top ul li {padding-left:10px; color:#666; background:url("/aion_v3/main/ic_playguide.gif") no-repeat left -97px;} #wrap_play_guide ul.list {margin:20px 0 0 0;} #wrap_play_guide ul.list li {padding:0 0 7px 10px; letter-spacing:-0.1em; background:url("/aion_v3/main/ic_playguide.gif") no-repeat left -137px;} #wrap_play_guide .planner {margin-top:20px; padding:15px 0 0 0; background:url("/aion_v3/main/dot_line.gif") no-repeat left top;} #wrap_play_guide .planner .title {display:block; height:16px; padding:2px 0 5px 23px; font-weight:bold; background:url("/aion_v3/main/ic_playguide.gif") no-repeat 3px -180px;} #wrap_play_guide .planner dl {margin:0; padding:0;} #wrap_play_guide .planner dl dt {width:40px; height:40px;} #wrap_play_guide .planner dl dt img {width:40px; height:40px;} #wrap_play_guide .planner dl dd {height:40px; margin:-40px 0 0 50px; font-size:11px; line-height:125%;} #wrap_play_guide .welcome {position:absolute; left:-236px; top:-26px; z-index:9999; width:256px; height:61px; font-size:11px; background:url("/aion_v3/main/bg_playguide_welcome.gif") no-repeat left top;} #wrap_play_guide .welcome p {width:200px; margin:15px 36px 0 15px; color:#444; line-height:130%;} #wrap_play_guide .welcome .btn_small {display:block; position:absolute; right:23px; top:10px; z-index:99999; width:12px; height:11px; cursor:pointer; background:url("/aion_v3/main/btn_welcome.gif") no-repeat left top;} #wrap_play_guide .welcome_s {position:absolute; left:-20px; top:2px; z-index:9999; width:38px; height:22px; cursor:pointer; background:url("/aion_v3/main/bg_playguide_welcome_s.gif") no-repeat -1px -4px;} *html #wrap_play_guide .welcome_s {left:-35px;} /* 플레이 가이드 2 */ #wrap_play_guide2 {width:240px; margin:0 auto; height:338px; color:#444;} #wrap_play_guide2 h3 {display:block !important; width:235px; height:60px; margin:0; padding:0; line-height:130%; font-size:12px; background:url("/aion_v3/main/ic_playguide2.gif") no-repeat 5px -236px;} #wrap_play_guide2 h3 span {display:inline-block; width:180px; margin:23px 0 0 55px; background:url("/aion_v3/main/ic_playguide2.gif") no-repeat 170px -49px;} #wrap_play_guide2 h3 strong {color:#1b6588;} #wrap_play_guide2 .guide_top {margin:0; padding-bottom:15px; background:url("/aion_v3/main/bg_playguide2.gif") no-repeat left bottom;} #wrap_play_guide2 .warp_guide_top {padding:15px 10px 0 10px; font-size:14px; background:url("/aion_v3/main/bg_playguide2.gif") no-repeat left top;} #wrap_play_guide2 .warp_guide_top span {display:block; padding-bottom:10px; border-bottom:1px solid #c8e5ed;} #wrap_play_guide2 .warp_guide_top span strong a {color:#1b6588;} #wrap_play_guide2 .warp_guide_top ul {margin-top:10px;} #wrap_play_guide2 .warp_guide_top ul li {color:#666; font-size:12px; line-height:140%;} #wrap_play_guide2 .warp_guide_top ul li a {color:#666;} #wrap_play_guide2 ul.list {margin:15px 0 0 0;} #wrap_play_guide2 ul.list li {padding:0 0 7px 10px; letter-spacing:-0.1em; background:url("/aion_v3/main/ic_playguide.gif") no-repeat left -97px;} #wrap_play_guide2 .planner {margin-top:15px; padding:15px 0 0 0; background:url("/aion_v3/main/dot_line.gif") no-repeat left top;} #wrap_play_guide2 .planner .title {display:block; height:16px; padding:2px 0 5px 23px; font-weight:bold; background:url("/aion_v3/main/ic_playguide.gif") no-repeat 3px -180px;} #wrap_play_guide2 .planner dl {margin:0; padding:0;} #wrap_play_guide2 .planner dl dt {width:40px; height:40px;} #wrap_play_guide2 .planner dl dt img {width:40px; height:40px;} #wrap_play_guide2 .planner dl dd {height:40px; margin:-40px 0 0 50px; font-size:11px; line-height:125%;} #wrap_play_guide2 .welcome {position:absolute; left:-236px; top:-26px; z-index:9999; width:256px; height:61px; font-size:11px; background:url("/aion_v3/main/bg_playguide_welcome.gif") no-repeat left top;} #wrap_play_guide2 .welcome p {width:200px; margin:15px 36px 0 15px; color:#444; line-height:130%;} #wrap_play_guide2 .welcome .btn_small {display:block; position:absolute; right:23px; top:10px; z-index:99999; width:13px; height:13px; cursor:pointer; background:url("/aion_v3/main/btn_welcome2.gif") no-repeat left top;} #wrap_play_guide2 .welcome_s {position:absolute; left:-20px; top:2px; z-index:9999; width:38px; height:22px; cursor:pointer; background:url("/aion_v3/main/bg_playguide_welcome_s.gif") no-repeat -1px -4px;} *html #wrap_play_guide2 .welcome_s {left:-35px;} /* 아이온 뉴스 */ .wrap_press {clear:both; width:430px; margin:0 25px 0 25px; padding:20px 0;} .wrap_press .wrap_h2 a {width:70px; background-position:0 -80px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;} .wrap_press .pressTemp {clear:both; height:237px; margin:0; padding:0; overflow:hidden;} .wrap_press .pressTemp .press {padding-left:8px; font-size:11px; color:#c0bfbf; font-weight:normal; letter-spacing:-1px;} .wrap_press .thumbWrap {position:relative; float:left; width:201px; height:95px; margin:0 25px 0 0;} .wrap_press .thumbWrap .thumbWrap a {display:block;} .wrap_press .thumbWrap .thumb {width:100%; height:100%; border:0 none; vertical-align:top;} .wrap_press .contentsWrap {height:95px; margin:0 0 20px 0;} .wrap_press .contentsWrap .subject {margin:0; padding:0 0 11px 0; font-size:14px; color:#333; font-weight:bold; font-family:"돋움",dotum; letter-spacing:-1px; line-height:18px;} .wrap_press .contentsWrap .subject a {color:#333;} .wrap_press .contentsWrap .desc {margin:0; padding:0 0 7px 0; color:#666; line-height:16px;} .wrap_press .contentsWrap a .desc:hover {text-decoration:underline;} .wrap_press .contentsWrap .press {padding-left:0;} .wrap_press .ul_listType {clear:both; margin:0; padding:0; list-style-type:none; overflow:hidden;} .wrap_press .ul_listType li {height:21px; line-height:21px; padding:0 0 0 10px; background:url("/aion_v3/main/bullet.gif") no-repeat 0 -32px; overflow:hidden;} .wrap_press .ul_listType .title {font-weight:bold; letter-spacing:-1px;} .wrap_press .ul_listType a:hover {text-decoration:underline;} /*search*/ .search {position:relative; z-index:10; width:240px; height:83px; padding:35px 0 0 0; background-color:#fff;} .search h2 {display:none !important;} .search .select {clear:both;margin:0;padding:0 0 8px 0;} .search .select li {display:inline; padding:0 8px; font-size:11px; color:#25778d; border-left:1px solid #cbcbcb;} .search .select li.first {padding-left:0; border-left:0 none;} .search .select li .on {font-weight:bold; color:#294455;} .search .select li a {color:#25778d;} .search .select li.new {position:relative;} .search .select li.new img {position:absolute; right:2px; top:-8px;} /*realtim search*/ .search #realTime_area {position:relative; top:36px; z-index:10000; width:190px; height:18px;} .search .realtime {position:absolute; top:0; z-index:10000; width:190px; margin:0; padding:0;} .search .realtime li {list-style-type:none;} .search #rankList {display:none; position:absolute; top:-20px; left:-4px; z-index:10000; width:190px; margin:0 !important; padding:0 !important;} .search #wrap_live {width:192px; margin-left:4px;} .search #wrap_live #liveTopList {position:relative;top:0;left:0; background-color:#f4f4f4 !important; width:189px; vertical-align:top; border:1px solid #b5c7d3;} .search #wrap_live #liveTopList li {list-style-type:none !important;} .search #wrap_live #liveTopList li a {display:inline-block; width:127px; letter-spacing:-0.1em;} /*실시간 검색어*/ #wrap_live2 {position:relative; top:0; left:0; z-index:10000; overflow:hidden; width:190px; height:12px; margin:0; padding:2px 0 0 0;} #scrollRanking {position:relative; top:0; left:0; z-index:10000; width:190px !important; height:12px !important; margin:0; padding:0;} *html #scrollRanking {left:-15px;} *+html #scrollRanking {left:-15px;} #scrollRanking li {width:190px; height:11px !important; margin:0; padding:0 0 3px 24px; vertical-align:middle; cursor:pointer; background:url("/aion_v3/main/search_icon.gif") no-repeat 0 -250px;} :root #scrollRanking li {line-height:1;} #scrollRanking li a {display:inline-block; width:132px; text-decoration:none; font-size:11px; color:#888; letter-spacing:-0.1em;} #scrollRanking li.num1 {background-position:3px 0;} #scrollRanking li.num2 {background-position:3px -20px;} #scrollRanking li.num3 {background-position:3px -40px;} #scrollRanking li.num4 {background-position:3px -60px;} #scrollRanking li.num5 {background-position:3px -80px;} #scrollRanking li.num6 {background-position:3px -100px;} #scrollRanking li.num7 {background-position:3px -120px;} #scrollRanking li.num8 {background-position:3px -140px;} #scrollRanking li.num9 {background-position:3px -160px;} #scrollRanking li.num10 {background-position:3px -180px;} #scrollRanking li span {display:inline-block; background-image:url("/aion_v3/main/search_icon.gif"); background-position:none; width:13px; padding-left:12px; font:9px/13px tahoma; color:#888; text-align:left;} #scrollRanking li .up{background-position:0px -270px;} #scrollRanking li .down{background-position:0px -294px;} #scrollRanking li .same{background-position:0px -244px;} #scrollRanking li .new{background-position:0px -222px;} #liveTopList .over {font-weight:bold; color:#ccc; letter-spacing:-0.1em;} #liveTopList .out {font-weight:normal !important;} /* suggest */ .wrap_mainsearch {margin:0 auto;} .wrap_mainsearch h2{display:none;} .wrap_mainsearch #form_default {position:relative; z-index:99999;} .wrap_mainsearch #form_total {position:relative; z-index:99999;} .wrap_mainsearch #form_char {position:relative; z-index:99999;} .wrap_mainsearch #form_vendor {position:relative; z-index:99999;} .wrap_mainsearch .inputbox{position:absolute;display:block;width:186px;height:25px;color:#888;border:3px solid #284354; background-color:#fff;} .wrap_mainsearch .nofocus{width:181px;height:17px;vertical-align:middle;padding:5px 0 0 5px;color:#888;cursor:text;border:0 none;background:#fff;} .wrap_mainsearch .suggest{width:181px;height:17px;vertical-align:middle;padding:5px 0 0 5px;cursor:text;border:0 none;background:#fff;color:#666;} .wrap_mainsearch .suggest_toggle{position:absolute;left:175px;top:10px;cursor:pointer;} .wrap_mainsearch .suggest_submit{position:absolute;left:195px;width:43px;height:30px;cursor:pointer;vertical-align:middle;border:none;text-indent:-1000px;overflow:hidden;background:url('/aion_v3/main/btn_search.gif') no-repeat left top;} .suggest_wrapper{top:31px;width:188px;border:1px solid #426274;} /* notice layer */ #layerCon {width:452px; height:458px; background: url('/aion_v3/notice/layer/bg_notice_layer.png') no-repeat; font-size:12px; color:#716557; text-align:left;} *html #layer_con {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/aion_v3/notice/layer/bg_notice_layer.png", sizingMethod="crop");} #layerCon .layerConCnt {position:relative; margin-left:21px; padding-top:44px;} #layerCon h1 {display:none;} #layerCon .link_list {clear:both; width:410px; margin:5px 0 0 0; padding:0 0 5px 0; background: url('/aion_v3/notice/layer/dot_line.gif') left bottom repeat-x; list-style:none; } #layerCon .link_list li {margin:0; padding:0 0 5px 6px; background: url('/aion_v3/notice/layer/bul_1.gif') 0 5px no-repeat; color:#d56c2a; line-height: 1.4;} #layerCon .link_list li a {color:#d56c2a; text-decoration:none;} #layerCon .link_list li a:hover {color:#d56c2a; text-decoration:underline;} #layerCon .notice_box {clear:both; width:400px; height:317px; margin:5px 0; padding:0 8px 0 1px; overflow:auto; scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#cdcdcd; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#cdcdcd; scrollbar-track-color:#f9f9f9; scrollbar-arrow-color:#999; } html*#layerCon .notice_box {height:322px;} #layerCon h2 {margin:0; padding:8px 0 4px 0; font-size:12px;} #layerCon .cnt {margin-bottom:18px; line-height:1.5} #layerCon .cnt p.title {margin-bottom:4px;} #layerCon .cnt ul.update_list {clear:both; margin:0; padding:0; list-style:none;} #layerCon .cnt ul.update_list li {padding:0 0 5px 9px;} #layerCon .cnt ul.update_list li span {width:10px; margin-left:-9px;} #layerCon .btn_close {float:right; display:inline; margin:10px 11px 0 0; background: url('/aion_v3/notice/layer/btn_close.gif') left 1px no-repeat; } #layerCon .btn_close dfn {display:none;} #layerCon .btn_close a {position:relative; display:block; width:37px; height:14px;} /*new_layer*/ #layerCon_new {/*position:absolute; right:100px; top:50px; z-index:1000; overflow:hidden;*/ width:340px; background: url('/aion_v3/notice/layer/bg_notice_layer2.jpg') no-repeat left bottom; padding-bottom:30px; font-size:12px; color:#716557; text-align:left;} #layerCon_new .wrap{background: url('/aion_v3/notice/layer/bg_notice_layer2.jpg') no-repeat left top;} #layerCon_new .layerConCnt {position:relative; margin-left:21px; padding-top:44px;} #layerCon_new h2 {margin:0; padding:8px 0 10px 0; font-size:13px; color:#d56c2a;} #layerCon_new .cnt {margin-bottom:18px; line-height:1.5} #layerCon_new .cnt .alert {padding:15px 0; font-weight:bold; text-decoration:underline;} #layerCon_new .cnt .alert a {text-decoration:underline; color:#716557;} #layerCon_new .cnt p.btn {width:171px; margin:5px 0 0 0;} #layerCon_new .cnt p.btn img {margin:0 0 15px 0;} #layerCon_new .btn_close {position:absolute; bottom:10px; right:5px; display:inline; margin:10px 11px 0 0; background: url('/aion_v3/notice/layer/btn_close.gif') left 1px no-repeat; } #layerCon_new .btn_close dfn {display:none;} #layerCon_new .btn_close a {position:relative; display:block; width:37px; height:14px;} #m_vendor {position:relative; width:431px; height:131px; margin:0 auto 20px auto; border:1px solid #ededed; background-color:#fafafa;} #m_vendor #m_vendor_banner {position:relative; width:219px; height:121px; padding-top:5px; text-align:center; border-right:1px dashed #d9d9d9;} #m_vendor #m_vendor_banner li {display:none;} #m_vendor #m_vendor_banner p {position:absolute; bottom:5px; right:10px; width:30px;} #m_vendor #m_vendor_banner span {display:inline-block; width:7px; height:11px; cursor:pointer; background-image:url("/aion_v3/main/m_banner_btn.gif"); background-repeat:no-repeat;} #m_vendor #m_vendor_banner span.prev {margin-right:5px; background-position:0 0;} #m_vendor #m_vendor_banner span.next {margin-left:5px; background-position:-7px 0;} #m_vendor #m_vendor_item {position:absolute; right:0; top:0; margin:20px 0 0 0; padding-left:13px; width:200px;} #m_vendor #m_vendor_item span {position:absolute; right:5px; top:1px; margin:0; padding:0 6px 0 0; font-size:11px; font-weight:normal; background:url("/aion_v3/main/bullet.gif") no-repeat 35px 3px;} #m_vendor #m_vendor_item span a {color:#898989;} #m_vendor #m_vendor_item h3 {display:block; margin:0; padding:0; font-size:12px; color:#444;} #m_vendor #m_vendor_item img {width:19px; height:19px; vertical-align:middle;} #m_vendor #m_vendor_item ul {margin-top:10px;} #m_vendor #m_vendor_item ul li {padding-bottom:5px; font-size:11px; letter-spacing:-0.1em;} /* vendor new */ #m_vendor_new {width:431px; margin:0 auto 20px auto;} #m_vendor_new .wrap {position:relative; width:431px; height:126px; border:1px solid #c9e3ed; background-color:#fafafa;} #m_vendor_new h2 {display:block; height:20px; background:url("/aion_v3/main/bg_main_vendor.gif") no-repeat left top;} #m_vendor_new h2 a {display:block; width:65px; height:15px;} #m_vendor_new #today_vendor_item {position:relative; width:215px; height:110px; padding:15px 0 0 0; text-align:center; border-right:1px dashed #d9d9d9;} #m_vendor_new #today_vendor_item h3 {display:block; width:195px; height:12px; margin:0 auto; background:url("/aion_v3/main/bg_main_vendor.gif") no-repeat 0 -52px;} #m_vendor_new #today_vendor_item h3 a {display:block; width:195px; height:12px;} #m_vendor_new #today_vendor_item ul {width:195px; margin:10px auto 0 auto; text-align:left;} #m_vendor_new #today_vendor_item li {display:none;} #m_vendor_new #today_vendor_item li span.thumb {display:inline-block; position:relative; width:50px; height:50px; padding-top:6px; text-align:center; background:url("/aion_v3/main/bg_main_vendor.gif") no-repeat 0 -400px;} #m_vendor_new #today_vendor_item li span.thumb img {width:40px; height:40px;} #m_vendor_new #today_vendor_item li span.txt {position:absolute; width:140px; padding-left:5px; line-height:140%; font-size:11px;} #m_vendor_new #today_vendor_item li span.txt strong {display:block; padding-bottom:5px; font-size:12px;} #m_vendor_new #today_vendor_item li span.txt a {color:#878787;} #m_vendor_new #m_vendor_item {position:absolute; right:0; top:0; width:215px; margin:15px 0 0 0;} #m_vendor_new #m_vendor_item h3 {display:block; width:195px; margin:0 auto; padding:0; font-size:11px; color:#444;} #m_vendor_new #m_vendor_item h3 span {font-weight:normal; color:#888;} #m_vendor_new #m_vendor_item div {display:none; position:relative; width:195px; height:90px; margin:0 auto;} #m_vendor_new #m_vendor_item span.more {position:absolute; right:0; top:-1px; margin:0; padding:0; font-size:11px; font-weight:normal;} #m_vendor_new #m_vendor_item span.more a {display:block; width:10px; height:10px; color:#898989; background:url("/aion_v3/main/bg_main_vendor.gif") no-repeat right -200px;} #m_vendor_new #m_vendor_item img {width:19px; height:19px; vertical-align:middle;} #m_vendor_new #m_vendor_item ul.item {margin-top:10px;} #m_vendor_new #m_vendor_item ul.item li {padding-bottom:5px; font-size:11px; letter-spacing:-0.1em;} #m_vendor_new #m_vendor_item ul.page {position:absolute; bottom:-10px; right:10px; z-index:999;} #m_vendor_new #m_vendor_item ul.page li {float:left; margin:0 2px;} #m_vendor_new #m_vendor_item ul.page li a {display:block; width:8px; height:10px; background:url("/aion_v3/main/bg_main_vendor.gif") no-repeat 0 -300px;} #m_vendor_new #m_vendor_item ul.page li a.on {display:block; width:8px; height:10px; background:url("/aion_v3/main/bg_main_vendor.gif") no-repeat 0 -349px;} #m_vendor_new #m_vendor_item ul.page li.active a {display:block; width:8px; height:10px; background:url("/aion_v3/main/bg_main_vendor.gif") no-repeat 0 -349px;} /* 검색 BEST */ .search_item {height:72px; margin:10px 0 0 0;} .search_item li {padding-bottom:5px;} .search_item li {width:175px; height:12px; margin:0; padding:0 0 6px 20px; vertical-align:middle; cursor:pointer; background:url("/aion_v3/main/search_icon.gif") no-repeat 0 -250px;} .search_item li a {display:inline-block; width:145px; vertical-align:middle; text-decoration:none; color:#666; letter-spacing:-0.1em;} .search_item li a:hover {text-decoration:underline;} .search_item li.num1 {background-position:3px 0;} .search_item li.num2 {background-position:3px -20px;} .search_item li.num3 {background-position:3px -40px;} .search_item li span {display:inline-block; width:13px; height:12px; padding-left:12px; color:#888; font-size:9px; font-family:tahoma; text-align:left; vertical-align:middle; background-image:url("/aion_v3/main/search_icon.gif"); background-position:none; background-repeat:no-repeat;} .search_item li .up{background-position:0px -270px;} .search_item li .down{background-position:0px -294px;} .search_item li .same{background-position:0px -244px;} .search_item li .new{background-position:0px -222px;} #m_vendor_new #myitem {position:relative; width:215px; height:110px; padding-top:15px; text-align:center; border-right:1px dashed #d9d9d9; background-color:#FFF;} #m_vendor_new #myitem h3 {display:block; width:195px; height:12px; margin:0 auto; background:url("/aion_v3/main/bg_main_vendor.gif") no-repeat 0 -103px;} #m_vendor_new #mysearch_item {position:absolute; right:0; top:0; width:215px; height:110px; padding-top:15px; background-color:#FFF;} #m_vendor_new #mysearch_item h3 {display:block; width:195px; height:12px; margin:0 auto; background:url("/aion_v3/main/bg_main_vendor.gif") no-repeat 0 -153px;} #m_vendor_new .myinfo h3 span {font-weight:normal; color:#888;} #m_vendor_new .myinfo h3 a {display:block; width:195px; height:12px;} #m_vendor_new .myinfo dl {width:195px; margin:15px auto 0 auto; text-align:left;} #m_vendor_new .myinfo dl dt {padding-bottom:5px; font-weight:bold;} #m_vendor_new .myinfo dl dd {position:relative; margin:0; padding:0;} #m_vendor_new .myinfo dl dd span.thumb {display:inline-block; position:relative; width:50px; height:50px; padding-top:6px; text-align:center; background:url("/aion_v3/main/bg_main_vendor.gif") no-repeat 0 -400px;} #m_vendor_new .myinfo dl dd span.thumb img {width:40px; height:40px;} #m_vendor_new .myinfo dl dd ul.value {position:absolute; left:55px; top:0; width:140px; padding-left:5px; color:#666; font-size:11px;} #m_vendor_new .myinfo dl dd ul.value li {padding:3px 0 2px 0;} #m_vendor_new .myinfo dl dd ul.value strong {padding-right:13px; font-size:11px; background:url("/aion_v3/main/bg_main_vendor.gif") no-repeat right -251px;} #m_vendor_new .myinfo dl dd ul.value .count {font-size:12px;} #m_vendor_new .wrap .loading {position:relative; width:195px; height:39px; margin:0 auto; padding:40px 0 0 0; text-align:left; font-size:11px; line-height:130%; color:#425b72; background:url("/aion_v3/main/bg_main_vendor.gif") no-repeat right bottom;} /* 아이온 초보자 컨텐츠 -------------- ((추후 삭제))*/ #ly_beginner {display:none; position:absolute; top:27px; left:245px; z-index:100; width:403px; height:180px; padding:48px 0 0 27px; background:url("/aion_v3/main/bg_beginner.gif") 0 0 no-repeat;} #ly_beginner ul {margin:0; padding:0; overflow:hidden;} #ly_beginner ul li {list-style-type:none; float:left; width:190px; height:60px; padding:0 0 17px 0;} #ly_beginner ul li a {display:block; width:140px; height:60px; font-size:0; line-height:0; text-indent:-9999px;} #ly_beginner ul li.r a {float:right;} #ly_beginner .btn_close {clear:both; float:right; width:55px; height:26px; margin-right:8px; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;} /* 아이온 초보자 컨텐츠 2011-09-05 */ #ly_beginner_v2 {display:none; position:absolute; top:27px; left:245px; z-index:100; width:403px; height:147px; padding:81px 0 0 27px; background:url("/aion_v3/main/bg_beginner_v2.gif") 0 0 no-repeat;} #ly_beginner_v2 ul {margin:0 0 5px 0; padding:0; overflow:hidden;} #ly_beginner_v2 ul li {list-style-type:none; float:left; width:186px; height:41px; padding:0 0 12px 0;} #ly_beginner_v2 ul li.r {width:192px;} #ly_beginner_v2 ul li a {display:block; width:100%; height:100%; font-size:0; line-height:0; text-indent:-9999px;} #ly_beginner_v2 ul li.r a {float:right;} #ly_beginner_v2 .btn_close {clear:both; float:right; width:35px; height:23px; margin-right:20px; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;} /* 아이온 초보자 휴면고객 컨텐츠 2012-02-15 */ #ly_beginner_v3 .ly_content .ly_content_2 ul { width:344px; height:154px; background:url(/aion_v3/main/con_benefits1.jpg) no-repeat 0 0;} #ly_dormancy .ly_content .ly_content_2 ul { width:344px; height:154px; background:url(/aion_v3/main/con_benefits2.jpg) no-repeat 0 0;} .ly_benefits {display:none; position:absolute; top:27px; left:245px; width:400px; z-index:100; background:#fff url(/aion_v3/main/bg_benefits1.gif) no-repeat 0 0;} .ly_benefits .ly_head {overflow:hidden; height:48px; padding:0 10px;} .ly_benefits .ly_head strong {font-size:14px; color:#fff; line-height:48px;} .ly_benefits .ly_head .btn_close {position:absolute; cursor:pointer; right:13px; top:17px; display:block; width:11px; height:11px; text-indent:-99999px; overflow:hidden; background:url(/aion_v3/main/ic_benefits.gif) no-repeat -16px -12px;} .ly_benefits .ly_content {padding:0px 10px;} .ly_benefits .ly_content .ly_content_1 {padding:0px 18px 10px; text-align:center; } .ly_benefits .ly_content .ly_content_1 .content_title {display:block; height:45px; line-height:45px; padding-left:40px; text-align:left; color:#597318; border-bottom: 1px dotted #d4cdbc; background:url(/aion_v3/main/ic_benefits.gif) no-repeat -105px -4px;} .ly_benefits .ly_content .ly_content_1 .content_title a {color:#4976bf;} .ly_benefits .ly_content .ly_content_1 .content_info {margin:0px; text-align:left; line-height:20px; padding:6px 0px 10px; color:#666;} .ly_benefits .ly_content .ly_content_1 .content_link {} .ly_benefits .ly_content .ly_content_2 {padding:0px 18px;} .ly_benefits .ly_content .ly_content_2 .content_title {display:block; padding-left:10px; line-height:30px; color:#444; background:url(/aion_v3/main/ic_benefits.gif) no-repeat -124px -74px;} .ly_benefits .ly_content .ly_content_2 .content_title span {color:#a5824c;} .ly_benefits .ly_content .ly_content_2 ul {margin:0px; padding:0px;} .ly_benefits .ly_content .ly_content_2 li {color:#7e6a45; font-weight:bold; line-height:38px; padding:10px 0 0 70px;} .ly_benefits .ly_content .ly_content_2 .benefits_guide {margin:0px; line-height:34px;} .ly_benefits .ly_content .ly_content_2 .benefits_guide a {color:#4976bf;} .ly_benefits .ly_footer {position:relative; height:26px; padding:0px 10px; color:#494030; background:url(/aion_v3/main/bg_benefits2.gif) no-repeat 0 0;} .ly_benefits .ly_footer form {height:26px; line-height:26px; font-size:11px;} .ly_benefits .ly_footer label {} .ly_benefits .ly_footer input {vertical-align: text-bottom;} .ly_benefits .ly_footer .btn_close {position:absolute; right:10px; top:8px; cursor:pointer; padding-right:20px; font-size:11px; color:#494030; background: url(/aion_v3/main/ic_benefits.gif) no-repeat 10px -81px;} /* 아이온 초보자 휴면고객 컨텐츠 2012-04-25 */ #ly_beginner_v3 .ly_content .ly_content_2 ul.ly_content_2_1 { width:344px; height:104px; background:url(/aion_v3/main/loginNoti/120425/con_benefits1.jpg) no-repeat 0 0;} #ly_beginner_v3 .ly_content .ly_content_2 ul.ly_content_2_2 { width:344px; height:56px; background:url(/aion_v3/main/loginNoti/120425/con_benefits2.jpg) no-repeat 0 0;} #ly_dormancy .ly_content .ly_content_2 ul.ly_content_2_3 { width:344px; height:202px; background:url(/aion_v3/main/loginNoti/120425/con_benefits3.jpg) no-repeat 0 0;} /* 아이온 초보자 휴면고객 컨텐츠 2012-07-11 */ .ly_benefits {display:none; position:absolute; top:15px; left:235px; width:480px; z-index:100; background:#fff url(/aion_v3/main/loginNoti/121220/ly_bg1_benefits_v2.gif) no-repeat 0 0;} .ly_benefits .ly_head {text-indent:9999px; overflow:hidden;} .ly_benefits .ly_content .ly_content_1 {height:511px; padding:0px; background:url(/aion_v3/main/loginNoti/120711/ly_con1.jpg) no-repeat 0 0;} .ly_benefits .ly_content .ly_content_1 .content_title {display:none;} .ly_benefits .ly_content .ly_content_1 .content_info {text-indent:-9999px; height:382px; padding:0px;} .ly_benefits .ly_content .ly_content_1 .content_benefits span {display:none;} .ly_benefits .ly_content .ly_content_2 {height:511px; padding:0px; background:url(/aion_v3/main/loginNoti/120711/ly_con2.jpg) no-repeat 0 0;} .ly_benefits .ly_content .ly_content_2 .content_title {display:none;} .ly_benefits .ly_content .ly_content_2 .content_info {text-indent:-9999px; height:382px; padding:0px;} .ly_benefits .ly_content .ly_content_2 .content_benefits span {display:none;} .ly_benefits .ly_footer {position:relative; height:36px; padding:0px 10px; color:#494030; background:url(/aion_v3/main/loginNoti/120711/ly_bg2_benefits_v2.gif) no-repeat 0 0;} .ly_benefits .ly_footer form {padding-top:5px;} .ly_benefits .ly_footer .btn_close {top:13px;} /* 아이온 초보자 휴면고객 컨텐츠 2012-10-23 */ .ly_benefits_v2 .ly_content .ly_content_1 {background-image:url("/aion_v3/main/loginNoti/121024/ly_con1.jpg");} /* 아이온 4.0 신규/휴면 2012-12-14 */ .ly_benefits_v3 .ly_content .ly_content_1 {height:auto; background-image:url("/aion_v3/main/loginNoti/121220/ly_con1.jpg");} .ly_benefits_v3 .ly_content .ly_content_1 .content_info {height:356px;} .ly_benefits_v3 .ly_content .ly_content_2 {height:auto; background-image:url("/aion_v3/main/loginNoti/121220/ly_con2.jpg");} .ly_benefits_v3 .ly_content .ly_content_2 .content_info {height:356px;} .ly_benefits_v3 .ly_content .ly_content_2 .benefits {position:relative; width:100%; height:205px; background:url("/aion_v3/main/loginNoti/121220/benefit_rest.gif") no-repeat;} .ly_benefits_v3 .ly_content .ly_content_2 .benefits a {position:absolute; display:block; text-indent:-9999px; overflow:hidden;} .ly_benefits_v3 .ly_content .ly_content_2 .benefits .go_plan {top:0; left:0; width:230px; height:130px; } .ly_benefits_v3 .ly_content .ly_content_2 .benefits .go_playguide {top:0; left:230px; width:230px; height:130px; } .ly_benefits_v3 .ly_content .ly_content_2 .benefits .go_client {top:153px; left:307px; width:123px; height:28px; } /* 3.0 update */ /* 3.0업데이트 테마 영역 */ #wrap_daily_v3 {clear:both; position:relative; width:970px; height:210px; margin:0 auto; padding:0;} #wrap_daily_v3 #wrap_theme_v2 {width:812px;} #wrap_daily_v3 #wrap_theme_v2 .themeList {width:812px; height:210px;} #wrap_daily_v3 #wrap_theme_v2 .themeList img {width:812px; height:210px;} #wrap_daily_v3 #wrap_theme_v2 .wrap_tab {position:absolute; top:0; left:812px; width:158px; height:210px; padding:0; background-color:#efeee7; overflow:hidden;} #wrap_daily_v3 #wrap_theme_v2 .wrap_tab #theme_mtab {position:absolute;left:0;top:0;width:158px;margin:0; padding:0;} #wrap_daily_v3 #wrap_theme_v2 .wrap_tab #theme_mtab li {display:block; width:158px; height:42px; list-style-type:none; margin:0; *margin:0 0 -2px 0; padding-bottom:0 !important; cursor:pointer;} #wrap_daily_v3 #wrap_theme_v2 .wrap_tab #theme_mtab li img {width:158px;height:42px;} #wrap_daily_v3 #wrap_theme_v2 .wrap_tab #theme_mtab li .over {display:none;} #wrap_daily_v3 #wrap_theme_v2 .wrap_tab #theme_mtab span.on .over {display:block;} #wrap_daily_v3 #wrap_theme_v2 .wrap_tab #theme_mtab span.on .out {display:none;} /* suggest */ .suggest_wrapper{top:31px;width:188px;border:1px solid #426274;} /* 고객서비스 */ .wrap_services {clear:both; width:970px; height:20px; padding:20px 0 17px 0; margin:0 auto; background-color:#f4f4f4;} .wrap_services h3 {float:left; height:20px; margin:0; text-indent:-999em; overflow:hidden; background:url("/aion_v3/main/services_v2.gif") no-repeat;} .wrap_services ul {float:left; height:20px; margin:0; padding:0; list-style-type:none;} .wrap_services li {float:left; height:100%; margin:0; padding:0; list-style-type:none; text-indent:-999em; overflow:hidden; background:url("/aion_v3/main/services_v2.gif") no-repeat;} .wrap_services li a {display:block; width:100%; height:100%;} .wrap_services .service_customer {float:left; width:417px; padding:0 0 0 50px;} .wrap_services .service_customer h3 {width:53px;} .wrap_services .service_customer .m1 {width:41px; background-position:-53px 0;} .wrap_services .service_customer .m2 {width:49px; background-position:-94px 0;} .wrap_services .service_customer .m3 {width:49px; background-position:-138px 0;} .wrap_services .service_customer .m4 {width:31px; background-position:-187px 0;} .wrap_services .service_customer .m5 {width:45px; background-position:-218px 0;} .wrap_services .service_customer .m6 {width:45px; background-position:-263px 0;} .wrap_services .service_customer .m7 {width:68px; background-position:0 -31px;} .wrap_services .service_twitter {float:left; width:200px;} .wrap_services .service_twitter h3 {width:83px; background-position:-348px 0;} .wrap_services .service_twitter .m1 {width:50px; background-position:-431px 0;} .wrap_services .service_twitter .m2 {width:60px; background-position:-481px 0;} .wrap_services .service_fansites {float:left; width:300px;} .wrap_services .service_fansites h3 {width:49px; background-position:-579px 0;} .wrap_services .service_fansites .m1 {width:27px; background-position:-628px 0;} .wrap_services .service_fansites .m2 {width:57px; background-position:-655px 0;} .wrap_services .service_fansites .m3 {width:49px; background-position:-712px 0;} .wrap_services .service_fansites .m4 {width:49px; background-position:-761px 0;} .wrap_services .service_fansites .m5 {width:60px; background-position:-810px 0;} /* 2012-12-03 cs.plaync.com */ .wrap_services_v2 .service_customer {width:392px;} .wrap_services_v2 .service_customer h3 {background:url("/aion_v3/main/services_v3.gif") no-repeat 0 -31px;} .wrap_services_v2 .service_customer li {background:url("/aion_v3/main/services_v3.gif") no-repeat -53px -31px;} .wrap_services_v2 .service_customer .m1 {width:46px; background-position:-53px -31px;} .wrap_services_v2 .service_customer .m2 {width:66px; background-position:-100px -31px;} .wrap_services_v2 .service_customer .m3 {width:74px; background-position:-166px -31px;} .wrap_services_v2 .service_customer .m4 {width:56px; background-position:-240px -31px;} .wrap_services_v2 .service_customer .m5 {width:55px; background-position:-296px -31px;} .wrap_services_v2 .service_twitter {width:187px;} /* 3.5 update관련 간격조정 */ #characterOn_area .characteron {margin:13px 0;} /* normal layout */ .wrap_sp_banner {display:none;} .wrap_sp_pb {display:none;} /* special layout --- 삭제 2012-07-06 body#specialLayout {} body#specialLayout .wrp_rollBanner {display:none;} body#specialLayout .wrap_sp_banner {display:block; width:468px; height:599px; padding:12px 0 0 13px;} body#specialLayout #div_today {padding-top:23px;} body#specialLayout #div_today .link_more_today {top:26px;} body#specialLayout .search {padding-top:24px;} body#specialLayout #main_notice {padding-bottom:35px;} body#specialLayout .wrap_sp_pb {display:block; width:205px; margin:0 0 15px 19px;} body#specialLayout .wrap_todayPowerbook2 {width:205px; display:none;} body#specialLayout .wrap_sp_pb .wrap_todayPowerbook2 {display:block; width:205px;} body#specialLayout .wrap_sp_pb .wrap_todayPowerbook2 .more {display:none;} body#specialLayout .wrap_sp_pb .wrap_todayPowerbook2 .todayPowerbook_item1 {padding-bottom:13px;} */ .wrap_special_promo {clear:both; width:750px; display:none;} .wrap_special_promo img {vertical-align:top; width:750px;} body#issueLayout .wrap_special_promo {display:block;} body#issueLayout .wrp_rollBanner .banner {height:289px;} /**************************************************/ /****************** 테스트서버 재정의 ******************/ body#tserver #div_center #div_contents {margin-bottom:0; border:0 none; background:none;} body#tserver #contents_right {border:0 none; padding-top:13px;} body#tserver #div_center #div_contents .tserver_banner {padding:13px 0 17px 13px;} /* 거래중개소 */ body#tserver #m_vendor_new {height:168px; margin-bottom:0;} body#tserver #m_vendor_new h2 {height:22px; background-image:url("/aion_v3/tserver/main.gif"); background-position:0 -170px;} body#tserver #m_vendor_new h2 a {width:100%;} /* 오늘의 이슈 게시물 */ body#tserver .wrap_issue {clear:both; width:430px; margin:0 auto; padding:0 0 0 0;} body#tserver .wrap_issue .wrap_h2 {height:15px; border-bottom:1px solid #dbdbdb;} body#tserver .wrap_issue .wrap_h2 h2 a {width:110px; background-image:url("/aion_v3/tserver/main.gif"); background-position:0 -210px; text-indent:-999px; overflow:hidden;} body#tserver .wrap_issue ul {padding-top:11px;} body#tserver .wrap_issue ul li {clear:both; padding:0 0 10px 6px; background:url("/aion_v3/main/bullet.gif") no-repeat 0 -196px; overflow:hidden;} body#tserver .wrap_issue ul li a {color:#444;} body#tserver .wrap_issue ul li .subject {float:left;} body#tserver .wrap_issue ul li .writer {float:right; text-align:right; font-size:11px; color:#b0b0b0; overflow:hidden;} body#tserver .wrap_issue ul li .writer .nick {color:#1b6588;} /* 검색 */ body#tserver .search {padding-top:17px; height:81px; margin-bottom:22px; } body#tserver .search .h3 {display:block; height:21px; color:#25778e; font-weight:bold; letter-spacing:-1px;} body#tserver .search .txt {position:absolute; top:75px; left:19px; font-size:11px; color:#80888b; letter-spacing:-1px;} /* 공지&업데이트 */ body#tserver .main_notice {width:247px; height:119px; margin:0 0 0 6px;} body#tserver .main_notice h3 {display:block !important; height:17px; margin:0 0 8px 0; padding:0; background:url("/aion_v3/tserver/main.gif") no-repeat 3px -600px; border-bottom:1px solid #dbdbdb; text-indent:-999px; overflow:hidden;} body#tserver .main_notice h3 a {display:block; width:100%; height:100%;} body#tserver .main_notice li {padding:0 0 7px 6px; background:url("/aion_v3/main/bullet.gif") no-repeat 0 -196px;} body#tserver .main_notice li a {color:#444;} /* 부가서비스 이용권 */ body#tserver #wrap_shop {width:235px; margin:0 0 0 6px;} body#tserver #wrap_shop .wrap_h2_shop h2 a {width:100%; background-position:3px -195px;} body#tserver .shop_list {width:240px; height:49px; margin-left:6px; border:0 none; background:url("/aion_v3/tserver/main.gif") no-repeat 0 -340px;} body#tserver .shop_list li {width:100px; height:16px; padding-top:8px; padding-left:16px; margin-right:3px; border:0 none; background:none;} :root body#tserver .shop_list li {line-height:1;} body#tserver .shop_list li a {color:#666;} /* 2012-11-21 트리플매치 */ .wrap_triplematch {clear:both; position:relative; width:429px; height:164px; margin:0 0 30px 26px; color:#666; font-size:11px; background:url("/aion_v3/main/121121_triplematch/bg.gif") no-repeat;} #characterOn_area {padding-top:0;} /* 트리플매치 종료 시 함께 제거*/ .wrap_triplematch h2 {display:none !important;} .wrap_triplematch .wrap_winner {float:left; width:143px; margin:41px 0 0 0; text-align:center;} .wrap_triplematch .wrap_winner .flag {position:absolute; top:0; left:0; display:inline-block; width:28px; height:28px; text-indent:-9999px; overflow:hidden; background:url("/aion_v3/main/121121_triplematch/icon.png") no-repeat;} .wrap_triplematch .wrap_winner .thum {position:relative; display:block; width:50px; height:50px; margin:0 auto 9px auto;} .wrap_triplematch .wrap_winner .thum img {width:48px; height:48px; vertical-align:top; border:1px solid #071b28;} .wrap_triplematch .winner1 .flag {} .wrap_triplematch .winner2 .flag {background-position:0 -80px;} .wrap_triplematch .winner3 .flag {background-position:0 -160px;} .wrap_triplematch .wrap_winner .char {display:block; padding:0 0 4px 0; font-weight:bold; letter-spacing:-1px; color:#1f648b;} .wrap_triplematch .wrap_winner .char a {color:#1f648b;} .wrap_triplematch .wrap_winner .server {padding-right:4px; background:url("/aion_v3/main/121121_triplematch/icon.png") no-repeat right top;} .wrap_triplematch .wrap_winner .race {padding-right:4px; background:url("/aion_v3/main/121121_triplematch/icon.png") no-repeat right top;} .wrap_triplematch .date {position:absolute; bottom:6px; left:20px; color:#888;} .wrap_triplematch .btn_my_rank {position:absolute; bottom:4px; right:10px; display:block; width:80px; height:18px; text-indent:-9999px; overflow:hidden; background:url("/aion_v3/main/121121_triplematch/icon.png") no-repeat 0 -240px;} /* 35LV 무료개방 좌측배너 */ .banner_l_freepay {padding:18px 0 0 0; text-align:center;} .banner_l_freepay img {vertical-align:top;} /* 2012-11-29 IU 티징 */ .wrap_IU {z-index:10001;position:absolute;left:50%;top:140px;width:643px;height:703px;margin-left:-321px;padding:0;background:url("/aion_v3/main/121129_iu/frame.png") no-repeat;} .wrap_IU .btn_close {position:absolute; top:10px; right:13px; width:26px; height:24px; display:block; text-indent:-9999px; overflow:hidden; cursor:pointer;} .wrap_IU .cont {width:632px; height:692px; margin:4px 0 0 4px; text-indent:-9999px; overflow:hidden; background:url("/aion_v3/main/121129_iu/visual.jpg") no-repeat;} .wrap_IU .checkcookie {position:absolute; bottom:15px; right:20px; font-size:11px; color:#fff; letter-spacing:-1px;} .wrap_IU .checkcookie input {vertical-align:top;} /* 2012-12-20 4.0 update 티징 */ .wrap_update4 {z-index:10001;position:absolute;left:50%;top:213px;width:759px;padding:0 0 33px 0;margin-left:-274px; background:#000;} .wrap_update4 .cont {width:743px; margin:8px auto 0 auto; overflow:hidden;} .wrap_update4 .player_viewer {margin:0; overflow:hidden;} .wrap_update4 .player_viewer embed {width:100%;} .wrap_update4 .checkcookie {position:absolute; bottom:8px; right:42px; font-size:11px; color:#a6a6a6; letter-spacing:-1px; line-height:15px;} .wrap_update4 .checkcookie input {vertical-align:top;} .wrap_update4 .btn_close {position:absolute; bottom:9px; right:12px; width:16px; height:15px; display:block; background:url("/aion_v3/main/121220_update4/btn_close.gif") no-repeat; text-indent:-9999px; overflow:hidden; cursor:pointer;} /* 2013-01-11 4.0 IU 인던홍보 */ .wrap_ly_IU {z-index:10001;position:absolute;left:50%;top:208px;width:635px; height:380px; padding:0;margin-left:-265px; background:url("/aion_v3/main/layer_teasing/130111_iu/bg.jpg") no-repeat;} .wrap_ly_IU .cont {margin:101px 0 0 31px; overflow:hidden;} .wrap_ly_IU .hidden {text-indent:-9999px; overflow:hidden; font-size:0;} .wrap_ly_IU .player_viewer {width:384px; height:216px; padding:1px; margin:0; overflow:hidden;} .wrap_ly_IU .player_viewer embed {width:384px;} .wrap_ly_IU .checkcookie {position:absolute; bottom:12px; right:45px; font-size:11px; color:#666; letter-spacing:-1px; line-height:15px;} .wrap_ly_IU .checkcookie input {vertical-align:top;} .wrap_ly_IU .btn_close {position:absolute; bottom:8px; right:9px; width:24px; height:24px; display:block; text-indent:-9999px; overflow:hidden; cursor:pointer;} /* 2013-01-23 IU 라이브파티 */ .wrap_ly_IU_Live {z-index:10001;position:absolute;left:50%;top:212px;width:565px; height:670px; padding:0;margin-left:-265px; background:url("/aion_v3/main/layer_teasing/130123_iu/bg.jpg") no-repeat;} .wrap_ly_IU_Live .cont {margin:6px; overflow:hidden;} .wrap_ly_IU_Live .link {display:block; width:554px; height:629px; text-indent:-9999px; overflow:hidden; font-size:0;} .wrap_ly_IU_Live .checkcookie {position:absolute; bottom:12px; right:45px; font-size:11px; color:#666; letter-spacing:-1px; line-height:15px;} .wrap_ly_IU_Live .checkcookie input {vertical-align:top;} .wrap_ly_IU_Live .btn_close {position:absolute; bottom:8px; right:9px; width:24px; height:24px; display:block; text-indent:-9999px; overflow:hidden; cursor:pointer;} /* 2013-05-10 무닌의 알리바이 */ .wrap_ly_munin {z-index:10001;position:absolute;left:50%;top:202px;width:772px; height:445px; padding:0;margin-left:-276px; background:url("/aion_v3/main/layer_teasing/130510_munin/bg.png") no-repeat;} .wrap_ly_munin .cont {overflow:hidden;} .wrap_ly_munin .link {display:block; width:746px; height:391px; margin:13px 0 0 13px; text-indent:-9999px; overflow:hidden; font-size:0;} .wrap_ly_munin .checkcookie {position:absolute; bottom:19px; right:45px; font-size:11px; color:#666; letter-spacing:-1px; line-height:15px;} .wrap_ly_munin .checkcookie input {vertical-align:top;} .wrap_ly_munin .btn_close {position:absolute; bottom:15px; right:17px; width:24px; height:24px; display:block; text-indent:-9999px; overflow:hidden; cursor:pointer;} /* 2013-05-21 다이나믹 아이온 */ .ly_dynamic {position:relative; width:970px; margin:0 auto;} .wrap_ly_dynamic {z-index:10001;position:absolute;left:-232px;top:334px;width:227px; height:584px; padding:0;background:url("/aion_v3/main/layer_teasing/dynamic/bg_5m.png") no-repeat;} .wrap_ly_dynamic .cont {overflow:hidden;} .wrap_ly_dynamic .welcome {clear:both; padding:41px 20px 0 86px; margin:0; line-height:14px; color:#666;} .wrap_ly_dynamic .welcome strong {color:#333; letter-spacing:-1px;} .wrap_ly_dynamic .welcome .server {color:#ec6400;} .wrap_ly_dynamic .link {display:block; position:absolute; bottom:56px; left:20px; width:180px; height:40px; text-indent:-9999px; overflow:hidden; font-size:0;} .wrap_ly_dynamic .checkcookie {position:absolute; bottom:15px; left:20px; font-size:11px; color:#999; letter-spacing:-1px; line-height:15px;} .wrap_ly_dynamic .checkcookie input {vertical-align:top;} .wrap_ly_dynamic .btn_close {position:absolute; bottom:17px; right:25px; width:13px; height:13px; display:block; text-indent:-9999px; overflow:hidden; cursor:pointer;} .wrap_ly_dynamic_6m {height:525px; background-image:url('/aion_v3/main/layer_teasing/dynamic/bg_6m.png');} .wrap_ly_dynamic_7m {height:468px; background-image:url('/aion_v3/main/layer_teasing/dynamic/bg_7m.png');} .wrap_ly_dynamic_8m {height:411px; background-image:url('/aion_v3/main/layer_teasing/dynamic/bg_8m.png');} /* 2013-07-17 오락레이어 */ .wrap_layer_promotion {z-index:10001;position:absolute;left:50%;top:213px; width:750px; height:501px; margin-left:-265px; background:url("/pr/event/ohrock/ly_banner.jpg") 0 0 no-repeat;} .wrap_layer_promotion h3 {text-indent:-9999px; overflow:hidden; font-size:0; line-height:0;} .wrap_layer_promotion .contents {position:relative; height:501px;} .wrap_layer_promotion .contents .close {position:absolute; top:25px; right:22px; width:33px; height:32px; text-indent:-9999px;} .wrap_layer_promotion .contents .checkcookie {position:absolute; bottom:24px; right:26px; color:#3b5459;} .wrap_layer_promotion .contents .checkcookie input {vertical-align:top;} .wrap_layer_promotion .contents .go {position:absolute; top:327px; left:386px; width:226px; height:55px; text-indent:-9999px;} .wrap_layer_promotion .contents h1, .wrap_layer_promotion .contents p {margin:0; padding:0; text-indent:-9999px;} /* 2013-07-19 기갑성 */ .wrap_ly_armor {z-index:10001;position:absolute;left:50%;top:213px;width:750px; height:501px; padding:0;margin-left:-265px; background:url("/aion_v3/main/layer_teasing/130719_armor/bg.jpg") no-repeat;} .wrap_ly_armor .cont {overflow:hidden;} .wrap_ly_armor .link {position:absolute; top:301px; left:53px; display:block; width:191px; height:42px; text-indent:-9999px; overflow:hidden; font-size:0;} .wrap_ly_armor .checkcookie {position:absolute; bottom:19px; right:22px; font-size:11px; color:#627479; letter-spacing:-1px; line-height:15px;} .wrap_ly_armor .checkcookie input {vertical-align:top;} .wrap_ly_armor .btn_close {position:absolute; top:21px; right:21px; width:31px; height:31px; display:block; text-indent:-9999px; overflow:hidden; cursor:pointer;}