@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, .write .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: 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; }

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

/** header **/
.container header { position: relative; width: 980px; height: 320px; }
.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; }

.gnb { position: relative; display: block; width: 980px; height: 150px; 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: 2; 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; display: block; width: 980px; height: 150px; overflow: hidden; background: url('/games/ro1/2013_ro1/images/common/bg/bg_gnb.png') no-repeat -4px 0; }
.gnb ul { position: relative; 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; z-index: 0; }
.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_20131030.gif') no-repeat 0 0; }/* 2013-10-30 수정 */
.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 { float: left; position: relative; width: 715px; height: 170px; }
.majorEvent ul li { width: 715px; height: 170px; overflow: hidden; }
.majorEvent ul li a { display: block; }
.majorEvent ul li img { width: 715px; height: 170px; }
.majorEvent span { position: absolute; bottom: 10px; left: 10px; }
.majorEvent span a { display: inline-block; float: left; width: 15px; height: 15px; overflow: hidden; margin-right: 3px; text-indent: -1000px; background-repeat: no-repeat; }
.majorEvent span .num1 { background-image: url('/games/ro1/2013_ro1/images/common/btn/btn_promotionNav.gif'); background-position: 0 -20px; }
.majorEvent span .num2 { background-image: url('/games/ro1/2013_ro1/images/common/btn/btn_promotionNav.gif'); background-position: -18px -20px; }
.majorEvent span .num3 { background-image: url('/games/ro1/2013_ro1/images/common/btn/btn_promotionNav.gif'); background-position: -36px -20px; }
.majorEvent span .num4 { background-image: url('/games/ro1/2013_ro1/images/common/btn/btn_promotionNav.gif'); background-position: -54px -20px; }
.majorEvent span .num5 { background-image: url('/games/ro1/2013_ro1/images/common/btn/btn_promotionNav.gif'); background-position: -72px -20px; }
.majorEvent span .num6 { background-image: url('/games/ro1/2013_ro1/images/common/btn/btn_promotionNav.gif'); background-position: -90px -20px; }
.majorEvent span .on1 { background-position: 0 0; }
.majorEvent span .on2 { background-position: -18px 0; }
.majorEvent span .on3 { background-position: -36px 0; }
.majorEvent span .on4 { background-position: -54px 0; }
.majorEvent span .on5 { background-position: -72px 0; }
.majorEvent span .on6 { background-position: -90px 0; }
.majorEvent span .prevEvent { margin: 0 0 0 2px; background-image: url('/games/ro1/2013_ro1/images/common/btn/btn_promotionNav2.gif'); background-position: 0 0px; }
.majorEvent span .nextEvent { margin: 0 0 0 2px; background-image: url('/games/ro1/2013_ro1/images/common/btn/btn_promotionNav2.gif'); background-position: -28px 0; }
.majorEvent span .viewEvent { margin: 0 0 0 2px; background-image: url('/games/ro1/2013_ro1/images/common/btn/btn_promotionNav2.gif'); background-position: -14px 0; }
/*.majorEvent span .nextEvent { margin: 0 0 0 -1px; background-image: url('/games/ro1/2013_ro1/images/common/btn/btn_promotionNav2.gif'); background-position: -28px 0; }*/

/** contents **/
#content { position: relative; float: left; width: 695px; padding-bottom: 75px; zoom: 1; }
#content header { width: 695px; height: 60px; margin: 39px 0 0 0; }

