@charset "utf-8";

/**
* 메인 공통
*/
body.body-main #lFooter .inner { width:1180px; }
#mainContent { position:relative; padding-bottom:35px; background:#202020 url("/assets/recovered/9f59ae958807c066a46f.jpg") no-repeat 50% 0;  background-attachment:fixed; transition:background 30ms ease; }
#mainContent .main-inner { width:1180px; padding:40px 0 0; margin:0 auto; }
#mainContent .section { *zoom:1; position:relative; }
#mainContent .section:after { content:""; display:table; clear:both; }

/**
* 게임시작, 로그인, 상단 배너
*/
#mainContent .start-login { float:left; width:340px; }
/* ## 게임 시작  */
#mainContent .s-start { z-index:2; position:relative; }
#mainContent .s-start a { display:block; width:100%; height:13px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; background:#fff; opacity:0; filter:alpha(opacity=0); }
/* 게스트 */
#mainContent .s-start .quick-guest { position:relative; width:340px; height:143px; background:url("/assets/recovered/1c24d1e3a491f92dfe40.png") no-repeat 0  -153px;; }
#mainContent .s-start .quick-guest .quick { height:104px; }
#mainContent .s-start .quick-guest .guest { height:39px; }
/* 게스트 레이어 */
#mainContent .s-start .layer-guest { display:none; position:absolute; left:230px; top:100%; width:210px; padding:10px 14px; margin:-40px 0 0 10px; font-size:12px; line-height:1.4; border:1px solid #444; background:#fff; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3); }
#mainContent .s-start .layer-guest .edge { position:absolute; left:-8px; top:10px; width:8px; height:11px; background:url("/assets/recovered/14b514fa247f8356f02f.png") no-repeat 0 0; }
#mainContent .s-start .layer-guest p { color:#777; }
/* 바로 시작 */
#mainContent .s-start .quick-only { width:340px; height:143px; background:url("/assets/recovered/1c24d1e3a491f92dfe40.png") no-repeat 0 0; }
#mainContent .s-start .quick-only a { height:100%; }

/* ## 서버 상태 */
#mainContent .s-start .status { height:31px; text-align:center; color:#aaa; padding:10px 0 0; background-color:#2e2e2f; }
#mainContent .s-start .status .icon { display:inline-block; width:20px; height:20px; margin-right:6px; vertical-align:middle; background:url("/assets/recovered/2c5a83340ddd05b1f9bd.png") no-repeat 0 0; }
#mainContent .s-start .status strong { font-weight:normal; }
#mainContent .s-start .status .inspection .icon { background-position:0 0; }
#mainContent .s-start .status .easy strong { color:#a4ff2f; }
#mainContent .s-start .status .easy .icon { background-position:0 -30px; }
#mainContent .s-start .status .crowd strong { color:#ffcc19; }
#mainContent .s-start .status .crowd .icon { background-position:0 -60px; }
#mainContent .s-start .status .busy strong { color:#eb587a; }
#mainContent .s-start .status .busy .icon { background-position:0 -90px; }

