@charset 'utf-8';

body {background:#101010;}
.hide {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}

/* layout */
.e-container {position:relative;overflow:hidden;min-width:1280px;max-width:1920px;margin:0 auto;box-sizing:border-box;}
.e-wrap {position:relative;width:1280px;margin:0 auto;box-sizing:border-box;}
.shadow {position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);}
.e-footer {width:100%;height:60px;background:#0a0f1c;box-sizing:border-box;}
.e-footer .copyright {overflow:hidden;width:1280px;height:60px;margin:0 auto;background:url('images/text_copyright.png') no-repeat 50%;text-indent:-1000em;}

.fixbtn {position:fixed;right:0;bottom:73px;z-index:10;}
.fixbtn .btn {overflow:hidden;display:block;width:66px;height:66px;background:url('images/btn_top.jpg') no-repeat;text-indent:-1000em;cursor:pointer;opacity:0;-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
.fixbtn .btn.show {opacity:1;}

.e-header {position:absolute;top:0;left:0;z-index:10;width:100%;height:109px;background:#0a0f19;}
.e-header .logo {position:absolute;top:108px;left:-52px;width:251px;height:144px;padding:16px 0 0 35px;background:url('images/bi.png') no-repeat;overflow:hidden;box-sizing:border-box;}
.e-header .logo a {overflow:hidden;display:block;width:180px;height:80px;text-indent:-1000em;box-sizing:border-box;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
.e-header .quick {position:absolute;top:99px;right:26px;}
.e-header .today {position:absolute;top:74px;right:-9px;width:150px;height:33px;}
.e-header .today .chk {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.e-header .today label {overflow:hidden;display:block;width:100%;height:100%;background:url('images/text_today.png') no-repeat 0 0;text-indent:-1000em;cursor:pointer;}
.e-header .today .chk:checked + label {background-position:0 -35px;}
.nav-fixed .e-header {position:fixed;top:0;left:0;}
.nav-fixed .e-header .quick {display:none;}
.nav-fixed .e-header .logo {display:none;}

.e-header .quick .links {overflow:hidden;display:block;height:100px;padding-top:27px;box-sizing:border-box;}
.e-header .quick .links a {overflow:hidden;float:left;width:42px;height:48px;background-image:url('images/btn_home.png');background-repeat:no-repeat;text-indent:-1000em;}
.e-header .quick .links a.btn-red {background-position:0 0;}
.e-header .quick .links a.btn-blue {margin-left:11px;background-position:-52px 0;}
.e-header .quick .links a:hover {background-image:url('images/btn_home_on.png');}

.fixbtn {position:fixed;right:0;bottom:60px;z-index:10;}
.fixbtn .btn {overflow:hidden;display:block;width:65px;height:65px;background:url('images/btn_top.jpg') no-repeat;text-indent:-1000em;cursor:pointer;opacity:0;-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
.fixbtn .btn.show {opacity:1;}

.menu {overflow:hidden;width:1280px;margin:0 auto;}
.menu li {float:left;margin-left:0;}
.menu li:first-child {margin-left:0;}
.menu a {overflow:hidden;display:block;width:213px;height:109px;background-image:url('images/menu_off.jpg');background-repeat:no-repeat;text-indent:-1000em;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.menu a:hover {background-image:url('images/menu_on.jpg');}
.menu .on a {background-image:url('images/menu_on.jpg');}
.menu .tab1 {background-position:0 0;}
.menu .tab2 {background-position:-213px 0;}
.menu .tab3 {background-position:-426px 0;}
.menu .tab4 {background-position:-639px 0;}
.menu .tab5 {width:215px;background-position:-852px 0;}
.menu .tab6 {background-position:-1067px 0;cursor:default;}
.menu a.tab6:hover {background-image:url('images/menu_off.jpg');}

/* gate */
.e-gate {}
.e-gate .e-header {height:auto;background:transparent;}
.e-gate .e-header .logo {top:0;left:-24px;width:272px;height:175px;padding:40px 0 0 53px;background:url('images/bi_gate.png') no-repeat;}
.e-gate .e-header .quick {top:10px;right:7px;}
.e-gate .e-header .today {top:74px;right:-9px;}
.e-gate .e-header {position:absolute !important;}
.e-nav {position:absolute;bottom:0;left:0;z-index:10;width:100%;height:109px;background:#0a0f19;}

.e-intro {position:relative;width:100%;height:920px;background:url('images/bg_gate.jpg') no-repeat;background-size:cover;box-sizing:border-box;}
.e-intro .e-wrap {height:100%;z-index:3;box-sizing:border-box;}
.e-intro .text {position:absolute;bottom:170px;left:50%;width:1120px;height:401px;margin-left:-560px;background:url('images/title.png') no-repeat;}
.e-intro .text .upper,
.e-intro .text .title,
.e-intro .text .period {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.e-intro .text {opacity:0;-webkit-transform:scale(2.0);transform:scale(2.0);-webkit-transition:all 0.7s;transition:all 0.7s;-webkit-transition-delay:0.7s;transition-delay:0.7s;}

.e-intro .bg {position:absolute;top:50%;left:50%;z-index:2;width:1920px;height:1080px;transform: translate(-50%, -50%);}
.e-intro .particle {position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;background:url('images/img_stone.png') no-repeat;background-size:cover;}
.e-intro .glow {position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;}
.e-intro .glow i {position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url('images/img_glow.png') no-repeat;background-size:cover;;}
.e-intro .glow .slow {display:none;}
.e-intro .particle {-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 0.7s ease;transition:all 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

/* .e-intro .light {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.e-intro .light i {position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url('images/img_light.png') no-repeat;background-size:cover;opacity:0;}
.e-intro .light.flashing .first {z-index:1;-webkit-animation:flashAnim ease-out 1s;animation:flashAnim ease-out 1s;}
.e-intro .light.flashing .second {z-index:2;-webkit-animation:flashAnim ease-out 0.5s;-webkit-animation-delay:0.7s;animation:flashAnim ease-out 0.5s;animation-delay:0.7s;} */

.loaded .e-intro .text {opacity:1;-webkit-transform:translateY(0px) scale(1.0);transform:translateY(0px) scale(1.0);}
.loaded .e-intro .particle {-webkit-transform: scale(1.0);transform: scale(1.0);-webkit-animation:scaleAnim ease-out 0.5s;animation:scaleAnim ease-out 0.5s;}
.loaded .e-intro .glow .fast {-webkit-animation:shineAnim 1.5s 1.8s infinite;animation:shineAnim 1.5s 1.8s infinite;}
.loaded .e-intro .glow .slow {-webkit-animation:shineAnim 1.8s 1.8s infinite;animation:shineAnim 1.8s 1.8s infinite;}

.e-cont {padding-top:109px;background-repeat:no-repeat;background-position:50% 109px;}
.e-before {background-image:url('images/bg_before.jpg');}

.vote-box {position:absolute;bottom:408px;left:8px;}
.vote-box .list {overflow:hidden;}
.vote-box li {position:relative;float:left;width:211px;height:281px;margin:0 0 37px 34px;}
.vote-box .rdo {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.vote-box label {position:relative;display:block;width:100%;height:100%;cursor:pointer;background:url('images/t.gif') repeat;}
.vote-box label:before {content:'';position:absolute;bottom:34px;left:0;z-index:1;display:block;width:20px;height:20px;background:url('images/sp_form.png') no-repeat;}
.vote-box label em {overflow:hidden;display:block;text-indent:-1000em;}
.vote-box .rdo:checked + label:before {background-position:0 -25px;}
.vote-box .megician label:before,
.vote-box .darklord label:before,
.vote-box .necro label:before, 
.vote-box .runewizard label:before,
.vote-box .slayer label:before {left:53px;}
.vote-box .magicalknight label:before,
.vote-box .knight label:before {left:64px;}
.vote-box .elf label:before {left:76px;}
.vote-box .growlanser label:before {left:47px;}
.vote-box .ragefighter label:before {left:36px;}
.vote-box .btn-set {width:100%;margin-top:29px;text-align:center;}
.vote-box .btn-set button {overflow:hidden;display:inline-block;width:384px;height:110px;margin:0 26px;background:url('images/sp_vote.png') no-repeat;text-indent:-1000em;cursor:pointer;-webkit-box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.5);box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.5);}
.vote-box .btn-set button.btn-vote {background-position:0 0;}
.vote-box .btn-set button.btn-result {background-position:0 -120px;}
.vote-box .btn-set button.btn-done {background-position:0 -240px;cursor:default;}

/* popup */
.e-pop{display:none; position:absolute; z-index:9999; background-position:0 0; background-repeat:no-repeat; box-sizing:border-box;}
.e-pop .pop-close {position:absolute;top:6px;right:6px;display:block;width:70px;height:70px;background:url('images/bg_pop_close.png') no-repeat 50%;font-size:0;text-indent:-9999em; transition:transform 0.4s ease 0.1s;cursor:pointer;}
.e-pop .pop-close:hover {transform:rotate(360deg);}
.pop-title {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}

.pop-vote {width:730px;height:870px;background:url('images/pop_vote_result.jpg') no-repeat;}
.pop-vote .pop-contents {padding-top:200px;}
.text-voted {position:absolute;top:106px;right:45px;padding-left:25px;color:#507fbe;font-size:18px;}
.text-voted:before {content:'';position:absolute;top:2px;left:0;display:block;width:20px;height:21px;background:url('images/ico_vote.png') no-repeat;}
.list-voted {width:640px;margin:0 auto;}
.list-voted li {overflow:hidden;width:100%;height:60px;padding:18px 0 12px;box-sizing:border-box;}
.list-voted li > span {overflow:hidden;box-sizing:border-box;}
.list-voted .char {float:left;width:130px;height:30px;color:#97bae9;font-size:18px;text-align:center;line-height:30px;}
.list-voted .bar {position:relative;float:left;width:370px;height:30px;background:#1e3352;}
.list-voted .bar i {position:absolute;top:0;left:0;display:block;height:30px;background:rgb(0,70,172);background:linear-gradient(90deg, rgba(0,70,172,1.0) 0%, rgba(0,70,172,0.3) 100%);}
.list-voted .percent {float:left;width:140px;height:30px;padding-right:10px;color:#507fbe;font-size:16px;text-align:right;line-height:30px;}
.list-voted .top1 .bar i {background:rgb(255,238,96);background:linear-gradient(90deg, rgba(255,238,96,1.0) 0%, rgba(255,238,96,0.3) 100%);}
.list-voted .top2 .bar i {background:rgb(116,102,255);background:linear-gradient(90deg, rgba(116,102,255,1.0) 0%, rgba(116,102,255,0.3) 100%);}
.list-voted .top3 .bar i {background:rgb(75,210,254);background:linear-gradient(90deg, rgba(75,210,254,1.0) 0%, rgba(75,210,254,0.3) 100%);}

@-webkit-keyframes flashAnim {
	0% { opacity: 0; }
    55% { opacity: 0.7; }
    60% { opacity: 0; }
    75% { opacity: 0.7; }
    80% { opacity: 0; }
    95% { opacity: 0.7; }
    100% { opacity: 0; }
}
@keyframes flashAnim {
	0% { opacity: 0; }
    55% { opacity: 0.7; }
    60% { opacity: 0; }
    75% { opacity: 0.7; }
    80% { opacity: 0; }
    95% { opacity: 0.7; }
    100% { opacity: 0; }
}

@-webkit-keyframes shineAnim {
	0% { opacity: 0.7; }
    50% { opacity: 0.3; }
    100% { opacity: 0.7; }
}
@keyframes shineAnim {
	0% { opacity: 0.7; }
    50% { opacity: 0.3; }
    100% { opacity: 0.7; }
}

@media (min-width:1700px) { 
    .e-header .logo {top:0;left:-230px;}
    .nav-fixed .e-header .logo {display:block;}
}


/* tab2 */
.e-benefit {background-image:url('images/bg_benefit.jpg');}
.cnt-benefit1 {position:relative;width:1280px;margin:0 auto;box-sizing:border-box;}
.cnt-benefit1 .btn-set {position:absolute;bottom:168px;left:0;width:100%;padding-left:223px;box-sizing:border-box;}
.cnt-benefit1 .btn-set a {overflow:hidden;display:inline-block;width:272px;height:61px;text-indent:-1000em;box-sizing:border-box;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
.cnt-benefit1 .btn-set a.btn-shop1,
.cnt-benefit1 .btn-set a.btn-shop2 {margin-left:6px;}
.cnt-benefit2 {position:relative;width:1280px;margin:0 auto;box-sizing:border-box;}
.cnt-benefit2 .btn-buy button {position:absolute;top:1093px;overflow:hidden;display:block;width:155px;height:180px;text-indent:-1000em;background-color:#fff;opacity:0;filter:alpha(opacity=1);cursor:pointer;}
.cnt-benefit2 .btn-buy .btn-red {left:209px;}
.cnt-benefit2 .btn-buy .btn-blue {top:1082px;right:221px;}
.cnt-benefit2 .special-box {position:absolute;top:2046px;left:224px;width:828px;}
.cnt-benefit2 .special-box .btn-special {overflow:hidden;display:block;width:336px;height:64px;margin:0 auto;background-color:#fff;opacity:0;filter:alpha(opacity=1);text-indent:-1000em;cursor:pointer;}
.cnt-benefit2 .special-box .mission {overflow:hidden;margin-top:63px;}
.cnt-benefit2 .mission li {float:left;width:50%;padding-left:223px;box-sizing:border-box;}
.cnt-benefit2 .mission em {display:block;width:181px;height:82px;color:#fff;font-family:'Nanum Gothic Bold';font-weight:bold;font-size:30px;text-align:center;line-height:82px;}
.cnt-benefit2 .btn-set {position:absolute;bottom:54px;left:364px;}
.cnt-benefit2 .btn-set a {overflow:hidden;display:inline-block;width:193px;height:61px;margin-right:3px;text-indent:-1000em;background-color:#fff;opacity:0;filter:alpha(opacity=1);text-indent:-1000em;cursor:pointer;}

.e-benefit .btn-set {position:absolute;bottom:0;left:0;width:100%;height:617px;padding-left:223px;box-sizing:border-box;}
.e-benefit .btn-set a {overflow:hidden;display:inline-block;width:272px;height:61px;text-indent:-1000em;box-sizing:border-box;background-color:#fff;opacity:0;filter:alpha(opacity=1);text-indent:-1000em;cursor:pointer;}
.e-benefit .btn-set a.btn-shop1,
.e-benefit .btn-set a.btn-shop2 {margin-left:6px;}
.e-benefit .btn-set .btn-red {position:absolute;top:497px;left:364px;width:193px;}
.e-benefit .btn-set .btn-blue {position:absolute;top:497px;left:563px;width:193px;}

/* tab3 */
.e-mission {background-image:url('images/bg_mission.jpg');}
.cnt-mission1 {position:relative;width:1280px;margin:0 auto;box-sizing:border-box;}
.cnt-mission2 {position:relative;width:1280px;margin:0 auto;box-sizing:border-box;}
.cnt-mission3 {position:relative;width:1280px;margin:0 auto;box-sizing:border-box;}
.cnt-mission1 .mission-box {position:absolute;}
.e-mission .list-reward {position:absolute;top:0;left:0;overflow:hidden;}
.e-mission .list-reward li {position:relative;float:left;width:372px;height:446px;padding-top:356px;box-sizing:border-box;}
.e-mission .list-reward li + li {margin-left:41px;}
.e-mission .list-reward button {overflow:hidden;display:block;width:372px;height:90px;background:url('images/sp_reward.png') no-repeat;text-indent:-1000em;cursor:pointer;}
.e-mission .list-reward button:disabled {background-position:0 -100px;cursor:default;}
.cnt-mission1 .list-reward {top:1034px;left:248px;}
.cnt-mission2 .list-reward {top:590px;left:454px;}
.cnt-mission3 .list-reward.reward-former {top:1149px;left:40px;}
.cnt-mission3 .list-reward.reward-add {top:auto;bottom:110px;left:453px;}
.mission-box {position:absolute;top:769px;left:40px;width:1200px;height:215px;padding:85px 0 0 698px;box-sizing:border-box;}
.mission-box .btn-notice {position:absolute;top:0;right:0;overflow:hidden;display:block;width:165px;height:47px;text-indent:-1000em;background-color:#fff;opacity:0;filter:alpha(opacity=1);cursor:pointer;}
.mission-box .total {width:450px;height:86px;border:3px solid #263486;background:#051431;box-sizing:border-box;}
.mission-box .total .btn-login {overflow:hidden;display:block;width:100%;height:100%;background:url('images/ico_login.png') no-repeat 50%;text-indent:-1000em;}
.mission-box .total .price input {width:280px;height:100%;border:0;background:transparent;color:#00fbff;font-weight:bold;font-size:46px;text-align:right;vertical-align:middle;}
.mission-box .total .price i {overflow:hidden;display:inline-block;width:38px;height:43px;margin-left:12px;background:url('images/sp_text.png') no-repeat;vertical-align:middle;text-indent:-1000em;}

.list-option {width:1200px;height:175px;margin-bottom:43px;padding:56px 53px 0 0;text-align:right;box-sizing:border-box;}
.list-option .selectbox {position:relative;z-index:4;display:inline-block;width:240px;height:60px;margin-left:16px;border:1px solid #1e308d;background:#051431;box-sizing:border-box;text-align:left;cursor:pointer;vertical-align:middle;}
.list-option .selectbox .lbl {position:relative;z-index:2;display:block;height:100%;text-indent:20px;font-size:20px;line-height:58px;cursor:pointer;color:#5cbbff;background:#051431 url('images/bg_select.png') 100% 50% no-repeat;}
.list-option .selectbox ul {display:none;width:100%;position:absolute;z-index:3;top:58px;left:-1px;border:1px solid #112646;border-top:none 0;}
.list-option .selectbox li {position:relative;}
.list-option .selectbox label {display:block;width:auto;height:60px;line-height:60px;cursor:pointer;border-top:1px solid #112646;}
.list-option .selectbox label input {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.list-option .selectbox label span {display:block; height: 60px; line-height: 60px; text-indent:20px; background-color:#051431; color:#3d6886; font-size:20px;}
.list-option .selectbox label:hover span,
.list-option .selectbox label input:checked + span {cursor:pointer;background-color:#112646;color:#5cbbff;}
.list-option .selectbox.show {border-color:#7fc9ff;}
.list-option .selectbox.show ul {display:block;border-color:#7fc9ff;}
.list-option .selectbox.show .lbl {background-image:url('images/bg_select02.png');}

.cnt-mission3 .former-box {position:absolute;top:931px;left:40px;width:1200px;height:665px;}
.cnt-mission3 .former-box .list-reward {position:static;top:auto;left:auto;}
.cnt-mission3 .add-box {position:absolute;top:2081px;left:40px;width:1200px;height:854px;padding-top:41px;box-sizing:border-box;}
.cnt-mission3 .add-box .btn-notice {position:absolute;top:0;right:0;overflow:hidden;display:block;width:165px;height:47px;text-indent:-1000em;background-color:#fff;opacity:0;filter:alpha(opacity=1);cursor:pointer;}
.cnt-mission3 .add-box .list-option {height:173px;margin-bottom:0;}
.cnt-mission3 .add-box .list-reward {top:408px;left:413px;}
.cnt-mission3 .duedate {height:144px;padding:26px 0 0 609px;box-sizing:border-box;}
.cnt-mission3 .duedate .date {display:block;width:539px;height:86px;border:1px solid #1e308d;background:#051431;box-sizing:border-box;}
.cnt-mission3 .duedate .date input {width:336px;height:100%;border:0;background:transparent;color:#fff;font-weight:normal;font-size:30px;text-align:right;vertical-align:middle;}
.cnt-mission3 .duedate .date i {overflow:hidden;display:inline-block;width:165px;height:27px;margin-left:1px;background:url('images/sp_text.png') no-repeat 0 -50px;vertical-align:middle;text-indent:-1000em;}

/* tab4 */
.tab-ranking {overflow:hidden;width:1280px;height:77px;}
.tab-ranking li {float:left;width:50%;height:100%;}
.tab-ranking a {overflow:hidden;display:block;height:100%;background-image:url('images/tab_ranking.png');background-repeat:no-repeat;text-indent:-1000em;}
.tab-ranking .red {background-position:0 -100px;}
.tab-ranking .blue {background-position:-640px 0;}
.tab-ranking .on .red {background-position:0 0;}
.tab-ranking .on .blue {background-position:-640px -100px;}

.ranking-box {position:absolute;top:1306px;left:0;width:1280px;height:1166px;padding-top:185px;box-sizing:border-box;}
.list-ranking {overflow:hidden;width:1280px;padding:79px 0 0 11px;box-sizing:border-box;}
.list-ranking li {float:left;width:222px;height:257px;margin-left:24px;margin-bottom:31px;padding-top:91px;box-sizing:border-box;}
.list-ranking li > span {display:block;padding:0 15px;color:#5cbbff;font-size:19px;line-height:1.6;text-align:center;}
.list-ranking li .server {overflow:hidden;color:#9cd6ff;white-space:nowrap;text-overflow:ellipsis;}
.list-ranking li .char {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-ranking li.no1 .char {color:#ffd24c;}
.list-ranking li.no2 .char {color:#b2b2b2;}
.list-ranking li.no3 .char {color:#c57972;}
.ranking-box .update {padding-top:4px;color:#507fbe;font-size:18px;text-align:right;}
.ranking-box .update:before {content:'';display:inline-block;width:25px;height:25px;margin-right:4px;background:url('images/ico_update.png') no-repeat;vertical-align:middle;}
.ranking-box a[class^='btn-'] {position:absolute;bottom:110px;overflow:hidden;display:block;width:273px;height:67px;text-indent:-1000em;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
.ranking-box a.btn-red {left:362px;} 
.ranking-box a.btn-blue {left:645px;}
.ranking-box a.btn-ranking {left:434px;bottom:166px;width:413px;}
.ranking-box p[class^='dimmed-'] {position:absolute;top:0;left:50%;width:1920px;height:1166px;margin-left:-960px;background-repeat:no-repeat;background-position:0 0;}
.ranking-box p[class^='dimmed-'] strong {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.ranking-box p.dimmed-close {background-image:url('images/img_closed.jpg');}
.ranking-box p.dimmed-open {background-image:url('images/img_open.jpg');}

.pop-result {width:1280px;height:1120px;padding:0 40px;background:url('images/pop_ranking.jpg') no-repeat;box-sizing:border-box;}
.pop-result .pop-title {position:relative;overflow:hidden;width:100%;height:129px;margin:0;text-align:left;text-indent:-1000em;}
.pop-result .pop-title.title-red {background:url('images/img_tit_red.png') no-repeat 50% 54px;}
.pop-result .pop-title.title-blue {background:url('images/img_tit_blue.png') no-repeat 50% 54px;}
.ranking-table {width:100%;margin:0 auto;}
.ranking-table:first-of-type {min-height:582px;}
.ranking-table:first-of-type .e-table tr.rank1 td:first-child {color:#ffcb2d;}
.ranking-table:first-of-type .e-table tr.rank2 td:first-child {color:#aaa;}
.ranking-table:first-of-type .e-table tr.rank3 td:first-child {color:#bb746d;}
.ranking-table .e-table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;}
.ranking-table .e-table th {height:70px;font-size:20px;color:#5cbbff;text-indent:0;text-align:center;font-weight:normal;}
.ranking-table .e-table td {overflow:hidden;height:64px;color:#507fbe;font-size:20px;text-align:center;white-space:nowrap;text-overflow:ellipsis;}
.search-area {position:relative;height:60px;margin-bottom:30px;text-align:center;}
.search-area .search-title {overflow:hidden;display:inline-block;width:160px;height:60px;background:url('images/bg_txt_search.png') no-repeat 0 50%;text-indent:-1000em;vertical-align:middle;}
.search-area .textbox {display:inline-block;width:300px;height:60px;margin-left:17px;padding:0 10px 0 20px;border:1px solid #244165;background:#051431;box-sizing:border-box;vertical-align:middle;}
.search-area .textbox input {display:block;width:100%;height:100%;border:none 0;outline:none 0;color:#5cbbff;background:transparent;font-size:20px;}
.search-area .btn-search {overflow:hidden;display:inline-block;width:220px;height:60px;margin-left:17px;background:url('images/btn_search.jpg') no-repeat;text-indent:-1000em;vertical-align:middle;cursor:pointer;}
.search-area .selectbox {position:relative;display:inline-block;width:240px;height:60px;margin-left:18px;border:1px solid #1e308d;background:#051431;box-sizing:border-box;vertical-align:middle;}
.search-area .selectbox a {display:block;height:100%;color:#5cbbff;font-size:20px;line-height:58px;background:url('images/bg_select03.png') no-repeat 100% 50%;text-indent:20px;text-align:left;}
.search-area .selectbox select {position:absolute;top:0;left:0;width:100%;height:58px;opacity:0;}
.search-area input::-ms-clear {display:none;}
.search-area input::-webkit-input-placeholder{color:#5cbbff;}
.search-area input::-ms-input-placeholder{color:#5cbbff;}

/* paging */
.pager {clear:both; position:relative; height:130px; padding:38px; text-align:center; font-size:0; z-index:1;*z-index:3;box-sizing:border-box;}
.pager.even.last_child {border-bottom:0;}
.pager a {display:inline-block; min-width:20px; height:24px; margin:0 3px; color:#507fbe; text-align:center; line-height:24px; font-size:18px; letter-spacing:-0.1em;*display:inline;*zoom:1;}
.pager a:hover{text-decoration:none;}
.pager a.first:hover,
.pager a.previous:hover,
.pager a.next:hover,
.pager a.last:hover{padding:0;}
.pager .first,
.pager .previous,
.pager .next,
.pager .last{display:inline-block; width:20px; height:24px; text-indent:-10000px; border:0; margin:0;}
.pager .previous, 
.pager .previous:hover{margin-right:16px;background:transparent url('images/btn_paging_prev.png') no-repeat 50%;}
.pager .next, 
.pager .next:hover{margin-left:20px;background:transparent url('images/btn_paging_next.png') no-repeat 50%;}
.pager .current {display:inline-block; min-width:20px; height:24px; margin:0 3px; color:#92d2ff; text-align:center; line-height:24px; font-size:18px; letter-spacing:-0.1em; font-weight: 600;}
.pager .disabled {display:none;}
.pager span,.pager a, .pager a:hover {display:inline-block; vertical-align:middle;}
*+html .pager{margin-top:0;}
.pager .first,.pager .last{display:none;}

.e-exp {background-image:url('images/bg_exp.jpg');}
.e-exp .btn-notice {position:absolute;top:1129px;left:454px;overflow:hidden;width:372px;height:67px;text-indent:-1000em;background-color:#fff;opacity:0;filter:alpha(opacity=1);}

/* tab6 */
.e-origin {background-image:url('images/bg_origin.jpg');}
.e-origin .btn-notice {position:absolute;top:1129px;left:454px;overflow:hidden;width:372px;height:67px;text-indent:-1000em;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
.e-origin .list-ranking li > span {color:#f38b41;}
.e-origin .list-ranking li .server {color:#ffd2b3;}
.e-origin .list-ranking li .exp {font-size:16px;}
.e-origin .ranking-box {height:1143px;padding-top:186px;}
.e-origin .ranking-box .update {padding-right:30px;color:#e07526;}
.e-origin .ranking-box .update:before {background:url('images/ico_update02.png') no-repeat;}
.e-origin .ranking-box p.dimmed-close {height:1143px;background-image:url('images/img_closed02.jpg');}
.e-origin .ranking-box p.dimmed-open {height:1143px;background-image:url('images/img_open02.jpg');}
.e-origin .ranking-box a.btn-ranking {bottom:110px;}
.e-origin .list-ranking {padding-top:61px;}
.e-origin .ranking-box a[class^='btn-'] {position:absolute;bottom:102px;overflow:hidden;display:block;width:413px;height:67px;text-indent:-1000em;background:url('images/btn_more.png') no-repeat;opacity:1;filter:alpha(opacity=100);}
.e-origin .ranking-box a.btn-red1 {left:433px;background-position:0 0;}
.e-origin .ranking-box a.btn-red2 {left:433px;background-position:0 -70px;}
.e-origin .ranking-box a.btn-blue1 {left:433px;background-position:0 -140px;}
.e-origin .ranking-box a.btn-blue2 {left:433px;background-position:0 -210px;}
.e-origin .ranking-box a.btn-warning {left:666px;width:372px;background-position:0 -280px;}

.e-origin .tab-ranking {overflow:hidden;width:1200px;height:80px;margin:0 auto;}
.e-origin .tab-ranking li {float:left;width:25%;height:100%;}
.e-origin .tab-ranking a {overflow:hidden;display:block;height:100%;background-image:url('images/tab_origin.png');background-repeat:no-repeat;text-indent:-1000em;}
.e-origin .tab-ranking .red1 {background-position-x:0;}
.e-origin .tab-ranking .red2 {background-position-x:-300px;}
.e-origin .tab-ranking .blue1 {background-position-x:-600px;}
.e-origin .tab-ranking .blue2 {background-position-x:-900px;}
.e-origin .tab-ranking .on a {background-position-y:-90px;}


.e-origin .btn-set {position:absolute;bottom:116px;left:0;width:100%;text-align:center;box-sizing:border-box;}
.e-origin .btn-set a {overflow:hidden;display:inline-block;width:272px;height:61px;text-indent:-1000em;background-color:#fff;opacity:0;filter:alpha(opacity=1);box-sizing:border-box;}
.e-origin .btn-set a.btn-red,
.e-origin .btn-set a.btn-blue {margin:0 4px;}

.best-box {position:absolute;top:3011px;left:156px;overflow:hidden;width:985px;height:315px;}
.best-box .list-best {position:relative;float:left;width:443px;height:315px;}
.best-box .list-best ul {padding:45px 0 0 20px;}
.best-box .list-best li {margin:12px 0;font-size:16px;}
.best-box .list-best li a {position:relative;overflow:hidden;display:inline-block;max-width:344px;font-family:'Nanum Gothic Bold';white-space:nowrap;}
.best-box .list-best li a:hover:before {content:'';position:absolute;left:0;bottom:0;display:block;width:100%;height:1px;}
.best-box .list-best .btn-go {position:absolute;right:-9px;bottom:-10px;z-index:5;overflow:hidden;width:141px;height:159px;text-indent:-1000em;box-sizing:border-box;}
.best-box .list-best.list-red li a {color:#c57972;}
.best-box .list-best.list-red li a:hover {color:#ffc3ae;}
.best-box .list-best.list-red li a:hover:before {background:#805d4e;}
.best-box .list-best.list-red li a em {color:#dd6458;}
.best-box .list-best.list-red .btn-go {background:url('images/btn_best_red.png') no-repeat;}
.best-box .list-best.list-blue {margin-left:96px;}
.best-box .list-best.list-blue li a {color:#7bbfdc;}
.best-box .list-best.list-blue li a:hover {color:#bbd7f4;}
.best-box .list-best.list-blue li a:hover:before {background:#4c4f55;}
.best-box .list-best.list-blue li a em {color:#37c0e7;}
.best-box .list-best.list-blue .btn-go {background:url('images/btn_best_blue.png') no-repeat;}

.pop-note2 button.pop-close {background-image:url('images/bg_pop_close02.png');}
.pop-result2 {width:1280px;height:1120px;padding:0 40px;background:url('images/pop_ranking02.jpg') no-repeat;box-sizing:border-box;}
.pop-result2 button.pop-close {background-image:url('images/bg_pop_close02.png');}
.pop-result2 .pop-title {position:relative;overflow:hidden;width:100%;height:129px;margin:0;padding-top:40px;text-align:center;color:#d9cfc8;font-family:'Nanum Gothic Bold';font-size:46px;box-sizing:border-box;}
.pop-result2 .ranking-table .e-table th {color:#d95132;}
.pop-result2 .ranking-table .e-table td {color:#e38773;}
.pop-result2 .search-area .search-title {background-image:url('images/bg_txt_search02.png');}
.pop-result2 .search-area .textbox {width:240px;border:1px solid #76361b;background:#1c0e04;}
.pop-result2 .search-area .textbox input {color:#e38773;}
.pop-result2 .search-area .btn-search {background-image:url('images/btn_search02.jpg');}
.pop-result2 .search-area .selectbox {border:1px solid #76361b;background:#1c0e04;}
.pop-result2 .search-area .selectbox a {color:#e38773;background:url('images/bg_select04.png') no-repeat 100% 50%;}
.pop-result2 .search-area input::-webkit-input-placeholder{color:#e38773;}
.pop-result2 .search-area input::-ms-input-placeholder{color:#e38773;}
.pop-result2 .pager a {color:#d95132;}
.pop-result2 .pager .previous, 
.pop-result2 .pager .previous:hover{background-image:url('images/btn_paging_prev02.png');}
.pop-result2 .pager .next, 
.pop-result2 .pager .next:hover{background-image:url('images/btn_paging_next02.png');}
.pop-result2 .pager .current {color:#e38773;}

.e-footer.black {background:#000;}
.e-footer.black .copyright {background-image:url('images/text_copyright02.png');}

/* tab5 */
.e-sales {background-image:url('images/bg_sales.jpg');}
.e-sales .btn-set {position:absolute;bottom:117px;left:0;width:100%;text-align:center;box-sizing:border-box;}
.e-sales .btn-set a {overflow:hidden;display:inline-block;width:273px;height:67px;text-indent:-1000em;box-sizing:border-box;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
.e-sales .btn-set a.btn-shop1,
.e-sales .btn-set a.btn-shop2 {margin:0 10px;}