/** titles **/
#content header h1 { display: block; width: 695px; height: 29px; overflow: hidden; text-indent: -10000px; background-position: 0 0; background-repeat: no-repeat; }
/* community */
.tit_free { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_freeBoard.gif'); } 
.tit_siege { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_siegeBoard.gif'); } 
.tit_share { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_shareBoard.gif'); } 
.tit_screen { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_screen.gif'); } 
.tit_fanart { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_fanart.gif'); } 
.tit_sharingMemories { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_sharingMemories_180615.gif'); } 
.tit_character { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_character.gif'); } 
/* news */
.tit_notice { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_notice.gif'); } 
.tit_update { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_update.gif'); } 
.tit_event { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_event.gif'); } 
.tit_devNote { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_devNote.gif'); } 
.tit_probability { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_probability.gif'); } 
.tit_survey { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_survey.gif'); } /* 181106 추가 */
/* pds */
.tit_down { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_down.gif'); } 
.tit_wallpaper { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_wallpaper.gif'); } 
.tit_multimedia { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_multimedia.gif'); } 
/* shop */
.tit_shop { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_shop.gif'); } 
.tit_userGuideOfCache { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_userGuideOfCache.gif'); } 
.tit_billing { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_billing.gif'); } 
/* point */
.tit_characterInfo { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_characterInfo.gif'); }
/* gameInfo */
.tit_runLib { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_runLib.gif'); }
.tit_ragIntro { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_ragIntro.gif'); }
.tit_ragStart { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_ragStart.gif'); }
/* support */
.tit_faq { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_faq.gif'); }
.tit_inquiry { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_inquiry.gif'); }
.tit_supportInfo { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_supportInfo.gif'); }
.tit_inspection { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_inspection.gif'); } 

/* system */
.tit_system { background-image: url('/games/ro1/2013_ro1/images/common/tit/tit_system.gif'); }

/** lineMap **/
.lineMap { display: inline; position: absolute; right: 0; top: 12px; color: #999; line-height: 14px; }
.lineMap a { color: #999; }
.lineMap em { color: #333; font-weight: bold; }

/** sideArea **/
.sideArea { float: left; width: 245px; height: auto; margin: 30px 10px 0 10px; }
.lnb { width: 205px; margin: 30px auto 0 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_roshop { background: url('/games/ro1/2013_ro1/images/common/nav/lnb_roShop_tit.gif') no-repeat 0 0; }
.lnb .lnbTit_community { background: url('/games/ro1/2013_ro1/images/common/nav/lnb_community_tit.gif') no-repeat 0 0; }
.lnb .lnbTit_guide { background: url('/games/ro1/2013_ro1/images/common/nav/lnb_guide_tit.gif') no-repeat 0 0; }
.lnb .lnbTit_support { background: url('/games/ro1/2013_ro1/images/common/nav/lnb_support_tit.gif') no-repeat 0 0; }
.lnb .lnbTit_pds { background: url('/games/ro1/2013_ro1/images/common/nav/lnb_dataRoom_tit.gif') no-repeat 0 0; }
.lnb .lnbTit_gameinfo { background: url('/games/ro1/2013_ro1/images/common/nav/lnb_guide_tit.gif') no-repeat 0 0; }
.lnb .lnbTit_survey { background: url('/games/ro1/2013_ro1/images/common/nav/lnb_guide_tit.gif') no-repeat 0 0; } /* 181106 추가 */
.lnb ul li { display: block; border-bottom: 1px solid #e0e0e0; }
.lnb ul li a { display: block; width: 205px; height: 30px; overflow: hidden; font: normal 0/0 dotum; vertical-align: top; }
.lnb ul li ul { padding: 0 0 3px 0; }
.lnb ul li ul li { margin: 0 0 8px 0; border: 0; *margin-bottom: 2px; }
.lnb ul li ul li a { height:  12px; }

.lnb .lnbNews li a { background-repeat: no-repeat; background-image: url('/games/ro1/2013_ro1/images/common/nav/lnb_news_181106.gif'); } /* 181106 수정 */
.lnb .lnbNews .lnbNews1 a { background-position: 0 0; }
.lnb .lnbNews .lnbNews1 a:hover, .lnb .lnbNews .lnbNews1 a.on { background-position: -205px 0; }
.lnb .lnbNews .lnbNews2 a { background-position: 0 -31px; }
.lnb .lnbNews .lnbNews2 a:hover, .lnb .lnbNews .lnbNews2 a.on { background-position: -205px -31px; }
.lnb .lnbNews .lnbNews3 a { background-position: 0 -62px; }
.lnb .lnbNews .lnbNews3 a:hover, .lnb .lnbNews .lnbNews3 a.on { background-position: -205px -62px; }
.lnb .lnbNews .lnbNews4 a { background-position: 0 -93px; }
.lnb .lnbNews .lnbNews4 a:hover, .lnb .lnbNews .lnbNews4 a.on { background-position: -205px -93px; }
.lnb .lnbNews .lnbNews5 a { background-position: 0 -124px; } /* 181106 추가 */
.lnb .lnbNews .lnbNews5 a:hover, .lnb .lnbNews .lnbNews5 a.on { background-position: -205px -124px; } /* 181106 추가 */
.lnb .lnbNews .lnbNews6 a { background-position: 0 -155px; } /* 181106 수정 */
.lnb .lnbNews .lnbNews6 a:hover, .lnb .lnbNews .lnbNews6 a.on { background-position: -205px -155px; } /* 181106 수정 */

.lnb .lnbGuide li a { background-repeat: no-repeat; background-image: url('/games/ro1/2013_ro1/images/common/nav/lnb_guide_140224.gif'); }
.lnb .lnbGuide .lnbGuide1 a { background-position: 0 0; }
.lnb .lnbGuide .lnbGuide1 a:hover, .lnb .lnbGuide .lnbGuide1 a.on { background-position: -205px 0; }
.lnb .lnbGuide .lnbGuide2 a { background-position: 0 -31px; }
.lnb .lnbGuide .lnbGuide2 a:hover, .lnb .lnbGuide .lnbGuide2 a.on { background-position: -205px -31px; }
.lnb .lnbGuide .lnbGuide3 a { background-position: 0 -144px; }
.lnb .lnbGuide .lnbGuide3 a:hover, .lnb .lnbGuide .lnbGuide3 a.on { background-position: -205px -144px; }
.lnb .lnbGuide .lnbGuide4 a { background-position: 0 -258px; }
.lnb .lnbGuide .lnbGuide4 a:hover, .lnb .lnbGuide .lnbGuide4 a.on { background-position: -205px -258px; }
.lnb .lnbGuide .lnbGuide2_1 a { background-position: 0 -62px; }
.lnb .lnbGuide .lnbGuide2_1 a:hover, .lnb .lnbGuide .lnbGuide2_1 a.on { background-position: -205px -62px; }
.lnb .lnbGuide .lnbGuide2_2 a { background-position: 0 -82px; }
.lnb .lnbGuide .lnbGuide2_2 a:hover, .lnb .lnbGuide .lnbGuide2_2 a.on { background-position: -205px -82px; }
.lnb .lnbGuide .lnbGuide2_3 a { background-position: 0 -102px; }
.lnb .lnbGuide .lnbGuide2_3 a:hover, .lnb .lnbGuide .lnbGuide2_3 a.on { background-position: -205px -102px; }
.lnb .lnbGuide .lnbGuide2_4 a { background-position: 0 -122px; }
.lnb .lnbGuide .lnbGuide2_4 a:hover, .lnb .lnbGuide .lnbGuide2_4 a.on { background-position: -205px -122px; }
.lnb .lnbGuide .lnbGuide3_1 a { background-position: 0 -175px; }
.lnb .lnbGuide .lnbGuide3_1 a:hover, .lnb .lnbGuide .lnbGuide3_1 a.on { background-position: -205px -175px; }
.lnb .lnbGuide .lnbGuide3_2 a { background-position: 0 -195px; }
.lnb .lnbGuide .lnbGuide3_2 a:hover, .lnb .lnbGuide .lnbGuide3_2 a.on { background-position: -205px -195px; }
.lnb .lnbGuide .lnbGuide3_3 a { background-position: 0 -215px; }
.lnb .lnbGuide .lnbGuide3_3 a:hover, .lnb .lnbGuide .lnbGuide3_3 a.on { background-position: -205px -215px; }
.lnb .lnbGuide .lnbGuide3_4 a { background-position: 0 -235px; }
.lnb .lnbGuide .lnbGuide3_4 a:hover, .lnb .lnbGuide .lnbGuide3_4 a.on { background-position: -205px -235px; }
.lnb .lnbGuide .lnbGuide4_1 a { background-position: 0 -289px; }
.lnb .lnbGuide .lnbGuide4_1 a:hover, .lnb .lnbGuide .lnbGuide4_1 a.on { background-position: -205px -289px; }
.lnb .lnbGuide .lnbGuide4_2 a { background-position: 0 -309px; }
.lnb .lnbGuide .lnbGuide4_2 a:hover, .lnb .lnbGuide .lnbGuide4_2 a.on { background-position: -205px -309px; }
.lnb .lnbGuide .lnbGuide4_3 a { background-position: 0 -329px; }
.lnb .lnbGuide .lnbGuide4_3 a:hover, .lnb .lnbGuide .lnbGuide4_3 a.on { background-position: -205px -329px; }
.lnb .lnbGuide .lnbGuide4_4 a { background-position: 0 -349px; }
.lnb .lnbGuide .lnbGuide4_4 a:hover, .lnb .lnbGuide .lnbGuide4_4 a.on { background-position: -205px -349px; }
.lnb .lnbGuide .lnbGuide4_5 a { background-position: 0 -369px; }
.lnb .lnbGuide .lnbGuide4_5 a:hover, .lnb .lnbGuide .lnbGuide4_5 a.on { background-position: -205px -369px; }
.lnb .lnbGuide .lnbGuide4_6 a { background-position: 0 -389px; }
.lnb .lnbGuide .lnbGuide4_6 a:hover, .lnb .lnbGuide .lnbGuide4_6 a.on { background-position: -205px -389px; }

.lnb .lnbCommunity li a { background-repeat: no-repeat; background-image: url('/games/ro1/2013_ro1/images/common/nav/lnb_community_180615.gif'); }
.lnb .lnbCommunity .lnbCommunity1 a { background-position: 0 0; }
.lnb .lnbCommunity .lnbCommunity1 a:hover, .lnb .lnbCommunity .lnbCommunity1 a.on { background-position: -205px 0; }
.lnb .lnbCommunity .lnbCommunity2 a { background-position: 0 -31px; }
.lnb .lnbCommunity .lnbCommunity2 a:hover, .lnb .lnbCommunity .lnbCommunity2 a.on { background-position: -205px -31px; }
.lnb .lnbCommunity .lnbCommunity3 a { background-position: 0 -62px; }
.lnb .lnbCommunity .lnbCommunity3 a:hover, .lnb .lnbCommunity .lnbCommunity3 a.on { background-position: -205px -62px; }
.lnb .lnbCommunity .lnbCommunity4 a { background-position: 0 -93px; }
.lnb .lnbCommunity .lnbCommunity4 a:hover, .lnb .lnbCommunity .lnbCommunity4 a.on { background-position: -205px -93px; }
.lnb .lnbCommunity .lnbCommunity5 a { background-position: 0 -124px; }
.lnb .lnbCommunity .lnbCommunity5 a:hover, .lnb .lnbCommunity .lnbCommunity5 a.on { background-position: -205px -124px; }
.lnb .lnbCommunity .lnbCommunity6 a { background-position: 0 -155px; }
.lnb .lnbCommunity .lnbCommunity6 a:hover, .lnb .lnbCommunity .lnbCommunity6 a.on { background-position: -205px -155px; }
.lnb .lnbCommunity .lnbCommunity7 a { background-position: 0 -186px; }
.lnb .lnbCommunity .lnbCommunity7 a:hover, .lnb .lnbCommunity .lnbCommunity7 a.on { background-position: -205px -186px; }

.lnb .lnbRoShop li a { background-repeat: no-repeat; background-image: url('/games/ro1/2013_ro1/images/common/nav/lnb_roShop.gif'); }
.lnb .lnbRoShop .lnbRoShop1 a { background-position: 0 0; }
.lnb .lnbRoShop .lnbRoShop1 a:hover, .lnb .lnbRoShop .lnbRoShop1 a.on { background-position: -205px 0; }
.lnb .lnbRoShop .lnbRoShop2 a { background-position: 0 -31px; }
.lnb .lnbRoShop .lnbRoShop2 a:hover, .lnb .lnbRoShop .lnbRoShop2 a.on { background-position: -205px -31px; }
.lnb .lnbRoShop .lnbRoShop3 a { background-position: 0 -62px; }
.lnb .lnbRoShop .lnbRoShop3 a:hover, .lnb .lnbRoShop .lnbRoShop3 a.on { background-position: -205px -62px; }

.lnb .lnbPds li a { background-repeat: no-repeat; background-image: url('/games/ro1/2013_ro1/images/common/nav/lnb_pds.gif'); }
.lnb .lnbPds .lnbPds1 a { background-position: 0 0; }
.lnb .lnbPds .lnbPds1 a:hover, .lnb .lnbPds .lnbPds1 a.on { background-position: -205px 0; }
.lnb .lnbPds .lnbPds2 a { background-position: 0 -31px; }
.lnb .lnbPds .lnbPds2 a:hover, .lnb .lnbPds .lnbPds2 a.on { background-position: -205px -31px; }
.lnb .lnbPds .lnbPds3 a { background-position: 0 -62px; }
.lnb .lnbPds .lnbPds3 a:hover, .lnb .lnbPds .lnbPds3 a.on { background-position: -205px -62px; }

.lnb .lnbSupport li a { background-repeat: no-repeat; background-image: url('/games/ro1/2013_ro1/images/common/nav/lnb_support.gif'); }
.lnb .lnbSupport .lnbSupport1 a { background-position: 0 0; }
.lnb .lnbSupport .lnbSupport1 a:hover, .lnb .lnbSupport .lnbSupport1 a.on { background-position: -205px 0; }
.lnb .lnbSupport .lnbSupport2 a { background-position: 0 -31px; }
.lnb .lnbSupport .lnbSupport2 a:hover, .lnb .lnbSupport .lnbSupport2 a.on { background-position: -205px -31px; }
.lnb .lnbSupport .lnbSupport3 a { background-position: 0 -62px; }
.lnb .lnbSupport .lnbSupport3 a:hover, .lnb .lnbSupport .lnbSupport3 a.on { background-position: -205px -62px; }
.lnb .lnbSupport .lnbSupport4 a { background-position: 0 -93px; }
.lnb .lnbSupport .lnbSupport4 a:hover, .lnb .lnbSupport .lnbSupport4 a.on { background-position: -205px -93px; }
.lnb .lnbSupport .lnbSupport5 a { background-position: 0 -124px; }
.lnb .lnbSupport .lnbSupport5 a:hover, .lnb .lnbSupport .lnbSupport5 a.on { background-position: -205px -124px; }


/** login **/
.login { position: relative; width: 205px; padding-bottom: 22px; margin: 0 auto; *padding: 0; }
.login .userId { display: block; color: #333; }
.login .userId .charSet{ position: absolute; top: -19px; right: 0px; }
.login .userId em { font-weight: bold; display: inline-block; color: #333; 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: #333; }
.login .userId a + a { position: absolute; top: 0; right: 0; } 
.login .userInfo { width: 185px; margin-top: 3px; padding: 6px 10px; background: #f7f7f7 none }
.login .userInfo * { font-size: 11px; letter-spacing: -1px; line-height: 14px; }
.login .userInfo p { color: #666; font-size: 11px; letter-spacing: -1px; }
.login .userInfo p span, .login .userInfo p a { display: inline-block; color: #5f86bf; }
.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 p a { text-decoration: underline; }
.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: #333; }
.login .userInfo .cash li span { display: inline-block; width: 98px; color: #0065d8; }
.login .userInfo .shop { width: 170px; height: auto; overflow: hidden; padding: 3px 8px 1px 7px; *padding: 2px 8px 2px 7px; margin: 5px 0 0 0; background-color: #bababa; }
.login .userInfo .shop li { float: left; padding: 0 8px; }
.login .userInfo .shop li + li { padding: 0 8px 0 9px; background: url('/games/ro1/2013_ro1/images/common/bg/bg_logoutPipe3.gif') no-repeat 0 1px; } 
.login .userInfo .shop li a { color: #fff; font-size: 11px; letter-spacing: -1px; }
.login .userBtns { padding: 2px 0 3px 0; text-align: center; }
.login .userBtns li { display: inline; }
.login .userBtns li + li { padding-left: 7px; background: url('/games/ro1/2013_ro1/images/common/bg/bg_logoutPipe.gif') no-repeat 1px 1px; } 
.login .btns { display: block; clear: both; }
.login .btns a { float: left; padding: 0; vertical-align: top; }

/** logout **/
.logout { position: relative; width: 205px; margin: 0 auto; }
.logout select { width: 130px; color: #999; border: 1px solid #d9d9d9; background: #f7f7f7 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 #e0e0e0; border-left: 1px solid #b9b9b9; border-bottom: 1px solid #e0e0e0; border-right: 0; background: #fff none; }
.logout .inputIdPw input:first-child { height: 24px; border-top: 1px solid #b9b9b9; border-bottom: 0; }
.logout .inputIdPw .id { background: url('/games/ro1/2013_ro1/images/common/bg/bg_id.gif') no-repeat 7px 11px; }
.logout .inputIdPw .pw { background: url('/games/ro1/2013_ro1/images/common/bg/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/common/btn/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 3px; }
.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/common/btn/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 { 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; }

/** banners **/
.banners { width: 205px; margin: 20px auto 0 auto; }
.banners li a img { margin-bottom: 12px; vertical-align: top; }

/* gameInfo 안의 마지막 문구 */
.caution { z-index: 10; position: absolute; bottom: 134px; left: 265px; color: #5f86bf; *bottom: 176px; }

/** 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; *margin: 0 auto 40px; }
.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: 314px; height: 9px; overflow: hidden; margin-top: 9px; text-indent: -10000px; background: url('/games/ro1/2013_ro1/images/common/txt_copy.gif') no-repeat 0 0; }
.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; }

/** button **/
.btns { display: block; text-align: center; }
.btns a { display: inline-block; width: auto; padding-right: 2px; background: url('/games/ro1/2013_ro1/images/common/bg/bg_btnTypeBlue.gif') no-repeat right 0; }
.btns.long a{background: url('/games/ro1/2013_ro1/images/common/bg/bg_btnTypeBlue2.gif') no-repeat right 0;}
.btns a span { display: block; width: auto; height: 22px; padding: 5px 18px 0 18px; margin-left: -2px; font-weight: bold; text-align: center; color: #fff; cursor: pointer; background: url('/games/ro1/2013_ro1/images/common/bg/bg_btnTypeBlue.gif') no-repeat 0 0; }
.btns.long a span{background: url('/games/ro1/2013_ro1/images/common/bg/bg_btnTypeBlue2.gif') no-repeat 0 0;}

/* inspection */
.inspection {  }
.inspection div { width: 695px; text-align: center; }
.inspection div img { margin: 55px 0 25px 0; }
.inspection div p { width: 570px; height: 74px; overflow: hidden; margin: 0 auto 40px auto; font: normal 0/0 dotum; background: url('/games/ro1/2013_ro1/images/common/txt_inspection.gif') no-repeat 0 0; }
.inspection div p strong { 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; }
.inspection span { display: block; width: 538px; height: 31px; padding: 17px 0 0 35px; margin: 0 auto; letter-spacing: -1px; border: 1px solid #e5ebf5; background-color: #f4f8fd; }
.inspection span em { display: inline-block; padding: 0 0 0 5px; font-weight: bold; color: #5f86bf; background: url('/games/ro1/2013_ro1/images/common/bul/bul_inspection.gif') no-repeat 0 6px; }


.inspection div.inspectionTimeArea { margin: 0 auto; width: 575px; box-sizing: border-box; height: auto; padding: 20px; border: 1px solid #e5ebf5; background-color: #f4f8fd; }
.inspection div.inspectionTimeArea h3 { width: 100%; height: 33px; line-height: 33px; box-sizing: border-box; padding-left: 20px; color: #5e85c0; font-size: 12px; text-align: left; background: url(/games/ro1/2013_ro1/images/common/bul/bul_inspection.gif) no-repeat 0 6px; background-color: white; background-position: 14px 14px; font-weight: bold; margin-bottom: 16px; } 
.inspection div.inspectionTimeArea p { display: block; width: 100%; height: initial; box-sizing: border-box; padding-left: 20px; color: #676566; text-align: left; background: initial; margin: initial; font: initial; font-size: 11px; } 

/* 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: 250px; 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: 307px; left: 0; z-index: 10; width: 81px; height: 103px; 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') no-repeat 0 0; }
.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 { clear: both; 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 { padding: 0; background: none; }
.characterSetPopup .btns a:first-child { margin-right: 1px; }