/* ## 로그인 */
#mainContent .s-login { height:254px; background:#1c1d1e; }
/* 로그인 - 전 */
#mainContent .s-login .before-login { position:relative; padding:30px 30px 0; }
#mainContent .s-login .before-login .title-login { overflow:hidden; height:27px; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; border-bottom:1px solid #2a2b2b; background:url("/assets/recovered/c281814b387e69e35b45.gif") no-repeat 0 0; }
#mainContent .s-login .before-login .form-list .uid { margin:11px 0 6px; }
#mainContent .s-login .before-login .frm-text { width:175px; height:18px; padding:5px 0 5px 8px; color:#999; border:1px solid #3d3e40; background:#343434; }
#mainContent .s-login .before-login .frm-text::-webkit-input-placeholder { color:#777; }
#mainContent .s-login .before-login .frm-text:-moz-placeholder { color:#777; }
#mainContent .s-login .before-login .frm-text::-moz-placeholder { color:#777; }
#mainContent .s-login .before-login .frm-text:-ms-input-placeholder { color:#777; }
#mainContent .s-login .before-login .btn-login { position:absolute; left:221px; top:70px; width:87px; border:1px solid #1096c2; }
#mainContent .s-login .before-login .btn-login * { width:87px; height:64px; line-height:64px; color:#fff; font-size:14px; font-weight:bold; text-align:center; border:0; background:#17a4e8; }
#mainContent .s-login .before-login .btn-login *:hover { background:#17b2e8; }
#mainContent .s-login .before-login .util { *zoom:1; overflow:hidden; height:22px; margin:11px 0 0; font-size:11px; color:#777; border-bottom:1px solid #2a2b2b; }
#mainContent .s-login .before-login .util .g-left { float:left; }
#mainContent .s-login .before-login .util .g-left label { cursor:pointer; }
#mainContent .s-login .before-login .util .g-right { float:right; }
#mainContent .s-login .before-login .util .g-right a { color:#777; }
#mainContent .s-login .before-login .util .g-right li { float:left; padding-left:11px; margin-left:10px; background:url("/assets/recovered/829951518c60f63e3110.gif") no-repeat 0 50%; *display:inline; }
#mainContent .s-login .before-login .util .g-right li.find { margin-left:0; padding-left:0; background:none; }
#mainContent .s-login .before-login .naver-login { margin:13px 0 0; }
#mainContent .s-login .before-login .naver-login a { display:block; width:190px; height:40px; margin:0 auto; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; background:url("/assets/recovered/6d8c751cb77e9cbc8b4a.gif") no-repeat 0 0; }
/* 로그인 - 후 */
#mainContent .s-login .after-login { position:relative; padding:30px 30px 0; }
#mainContent .s-login .after-login .player { position:relative; height:80px; padding:0 0 15px 95px; border-bottom:1px solid #2a2b2b; }
#mainContent .s-login .after-login .player .thumb { position:absolute; left:0; top:0; width:80px; height:80px; }
#mainContent .s-login .after-login .player .thumb img { width:100%; height:100%; }
#mainContent .s-login .after-login .player-info td { height:80px; vertical-align:middle; }
#mainContent .s-login .after-login .player-info p.msg { position:relative; color:#26bce6; font-weight:bold; }
#mainContent .s-login .after-login .player-info p.msg a.link { display:block; color:#26bce6; font-weight:bold; }
#mainContent .s-login .after-login .player-info p.center { text-align:center; }
#mainContent .s-login .after-login .player-info p.inline-block { vertical-aling:middle; margin:0 3px 0 0; }
#mainContent .s-login .after-login .player-info a.btn-select { position:absolute; right:0; top:50%; width:29px; height:13px; margin-top:-8px; padding:1px 0 0; font-weight:normal; border-style:solid; border-width:1px; line-height:13px; text-align:center; font-size:11px; color:#deebf1; border-color:#0d84ac; background:#118cb5; }
#mainContent .s-login .after-login .player-info .uid { margin:5px 0; }
#mainContent .s-login .after-login .player-info .uid a { display:block; overflow:hidden; width:100%; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; color:#26bce6; }
#mainContent .s-login .after-login .player-info .type span { display:block; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; }
#mainContent .s-login .after-login .player-info .type span.NaverApi { width:49px; height:9px; background:url("/assets/recovered/e27470578aeed1e428d9.png") no-repeat 0 0; }
#mainContent .s-login .after-login .server-info { position:relative; }
#mainContent .s-login .after-login .server-info .server-name { margin:0 0 0 3px; font-weight:bold; color:#f3f6f8; vertical-align:middle; }
#mainContent .s-login .after-login .server-info a.btn-select-server { position:absolute; right:0; top:50%; height:13px; margin-top:-8px; padding:1px 4px 0; font-weight:normal; border-style:solid; border-width:1px; line-height:13px; text-align:center; font-size:11px; color:#deebf1; letter-spacing:-1px; border-color:#6e6e6e; background:#5b5d5f; cursor:pointer; color:#fff; }
#mainContent .s-login .after-login .info { min-height:40px; *height:40px; }
#mainContent .s-login .after-login .info li { position:relative; margin:8px 0 0; padding:0 0 0 9px; font-size:0; line-height:0; background:url("/assets/recovered/c6bd994789174beb3977.gif") no-repeat 1px 50%; }
#mainContent .s-login .after-login .info .title { display:inline-block; margin:0 7px 0 0; padding:0 10px 0 0; font-size:12px; line-height:1.4; font-weight:normal; color:#aaa; vertical-align:middle; background:url("/assets/recovered/1307066c7e6b9960cede.gif") no-repeat right 50%; }
#mainContent .s-login .after-login .info .text { display:inline-block; font-size:12px; line-height:1.4; color:#aaa; vertical-align:middle; }
#mainContent .s-login .after-login .info .jam .text strong { color:#118cb5; }
#mainContent .s-login .after-login .info .notice .text strong { color:#f3f6f8; }
#mainContent .s-login .after-login .info li a { position:absolute; right:0; top:0; width:29px; height:13px; padding:1px 0 0; border-style:solid; border-width:1px; line-height:13px; text-align:center; font-size:11px; }
#mainContent .s-login .after-login .info li a.btn-charge { color:#deebf1; border-color:#0d84ac; background:#118cb5; }
#mainContent .s-login .after-login .info li a.btn-view { color:#e4e5e5; border-color:#6e6e6e; background:#5b5d5f; }
#mainContent .s-login .after-login .btn-group { margin:17px 0 0; text-align:center; font-size:0; line-height:0; }
#mainContent .s-login .after-login .btn-group a { display:inline-block; width:115px; height:28px; font-size:12px; line-height:28px; border-style:solid; border-width:1px; vertical-align:middle; }
#mainContent .s-login .after-login .btn-group a.btn-mypage { margin-right:6px; color:#dbdbdb; border-color:#196b86; background:#17617a; }
#mainContent .s-login .after-login .btn-group a.btn-mypage:hover { text-decoration:none; background:#196b86; }
#mainContent .s-login .after-login .btn-group a.btn-logout { color:#aaa; border-color:#4b4b4b; background:#434547; }
#mainContent .s-login .after-login .btn-group a.btn-logout:hover { color:#fff; text-decoration:none; background:#4b4b4b; }
/* 로그인중 */
#mainContent .s-login .login-loader { display:none; position:relative; width:100%; height:100%; }
#mainContent .s-login .ico-login-loader { position:absolute; left:50%; top:50%; display:block; width:104px; height:124px; margin:-62px 0 0 -52px; }
#mainContent .s-login .ico-login-loader i {
    z-index:10; position:relative; overflow:hidden; display:inline-block; width:100%; height:100%; font-size:0; line-height:0; color:transparent; background:url("/assets/recovered/6e14cfc0ccf7a3ac5a06.png") no-repeat 0 0;
    animation:loadingBarKeyframe 700ms steps(8) infinite;
    -webkit-animation: loadingBarKeyframe 700ms steps(8) infinite;
}
@keyframes loadingBarKeyframe {
    from { background-position: 0px 0px; }
    to { background-position: -872px 0px; }
}
@-webkit-keyframes loadingBarKeyframe {
    from { background-position: 0px 0px; }
    to { background-position: -872px 0px; }
}
#mainContent .s-login .ico-login-loader i.ie { 
	animation:none;
    -webkit-animation:none;
	background:url("/assets/recovered/290719472f9450e3ff35.gif") no-repeat 50% 0;
}

