@charset 'utf-8';

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

.e-container {position:relative;overflow:hidden;min-width:1280px;max-width:1920px;margin:0 auto;}
/* .e-container.nav-fixed .e-nav {position:fixed;top:0;} */
.e-container.nav-fixed .fixbtn .btn {opacity:1;}

.e-wrap {position:relative;width:1280px;margin:0 auto;}
.e-header {width:100%;height:1000px;background:url('images/bg_header.jpg') no-repeat 50% 0px;}
.e-header .e-wrap {height:652px;padding-top:225px;}
.e-header .logo {position:absolute;top:30px;left:0;}
.e-header .logo a {overflow:hidden;display:block;width:173px;height:79px;background:url('images/bi.png') no-repeat;text-indent:-1000em;}
.e-header .today {display:block;float:left;margin-right:18px;line-height:48px;}
.e-header .today label {color:#fff;font-size:11px;}
.e-header .today input[type="checkbox"] {vertical-align:text-bottom;}
.e-header .links {overflow:hidden;display:block;position:absolute;top:40px;right:0;box-sizing:border-box;}
.e-header .links a {overflow:hidden;float:left;width:42px;height:48px;background-image:url('../20200114_speed/images/btn_home.png');background-repeat:no-repeat;text-indent:-1000em;}
.e-header .links a.btn-red {background-position:0 0;}
.e-header .links a.btn-blue {margin-left:10px;background-position:-52px 0;}
.e-header .links a:hover {background-image:url('../20200114_speed/images/btn_home_on.png');}
.e-header .cover {overflow:hidden;position:absolute;width:0;height:0;text-indent:-1000em;}

.e-nav {position:absolute;top:737px;z-index:100;width:1280px;margin:0 auto;height:178px;}
.e-nav .menu {overflow:hidden;width:100%;}
.e-nav .menu li {float:left;width:50%;}
.e-nav .menu a {overflow:hidden;display:block;height:140px;background-image:url('images/tab.png');background-repeat:no-repeat;text-indent:-1000em;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.e-nav .menu .exp {background-position:0 -180px;}
.e-nav .menu .on .exp {height:178px;background-position:0 0;}
.e-nav .menu .luck {background-position:-640px 0;}
.e-nav .menu .on .luck {height:178px;background-position:-640px -180px;}

.e-footer {position:relative;height:80px;background:#1a0128 url('images/footer.png') no-repeat 50%;}
.e-footer .copyright {overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}

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

.e-luck {overflow:hidden;background:url('images/bg_luck.jpg') no-repeat 50% 0;}
.shopbox {position:relative;width:1200px;height:538px;margin:0 auto;padding-top:415px;background:url('images/img_shop.jpg') no-repeat;}
.shopbox .days {overflow:hidden;width:1200px;margin:0 auto;}
.shopbox .days dt {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.shopbox .days dd {float:left;width:50%;height:154px;text-align:center;font-size:26px;line-height:154px;font-family:'Noto Sans KR', sans-serif;font-weight:300;color:#210a2e;}
.shopbox .days strong {font-weight:700;}
.shopbox .btnset {width:842px;overflow:hidden;margin:102px auto 0;}
.shopbox .btnset a {position:relative;z-index:1;overflow:hidden;float:left;width:405px;height:96px;margin:0 8px;padding:0;text-indent:-1000em;}

.dailybox {position:relative;width:1280px;height:1590px;margin:0 auto;}
.dailybox .list {overflow:hidden;width:1200px;height:1241px;margin:0 auto;padding-top:168px;background:url('images/img_daily.jpg') no-repeat;}
.dailybox .list li {position:relative;overflow:hidden;float:left;width:170px;height:244px;margin:0 20px 80px 0;}
.dailybox .list li.special {width:230px;margin-left:20px;margin-right:0;}

.dailybox .list i {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.dailybox .list .img {position:absolute;z-index:1;}
.dailybox .list .btn {position:absolute;bottom:0;left:0;z-index:2;overflow:hidden;display:block;width:170px;height:54px;background:url('images/btn_reward.png') no-repeat;text-indent:-1000em;cursor:default;}
.dailybox .list .btn-red,
.dailybox .list .btn-blue {position:absolute;bottom:0;z-index:2;overflow:hidden;display:block;width:115px;height:54px;background:url('images/blank.png') repeat;text-indent:-1000em;cursor:default;}
.dailybox .list .btn-red {left:0;width:115px;}
.dailybox .list .btn-blue {right:0;width:115px;}
.dailybox .list .completed {position:absolute;top:0;left:0;z-index:3;overflow:hidden;display:none;width:100%;height:244px;background:url('images/img_completed.png') no-repeat;text-indent:-1000em;}
.dailybox .list li.special .btn {width:230px;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
.dailybox .list li.special .img {top:-245px;}
.dailybox .list li.active .img {display:block;top:0;}
.dailybox .list li.active .btn {background-position:0 -60px;cursor:pointer;}
.dailybox .list li.active .btn-red,
.dailybox .list li.active .btn-blue {cursor:pointer;}
.dailybox .list li.special.active {}

.dailybox .list li.ended .completed {display:block;}
.dailybox .list li.ended .img {display:block;}
.dailybox .list li.special.ended {background:none;}
.dailybox .list li.special.ended .completed {top:1px;background:url('images/img_completed_special.png') no-repeat;}

.dailybox .update {display:block;position:relative;z-index:2;width:222px;height:22px;padding:54px 0 0 163px;margin:15px auto 0;background:url('images/text_update.png') no-repeat;}
.dailybox .update strong {color:#946daf;font-size:19px;font-family:'Noto Sans KR', sans-serif;font-weight:700;line-height:20px;}
.dailybox .before,
.dailybox .login,
.dailybox .end {position:absolute;top:23px;left:0;z-index:10;overflow:hidden;width:1280px;height:1392px;}
.dailybox .before {text-indent:-1000em;background:url('images/img_before.jpg') no-repeat;}
.dailybox .login {background:url('images/img_login.jpg') no-repeat;}
.dailybox .login a {position:absolute;left:478px;top:697px;width:316px;height:109px;font-size:0;color:transparent;text-indent:-1000em;background:url('images/text_login.png') no-repeat;}
.dailybox .end {text-indent:-1000em;background:url('images/img_end.jpg') no-repeat;}
.addbox {position:relative;width:1200px;margin:-95px auto 0;}
.addbox img {display:block;}

.e-exp {overflow:hidden;height:5937px;background:url('images/bg_exp.jpg') no-repeat 50% 0;}
.e-exp .e-footer {background-color:#896aa4;}
.expbox {position:relative;width:1280px;margin:0 auto;}
.expbox .btnset {position:absolute;z-index:1;bottom:129px;left:50%;overflow:hidden;width:840px;margin-left:-420px;text-align:center;}
.expbox .btnset .btn {position:relative;overflow:hidden;float:left;width:404px;height:96px;margin:0 8px;text-indent:-1000em;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
