@charset "utf-8"; /* ---------------------------------------------------------------- Title : Ragnarok Author : bitty kim, Lee Hyun Ji Date : 2013 WebSite : http://ro.game.gnjoy.com/ ---------------------------------------------------------------- */ /* searchCharacter */ .characterSearch .disabilityInspection { width: 695px; padding-top: 133px; margin-top: 125px; text-align: center; color: #656565; font-weight: bold; background: url('/games/ro1/2013_ro1/images/common/img_disabilityInspection.jpg') no-repeat center 0; } .characterSearchFrom { width: 695px; height: 90px; background: url('/games/ro1/2013_ro1/images/common/bbs/bg_characterSearch.gif') no-repeat 0 0; } .characterSearchFrom * { vertical-align: middle; } .characterSearchFrom div { padding: 15px 0 0 25px; } .characterSearchFrom div + div { padding: 12px 0 0 25px; } .characterSearchFrom div label { display: inline-block; color: #333; } .characterSearchFrom .serverChioce span { width: 87px; height: 11px; overflow: hidden; display: inline-block; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/common/bbs/txt_serverChoice.gif') no-repeat 0 0; } .characterSearchFrom .serverChioce label { padding-right: 17px; } .characterSearchFrom .serverChioce label input { margin-right: 2px; cursor: pointer; } .characterSearchFrom .characterName label { width: 87px; height: 11px; overflow: hidden; display: inline-block; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/common/bbs/txt_characterSearch.gif') no-repeat 0 0; } .characterSearchFrom .characterName input { width: 438px; height: 21px; border: 1px solid #e0e0e0; background-color: #fff; } .characterSearchFrom .characterName .characterNameMsg { background: #fff url('/games/ro1/2013_ro1/images/common/bbs/txt_characterSearch2.gif') no-repeat 5px 6px; } .characterSearchFrom .characterName span button { display: inline-block; width: 54px; height: 23px; overflow: hidden; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/common/bbs/btn_search.gif') no-repeat 0 0; } .characterSearchMsg { display: block; width: 403px; height: 294px; overflow: hidden; font: normal 0/0 dotum; margin: 66px auto 0 auto; background: url('/games/ro1/2013_ro1/images/common/img_characterSearch.jpg') no-repeat 0 0; } .characterResultInfo { display: block; width: 695px; height: 24px; padding-left: 8px; margin-top: 24px; color: #333; background: url('/games/ro1/2013_ro1/images/common/bbs/bul_replyCount.gif') no-repeat 0 6px; } .characterResultInfo em { color: #0065d8; font-weight: bold; } .jopCategory { display: block; position: relative; width: 693px; margin-bottom: 30px; border: 1px solid #e5ebf5; background: #f4f8fd none; } .jopCategory * { vertical-align: middle; } .jopCategory span { position: absolute; top: 50%; left: 32px; width: 80px; height: 11px; overflow: hidden; display: inline-block; margin: -6px 0 0 0; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/common/bbs/txt_jobChoice.gif') no-repeat 0 0; } .jopCategory ul { width: 480px; height: auto; overflow: hidden; margin: 10px auto; } .jopCategory ul li { float: left; width: 120px; } .jopCategory ul li label { color: #0065d8; font-size: 11px; letter-spacing: -1px; } .jopCategory ul li label em { color: #666; font-size: 11px; letter-spacing: -1px; } .jopCategory ul li label input { margin: 0 3px 0 0; } .jopCategory button { position: absolute; top: 50%; right: 25px; width: 72px; height: 21px; overflow: hidden; margin: -11px 0 0 0; color: #666; font-size: 11px; letter-spacing: -1px; background: url('/games/ro1/2013_ro1/images/common/bbs/bg_search2.gif') no-repeat 0 0; } .characterInfo { width: 565px; height: 121px; padding: 20px 0 20px 130px; border-bottom: 1px solid #f2f2f2; } .characterInfo h1 { display: block; float: right; width: 562px; color: #333; padding: 12px 0 13px 0; font-size: 14px; font-weight: bold; } .characterInfo .user { display: inline-block; float: left; width: 80px; height: 121px; margin: 0 0 0 -110px; overflow: hidden; } /* position: absolute; top: 20px; left: 20px; / position: absolute; bottom: 0; left: 0; */ .characterInfo .user em { display: block; width: 80px; height: 16px; overflow: hidden; margin: 5px 0 0 0; font: normal 0/0 dotum; text-indent: -1000px; background-image: url('/games/ro1/2013_ro1/images/common/bbs/icon_gameOnOff.gif'); background-repeat: no-repeat; } .characterInfo .user .on { background-position: center bottom; } .characterInfo .user .off { background-position: center top; } .characterInfo dl { float: right; width: 562px; height: 22px; border: 1px solid #eaeaea; } .characterInfo dl dt, .characterInfo dl dd { display: inline-block; float: left; height: 22px; font-size: 11px; line-height: 20px; letter-spacing: -1px; } .characterInfo dl dt { width: 60px; color: #666; text-align: center; background: #f1f1f1 none; } .characterInfo dl dd { width: 100px; padding: 0 0 0 10px; color: #999; } .characterInfo dl dd a { display: block; height: 22px; color: #999; } .characterInfo dl .guildOff { width: 150px; background: url('/games/ro1/2013_ro1/images/common/bbs/icon_guildOn.gif') no-repeat 143px 3px; } .characterInfo dl .guildOff ul { display: none; } .characterInfo dl .guildOn { width: 150px; background: url('/games/ro1/2013_ro1/images/common/bbs/icon_guildOff.gif') no-repeat 143px 3px; } .characterInfo dl .guildOn ul { position: relative; z-index: 10; zoom: 1; display: block; width: 161px; height: 161px; margin: 1px 0 0 -10px; overflow-x: hidden; overflow-y: scroll; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background: #fff none; outline: none; } .characterInfo dl .guildOn ul li + li { border-top: 1px solid #eaeaea; } .characterInfo dl .guildOn ul li div { position: relative; display: block; width: 98%; height: 51px; overflow: hidden; } /* border: 1px solid #fff; */ .characterInfo dl .guildOn ul li div p { width: 95px; margin: 9px 0 0 40px; color: #0065d8; line-height: 12px; } .characterInfo dl .guildOn ul li div p strong { display: block; color: #666; font-weight: bold; font-size: 11px; letter-spacing: -1px; } .characterInfo dl .guildOn ul li span { position: absolute; top: 9px; left: 6px; width: 26px; height: 22px; text-align: center; } .characterInfo dl .guildOn ul li span em { position: absolute; bottom: 0; left: 0; display: inline-block; width: 26px; height: 11px; overflow: hidden; font: normal 0/0 dotum; background-image: url('/games/ro1/2013_ro1/images/common/bbs/icon_gameOnOff2.gif'); background-repeat: no-repeat; } .characterInfo dl .guildOn ul li span .on { background-position: center bottom; } .characterInfo dl .guildOn ul li span .off { background-position: center top; } .characterInfo dl .guildOn ul li.guildMaster { background: #f4f8fd none; } .characterInfo dl .guildOn ul li.mine { background: #fef6df none; } .characterInfo .abilityPoint { float: left; width: 200px; margin-top: 8px; } .characterInfo .abilityPoint li { position: relative; color: #666; font-size: 11px; letter-spacing: -1px; } .characterInfo .abilityPoint li em { color: #999; font-size: 11px; line-height: 11px; font-family: tahoma; letter-spacing: -1px; } .characterInfo .abilityPoint li span { display: inline-block; position: absolute; top: 1px; width: 100px; height: 6px; border: 1px solid #eaeaea; } .characterInfo .abilityPoint li span img { float: left; } .characterInfo .lv li span { left: 70px; } .characterInfo .hpsp li span { left: 23px; } .characterInfo .hpsp li em { position: absolute; top: 0; right: 0; width: 70px; } .characterSearch .searchResultNone { display: block; width: 100%; padding: 40px 0; color: #999; text-align: center; line-height: 17px; letter-spacing: -1px; } .characterSearch .searchResultNone span { display: block; color: #333; } .characterSearch .searchResultNone span em { color: #0065d8; font-weight: bold; } /* pds 200522 수정 */ .gamedownload { width: 695px; height: 250px; padding: 65px 0 0 0; margin-bottom: 30px; text-align: center; box-sizing:border-box; background: url('/games/ro1/2013_ro1/images/pds/bg_gameDownload_0522.gif') no-repeat 0 0; } .gamedownload p { display: block; margin: 0 0 0 0; font: normal 0/0 dotum;} .gamedownload p a { display: inline-block; margin-top: 25px; } .utility { padding-bottom: 30px; } .utility h1 { width: 100%; height: 20px; margin-bottom: 20px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/pds/stit_download1.gif') no-repeat 0 0; } .utility ul li { display: inline-block; width: 539px; padding: 0 0 0 157px; } .utility ul li a { display: inline-block; vertical-align: top; } .utility ul li p, .utility ul li p strong, .utility ul li ul li { display: inline; position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; font: normal 0/0 dotum; text-indent: -10000px; background: transparent none; } /* S: 211103 수정 */ .utility ul li.sakClient { height: 149px; background: url('/games/ro1/2013_ro1/images/pds/bg_sakClient.gif') no-repeat 0 0; } .utility ul li.sakClient a { margin-top: 64px; } /* E: 211103 수정 */ .utility ul li.compressionClient { height: 134px; background: url('/games/ro1/2013_ro1/images/pds/bg_compressionClient.gif') no-repeat 0 0; } .utility ul li.compressionClient a { margin-top: 64px; } .utility ul li.aiScript { height: 179px; background: url('/games/ro1/2013_ro1/images/pds/bg_aiScript.gif') no-repeat 0 0; } .utility ul li.aiScript a { margin-top: 122px; } .utility ul li.directX { height: 149px; background: url('/games/ro1/2013_ro1/images/pds/bg_directX.gif') no-repeat 0 0; } .utility ul li.directX a { margin-top: 79px; } .utility .recomMsg { width: 100%; height: 11px; margin-top: 10px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/pds/txt_recomMsg.gif') no-repeat right 0; } .recommended h1 { width: 100%; height: 20px; margin-bottom: 20px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/pds/stit_download2.gif') no-repeat 0 0; } .recommended table { border: 1px solid #eaeaea; } .recommended table th, .recommended table td { padding: 5px 0; font-size: 11px; border: 1px solid #eaeaea; } .recommended table thead th { color: #666; background-color: #f1f1f1; } .recommended table tbody th { width: 100px; color: #999; background-color: #fafafa; } .recommended table tbody td { color: #999; padding-left: 10px; } .recommended .recomMsg { width: 100%; height: 26px; margin-top: 10px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/pds/txt_recomMsg2_0228.gif') no-repeat right 0; } .fansiteMsg h1 { width: 100%; height: 20px; margin-bottom: 20px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/pds/stit_wallpaper1.gif') no-repeat 0 0; } .fansiteMsg dl { display: block; width: 695px; height: 185px; margin-bottom: 20px; background: url('/games/ro1/2013_ro1/images/pds/txt_fansiteMsg.gif') no-repeat 0 0; } .fansiteMsg dl dt, .fansiteMsg dl dd p, .fansiteMsg dl dd em { display: inline; position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; font: normal 0/0 dotum; text-indent: -10000px; background: transparent none; } .fansiteMsg ul { width: 695px; height: auto; overflow: hidden; margin-bottom: 40px; } .fansiteMsg ul li { float: left; width: 235px; text-align: center; } .fansiteMsg ul li + li { width: 230px; background: url('/games/ro1/2013_ro1/images/pds/bg_fansiteLine.gif') no-repeat 0 0; } .fansiteMsg ul li img { display: block; width: 130px; height: 114px; margin: 0 auto; vertical-align: top; } .fansiteMsg ul li a { display: inline-block; margin-top: 10px; } .fansiteMsg ul li a img { width: 132px; height: 28px; } .wallpaperList { clear: both; width: 715px; } .wallpaperList h1 { width: 100%; height: 20px; margin-bottom: 20px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/pds/stit_wallpaper2.gif') no-repeat 0 0; } .wallpaperList ul { width: 100%; height: auto; overflow: hidden; padding-bottom: 20px; border-bottom: 2px solid #f2f2f2; } .wallpaperList ul li { float: left; margin: 0 17px 10px 0; } .wallpaperList ul li img { width: 220px; height: 150px; } .wallpaperList ul li span { display: block; } .wallpaperList ul li span a { float: left; margin: 10px 0 0 0; } .wallpaperList ul li span a img { width: 74px; height: 26px; } .wallpaperList ul li span a + a img { width: 73px; height: 26px; } .multimediaList { width: 695px; border-bottom: 2px solid #f2f2f2; } .multimediaList li { position: relative; width: 515px; min-height: 95px; padding: 0 0 20px 180px; } .multimediaList li:after { display: block; clear: both; content: ''; } .multimediaList li + li { padding-top: 20px; border-top: 1px solid #f2f2f2; } .multimediaList li p { color: #999; line-height: 17px; } .multimediaList li p strong { display: block; padding: 2px 0 3px 0; font: bold 12px/18px dotum; color: #333; } .multimediaList li span { display: block; margin-top: 7px; } .multimediaList li span a { float: left; margin-right: 5px; } .multimediaList li .btn_video { position: absolute; top: 0; left: 0; width: 151px; height: 81px; padding: 5px; background: url('/games/ro1/2013_ro1/images/pds/bg_video.gif') no-repeat 0 0; } .multimediaList li + li .btn_video { position: absolute; top: 20px; left: 0; width: 151px; height: 81px; padding: 5px; background: url('/games/ro1/2013_ro1/images/pds/bg_video.gif') no-repeat 0 0; } .multimediaList li .btn_video img { width: 150px; height: 80px; } .multimediaList li .btn_video img + img { position: absolute; top: 24px; left: 58px; width: 44px; height: 43px; } /* shop > guide */ .userGuideOfCache h1, .userGuideOfCache h2 { display: block; width: 100%; height: 17px; margin: 0 0 17px 0; font: normal 0/0 dotum; background-repeat: no-repeat; background-position: 0 0; } .userGuideOfCache section { width: auto; height: auto; overflow: hidden; padding-bottom: 30px; } .howBuy h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_cash1.gif'); } .howBuy img { display: block; margin-bottom: 12px; } .howBuy ul li { padding: 0 0 0 5px; color: #666; background: url('/games/ro1/2013_ro1/images/shop/bul_guide.gif') no-repeat 0 7px; } .userGuide h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_cash2.gif'); } .userGuide h2 { margin: 22px 0 12px 0; background-image: url('/games/ro1/2013_ro1/images/shop/txt_cash1.gif'); } .userGuide img { display: block; margin-bottom: 12px; } .userGuide ul li { padding: 0 0 0 5px; color: #666; background: url('/games/ro1/2013_ro1/images/shop/bul_guide.gif') no-repeat 0 7px; } .userGuide .salesPosition { width: 705px; } .userGuide .salesPosition li { float: left; width: 225px; padding: 0; margin-right: 10px; text-align: center; background: transparent none; } .userGuide .salesPosition li img { margin: 0 0 4px 0; } .userGuide .salesPosition li strong { display: inline-block; padding-left: 5px; font-weight: bold; letter-spacing: -1px; background: url('/games/ro1/2013_ro1/images/shop/bul_guide.gif') no-repeat 0 6px; } .userGuide .salesPosition li span { display: block; color: #999; letter-spacing: -1px; line-height: 14px; } .npc { margin-bottom: -10px; } .npc h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_cash3.gif'); } .npc ol { padding-bottom: 30px; border-bottom: 2px solid #f2f2f2; } .npc ol li { padding: 0 0 0 17px; } .npc ol .num1 { background: url('/games/ro1/2013_ro1/images/shop/icon_num1.gif') no-repeat 0 2px; } .npc ol .num2 { background: url('/games/ro1/2013_ro1/images/shop/icon_num2.gif') no-repeat 0 15px; } .npc ol .num2 p { padding: 13px 0; } .npc ol .num2 img { margin-left: -17px; } .npc ol li ul { margin-left: -17px; } .npc ol li ul li { display: block; overflow: hidden; padding: 10px 0; } .npc ol li ul li + li { background: url('/games/ro1/2013_ro1/images/shop/bg_guideLine.gif') repeat-x 0 top; } .npc ol li ul li img { float: left; } .npc ol li ul li p { float: right; width: 500px; margin-right: 10px; } .npc ol li ul li p strong { display: block; margin: 5px 0; font-weight: bold; color: #333; } .npc ol li ul li p span,.npc ol li ul li p span a { display: block; color: #0065d8; } .npc ol li ul li p em { display: block; color: #5f86bf; font-size: 11px; letter-spacing: -1px; } /* billing */ .billing { } .billingTabMenu li { width: 70px; } .billingTabMenu li.billingTabMenu4{width:71px} .billingTabMenu li.billingTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/shop/tabMenu_billing1.gif'); } .billingTabMenu li.billingTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/shop/tabMenu_billing2.gif'); } .billingTabMenu li.billingTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/shop/tabMenu_billing3.gif'); } .billingTabMenu li.billingTabMenu4 a span { background-image: url('/games/ro1/2013_ro1/images/shop/tabMenu_billing4.gif'); } .billingTabMenu li.billingTabMenu5 a span { background-image: url('/games/ro1/2013_ro1/images/shop/tabMenu_billing5.gif'); } .billingTabMenu li.billingTabMenu6 a span { background-image: url('/games/ro1/2013_ro1/images/shop/tabMenu_billing6.gif'); } .billingTabMenu li.billingTabMenu7 a span { background-image: url('/games/ro1/2013_ro1/images/shop/tabMenu_billing7.gif'); } .billingTabMenu li.billingTabMenu8 a span { background-image: url('/games/ro1/2013_ro1/images/shop/tabMenu_billing8.gif'); } .billingTabMenu li.billingTabMenu9 a span { background-image: url('/games/ro1/2013_ro1/images/shop/tabMenu_billing9.gif'); } .billingTabMenu li.billingTabMenu10 a span { background-image: url('/games/ro1/2013_ro1/images/shop/tabMenu_billing10.gif'); } .billing h1 { display: block; width: 695px; height: 25px; margin-top: -2px; font: normal 0/0 dotum; background-position: 0 0; background-repeat: no-repeat; } .billing h2 { padding: 0 0 10px 17px; color: #333; font-weight: bold; line-height: 14px; background-position: 0 0; background-repeat: no-repeat; } .billing h2.num1 { background-image: url('/games/ro1/2013_ro1/images/common/icon/icon_num1.gif'); } .billing h2.num2 { background-image: url('/games/ro1/2013_ro1/images/common/icon/icon_num2.gif'); } .billing h2.num3 { background-image: url('/games/ro1/2013_ro1/images/common/icon/icon_num3.gif'); } .billing h2.num4 { background-image: url('/games/ro1/2013_ro1/images/common/icon/icon_num4.gif'); } .billing table { margin: 0 0 0 0; } .billing table th { padding: 4px 0 3px 0; color: #666; font-size: 11px; line-height: 14px; letter-spacing: -1px; vertical-align: middle; border-style: solid; border-color: #eaeaea; border-width: 1px 1px 0 1px; background-color: #f1f1f1; } .billing table td { min-height: 15px; padding: 4px 0 3px 0; color: #999; font-size: 11px; line-height: 14px; letter-spacing: -1px; text-align: center; border: 1px solid #eaeaea; } .billing .scope { margin-bottom: 25px; } .billing .scope p { letter-spacing: -1px; } .billing .scope p em { color: #5f86bf; } .billing .scope ul li { padding: 0 0 0 5px; line-height: 19px; background: url('/games/ro1/2013_ro1/images/shop/bul_billing3.gif') no-repeat 0 6px; } .billing .scope ol li + li { padding: 25px 0 0 0; background: url('/games/ro1/2013_ro1/images/shop/bul_billing.gif') no-repeat center 10px; } .billing .scope ol li p { padding: 6px 0 4px 0; border: 1px solid #e5ebf5; background: #f4f8fd url('/games/ro1/2013_ro1/images/shop/bg_billingStep.gif') repeat-y 0 0; } .billing .scope ol li p em { display: inline-block; width: 87px; color: #0065d8; font-weight: bold; text-align: center; vertical-align: middle; } .billing .scope ol li p span { display: inline-block; width: 590px; padding: 0 0 0 11px; vertical-align: middle; } .billing .scope ol li p span img { display: block; margin: 6px 0; } .billing .scope ol li p span em, .billing .scope ol li p span em a { width: auto; font-weight: normal; color: #5f86bf; text-align: left; } .billing .scope .imgBilling3_6{display:block; width:264px;} .billing .btns { display: block; padding-top: 20px; border-top: 2px solid #f2f2f2; } .billing1 h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_billing1.gif'); } .billing1 h3 { display: block; padding: 2px 0 8px 6px; color: #0065d8; font-weight: bold; line-height: 14px; background: url('/games/ro1/2013_ro1/images/shop/bul_billing3.gif') no-repeat 0 7px; } .billing1 .warning { padding: 16px 18px 14px 18px; margin-bottom: 20px; color: #ef8100; border: 1px solid #ffebb2; background-color: #fef6df; } .billing1 .warning em { padding-left: 6px; color: #ef8100; font-weight: bold; background: url('/games/ro1/2013_ro1/images/shop/bul_billing2.gif') no-repeat 0 4px; } .billing1 .scope p { padding: 0 0 9px 0; margin-top: -3px; line-height: 17px; } .billing1 .scope table { margin-bottom: 12px; } .billing1 .scope .chargeAmount td { width: 70px; } .billing1 .scope .additionalServices td { width: 25%; } .billing1 .scope div * { color: #5f86bf; font-size: 11px; letter-spacing: -1px; } .billing1 .scope div strong { display: block; padding-bottom: 2px; font-weight: bold; } .billing1 .scope div ul { padding-bottom: 9px; } .billing1 .scope .itemCash { padding: 0; } .billing1 .refunds { width: 645px; padding: 24px; margin-top: -7px; border: 1px solid #e5ebf5; background-color: #f4f8fd; } .billing1 .refunds h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_billing1_1.gif'); } .billing1 .refunds h3 { color: #666; background: none; } .billing1 .refunds p { padding-bottom: 15px; color: #999; font-size: 11px; letter-spacing: -1px; } .billing1 .refunds div * { font-size: 11px; letter-spacing: -1px; line-height: 14px; } .billing1 .refunds div strong { display: block; padding-bottom: 4px; font-weight: bold; color: #5f86bf; } .billing1 .refunds div ul { padding-bottom: 5px; } .billing1 .refunds div ul li { color: #999; } .billing1 .refunds div p { color: #5f86bf; } .billing1 .refunds table { margin: 3px 0 7px 0; } .billing1 .refunds .conversionGcash td { width: 50%; } .billing1 .refunds table th { border-style: solid; border-color: #e5ebf5; border-width: 1px 1px 0 1px; background-color: #f2f7fc; } .billing1 .refunds table td { border: 1px solid #e5ebf5; background-color: #fff; } .billing1 .refunds .btns { padding: 0; margin: 0; border: 0; } .billing2 h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_billing2.gif'); } .billing2 .warning { padding: 7px 0 6px 0; color: #5f86bf; } .billing2 .scope .mobileBills th { width: 125px; } .billing2 .scope .mobileBills td { padding-left: 10px; text-align: left; } .billing2 .scope .mobilePayment td { width: 170px; } .billing2 .scope .mobilePayment td + td { width: 512px; padding-left: 10px; text-align: left; } .billing3 h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_billing3.gif'); } .billing3 .warning { padding: 7px 0 0 0; color: #5f86bf; } .billing4 h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_billing4.gif'); } .billing4 table th { width: 115px; } .billing4 table td img { margin: 17px 4px 17px 7px; } .billing5 h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_billing5.gif'); } .billing5 .warning { padding: 7px 0 6px 0; color: #5f86bf; } .billing5 table th { width: 125px; } .billing5 table td { padding-left: 10px; text-align: left; } .billing6 h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_billing6.gif'); } .billing6 .warning { padding: 7px 0 0 0; color: #5f86bf; } .billing7 h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_billing7.gif'); } .billing8 h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_billing8.gif'); } .billing8 .warning { padding: 7px 0 0 0; color: #5f86bf; } .billing8 ul li a { color: #666; } .billing9 h1 { height: 29px; background-image: url('/games/ro1/2013_ro1/images/shop/stit_billing9.gif'); } .billing9 .scope { margin-bottom: 21px; } .billing9 p a { color: #666; } .billing9 .warning { padding: 3px 0 0 0; color: #5f86bf; } .billing10 h1 { background-image: url('/games/ro1/2013_ro1/images/shop/stit_billing10.gif'); } .billing10 table th { width: 115px; } .billing10 table td img { margin: 17px 2px 17px 3px; } /* representCharacter */ .representCharacterBody { padding: 30px; background: none; } .representCharacterBody h1 { width: 695px; height: 26px; margin: 0 0 23px 0; color: #333; font-size: 14px; font-weight: bold; border-bottom: 1px solid #eaeaea; background: url('/games/ro1/2013_ro1/images/shop/bul_serverInfo.gif') no-repeat 0 6px; } .representCharacterBody h1 span { padding: 0 0 0 8px; color: #0065d8; font-size: 14px; font-weight: bold; } .representCharacterView {} .representCharacterView h1 { display: block; width: 695px; height: 35px; font: normal 0/0 dotum; background-position: 0 0; background-repeat: no-repeat; } .representCharacterView h2 { display: block; width: 695px; height: 30px; font: normal 0/0 dotum; background-position: 0 0; background-repeat: no-repeat; } .representCharacterView table thead th { padding: 4px 0 3px 0; color: #666; font-size: 11px; line-height: 14px; letter-spacing: -1px; vertical-align: middle; border-style: solid; border-color: #eaeaea; border-width: 1px 1px 0 1px; background-color: #f1f1f1; } .representCharacterView table tbody th { padding: 4px 0 3px 0; color: #999; font-size: 11px; line-height: 14px; letter-spacing: -1px; vertical-align: middle; border: 1px solid #eaeaea; background-color: #fafafa; } .representCharacterView table td { min-height: 15px; padding: 4px 0 3px 0; color: #999; font-size: 11px; line-height: 14px; letter-spacing: -1px; text-align: center; border: 1px solid #eaeaea; } .characterSetTabMenu li { width: 97px; } .characterSetTabMenu li.characterSetTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/point/tabMenu_character1.gif'); } .characterSetTabMenu li.characterSetTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/point/tabMenu_character2.gif'); } .representCharacterSet { padding-top: 10px; } .representCharacterSet h1 { background-image: url('/games/ro1/2013_ro1/images/point/stit_characterSetting.gif'); } .representCharacterSet .stit_representCharacter1 { background-image: url('/games/ro1/2013_ro1/images/point/stit_characterSetting1.gif'); } .representCharacterSet .stit_representCharacter2 { margin-top: 30px; background-image: url('/games/ro1/2013_ro1/images/point/stit_characterSetting2.gif'); } .representCharacterSet h3 { display: block; padding: 0 0 8px 6px; margin-top: -2px; color: #5f86bf; font-weight: bold; line-height: 14px; background: url('/games/ro1/2013_ro1/images/shop/bul_billing3.gif') no-repeat 0 7px; } .representCharacterSet table td { letter-spacing: 0; } .bbs .representCharacter { margin: 20px 0 0 0; } .representCharacter { position: relative; z-index: 0; width: 685px; height: auto; padding: 4px; border: 1px solid #f2f2f2; } .representCharacter .wrap { width: 655px; padding: 15px; background-color: #f9f9f9; } .representCharacter .wrap:after { display: block; clear: both; content: ''; } .iconChange { float: left; width: 93px; padding: 10px; margin-right: 10px; border: 1px solid #f2f2f2; background-color: #fff; } .iconChange * { float: left; } .iconChange a { display: inline-block; width: 70px; height: 18px; overflow: hidden; margin-left: 5px; font: normal 0/0 dotum; background-image: url('/games/ro1/2013_ro1/images/point/btn_iconChange.gif'); background-repeat: no-repeat; } .iconChange .btn_iconChangeListOn { background-position: 0 0; } .iconChange .btn_iconChangeListOff { background-position: 0 bottom; } .userCharacterInfo { float: left; width: 530px; height: auto; overflow: hidden; padding: 0; margin: -1px 0 13px 0; } .userCharacterInfo span { display: block; padding-bottom: 4px; font: bold 14px/18px dotum; color: #5f86bf; } .userCharacterInfo span em { font: bold 14px/18px dotum; color: #333; } .userCharacterInfo span * { vertical-align: middle; } .userCharacterInfo span + span { float: left; width: 161px; padding: 0; } .userCharacterInfo span + span em { display: inline-block; width: 30px; height: 13px; padding: 1px 5px 0 0; font: normal 11px/12px dotum; color: #666; text-align: center; background: url('/games/ro1/2013_ro1/images/point/bg_lvValue.gif') no-repeat 0 0; } .userCharacterInfo span + span span { display: inline-block; width: 100px; height: 9px; padding: 0; border: 1px solid #cdcdcd; background-color: #fff; } .userCharacterInfo span + span span img { height: 9px; vertical-align: top; } .userCharacterInfo ul { width: 300px; height: auto; overflow: hidden; } .userCharacterInfo ul li { float: left; width: 100px; font-weight: bold; color: #5f86bf; font-size: 11px; letter-spacing: -1px; line-height: 14px; } .userCharacterInfo ul li.noRank { width: 100px; color: #979797; } .userCharacterInfo ul li img { vertical-align: middle; } .sealInfo { display: block; width: 655px; height: auto; overflow: hidden; padding-top: 15px; background: url('/games/ro1/2013_ro1/images/point/bg_sealInfo.gif') repeat-x 0 0; } .sealInfo span { float: left; display: inline-block; margin-right: 15px; text-align: center; } .sealInfo span img { display: block; width: 150px; height: 150px; margin-bottom: 10px; border: 1px solid #f2f2f2; } .sealInfo a { display: inline-block; width: 70px; height: 18px; overflow: hidden; font: normal 0/0 dotum; background-image: url('/games/ro1/2013_ro1/images/point/btn_sealChange.gif'); background-repeat: no-repeat; } .sealInfo .btn_sealChangeListOn { background-position: 0 0; } .sealInfo .btn_sealChangeListOff { background-position: 0 bottom; } .sealEdite { width: 488px; height: auto; overflow: hidden; } .sealEdite a { float: right; width: 80px; margin-top: 10px; } .sealExplain { width: 488px; height: auto; overflow: hidden; } .sealExplain div { min-height: 150px; color: #999; line-height: 17px; } .sealExplain div * { line-height: 100%; } .sealExplain div.hide { height: 150px; overflow: hidden; } .sealExplain a { float: right; display: inline-block; width: 60px; height: 18px; overflow: hidden; margin-top: 10px; font: normal 0/0 dotum; background-image: url('/games/ro1/2013_ro1/images/point/btn_sealView.gif'); background-repeat: no-repeat; } .sealExplain .btn_view { background-position: 0 0; } .sealExplain .btn_hidden { background-position: 0 bottom; } #iconChangeList { position: absolute; top: 19px; left: 139px; width: 544px; height: 40px; background-color: #f4f8fd; } #iconChangeList ul { float: left; width: 513px; height: 40px; margin-left: 16px; } #iconChangeList ul li { float: left; width: 160px; padding: 0 0 0 10px; margin-left: -1px; border: 1px solid #c4d5ef; } #iconChangeList ul li a { display: inline; width: auto; color: #999; font-size: 11px; letter-spacing: -1px; } #iconChangeList ul li.on a { font-weight: bold; color: #5f86bf; } #iconChangeList ul li a img { margin: 10px 0; } #iconChangeList .btn_prev, #iconChangeList .btn_prevOn, #iconChangeList .btn_next, #iconChangeList .btn_nextOn { position: absolute; top: 0; display: inline-block; width: 16px; height: 40px; overflow: hidden; font: normal 0/0 dotum; background-image: url('/games/ro1/2013_ro1/images/point/btn_iconNav.gif'); background-repeat: no-repeat; } #iconChangeList .btn_prev { left: 0; background-position: 0 0; } #iconChangeList .btn_prevOn { left: 0; background-position: -16px 0; } #iconChangeList .btn_next { right: 0; background-position: right 0; } #iconChangeList .btn_nextOn { right: 0; background-position: -32px 0; } #sealChangeList { position: absolute; top: 86px; left: 176px; width: 509px; height: 152px; background-color: #f4f8fd; } #sealChangeList ul { float: left; width: 477px; height: 150px; margin-left: 16px; } #sealChangeList ul li { float: left; width: 158px; height: 150px; margin-left: -1px; text-align: center; border: 1px solid #c4d5ef; } #sealChangeList ul li a { display: inline-block; width: auto; height: auto; color: #999; font-size: 11px; line-height: 18px; letter-spacing: -1px; background: none; } #sealChangeList ul li.on a { font-weight: bold; color: #5f86bf; } #sealChangeList ul li a img { display: block; width: 110px; height: 110px; margin: 9px auto 5px auto; } #sealChangeList .btn_prev, #sealChangeList .btn_prevOn, #sealChangeList .btn_next, #sealChangeList .btn_nextOn { position: absolute; top: 0; display: inline-block; width: 16px; height: 152px; overflow: hidden; font: normal 0/0 dotum; background-image: url('/games/ro1/2013_ro1/images/point/btn_sealNav.gif'); background-repeat: no-repeat; } #sealChangeList .btn_prev { left: 0; background-position: 0 0; } #sealChangeList .btn_prevOn { left: 0; background-position: -16px 0; } #sealChangeList .btn_next { right: 0; background-position: right 0; } #sealChangeList .btn_nextOn { right: 0; background-position: -32px 0; } /* pointSystem */ .pointSystem {} .pointSystem h1 { background-image: url('/games/ro1/2013_ro1/images/point/stit_pointSystem.gif'); } .pointSystem .stit_pointSystem1 { background-image: url('/games/ro1/2013_ro1/images/point/stit_pointSystem1.gif'); } .pointSystem .stit_pointSystem2 { background-image: url('/games/ro1/2013_ro1/images/point/stit_pointSystem2.gif'); } .pointSystem .stit_pointSystem3 { background-image: url('/games/ro1/2013_ro1/images/point/stit_pointSystem3.gif'); } .pointSystem p { padding-bottom: 15px; margin-top: -2px; line-height: 17px; } .pointSystem table { margin: 0 0 30px 0; } .pointSystem table.taking th { letter-spacing: -0.04em; } .pointSystem table td { letter-spacing: 0; } .pointSystem .webLv .lv { width: 125px; } .pointSystem .webLv .icon { width: 70px; } .pointSystem .webLv .lv01, .pointSystem .webLv .lv10, .pointSystem .webLv .lv20 { color: #999; font-size: 12px; } .pointSystem .webLv .lv30, .pointSystem .webLv .lv40, .pointSystem .webLv .lv50 { color: #666; font-size: 12px; } .pointSystem .webLv .lv60, .pointSystem .webLv .lv70, .pointSystem .webLv .lv80 { color: #5f86bf; font-size: 12px; } .pointSystem .webLv .lv90 { color: #5f86bf; font-weight: bold; font-size: 12px; } .pointSystem .taking .category { width: 165px; } .pointSystem .taking .takingXP { width: 70px; } .pointSystem .taking .dayLimits { width: 105px; } .pointSystem .taking .takingPoint { width: 70px; } .pointSystem .taking .etc { padding-left: 10px; text-align: left; } /* support */ .support { } .supportInfoTabMenu { margin-bottom: 30px; } .supportInfoTabMenu li { width: 90px; } .supportInfoTabMenu li.supportInfoTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/support/tabMenu_supportInfo1.gif'); } .supportInfoTabMenu li.supportInfoTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/support/tabMenu_supportInfo2.gif'); } .supportInfoTabMenu li.supportInfoTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/support/tabMenu_supportInfo3.gif'); } .supportInfoTabMenu li.supportInfoTabMenu4 a span { background-image: url('/games/ro1/2013_ro1/images/support/tabMenu_supportInfo4_220504.gif'); } /* 220504 수정 */ .supportInfoTabMenu li.supportInfoTabMenu5 a span { background-image: url('/games/ro1/2013_ro1/images/support/tabMenu_supportInfo5.gif'); } .supportInfoTabMenu li.supportInfoTabMenu6 a span { background-image: url('/games/ro1/2013_ro1/images/support/tabMenu_supportInfo6.gif'); } .supportInfoTabMenu li.supportInfoTabMenu7 a span { background-image: url('/games/ro1/2013_ro1/images/support/tabMenu_supportInfo7.gif'); } .supportInfo h1 { display: block; width: 695px; height: 35px; font: normal 0/0 dotum; background-position: 0 0; background-repeat: no-repeat; } .supportInfo h2 { display: block; width: 695px; height: 26px; font: normal 0/0 dotum; background-position: 0 0; background-repeat: no-repeat; } .supportInfo p { padding: 0 0 12px 0; line-height: 17px; letter-spacing: -1px; } .supportInfo table { margin: 7px 0 6px 0; } .supportInfo table thead th { padding: 4px 0 3px 0; color: #666; font-size: 11px; line-height: 14px; letter-spacing: -1px; vertical-align: middle; border-style: solid; border-color: #eaeaea; border-width: 1px 1px 0 1px; background-color: #f1f1f1; } .supportInfo table tbody td { width: 50%; min-height: 15px; padding: 4px 0 3px 0; color: #999; font-size: 11px; line-height: 14px; letter-spacing: -1px; text-align: center; border: 1px solid #eaeaea; } .supportInfo table tbody th { min-height: 15px; padding: 4px 0 3px 0; color: #999; font-size: 11px; line-height: 14px; letter-spacing: -1px; text-align: center; border: 1px solid #eaeaea; background-color: #fafafa; } .supportInfo .btns { display: block; padding-top: 20px; border-top: 2px solid #f2f2f2; } .supportInfo1 ul li, .supportInfo3 ul li { padding-left: 5px; line-height: 19px; background: url('/games/ro1/2013_ro1/images/support/bul_support1.gif') no-repeat 0 6px; } .supportInfo .demerit { margin-bottom: 18px; } .supportInfo .demerit tbody th { width: 130px; } .supportInfo .demerit tbody td { width: 451px; padding-left: 10px; padding-right: 10px; text-align: left; } .supportInfo .demerit tbody td + td { width: 100px; text-align: center; } .supportInfo .demerit tbody td.limits { color: #0065d8; } .supportInfo .demerit tbody em.limits { color: #0065d8; } .supportInfo .violation { padding: 16px 0 0 19px; border: 1px solid #e5ebf5; background-color: #f4f8fd; } .supportInfo .violation strong { display: block; padding: 0 0 3px 6px; font-weight: bold; color: #5f86bf; background: url('/games/ro1/2013_ro1/images/support/bul_support1.gif') no-repeat 0 8px; } .supportInfo .violation p { color: #5f86bf; font-size: 11px; line-height: 17px; letter-spacing: -1px; } .supportInfo .violation .btns { display: inline-block; width: 650px; padding: 0; margin: 0 0 19px 0; border: 0; } .supportInfo section nav { width: 649px; height: auto; overflow: hidden; padding: 15px 10px 14px 26px; *padding: 15px 18px 14px 18px; margin-bottom: 27px; border: 3px solid #f1f1f1; } .supportInfo section nav ol { float: left; width: 320px; margin: 0 0 0 9px; list-style-type: decimal; *list-style-position: inside; } .supportInfo section nav ol + ol { width: 311px; } .supportInfo section nav ol li { line-height: 22px; letter-spacing: -1px; } .supportInfo section nav ol li a { display: inline-block; font-weight: bold; color: #666; margin-left: 0; } .supportInfo section nav .btn_top { display: inline; width: 1px; height: 1px; overflow: hidden; font: normal 0/0 dotum; } .supportInfo section section { position: relative; padding-bottom: 5px; } .supportInfo section section h1 { display: block; height: 24px; margin-bottom: 12px; font: normal 12px/18px dotum; color: #333; border-bottom: 1px solid #f2f2f2; background: none; } .supportInfo section section h1 a { color: #333; font-weight: bold; } .supportInfo section section h2 { height: auto; font: normal 12px/18px dotum; } .supportInfo section section p { margin-bottom: 2px; letter-spacing: -1px; } .supportInfo section section .tip { color: #0065d8; } .supportInfo section section em { color: #0065d8; font-weight: bold; } .supportInfo section section strong { font-weight: bold; } .supportInfo section section ul { margin-bottom: 10px; } .supportInfo section section ul li { padding-left: 10px; letter-spacing: -1px; background: url('/games/ro1/2013_ro1/images/support/bul_policy.gif') no-repeat 0 8px; } .supportInfo section section ul li ul { margin-left: -10px; } .supportInfo section section ul li ul li, .supportInfo2 section div ul li, .supportInfo2 section div ul li ul { padding: 0; margin: 0; background: none; } .supportInfo section section .scope { margin-bottom: 10px; } .supportInfo section section a.btn_top { position: absolute; top: 2px; right: 0; } .supportInfo section section a.btn_top img { margin: 0; } .supportInfo1 h1 { background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo1.gif'); } .supportInfo1 h2 { margin-top: 20px; background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo1_1.gif'); } .supportInfo1 ul.csInfo, .supportInfo1 ul.visit { padding: 15px 20px; border: 1px solid #e5ebf5; background: #f4f8fd none; } .supportInfo1 ul.csInfo li, .supportInfo1 ul.visit li { color: #5f86bf; } .supportInfo1 ul.csInfo li span, .supportInfo1 ul.visit li span { color: #5f86bf; font-weight: bold; } .supportInfo1 ul.visit { margin: 10px 0 0px 0; } .supportInfo1 .csMap { display: block; width: 695px; height: 200px; margin-top: 25px; background: url('/games/ro1/2013_ro1/images/support/img_map.gif') no-repeat 0 0; } .supportInfo1 .csMap ul { display: inline; position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; font: normal 0/0 dotum; text-indent: -10000px; background: transparent none; } .supportInfo2 h1 { background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo2.gif'); } .supportInfo3 h1 { background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo3.gif'); } .supportInfo3 .stit_restriction1 { margin-bottom: -4px; background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo3_1_20210426.gif'); } .supportInfo3 .stit_restriction2 { margin-top: 25px; background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo3_2_20210426.gif'); } .supportInfo3 .stit_restriction3 { margin-top: 25px; background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo3_3_20210426.gif'); } .supportInfo3 div { margin: 15px 0 0 0; } .supportInfo3 .stit_restriction4 { margin-top: 25px; background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo3_4_20210426.gif'); } .supportInfo3 .stit_restriction5 { margin-top: 25px; background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo3_5.gif'); } .supportInfo4 h1 { background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo4_220504.gif'); } /* 220504 수정 */ .supportInfo4 section ol { margin-bottom: 25px; } .supportInfo5 h1 { background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo5.gif'); } .supportInfo5 h2 { margin-bottom: 10px; } .supportInfo5 .theft ol { width: 270px; } .supportInfo5 .theft ol + ol { width: 370px; } .supportInfo5 section ol { margin-bottom: 25px; } .supportInfo5 section p img { margin-top: 10px; } .supportInfo5 section div, .supportInfo7 section div { width: 676px; height: auto; overflow: hidden; padding: 16px 0 15px 19px; margin: 0 0 16px 0; border: 1px solid #e5ebf5; background-color: #f4f8fd; } .supportInfo5 section div strong, .supportInfo7 section div strong { display: inline-block; width: 166px; padding: 0 0 0 6px; font-weight: bold; color: #5f86bf; letter-spacing: -1px; background: url('/games/ro1/2013_ro1/images/support/bul_support1.gif') no-repeat 0 8px; } .supportInfo5 section div span, .supportInfo7 section div span { display: inline-block; vertical-align: middle; } .supportInfo5 section div span a, .supportInfo7 section div span a { margin: 0 2px 0 0; } .supportInfo5 section .btn_supportInfo5{display:block; margin-bottom:14px;} .supportInfo5 .btns { display: inline-block; width: 695px; overflow: hidden; } .supportInfo6 h1 { background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo6.gif'); } .supportInfo5 h2 { margin-bottom: 10px; } .supportInfo6 section img { display: block; margin: 17px 0; } .supportInfo6 section ol { margin-bottom: 17px; } .supportInfo7 h1 { background-image: url('/games/ro1/2013_ro1/images/support/stit_supportInfo7.gif'); } /* gameInfo */ /* 룬미드가츠 도서관 검색 */ .runLib_search div { width: 639px; height: 73px; padding: 20px 0 0 54px; margin-bottom: 25px; background: url('/games/ro1/2013_ro1/images/guide/bg_runSearch.gif') repeat-x 0 0; border: 1px solid #dcdcdc; } .runLib_search div input { vertical-align: middle; } .runLib_search .runSearch { width: 384px; height: 25px; margin-left: 16px; padding-left: 6px; line-height: 25px; border: 4px solid #005dc2; background: url('/games/ro1/2013_ro1/images/guide/txt_searchWord.gif') no-repeat 6px 50%; } .runLib_search .searchPopular { margin: 6px 0 0 107px; padding-left: 28px; background: url('/games/ro1/2013_ro1/images/guide/img_popular.gif') no-repeat 0 50%; } .runLib_search .searchPopular a { color: #333; } .runLibInfo { border-top: 1px solid #0c5ebd; border-bottom: 1px solid #eaeaea; } .runListArea { margin-top: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .runList { padding: 16px 0 7px 25px; border-top: 1px solid #f2f2f2; *zoom: 1; } div.runList:first-child { border: 0; } .runList:after { content: ""; display: block; clear: both; } .runList h2 { float: left; width: 76px; font-weight: bold; font-size: 14px; color: #333; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude1.gif') no-repeat 72px 50%; } .runList ul { float: left; width: 569px; margin-right: 20px; padding-left: 5px; *zoom: 1; } .runList li { float: left; min-width: 24px; padding: 0 12px; margin: 5px 0 12px; border-left: 1px solid #e0e0e0; line-height: 12px; } .runList li:first-child, .runList .lineNone { border: 0; } .runList li a { color: #666; } .runList li a:hover, .runList li a:focus, .runList li a:active { text-decoration: underline; } .searchResult p { margin: 10px 0 30px; text-indent: 7px; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude3.gif') no-repeat 0 50%; color: #333; } .searchResult p span { font-weight: bold; color: #333; } .searchResult h1 { margin: 30px 0 15px; background: url('/games/ro1/2013_ro1/images/common/bul/bul_stit.gif') no-repeat 0 50%; color: #333; text-indent: 19px; font-size: 14px; font-weight: bold; } .searchNo { padding: 25px 0; margin-top: 15px; border: 1px solid #eaeaea; text-align: center; } .searchNo p { padding: 0; margin: 0; background: none; color: #999; } .searchNo p:first-child { color: #333; } .searchNo p em { color: #0065d8; font-weight: bold; } /* 게임정보 내 댓글 */ .guideContents .comments { margin-top: 0; } /* 직업 > 전직트리 */ .jobAllContents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job1.gif'); } .jobTree {overflow:hidden; position: relative; width: 695px; height: 903px; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 2px solid #f2f2f2; background: url('/games/ro1/2013_ro1/images/guide/bg_jobTree_211117.gif') no-repeat 0 0; } .jobTree h3 { position: absolute; left: 35px; top: 302px; } .jobTree h3.jobTree2{position: absolute; left:35px; top:850px;} .jobTree ul.jtList{ float: right; width: 560px; margin: 62px 0 0 0; vertical-align: top; } .jobTree ul.jobTree2_1{float:right; width:560px; margin:29px 0 0 0; vertical-align:top;} .jobTree ul li {overflow:hidden; padding-bottom:10px;} .jobTree ul li a, .jobTree ul li img { display: inline-block; float: left; margin: 0 15px 0 0; } .jobTree ul li a img { margin: 0; vertical-align: top; } .jobTree ul li ul {float:right; width: 470px; margin: 0; padding: 0; } .jobTree ul li ul li { padding: 0; } .jobTree ul li ul li ul { float: right; width: 385px; display: block; margin: 0 0 9px 0; } .jobTree ul li ul li ul li { float: left; padding: 0; } .jobTree ul .taekwon {overflow:hidden; position: relative; height: 64px; padding-top: 35px; padding-bottom:3px; } .jobTree ul .taekwon ul { position: absolute; top: 32px; left: 90px; } .jobTree ul .taekwon ul li { padding: 0; } .jobTree ul .taekwon ul li + li a { position: absolute; top: 35px; left: 1px; } .jobTree ul .taekwon ul li ul { top: 0; left: 85px; } .jobTree ul .taekwon ul li ul li { padding: 0; } .jobTree ul .taekwon ul li ul li:first-child a { top: 1px; } .jobTree ul .taekwon ul li ul li:first-child a { top: 1px; } .jobTree ul .taekwon ul li:first-child ul li a { padding: 1px 0 0 1px; } .jobTree ul .taekwon .taekwon2_2 a { left: 2px; top: 36px; } .jobTree ul .ninja { padding:0 0 8px 0; } .jobTree ul .ninja ul li { padding: 0; } .jobTree ul .ninja ul li ul { margin: -4px 0 0 0;} .jobTree ul .ninja ul li ul li { width: 293px; padding-bottom: 9px; margin-left: 87px; } .jobTree ul .ninja ul li ul li + li { padding: 0; margin-left: 87px; } .jobTree ul .gunslinger{padding:0;} .jobTree ul .gunslinger ul li ul li { width: 293px; margin-left: 87px; } .jobTree ul .gunslinger ul li ul li + li { padding: 0; margin-left: 87px; } .jobTree ul .nobbys {width: 470px; margin:0; } .jobTree ul .nobbys li { float: left; } .jobTree ul .nobbys li + li { margin-left: 87px } .jobTree .mt4 {margin-top:4px} .jobTree .tree733 > a {display: inline-block; top: 36px !important;} .jobTree .taekwon .taekwon2_2 .treeLast{top: 36px; } .jobTree .taekwon .treeLast{ right: 142px; } .jobTree .treeLast, .jobTree .treeLast li, .jobTree .treeLast a{ width: auto !important; margin:0 !important; padding:0 !important; float: none !important; left:auto !important; } .jobTree .treeLast{ left:auto; position:absolute; width: auto !important; right: 57px; width: 70px !important; } /* 직업 + 아이템 */ .runJob h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_job.gif') no-repeat 0 0; } .jobTabMenu li { width: 54px; } .jobTabMenu li.jobTabMenu1{width:74px;} .jobTabMenu li.jobTabMenu2{width:63px;} .jobTabMenu li.jobTabMenu11{width:63px;} .jobTabMenu li.jobTabMenu12{width:47px;} .jobTabMenu li.jobTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job1.gif'); } .jobTabMenu li.jobTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job2.gif'); } .jobTabMenu li.jobTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job3.gif'); } .jobTabMenu li.jobTabMenu4 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job4.gif'); } .jobTabMenu li.jobTabMenu5 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job5.gif'); } .jobTabMenu li.jobTabMenu6 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job6.gif'); } .jobTabMenu li.jobTabMenu7 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job7.gif'); } .jobTabMenu li.jobTabMenu8 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job8.gif'); } .jobTabMenu li.jobTabMenu9 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job9.gif'); } .jobTabMenu li.jobTabMenu10 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job10.gif'); } .jobTabMenu li.jobTabMenu11 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job11.gif'); } .jobTabMenu li.jobTabMenu12 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job12.gif'); } .guideContents h2 { width: 695px; height: 15px; margin-bottom: 15px; font: normal 0/0 dotum; background-repeat: no-repeat; background-position: 0 0; } .job01Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job2.gif'); } .job02Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job3.gif'); } .job03Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job5.gif'); } .job04Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job4.gif'); } .job05Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job8.gif'); } .job06Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job6.gif'); } .job07Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job7.gif'); } .job08Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job9.gif'); } .job09Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job10.gif'); } .job10Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job11.gif'); } .job11Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job12.gif'); } .guideContents h4 { clear: both; height: 18px; padding: 30px 0 15px 5px; font-size: 14px; font-weight: bold; color: #0065d8; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 36px; } .guideContents h4.caption{color:#666666;} .guideContents table { background: none; } .guideContents table, .guideContents table th, .guideContents table td { border: 1px solid #eaeaea; } .guideContents table th, .guideContents table th + th { font-weight: bold; color: #333; background: none #f1f1f1; border-bottom: 0; } .guideContents td { color: #999; } .guideContents td.left { padding: 0 10px; text-align: left; } .guideContents td ul { *zoom: 1; } .guideContents td ul:after { content: ""; display: block; clear: both; } .guideContents td li { float: left; width: 77px; padding: 6px 2px; text-align: center; } .guideContents td .jobInfo_skill { padding: 2px; *zoom: 1; } .guideContents td .jobInfo_skill li { width: 271px; padding: 4px 6px; text-indent: 0; text-align: left; } .guideContents td .jobInfo_skill li img { width: 24px; height: 24px; } .guideContents table td a { color: #5f86bf; text-decoration: underline; line-height: 18px; letter-spacing: -1px; } .jobMain02 th { width: 91px; } .jobMain02 th.jobImgName { width: 101px; } .jobMain02 th.jobName { width: 82px; } .jobMain02 td.samejob { width: 400px; } .jobMain02 td img { width: 80px; height: 100px; } .jobMain02 td li img { width: 60px; height: 75px; } .guideContents .jobInfo th { width: 101px; } .guideContents .status { margin-bottom: 20px; } .guideContents .status th { width: 106px; background-color: #f4f8fd; font-weight: bold; color: #5f86bf; text-align: left; text-indent: 10px; height: auto; } .guideContents .status td { height: auto; padding: 7px 10px; text-align: left; letter-spacing: -1px; } .guideContents .statusLevel tbody th { background-color: #fafafa; color: #999; height: auto; font-weight: normal; } .guideContents .skillLevel tbody th { width: 101px; background-color: #fafafa; color: #333; height: auto; font-weight: normal; } .guideContents .statusLevel td { height: auto; padding: 8px 10px; } .guideContents .skillLevel td { height: auto; padding: 8px 0; } .jobExplain { position: relative; width: 290px; min-height: 575px; padding-left: 404px; } .itemExplain, .skillExplain { position: relative; width: 525px; min-height: 150px; padding-left: 170px; } .jobExplain h3, .itemExplain h3, .skillExplain h3 { padding-bottom: 10px; margin-bottom: 13px; font-size: 16px; color: #333; font-weight: bold; border-bottom: 1px solid #eaeaea; } .jobExplain p, .itemExplain p, .skillExplain p { text-align: justify; letter-spacing: -1px; } .jobExplain .img_jobDetail { position: absolute; left: 0; top: 0; width: 390px; height: 575px; } .jobExplain .character { width: 276px; padding: 43px 7px 0; height: 157px; margin-top: 30px; background: url('/games/ro1/2013_ro1/images/guide/bg_characterView.gif') no-repeat 0 0; } .jobExplain .character span { float: left; display: inline-block; width: 136px; text-align: center; *float: none; } .jobExplain .character span > img { width: 80px; height: 100px; } .jobExplain .character span a { display: inline-block; } .jobExplain .character span + span { margin-left: 3px; width: 133px; } /* 2013-11-05 맨티스 이슈 수정 */ p.img_itemDetail { position: absolute; left: 0; top: 0; width: 120px; height: 120px; padding: 15px; background: url('/games/ro1/2013_ro1/images/guide/bg_itemDetail.gif') no-repeat 0 0; text-align: center; } p.img_itemDetail img { max-width: 120px; max-height: 120px; } .skillExplain .img_itemDetail img { display: inline-block; width: 24px; height: 24px; margin-top: 48px; } .formerJob, .sameJob, .feature, .secret, .basic, .spacialSkill { padding: 20px; border: 1px solid #eaeaea; letter-spacing: -1px; *zoom: 1; } .formerJob,.sameJob{ padding: 14px 20px 14px 10px; } /* .sameJob { height: 118px; } 200908*/ .formerJob:after, .sameJob:after, .basic:after, .spacialSkill li:after { content: ""; display: block; clear: both; } .formerJob li, .sameJob li { float: left; width: 90px; text-align: center; margin: 6px 10px; color: #999; } /* .sameJob li:first-child { margin: 6px 10px 6px 0; } */ .formerJob li a, .sameJob li a { color: #5f86bf; text-decoration: underline; } .feature img { margin-right: 10px; } .feature ul { padding-top: 10px; } .feature li { margin-left: 15px; text-indent: -15px; } .feature li span { font-weight: bold; color: #0065d8; } .secret p { font-weight: bold; } .secret li { margin-top: 15px; } .secret li em, .basic li span em, .spacialSkill li span em { font-weight: bold; color: #5f86bf; } .skillTree { border: 1px solid #eaeaea; text-align: center; } .basic { padding: 10px; } .basic li { float: left; padding: 10px; width: 300px; } .basic li.last { width: auto; } .basic li img { float: left; } .basic li span, .spacialSkill li span { display: inline-block; padding: 23px 0 0 10px; } .spacialSkill p { padding: 10px; margin-bottom: 20px; color: #5f86bf; background-color: #f4f8fd; border: 1px solid #eaeaea; font-size: 11px; } .spacialSkill li { height: 100px; margin-top: 20px; } .spacialSkill li:first-child { margin: 0; } .spacialSkill li img { float: left; } .spacialSkill li.line3 span { padding-top: 14px; } .formerJob li img, .sameJob li img { width: 80px; height: 100px; } .itemMain td:first-child img { width: 24px; height: 24px; } .itemMain td.petImg img{width:auto; height:auto; max-width:120px; max-height:120px; padding:10px;} .itemCard td:first-child img { width: 50px; height: 67px; } .runItem h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_item.gif') no-repeat 0 0; } .itemTabMenu li { width: 84px; } .itemTabMenu li.itemTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_item1.gif'); } .itemTabMenu li.itemTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_item2.gif'); } .itemTabMenu li.itemTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_item3.gif'); } .itemTabMenu li.itemTabMenu4 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_item4.gif'); } .itemTabMenu li.itemTabMenu5 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_item5.gif'); } .itemTabMenu li.itemTabMenu6 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_item6.gif'); } .itemTabMenu li.itemTabMenu7 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_item7.gif'); } .itemTabMenu li.itemTabMenu8 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_item8.gif'); } .item01Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_item1.gif'); } .item02Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_item2.gif'); } .item03Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_item3.gif'); } .item04Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_item4.gif'); } .item05Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_item5.gif'); } .item06Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_item6.gif'); } .item07Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_item7.gif'); } .item08Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_item8.gif'); } .guideContents .itemMain { background: none; } .guideContents .itemMain, .guideContents .itemMain th, .guideContents .itemMain td { border: 1px solid #eaeaea; letter-spacing: -1px; } .guideContents .itemMain th { width: 292px; font-weight: bold; color: #333; background: none #f1f1f1; border-bottom: 0; } .guideContents .itemMain th.icon { width: 54px; } .guideContents .itemMain th.name { width: 180px; } .guideContents .itemMain th.classification { width: 93px; } .guideContents .itemMain th.power { width: 70px; } .guideContents .itemMain th.clothesName { width: 230px; } .guideContents .itemMain th.clothesClassification { width: 109px; } .guideContents .itemMain th.cardIcon { width: 70px; } .guideContents .itemMain th.cardName { width: 308px; } .guideContents .itemMain th.cardPosition { width: 89px; } .guideContents .itemMain th.cardAffix { width: 219px; } .guideContents .itemMain th.consumptionName { width: 419px; } .guideContents .itemMain th.consumptionWeight { width: 216px; } .guideContents .itemMain th.etcName { width: 382px; } .guideContents .itemMain th.etcWeight { width: 126px; } .guideContents .itemMain th.etcPrice { width: 125px; } .guideContents .itemMain th.petImg{width:140px;} .guideContents .itemMain th.petTh{width:164px;} .guideContents .itemMain th img { display: inline-block; margin-top: -2px; } .guideContents .itemMain th img + img { margin-left: -2px; } .guideContents .itemMain td { height: auto; color: #999; } .guideContents .itemMain td.left { padding: 4px 7px; text-align: left; } .guideContents .itemMain td a { color: #5f86bf; text-decoration: underline; line-height: 22px; } .guideContents .itemCard td { padding: 10px; } .guideContents .itemDetail th { width: 101px; } .guideContents .itemDetail td { text-align: left; padding: 0 10px; } .guideContents .itemDetail .dropMonster li { display: inline-block; width: 142px; padding: 0; text-align: left; } .guideContents .petList{margin-top:20px;} .guideContents .firstItemMain{margin-top:0;} .itemSearch { margin-bottom: 20px; padding: 9px 19px 9px 25px; width: 649px; height: 20px; background-color: #f4f8fd; border: 1px solid #e5ebf5; } .itemSearch div { float: left; display: inline-block; width: 568px; border-right: 1px solid #e5ebf5; } .itemSearch p { font-size: 11px; line-height: 11px; margin-top: 0; } .itemSearch p label { display: inline-block; margin-right: 40px; *padding-top: 3px; } .itemSearch p label img { vertical-align: center; } .itemSearch p select { width: 170px; vertical-align: top; border: 1px solid #e0e0e0; } .itemSearch div + a { display: inline-block; float: right; } /* 스킬 */ .runSkill h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_skill.gif') no-repeat 0 0; } .skillTabMenu li { width: 54px; } .skillTabMenu li.skillTabMenu1{width:63px;} .skillTabMenu li.skillTabMenu10{width:63px;} .skillTabMenu li.skillTabMenu11{width:47px;} .skillTabMenu li.skillTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job2.gif'); } .skillTabMenu li.skillTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job3.gif'); } .skillTabMenu li.skillTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job4.gif'); } .skillTabMenu li.skillTabMenu4 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job5.gif'); } .skillTabMenu li.skillTabMenu5 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job6.gif'); } .skillTabMenu li.skillTabMenu6 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job7.gif'); } .skillTabMenu li.skillTabMenu7 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job8.gif'); } .skillTabMenu li.skillTabMenu8 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job9.gif'); } .skillTabMenu li.skillTabMenu9 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job10.gif'); } .skillTabMenu li.skillTabMenu10 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job11.gif'); } .skillTabMenu li.skillTabMenu11 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_job12.gif'); } .skill01Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job2.gif'); } .skill02Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job3.gif'); } .skill03Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job4.gif'); } .skill04Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job5.gif'); } .skill05Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job6.gif'); } .skill06Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job7.gif'); } .skill07Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job8.gif'); } .skill08Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job9.gif'); } .skill09Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job10.gif'); } .skill10Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job11.gif'); } .skill11Contents h2 { background-image: url('/games/ro1/2013_ro1/images/guide/stit_job12.gif'); } .guideContents .itemMain th.skillName { width: 261px; } .guideContents .itemMain th.skillDivision { width: 81px; } .guideContents .itemMain th.skillJob { width: 297px; } /* 몬스터 */ .runMonster h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_monster.gif') no-repeat 0 0; } .monsterTabMenu li { width: 96px; } .monsterTabMenu li.monsterTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_monster1.gif'); } .monsterTabMenu li.monsterTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_monster2.gif'); } .monsterTabMenu li.monsterTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_monster3.gif'); } .guideContents .monsterImg { padding: 10px; width: 120px; height: 120px; } .monsterImg img { max-width: 120px; max-height: 120px; } .monsterSearch { margin-bottom: 20px; padding: 9px 19px 9px 25px; width: 649px; height: 209px; background-color: #f4f8fd; border: 1px solid #e5ebf5; } .monsterSearch div { float: left; display: inline-block; width: 568px; padding: 5px 0; border-right: 1px solid #e5ebf5; } .monsterSearch p { font-size: 11px; line-height: 11px; margin-top: 13px; *margin-top: 10px; } .monsterSearch p:first-child { margin-top: 0; } .monsterSearch .monster_property span { display: inline-block; margin: 6px 0 0 89px; } .monsterSearch .monster_trive span { display: inline-block; margin: 6px 0 0 89px; } .monsterSearch .monster_level input { width: 48px; height: 18px; border: 1px solid #e0e0e0; } .monsterSearch p strong { margin-right: 40px; } .monsterSearch p input { vertical-align: middle; } .monsterSearch p label { font-size: 11px; margin-right: 9px; *margin-right: 1px; } .monsterSearch div + a { display: inline-block; float: right; margin-top: 95px; } .guideContents .bossMonster th { width: 60px; letter-spacing: -1px; } .guideContents .bossMonster th.monsterImage { width: 140px; } .guideContents .bossMonster th.monsterName { width: 227px; } .guideContents .bossMonster th.monsterHP { width: 80px; } .guideContents .bossMonster td { letter-spacing: -1px; } .guideContents .bossMonster .searchMonsterNo td { padding: 15px 0; } /* 탑버튼 */ .top_content { position: relative; } .top_content .btn_top { position: absolute; right: 5px; top: 30px; } /* 지역 */ .runArea h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_area.gif') no-repeat 0 0; } .runArea .areaDungeon { margin: 20px 0 40px; background: none; border: none; } .runArea .areaDungeon th, .runArea .areaDungeon td { border: 1px solid #eaeaea; letter-spacing: -1px; } .runArea .areaDungeon th { width: 200px; padding: 0 15px; text-align: left; font-weight: bold; background-color: #f1f1f1; color: #333; } .runArea .areaDungeon td { width: 523px; padding: 10px 10px 0 0; } .runArea .areaDungeon ul { *zoom: 1; } .runArea .areaDungeon ul:after { content: ""; display: block; clear: both; } .runArea .areaDungeon li { float: left; min-width: 50px; padding: 0 10px 10px 10px; line-height: 25px; } .runArea .areaDungeon li img { width: 25px; height: 25px; } .runArea li a { color: #5f86bf; text-decoration: underline; } .runArea .areaDungeon + p { padding: 10px 16px; border: 1px solid #e5ebf5; background-color: #f4f8fd; font-size: 14px; color: #333; } .runArea .areaDungeon + p em { color: #0065d8; } .runArea .areaDungeon + p span { color: #333; } .runArea .areaDungeon + p em, .runArea .areaDungeon + p span { font-weight: bold; font-size: 14px; } .runArea h2 { height: 18px; padding: 30px 0 15px 5px; font-size: 14px; font-weight: bold; color: #0065d8; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 36px; } .runArea .areaMap { padding: 20px 0; border: 1px solid #eaeaea; text-align: center; } .runArea .areaMap img { max-width: 600px; } .runArea .areaMonster { border: 1px solid #eaeaea; background-color: #f1f1f1; } .runArea .areaMonster h3 { display: inline-block; width: 96px; text-align: center; font-weight: bold; color: #333; vertical-align:middle; *display: inline; *padding: 0 30px 0 31px; } .runArea .areaMonster ul { position: relative; display: inline-block; width: 592px; background-color: #fff; border-left: 1px solid #eaeaea; vertical-align:middle; *display: inline; *zoom: 1; } .runArea .areaMonster li { float: left; width: 98px; height: 100px; padding: 9px 0 6px 20px; text-align: center; line-height: 18px; } .runArea .areaMonster li span { display: block; width: 60px; height: 60px; margin: 0 auto 3px; line-height: 60px; } .runArea .areaMonster li span img { max-width: 60px; max-height: 60px; } .runArea .areaMonster .noMonster { position: relative; display: inline-block; width: 592px; height: 95px; line-height: 95px; background-color: #fff; border-left: 1px solid #eaeaea; vertical-align:middle; text-indent: 20px; *display: inline; *zoom: 1; } .runArea h2 + .comments { margin-top: 0; } .runArea_map { z-index: 1; position: relative; margin-bottom: 20px; } .runArea_map ul { position: absolute; left: 0; top: 0; width: 695px; height: 720px; } /* 2013-11-05 맨티스 이슈 수정 */ .runArea_map li { z-index: 3; position: absolute; } /* 2013-11-05 맨티스 이슈 수정 */ .runArea_map li a { display: block; width: 34px; height: 34px; } .runArea_map li a img { width: 100%; height: 100%; } .runArea_map #map149 { top: 1px; left: 396px; } .runArea_map #map150 { top: 1px; left: 429px; } .runArea_map #mapNo1_1 { top: 1px; left: 463px; } .runArea_map #map146 { top: 1px; left: 496px; } .runArea_map #map164 { top: 32px; left: 328px; } .runArea_map #map152 { z-index: 3; top: 45px; left: 367px; } .runArea_map #map153 { top: 32px; left: 396px; } .runArea_map #map151 { top: 32px; left: 429px; } .runArea_map #map148 { top: 32px; left: 462px; } .runArea_map #map147 { top: 32px; left: 496px; } .runArea_map #map179 { top: 66px; left: 161px; } .runArea_map #mapNo3_1 { top: 66px; left: 329px; } .runArea_map #map155 { top: 66px; left: 363px; } .runArea_map #map154 { top: 66px; left: 396px; } .runArea_map #map159 { top: 66px; left: 429px; } .runArea_map #mapNo3_2 { top: 66px; left: 462px; } .runArea_map #map143 { top: 66px; left: 595px; } .runArea_map #mapNo4_1 { top: 98px; left: 93px; } .runArea_map #map183 { top: 98px; left: 127px; } .runArea_map #map180 { top: 98px; left: 161px; } .runArea_map #map178 { top: 98px; left: 193px; } .runArea_map #map177 { top: 98px; left: 229px; } .runArea_map #map174 { top: 98px; left: 262px; } .runArea_map #mapNo4_2 { top: 98px; left: 295px; } .runArea_map #map165 { top: 98px; left: 328px; } .runArea_map #map163 { top: 98px; left: 362px; } .runArea_map #map156 { top: 98px; left: 396px; } .runArea_map #map157 { top: 98px; left: 429px; } .runArea_map #map158 { top: 98px; left: 462px; } .runArea_map #mapNo4_3 { top: 98px; left: 496px; } .runArea_map #map141 { top: 98px; left: 563px; } .runArea_map #map142 { top: 98px; left: 595px; } .runArea_map #mapNo5_1 { top: 133px; left: 94px; } .runArea_map #map184 { top: 149px; left: 135px; } .runArea_map #map181 { top: 133px; left: 162px; } .runArea_map #mapNo5_2 { top: 133px; left: 195px; } .runArea_map #map176 { top: 133px; left: 230px; } .runArea_map #map173 { top: 133px; left: 263px; } .runArea_map #map168 { top: 132px; left: 295px; } .runArea_map #map167 { top: 139px; left: 328px; } .runArea_map #map166 { top: 133px; left: 363px; } .runArea_map #map162 { top: 133px; left: 397px; } .runArea_map #map161 { top: 133px; left: 430px; } .runArea_map #map160 { top: 133px; left: 463px; } .runArea_map #mapNo6_1 { top: 166px; left: 59px; } .runArea_map #mapNo6_2 { top: 166px; left: 93px; } .runArea_map #map185 { top: 166px; left: 127px; } .runArea_map #map182 { top: 166px; left: 161px; } .runArea_map #map175 { top: 166px; left: 229px; } .runArea_map #map172 { top: 166px; left: 262px; } .runArea_map #map171 { top: 166px; left: 295px; } .runArea_map #map170 { top: 166px; left: 328px; } .runArea_map #mapNo6_3 { top: 166px; left: 362px; } .runArea_map #map169 { top: 166px; left: 429px; } .runArea_map #map85 { top: 166px; left: 462px; } .runArea_map #map187 { top: 200px; left: 93px; } .runArea_map #map186 { top: 200px; left: 127px; } .runArea_map #mapNo7_1 { top: 200px; left: 161px; } .runArea_map #map86 { top: 200px; left: 462px; } .runArea_map #map190 { top: 233px; left: 59px; } .runArea_map #map188 { top: 233px; left: 93px; } .runArea_map #map189 { top: 233px; left: 127px; } .runArea_map #mapNo8_1 { top: 234px; left: 262px; } .runArea_map #mapNo8_2 { top: 234px; left: 295px; } .runArea_map #map37 { top: 234px; left: 328px; } .runArea_map #map43 { top: 234px; left: 362px; } .runArea_map #map49 { top: 234px; left: 396px; } .runArea_map #map55 { top: 234px; left: 429px; } .runArea_map #map87 { top: 234px; left: 462px; } .runArea_map #map194 { top: 268px; left: 59px; } .runArea_map #map191 { top: 276px; left: 93px; } .runArea_map #map107 { top: 268px; left: 232px; } .runArea_map #map32 { top: 268px; left: 262px; } .runArea_map #map34 { top: 268px; left: 295px; } .runArea_map #map38 { top: 268px; left: 328px; } .runArea_map #map44 { top: 268px; left: 362px; } .runArea_map #map50 { top: 268px; left: 396px; } .runArea_map #map56 { top: 268px; left: 429px; } .runArea_map #map88 { top: 268px; left: 462px; } .runArea_map #map84 { top: 268px; left: 496px; } .runArea_map #map192 { top: 300px; left: 91px; } .runArea_map #map33 { top: 300px; left: 262px; } .runArea_map #map35 { top: 300px; left: 295px; } .runArea_map #map39 { top: 300px; left: 328px; } .runArea_map #map45 { top: 300px; left: 362px; } .runArea_map #map51 { top: 300px; left: 396px; } .runArea_map #map57 { top: 300px; left: 429px; } .runArea_map #map96 { top: 300px; left: 462px; } .runArea_map #map95 { top: 300px; left: 496px; } .runArea_map #map94 { top: 300px; left: 528px; } .runArea_map #map93 { top: 300px; left: 562px; } .runArea_map #map193 { top: 334px; left: 91px; } .runArea_map #mapNo11_1 { top: 334px; left: 262px; } .runArea_map #map36 { top: 334px; left: 295px; } .runArea_map #map40 { top: 334px; left: 328px; } .runArea_map #map46 { top: 334px; left: 362px; } .runArea_map #map52 { top: 334px; left: 396px; } .runArea_map #map92 { top: 334px; left: 429px; } .runArea_map #map98 { top: 334px; left: 462px; } .runArea_map #map97 { top: 334px; left: 496px; } .runArea_map #map124 { top: 376px; left: 175px; } .runArea_map #mapNo12_1 { top: 366px; left: 295px; } .runArea_map #map41 { top: 366px; left: 328px; } .runArea_map #map47 { top: 366px; left: 362px; } .runArea_map #map53 { top: 366px; left: 396px; } .runArea_map #map91 { top: 366px; left: 429px; } .runArea_map #map90 { top: 366px; left: 462px; } .runArea_map #map99 { top: 366px; left: 496px; } .runArea_map #map100 { top: 366px; left: 528px; } .runArea_map #map195 { top: 397px; left: 53px; } .runArea_map #map125 { top: 408px; left: 169px; } .runArea_map #mapNo13_1 { top: 400px; left: 295px; } .runArea_map #map42 { top: 400px; left: 328px; } .runArea_map #map48 { top: 400px; left: 362px; } .runArea_map #map54 { top: 400px; left: 396px; } .runArea_map #map89 { top: 400px; left: 429px; } .runArea_map #map83 { top: 400px; left: 462px; } .runArea_map #map81 { top: 400px; left: 496px; } .runArea_map #map72 { top: 395px; left: 561px; } .runArea_map #map126 { top: 442px; left: 135px; } .runArea_map #map127 { top: 442px; left: 169px; } .runArea_map #map128 { top: 442px; left: 203px; } .runArea_map #map23 { top: 465px; left: 323px; } .runArea_map #map25 { top: 447px; left: 343px; } .runArea_map #map82 { top: 433px; left: 489px; } .runArea_map #map73 { top: 425px; left: 551px; } .runArea_map #map74 { top: 425px; left: 577px; } .runArea_map #map75 { top: 425px; left: 600px; } .runArea_map #map129 { top: 475px; left: 169px; } .runArea_map #map133 { top: 475px; left: 208px; } .runArea_map #map135 { top: 475px; left: 242px; } .runArea_map #mapNo15_1 { top: 475px; left: 275px; } .runArea_map #map24 { top: 483px; left: 324px; } .runArea_map #map26 { top: 481px; left: 345px; } .runArea_map #map80 { top: 461px; left: 476px; } .runArea_map #map79 { top: 461px; left: 503px; } .runArea_map #map78 { top: 458px; left: 533px; } .runArea_map #map77 { top: 458px; left: 568px; } .runArea_map #map76 { top: 458px; left: 600px; } .runArea_map #map134 { top: 509px; left: 208px; } .runArea_map #map136 { top: 509px; left: 242px; } .runArea_map #map137 { top: 509px; left: 275px; } .runArea_map #map139 { top: 509px; left: 309px; } .runArea_map #map27 { top: 509px; left: 343px; } .runArea_map #map29 { top: 509px; left: 376px; } .runArea_map #mapNo16_1 { top: 495px; left: 517px; } .runArea_map #map66 { top: 495px; left: 547px; } .runArea_map #map65 { top: 504px; left: 572px; } .runArea_map #map138 { top: 542px; left: 275px; } .runArea_map #map140 { top: 542px; left: 309px; } .runArea_map #map28 { top: 542px; left: 343px; } .runArea_map #map30 { top: 542px; left: 376px; } .runArea_map #map31 { top: 535px; left: 409px; } .runArea_map #mapNo17_1 { top: 531px; left: 547px; } .runArea_map #map64 { top: 531px; left: 572px; } .runArea_map #map63 { top: 520px; left: 603px; } .runArea_map #map62 { top: 524px; left: 634px; } .runArea_map #map58 { top: 555px; left: 663px; } .runArea_map #map74 a { width: 23px; } .runArea_map #map66 a, .runArea_map #mapNo17_1 a { width: 25px; } .runArea_map #map72 a { width: 26px; } .runArea_map #map80 a { width: 27px; } .runArea_map #map124 a, .runArea_map #map73 a { width: 28px; } .runArea_map #map79 a, .runArea_map #map107 a, .runArea_map #mapNo16_1 a { width: 30px; } .runArea_map #map63 a, .runArea_map #map64 a, .runArea_map #map65 a { width: 31px; } .runArea_map #mapNo4_3 a, .runArea_map #map141 a, .runArea_map #map142 a, .runArea_map #map147 a, .runArea_map #map95 a, .runArea_map #map146 a, .runArea_map #map93 a, .runArea_map #map77 a { width: 32px; } .runArea_map #map153 a, .runArea_map #map151 a, .runArea_map #map180 a, .runArea_map #map177 a, .runArea_map #map174 a, .runArea_map #mapNo4_2 a, .runArea_map #map156 a, .runArea_map #map157 a, .runArea_map #map181 a, .runArea_map #map176 a, .runArea_map #map173 a, .runArea_map #map162 a, .runArea_map #map161 a, .runArea_map #map182 a, .runArea_map #map172 a, .runArea_map #map171 a, .runArea_map #map169 a, .runArea_map #map192 a, .runArea_map #map33 a, .runArea_map #map35 a, .runArea_map #map51 a, .runArea_map #map57 a, .runArea_map #map53 a, .runArea_map #map91 a, .runArea_map #map135 a, .runArea_map #map175 a, .runArea_map #mapNo8_1 a, .runArea_map #mapNo8_2 a, .runArea_map #map49 a, .runArea_map #map55 a, .runArea_map #map25 a, .runArea_map #mapNo12_1 a, .runArea_map #map149 a, .runArea_map #map150 a { width: 33px; } .runArea_map #map166 a, .runArea_map #map168 a { width: 34px; } .runArea_map #map178 a, .runArea_map #mapNo5_2 a { width: 35px; } .runArea_map #map167 a, .runArea_map #map129 a { width: 36px; } .runArea_map #map152 a { width: 39px; } .runArea_map #map191 a { height: 24px; } .runArea_map #map94 a, .runArea_map #map93 a { height: 25px; } .runArea_map #map65 a { height: 27px; } .runArea_map #map63 a, .runArea_map #map63 a { height: 28px; } .runArea_map #map167 a { height: 29px; } .runArea_map #map72 a { height: 30px; } .runArea_map #map149 a, .runArea_map #map150 a, .runArea_map #map146 a, .runArea_map #mapNo1_1 a, .runArea_map #map175 a { height: 31px; } .runArea_map #map194 a, .runArea_map #map38 a, .runArea_map #map44 a, .runArea_map #map88 a, .runArea_map #map40 a, .runArea_map #map46 a, .runArea_map #map98 a, .runArea_map #map124 a, .runArea_map #map155 a, .runArea_map #map107 a, .runArea_map #mapNo3_2 a { height: 32px; } .runArea_map #map187 a, .runArea_map #map186 a, .runArea_map #map42 a, .runArea_map #map48 a, .runArea_map #map83 a, .runArea_map #map126 a, .runArea_map #map127 a, .runArea_map #map73 a, .runArea_map #map77 a, .runArea_map #map64 a, .runArea_map #map152 a, .runArea_map #map74 a, .runArea_map #mapNo17_1 a, .runArea_map #map134 a, .runArea_map #map137 a, .runArea_map #map139 a, .runArea_map #map138 a, .runArea_map #map140 a, .runArea_map #map166 a { height: 32px; } .runArea_map #mapNo12_1 a { height: 34px; } .runArea_map #map190 a, .runArea_map #map188 a, .runArea_map #map189 a, .runArea_map #map168 a { height: 35px; } .runArea_map #mapNo16_1 a, .runArea_map #map66 a { height: 36px; } .runArea_map #map100 a { width: 13px; height: 13px; } .runArea_map #map62 a { width: 13px; height: 14px; } .runArea_map #map58 a { width: 16px; height: 17px; } .runArea_map #map99 a { width: 18px; height: 19px; } .runArea_map #map23 a, .runArea_map #map184 a { width: 20px; height: 18px; } .runArea_map #map24 a { width: 20px; height: 19px; } .runArea_map #map82 a, .runArea_map #map26 a { width: 28px; height: 28px; } .runArea_map #map84 a, .runArea_map #map97 a, .runArea_map #map143 a { width: 32px; height: 32px; } .runArea_map #map32 a, .runArea_map #map34 a, .runArea_map #map50 a, .runArea_map #map56 a, .runArea_map #map179 a, .runArea_map #mapNo3_1 a, .runArea_map #map154 a, .runArea_map #map159 a, .runArea_map #map36 a, .runArea_map #map52 a, .runArea_map #map92 a, .runArea_map #mapNo11_1 a { width: 33px; height: 32px; } .runArea_map #map193 a, .runArea_map #mapNo13_1 a, .runArea_map #map54 a, .runArea_map #map89 a, .runArea_map #map81 a, .runArea_map #map136 a, .runArea_map #map27 a, .runArea_map #map29 a, .runArea_map #map28 a, .runArea_map #map30 a, .runArea_map #map31 a, .runArea_map #mapNo7_1 a { width: 33px; height: 33px; } .runArea_map #map78 a, .runArea_map #map76 a, .runArea_map #map75 a { width: 35px; height: 33px; } .runArea_map #map195 a { width: 36px; height: 36px; } .runArea_map .noArea { } .runArea_map .noArea li { z-index: 2; } /* 2013-11-05 맨티스 이슈 추가 */ .runArea_map .noArea li a { display: block; width: 36px; height: 34px; } .runArea_map #map220 { left: 16px; top: 475px; } .runArea_map #map226 { left: 52px; top: 541px; } .runArea_map #map241 { left: 55px; top: 645px; } .runArea_map #map245 { left: 208px; top: 578px; } .runArea_map #map249 { left: 274px; top: 645px; } .runArea_map #map254 { left: 375px; top: 605px; } .runArea_map #map308 { left: 517px; top: 645px; } .runArea_map #map314 { left: 643px; top: 605px; } .runArea_map .mapDungeon { background: url('/games/ro1/2013_ro1/images/guide/bg_mapDungeon.png') no-repeat 0 0; } .runArea_map .map_warp { border: 2px solid #00c8df; } .runArea_map .map_loop { border: 2px solid #ec471c; } .runArea_map .map_kingdom { border: 2px solid #944cff; } .runArea_map .map_ship { border: 2px solid #a7c600; } .runArea_map .map_train { border: 2px solid #ef5e76; } .runArea_map .mapDungeon + span { display: block; padding: 3px 5px; background-color: #f2f2f2; border: 3px solid #000; font-size: 14px; font-weight: bold; color: #000; } .runArea_map .mapMeans + span { display: block; padding: 0 5px; font-size: 11px; color: #fff; text-indent: 15px; } .runArea_map .tortoise + span { margin-left: -40px; } .runArea_map .map_warp + span { background: url('/games/ro1/2013_ro1/images/guide/icon_mapWarp.gif') #00b5ca no-repeat 2px 50%; border: 1px solid #09d7ef; } .runArea_map .map_loop + span { background: url('/games/ro1/2013_ro1/images/guide/icon_mapLoop.gif') #d5370d no-repeat 2px 50%; border: 1px solid #ee5400; } .runArea_map .map_kingdom + span { background: url('/games/ro1/2013_ro1/images/guide/icon_mapKingdom.gif') #8b57e6 no-repeat 2px 50%; border: 1px solid #a772ff; } .runArea_map .map_ship + span { background: url('/games/ro1/2013_ro1/images/guide/icon_mapShip.gif') #839b00 no-repeat 2px 50%; border: 1px solid #a1bf00; } .runArea_map .map_train + span { background: url('/games/ro1/2013_ro1/images/guide/icon_mapTrain.gif') #dc5c71 no-repeat 2px 50%; border: 1px solid #fe8ea1; } .runArea_map .jawai + span { margin-left: -21px; } .runArea_map .mapTop168 + span { margin-top: -65px; } .runArea_map .mapTop167 + span { margin-top: -58px; } .runArea_map .mapTop98 + span { margin-top: -62px; } .runArea_map .mapTop99 + span { margin-top: -49px; } .runArea_map .mapTop63 + span { margin-top: -58px; } /* 퀘스트 */ .runQuest > h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_quest.gif') no-repeat 0 0; } .runQuest .comments { margin: 40px 0 25px; } .questSearch { margin-bottom: 20px; padding: 9px 19px 9px 25px; width: 649px; height: 92px; background-color: #f4f8fd; border: 1px solid #e5ebf5; } .questWriteSearch { margin-bottom: 10px; } .questWriteSearch span { display: inline-block; width: 97px; height: 34px; background: url("/games/ro1/2013_ro1/images/guide/txt_questSelect.gif") no-repeat 19px 11px; font: 0px/0 dotum; overflow: hidden; vertical-align: middle; } .questWriteSearch select { width: 342px; height: 20px; border: 1px solid #e0e0e0; font-size: 11px; line-height: 20px; color: #999; vertical-align: middle; } .questWriteSearch span + select { width: 153px; } .questWriteSearch select + a { margin: 0 15px 0 2px; } .questSearch div { float: left; display: inline-block; width: 568px; padding: 3px 0 4px; border-right: 1px solid #e5ebf5; } .questSearch p { font-size: 11px; line-height: 11px; margin-top: 13px; color: #999; *margin-top: 10px; } .questSearch p:first-child { margin-top: 0; } .questSearch span { display: inline-block; margin: 6px 0 0 89px; } .questSearch input, .questSearch select { width: 48px; height: 18px; border: 1px solid #e0e0e0; vertical-align: middle; } .questSearch .quest_questName { width: 272px; } .questSearch select { width: 272px; height: 20px; font-size: 11px; color: #999; line-height: 20px; } .questSearch p label, .questSearch p strong { font-size: 11px; margin-right: 40px; } .questSearch p label.questTitle { margin-right: 49px; } .questSearch div + input { display: inline-block; float: right; width: auto; height: auto; margin-top: 36px; border: 0; } .questSearch .questChoice label { margin-right: 31px; } .questSearch .questChoice select { width: 322px; } .guideContents .questMain { margin-bottom: 10px; } .guideContents .questMain th { width: 77px; letter-spacing: -1px; } .guideContents .questMain th.questName { width: 183px; } .guideContents .questMain th.questLevel { width: 93px; } .guideContents .questMain th.questArea { width: 100px; } .guideContents .questMain th.questIndemnifi { width: 241px; } .guideContents .questMain td { height: 44px; letter-spacing: -1px; } .guideContents .questMain td li { float: none; padding: 4px 0 3px 10px; width: auto; text-align: left; border-top: 1px dotted #c1c1c1; color: #999; } .guideContents .questMain td li:first-child { border: none; } .guideContents .questMain td li span { display: inline-block; width: 180px; } .guideContents .questMain td li em { font-weight: bold; color: #999; } .guideContents .questMain td li span + img { margin-right: 2px; } .guideContents .questMain .searchQuestNo td { padding: 15px 0; } .questMain + .btns, .questList + .btns { text-align: right; } .questMain + .btns a span, .questList + .btns a span { margin: 0; } .questMain + .btns a, .questList + .btns a { margin-left: 3px; } .runQuest .bbs { position: relative; } .runQuest .questAttack_revise { position: absolute; right: 10px; top: 8px; color: #5f86bf; font-size: 11px; letter-spacing: -1px; } .runQuest article .postMetadata li.postRecom { margin-right: 0; } .runQuest .commentsList div .commentsMetadata .recommend { position: absolute; right: 60px; padding-left: 12px; color: #ffa500; font-weight: bold; background: url('/games/ro1/2013_ro1/images/guide/icon_recommend.gif') no-repeat 0 2px; line-height: 13px; } .runQuest .commentsList div .commentsMetadata .recommend span { padding-right: 5px; font-size: 11px; color: #a5a5a5; } .runQuest .questDetail, .runQuest .questDetail th, .runQuest .questDetail td { background: none; border: 1px solid #eaeaea; letter-spacing: -1px; } .runQuest .questDetail th, .questDetail th + th { width: 101px; font-weight: bold; color: #333; background: none #f1f1f1; border-bottom: 0; } .runQuest .questDetail td { width: 245px; text-align: left; text-indent: 10px; color: #999; } .runQuest .questDetail td.merger { width: 592px; } .runQuest .questDetail tr:first-child td { background-color: #fafafa; font-weight: bold; } .runQuest .questDetail td a { color: #5f86bf; text-decoration: underline; line-height: 18px; } .runQuest .questDetail td li { float: left; width: 295px; padding: 4px 0; color: #999; letter-spacing: -1px; border-top: 1px dotted #c1c1c1; } .runQuest .questDetail td li span { display: inline-block; width: 232px; color: #999; } .runQuest .questDetail td li em { color: #999; font-weight: bold; } .runQuest .questDetail td li:first-child { float: none; width: 100%; border: 0; } .runQuest .questDetail td li:first-child em + img { margin-left: 45px; } .runQuest .questDetail td li:first-child img:first-child { margin-left: 10px; } .runQuest .questDetail + .write { margin-top: 15px; } .questDetail + h2 { margin: 28px 0 13px; } .questReturnReason { padding: 15px; border: 1px solid #c4d5ef; background-color: #f4f8fd; } .questReturnReason h3 { padding-bottom: 10px; margin-bottom: 15px; font-weight: bold; color: #5f86bf; background: url('/games/ro1/2013_ro1/images/guide/bg_line.gif') repeat-x 0 100%; } .questReturnReason h3 img { margin-right: 11px; } .questReturnReason p { color: #999; letter-spacing: -1px; padding-bottom: 15px; } .questReturnReason + h2 { margin: 30px 0 13px; } .questList { margin: 30px 0 10px; } .questList td { letter-spacing: -1px; } .questList .num { width: 50px; } .questList .subject { width: 370px; } .questList .writer { width: 114px; } .questList .date { width: 67px; } .questList .count, .questList .recom { width: 47px; } .bbs .questList tr.adopt td { background-color: #fafcff; letter-spacing: -1px; } .bbs .questList tr.adopt td.subject a, .bbs .questList tr.adopt td.date, .bbs .questList tr.adopt td.count, .bbs .questList tr.adopt td.recom { font-weight: bold; } .bbs .questList tr.choice td { background-color: #e9e9e9; } .bbs .questList tr.choice td.subject span:first-child { font-weight: bold; } .bbs .questList tr td.subject a, .bbs .questList tr td.subject span { *float: left; } .bbs .questList tr td.subject a + span, .bbs .questList tr td.subject span + span { *text-indent: 3px; } .bbs .questList tr td.subject span.manager { float: right; padding-right: 5px; color: #5f86bf; font-size: 11px; letter-spacing: -1px; } .questNoWriting { height: 58px; margin-top: 28px; padding-top: 166px; border: 1px solid #eaeaea; background: url('/games/ro1/2013_ro1/images/guide/bg_questNoWriting.jpg') no-repeat 277px 27px; } .questNoWriting p { text-align: center; font-weight: bold; color: #656565; } /* SIntro */ .ragIntro { width: 695px; height: 981px; background: url('/games/ro1/2013_ro1/images/guide/img_ragIntro_1220.jpg') no-repeat 0 0; } /* ragStart */ .ragStart h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_ragStartGuide.gif') no-repeat 0 0; } .ragStart nav li { width: 95px; } .ragStart li.ragStartTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartGuide01.gif'); } .ragStart li.ragStartTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartGuide02.gif'); } .ragStartContents { margin-bottom: 20px; border-bottom: 2px solid #f2f2f2; } .ragStartContents p { margin: 13px 0 18px; letter-spacing: -1px; } .ragStartContents p strong { color: #5f86bf; letter-spacing: -1px; } .ragStart01Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartGuide01.gif"); } .ragStart02Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartGuide02.gif"); } .ragStart02Contents h3 { width: 100%; padding: 0 0 5px 17px; background-repeat: no-repeat; background-position: 0 2px; font-weight: bold; color: #333; } .ragStart02Contents h3.ragStart_num01 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num1.gif"); } .ragStart02Contents h3.ragStart_num02 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num2.gif"); } .ragStart02Contents h3.ragStart_num03 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num3.gif"); } /* ragStartGuide */ .ragStartBasic h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_ragStartBasic.gif') no-repeat 0 0; } .ragStart li.ragStartBasicTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartBasic01.gif'); } .ragStart li.ragStartBasicTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartBasic02.gif'); } .ragStart li.ragStartBasicTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartBasic03.gif'); } .ragStart li.ragStartBasicTabMenu4 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartBasic04_0503.gif'); } .ragStartBasic01Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartBasic01.gif"); } .ragStartBasic02Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartBasic02.gif"); } .ragStartBasic03Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartBasic03.gif"); } .ragStartBasic04Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartBasic04.gif"); } .ragStartBasic01Contents h3 { width: 100%; padding: 0 0 5px 17px; background-repeat: no-repeat; background-position: 0 2px; font-weight: bold; color: #333; } .ragStartBasic01Contents h3.ragStart_num01 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num1.gif"); } .ragStartBasic01Contents h3.ragStart_num02 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num2.gif"); } .ragStartBasic01Contents h3.ragStart_num03 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num3.gif"); } .ragStartBasic01Contents p { margin: 13px 0 18px; letter-spacing: -1px; } .ragStartBasic01Contents h3 + p { margin: 0 0 10px 0; } .ragStartBasic02Contents h3 { width: 100%; padding: 0 0 5px 17px; background-repeat: no-repeat; background-position: 0 2px; font-weight: bold; color: #333; } .ragStartBasic02Contents h3.ragStart_num01 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num1.gif"); } .ragStartBasic02Contents h3.ragStart_num02 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num2.gif"); } .ragStartBasic02Contents img { margin-bottom:35px; } .ragStartBasic02Contents table.ragStartBasic02Table01{margin-bottom:10px;} .ragStartBasic02Contents table th.appellation{width:162px;} .ragStartBasic02Contents table td.textLeft{padding-left:18px; text-align:left;} .ragStartBasic02Contents table td span{display:block; padding-left:97px; color:#999;} .ragStartBasic03Contents div { margin-bottom: 20px; border-bottom: 2px solid #f2f2f2; } .ragStartBasic03Contents p { margin: 13px 0 18px; letter-spacing: -1px; } .ragStartBasic04Contents h3 {font: normal 12px/18px dotum, 돋움, serif; width: 100%; padding: 0 0 5px 17px; margin-bottom:5px; background-repeat: no-repeat; background-position: 0 2px; font-weight: bold; color: #333; } .ragStartBasic04Contents h3.ragStart_num01 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num1.gif"); } .ragStartBasic04Contents h3.ragStart_num02 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num2.gif"); } .ragStartBasic04Contents h3.ragStart_num03 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num3.gif"); } .ragStartBasic04Contents h3.ragStart_num04 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num4.gif"); } .ragStartBasic04Contents h3.ragElement{padding: 0;background-position: 0; color:#666666;} .ragStartBasic04Contents p { margin: 3px 0 18px; letter-spacing: -1px; } .ragStartBasic04Contents h3 + p { margin: 0 0 10px 0; } .ragStartBasic04Contents h4 { height: auto; font-size: 12px; padding: 0 0 0 5px; margin-top: 5px; background-position: 0 50%; } .ragStartBasic04Contents + p { margin: 5px 0 10px; } .ragStartBasic04Contents table{margin:5px 0 20px;} .ragStartBasic04Contents table th { width: 60px; height:40px;} .ragStartBasic04Contents table th:first-child {overflow:hidden; position:relative;} .ragStartBasic04Contents table th:first-child span{width:auto; height:auto; font-size:11px; text-indent:0;} .ragStartBasic04Contents table th:first-child span.elementTitle1{position:absolute; bottom:3px; left:5px; } .ragStartBasic04Contents table th:first-child span.elementTitle2{font-size:20px} .ragStartBasic04Contents table th:first-child span.elementTitle3{position:absolute; top:3px; right:5px;} .ragStartBasic04Contents table td.bgColor1{background-color:#ffe0c6;} .ragStartBasic04Contents table td.bgColor2{background-color:#b8d7ff;} .ragStartBasic04Contents table td.bgColor3{background-color:#ffd9e4;} .ragStartBasic04Contents table td.bgColor4{background-color:#fafafa;} .ragStartBasic04Contents table th, .ragStartBasic04Contents table th + th { font-weight:normal; color: #666; background: none #f1f1f1; border-bottom: 0; } .ragStartBasic04Contents table td{height:22px; font-size:11px; letter-spacing: -1px;} .ragStartBasic04Contents table.table04 th:first-child{ width: 94px;} .ragStartBasic04Contents .guideLevel{overflow:hidden; width:100%;} .ragStartBasic04Contents .guideLevelContents{float:left; width: 345px;} .ragStartBasic04Contents .guideLevelContents:first-child{margin-right:5px;} .ragStartBasic04Contents table.amountTable th{height:22px;font-size:11px; letter-spacing: -1px;} .ragStartBasic04Contents .spaceMoveNav { border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; margin-bottom:25px; *zoom: 1; } .ragStartBasic04Contents .spaceMoveNav:after { content: ""; display: block; clear: both; } .ragStartBasic04Contents .spaceMoveNav li { float: left; width: 19.85%; height: 22px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; text-align: center; font-size: 11px; color: #999; line-height: 22px; } .ragStartBasic04Contents table tr td.red{color:#ff6600;} .ragStartBasic04Contents table tr td.blue{color:#5f86bf;} /* ragStartInterface */ .ragStartInterface h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_ragStartInterface.gif') no-repeat 0 0; } .ragStart li.ragStartInterfaceTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartInterface01.gif'); } .ragStart li.ragStartInterfaceTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartInterface02.gif'); } .ragStart li.ragStartInterfaceTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartInterface03.gif'); } .ragStart li.ragStartInterfaceTabMenu4 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartInterface04.gif'); } .ragStart li.ragStartInterfaceTabMenu5 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartInterface05.gif'); } .ragStartInterface01Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartInterface01.gif"); } .ragStartInterface02Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartInterface02.gif"); } .ragStartInterface03Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartInterface03.gif"); } .ragStartInterface04Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartInterface04.gif"); } .ragStartInterface05Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartInterface05.gif"); } .interface { position: relative; width: 695px; height: 523px; margin-top: 25px; background: url("/games/ro1/2013_ro1/images/guide/bg_ragStartInterface_140526.jpg") no-repeat 0 0; } .interface .interfaceArea > a { position: absolute; left: 0; top: 0; text-indent: -99999px; font-size: 0; line-height: 0; background-repeat: 0 0; background-position: 0 0; } .interface a.interface01 { left: 1px; top: 1px; width: 220px; height: 144px; background-image: url('/games/ro1/2013_ro1/images/guide/img_interface01_1.gif'); } .interface a.interface02 { left: 220px; top: 1px; width: 282px; height: 34px; background-image: url('/games/ro1/2013_ro1/images/guide/img_interface01_2_140526.jpg'); } .interface a.interface03 { left: 1px; top: 144px; width: 37px; height: 39px; } .interface a.interface22 { left: 37px; top: 144px; width: 37px; height: 39px; } .interface a.interface04 { left: 73px; top: 144px; width: 37px; height: 39px; } .interface a.interface05 { left: 109px; top: 144px; width: 37px; height: 39px; } .interface a.interface11 { left: 146px; top: 144px; width: 37px; height: 39px; } .interface a.interface07 { left: 181px; top: 144px; width: 37px; height: 39px; } .interface a.interface08 { left: 1px; top: 180px; width: 37px; height: 39px; } .interface a.interface12 { left: 37px; top: 180px; width: 37px; height: 39px; } .interface a.interface09 { left: 73px; top: 180px; width: 37px; height: 39px; } .interface a.interface06 { left: 109px; top: 180px; width: 37px; height: 39px; } .interface a.interface14 { left: 146px; top: 180px; width: 37px; height: 39px; } .interface a.interface10 { left: 181px; top: 180px; width: 37px; height: 39px; } .interface a.interface15 { left: 1px; top: 214px; width: 37px; height: 39px; } .interface a.interface13 { left: 37px; top: 214px; width: 37px; height: 39px; } .interface a.interface16 { left: 1px; top: 253px; width: 95px; height: 26px; background-image: url('/games/ro1/2013_ro1/images/guide/img_interface01_16.gif'); } .interface a.interface17 { left: 1px; top: 280px; width: 95px; height: 26px; background-image: url('/games/ro1/2013_ro1/images/guide/img_interface01_17.gif'); } .interface a.interface18 { left: 1px; top: 306px; width: 95px; height: 26px; background-image: url('/games/ro1/2013_ro1/images/guide/img_interface01_18.gif'); } .interface a.interface19 { left: 1px; top: 332px; width: 95px; height: 26px; background-image: url('/games/ro1/2013_ro1/images/guide/img_interface01_19.gif'); } .interface a.interface23 { left: 1px; top: 358px; width: 95px; height: 26px; background-image: url('/games/ro1/2013_ro1/images/guide/img_interface01_23.gif'); } .interface a.interface20 { left: 1px; top: 384px; width: 95px; height: 26px; background-image: url('/games/ro1/2013_ro1/images/guide/img_interface01_20.gif'); } .interface a.interface21 { left: 1px; top: 426px; width: 596px; height: 96px; background-image: url('/games/ro1/2013_ro1/images/guide/img_interface01_21_140526.jpg'); } .interface_on > a.interface01 { background-position: 0 144px; } .interface_on > a.interface02 { background-position: 0 34px; } .interface_on > a.interface03, .interface_on > a.interface04, .interface_on > a.interface05, .interface_on > a.interface06, .interface_on > a.interface07, .interface_on > a.interface08, .interface_on > a.interface09, .interface_on > a.interface10, .interface_on > a.interface11, .interface_on > a.interface12, .interface_on > a.interface13, .interface_on > a.interface14, .interface_on > a.interface15, .interface_on > a.interface22 { background-image: url('/games/ro1/2013_ro1/images/guide/img_interfaceIconOn.png'); background-position: 0 bottom; } .interface_on > a.interface16, .interface_on > a.interface17, .interface_on > a.interface18, .interface_on > a.interface19, .interface_on > a.interface20, .interface_on > a.interface23 { background-position: 0 26px; } .interface_on > a.interface21 { background-position: 0 96px; } .popup_interface { display: none; position: absolute; left: 232px; top: 44px; width: 390px; height: 340px; padding: 20px; background: url('/games/ro1/2013_ro1/images/guide/bg_interfaceLayerpopup.png') no-repeat 0 0; } .popup_interface div { width: 390px; height: 340px; overflow-y: scroll; overflow-x: hidden; } .popup_interface div strong { display: block; margin-bottom: 5px; color: #93b3e1; font-size: 14px; font-weight: bold; letter-spacing: -1px; } .popup_interface div p { color: #d3d3d3; letter-spacing: -1px; } .popup_interface div p + strong { margin-top: 15px; } .popup_interface div p + span { margin-top: 30px; } .popup_interface div span { display: block; text-align: center; margin: 0 10px 20px 0; } .popup_interface .close { position: absolute; right: -20px; top: 0; } .interface_on .popup_interface { display: block; } .ragStartInterface02Contents p { margin: 13px 0 18px; letter-spacing: -1px; } .ragStartInterface02Contents h2 + p { margin-top: -10px; } .ragStartInterface03Contents h2 + p { margin-top: -8px; } .ragStartInterface03Contents h3, .ragStartInterface04Contents h3 { width: 693px; margin-top: 20px; background-color: #f1f1f1; border: 1px solid #eaeaea; font-size: 11px; line-height: 22px; letter-spacing: -1px; text-align: center; } .ragStartInterface03Contents dl, .ragStartInterface04Contents dl { *zoom: 1; } .ragStartInterface03Contents dl:after, .ragStartInterface04Contents dl:after { content: ""; display: block; clear: both; } .ragStartInterface03Contents dt, .ragStartInterface04Contents dt { float: left; width: 222px; padding: 4px 0; border: 1px solid #eaeaea; border-top: 0; background-color: #fafafa; text-align: center; font-size: 11px; line-height: 14px; letter-spacing: -1px; color: #999; } .ragStartInterface03Contents dd, .ragStartInterface04Contents dd { float: left; width: 460px; padding: 4px 0; padding-left: 10px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; font-size: 11px; line-height: 14px; letter-spacing: -1px; color: #999; } .ragStartInterface03Contents dt.line2, .ragStartInterface04Contents dt.line2 { padding: 11px 0; } .ragStartInterface03Contents .noShorten { width: 695px; *zoom: 1; } .ragStartInterface03Contents .noShorten:after { content: ""; display: block; clear: both; } .ragStartInterface03Contents .noShorten li { float: left; width: 346px; height: 22px; border: 1px solid #eaeaea; border-top: 0; font-size: 11px; line-height: 22px; letter-spacing: -1px; color: #999; text-align: center; } .ragStartInterface03Contents .noShorten .noShorten_left { border-right: 0; } .ragStartInterface04Contents p { letter-spacing: -1px; } .ragStartInterface05Contents h3 { width: 100%; padding: 0 0 5px 17px; background-repeat: no-repeat; background-position: 0 2px; font-weight: bold; color: #333; } .ragStartInterface05Contents h3.ragStart_num01 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num1.gif"); } .ragStartInterface05Contents h3.ragStart_num02 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num2.gif"); } .ragStartInterface05Contents h3.ragStart_num03 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num3.gif"); } .ragStartInterface05Contents div { margin: 5px 0 20px; height: 150px; } .ragStartInterface05Contents div .interfaceFlash { float: left; margin: 0 15px 0 0; } .ragStartInterface05Contents div p { float: left; margin-bottom: 8px; letter-spacing: -1px; *float: none; } .ragStartInterface05Contents strong { color: #5f86bf; } /* ragStartPlay */ .ragStartPlay h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_ragStartPlay.gif') no-repeat 0 0; } .ragStart li.ragStartPlayTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartPlay01.gif'); } .ragStart li.ragStartPlayTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartPlay02.gif'); } .ragStart li.ragStartPlayTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartPlay03.gif'); } .ragStart li.ragStartPlayTabMenu4 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartPlay04.gif'); } .ragStart li.ragStartPlayTabMenu5 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartPlay05.gif'); } .ragStart li.ragStartPlayTabMenu6 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_ragStartPlay06.gif'); } .ragStartPlay01Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartPlay01.gif"); } .ragStartPlay02Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartPlay02.gif"); } .ragStartPlay03Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartPlay03.gif"); } .ragStartPlay04Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartPlay04.gif"); } .ragStartPlay05Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartPlay05.gif"); } .ragStartPlay06Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_ragStartPlay06.gif"); } .ragStartPlayContents h2 + p { margin: -8px 0 10px; } .ragStartPlayContents h3 { width: 100%; padding: 0 0 5px 17px; margin-top: 18px; background-repeat: no-repeat; background-position: 0 2px; font-weight: bold; color: #333; } .ragStartPlayContents h3.ragStart_num01 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num1.gif"); } .ragStartPlayContents h3.ragStart_num02 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num2.gif"); } .ragStartPlayContents h3.ragStart_num03 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num3.gif"); } .ragStartPlayContents h3.ragStart_num04 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num4.gif"); } .ragStartPlayContents h4 { width: 100%; padding: 0 0 0 6px; margin: 15px 0 5px; font-size: 12px; font-weight: bold; color: #0065d8; background: url("/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif") no-repeat 0 50%; } .ragStartPlayContents p { margin: 13px 0 18px; letter-spacing: -1px; } .ragStartPlayContents h3 + p, .ragStartPlayContents h4 + p { margin: 0 0 10px 0; } .ragStartPlayContents p strong { color: #5f86bf; } .guideContents .ragStartParty { width: 460px; } .guideContents .ragStartParty th, .guideContents .ragStartParty td { font-size: 11px; letter-spacing: -1px; } .guideContents .ragStartParty th { width: 320px; font-weight: normal; color: #666; } .guideContents .ragStartParty th:first-child { width: 139px; } .guideContents .ragStartParty td { padding-left: 19px; text-align: left; } .guideContents .ragStartParty td.txtCenter { padding: 0; text-align: center; } .guideContents .ragStartParty td strong { color: #5f86bf; font-size: 11px; } .ragStartPlay03Contents table + table { margin-top: 20px; } .ragStartPlay03Contents .ragStartLevel th { width: 104px; background-color: #fafafa; font-weight: normal; color: #666; } .ragStartPlay03Contents .ragStartLevel th.level { width: 68px; } .ragStartPlay03Contents .ragStartLevel th, .ragStartPlay03Contents .ragStartLevel td { font-size: 11px; letter-spacing: -1px; height: 22px; } .ragStartPlay03Contents .ragStartLevel .tit_table th { width: 25%; background-color: #f1f1f1; font-weight: bold; } /* system */ /* systemBeginner */ .systemBeginner h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_systemBeginner.gif') no-repeat 0 0; } .system li { width: 95px; } .system li.systemBeginnerTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemBeginner01.gif'); } .system li.systemBeginnerTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemBeginner02.gif'); } .system li.systemBeginnerTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemBeginner03.gif'); } .system li.systemBeginnerTabMenu4 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemBeginner04.gif'); } .system li.systemBeginnerTabMenu5 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemBeginner05.gif'); } .system li.systemBeginnerTabMenu6 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemBeginner06.gif'); } .system li.systemBeginnerTabMenu7 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemBeginner07.gif'); } .systemBeginner01Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemBeginner01.gif"); } .systemBeginner02Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemBeginner02.gif"); } .systemBeginner03Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemBeginner03.gif"); } .systemBeginner04Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemBeginner04.gif"); } .systemBeginner05Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemBeginner05.gif"); } .systemBeginner06Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemBeginner06.gif"); } .systemBeginner07Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemBeginner07.gif"); } .system h3 { width: 100%; padding: 0 0 7px 17px; margin-top: 20px; background-repeat: no-repeat; background-position: 0 2px; font-weight: bold; color: #333; } .system h3.system_num01 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num1.gif"); } .system h3.system_num02 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num2.gif"); } .system h3.system_num03 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num3.gif"); } .system h3.system_num04 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num4.gif"); } .system h3.system_num05 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num5.gif"); } .system h3.system_num06 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num6.gif"); } .system h3.system_num07 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num7.gif"); } .system h3.system_num08 { background-image: url("/games/ro1/2013_ro1/images/common/icon/icon_num8.gif"); } .system h2 + h3 { margin-top: -5px; } .system h3 + h4 { margin-top: 0; } .system h4 { height: auto; font-size: 12px; padding: 0 0 0 5px; margin-top: 15px; background-position: 0 50%; } .system p { margin: 15px 0; letter-spacing: -1px; } .system h2 + p { margin: -8px 0 15px; } .system h3 + p { margin: 0 0 15px; } .system h4 + p { margin: 5px 0 10px; } .system table + p { margin-top: -10px; } .system em { color: #5f86bf; } .system .systemBeginnerContents table, .system .systemLoversContents table, .system .systemMania03Contents table { width: 460px; margin: 15px 0 20px; } .system .systemLoversContents h4 + table { margin-top: 5px; } .system .systemBeginnerContents table th, .system .systemLoversContents table th, .system .systemMania03Contents table th { font-weight: normal; color: #666; width: 50%; } .system .systemBeginnerContents table th, .system .systemBeginnerContents table td, .system .systemLoversContents table th, .system .systemLoversContents table td, .system .systemMania03Contents table th, .system .systemMania03Contents table td, .system .systemMania05Contents table th, .system .systemMania05Contents table td { height: 22px; font-size: 11px; letter-spacing: -1px; } .system .systemBeginnerContents tbody th { background-color: #fafafa; color: #999; } .system .systemBeginnerContents h4 + table { margin-top: 5px; } .system .systemBeginner02Contents th.material { width: 101px; } .system .systemBeginner02Contents th.effect { width: 357px; } .system .systemBeginner03Contents table th { width: 151px; } .system .systemBeginner03Contents table th:first-child { width: 111px; } .system .systemBeginner03Contents .tableStyle table {width:460px} .system .systemBeginner03Contents .tableStyle table thead tr ~ tr th { background:#fafafa } .system .systemBeginner03Contents .tableStyle table th:first-child { width: 38px; padding-top:3px } .system .systemBeginner03Contents .tableStyle table tbody th{ width:38px} .system .systemBeginner03Contents .tableStyle table td{ min-width:80px} .system .systemBeginner03Contents .tableStyle table td.txtLeft{ text-align:left; padding:5px 10px} .system .systemBeginner03Contents table th.exchange, .system .systemBeginner03Contents table th.defense { width: 197px; } .system .systemBeginner03Contents .smithyNPC th { width: 513px; } .system .systemBeginner03Contents .smithyNPC th:first-child { width: 181px; } .system .systemBeginner03Contents .smithyNPC, .system .systemBeginner07Contents .signNPC{ width: 100%; } .system .systemBeginner03Contents .smithyNPC td, .system .systemBeginner07Contents .signNPC td { padding: 10px; text-align: left; } .system .systemBeginner03Contents .btnBlock {text-align:center; width:460px} .system .systemBeginner03Contents .guideTxt {font-size:12px; color:#5f86bf; padding-top:22px} .system .systemBeginner03Contents .guideTxt01 {text-align:center; width:460px;margin-top: 10px;} .system .systemBeginner04Contents table th { width: 60px; height:40px;} .system .systemBeginner04Contents table th:first-child {overflow:hidden; position:relative; width: 94px;} .system .systemBeginner04Contents table th:first-child span{width:auto; height:auto; font-size:11px; text-indent:0;} .system .systemBeginner04Contents table th:first-child span.elementTitle1{position:absolute; bottom:3px; left:5px; } .system .systemBeginner04Contents table th:first-child span.elementTitle2{font-size:20px} .system .systemBeginner04Contents table th:first-child span.elementTitle3{position:absolute; top:3px; right:5px;} .system .systemBeginner04Contents table td.bgColor1{background-color:#ffe0c6;} .system .systemBeginner04Contents table td.bgColor2{background-color:#b8d7ff;} .system .systemBeginner04Contents table td.bgColor3{background-color:#ffd9e4;} .systemBeginner05Contents strong { display: block; margin-top: 15px; font-weight: bold; } .system .systemBeginner05Contents table, .system .systemBeginner04Contents table { width: 100%; } .system .systemBeginner05Contents table .ability { text-align: left; padding-left: 5px; } .system .systemBeginner05Contents table th { width: 173px; } .system .systemBeginner05Contents th.rating, .system .systemBeginner05Contents th.charge { width: 174px; } .system .systemBeginner05Contents .enchant th { width: 100px; } .system .systemBeginner05Contents .enchant th.enchantAbility { width: 494px; } .systemBeginner06Contents .quPetList { padding: 18px; background-color: #f4f8fd; border: 1px solid #e5ebf5; } .systemBeginner06Contents .quPetList p { margin: 0 0 18px; color: #5f86bf; } .systemBeginner06Contents .monsterTamingNPC { width: 278px; margin-top: 15px; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; } .systemBeginner06Contents .petPrecautions { width: 100%; margin-top: 15px; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; } .systemBeginner06Contents .monsterTamingNPC li, .systemBeginner06Contents .petPrecautions li { width: 278px; height: 22px; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; color: #999; line-height: 22px; font-size: 11px; } .systemBeginner06Contents .petPrecautions li { width: 100%; } .systemBeginner06Contents .monsterTamingNPC span, .systemBeginner06Contents .petPrecautions span { display: inline-block; width: 110px; height: 22px; margin-right: 7px; border-right: 1px solid #eaeaea; text-align: center; line-height: 22px; background-color: #f1f1f1; font-size: 11px; } .systemBeginner07Contents .spaceMoveNav { border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; *zoom: 1; } .systemBeginner07Contents .spaceMoveNav:after { content: ""; display: block; clear: both; } .systemBeginner07Contents .spaceMoveNav li { float: left; width: 230px; height: 22px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; text-align: center; font-size: 11px; color: #999; line-height: 22px; } .systemBeginner07Contents .precautions li { padding-left: 5px; width: 100%; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 50%; } .system .systemBeginner07Contents .signNPC th { width: 513px; } .system .systemBeginner07Contents .signNPC th:first-child { width: 181px; } .system .systemBeginner07Contents .signNPC td:first-child { padding: 10px 0; text-align: center; } /* systemLovers */ .systemLovers h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_systemLovers.gif') no-repeat 0 0; } .system li.systemLoversTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemLovers01.gif'); } .system li.systemLoversTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemLovers02.gif'); } .system li.systemLoversTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemLovers03.gif'); } .system li.systemLoversTabMenu4 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemLovers04.gif'); } .systemLovers01Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemLovers01.gif"); } .systemLovers02Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemLovers02.gif"); } .systemLovers03Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemLovers03.gif"); } .systemLovers04Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemLovers04.gif"); } .systemLovers01Contents .wedding { margin-top: 15px; } .systemLovers03Contents .adoption { margin-bottom: 15px; } .systemLovers01Contents .wedding li, .systemLovers02Contents .divorce li, .systemLovers03Contents .adoption li { padding-left: 5px; width: 100%; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 7px; letter-spacing: -1px; } .system .systemLovers01Contents .coupleSkill th { width: 298px; } .system .systemLovers01Contents .coupleSkill th:first-child { width: 161px; } .systemLovers03Contents .adoptionTerms { margin-top: -10px; } .systemLovers03Contents .adoptionTerms li { width: 100%; } .systemLovers03Contents .adoptionTerms li:after { content: ""; display: block; clear: both; } .systemLovers03Contents .adoptionTerms li strong { float: left; width: 115px; font-weight: bold; color: #5f86bf; letter-spacing: -1px; } .systemLovers03Contents .adoptionTerms li span { float: left; color: #5f86bf; letter-spacing: -1px; } .system .systemLovers03Contents table { width: 100%; } .system .systemLovers03Contents table th { width: 441px; } .system .systemLovers03Contents table th:first-child { width: 41px; } .system .systemLovers03Contents table th.skillName { width: 141px; } .system .systemLovers03Contents table th.affiliation { width: 71px; } .system .systemLovers03Contents table td:first-child { padding: 6px 0; background-color: #fafafa; text-align: center; } .system .systemLovers03Contents table td img { width: 25px; height: 24px; } .system .systemLovers03Contents table .effect { text-align: left; padding: 2px 0 0 8px; line-height: 14px; } /* systemGuild */ .systemGuild h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_systemGuild.gif') no-repeat 0 0; } .system li.systemGuildTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemGuild01.gif'); } .system li.systemGuildTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemGuild02.gif'); } .system li.systemGuildTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemGuild03.gif'); } .system li.systemGuildTabMenu4 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemGuild04.gif'); } .systemGuild01Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemGuild01.gif"); } .systemGuild02Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemGuild02.gif"); } .systemGuild03Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemGuild03.gif"); } .systemGuild04Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemGuild04.gif"); } .systemGuild01Contents .system_num01, .systemGuild01Contents .system_num02, .systemGuild01Contents .system_num03, .systemGuild01Contents .system_num04, .systemGuild01Contents .system_num05, .systemGuild01Contents .system_num06, .systemGuild01Contents .system_num07, .systemGuild01Contents .system_num08 { font-weight: normal; } .systemGuild01Contents .system_num01 span, .systemGuild01Contents .system_num02 span, .systemGuild01Contents .system_num03 span, .systemGuild01Contents .system_num04 span, .systemGuild01Contents .system_num05 span, .systemGuild01Contents .system_num06 span, .systemGuild01Contents .system_num07 span, .systemGuild01Contents .system_num08 span { font-weight: bold; color: #333; } .systemGuild01Contents .guildSystemList { height: 81px; padding: 20px 22px; border: 3px solid #f1f1f1; } .systemGuild01Contents .guildSystemList ul { float: left; width: 320px; } .systemGuild01Contents .guildSystemList li { width: 100%; line-height: 20px; } .systemGuild01Contents .guildSystemList li span { font-weight: bold; } .systemGuild01Contents .guildSystemList li a { color: #666; } .systemGuild01Contents .makeGuild { height: 84px; padding: 13px 0 0 108px; background: url('/games/ro1/2013_ro1/images/guide/img_systemGuild01_1_20140310.jpg') no-repeat 0 0; } .systemGuild01Contents .makeGuild p { margin: 0; } .systemGuild01Contents .guildEmblemImg{display: inline-block; height: 165px; vertical-align: top; border:1px solid #d6d6d6; margin-right:15px} .systemGuild01Contents .guildEmblem{display: inline-block} .systemGuild01Contents .guildEmblem li { padding-left: 5px; width: 100%; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 7px; letter-spacing: -1px; color: #5f86bf; } .systemGuild01Contents .guildInfo li { padding-left: 5px; width: 100%; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 7px; letter-spacing: -1px; } .systemGuild01Contents .guildInfo li strong { font-weight: bold; color: #5f86bf; } .systemGuild01Contents .systemGuild01_skillTree { width: 695px; height: 416px; background: url('/games/ro1/2013_ro1/images/guide/img_systemGuild01_6_190221.jpg') no-repeat 0 0; } .systemGuild01Contents .systemGuild01_skillTree p { margin: 0; text-indent: 100%; font-size: 0; line-height: 0; overflow: hidden; } .systemGuild01Contents .guildSkill { padding-bottom: 11px; border-top: 1px solid #f2f2f2; } .systemGuild01Contents h4 + .guildSkill { margin-top: -7px; border: 0; } .systemGuild01Contents .guildSkill strong { display: block; margin: 12px 0 5px; font-weight: bold; } .systemGuild01Contents .guildSkill p { margin: 0; } .systemGuild .dayAndTime { margin-top: -15px; *zoom: 1; } .systemGuild .dayAndTime:after { content: ""; display: block; clear: both; } .systemGuild .dayAndTime p { float: left; width: 531px; height: 45px; line-height: 22px; border: 1px solid #eaeaea; text-align: center; color: #999; font-size: 11px; } .systemGuild .dayAndTime p:first-child { width: 160px; margin-right: -1px; } .systemGuild .dayAndTime p span { display: block; height: 22px; line-height: 22px; background-color: #f1f1f1; text-align: center; border-bottom: 1px solid #eaeaea; font-size: 11px; } .systemGuild02Contents .siegeWarfareList { width: 695px; height: 220px; background: url('/games/ro1/2013_ro1/images/guide/img_systemGuild02_1.jpg') no-repeat 0 0; *margin-top: 15px; } .systemGuild02Contents .siegeWarfareList li { display: inline; width: 0; height: 0; overflow: hidden; font-size: 0; text-indent: -10000px; background: transparent none; } .systemGuild02Contents .siegeWarfareRule li { padding-left: 5px; width: 100%; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 7px; letter-spacing: -1px; } .systemGuild02Contents .siegeWarfareRule + p { margin-top: 5px; } .systemGuild02Contents .butlerNPC { margin-top: 15px; } .systemGuild02Contents .butlerNPC th { width: 120px; height: auto; font-weight: normal; font-size: 11px; color: #666; letter-spacing: -1px; } .systemGuild02Contents .butlerNPC td { height: auto; padding: 4px 0 4px 10px; text-align: left; font-size: 11px; letter-spacing: -1px; line-height: 14px; } .systemGuild03Contents .siegeWarfareFeature li, .systemGuild04Contents .siegeWarfareFeature li { padding-left: 5px; width: 100%; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 7px; letter-spacing: -1px; } .systemGuild03Contents .siegeWarfareFeature .siegeWarfareFeature05, .systemGuild03Contents .siegeWarfareFeature .siegeWarfareFeature06 { background-position: 0 17px; } .systemGuild03Contents .siegeWarfareFeature li strong { display: block; font-weight: bold; color: #0065d8; padding: 10px 0 5px; } .systemGuild03Contents .siegeWarfareFeature li img { display: block; margin: 10px 0; } .systemGuild03Contents .siegeWarfareFeature li strong + img { margin: 0 0 15px; } .systemGuild03Contents .siegeWarfareFeature + h4 { margin: 10px 0 5px; } .systemGuild04Contents .rentalItem { position: relative; float: left; width: 242px; height: 288px; padding: 20px 0 0 104px; margin-top: -1px; margin-right: -1px; border: 1px solid #eaeaea; } .systemGuild04Contents .rentalItem strong { font-weight: bold; color: #5f86bf; } .systemGuild04Contents .rentalItem img { position: absolute; left: 17px; top: 22px; } .systemGuild04Contents .rentalItem ul { margin-top: 5px; } .systemGuild04Contents .rentalItem li { width: 100%; font-size: 11px; color: #999; letter-spacing: -1px; line-height: 14px; } /* systemMania */ .systemMania h1 { width: 695px; height: 20px; margin-bottom: 19px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/guide/tit_systemMania.gif') no-repeat 0 0; } .system li.systemManiaTabMenu1 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemMania01.gif'); } .system li.systemManiaTabMenu2 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemMania02.gif'); } .system li.systemManiaTabMenu3 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemMania03.gif'); } .system li.systemManiaTabMenu4 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemMania04.gif'); } .system li.systemManiaTabMenu5 a span { background-image: url('/games/ro1/2013_ro1/images/guide/tabMenu_systemMania05.gif'); } .systemMania01Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemMania01.gif"); } .systemMania02Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemMania02.gif"); } .systemMania03Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemMania03.gif"); } .systemMania04Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemMania04.gif"); } .systemMania05Contents h2 { background-image: url("/games/ro1/2013_ro1/images/guide/stit_systemMania05.gif"); } .systemMania01Contents .terms li { padding-left: 5px; width: 100%; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 7px; letter-spacing: -1px; } .systemMania03Contents .challengeInfo strong { font-weight: bold; color: #5F86BF; } .systemMania03Contents .arenaPointUse span { margin-left: 104px; } .systemMania03Contents table.arenaPoint { margin-bottom: 8px; } .systemMania03Contents table.arenaPoint th { width: auto; } .systemMania03Contents table.arenaPoint th:first-child { width: 106px; } .systemMania03Contents table.arenaPoint td { width: 116px; padding: 5px 0; height: 46px; } .systemMania03Contents table.arenaPoint td:first-child { width: 106px; } .systemMania03Contents table.arenaPoint td.txtLeft { width: 116px; padding-right: 234px; } .systemMania03Contents table.arenaPoint td img { width: 26px; height: 26px; } .systemMania03Contents .arenaPointInfo li { padding-left: 5px; width: 100%; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 7px; letter-spacing: -1px; } .systemMania05Contents .homunculus { width: 604px; } .systemMania05Contents .homunculus th { width: 401px; font-weight: normal; color: #666; } .systemMania05Contents .homunculus th:first-child { width: 78px; } .systemMania05Contents .homunculus th.homunculusIcon { width: 41px; } .systemMania05Contents .homunculus th.homunculusIconName { width: 81px; } .systemMania05Contents .homunculus td:first-child { background-color: #fafafa; color: #666; } .systemMania05Contents .homunculus td.homunculusExplanation { padding: 6px 10px; text-align: left; } .systemMania05Contents .homunculus td em { font-size: 11px; color: #5f86bf; } .systemMania05Contents .embryo { margin-top: 10px; *zoom: 1; } .systemMania05Contents .embryo:after { content: ""; display: block; clear: both; } .systemMania05Contents .embryo strong { float: left; width: 78px; height: 42px; padding-top: 16px; border: 1px solid #eaeaea; background-color: #f1f1f1; text-align: center; color: #666; font-size: 11px; line-height: 14px; } .systemMania05Contents .embryo p { float: left; width: 483px; height: 58px; margin: 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } .systemMania05Contents .embryo p.embryoIcon, .systemMania05Contents .embryo p.embryoIcon em { width: 41px; } .systemMania05Contents .embryo p em { display: inline-block; width: 483px; height: 21px; line-height: 21px; font-size: 11px; color: #666; background-color: #f1f1f1; text-align: center; border-bottom: 1px solid #eaeaea; } .systemMania05Contents .embryo p img { display: inline-block; margin: 5px 0 0 10px; } .systemMania05Contents .embryo p span { padding-left: 15px; font-size: 11px; color: #999; line-height: 36px; } .systemMania05Contents .homunculusInfo { width: 604px; } .systemMania05Contents .homunculusInfo th { width: 515px; font-weight: normal; color: #666; } .systemMania05Contents .homunculusInfo th.homunculusIcon { width: 41px; } .systemMania05Contents .homunculusInfo th.homunculusIconName { width: 47px; } .systemMania05Contents .homunculusInfo td { padding: 5px 0; } .systemMania05Contents .homunculusInfo td.homunculusExplanation { text-align: left; padding: 0 10px; } .systemMania05Contents .homunculusEvolution { *zoom: 1; } .systemMania05Contents .homunculusEvolution:after { content: ""; display: block; clear: both; } .systemMania05Contents .homunculusEvolution li { float: left; width: 276px; margin: 10px 52px 0 0; } .systemMania05Contents .homunculusEvolution li div { float: left; width: 129px; height: 136px; } .systemMania05Contents .homunculusEvolution li div:first-child { padding-right: 18px; background: url('/games/ro1/2013_ro1/images/guide/icon_systemMania05_next.gif') no-repeat 131px 50%; } .systemMania05Contents .homunculusEvolution li div p { width: 127px; height: 21px; margin: 0; line-height: 21px; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; background-color: #f1f1f1; font-size: 11px; color: #666; text-align: center; } .systemMania05Contents .homunculusMutation { margin-top: 20px; *zoom: 1; } .systemMania05Contents .homunculusMutation:after { content: ""; display: block; clear: both; } .systemMania05Contents .homunculusMutation li { float: left; width: 128px; margin-left: 13px; } .systemMania05Contents .homunculusMutation li:first-child { margin: 0; } .systemMania05Contents .homunculusMutation p { width: 127px; height: 21px; margin: 0; line-height: 21px; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; background-color: #f1f1f1; font-size: 11px; color: #666; text-align: center; } .systemMania05Contents .homunculusSkill { *zoom: 1; } .systemMania05Contents .homunculusSkill:after { content: ""; display: block; clear: both; } .systemMania05Contents .homunculusSkill li { float: left; width: 128px; padding-left: 19px; background: url('/games/ro1/2013_ro1/images/guide/icon_systemMania05_next.gif') no-repeat 4px 34px; font-size: 11px; color: #999; text-align: center; letter-spacing: -1px; } .systemMania05Contents .homunculusSkill li:first-child { margin: 0; padding: 0; background: 0; } .systemMania05Contents .homunculusSkill li p { width: 127px; height: 29px; margin: 0; padding-top: 4px; line-height: 14px; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; background-color: #f1f1f1; font-size: 11px; color: #666; text-align: center; } .systemMania05Contents .homunculusSkill li span { display: inline-block; width: 127px; margin-bottom: 5px; padding: 11px 0 13px 0; text-align: center; border: 1px solid #eaeaea; } .systemMania05Contents .system_num05 + p { padding-left: 5px; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 7px; } .systemMania05Contents .homunculusMutationInfo li, .systemMania05Contents .homunculusAIsystem li { padding-left: 5px; width: 100%; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 7px; letter-spacing: -1px; } /* jobMain_layerPopup */ #popup_jobs { display: block; z-index: 10; position: absolute; left: 234px; top: 292px; width: 170px; height: 100px; padding: 30px 20px 30px 190px; background-color: #fff; border: 2px solid #8a8a8a; } #popup_jobs h1 { width: auto; height: auto; margin-bottom: 6px; background: none; font-size: 12px; font-weight: bold; color: #333; line-height: 12px; } #popup_jobs p { font-size: 11px; color: #999; line-height: 13px; letter-spacing: -1px; margin-bottom: 10px; text-align: justify; } #popup_jobs .img_jobs { position: absolute; left: 20px; top: 30px; } #popup_jobs .img_jobs img { width: 80px; height: 100px; } #popup_jobs .more { padding-right: 4px; font-size: 11px; color: #8c8c8c; background: url('/games/ro1/2013_ro1/images/guide/bul_more.gif') no-repeat 100% 50%; } #popup_jobs .btn_close { position: absolute; right: 10px; top: 10px; } /* popup_monster */ #popup_monster { background: #fff none; } #popup_monster .contents { position: relative; padding: 30px 32px 18px 30px; width: 476px; } .monsterExplain { position: relative; margin: 15px 0 30px; width: 290px; min-height: 150px; padding-left: 170px; } .monsterExplain h2 { padding-bottom: 10px; margin-bottom: 13px; font-size: 16px; color: #333; font-weight: bold; border-bottom: 1px solid #eaeaea; } .monsterExplain p { text-align: justify; letter-spacing: -1px; line-height: 16px; } span.img_monsterDetail { position: absolute; left: 0; top: 0; width: 120px; height: 120px; padding: 15px; background: url('/games/ro1/2013_ro1/images/guide/bg_itemDetail.gif') no-repeat 0 0; text-align: center; line-height: 120px; } span.img_monsterDetail img { max-width: 120px; max-height: 120px; } #popup_monster h3 { padding-left: 5px; margin-bottom: 12px; font-size: 14px; font-weight: bold; color: #0065d8; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 50%; } #popup_monster table { margin-bottom: 30px; } #popup_monster table, #popup_monster th, #popup_monster td { border: 1px solid #eaeaea; letter-spacing: -1px; } #popup_monster th { width: 356px; font-weight: bold; color: #333; background: none #f1f1f1; } #popup_monster th:first-child { width: 100px; } #popup_monster td { padding: 4px 10px; height: auto; color: #999; } #popup_monster td a { color: #5f86bf; text-decoration: underline; line-height: 16px; } #popup_monster td.monsterMap li { float: left; margin: 2px 5px 3px 0; } #popup_monster td.monsterMap img { width: 60px; height: 60px; } /* popup_quPetList */ #popup_quPetList { background: #fff none; } #popup_quPetList .contents { padding: 30px 30px 0 30px; width: 553px; height: 630px; overflow-y: scroll; overflow-x: hidden; } #popup_quPetList .contents h1 { padding-bottom: 13px; } #popup_quPetList .contents .petInfoWrap{padding-bottom:18px;} #popup_quPetList .contents .petInfo { border: 1px solid #eaeaea; margin-top: -1px; *zoom: 1; } #popup_quPetList .contents .petInfo:after { content: ""; display: block; clear: both; } #popup_quPetList .contents h2 { float: left; width: 100px; padding: 16px 10px; text-align: center; } #popup_quPetList .contents h2 img { max-width: 100px; max-height: 100px; } #popup_quPetList .contents h2 + table { float: left; width: 414px; border: 0; border-left: 1px solid #eaeaea; } #popup_quPetList .contents h2 + table th, #popup_quPetList .contents h2 + table td { border: 0; font-size: 11px; letter-spacing: -1px; } #popup_quPetList .contents h2 + table th { background-color: #fafafa; border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } #popup_quPetList .contents h2 + table td { width: 302px; padding: 7px 5px 8px; color: #999; border-top: 1px solid #eaeaea; } #popup_quPetList .contents h2 + table tr:first-child th, #popup_quPetList .contents h2 + table tr:first-child td { border-top: 0; } /* popup_gameStart */ #popup_gameStart { position: relative; width: 710px; height: 585px; background: #363636 none; border: 1px solid #242424; border-top: 0; overflow: hidden; }/* 2013-10-31 수정 */ #popup_gameStart h1 { padding: 11px 0 0 15px; height: 24px; background: url('/games/ro1/2013_ro1/images/popup_gameStart/bg_h1.gif') repeat-x 0 0; } #popup_gameStart h1 img { vertical-align: top; } #popup_gameStart header { float: left; width: 168px; height: 550px; border: 1px solid #242424; border-top: 0;background: url('/games/ro1/2013_ro1/images/popup_gameStart/bg_leftMenu_1204.gif') repeat-x 0 0; } #popup_gameStart .roServer li:first-child a { padding-left: 0; } #popup_gameStart .roServer a { display: block; padding: 6px 0; color: #b5b4b4; text-decoration: none; background: url('/games/ro1/2013_ro1/images/popup_gameStart/bg_line.gif') repeat-x 0 100%; } #popup_gameStart .roServer span { padding-left: 23px; color: #b5b4b4; font-size: 11px; background: url('/games/ro1/2013_ro1/images/popup_gameStart/bul_server.gif') no-repeat 15px 50%; } #popup_gameStart .roServer li:first-child a span { line-height: 20px; } #popup_gameStart .roServer .on span { color: #ffc000; background-image: url('/games/ro1/2013_ro1/images/popup_gameStart/bul_server_on.gif'); } #popup_gameStart .gameClass{display:block; padding:61px 0 0 13px;} #popup_gameStart #gameStartContents { position: absolute; left: 170px; top: 35px; width: 540px; margin: 0; } #popup_gameStart #gameStartContents .img_banner { display: inline-block; padding: 10px; } #popup_gameStart #gameStartContents .btn_gamesiteStart {width:100%; padding:0 10px 10px 10px; height: 105px; box-sizing: border-box;} #popup_gameStart #gameStartContents .btn_gamesiteStart a { float: left; } #popup_gameStart #gameStartContents a.btn_gameSrart { float: right; } #popup_gameStart .gameStartGuide{width: 540px; height:147px; } #popup_gameStart .gameStartGuide h2{height: 29px; border: 0; line-height:29px; padding:0 10px;background: url('/games/ro1/2013_ro1/images/popup_gameStart/bg_guide.gif') repeat-x 0 0; color:#2863b5; font-size: 11px;} #popup_gameStart .gameStartGuide > div{overflow: hidden; padding:5px 10px} #popup_gameStart .gameStartGuide > div p{ float:left; font-size: 11px; letter-spacing: -0.75px; color:#b5b4b4; margin-top:3px; } #popup_gameStart .gameStartGuide > div a{float:right} #popup_gameStart .gameStartGuide ul{clear: both; padding:5px 10px} #popup_gameStart .gameStartGuide ul li{font-size:11px;letter-spacing: -0.75px; line-height: 14px; color:#7f7f7f} #popup_gameStart .gameStartGuide ul li b{color:#b5b4b4; font-weight: normal;} #popup_gameStart .popup_footer {width:100%;height: 28px; padding:0 10px; text-indent: 100%; font-size: 0; overflow: hidden; background:#242424 url('/games/ro1/2013_ro1/images/popup_gameStart/txt_add.png') no-repeat center center; } #popup_gameStart .btn_close { position: absolute; top: -35px; right: 0; } /* popupJobIntro */ .popupJobIntroBody { background: none; } .popupJobIntro { width: 460px; margin: 30px 30px 0 30px; padding: 0 0 30px 0; } .popupJobIntro h1 { width: 460px; height: 26px; margin: 0 0 20px 0; color: #333; font-size: 14px; font-weight: bold; border-bottom: 1px solid #eaeaea; background: url('/games/ro1/2013_ro1/images/shop/bul_serverInfo.gif') no-repeat 0 6px; } .popupJobIntro h1 span { padding: 0 0 0 8px; color: #0065d8; font-size: 14px; font-weight: bold; } .popupJobIntro h2 { height: 26px; font-weight: bold; color: #0065d8; } .popupJobIntro .jobInfo { padding: 10px 15px; margin: 0 0 20px 0; color: #5f86bf; font-size: 11px; line-height: 17px; letter-spacing: -1px; border: 1px solid #e5ebf5; background-color: #f4f8fd; } .popupJobIntro ul li { padding: 0 0 20px 0; } .popupJobIntro ul li img { margin: 0 0 15px 0; } .popupJobIntro ul li p { margin-top: -3px; color: #666; letter-spacing: 17px; letter-spacing: -1px; } .popupJobIntro ul li p span { font-weight: bold; color: #0065d8; } .popupJobIntro ul li p em { color: #5f86bf; } .popupJobIntro ul li p strong { font-weight: bold; } .popupJobIntro ul li .itemCollection li { padding: 0 0 0 8px; color: #5f86bf; letter-spacing: -1px; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude2.gif') no-repeat 0 7px; } .popupJobIntro div strong { display: block; font-weight: bold; } .popupJobIntro div strong.questionMargins { margin-top: 20px; } .popupJobIntro div ul { margin: -10px 0 0 0; } .popupJobIntro div ul li { padding: 20px 0 0 0; background: none; } .popupJobIntro div ul li p span { font-weight: bold; color: #666; } .popupJobIntro div ul li p em { font-weight: bold; color: #0065d8; } .popupJobIntro div ul li ul { margin: 0; } .popupJobIntro div ul li ul li { padding: 0; color: #666; background: none; } .popupJobIntro div ul li span { color: #0065d8; } .popupJobIntro table { border: 1px solid #eaeaea; } .popupJobIntro table th, .popupJobIntro table td { padding: 2px 0; font-size: 11px; border: 1px solid #eaeaea; letter-spacing: -1px; } .popupJobIntro table thead th { color: #666; background-color: #f1f1f1; } .popupJobIntro table tbody th { width: 100px; color: #999; background-color: #fafafa; } .popupJobIntro table tbody td { color: #999; text-align: center; } .popupJobIntro .skill td span { position: relative; color: #999; } .popupJobIntro .skill td .lv { display: block; width: 120px; margin: 0 auto; text-align: left; } .popupJobIntro .skill td .lv span { position: absolute; top: 0; right: 0; width: auto; } .popupJobIntro .skill .job { width: 119px; } .popupJobIntro .skill .usingSkills { width: 169px; } .popupJobIntro .skill .prereq { width: 168px; } .popupJobIntro .rune { margin: 0 0 15px 0; } .popupJobIntro .rune .runeForm { width: 138px; } .popupJobIntro .rune .runeName { width: 89px; } .popupJobIntro .materialsGroup { margin: -10px 0 20px 0; } .popupJobIntro .goodsGroup { margin: 10px 0 0 0; } .popupJobIntro .materialsGroup th, .popupJobIntro .goodsGroup th { width: 120px; } .popupJobIntro .materialsGroup td, .popupJobIntro .goodsGroup td { width: 327px; padding: 2px 0 2px 10px; text-align: left; } .popupJobIntro .paragraphMargins { padding: 0 0 10px 0; } .popupJobIntro .rootyTown { margin-bottom: 20px; } .popupJobIntro .rootyTown li { padding: 0; margin: 0; } .popupJobIntro .rootyTown li img { margin: 0; } .popupJobIntro .rootyTown li + li { padding: 15px 0 0 0; margin: 9px 0 0 0; background: url('/games/ro1/2013_ro1/images/guide/bul_arrow.gif') no-repeat center top; } .popupJobIntro .rootyTown li + li img { margin: 9px 0 0 0; } /* popup_quest */ #popup_quest { width: 695px; height: auto; padding: 30px; background: #fff none; } #popup_quest h1 { padding-left: 8px; font-size: 14px; font-weight: bold; color: #333; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude1.gif') no-repeat 0 50%; } #popup_quest h1 span { font-size: 14px; font-weight: bold; color: #0065d8; } #popup_quest .questSearch { height: 166px; margin: 15px 0 0; } #popup_quest .questSearch .quest_progress { width: 113px; } #popup_quest .questSearch div + input { margin-top: 82px; } #popup_quest .questList th.name span { background-image: url("/games/ro1/2013_ro1/images/guide/txt_name.gif"); } #popup_quest .questList th.progress span { background-image: url("/games/ro1/2013_ro1/images/guide/txt_progress.gif"); } #popup_quest .questList .name { width: 138px; } #popup_quest .questList .subject { width: 375px; } #popup_quest .questList .date { width: 93px; } #popup_quest .questList .progress { width: 87px; } #popup_quest .questList td { color: #999; letter-spacing: -1px; } #popup_quest .questList td.date { color: #999; font-size: 11px; font-family: Tahoma; letter-spacing: 0px; } #popup_quest .questList td.progress { color: #5f86bf; font-size: 11px; } #popup_quest .questList td a { color: #999; } #popup_quest .questList td a:hover { text-decoration: underline; } #popup_quest .btns { text-align: right; } #popup_quest .questNoWriting { margin: 30px 0 10px; }