/* ## 레이어 - 대표서버 설정 */
#mainContent #layerServerSetting { left:320px; }

/* ## 상단  배너 */
#mainBigBanner { position:relative; float:right; width:840px; height:396px; }
#mainBigBanner .list { overflow:hidden; width:100%; }
#mainBigBanner .list ul { width:2000%; }
#mainBigBanner .list li { float:left; width:auto; }
#mainBigBanner .list a,
#mainBigBanner .list img { display:block; width:840px; height:396px; }
#mainBigBanner .ctrl-ui { position:absolute; left:0; bottom:22px; width:100%; text-align:center; font-size:0; line-height:0; }
#mainBigBanner .ctrl-ui button { overflow:hidden; white-space:nowrap; font-size:0; line-height:0; vertical-align:middle; color:transparent; background:url("/assets/recovered/9be99a4ce97f18ae603b.png") no-repeat 0 0; }
#mainBigBanner .ctrl-ui .btn-prev,
#mainBigBanner .ctrl-ui .btn-next { width:30px; height:29px; }
#mainBigBanner .ctrl-ui .btn-prev { background-position:0 0; }
#mainBigBanner .ctrl-ui .btn-next { background-position:-40px 0; }
#mainBigBanner .pagination { display:inline-block; margin-right:5px; *zoom:1; *display:inline; vertical-align:middle; }
#mainBigBanner .pagination button { display:inline-block; margin-left:5px; width:13px; height:13px; background-position:-103px 0; }
#mainBigBanner .pagination button.selected { background-position:-80px 0; }

