#dv_intro, #dv_main, #dv_sub {margin:0;width:100%;background:#000;} /** 레이아웃 : 인트로 **/ #dv_intro #dv_container {width:100%;height:701px;background:url('../img/home/bg_intro_new.jpg') top center no-repeat;text-align:center;} #dv_intro_contents {margin-top:186px;width:920px;} #dv_intro_contents .banner1 {float:left;margin-top:293px;width:210px;font-size:0;} #dv_intro_contents .center {float:left;width:500px;background:url('../img/home/bg_player.jpg');text-align:left;} #dv_intro_contents .center .flash {margin:10px 0 0 10px;480px;height:360px;} #dv_intro_contents .center .movie_btn {float:left;width:250px;} #dv_intro_contents .center .movie_btn ul {margin:7px 0 0 9px;width:100%;height:35px;} #dv_intro_contents .center .movie_btn li {float:left;padding-right:3px;} #dv_intro_contents .center .movie_btn li.clipboard {padding-left:5px;} #dv_intro_contents .center .movie_btn a {cursor:hand} #dv_intro_contents .center .movie_btn .pagex {margin-left:8px;width:132px;background:url('../img/home/bg_next_pagex.gif') right 1px no-repeat;} #dv_intro_contents .center .movie_btn .pagex input {margin:-3px;} #dv_intro_contents .center .home_btn {float:left;margin-left:25px;width:220px;padding:7px 0 0 0;font-size:0;} #dv_intro_contents .banner2 {float:left;margin-top:293px;width:210px;font-size:0;} #dv_intro_contents .movie_go {float:left;margin-top:293px;width:210px;font-size:0;width:210px;height:82px;padding:50px 0 0 143px;;background:url('../img/home/bg_movie_link.gif') no-repeat;} #dv_intro_contents .movie_go li {float:left;padding-right:5px;} #dv_intro_contents .movie_go a {cursor:hand;} #dv_intro_footer {margin-top:20px;} /** 레이아웃 : 메인 **/ #dv_main #dv_container {width:100%;background:url('../img/common/bg02.jpg') bottom repeat-x #FFF;} #dv_main #dv_container .land {width:100%;background:url('../img/common/bg_land.jpg') left bottom no-repeat;} #dv_main #dv_container .bg {width:100%;background:url('../img/common/bg.jpg') repeat-x;} #dv_main #dv_container .sky {width:100%;background:url('../img/common/bg_sky.jpg') no-repeat;margin-bottom:66px;} #dv_main #dv_top {width:100%;height:160px;} #dv_main #dv_top .flash {width:985px;height:160px;} #dv_main #dv_content {width:978px;height:700px;} #dv_main #dv_left {float:left;width:257px;} #dv_main #dv_center {float:left;margin-left:10px;width:711px;background:#FFF;} #dv_main #dv_center .flash_char {width:338px;height:322px;} #dv_main #dv_center .flash_event {width:373px;height:200px;} #dv_main #dv_ti_banner {position:absolute;top:198;left:267;z-index:99;} #dv_h_popup {position:absolute;top:229px;left:142px;width:350px;height:300px;background:url('../img/service/bg_fighting.gif') #000 7px 7px no-repeat;} #dv_h_popup .evpop {margin:7px 0 0 7px;width:336px;height:262px;} #dv_h_popup .evpop p {position:absolute;top:74px;width:100%;font-size:16px;font-weight:bold;color:#000000;letter-spacing:-1px;text-align:center;} #dv_h_popup .evpop strong {color:#FF3600;} #dv_h_popup .evpop a {position:absolute;top:150px;left:150px;} #dv_h_popup .foot {position:relative;height:31px;} #dv_h_popup .foot a {cursor:pointer;} #dv_h_popup .foot .todayx {position:absolute;top:10px;left:133px;} #dv_h_popup .foot .close {position:absolute;top:7px;right:7px;} #dv_center .main_banner {padding:0 0 20px 15px;} #dv_center .main_top .pointzone {float:left;width:338px;} #dv_center .main_top .pointzone_2008 {float:left;width:338px;} #dv_main #dv_center .pointzone_2008 .flash_char {width:338px;height:160px;} #dv_center .main_top .pointzone_2008 .itemshop {position:relative;margin:0 0 0 15px;width:323px;height:155px;padding:31px 0 0 15px;background:url('../img/home/bg_shop.gif') no-repeat;} #dv_center .main_top .pointzone_2008 .itemshop .more {position:absolute;top:9px;left:280px;} #dv_center .main_top .pointzone_2008 .itemshop li {position:relative;float:left;margin-right:18px;width:85px;padding:5px;font-size:0;} #dv_center .main_top .pointzone_2008 .itemshop li.last {margin-right:0;} #dv_center .main_top .pointzone_2008 .itemshop li div {position:absolute;top:5px;left:5px;width:75px;cursor:hand;} #dv_center .main_top .pointzone_2008 .itemshop .hot {position:absolute;top:-5px;left:-5px;width:75px;height:75px;background:url('../img/item/img_m_hot.gif') no-repeat;} #dv_center .main_top .pointzone_2008 .itemshop .event {position:absolute;top:-5px;left:-5px;width:75px;height:75px;background:url('../img/item/img_m_event.gif') no-repeat;} #dv_center .main_top .pointzone_2008 .itemshop .new {position:absolute;top:-5px;left:-5px;width:75px;height:75px;background:url('../img/item/img_m_new.gif') no-repeat;} #dv_center .main_top .pointzone_2008 .itemshop .pic {width:75px;height:75px;} #dv_center .main_top .pointzone_2008 .itemshop h3 {clear:both;margin-top:95px;text-align:center;color:#FFF;font-weight:bold;font-size:11px;} #dv_center .main_top .pointzone_2008 .itemshop h3 a {width:75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #dv_center .main_top .pointzone_2008 .itemshop h3 a:link {color:#FFF;font-weight:bold;font-size:11px;} #dv_center .main_top .pointzone_2008 .itemshop h3 a:visited {color:#FFF;font-weight:bold;font-size:11px;} #dv_center .main_top .pointzone_2008 .itemshop h3 a:hover {color:#FFF;font-weight:bold;font-size:11px;} #dv_center .main_top .contentszone {float:left;width:373px;} #dv_center .main_top .news {height:122px;} #dv_center .main_top .news h1 {height:27px;padding:9px 0 0 323px;background:url('../img/home/tl_notice.gif') 11px 7px no-repeat;} #dv_center .main_top .news .list li {padding:0 0 4px 15px;background:url('../img/home/bl_01.gif') 11px 4px no-repeat;} #dv_center .main_top .news .list a {float:left;width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #dv_center .main_top .news .list .date {float:right;width:50px;font-family:verdana;font-size:9px;color:#A2B0B2;} #dv_center .clan_m {position:relative;margin:15px 0 0 15px;width:681px;height:150px;background:url('../img/home/bg_pk_clan.gif') no-repeat;} #dv_center .clan_m .more {position:absolute;top:14px;right:14px;} #dv_center .clan_m dl {width:304px;} #dv_center .clan_m dt {padding-left:12px;background:url('../img/home/bl_arrow.gif') 0 2px no-repeat;font-size:14px;font-weight:bold;letter-spacing:-1px;color:#032B46;} #dv_center .clan_m dt a {color:#032B46;} #dv_center .clan_m dd {margin:5px 0 0 5px;} #dv_center .clan_m dd li {padding:2px 0 1px 5px;background:url('../img/common/bl_03.gif') 0 6px no-repeat;} #dv_center .clan_m dd .li_2 img {vertical-align:middle;} #dv_center .clan_m dd .li_4 strong {color:#FF3600;} #dv_center .clan_m .clan_1 {float:left;padding:38px 0 0 15px;} #dv_center .clan_m .clan_1 .join {position:absolute;top:98px;left:238px;} #dv_center .clan_m .clan_2 {float:right;padding:38px 20px 0 0;} #dv_center .clan_m .clan_2 .join {position:absolute;top:98px;right:20px;} #dv_center .main {margin-top:10px;} #dv_center .area_1 {float:left;width:348px;padding:0 0 0 15px;} #dv_center .area_1 .playimage {position:absolute;} #dv_center .area_1 .playimage p {position:relative;top:0;left:0;} #dv_center .area_1 .zine {width:323px;} #dv_center .area_1 .zine h1 {height:27px;padding:9px 0 0 288px;background:url('../img/home/tl_zine.gif') 0 7px no-repeat;} #dv_center .area_1 .zine dl {width:100%;} #dv_center .area_1 .zine .zimage {float:left;width:110px;height:90px;} #dv_center .area_1 .zine .clist {float:left;} #dv_center .area_1 .zine .clist h2 {padding:3px 0 5px 0;font-weight:bold;color:#FF3600;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .clist h2 a:link, .clist h2 a:visited, .clist h2 a:hover {color:#FF3600;} #dv_center .area_1 .zine .clist p {padding:0 0 5px 0;color:#7B8E92;width:200px;height:56px;overflow:hidden;text-overflow:ellipsis;} .clist p a:link, .clist p a:visited, .clist p a:hover {color:#7B8E92;} #dv_center .area_1 .zine ul {clear:both;padding:3px 10px;border:1px solid #D6E0E2;background:#F7F9F9;} #dv_center .area_1 .zine ul li {width:100%;padding:5px 0 3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #dv_center .area_1 .zine ul .li_1 {background:url('../img/home/dot_01.gif') bottom repeat-x;} #dv_center .area_1 .poll {margin:20px 0 0 0;height:60px;background:url('../img/home/img_poll.gif') 10px 10px no-repeat; padding:0 0 0 82px;} #dv_center .area_1 .poll .box {width:241px;height:60px;border:4px solid #D8E9EC;color:#3290A4;} #dv_center .area_1 .poll span {float:left;width:195px;padding:6px 0 0 10px;font-weight:bold;letter-spacing:-1px;} #dv_center .area_1 .poll a {float:right;width:38px;padding:15px 0 0 0;text-align:center;} #dv_center .area_1 .screenshot {margin:20px 0 0 0;width:323px;height:149px;padding:0 0 0 1px;background:url('../img/home/bg_screenshot_s.gif') no-repeat;} #dv_center .area_1 .screenshot h1 {height:31px;padding:13px 0 0 279px;background:url('../img/home/tl_screenshot.gif') 14px 10px no-repeat;} #dv_center .area_1 .ucc {margin-top:10px;} #dv_center .area_1 .ucc h1 {background:url('../img/home/tl_ucc.gif') 0 7px no-repeat;} #dv_center .area_1 .list li {float:left;padding:0 0 0 14px;} #dv_center .area_1 .list a img {width:140px;height:104px;} #dv_center .area_2 {float:left;width:348px;} #dv_center .area_2 .ranking h1 {height:27px;padding:9px 0 0 314px;background:url('../img/home/tl_ranking.gif') 0 7px no-repeat;} #dv_center .area_2 .ranking .ranktab {width:100%;background:url('../img/home/bg_ranking.gif') repeat-x;} #dv_center .area_2 .ranking .ranktab li {float:left;font-size:0;cursor:hand;} #dv_center .area_2 .ranking .ranklist {width:100%;padding:5px;border-left:4px solid #3B8696;border-right:4px solid #3B8696;border-bottom:4px solid #3B8696;} #dv_center .area_2 .ranking .ranklist .ready {width:330px;height:180px;background:url('../img/home/img_rank_ready.gif') no-repeat;} #dv_center .area_2 .ranking .ranklist ul {width:330px;text-align:center;} #dv_center .area_2 .ranking .ranklist .first {height:33px;padding:5px 0;background:url('../img/home/bg_rank_no1.gif') no-repeat;overflow:hidden;} #dv_center .area_2 .ranking .ranklist .num {float:left;width:35px;font-size:0;} #dv_center .area_2 .ranking .ranklist .chg {float:left;width:35px;padding:4px 0 3px 0;} #dv_center .area_2 .ranking .ranklist .chg img {vertical-align:middle;} #dv_center .area_2 .ranking .ranklist .chg .down {padding:0 0 0 6px;background:url('../img/home/bl_down.gif') 0 6px no-repeat;color:#5486E2;font-family:verdana;font-size:9px;} #dv_center .area_2 .ranking .ranklist .chg .up {padding:0 0 0 6px;background:url('../img/home/bl_up.gif') 0 6px no-repeat;color:#FF6000;font-family:verdana;font-size:9px;} #dv_center .area_2 .ranking .ranklist .chg .new {width:22px;background:url('../img/home/bl_new.gif') 0 3px no-repeat;} #dv_center .area_2 .ranking .ranklist .id {float:left;width:120px;padding:0 0 3px 0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #dv_center .area_2 .ranking .ranklist .id img {vertical-align:middle;} #dv_center .area_2 .ranking .ranklist .char {float:left;width:70px;padding:1px 0 1px 0;font-size:11px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #dv_center .area_2 .ranking .ranklist .char img {vertical-align:middle;} #dv_center .area_2 .ranking .ranklist .score {float:left;width:68px;padding:4px 0 3px 0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #dv_center .area_2 .ranking .ranklist .first .num {float:left;width:35px;font-size:0;} #dv_center .area_2 .ranking .ranklist .first .chg {float:left;width:35px;padding:4px 0 3px 0;} #dv_center .area_2 .ranking .ranklist .first .id {float:left;width:120px;padding:0 0 3px 0;font-weight:bold;color:#FF3600;} #dv_center .area_2 .ranking .ranklist .first .char {float:left;width:70px;padding:1px 0 1px 0;font-size:11px;color:#FF3600;} #dv_center .area_2 .ranking .ranklist .first .score {float:left;width:68px;padding:4px 0 3px 0;font-size:11px;color:#FF3600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #ranklist_2 {display:none;} #ranklist_3 {display:none;} #ranklist_4 {display:none;} #ranklist_5 {display:none;} #dv_center .area_2 .strategy {margin-top:10px;} #dv_center .area_2 .strategy h1 {height:27px;padding:10px 0 0 314px;background:url('../img/home/tl_strategy.gif') 0 7px no-repeat;} #dv_center .area_2 .strategy .clist {border:1px solid #D6E0E2;} #dv_center .area_2 .strategy .clist_1 .li_1 {padding:5px 10px;background:#F7F9F9;} #dv_center .area_2 .strategy .clist_1 h3 {float:left;width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/** 220 **/ #dv_center .area_2 .strategy .clist_1 span {float:right;width:110px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #dv_center .area_2 .strategy .clist_1 span img {vertical-align:middle;} .clist_1 .li_1 a:link, .clist_1 .li_1 a:visited, .clist_1 .li_1 a:hover {font-weight:bold;color:#FF3600;} #dv_center .area_2 .strategy .clist_1 .li_2 {padding:10px;border-top:1px solid #D6E0E2;} #dv_center .area_2 .strategy .clist_1 .li_2 p {height:26px;overflow:hidden;text-overflow:ellipsis;} #dv_center .area_2 .strategy .clist_2 {clear:both;border-top:1px solid #D6E0E2;padding:3px 10px;background:#F7F9F9;} #dv_center .area_2 .strategy .clist_2 h3 {float:left;width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/** 220 **/ #dv_center .area_2 .strategy .clist_2 span {float:right;width:110px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #dv_center .area_2 .strategy .clist_2 span img {vertical-align:middle;} #dv_center .area_2 .strategy .clist_2 .li_1 {padding:5px 0 3px 0;background:url('../img/home/dot_01.gif') bottom repeat-x;} #dv_center .area_2 .strategy .clist_2 .li_2 {padding:5px 0 3px 0;} /** 레이아웃 : 서브 **/ #dv_sub #dv_container {width:100%;background:url('../img/common/bg02.jpg') bottom repeat-x #FFF;} #dv_sub #dv_container .sub {width:100%;background:url('../img/common/bg_sub.jpg') left bottom no-repeat;} #dv_sub #dv_container .bg {width:100%;background:url('../img/common/bg.jpg') repeat-x;} #dv_sub #dv_container .sky {width:100%;background:url('../img/common/bg_sky.jpg') no-repeat;margin-bottom:66px;} #dv_sub #dv_top {width:100%;height:160px;} #dv_sub #dv_top .flash {width:985px;height:160px;} #dv_sub #dv_content {width:978px;height:700px;} #dv_sub #dv_left {float:left;width:257px;} #dv_sub #dv_center {float:left;margin-left:10px;width:711px;background:#FFF;} #dv_frame {width:711px;padding:0 15px;} #dv_framebody {height:550px;} #dv_float {position:absolute;top:204px;left:990px;width:91px;background:url('../img/common/bg_float_foot.gif') bottom no-repeat;} /* #dv_float ul {float:left;vertical-align:top;width:91px;height:180px;padding:9px 0 5px 5px;background:url('../img/common/bg_float_top.gif') no-repeat;} */ #dv_float ul {float:left;vertical-align:top;width:91px;height:140px;padding:3px 0 5px 5px;background:url('../img/common/bg_float_top_s.jpg') no-repeat;} #dv_float li {vertical-align:top;} #dv_float ul .banner {font-size:0;} #dv_float ul .coupon {padding:5px 0 0 0;font-size:0;} #dv_float ul .download {padding:3px 0 0 0;font-size:0;} #dv_float ul .gameguide {padding:3px 0 0 0;font-size:0;} /** 푸터 **/ #dv_footer {clear:both;} #dv_footer .wrap {margin:30px 0 30px 15px;width:681px;border-top:1px solid #E6E6E6;padding-top:10px;} #dv_footer .menu {height:12px;padding-left:159px;} #dv_footer .menu li {float:left;font-size:0;} #dv_footer .menu li.bar {width:13px;height:12px;background:url('../img/common/f_mnu_bar.gif') top center no-repeat;} #dv_footer .link {clear:both;width:681px;text-align:left;} #dv_footer .neowiz {float:left;width:110px;padding:0 0 0 12px;} #dv_footer .thing {float:left;width:48px;padding:0 0 0 0;} #dv_footer .copy {float:left;width:520px;padding-top:6px;} #dv_main #dv_footer .copy {float:left;width:296px;padding-top:6px;} #dv_footer .info {float:left;width:223px;padding-top:6px;font-size:0;} /** 레이아웃 : 공통 **/ #dv_left .flash {width:257px;height:127px;} #dv_left .container {width:257px;background:#FFF;} #dv_left .event {margin:0 0 0 12px;} #dv_left .download {margin:15px 0 0 12px;} #dv_left .fastlink {margin:6px 0 0 12px;width:100%;padding:0 0 8px 0;} #dv_left .fastlink .li01 {float:left;font-size:0;} #dv_left .fastlink .li02 {float:left;margin-left:3px;font-size:0;} #dv_login {width:257px;} #dv_login .top {height:10px;background:url('../img/common/bg_login_top.gif') no-repeat;} #dv_login .content {width:100%;padding:0 8px 0 12px;background:url('../img/common/bg_login.gif');} #dv_login h1 {width:237px;height:24px;padding:0 10px 0 0;text-align:right;background:url('../img/common/img_memlogin.gif') 12px 3px no-repeat;} #dv_login h1 input {margin:0 -2px;} #dv_login .form {width:237px;} #dv_login .form .btn {float:right;width:70px;padding:1px 0 0 0;} #dv_login .form .id {width:162px;padding:0 0 0 59px;background:url('../img/common/img_id.gif') 12px 7px no-repeat;} #dv_login .form .pass {width:162px;padding:0 0 0 59px;background:url('../img/common/img_pass.gif') 12px 7px no-repeat;} #dv_login .form input {width:101px;height:21px;padding:3px 0 0 3px;color:#FFF;border:0;background:#5C909B;} #dv_login .membtn {margin-top:8px;width:237px;height:16px;} #dv_login .membtn .li01 {float:left;position:relative;width:87px;} #dv_login .membtn .li01 p {position:absolute;left:11px;top:0;} #dv_login .membtn .li02 {float:left;position:relative;} #dv_login .membtn .li02 p {position:absolute;left:0;top:0;} #dv_login .foot {height:18px;background:url('../img/common/bg_login_foot.gif') no-repeat;} /* 키보드 보안관련 로긴전폼 업데이트 */ .login_20090715 .content {position:relative;} .login_20090715 .loginsub { position:absolute; top:3px; right:16px; font-size:11px; color:#FFF;} .login_20090715 .loginsub a { color:#FFF; } .login_20090715 .loginsub input { position:relative; top:-2px; margin-right:2px; width:12px; height:14px; vertical-align:middle; } .login_20090715 .loginsub label { margin-right:2px; } .login_20090715 .loginsub .security { float:left; margin:1px 0 0 3px; vertical-align:top; letter-spacing:-1px; color:#FFF;} .login_20090715 .loginsub .keyboard { display:inline-block; margin:1px 0 0 0; padding:0 0 0 6px; vertical-align:top; background:url('../img/common/bg_login_bar.gif') left 2px no-repeat; } .login_20090715 .loginsub .keyboard a { color:#FFF; letter-spacing:-1px; text-decoration:underline; } .login_20090715 .loginsub .keyboard .ico_key { position:relative; top:-1px; margin-right:2px; vertical-align:middle; } .login_20090715 .loginsub .btn_key { margin:0; display:inline-block; padding:0 0 0 5px; vertical-align:top; background:url('../img/common/bg_login_bar.gif') left 2px no-repeat; } .login_20090715 .form {padding-top:24px;background:url('../img/common/bg_login_title.gif') 12px 3px no-repeat;} #dv_login_after {width:257px;padding:0 0 0 4px;background:url('../img/common/bg_logint.gif') 4px 0 repeat-y;} #dv_login_after .top {background:url('../img/common/bg_logint_top.gif') top no-repeat;} #dv_login_after .foot {padding:0 0 19px 0;background:url('../img/common/bg_logint_foot.gif') bottom no-repeat;} #info_1 {width:250px;height:240px;padding:0 10px 10px 13px;background:url('../img/common/bg_info_1.gif') bottom no-repeat;} #info_1 .login_char {position:relative;width:227px;height:38px;padding:12px 0 0 0;} #info_1 .login_char dt {float:left;padding:4px 0 0 17px;background:url('../img/common/bl_02.gif') 6px 5px no-repeat;font-weight:bold;font-size:11px;color:#FFF;} #info_1 .login_char dt img {position:relative;top:-4px;vertical-align:-9px;} #info_1 .login_char dd {float:right;font-size:0;} #info_1 .login_my {padding:9px;border:1px solid #6898A1;background:url('../img/common/bg_logint_top02.gif') no-repeat #FFFFFF;} #info_1 .login_my .id {width:100%;} #info_1 .login_my .id dt {float:left;width:139px;height:39px;} #info_1 .login_my .id h1 {width:130px;height:20px;padding:2px 0 0 0;font-weight:bold;color:#4B6166;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #info_1 .login_my .id h1 img {vertical-align:middle;} #info_1 .login_my .id dd {float:left;font-size:0;} #info_1 .login_my .list {margin-top:10px;} #info_1 .login_my .list .exp {padding:2px 0 0 10px;background:url('../img/common/bg_login_li.gif') 0 1px no-repeat;font-size:11px;} #info_1 .login_my .list .exp h2 {float:left;margin-top:1px;width:53px;font-size:11px;color:#4B6166;} #info_1 .login_my .list .exp .bar {position:relative;z-index:2;float:left;margin-top:1px;width:144px;height:10px;border-right:2px solid #CEE1E5;background:url('../img/common/bg_exp.gif') repeat-x;font-size:0;} #info_1 .login_my .list .exp .bar span {height:100%;background:url('../img/common/bg_exp_on.gif') repeat-x;font-size:0;} #exp_gage {position:absolute;top:5px;left:15px;padding:3px 5px;font-size:11px;border:1px solid #6898A1;color:#FF3600;background:#F2F8F9;} #info_1 .login_my .list .rank {padding:2px 0 0 10px;background:url('../img/common/bg_login_li.gif') 0 1px no-repeat;font-size:11px;} #info_1 .login_my .list .rank h2 {float:left;margin-top:1px;width:56px;font-size:11px;color:#4B6166;} #info_1 .login_my .list .rank .msg {padding:3px 0 0 0;font-size:11px;color:#FF3600;} #info_1 .login_my .list .rank .smile {position:relative;z-index:1;} #info_1 .login_my .list .rank .smile img {position:absolute;top:-1px;} #info_1 .login_my .list .rank .down {padding:0 0 0 6px;background:url('../img/home/bl_down.gif') 0 6px no-repeat;color:#5486E2;font-family:verdana;font-size:9px;} #info_1 .login_my .list .rank .up {padding:0 0 0 6px;background:url('../img/home/bl_up.gif') 0 6px no-repeat;color:#FF6000;font-family:verdana;font-size:9px;} #info_1 .login_my .list .rank .new {width:22px;background:url('../img/home/bl_new.gif') 0 3px no-repeat;} #info_1 .login_my .list .money {padding:2px 0 0 10px;background:url('../img/common/bg_login_li.gif') 0 1px no-repeat;font-size:11px;} #info_1 .login_my .list .money h2 {float:left;margin-top:1px;width:56px;font-size:11px;color:#4B6166;} #info_1 .login_my .list .cash {padding:2px 0 0 10px;background:url('../img/common/bg_login_li.gif') 0 1px no-repeat;font-size:11px;color:#0097BA;} #info_1 .login_my .list .cash h2 {float:left;margin-top:1px;width:56px;font-size:11px;color:#4B6166;} #info_1 .login_my .list .cash img {vertical-align:middle;} #info_1 .login_my .list .memo {padding:2px 0 0 10px;background:url('../img/common/bg_login_li.gif') 0 1px no-repeat;font-size:11px;} #info_1 .login_my .list .memo h2 {float:left;margin-top:1px;width:56px;font-size:11px;color:#4B6166;} #info_1 .login_my .btn {margin:10px 0 0 0;text-align:center;} #info_1 .login_myc {margin-top:5px;} #info_1 .login_myclist {margin-top:1px;padding:5px;background:#5C96A1;} #info_1 .login_myclist .no_msg {padding:10px 0;text-align:center;font-size:11px;color:#FFF;} #info_1 .login_myclist ul {height:38px;} #info_1 .login_myclist .pic {float:left;width:62px;font-size:0;} #info_1 .login_myclist .pic img {width:54px;height:34px;border:1px solid #4F838D;} #info_1 .login_myclist .name {float:left;width:154px;padding:5px 0 0 0;color:#FFFFFF;font-size:11px;} #info_1 .login_myclist .name .rate {color:#FCFFA3;} #info_2 {width:250px;padding:0 10px 0 13px;background:url('../img/common/bg_info_2.gif') repeat-y;} #info_2 .login_friend {height:95px;background:#FFFFFF;border:1px solid #AFCED4;} #info_2 .login_friend h2 {position:relative;height:22px;padding:5px 0 0 10px;background:url('img/common/bg_friendlist.gif') repeat-x;border-bottom:1px solid #AFCED4;font-size:11px;letter-spacing:-1px;color:#4B6166;} #info_2 .login_friend h2 span {color:#FF3600;} #info_2 .login_friend h2 a {position:absolute;top:3px;right:5px;} #info_2 .login_friend h2 img {vertical-align:middle;} #info_2 .login_friend ul {margin:1px;width:223px;height:69px;padding:3px;overflow:auto;} #info_2 .login_friend li {padding:1px;} #info_2 .login_friend li img {vertical-align:middle;} #dv_login_info {width:257px;background:url('../img/common/bg_logbox.gif') bottom no-repeat;} #dv_login_info .top {padding:13px 0 14px 17px;background:url('../img/common/bg_logbox_top.gif') top no-repeat;} #dv_login_info .main {width:227px;padding:10px;border:1px solid #508895;background:url('../img/common/bg_logbox2_top.gif') no-repeat #FFFFFF;} #dv_login_info_loading {width:257px;background:url('../img/common/bg_logbox.gif') bottom no-repeat;} #dv_login_info_loading .top {padding:13px 0 14px 17px;background:url('../img/common/bg_logbox_top.gif') top no-repeat;} #dv_login_info_loading .main {width:227px;padding:10px;border:1px solid #508895;background:url('../img/common/bg_logbox2_top.gif') no-repeat #FFFFFF;} #login_greet {padding:10px 0 0 0;color:#7B8E92;} #login_greet h1 {color:#4B6166;word-wrap:break-word;word-break:break-all;} #login_greet .banner {margin-top:10px;text-align:center;} #login_greet .logout {margin-top:10px;text-align:center;} #login_info_1 {width:205px;background:url('../img/common/dot_line.gif') bottom repeat-x;} #login_info_1 h2 {float:left;width:58px;padding:3px 0 0 0;font-size:11px;color:#4B6166;} #login_info_1 .memo {clear:both;padding:0 0 0 10px;background:url('../img/common/bg_login_li.gif') 0 1px no-repeat;color:#7B8E92;font-size:11px;} #login_info_1 .memo div {position:relative;float:left;width:137px;padding:3px 0 0 0;} #login_info_1 .memo div b {color:#FF3600;} #login_info_1 .memo div a.button {position:absolute;top:1px;right:0;} #login_info_1 .cash {clear:both;padding:0 0 0 10px;background:url('../img/common/bg_login_li.gif') 0 1px no-repeat;color:#7B8E92;font-size:11px;} #login_info_1 .cash div {position:relative;float:left;width:137px;padding:3px 0 0 0;} #login_info_1 .cash em {font-style:normal;color:#0097BA;} #login_info_1 .cash div a {position:absolute;top:1px;right:0;} #login_info_1 .tease {padding:5px 0 5px 10px;font-size:11px;letter-spacing:-1px;} #login_info_1 .tease img {vertical-align:-1px;} #login_info_1 .tease b {color:#FF3600;} #login_info_1 .tease a:link, #login_info_1 .tease a:visited, #login_info_1 .tease a:hover {color:#FF3600;} #login_info_2 {margin:7px 0 5px 0;width:204px;} #login_info_2 dt {float:left;width:170px;padding:2px 0 0 0;letter-spacing:-1px;} #login_info_2 dt img {vertical-align:-2px;} #login_info_2 dd {float:right;} #login_info_2 .level {color:#FF3600;} #login_info_2 .id {color:#4B6166;} #login_info_3 {width:205px;} #login_info_3 .exp {clear:both;padding:0 0 0 10px;background:url('../img/common/bg_login_li.gif') 0 1px no-repeat;color:#7B8E92;font-size:11px;} #login_info_3 .exp h2 {float:left;width:58px;padding:3px 0 0 0;font-size:11px;color:#4B6166;} #login_info_3 .exp .now {position:relative;float:left;width:137px;padding:3px 0 0 0;} #login_info_3 .exp .now span {color:#FF3600;} #login_info_3 .exp .exp_bg {margin:1px 0 2px 50px;width:145px;height:8px;padding:1px;background:url('../img/common/bg_exp2.gif') no-repeat;font-size:0;} #login_info_3 .exp .exp_bg .gage {height:100%;background:url('../img/common/bg_exp2_on.gif') repeat-x;font-size:0;} #login_info_3 .pera {clear:both;padding:0 0 0 10px;background:url('../img/common/bg_login_li.gif') 0 1px no-repeat;color:#7B8E92;font-size:11px;} #login_info_3 .pera h2 {float:left;width:58px;padding:3px 0 0 0;font-size:11px;color:#4B6166;} #login_info_3 .pera div {position:relative;float:left;width:137px;padding:3px 0 0 0;} #login_info_3 .rank {clear:both;padding:0 0 0 10px;background:url('../img/common/bg_login_li.gif') 0 1px no-repeat;color:#7B8E92;font-size:11px;} #login_info_3 .rank h2 {float:left;width:58px;padding:3px 0 0 0;font-size:11px;color:#4B6166;} #login_info_3 .rank div {position:relative;float:left;width:137px;padding:3px 0 0 0;} #login_info_3 .rank div img {vertical-align:middle;} #login_info_3 .rank .rank_down{color:#5486E2;} #login_info_3 .rank .rank_up{color:#FF4B72;} #login_info_4 {margin:5px 0 0 0;width:205px;height:42px;padding:2px 0 0 5px;border:1px solid #07576A;background:#186E82;color:#FFF;} #login_info_4 dt {float:left;margin-right:8px;width:56px;border:1px solid #5695A3;} #login_info_4 dt img {width:54px;height:34px;vertical-align:top;} #login_info_4 dd {float:left;padding:3px 0 0 0;line-height:120%;} #login_info_5 {margin:5px 0 0 0;width:205px;} #login_info_5 .present {clear:both;padding:0 0 0 10px;background:url('../img/common/bg_login2_li.gif') 0 1px no-repeat;color:#7B8E92;font-size:11px;} #login_info_5 .present h2 {float:left;width:68px;padding:3px 0 0 0;font-size:11px;color:#4B6166;} #login_info_5 .present div {position:relative;float:left;width:127px;padding:3px 0 0 0;color:#0097BA;} #login_info_5 .friend {clear:both;padding:0 0 0 10px;background:url('../img/common/bg_login2_li.gif') 0 1px no-repeat;color:#7B8E92;font-size:11px;} #login_info_5 .friend h2 {float:left;width:68px;padding:3px 0 0 0;font-size:11px;color:#4B6166;} #login_info_5 .friend div {position:relative;float:left;width:127px;padding:3px 0 0 0;color:#0097BA;} #login_info_6 {margin:12px 0 0 0;width:100%;} #login_info_6 li {float:left;padding-right:4px;} #login_info_6 li.last {float:left;padding-right:0;} #login_clan {margin:5px 0;border:1px solid #6198A4;} #login_clan dt {position:relative;height:22px;padding:5px 0 0 5px;border-bottom:1px solid #CEE3E6;background:#E9F3F4;font-size:11px;color:#4B6166;} #login_clan dt a {position:absolute;top:3px;right:3px;} #login_clan dd {padding:5px;} #login_clan dd a {font-size:11px;color:#FF3600;letter-spacing:-1px;} #login_friend {position:relative;width:205px;border:1px solid #AFCED4;} #login_friend h1 {width:203px;height:22px;text-align:right;padding:3px;border-bottom:1px solid #AFCED4;background:url('../img/common/bg_friend.gif') no-repeat;} #login_friend .connect {height:22px;padding:6px 0 0 5px;background:url('../img/common/bg_down.gif') 188px 8px no-repeat;font-size:11px;cursor:hand;} #login_friend .connect span {color:#FF3600;} #friend_list {position:absolute;top:44px;left:-1px;width:205px;height:50px;padding:5px;border-left:1px solid #AFCED4;border-bottom:1px solid #AFCED4;border-right:1px solid #AFCED4;background:#FFF;overflow:auto;display:none;} /* 조르기 */ #tease {margin:5px 0 0 17px;width:227px;height:71px;padding:3px;background:#FF3600;} #tease .box_in {width:100%;height:100%;border:1px solid #FF6A37;padding:1px;} #tease ul {margin:0;width:100%;height:100%;padding:0 10px;background:#FFF;} #tease .image {height:28px;padding-top:6px;background:url('../img/common/dot_gift.gif') bottom repeat-x;} #tease .selectbox {padding-top:6px;} #tease .selectbox select {vertical-align:top;width:162px;font-size:11px;} /* 배너 */ #dv_banner { margin-top:15px; } /** 레이아웃 : 게임실행중 **/ #dv_gamestart {margin:0;width:100%;background:#000;} #dv_gamestart #dv_container {width:100%;background:url('../img/service/img_gamestart.gif') no-repeat;} #dv_gamestart #dv_gamestart_contents {height:537px;} #dv_gamestart #dv_gamestart_footer {padding-left:30px;} /** 타이틀 **/ #dv_title .notice {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_notice.gif') no-repeat;} #dv_title .update {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_update.gif') no-repeat;} #dv_title .press {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_press.gif') no-repeat;} #dv_title .event {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_event.gif') no-repeat;} #dv_title .intro {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_intro.gif') no-repeat;} #dv_title .start {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_start.gif') no-repeat;} #dv_title .interface {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_interface.gif') no-repeat;} #dv_title .character {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_char.gif') no-repeat;} #dv_title .mode {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_mode.gif') no-repeat;} #dv_title .map {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_map.gif') no-repeat;} #dv_title .rank_all {margin:0 0 10px 0;width:681px;height:50px;background:url('../img/common/tl_ranking_all.gif') no-repeat;} #dv_title .rank_1 {margin:0 0 10px 0;width:681px;height:50px;background:url('../img/common/tl_ranking_1.gif') no-repeat;} #dv_title .rank_2 {margin:0 0 10px 0;width:681px;height:50px;background:url('../img/common/tl_ranking_2.gif') no-repeat;} #dv_title .rank_3 {margin:0 0 10px 0;width:681px;height:50px;background:url('../img/common/tl_ranking_3.gif') no-repeat;} #dv_title .rank_clan {margin:0 0 10px 0;width:681px;height:50px;background:url('../img/common/tl_clan_ranking.gif') no-repeat;} #dv_title .rank_ind {margin:0 0 10px 0;width:681px;height:50px;background:url('../img/common/tl_ind_rank.gif') no-repeat;} #dv_title .free {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_free.gif') no-repeat;} #dv_title .qa {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_qa.gif') no-repeat;} #dv_title .screen {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_screen.gif') no-repeat;} #dv_title .ucc {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_ucc.gif') no-repeat;} #dv_title .strategy {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_strategy.gif') no-repeat;} #dv_title .zine {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_zine.gif') no-repeat;} #dv_title .hd {margin:0 0 10px 0;width:681px;height:50px;background:url('../img/common/tl_helpdesk.gif') no-repeat;} #dv_title .faq {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_faq.gif') no-repeat;} #dv_title .help {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_mail.gif') no-repeat;} #dv_title .download {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_download.gif') no-repeat;} #dv_title .movie {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_multimedia.gif') no-repeat;} #dv_title .wallpaper {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_imagebook.gif') no-repeat;} #dv_title .shop {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_shop.gif') no-repeat;} #dv_title .policy {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_policy.gif') no-repeat;} #dv_title .tester {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_tester.gif') no-repeat;} #dv_title .mypage {margin:0 0 10px 0;width:681px;height:50px;padding:18px 10px 0 0;text-align:right;background:url('../img/common/tl_mypage.gif') no-repeat;} #dv_title .league {margin:0 0 10px 0;width:681px;height:50px;padding:29px 0 0 180px;background:url('../img/common/tl_online_league.gif') no-repeat;color:#4E6064;} #dv_title .clan_search {margin:0 0 10px 0;width:681px;height:50px;padding:29px 0 0 180px;background:url('../img/common/tl_clan_search.gif') no-repeat;color:#4E6064;} /** ti 배너 **/ #dv_cc_banner {position:absolute;top:293px;left:334px;width:450px;height:420px;background:#003E4B;} #dv_cc_banner dt {padding:14px 14px 0 14px;} #dv_cc_banner dd {float:right;padding:8px 0 0 0;} #dv_cc_banner img {vertical-align:top;} #dv_cc_banner a {cursor:pointer;} #dv_cc_banner .close {padding-right:14px;} /** 팝업 **/ #dv_popup {} /** 프레임 **/ #dv_frame iframe {width:100%;height:800px;} /** 클로징 **/ #dv_closing #dv_container {width:100%;height:798px;background:url('../img/closing/bg.jpg') #000 center top no-repeat;} #dv_closing .btn {margin:0 auto;padding-top:482px;text-align:center;} #dv_closing .btn li {padding:0 5px;display:inline;}