@charset "utf-8";

/* ----------------------------------------------------------------
Title : Ragnarok
Author : bitty kim
Date : 2013
WebSite : http://ro.game.gnjoy.com/
---------------------------------------------------------------- */

/** default definition **/
html, body { width: 100%; height: 100%; padding: 0; margin: 0; }
header, footer, section, aside, nav, article { display: block; padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, div, span, p, em, strong, ul, ol, li, dl, dt, dd, img, form, label, input, select, textarea, button, object, table, td, th, tr, iframe, fieldset, strong
  { padding: 0; margin: 0; font: normal 12px/18px dotum, 돋움, serif; color: #666; } 
dl, ol, ul { list-style: none; }
a { text-decoration: none; }
em { font-style: normal; }
img, button { vertical-align: middle; }
iframe, fieldset, button, img { border: 0; }
button { cursor: pointer; overflow: visible; } 
table { width: 100%; border-collapse: collapse; border-spacing: 0; }

legend, .txtHidden { 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; }
caption { width: 0; height: 0; overflow: hidden; font: normal 0/0 dotum; text-indent: -10000px; background: transparent none; }

/** skipNav **/
.skipNav { position: relative; z-index: 100; }
.skipNav a { display: inline-block; position: absolute; top: 0; left: 0; overflow: hidden; width: 150px; }
.skipNav a:hover, .skipNav a:active, .skipNav a:focus { top: 40px; padding: 5px; font: bold 12px/18px dotum; color: #fff; text-align: center; background: #0748bf none; }

.bg{overflow:hidden; position:absolute; width:100%; top:40px; left:0; z-index:1;}
.bg img{display:block; width:2000px; margin:0 auto;}

.container { position: relative; z-index: 2; width: 980px; margin: 0 auto;}

/** header **/
.container header { position: relative; width: 980px; height: 570px; background: url('/games/ro1/2013_ro1/images/main/bg_header.jpg') no-repeat 10px bottom; }
.container header .logo { position: absolute; top: 13px; left: 66px; z-index: 10; width: 102px; height: 60px; background: url('/games/ro1/2013_ro1/images/common/img_topLogo.png') no-repeat center 0; }
.container header .logo a { display: block; width: 100px; height: 60px; overflow: hidden; font: normal 0/0 dotum; }
.container header .mainMsg{ position: absolute; top: 83px; left: 0; z-index: 1; display: block; }
.container header .liveSiegeOn{ position: absolute; top: 83px; left: 0; z-index: 5; display: block; }

.gnb { position: relative; z-index: 3; display: block; width: 980px; height: 240px; overflow: hidden; background: url('/games/ro1/2013_ro1/images/common/bg/bg_gnb_160329.png') no-repeat 0 0; }
.gnb ul { position: relative; z-index: 3; float: right; width: 614px; height: 50px; margin: 29px 60px 0 0; }
.gnb ul li { float: left; position: relative; }
.gnb ul li + li { margin-left: 56px; }
.gnb ul li a { display: inline-block; height: 27px; overflow: hidden; font: normal 0/0 dotum; background-image: url('/games/ro1/2013_ro1/images/common/nav/bg_gnb.png'); background-repeat: no-repeat; }
.gnb ul li ul li a { height: 37px; }
.gnb ul li ul li + li { margin: 0; }
.gnb ul .news { width: 46px; }
.gnb ul .news a { width: 46px; background-position: 0 -27px; }
.gnb ul .news a.on { background-position: 0 0; }
.gnb ul .news ul li a { background-image: url('/games/ro1/2013_ro1/images/common/nav/bg_gnb_news_181105.png'); } /* 181106 수정 */
.gnb ul .news ul li.newsSub1 a { width: 64px; background-position: 0 0; }
.gnb ul .news ul li.newsSub1 a.on { background-position: 0 -37px; }
.gnb ul .news ul li.newsSub2 a { width: 57px; background-position: -64px 0; }
.gnb ul .news ul li.newsSub2 a.on { background-position: -64px -37px; }
.gnb ul .news ul li.newsSub3 a { width: 67px; background-position: -121px 0; }
.gnb ul .news ul li.newsSub3 a.on { background-position: -121px -37px; }
.gnb ul .news ul li.newsSub4 a { width: 48px; background-position: -188px 0; }
.gnb ul .news ul li.newsSub4 a.on { background-position: -188px -37px; }
.gnb ul .news ul li.newsSub5 a { width: 57px; background-position: -236px 0; } /* 181106 추가 */
.gnb ul .news ul li.newsSub5 a.on { background-position: -236px -37px; } /* 181106 추가 */
.gnb ul .news ul li.newsSub6 a { width: 64px; background-position: -293px 0; } /* 181106 수정 */
.gnb ul .news ul li.newsSub6 a.on { background-position: -293px -37px; } /* 181106 수정 */
.gnb ul .info { width: 59px; }
.gnb ul .info a { width: 59px; background-position: -103px 0; }
.gnb ul .info a.on { background-position: -103px -27px; }
.gnb ul .info ul li a { background-image: url('/games/ro1/2013_ro1/images/common/nav/bg_gnb_guide.png'); }
.gnb ul .info ul li.infoSub1 a { width: 95px; background-position: 0 0; }
.gnb ul .info ul li.infoSub1 a.on { background-position: 0 -37px; }
.gnb ul .info ul li.infoSub2 a { width: 77px; background-position: -95px 0; }
.gnb ul .info ul li.infoSub2 a.on { background-position: -95px -37px; }
.gnb ul .info ul li.infoSub3 a { width: 55px; background-position: -172px 0; }
.gnb ul .info ul li.infoSub3 a.on { background-position: -172px -37px; }
.gnb ul .info ul li.infoSub4 a { width: 68px; background-position: -227px 0; }
.gnb ul .info ul li.infoSub4 a.on { background-position: -227px -37px; }
.gnb ul .info ul li.infoSub5 a { width: 107px; background-position: -295px 0; }
.gnb ul .info ul li.infoSub5 a.on { background-position: -295px -37px; }
.gnb ul .community { width: 60px; }
.gnb ul .community a { width: 60px; background-position: -217px 0; }
.gnb ul .community a.on { background-position: -217px -54px; }
.gnb ul .community ul li a { background-image: url('/games/ro1/2013_ro1/images/common/nav/bg_gnb_community_180615.png'); }
.gnb ul .community ul li.communitySub1 a { width: 74px; background-position: 0 0; }
.gnb ul .community ul li.communitySub1 a.on { background-position: 0 -37px; }
.gnb ul .community ul li.communitySub2 a { width: 68px; background-position: -74px 0; }
.gnb ul .community ul li.communitySub2 a.on { background-position: -74px -37px; }
.gnb ul .community ul li.communitySub3 a { width: 57px; background-position: -142px 0; }
.gnb ul .community ul li.communitySub3 a.on { background-position: -142px -37px; }
.gnb ul .community ul li.communitySub4 a { width: 47px; background-position: -198px 0; }
.gnb ul .community ul li.communitySub4 a.on { background-position: -198px -37px; }
.gnb ul .community ul li.communitySub5 a { width: 67px; background-position: -245px 0; }
.gnb ul .community ul li.communitySub5 a.on { background-position: -245px -37px; }
.gnb ul .community ul li.communitySub6 a { width: 75px; background-position: -312px 0; }
.gnb ul .community ul li.communitySub6 a.on { background-position: -312px -37px; }
.gnb ul .community ul li.communitySub7 a { width: 76px; background-position: -388px 0; }
.gnb ul .community ul li.communitySub7 a.on { background-position: -388px -37px; }
.gnb ul .shop { width: 64px; }
.gnb ul .shop a { width: 64px; background-position: -333px 0; }
.gnb ul .shop a.on { background-position: -333px -81px; }
.gnb ul .shop ul li a { background-image: url('/games/ro1/2013_ro1/images/common/nav/bg_gnb_roShop.png'); }
.gnb ul .shop ul li.shopSub1 a { width: 64px; background-position: 0 0; }
.gnb ul .shop ul li.shopSub1 a.on { background-position: 0 -37px; }
.gnb ul .shop ul li.shopSub2 a { width: 107px; background-position: -64px 0; }
.gnb ul .shop ul li.shopSub2 a.on { background-position: -64px -37px; }
.gnb ul .shop ul li.shopSub3 a { width: 65px; background-position: -171px 0; }
.gnb ul .shop ul li.shopSub3 a.on { background-position: -171px -37px; }
.gnb ul .dataRoom { width: 46px; }
.gnb ul .dataRoom a { width: 46px; background-position: -453px 0; }
.gnb ul .dataRoom a.on { background-position: -453px -108px; }
.gnb ul .dataRoom ul li a { background-image: url('/games/ro1/2013_ro1/images/common/nav/bg_gnb_pds.png'); }
.gnb ul .dataRoom ul li.dataRoomSub1 a { width: 83px; background-position: 0 0; }
.gnb ul .dataRoom ul li.dataRoomSub1 a.on { background-position: 0 -37px; }
.gnb ul .dataRoom ul li.dataRoomSub2 a { width: 46px; background-position: -83px 0; }
.gnb ul .dataRoom ul li.dataRoomSub2 a.on { background-position: -83px -37px; }
.gnb ul .dataRoom ul li.dataRoomSub3 a { width: 74px; background-position: -129px 0; }
.gnb ul .dataRoom ul li.dataRoomSub3 a.on { background-position: -129px -37px; }
.gnb ul .support { width: 59px; }
.gnb ul .support a { width: 59px; background-position: -555px 0; }
.gnb ul .support a.on { background-position: -555px -135px; }
.gnb ul .support ul li a { background-image: url('/games/ro1/2013_ro1/images/common/nav/bg_gnb_support.png'); }
.gnb ul .support ul li.supportSub1 a { width: 45px; background-position: 0 0; }
.gnb ul .support ul li.supportSub1 a.on { background-position: 0 -37px; }
.gnb ul .support ul li.supportSub2 a { width: 52px; background-position: -45px 0; }
.gnb ul .support ul li.supportSub2 a.on { background-position: -45px -37px; }
.gnb ul .support ul li.supportSub3 a { width: 56px; background-position: -97px 0; }
.gnb ul .support ul li.supportSub3 a.on { background-position: -97px -37px; }
.gnb ul .support ul li.supportSub4 a { width: 56px; background-position: -153px 0; }
.gnb ul .support ul li.supportSub4 a.on { background-position: -153px -37px; }
.gnb ul .support ul li.supportSub5 a { width: 66px; background-position: -209px 0; }
.gnb ul .support ul li.supportSub5 a.on { background-position: -209px -37px; }
.gnb ul li a img { position: relative; z-index: 10; vertical-align: top; }
.gnb ul li ul { display: none; position: absolute; top: 6px; z-index: 0; }
.gnb ul li.community ul{left:-50px;}
.gnb ul .news ul, .gnb ul .info ul, .gnb ul .community ul, .gnb ul .shop ul { left: 0px; }
.gnb ul .dataRoom ul { left: -83px; }
.gnb ul .support ul { left: -160px; }

/*.gnb { position: relative; z-index: 1; width: 980px; height: 240px; overflow: hidden; background: url('/games/ro1/2013_ro1/images/common/bg/bg_gnb.png') no-repeat -4px 0; }
.gnb ul { position: relative; z-index: 10; float: right; width: 614px; margin: 29px 60px 0 0; }
.gnb ul li { float: left; position: relative; }
.gnb ul .news { width: 102px; }
.gnb ul .info { width: 115px; }
.gnb ul .community { width: 116px; }
.gnb ul .shop { width: 120px; }
.gnb ul .dataRoom { width: 102px; }
.gnb ul .support { width: 59px; }
.gnb ul li a img { position: relative; z-index: 10; vertical-align: top; }
.gnb ul li ul { display: none; position: absolute; top: 6px; }
.gnb ul .news ul, .gnb ul .info ul, .gnb ul .community ul, .gnb ul .shop ul { left: 0px; }
.gnb ul .dataRoom ul { left: -83px; }
.gnb ul .support ul { left: -160px; }*/

.gameStart { float: left; width: 244px; height: 170px; margin: 0 0 0 10px; background: url('/games/ro1/2013_ro1/images/common/img_gameStart.gif') no-repeat 0 0; }
.gameStart a { display: block; width: 244px; height: 133px; overflow:  hidden; font: normal 0/0 dotum; text-indent: -1000px; background: url('/games/ro1/2013_ro1/images/common/starter_motion_off.gif') no-repeat 0 0; }
.gameStart a:hover { background: url('/games/ro1/2013_ro1/images/common/starter_motion_on.gif') no-repeat 0 0; }
.gameStart a + a { display: block; width: 70px; height: 13px; margin: 0 auto; text-indent: 0; background: none; }
.gameStart a + a img { vertical-align: top; }
.gameStart a + a:hover { background: none; }

.majorEvent { position: absolute; bottom: 0; right: 10px; width: 715px; height: 330px; }
.majorEvent .notEvent { position: absolute; top: 0; left: 0; z-index: 10; }
.majorEvent nav { position: relative; width: 715px; height: 45px; overflow: hidden; }
.majorEvent nav a, .majorEvent nav span { font: normal 0/0 dotum; }
.majorEvent nav ul { position: absolute; bottom: 0; left: 37px; display: block; width: 1000px; height: 45px; }
.majorEvent nav ul li { float: left; }
.majorEvent nav ul li img { width: 214px; height: 45px; }
.majorEvent nav .btn_prev { position: absolute; bottom: 0; left: 0; width: 37px; height: 45px; overflow: hidden; background: url('/games/ro1/2013_ro1/images/main/btn_eventNav.gif') no-repeat 0 0; }
.majorEvent nav .btn_next { position: absolute; bottom: 0; right: 0; width: 37px; height: 45px; overflow: hidden; background: url('/games/ro1/2013_ro1/images/main/btn_eventNav.gif') no-repeat right 0; }

/** contents **/
#content { position: relative; width: 960px; height: auto; padding: 25px 0 30px 0; margin: 0 auto 40px auto; background: url('/games/ro1/2013_ro1/images/main/bg_news.gif') no-repeat right 0; }
#content:after { display: block; clear: both; content: ''; }

/** sideArea **/
.sideArea { float: left; width: 245px; height: auto; margin: 20px 10px 0 10px; }
.lnb { width: 205px; margin: 30px auto 20px auto; }
.lnb h1 { width: 205px; height: 27px; overflow: hidden; margin-bottom: 8px; text-indent: -10000px; }
.lnb .lnbTit_news { background: url('/games/ro1/2013_ro1/images/common/nav/lnb_news_tit.gif') no-repeat 0 0; }
.lnb .lnbTit_shop { background: url('/games/ro1/2013_ro1/images/common/nav/lnb_roShop_tit.gif') no-repeat 0 0; }
.lnb ul li { display: inline-block; border-bottom: 1px solid #e0e0e0; }
.lnb ul li a img { vertical-align: top; }
.lnb ul li ul { float: right; padding-bottom: 5px; }
.lnb ul li ul li { display: block; width: 195px; border: 0; }

/** login **/
.login { display: block; position: absolute; top: 412px; left: 30px; width: 205px; margin: 0 auto; }
.login .userId { display: block; color: #e2eeff; width: 100%; position: relative; top: -3px; height: 40px; }
.login .userId .charSet{ position: absolute; z-index: 10; top: 0px; right: 0; }
.login .userId em { font-weight: bold; color: #e2eeff; position: absolute; bottom: 0px; max-width: 183px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.login .userId em img { margin-right: 4px; vertical-align: middle; }
.login .userId em a { color: #e2eeff; position: relative; top: 1.5px; }
.login .userId a + a { position: absolute; top: 0; right: 0; } 
.login .userInfo { width: 185px; margin-top: 2px; padding: 6px 10px; background: #053b84 none }
.login .userInfo * { font-size: 11px; letter-spacing: -1px; line-height: 14px; }
.login .userInfo p { color: #5f86bf; font-size: 11px; letter-spacing: -1px; }
.login .userInfo p span, .login .userInfo p a { display: inline-block; color: #5f86bf; }
.login .userInfo p a { text-decoration: underline; }
.login .userInfo p span + span { padding: 0 7px 0 13px; background: url('/games/ro1/2013_ro1/images/common/bg/bg_logoutPipe2.gif') no-repeat 4px 2px; } 
.login .userInfo .cash {  width: 185px; height: auto; overflow: hidden; margin: 3px 0 0 0; }
.login .userInfo .cash li { float: left; width: 185px; height: 14px; overflow: hidden; padding: 0 0 0 4px; background: url('/games/ro1/2013_ro1/images/common/bul/bul_cash.gif') no-repeat 0 6px; } 
.login .userInfo .cash li * { float: left; }
.login .userInfo .cash li + li { margin-top: 1px; }
.login .userInfo .cash li em { display: inline-block; width: 53px; font-weight: bold; color: #93b3e1; }
.login .userInfo .cash li span { display: inline-block; width: 98px; color: #93b3e1; }
.login .userBtns { width: 100%; height: 10px; overflow: hidden; margin: 7px 0 6px 0; line-height: 0; text-align: center; }
.login .userBtns li { display: inline; line-height: 0; letter-spacing: -1px; }
.login .userBtns li + li { padding-left: 7px; background: url('/games/ro1/2013_ro1/images/common/bg/bg_logoutPipe.gif') no-repeat 1px 1px; } 
.login .userBtns li a { display: inline-block; }
.login .userBtns li a img { vertical-align: top; }
.login .btns { display: block; clear: both; }
.login .btns a { float: left; padding: 0; vertical-align: top; }

/** logout **/
.logout { display: none; position: absolute; bottom: 23px; left: 30px; width: 205px; margin: 0 auto; }
.logout select { width: 130px; color: #999; border: 1px solid #002d6f; background: #053b84 none; }
.logout label { 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; }
.logout .inputIdPw { position: relative; display: block; width: 205px; height: 58px; overflow: hidden; margin-top: 3px; }
.logout .inputIdPw input { float: left; width: 121px; height: 23px; padding: 4px 5px 0 5px; color: #999; border-top: 1px solid #002d6f; border-left: 1px solid #002d6f; border-bottom: 1px solid #002d6f; border-right: 0; background: #053b84 none; }
.logout .inputIdPw input:first-child { height: 24px; border-top: 1px solid #002d6f; border-bottom: 0; }
.logout .inputIdPw .id { background: #053b84 url('/games/ro1/2013_ro1/images/main/bg_id.gif') no-repeat 7px 11px; }
.logout .inputIdPw .pw { background: #053b84 url('/games/ro1/2013_ro1/images/main/bg_pw.gif') no-repeat 7px 11px; }
.logout .inputIdPw button { position: absolute; top: 0; right: 0; width: 73px; height: 58px; overflow: hidden; text-indent: 10000px; background: url('/games/ro1/2013_ro1/images/main/btn_login.gif') no-repeat 0 0; }
.logout .btnsJoin { display: block; float: left; width: 90px; margin-top: 6px; background: url('/games/ro1/2013_ro1/images/common/bg/bg_logoutPipe.gif') no-repeat 38px 0px; }
.logout .btnsJoin a { float: left; }
.logout .btnsJoin a img { vertical-align: top; }
.logout .btnsJoin a + a { float: right; vertical-align: top; }
.logout .keyboard { float: right; display: block; position: relative; width: 67px; height: 13px; overflow: hidden; margin: 4px 0 6px 0; overflow: hidden;  }
.logout .keyboard a { position: absolute; top: 0; left: 0; display: inline-block; width: 42px; height: 11px; font: normal 0/0 dotum; text-indent: -10000px; background: url('/games/ro1/2013_ro1/images/main/btn_keyboard.gif') no-repeat 0 2px; }
.logout .keyboard a + a { position: absolute; top: 0; left: 45px; width: 22px; height: 13px; text-indent: 0; background: none; }
.logout .btns { display: block; clear: both; }
.logout .btns a { float: left; padding: 0; vertical-align: top; }

/** smartViewer **/
.smartViewer { position: absolute; top: 327px; left: 50%; width: 117px; padding: 0 0 31px 0; margin: 0 0 0 490px; }
.smartViewer fieldset { width: 117px; height: 36px; padding-top: 129px;}
.smartViewer fieldset * { vertical-align: middle; }
.smartViewer fieldset input { border: 1px solid red; float: left; width: 69px; color: #666;  padding: 2px 3px; margin: 9px 0 0 9px; font-size: 11px; line-height: 14px; letter-spacing: -1px; border: 0; background: #f3f3f3 none; }
.smartViewer fieldset button { width: 21px; height: 24px; overflow: hidden; margin: 6px 0 0 2px; font: normal 0/0 dotum; text-indent: 10000px; background: transparent none; }
.smartViewer .btn_smartViewerClose { position: absolute; bottom: 0; display: inline-block; width: 117px; height: 31px; overflow: hidden; text-indent: -10000px; background: url('/games/ro1/2013_ro1/images/common/bg/bg_smartViewerClose.png') no-repeat 0 0; }
.smartViewer .btn_smartViewerOpen { display: inline-block; width: 117px; height: 31px; overflow: hidden; text-indent: -10000px; background: url('/games/ro1/2013_ro1/images/common/bg/bg_smartViewerOpen.png') no-repeat 0 0; }

/** footer **/
.container footer { position: relative; z-index: 0; width: 960px; height: auto; overflow: hidden; padding: 28px 0; margin: 40px auto; border-top: 1px solid #ececec; }
.container footer h1 { float: left; margin-right: 16px; }
.container footer ul { display: block; width: 700px; height: auto; overflow: hidden; }
.container footer ul li { float: left; }
.container footer ul li + li { padding-left: 9px; margin-left: 8px; background: url('/games/ro1/2013_ro1/images/common/bg/bg_footerPipe.gif') no-repeat 0 0; }
.container footer ul li a img { vertical-align: top; }
.container footer address { position: absolute; top: 53px; left: 483px; width: 463px; height: 30px; overflow: hidden; text-indent: -10000px; background: url('/games/ro1/2013_ro1/images/common/txt_address_171122.gif') no-repeat 0 0; }
.container footer p { position: absolute; top: 78px; left: 483px; width: 316px; height: 9px; overflow: hidden; margin-top: 9px; text-indent: -10000px; background: url('/games/ro1/2013_ro1/images/common/txt_copy_0916.gif') no-repeat 0 -1px; } /* 190916 수정 */
.container footer .btn_email { overflow: hidden; position: absolute; top: 75px; right: 214px; width: 94px; height: 8px; font-size: 0; text-indent: -9999px;}
.container footer .btn_email img{ display: inline-block; width: 94px; height:8px;}
.container footer .gameInfo span { position: absolute; top: 13px; right: 0; display: inline-block; width: 76px; height: 46px; overflow: hidden; text-indent: -10000px; background: url('/games/ro1/2013_ro1/images/common/img_deliberation.gif') no-repeat 0 6px; }
.container footer .gameInfo span + span { position: absolute; top: 47px; left: 80px; display: inline-block; width: 83px; height: 46px; margin: 0 3px 0 4px; overflow: hidden; text-indent: -10000px; background: url('/games/ro1/2013_ro1/images/common/img_violenceAgeLimit.gif') no-repeat 0 0; }
.container footer .gameInfo table { position: absolute; top: 47px; left: 172px; width: 297px; height: 46px; overflow: hidden; text-indent: -10000px; background: url('/games/ro1/2013_ro1/images/common/txt_gameInfo_161110.gif') no-repeat 0 0; }

/* guildFriends */
.guildFriends { position: relative; float: left; width: 213px; height: 203px; margin: 0 0 0 10px; border: 1px solid #dcdcdc; }
.guildFriends nav ul { width: 213px; height: 36px; }
.guildFriends nav ul li { float: left; }
.guildFriends nav ul li + li { margin: 0 0 0 -1px; }
.guildFriends nav ul li a { display: inline-block; width: 107px; height: 36px; overflow: hidden; vertical-align: top; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/tabMenu_guildFriends.gif'); background-repeat: no-repeat; }
.guildFriends nav ul li .friends { background-position: 0 0; }
.guildFriends nav ul li .friendsOn { background-position: 0 bottom; }
.guildFriends nav ul li .guild { background-position: right 0; }
.guildFriends nav ul li .guildOn { background-position: right bottom; }
.guildFriends section h1 { 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; }
.guildFriends section p { display: block; padding: 10px 0 9px 14px; line-height: 15px; background: url('/games/ro1/2013_ro1/images/main/bg_line.gif') repeat-x 0 bottom; }
.guildFriends section p em { font-weight: bold; color: #333; line-height: 15px; }
.guildFriends section p span { font-weight: bold; color: #0065d8; line-height: 15px; }
.guildFriends section ul { position: relative; width: 198px; height: 86px; overflow-x: hidden; overflow-y: auto; padding: 14px 0; margin: 2px 0 0 14px; }
.guildFriends section ul li { position: relative; display: block; width: 170px; padding: 0 0 0 8px; background: url('/games/ro1/2013_ro1/images/main/bul_guildFriends.gif') no-repeat 0 8px; }
.guildFriends section ul li span { position: absolute; top: 3px; right: 10px; display: inline-block; width: 29px; height: 13px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/icon_guildOff.gif') no-repeat 0 0; }
.guildFriends section ul li span.on { background: url('/games/ro1/2013_ro1/images/main/icon_guildOn.gif') no-repeat 0 0; }
.guildFriends .noFriends { width: 213px; text-align: center; }
.guildFriends .noFriends span { display: inline-block; padding: 0 0 0 8px; margin: 75px 0 0 0; background: url('/games/ro1/2013_ro1/images/main/bul_guildFriends.gif') no-repeat 0 8px; }
.guildFriends .loginMsg { width: 213px; height: 167px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/img_guildLoginMsg.gif') no-repeat center 17px; }
.guildFriends .characterSet { width: 213px; height: 167px; text-align: center; }
.guildFriends .characterSet span { display: block; width: 213px; height: 110px; margin-top: 17px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/img_characterSetMsg.gif') no-repeat center 0; }
.guildFriends .guildInspection { position: absolute; top: 0; left: 0; width: 213px; height: 59px; padding: 144px 0 0 0; color: #656565; text-align: center; background: #fff url('/games/ro1/2013_ro1/images/main/img_disabilityInspection.png') no-repeat center 43px; }

/* news */
.roNews { position: relative; float: left; width: 379px; height: 205px; margin: 0 0 0 50px; }
.roNews h1 { display: block; float: left; width: 379px; height: 25px; overflow: hidden; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/tit_news.gif') no-repeat 0 0; }
.roNews .more { position: absolute; top: 0; right: 36px; padding: 0 7px 0 0; color: #8c8c8c; font-size: 11px; letter-spacing: -1px; background: url('/games/ro1/2013_ro1/images/main/bul_more.gif') no-repeat right 7px; }
.roNews ul { width: 345px; height: auto; overflow: hidden; }
.roNews ul li { width: 345px; height: auto; overflow: hidden; margin: 0 0 11px 0; }
.roNews ul li p { float: right; width: 200px; color: #999; font-size: 11px; line-height: 14px; letter-spacing: -1px; }
.roNews ul li p a { color: #999; }
.roNews ul li p a strong { display: block; margin: 4px 0 10px 0; font: bold 14px/18px dotum; color: #333; }
.roNews ul li p a span { display: block; padding-top: 2px; color: #999; font: normal 11px/18px Tahoma; }
.roNews ul li a img { width: 130px; height: 80px; }
.roNews ul li a { float: left; }
.roNews ul li + li { position: relative; padding: 0 0 0 6px; margin: 0; letter-spacing: -1px; background: url('/games/ro1/2013_ro1/images/main/bul_news.gif') no-repeat 0 8px; }
.roNews ul li + li a { color: #666; }
.roNews ul li + li span { display: inline-block; position: absolute; top: 0px; right: 7px; color: #999; font: normal 11px/18px Tahoma; }

/* liveSiege */
.liveSiege { position: relative; float: left; width: 276px; height: 175px; margin: 0 0 0 0; background: url('/games/ro1/2013_ro1/images/main/bg_liveSiege.gif') no-repeat 0 bottom; }
.liveSiege h1 { display: block; float: left; width: 276px; height: 23px; overflow: hidden; margin-top: -3px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/tit_liveSiege.gif') no-repeat 0 0; }
.liveSiege .onAir { position: absolute; top: -4px; left: 69px; width: 41px; height: 15px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/icon_onAir.gif') no-repeat 0 0; }
.liveSiege .more { position: absolute; top: -1px; right: 0; padding: 0 7px 0 0; color: #8c8c8c; font-size: 11px; letter-spacing: -1px; background: url('/games/ro1/2013_ro1/images/main/bul_more.gif') no-repeat right 7px; }
.liveSiege nav ul li { float: left; width: 92px; height: 25px; font: normal 0/0 dotum; background-image: url('/games/ro1/2013_ro1/images/main/tabMenu_liveSiege_170725.gif'); background-repeat: no-repeat; }
.liveSiege nav ul li a { display: block; width: 100%; height: 25px; }
.liveSiege nav ul li.server1 { background-position: 0 0; }
.liveSiege nav ul li.server2 { background-position: -92px 0; }
.liveSiege nav ul li.server3 { background-position: -184px 0; }
.liveSiege nav ul li.server1On { background-position: 0 -25px; }
.liveSiege nav ul li.server2On { background-position: -92px -25px; }
.liveSiege nav ul li.server3On { background-position: -184px -25px; }
.liveSiege nav ul li.on { background-position: 0 0; }
.liveSiege nav ul li ul { position: absolute; top: 61px; left: 11px; width: 40px; height: 57px; } 
.liveSiege nav ul li ul li { display: block; width: 40px; height: 19px; font: normal 0/0 dotum; background-image: url('/games/ro1/2013_ro1/images/main/tabMenu_liveSiegeType.gif'); background-repeat: no-repeat; }
.liveSiege nav ul li ul li a { display: block; width: 100%; height: 19px; }
.liveSiege nav ul li.serverTypeNormal { background-position: 0 0; }
.liveSiege nav ul li.serverTypeSe { background-position: 0 -19px; }
.liveSiege nav ul li.serverTypeTe { background-position: 0 -38px; }
.liveSiege nav ul li.serverTypeNormalOn { background-position: -40px 0; }
.liveSiege nav ul li.serverTypeSeOn { background-position: -40px -19px; }
.liveSiege nav ul li.serverTypeTeOn { background-position: -40px -38px; }
.liveSiege div { position: absolute; top: 46px; right: 1px; width: 212px; height: 117px; padding: 10px 0 0 0; overflow-x: hidden; overflow-y: scroll; }
.liveSiege div h2 { display: block; color: #333; font-weight: bold; text-align: center; }
.liveSiege div ul { padding: 10px 0 0 0; }
.liveSiege div ul li { color: #999; font-size: 11px; letter-spacing: -1px; }
.liveSiege div ul li + li { background: url('/games/ro1/2013_ro1/images/main/bg_liveSiegeLine.gif') no-repeat 0 top; }
.liveSiege div ul li span { display: inline-block; width: 78px; padding: 0 0 0 13px; background: url('/games/ro1/2013_ro1/images/main/bul_liveSiege.gif') no-repeat 7px 7px; }
.liveSiege div ul li img { margin: 3px 5px 2px 0; }
.liveSiege div .mapNav a { display: inline-block; position: absolute; top: 11px; width: 16px; height: 16px; font: normal 0/0 dotum; background-image: url('/games/ro1/2013_ro1/images/main/btn_liveSiegeServer.gif'); background-repeat: no-repeat; }
.liveSiege div .mapNav .mapPrev { left: 0; background-position: 0 0; }
.liveSiege div .mapNav .mapPrevOn { left: 0; background-position: 0 0; }
.liveSiege div .mapNav .mapNext { right: 0; background-position: right 0; }
.liveSiege div .mapNav .mapNextOn { right: 0; background-position: right 0; }
.liveSiege .liveSiegeInspection { position: absolute; bottom: 0; left: 0; width: 274px; height: 34px; padding: 119px 0 0 0; color: #656565; text-align: center;  border: 1px solid #dcdcdc; background: #f3f3f3 url('/games/ro1/2013_ro1/images/main/img_disabilityInspection.png') no-repeat center 18px; }

/* librarySearch */
.librarySearch { overflow:hidden;  position: relative; display: block; width: 950px; height: 90px; overflow: hidden; padding-top: 30px; margin: 0 0 35px 10px; background: url('/games/ro1/2013_ro1/images/main/bg_librarySearch.gif') no-repeat 236px 30px; }
.librarySearch fieldset { position: absolute; top: 30px; left: 236px; width: 520px; padding-top: 18px; } 
.librarySearch fieldset * { vertical-align: middle; }
.librarySearch fieldset label { float: left; display: inline-block; width: 88px; height: 33px; overflow: hidden; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/txt_librarySearch.gif') no-repeat 24px 12px; }
.librarySearch fieldset input { width: 330px; height: 22px; padding: 3px 0 0 10px; margin: 0 4px 0 0; border: 0; }
.librarySearch fieldset button { display: inline-block; width: 64px; height: 33px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/btn_librarySearch.gif') no-repeat 0 0; }
.librarySearch fieldset .librarySearchMsg { background: url('/games/ro1/2013_ro1/images/main/txt_searchMsg.gif') no-repeat 6px 6px; }
.librarySearch div { position: absolute; bottom: 16px; left: 321px; width: 412px; }
.librarySearch div em { float: left; display: inline-block; width: 23px; height: 13px; margin: 3px 5px 0 0; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/common/icon/icon_popular.gif') no-repeat 0 0; }
.librarySearch div ul { display: block; width: 380px; height: 20px; overflow: hidden; }
.librarySearch div ul li { float: left; display: inline-block; }
.librarySearch div ul li + li { padding: 0 0 0 8px; background: url('/games/ro1/2013_ro1/images/main/bul_popular.gif') no-repeat 0 10px; }
.librarySearch div ul li a { display: inline-block; color: #333; letter-spacing: -1px; }
.librarySearch span .sns{ float: left; width:218px; height:74px; padding:16px 0 0 18px; background:url('/games/ro1/2013_ro1/images/main/bg_sns.gif') no-repeat 0 0;}
.librarySearch span .sns a:first-child{margin-right:12px;}
.librarySearch span .sns a.live{margin-left:12px;}
.librarySearch span .sns a.mustread{ position: absolute; z-index: 10; left: 0; top: 30px; }
.librarySearch span .btnGuide{ float: right; }

/* popularItem */
.popularItem { position: relative; float: left; width: 205px; height: 243px; margin: 0 0 0 10px; background: url('/games/ro1/2013_ro1/images/main/bg_popularItem.gif') no-repeat 0 bottom; }
.popularItem h1 { display: block; float: left; width: 205px; height: 26px; overflow: hidden; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/tit_popularItem.gif') no-repeat 0 0; }
.popularItem h2 { 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; }
.popularItem .more { position: absolute; top: 0; right: 0; width: 12px; height: 12px; overflow: hidden; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/btn_more.gif') no-repeat 0 0; }
.popularItem .date { position: absolute; bottom: 6px; left: 0; display: block; width: 203px; text-align: center; color: #999; font-size: 11px; letter-spacing: -1px; }
.popularItem .date em { color: #999; font-family: Tahoma; font-size: 11px; letter-spacing: -1px; }
.popularItem nav { width: 204px; height: 24px; overflow: hidden; }
.popularItem nav ul { width: 204px; height: 24px; overflow: hidden; }
.popularItem nav ul li { float: left; width: 50px; height: 24px; margin-left: 1px; font: normal 0/0 dotum; background-image: url('/games/ro1/2013_ro1/images/main/tabMenu_popularItem.gif'); background-repeat: no-repeat; }
.popularItem nav ul li a { display: block; width: 100%; height: 24px; }
.popularItem nav ul li + li { width: 51px; margin: 0; }
.popularItem nav ul li.popularItem1 { background-position: 0 0; }
.popularItem nav ul li.popularItem2 { background-position: -50px 0; }
.popularItem nav ul li.popularItem3 { background-position: -101px 0; }
.popularItem nav ul li.popularItem4 { background-position: -152px 0; }
.popularItem nav ul li.popularItem1On { background-position: 0 -25px; }
.popularItem nav ul li.popularItem2On { background-position: -50px -25px; }
.popularItem nav ul li.popularItem3On { background-position: -101px -25px; }
.popularItem nav ul li.popularItem4On { background-position: -152px -25px; }
.popularItem ol { width: 180px; margin: 15px 0 0 20px; }
.popularItem ol li { position: relative; height: auto; overflow: hidden; }
.popularItem ol li + li { width: 169px;  padding: 5px 0 0 11px; }
.popularItem ol li + li a { color: #666; letter-spacing: -1px; }
.popularItem ol li + li span { display: inline-block; position: absolute; top: 5px; right: 0px; width: 34px; padding: 0 0 0 9px; font: normal 11px/14px Tahoma; color: #999; background: url('/games/ro1/2013_ro1/images/main/icon_item.gif') no-repeat 0 7px; }
.popularItem ol li + li .up { background: url('/games/ro1/2013_ro1/images/main/icon_itemUp.gif') no-repeat 0 4px; }
.popularItem ol li + li .down { background: url('/games/ro1/2013_ro1/images/main/icon_itemDown.gif') no-repeat 0 4px; }
.popularItem ol li.item1 { position: relative; width: 103px; height: 50px; padding: 0 0 0 77px; font-weight: bold; color: #333; background: url('/games/ro1/2013_ro1/images/main/txt_popularItem1.gif') no-repeat 0 8px;  }
.popularItem ol li.item1 a { color: #0065d8; font-size: 11px; letter-spacing: -1px; font-weight: normal; }
.popularItem ol li.item1 a strong { display: block; margin-top: 7px; color: #333; font-weight: bold; line-height: 14px; }
.popularItem ol li.item1 a em { padding-right: 2px; font-weight: bold; color: #0065d8; font-size: 11px; letter-spacing: -1px; }
.popularItem ol li.item1 img { position: absolute; top: 0; left: 25px; width: 50px; height: 50px; }
.popularItem ol li.item2 { background: url('/games/ro1/2013_ro1/images/main/txt_popularItem2.gif') no-repeat 0 9px; }
.popularItem ol li.item3 { background: url('/games/ro1/2013_ro1/images/main/txt_popularItem3.gif') no-repeat 0 9px; }
.popularItem ol li.item4 { background: url('/games/ro1/2013_ro1/images/main/txt_popularItem4.gif') no-repeat 0 9px; }
.popularItem ol li.item5 { background: url('/games/ro1/2013_ro1/images/main/txt_popularItem5.gif') no-repeat 0 9px; }
.popularItem .popularItemInspection { position: absolute; bottom: 0; left: 0; width: 205px; height: 91px; padding: 152px 0 0 0; color: #656565; text-align: center;  border: 1px solid #dcdcdc; background: #fff url('/games/ro1/2013_ro1/images/main/img_disabilityInspection.png') no-repeat center 51px; }

/* hotIssue */
.hotIssue{position: relative; float: left; width: 488px; min-height: 244px; overflow: hidden; margin: 0 25px 0 40px; }
.hotIssue h1{ display: block; float: none; width: 100%; height: 18px; margin: 0 0 20px 0; overflow: hidden; font: normal 0/0 dotum; border-bottom: 1px solid #ddd; background: url('/games/ro1/2013_ro1/images/main/tit_hotIssue.gif') no-repeat 0 0; }
.hotIssue .hotIssueBlock {width:488px}
.hotIssue ul.hotIssueBlock li { position: relative; float: left; width: 235px; padding: 130px 0 0 0; }
.hotIssue ul.hotIssueBlock li:first-child{margin-right:15px}
.hotIssue ul.hotIssueBlock li a { display: inline-block; color: #666; letter-spacing: -1px; line-height: 17px; }
.hotIssue ul.hotIssueBlock li a strong { display: block; padding-bottom: 5px; font: bold 14px/18px dotum; color: #333; }
.hotIssue ul.hotIssueBlock li a span { display: block; padding-top: 3px; color: #999; font-size: 11px; }
.hotIssue ul.hotIssueBlock li .hotIssueImg { position: absolute; top: 0; left: 0; width: 235px; height: 115px; }
.hotIssue ul.hotIssueBlock li .hotIssueImg img { width: 235px; height: 115px; }

/* roShop */
.roShop { position: relative; float: left; width: 192px; }
.roShop h1 { display: block; float: left; width: 192px; height: 18px; margin: 0 0 15px 0; overflow: hidden; font: normal 0/0 dotum; border-bottom: 1px solid #ddd; background: url('/games/ro1/2013_ro1/images/main/tit_shop.gif') no-repeat 0 0; }
.roShop .more { position: absolute; top: 0; right: 0; width: 12px; height: 12px; overflow: hidden; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/btn_more.gif') no-repeat 0 0; }
.roShop ul { clear: both; }
.roShop ul li { position: relative; height: 60px; padding: 5px 0 5px 0; letter-spacing: -1px; }
.roShop ul li + li { height: 61px; padding: 4px 0 5px 0; border-top: 1px solid #f2f2f2; }
.roShop ul li a { display: block; width: 122px; height: 49px; padding: 12px 0 0 70px; color: #333; font-size: 11px; font-weight: bold; }
.roShop ul li a span { display: block; color: #0065d8; font-size: 11px; font-weight: normal; } 
.roShop ul li a span em { padding-right: 2px; font-weight: bold; color: #0065d8; font-size: 11px; }
.roShop ul li a img { position: absolute; top: 5px; left: 0; width: 60px; height: 60px; }
.roShop .roShopInspection { position: absolute; bottom: 5px; left: 0; width: 190px; height: 67px; padding: 154px 0 0 0; color: #656565; text-align: center;  border: 1px solid #dcdcdc; background: #fff url('/games/ro1/2013_ro1/images/main/img_disabilityInspection.png') no-repeat center 51px; }

/* banners */
.banners { position: relative; float: left; width: 205px; margin: 36px 0 0 10px; }
.banners ul { width: 205px; height: auto; overflow: hidden; margin-bottom: 20px; }
.banners ul li { float: left; }
.banners ul + ul { margin-bottom: 5px; }
.banners ul + ul li { padding: 0 0 15px 0; }
.banners .coupon { width: 159px; margin: 7px auto 0 auto; }
.banners .coupon li { padding: 0 20px 0 0; }
.banners .coupon li + li { padding: 0 0 0 23px; background: url('/games/ro1/2013_ro1/images/main/bg_banner_coupon.gif') no-repeat 0 0; }

.globalBlock {position: relative;float: left;width: 192px;margin: 28px 0 0 0;}
.globalBlock li {float:none; margin-bottom:15px;}
.globalBlock li img {width:192px; height:auto;}
.globalBlock a {display:inline-block;}
.globalBlock .coupon { width: 159px; margin: 25px auto 0 auto; }
.globalBlock .coupon li { padding: 0 20px 0 0; margin-bottom:0}
.globalBlock .coupon li + li { padding: 0 0 0 23px; background: url('/games/ro1/2013_ro1/images/main/bg_banner_coupon.gif') no-repeat 0 0; }
.globalBlock ul + ul:after{clear:both; display:block; content:""}
.globalBlock ul + ul li { padding: 0 0 15px 0; float:left;}
.globalBlock .coupon li img{width:auto !important}
/* community */
.roCommunity { position: relative; float: left; width: 488px; min-height: 530px; overflow: hidden; margin: 36px 25px 0 40px; }
.roCommunity h1 { display: block; float: left; width: 488px; height: 18px; margin: 0 0 20px 0; overflow: hidden; font: normal 0/0 dotum; border-bottom: 1px solid #ddd; background: url('/games/ro1/2013_ro1/images/main/tit_community.gif') no-repeat 0 0; }
.roCommunity ul { display: block; width: 488px; height: auto; overflow: hidden; }
.roCommunity ul li { display: block; width: 488px; height: auto; overflow: hidden; padding: 16px 0 15px 0; letter-spacing: -1px; }
.roCommunity ul li + li { background: url('/games/ro1/2013_ro1/images/main/bg_line.gif') repeat-x 0 top; }
.roCommunity ul li a { color: #666; font: normal 12px/17px dotum; } 
.roCommunity ul li a .articleTit { padding: 0 0 3px 0; color: #333; font: normal 12px/18px dotum; }
.roCommunity ul li a .articleTit span { color: #0065d8; font: bold 14px/18px dotum; }
.roCommunity ul li a .articleTit strong { color: #333; font: bold 14px/18px dotum; }
.roCommunity ul li a .articleInfo { padding: 3px 0 0 0; font-size: 11px; font-family: tahoma; background: url('/games/ro1/2013_ro1/images/main/bg_communityDate.gif') no-repeat 52px 4px; }
.roCommunity ul li a .articleInfo em { padding: 0 0 0 11px; font-weight: bold; }
.roCommunity ul li a .articleInfo em img { width: 34px; height: 18px; margin: 0 2px 0 0; }
.roCommunity ul li a .articleImg { float: left; width: 110px; height: 75px; margin: 0 18px 0 0; }
.roCommunity nav { position: absolute; top: 0px; right: 0; }
.roCommunity nav ul { width: auto; }
.roCommunity nav ul li { float: left; width: 10px; height: 10px; padding: 0; margin: 0 0 0 3px; background-image: url('/games/ro1/2013_ro1/images/main/icon_community.gif'); background-repeat: no-repeat; }
.roCommunity nav ul li.on { background-position: right 0; }
.roCommunity nav ul li a { display: block; width: 10px; height: 10px; overflow: hidden; font: normal 0/0 dotum; }

/* devnoteNmultimedia */
.devnoteNmultimedia { position: relative; float: left; width: 488px; min-height: 330px;overflow: hidden; margin: 36px 25px 0 40px; }
.devnoteNmultimedia section { float: left; width: 235px; }
.devnoteNmultimedia .devnote{margin-right:15px;}
.devnoteNmultimedia .devnote h1 { display: block; float: left; width:235px ; height: 18px; margin: 0 0 20px 0; overflow: hidden; font: normal 0/0 dotum; border-bottom: 1px solid #ddd; background: url('/games/ro1/2013_ro1/images/main/tit_devnote.gif') no-repeat 0 0; }
.devnoteNmultimedia .devnote ul li { position: relative; float: left; width: 235px;  padding: 150px 0 0 0; }
.devnoteNmultimedia .devnote ul li a { display: inline-block; color: #666; letter-spacing: -1px; line-height: 17px; }
.devnoteNmultimedia .devnote ul li a strong { display: block; padding-bottom: 5px; font: bold 14px/18px dotum; color: #333; }
.devnoteNmultimedia .devnote ul li a span { display: block; padding-top: 3px; color: #999; font-size: 11px; }
.devnoteNmultimedia .devnote ul li .devnoteImg { position: absolute; top: 0; left: 0; width: 235px; height: 115px; }
.devnoteNmultimedia .devnote ul li .devnoteImg img { width: 235px; height: 133px; }
.devnoteNmultimedia .multimedia h1 { display: block; float: left; width:244px; height: 18px; margin: 0 0 20px 0; overflow: hidden; font: normal 0/0 dotum; border-bottom: 1px solid #ddd; background: url('/games/ro1/2013_ro1/images/main/tit_hotIssue.gif') no-repeat 0 0; }
.devnoteNmultimedia .multimedia {position: relative; float: left; width: 235px; min-height: 330px; overflow: hidden;}
.devnoteNmultimedia .multimedia p{width:235px;float:left;}
.devnoteNmultimedia .multimedia h1 { display: block; float: none; width: 100%; height: 18px; margin: 0 0 20px 0; overflow: hidden; font: normal 0/0 dotum; border-bottom: 1px solid #ddd; background: url('/games/ro1/2013_ro1/images/main/tit_multimedia.gif') no-repeat 0 0; }
.devnoteNmultimedia .multimedia a { color: #666; letter-spacing: -1px; line-height: 17px; }
.devnoteNmultimedia .multimedia a span { display: block; padding: 0 0 6px 0; font: bold 14px/18px dotum; color: #333; }
.devnoteNmultimedia .multimedia a img{width: 235px; height: 133px; margin: 0 0 13px 0; }
.devnoteNmultimedia .multimedia .more { position: absolute; top: 0; right: 0; width: 12px; height: 12px; overflow: hidden; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/btn_more.gif') no-repeat 0 0; }

/* itemApply */
.itemApply { position: relative; float: left; width: 192px; margin: 33px 0 0 0; }
.itemApply h1 { display: block; float: left; width: 192px; height: 18px; margin: 0 0 5px 0; overflow: hidden; font: normal 0/0 dotum; border-bottom: 1px solid #ddd; background: url('/games/ro1/2013_ro1/images/main/tit_itemApply.gif') no-repeat 0 0; }
.itemApply ul { display: block; width: 192px; height: auto; overflow: hidden; }
.itemApply ul li { position: relative; width: 192px; height: auto; overflow: hidden; padding: 8px 0 6px 0; }
.itemApply ul li + li { background: url('/games/ro1/2013_ro1/images/main/bg_line.gif') repeat-x 0 0; }
.itemApply ul li a { display: block; padding: 0 0 0 16px; color: #666; background: url('/games/ro1/2013_ro1/images/main/bul_item.gif') no-repeat 6px 6px; }
.itemApply ul li a img { position: absolute; top: 7px; right: 0; }

/* globalRo */
.globalRo { position: relative; float: left; width: 192px; height: 59px; margin: 23px 0 0 0; background: url('/games/ro1/2013_ro1/images/main/bg_roSearch.gif') no-repeat 0 0; }
.globalRo label { 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; }
.globalRo select { position: absolute; bottom: 10px; left: 10px; width: 130px; border: 1px solid #e0e0e0; }
.globalRo a { position: absolute; bottom: 9px; right: 8px; display: inline-block; width: 42px; height: 18px; overflow: hidden; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/main/btn_globalRoGo.gif') no-repeat 0 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; }

/* loginAmends popup */
.amends { position: absolute; top: 20%; left: 50%; z-index: 10; width: 213px; height: 232px; margin-left: -106px; }
.amends30Day { background: url('/games/ro1/2013_ro1/images/common/bg/bg_loginAmends.png') no-repeat 0 0; }
.amendsSilver { background: url('/games/ro1/2013_ro1/images/common/bg/bg_loginAmendsSilver.png') no-repeat 0 0; }
.amendsGold { background: url('/games/ro1/2013_ro1/images/common/bg/bg_loginAmendsGold.png') no-repeat 0 0; }
.amendsPlatinum { width: 216px; height: 229px; background: url('/games/ro1/2013_ro1/images/common/bg/bg_loginAmendsPlatinum.png') no-repeat 0 0; }
.amends span { 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; }
.amends p { font-size: 11px; line-height: 17px; letter-spacing: -1px; color: #fff; text-align: center; } 
.amends p em { font: bold 11px/17px dotum; color: #fff; }
.amends a { position: absolute; top: 16px; right: 10px; display: inline-block; width: 17px; height: 17px; overflow: hidden; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/common/btn/btn_loginAmendsClose2.gif') }
.amends .btn_today { position: absolute; top: 232px; left: 52px; width: 110px; height: 12px; background: none; }
.amendsPlatinum a { top: 34px; right: 13px; }
.amends30Day p { margin: 95px 0 0 0; }
.amendsPlatinum p { margin: 135px 0 0 0; }
.amendsSilver p, .amendsGold p { margin: 115px 0 0 0; }

.amendsChack { position: absolute; top: 560px; left: 0; z-index: 10; width: 81px; height: 86px; margin-left: -65px;background: url('/games/ro1/2013_ro1/images/common/btn_loginAmends.png') no-repeat 0 0; }
.amendsChack a:first-child { position: absolute; top: 20px; left: 10px; }
.amendsChack a img { width: 56px; height: 56px; }
.amendsChack a + a { position: absolute; top: 8px; right: 8px; display: inline-block; width: 8px; height: 7px; overflow: hidden; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/common/btn/btn_loginAmendsClose.gif') }
.amendsChack .btn_today { position: absolute; top: 89px; left: 0; width: 85px; height: 13px; background: none; }
.amendsChack .btn_today img { width: 85px; height: 13px; }

/* characterSet */
.characterSetPopup { width: 460px; background: url('/games/ro1/2013_ro1/images/common/bg/bg_characterSetPopup.gif') no-repeat 0 bottom; }
.characterSetPopup h1 { display: block; width: 460px; height: 45px; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/common/tit_characterSet.gif') no-repeat 0 0; }
.characterSetPopup p { padding: 26px 0 18px 0; font-size: 11px; letter-spacing: -1px; color: #666; text-align: center; }
.characterSetPopup p strong { display: block; font-size: 12px; font-weight: bold; color: #333; }
.characterSetPopup fieldset * { vertical-align: middle; }
.characterSetPopup fieldset span { display: block; padding: 0 0 13px 0; text-align: center; }
.characterSetPopup fieldset span label { display: inline-block; color: #333; }
.characterSetPopup fieldset div { width: 400px; padding: 27px 0 25px 0; margin: 0 auto; background-color: #f7f7f7; }
.characterSetPopup fieldset div label { padding: 0 0 0 7px; margin: 0 10px 0 40px; color: #0065d8; background: url('/games/ro1/2013_ro1/images/common/bul/bul_giude1.gif') no-repeat 0 4px; } 
.characterSetPopup fieldset div select { color: #999; border: 1px solid #e0e0e0; }
.characterSetPopup div { width: 400px; margin: 13px auto 0 auto; }
.characterSetPopup div em { display: block; padding: 0 0 0 15px; font: bold 11px/17px dotum; color: #999; letter-spacing: -1px; background: url('/games/ro1/2013_ro1/images/common/icon/icon_warning.gif') no-repeat 0 2px; }
.characterSetPopup div ul li { font-size: 11px; color: #999; letter-spacing: -1px; }
.characterSetPopup .btns { display: block; padding: 17px 0 30px 0; text-align: center; }
.characterSetPopup .btns a:first-child { margin-right: 1px; }

/* popup notice */
.popupNotice { display: none; position: absolute; top: 50%; left: 50%; z-index: 10; width: 502px; height: 683px; margin: -342px 0 0 -251px; background: url('/event/2013/12/1223_ro1_jumpingCharacterEvent/images/bg_popup.gif') no-repeat 0 0; }
.popupNotice table th, .popupNotice table td, .popupNotice h1, .popupNotice h2, .popupNotice ul
{ position: absolute; top: 0; left: 0; display: inline; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; text-indent: 100%; }
.popupNotice span { display: block; position: absolute; bottom: 13px; left: 0; width: 100%; }
.popupNotice span a { float: left; margin: 0 10px; }
.popupNotice span a + a { float: right; }
.popupNotice div img { margin: 7px; }

/* layerPopup */
.layerPopup{display:block; overflow:hidden; position:fixed; top:50%; left:50%; width:650px; height:460px; margin:-230px 0 0 -325px; background:url("/games/ro1/2013_ro1/images/main/bg_layerPopup.jpg") no-repeat 0 0; z-index:14;}
.layerPopup .close{position:absolute; bottom:8px; left:14px; z-index:2;}
.layerPopup .close input{display:inline-block; margin-right:5px; vertical-align:middle;}
.layerPopup .close label{display:inline-block; font-size:12px; color:#fff; vertical-align:middle;}
.layerPopup .btnClose{position:absolute; bottom:9px; right:12px; width:54px; height:12px;}
.layerPopup .btnClose img{display:inline-block; width:54px; height:12px;}
.layerPopup .btnView{position:absolute; top:260px; left:237px; width:177px; height:112px;}
.layerPopup .btnView img{display:inline-block; width:88px; height:30px;}

/* 181106 수정 클래스명 변경 */
/* controlPopupMain */
.controlPopup_main{ width: 715px; height: 247px; position: absolute; border: 1px solid #808080; left: 50%; margin-left: -358.5px; top: 50%; margin-top: -124.5px; z-index: 50;}
.controlPopup_main .controlPopup_contents{ width: 715px; height: 170px;}

.controlPopup_main input {padding: 0; margin: 0; text-align: center; vertical-align: middle;}
.controlPopup_main input [type=radio], input[type=checkbox]{display: none; width:1px; height:1px;}

.controlPopup_main .controlPopup_header{ width: 100%; height: 40px; background: #384053; }
.controlPopup_main .controlPopup_header h1{ color : #fff; font-weight: bold; font-size: 17px; line-height: 40px; text-align: center; }

.controlPopup_main .controlPopup_footer{ width: 100%; height: 37px; background: #f0f0f0; position: relative;}
.controlPopup_main .controlPopup_footer span {display: block; overflow: hidden;}
.controlPopup_main .controlPopup_footer span label{display:inline-block;  cursor: pointer}
.controlPopup_main .controlPopup_footer span.check{padding-left:10px; width : 200px; height:37px;}
.controlPopup_main .controlPopup_footer span.check span label{width:160px; height:37px; }
.controlPopup_main .controlPopup_footer span.check span input + label.closedToday{background:url('/games/ro1/2013_ro1/images/main/img_closedToday.png') no-repeat;}
.controlPopup_main .controlPopup_footer span.check span input:checked + label.closedToday{background:url('/games/ro1/2013_ro1/images/main/img_closedToday_on.png') no-repeat}
.controlPopup_main .controlPopup_footer .controlPopup_btn_close{width : 60px; height: 37px; right:10px; bottom:0px; position: absolute; cursor: pointer; background:url('/games/ro1/2013_ro1/images/main/img_popupMain_closed.png') no-repeat}