/**
* 게임소개, 공지사항, 미들 배너 
*/
#mainContent .about-notice-banner { margin:20px 0 0; }
/* 게임 소개*/
#mainContent .middle-left-banner { position:relative; float:left; width:340px; height:295px; }
#mainContent .middle-left-banner a { display:block; width:100%; height:100%; }
/* 공지사항 */
#mainContent .s-notice-area { position:relative; float:left; width:420px; height:265px; padding:30px 40px 0; background:#fff; }
#mainContent .s-notice-area h2 { height:26px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; border-bottom:1px solid #bdbdbd; background:url("/assets/recovered/957523230634bdcc54e5.gif") no-repeat 0 0; }
#mainContent .s-notice-area ul { padding:6px 0 0; }
#mainContent .s-notice-area li { *zoom:1; position:relative; margin:9px 0 0; }
#mainContent .s-notice-area .ico-new { display:none; position:relative; width:11px; height:11px; vertical-align:middle; top:-1px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; background:url("/assets/recovered/a693150b32ce2fd364ac.gif") no-repeat 0 0; }
#mainContent .s-notice-area .ico-new.on { display:inline-block; }
#mainContent .s-notice-area .title { overflow:hidden; display:inline-block; width:300px; height:16px; line-height:16px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; }
#mainContent .s-notice-area .label { display:inline-block; width:33px; height:13px; margin-right:3px; padding:1px 0 0; line-height:13px; font-size:11px; letter-spacing:-1px; text-align:center; color:#fff; vertical-align:middle; border:1px solid #A7A7A7; background:#999; }
#mainContent .s-notice-area .date { position:absolute; right:0; top:0; color:#aaa; }
#mainContent .s-notice-area .detail { display:none; margin:9px 0 0; padding-bottom:10px; border-bottom:1px solid #dedede; }
#mainContent .s-notice-area .detail a { overflow:hidden; display:block; height:40px; line-height:20px; }
#mainContent .s-notice-area .more { position:absolute; right:40px; top:33px; text-decoration:underline; }
#mainContent .s-notice-area li:hover .label { border:1px solid #0b7092; background:#118cb5; }
#mainContent .s-notice-area li:hover a { color:#118cb5; }
#mainContent .s-notice-area li.selected .detail { display:block; }
#mainContent .s-notice-area li.selected .label { border:1px solid #0b7092; background:#118cb5; }
#mainContent .s-notice-area li.selected .title { color:#dc1d49; font-weight:bold; letter-spacing:-1px; }
#mainContent .s-notice-area li.selected .date { color:#dc1d49; }

