@charset "utf-8";

/* Hidden iframe */
.m-hidden-iframe { z-index:-1; position:absolute; left:-2px; top:-2px; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); padding:2px !important; }

/* Hidden selectbox */
.m-hidden-selectbox { visibility:hidden !important; }

/* 모달 레이어 템플릿  */
.m-template-layer-area { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; }
.m-template-layer-area .m-template-dimmed { z-index: 100; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color:#000; opacity:0.6; filter:alpha(opacity=60);  }
.m-template-blank-layer { z-index: 1000; display: none; position: absolute; left: 10px; top: 10px; right: 10px; padding: 0; border: 0; }

/* Youtube Template Layer Visible */
.m-template-layer-hidden { position:absolute; display:block; width:0; height:0; overflow:hidden; z-index:-1; }

/**
* 레이어 - 로그인
*/
#layerLogin * { margin:0; padding:0; }
#layerLogin li { list-style:none; }
#layerLogin { display:none; position:absolute; left:50%; top:0; width:596px; margin-left:-298px; padding:0 0 50px; background:#fff; font-family:Dotum; }
#layerLogin .inner { padding:50px 50px 0; }
#layerLogin h2 { height:47px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; border-bottom:1px solid #e5e5e5; background:url("/assets/recovered/7b63b48576e6f0c10757.gif") no-repeat 0 0; }
#layerLogin .btn-close { position:absolute; right:20px; top:20px; width:23px; height:23px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; border:0; background:url("/assets/recovered/cc60e1b6ce88a8e026ad.gif") no-repeat 0 0; }
#layerLogin .form { position:relative; padding:20px 0 20px 40px; border-bottom:1px solid #e5e5e5; }
#layerLogin .form-list .uid { margin-bottom:10px; }
#layerLogin .form-list li { position:relative; height:35px; font-size:12px; font-weight:bold; line-height:35px; }
#layerLogin .frm-text { position:absolute; left:62px; top:0; width:225px; height:18px; padding:8px 0 7px 11px; font-weight:bold; font-size:14px; color:#444; font-family:Dotum; border:1px solid #dbdbdb; background:#f3f6f8; }
#layerLogin .frm-text::-webkit-input-placeholder { color:#777; }
#layerLogin .frm-text:-moz-placeholder { color:#777; }
#layerLogin .frm-text::-moz-placeholder { color:#777; }
#layerLogin .frm-text:-ms-input-placeholder { color:#777; }
#layerLogin .frm-password-dummy { position:absolute; z-index:-999; overflow:hidden; width:0; height:0; visibility:hidden; border:0; background:none; padding:0; margin:0; }
#layerLogin .btn-login { position:absolute; left:348px; top:20px; width:109px; height:80px; border:1px solid #1096c2; }
#layerLogin .btn-login * { width:109px; height:80px; line-height:80px; color:#fff; font-size:14px; font-weight:bold; text-align:center; border:0; background:#17a4e8; }
#layerLogin .util { *zoom:1; overflow:hidden; margin:10px 0 0; font-size:11px; color:#444; }
#layerLogin .util .save { float:left; font-size:11px; white-space:nowrap; cursor:pointer; }
#layerLogin .util ul { float:left; }
#layerLogin .util li { float:left; padding-left:11px; margin-left:10px; background:url("/assets/recovered/a571440df1c3a17b094d.gif") no-repeat 0 50%; *display:inline; }
#layerLogin .util li a { font-weight:bold; }
#layerLogin .social-btn { *zoom:1; overflow:hidden; width:420px; margin:20px auto 0; }
#layerLogin .social-btn .g-left { float:left; }
#layerLogin .social-btn .g-right { float:right; }
#layerLogin .social-btn:after { content:""; display:table; clear:both; }
#layerLogin .social-btn a { display:block; font-size:0; line-height:0; color:transparent; background:url("/assets/recovered/ccb93ebb84b12bfb08f8.gif") no-repeat; }
#layerLogin .social-btn a.naver { width:225px; height:65px; background-position:0 0; }
#layerLogin .social-btn a.facebook { width:185px; height:30px; margin:0 0 6px; background-position:-235px 0; }
#layerLogin .social-btn a.twitter { width:185px; height:30px; background-position:-235px -36px; }

/**
* 레이어 - 크롬 플러그인 설치
*/
.layer-chrome-relation { display:none; position:absolute; top:200px; left:50%; width:396px; margin-left:-199px; border:1px solid #051121; background:#fff; box-shadow:0 2px 3px #000; }
.layer-chrome-relation h2 { margin:0; padding:0 0 0 20px; background:#051121; }
.layer-chrome-relation h2 span { height:45px; line-height:45px; font-size:16px; font-weight:bold; color:#26bce6; font-family:"Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif; }
.layer-chrome-relation .layer-content { position:relative; padding:30px 0 20px; text-align:center; }
.layer-chrome-relation .layer-content p { margin:0; padding:75px 0 0; color:#444; font-weight:bold; }
.layer-chrome-relation .layer-content strong { color:#118cb5; }
.layer-chrome-relation .layer-content .icon-img { position:absolute; left:50%; top:30px; width:62px; height:62px; margin-left:-31px; background:url("/assets/recovered/6ca42350c58f23521893.png") no-repeat 0 -27px; }
.layer-chrome-relation .layer-content .btn { margin:23px 0 0; }
.layer-chrome-relation .layer-content .btn a { display:block; width:150px; height:38px; margin:0 auto; line-height:38px; color:#fff; font-size:12px; font-weight:bold; border:1px solid #47b1d5; background:#118cb5; }
.layer-chrome-relation .btn-close { position:absolute; right:22px; top:15px; overflow:hidden; width:18px; height:17px; text-indent:-9999em; background:url("/assets/recovered/6ca42350c58f23521893.png") no-repeat -72px -27px; }

/**
* 레이어 - 서버를 선택하세요
*/
#layerSelectSever * { margin:0; padding:0; }
#layerSelectSever li { list-style:none; }
#layerSelectSever { z-index:9999999; display:none; position:absolute; left:50%; top:0; width:788px; margin-left:-394px; padding:0 0 0; background:#fff; font-family:Dotum; background:#1d212a url("/assets/recovered/0b05a7e320db3710fc92.png") no-repeat 0 -551px; box-shadow:0 0 10px #000;  }
#layerSelectSever .inner { padding:103px 0 34px 34px; }
#layerSelectSever .btn-close { position:absolute; right:23px; top:21px; overflow:hidden; width:23px; height:23px; text-indent:-9999em; border:0; background:url("/assets/recovered/0b05a7e320db3710fc92.png") no-repeat -73px 0; }
#layerSelectSever h2 { position:absolute; left:50%; top:17px; overflow:hidden; width:342px; height:88px; margin-left:-171px; text-indent:-9999em; background:url("/assets/recovered/0b05a7e320db3710fc92.png") no-repeat 0 -58px; }
#layerSelectSever .server-list ul { *zoom:1; }
#layerSelectSever .server-list ul:after { content:""; display:table; clear:both; }
#layerSelectSever .list-item { position:relative; float:left; width:325px; padding:18px 18px 18px 18px; }
#layerSelectSever .outer-glow { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;  transition:opacity 0.5s ease; filter:alpha(opacity=0); }
#layerSelectSever .list-item:hover .outer-glow,
#layerSelectSever li.hover .outer-glow { opacity:1; filter:alpha(opacity=100); }
#layerSelectSever .box { position:relative; padding:15px 0 0; }
#layerSelectSever .ico-hot-server,
#layerSelectSever .ico-new-server { z-index:2; position:absolute; right:6px; top:0; width:63px; height:48px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; background:url("/assets/recovered/0b05a7e320db3710fc92.png") no-repeat; }
#layerSelectSever .ico-new-server { background-position:0 0; }
#layerSelectSever .ico-hot-server { background-position:-155px 0; }
    /** 히페리온 이벤트 NEW 임시 추가 */
    /* #layerSelectSever .ico-new-server { z-index:2; position:absolute; left:0; right:none; top:0; width:325px; height:178px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; background:url("/missing/fff9259159bce6f7.jpg") no-repeat 0 0; } */

#layerSelectSever .box-inner { position:relative; width:295px; margin:0 auto; background:#393b3d url("/assets/recovered/0b05a7e320db3710fc92.png") no-repeat 0 -156px; box-shadow:0 0 10px rgba(0,0,0, 0.8); }
/* 상단 섬네일 */
#layerSelectSever .server-thumb { display:block; height:158px; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; background-position:-744px -80px; }
/* 군단 생성 전 */
#layerSelectSever .legion-before { text-align:center; color:#aeaeae; font-weight:bold; }
/* 군단 생성 후 */
#layerSelectSever .legion-after dl { *zoom:1; overflow:hidden; height:30px; margin:12px 0 0 15px; }
#layerSelectSever .legion-after dt { float:left; width:45px; margin-right:10px; font-weight:normal; color:#777; white-space:nowrap; background:url("/assets/recovered/61046391f5ddfbedf746.gif") no-repeat right 50%; }
#layerSelectSever .legion-after dd { float:left; width:220px; color:#aeaeae; line-height:18px; }
#layerSelectSever .legion-after dd .ui-nickname { display:inline-block; overflow:hidden; max-width:120px; margin:0 5px 0 3px; font-weight:bold; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; }
#layerSelectSever .legion-after dd .level { vertical-align:middle; }
/* 캐릭터 목록 */
#layerSelectSever .character-list { *zoom:1; margin:0 0 0 15px; border:0; position:static; }
#layerSelectSever .character-list:after { content:""; display:table; clear:both; }
#layerSelectSever .character-list li { float:left; width:40px; height:40px; margin:0 5px 5px 0; background:url("/assets/recovered/0b05a7e320db3710fc92.png") no-repeat -106px 0; }
#layerSelectSever .character-list a,
#layerSelectSever .character-list img { display:block; width:100%; height:100%; }
/* 서버상태 */
#layerSelectSever .server-status { height:29px; text-align:center; color:#aaa; padding:12px 0 0; background-color:#27282a; }
#layerSelectSever .server-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; }
#layerSelectSever .server-status strong { font-weight:normal; }
#layerSelectSever .server-status .inspection .icon { background-position:0 0; }
#layerSelectSever .server-status .easy strong { color:#a4ff2f; }
#layerSelectSever .server-status .easy .icon { background-position:0 -30px; }
#layerSelectSever .server-status .crowd strong { color:#ffcc19; }
#layerSelectSever .server-status .crowd .icon { background-position:0 -60px; }
#layerSelectSever .server-status .busy strong { color:#eb587a; }
#layerSelectSever .server-status .busy .icon { background-position:0 -90px; }
/* 버튼 - 바로시작 */
#layerSelectSever .btn-start { position:relative; z-index:10; margin:15px 0 0; }
#layerSelectSever .btn-start a { display:block; width:295px; height:70px; margin:0 auto; overflow:hidden; text-indent:-9999em; white-space:nowrap; font-size:0; line-height:0; color:transparent; background-position:-745px 0; background-repeat:no-repeat; } 
/* ##히페리온 */
#layerSelectSever .item-hyperion .outer-glow { background:url("/assets/recovered/c20b6f8d4d57b47c368c.png") no-repeat 0 0; }
#layerSelectSever .item-hyperion { background:url("/assets/recovered/c20b6f8d4d57b47c368c.png") no-repeat 0 0; }
#layerSelectSever .item-hyperion .server-thumb { background-image:url("/assets/recovered/c20b6f8d4d57b47c368c.png"); }
#layerSelectSever .item-hyperion .btn-start a { background-image:url("/assets/recovered/c20b6f8d4d57b47c368c.png"); }
/* ##미리어드 */
#layerSelectSever .item-myriad .outer-glow { background:url("/assets/recovered/4a8368041de16442ee15.png") no-repeat 0 0; }
#layerSelectSever .item-myriad { background:url("/assets/recovered/4a8368041de16442ee15.png") no-repeat 0 0; }
#layerSelectSever .item-myriad .server-thumb { background-image:url("/assets/recovered/4a8368041de16442ee15.png"); }
#layerSelectSever .item-myriad .btn-start a { background-image:url("/assets/recovered/4a8368041de16442ee15.png"); }
/* ##최초 유저 */
#layerSelectSever .new-user .box { height:340px;  }
#layerSelectSever .new-user li.list-item { background-position:0 0; }
#layerSelectSever .new-user .legion-before { height:41px; line-height:41px; background:#323435; }
#layerSelectSever .new-user li.list-item .outer-glow { background-position:-372px 0; }
/* ##기존 유저 */
#layerSelectSever .old-user .box { height:486px; }
#layerSelectSever .old-user li.list-item { background-position:0 -392px; }
#layerSelectSever .old-user .box-inner { height:385px; }
#layerSelectSever .old-user .box-inner .server-status { position:absolute; left:0; bottom:0; width:100%; }
#layerSelectSever .old-user .legion-before { height:186px; line-height:186px; }
#layerSelectSever .old-user li.list-item .outer-glow { background-position:-372px -392px; }

/**
* ActiveX 레이어
*/
.layer-activex-dimmed { z-index:99999998; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50); background:#000; }
.layer-activex-loader { z-index:99999999; position:fixed; left:50%; top:50%; width:300px; margin:-82px 0 0 -150px; text-align:center; }
.layer-activex-loader .ico-loader {
    z-index:10; position:relative; overflow:hidden; display:block; width:104px; height:124px; margin:0 auto; font-size:0; line-height:0; color:transparent; background:url("/assets/recovered/6e14cfc0ccf7a3ac5a06.png") no-repeat 0 0;
    animation:activexInstallLoaderKeyframe 700ms steps(8) infinite;
    -webkit-animation: activexInstallLoaderKeyframe 700ms steps(8) infinite;
}
.layer-activex-loader .loader-desc { margin:13px 0 0; color:#fff; font-size:14px; font-family:Dotum; font-weight:bold; text-shadow:1px 1px 0 #000; }
@keyframes activexInstallLoaderKeyframe {
    from { background-position: 0px 0px; }
    to { background-position: -872px 0px; }
}
@-webkit-keyframes activexInstallLoaderKeyframe {
    from { background-position: 0px 0px; }
    to { background-position: -872px 0px; }
}

/*
     FILE ARCHIVED ON 21:32:06 Jul 11, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:22:38 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.315
  captures_list: 0.443
  exclusion.robots: 0.06
  exclusion.robots.policy: 0.051
  esindex: 0.006
  cdx.remote: 16.692
  LoadShardBlock: 92.666 (3)
  PetaboxLoader3.datanode: 99.751 (4)
  PetaboxLoader3.resolve: 73.925 (2)
  load_resource: 112.916
*/