/* 미들 배너 */
#middleBanner { position:relative; float:left; width:340px; height:295px; }
#middleBanner .list { overflow:hidden; width:100%; }
#middleBanner .list ul { width:2000%; }
#middleBanner .list li { float:left; width:auto; }
#middleBanner .list a,
#middleBanner .list img { display:block; width:340px; height:295px; }
#middleBanner .pagination { position:absolute; left:27px; bottom:20px; font-size:0; line-height:0; }
#middleBanner .pagination button { display:inline-block; margin-right:3px; width:13px; height:13px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; vertical-align:middle; color:transparent; background:url("/assets/recovered/e682b914bd580b7b0b19.png") no-repeat -21px 0; }
#middleBanner .pagination button.selected { background-position:0 0; }

/**
* 최군 뉴스
*/
#mainContent .s-news { z-index:2; position:relative; margin:17px 0 0; padding:3px 0 0; background:url("/assets/recovered/7debcafc57498d2ce9b9.png") repeat-x 0 0; }
#mainContent .s-news .header { z-index:2; position:relative; height:59px; border-bottom:1px solid #eee; background:#f6f6f6; }
#mainContent .s-news .header h2 { position:absolute; left:50%; top:23px; overflow:hidden; width:73px; height:22px; margin-left:-36px; }
#mainContent .s-news .header h2 a { display:block; width:100%; height:100%; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; background:url("/assets/recovered/91ff87f3b1d779ffae62.gif") no-repeat 0 0; }
#mainContent .s-news .header .fee-info { display:none; position:absolute; left:40px; bottom:13px; font-size:11px; }
#mainContent .s-news .header .fee-info .title { font-weight:normal; vertical-align:middle; }
#mainContent .s-news .header .fee-info p.text { display:inline-block; *zoom:1; *display:inline; margin-left:10px; vertical-align:middle; color:#118cb5;}
#mainContent .s-news .header .fee-info p.text strong { position:relative; top:-1px; font-size:14px;font-weight:bold; vertical-align:middle; }
#mainContent .s-news .header .fee-info .btn-toggle { position:relative; top:-2px; display:inline-block; overflow:hidden; width:14px; height:14px; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; vertical-align:middle; background:url("/assets/recovered/5099a72a6c7994c96bfa.png") no-repeat 0 0; }
#mainContent .s-news .header .layer-fee { display:none; position:absolute; left:100%; top:100%; width:240px; padding:10px 14px; margin:5px 0 0 -45px; font-size:12px; line-height:1.4; border:1px solid #444; background:#fff; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3); }
#mainContent .s-news .header .layer-fee strong { color:#444; }
#mainContent .s-news .header .layer-fee p { color:#777; margin:3px 0 0; font-size:11px; }
#mainContent .s-news .header .layer-fee .edge { position:absolute; left:33px; top:-8px; width:11px; height:8px; background:url("/assets/recovered/0592e3429d44cdd99808.png") no-repeat 0 0; }
#mainContent .s-news .header .date { display:none; position:absolute; right:35px; bottom:13px; font-size:11px; color:#777; }
#mainContent .s-news .content { position:relative; height:200px; padding:10px 0 30px 40px; background:#fff; }
#mainContent .s-news .tab { *zoom:1; overflow:hidden; }
#mainContent .s-news .tab li { float:left; padding-left:11px; margin-left:11px; background:url("/assets/recovered/69b2fccdac1c0f934683.gif") no-repeat 0 50%; }
#mainContent .s-news .tab li:first-child { margin-left:0; padding-left:0; background:none; }
#mainContent .s-news .tab a { float:left; height:31px; line-height:31px; color:#777; }
#mainContent .s-news .tab li.selected a { font-weight:bold; color:#444; letter-spacing:-1px; } 
#mainContent .s-news .list { *zoom:1; }
#mainContent .s-news .list:after { content:""; display:table; clear:both; }
#mainContent .s-news .list li { float:left; width:172px; margin-right:14px; }
#mainContent .s-news .list li a { display:block; }
#mainContent .s-news .list li .thumb { position:relative; display:block; }
#mainContent .s-news .list li .thumb:before { content:""; position:absolute; left:0; top:0; width:170px; height:106px; border:1px solid #000; opacity:0.10; filter:alpha(opacity=10); }
#mainContent .s-news .list li .title { display:block; overflow:hidden; height:34px; line-height:17px; word-wrap:break-word; margin:10px 0 0; }
#mainContent .s-news .list li img { width:100%; height:108px; }
#mainContent .s-news .list li .writer-fee { *zoom:1; overflow:hidden; margin:5px 0 0; display:block; }
#mainContent .s-news .list li .writer { float:left; overflow:hidden; display:inline-block; max-width:85px; font-size:11px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; }
#mainContent .s-news .list li .fee-info { float:right; font-size:11px; color:#118cb5; }
#mainContent .s-news .list li .icon-fee { display:inline-block; width:13px; height:13px; cursor:pointer; margin-right:3px; vertical-align:middle; background:url("/assets/recovered/5099a72a6c7994c96bfa.png") no-repeat -24px 0; }
#mainContent .s-news .more { position:absolute; right:40px; top:17px; color:#777; text-decoration:underline; }
/* 레이어 - 원화 아이콘 */
#layerFeeHelp { display:none; position:absolute; width:190px; padding:10px 14px; margin:25px 0 0 -32px; font-size:12px; line-height:1.4; border:1px solid #444; background:#fff; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3); }
#layerFeeHelp strong { color:#444; }
#layerFeeHelp p { color:#777; margin:3px 0 0; font-size:11px; }
#layerFeeHelp .edge { position:absolute; left:33px; top:-8px; width:11px; height:8px; background:url("/assets/recovered/0592e3429d44cdd99808.png") no-repeat 0 0; }


/** 
* 캐릭터 소개
*/
#characters { position:relative; height:447px; margin:20px 0 0; padding:1px 0 0; background:url("/assets/recovered/495463ded34d2c425df3.jpg") no-repeat 0 0; }
#characters .tab { z-index:3; position:absolute; left:586px; top:40px; }
#characters .tab li { float:left; }
#characters .tab a { display:block; width:139px; height:38px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; background:url("/assets/recovered/d5a7e538e9cba4ff467f.png") no-repeat 0 0; }
#characters .tab li.rpg { margin-right:9px; }
#characters .tab li.rpg a { background-position:0 0; }
#characters .tab li.rpg.selected a { background-position:0 -48px; }
#characters .tab li.aos a { margin-right:9px; background-position:-148px 0; }
#characters .tab li.aos.selected a { background-position:-148px -48px; }
#characters .tab li.sidekick a { background-position:-296px 0; }
#characters .tab li.sidekick.selected a { background-position:-296px -48px; }
#characters .list { z-index:4; *zoom:1; position:relative; margin:93px 0 0 462px; width:680px; overflow:hidden; height:272px; }
#characters .list:after { content:""; display:table; clear:both; }
#characters .list li { float:left; width:60px; height:60px; padding:4px; background:url("/assets/recovered/d5a7e538e9cba4ff467f.png") no-repeat 0 -173px; }
#characters .list li a,
#characters .list li img { display:block; width:100%; height:100%; }
#characters .list li a { background:#000; }
#characters .list li img { opacity:0.3; filter:alpha(opacity=30); transition:all 300ms ease; }
#characters .list-rpg li.rpg img,
#characters .list-aos li.aos img { opacity:0.8; filter:alpha(opacity=70); }
#characters .list li.traning img { opacity:0.3; filter:alpha(opacity=30); }
#characters .list-sidekick li.sidekick img { opacity:0.8; filter:alpha(opacity=70); }
#characters .list li a:hover img { opacity:1; filter:alpha(opacity=100); }
#characters .ctrl { z-index:5; position:relative; width:677px; margin:19px 0 0 466px; text-align:center; font-size:0; line-height:0; }
#characters .ctrl button { display:inline-block; width:25px; height:25px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; border:0; background:url("/assets/recovered/d5a7e538e9cba4ff467f.png") no-repeat 0 0; }
#characters .ctrl button.btn-prev { margin-right:5px; background-position:0 -96px; }
#characters .ctrl button.btn-next { background-position:-35px -96px; }
#characters .detail { position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%; }
#characters .detail .bg { position:absolute; left:0; top:0; }
#characters .detail .inner { z-index:1; position:absolute; left:300px; top:90px; width:150px; color:#fff; }
#characters .detail .inner .title { display:block; padding-bottom:3px; font-size:20px; font-weight:bold; line-height:32px; font-family: "Malgun Gothic","맑은 고딕",dotum,"돋움",sans-serif;}
#characters .detail .inner dl { *zoom:1; overflow:hidden; padding-left:3em; margin:4px 0 0; line-height:17px; }
#characters .detail .inner dl.name { padding-left:0; }
#characters .detail .inner dl.story { padding-left:0; }
#characters .detail .inner dt { position:relative; float:left; left:-3em; width:3em; margin-right:-3em; word-wrap:break-word; }
#characters .detail .inner dd { width:100%; word-wrap:break-word; letter-spacing:-1px; }
#characters .detail .inner dl.position,
#characters .detail .inner dl.nick { padding-left:4em; }
#characters .detail .inner dl.position dt,
#characters .detail .inner dl.nick dt { left:-4em; width:4em; margin-right:-4em; }
#characters .detail .inner .btn { margin:15px 0 0; }
#characters .detail .inner .btn a { display:block; width:115px; height:32px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; background:url("/assets/recovered/d5a7e538e9cba4ff467f.png") no-repeat 0 -131px; }


/**
* 바텀 배너, 랭킹, 초보자 가이드
*/
#mainContent .banner-ranking-guide { margin:20px 0 0; }
/* 바텀 배너 */
#bottomBanner { position:relative; float:left; width:340px; height:295px; }
#bottomBanner .list { overflow:hidden; width:100%; }
#bottomBanner .list ul { width:2000%; }
#bottomBanner .list li { float:left; width:auto; }
#bottomBanner .list a,
#bottomBanner .list img { display:block; width:340px; height:295px; }
#bottomBanner .pagination { position:absolute; left:27px; bottom:20px; font-size:0; line-height:0; }
#bottomBanner .pagination button { display:inline-block; margin-right:3px; width:13px; height:13px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; vertical-align:middle; color:transparent; background:url("/assets/recovered/e682b914bd580b7b0b19.png") no-repeat -21px 0; }
#bottomBanner .pagination button.selected { background-position:0 0; }
/*  랭킹 */
#mainContent .s-ranking { position:relative; float:left; width:420px; height:265px; padding:30px 40px 0; background:#fff; }
#mainContent .s-ranking .tab { *zoom:1; border-bottom:1px solid #bdbdbd; }
#mainContent .s-ranking .tab:after { content:""; display:table; clear:both; }
#mainContent .s-ranking .tab li { float:left; margin-right:-1px; border:1px solid #bdbdbd; border-bottom:0; }
#mainContent .s-ranking .tab li.selected { margin-bottom:-1px; }
#mainContent .s-ranking .tab li.selected a { background:#fff; color:#444; font-weight:bold; letter-spacing:-1px; padding-bottom:1px; border-color:#fff; }
#mainContent .s-ranking .tab a { display:block; width:84px; height:25px; line-height:25px; color:#777; text-align:center; background:#e6e6e6; border-left:1px solid #efefef; border-top:1px solid #efefef; }
#mainContent .s-ranking .tab-cont { display:none; margin:12px 0 0; }
#mainContent .s-ranking .header { position:relative; *zoom:1; height:19px; }
#mainContent .s-ranking .header .select-server { position:absolute; left:0; top:0; height:20px; line-height:20px; }
#mainContent .s-ranking .header .date { float:left; color:#777; }
#mainContent .s-ranking .header .ctrl { float:right; color:#777; font-size:0; line-height:0; }
#mainContent .s-ranking .header .ctrl p { display:inline-block; vertical-align:middle; *display:inline; *zoom:1; font-size:12px; line-height:19px; }
#mainContent .s-ranking .header .ctrl p .now { font-weight:bold; color:#444; }
#mainContent .s-ranking .header .ctrl button { display:inline-block; width:19px; height:19px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; border:0; background:url("/assets/recovered/102eea58ef9343ff5a3f.gif") no-repeat 0 0; }
#mainContent .s-ranking .header .ctrl button.btn-prev { margin:0 3px 0 8px; background-position:0 0; }
#mainContent .s-ranking .header .ctrl button.btn-next { background-position:-22px 0; }
#mainContent .s-ranking .header .ctrl select { height:18px; line-height:18px; }
#mainContent .s-ranking .content { margin:8px 0 0; }
#mainContent .s-ranking .content thead th { height:28px; font-size:11px; color:#fff; font-weight:normal; background-color:#a0a1a5; }
#mainContent .s-ranking .content tbody td { height:28px; text-align:center; }
#mainContent .s-ranking .content tbody td.left { text-align:left; }
#mainContent .s-ranking .content tbody td.name { font-size:11px; }
#mainContent .s-ranking .content tbody td.name .ico-server-type { margin-right:3px; }
#mainContent .s-ranking .content tbody td.up { color:#dc1d49; }
#mainContent .s-ranking .content tbody td.down { color:#118cb5; }
#mainContent .s-ranking .content tbody tr.odd td { background-color:#f6f6f6; }
#mainContent .s-ranking .more { position:absolute; right:40px; top:35px; color:#777; text-decoration:underline; }
/* 초보자 가이드 */
#mainContent .s-guide  { position:relative; float:left; width:340px; height:295px; background:url("/assets/recovered/3d72373050b0e1e7a4a4.jpg") no-repeat 0 0; }
#mainContent .s-guide ul { *zoom:1; overflow:hidden; }
#mainContent .s-guide li { float:left; width:113px; height:98px; }
#mainContent .s-guide a { display:block; width:100%; height:100%; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; background:#fff; opacity:0; filter:alpha(opacity=0); }
#mainContent .s-guide li.beginner { width:100%; height:99px; }
#mainContent .s-guide li.vip,
#mainContent .s-guide li.account { width:114px; }


/**
* 단발성 이벤트 CSS
*/
/* 오늘시작하면 개이득 띠배너 */
#bannerVertificationVisit { display:none; position:relative; width:100%; height:141px; margin:5px 0 -4px; background:url("/assets/recovered/f0d8379c802d1113d291.png") no-repeat 0 0; }
#bannerVertificationVisit a { position:absolute; right:37px; top:85px; width:180px; height:34px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; background:#fff; opacity:0; filter:alpha(opacity=0); }

/*
 CSS Copy Template
:after { content:""; display:table; clear:both; }
overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; 
background:url("/missing/3e98894c1e29ae80") no-repeat 0 0; 
../../common/images/main/season2/
../../common/images/temp/
*/



/*
     FILE ARCHIVED ON 22:17:06 Jun 03, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:21:42 Oct 16, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.419
  captures_list: 0.724
  exclusion.robots: 0.092
  exclusion.robots.policy: 0.08
  esindex: 0.023
  cdx.remote: 6.74
  LoadShardBlock: 1202.998 (3)
  PetaboxLoader3.datanode: 1212.755 (4)
  PetaboxLoader3.resolve: 48.428 (2)
  load_resource: 74.695
*/