@charset "UTF-8";
.e-shadow {
    display:none;
    overflow:hidden;
    z-index:90;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8)
}
.e-footer,.e-event2 .my-info .data,.e-event4 .e-ranking2 .update-time,.e-event4 .e-ranking-top li span {
    font-family:'NotoSans Regular',"맑은 고딕",'Malgun Gothic',"돋움",'dotum','Apple SD Gothic Neo','Arial','Tahoma',sans-serif
}
.e-header {
    position:relative
}
.loaded .e-header .e-title-des,.loaded .e-header .e-title-period,.loaded .e-header .bg-asset {
    opacity:1;
    -webkit-transform:scale(1) translate(0,0) skew(0,0) rotate(0);
    transform:scale(1) translate(0,0) skew(0,0) rotate(0)
}
.e-skip,.custom-select .select-items label input,.e-header .e-title,.e-header .e-title-sub,.e-header #fire {
    position:absolute;
    left:-9999px;
    width:1px;
    height:0;
    font-size:0;
    line-height:0;
    overflow:hidden;
    visibility:hidden
}
.e-event1 .e-benefit1 [class*='btn-more'],.e-event2 .btn-notice {
    background-color:#fff;
    filter:alpha(opacity=1)
}
.e-header .bi a,.e-header .e-title-des,.e-header .e-title-period,.e-header .e-quick .today label,.e-nav .navigation a,.e-contents .btn-get,.e-contents .btn-summit,.btn-top,.e-event1 .e-benefit2 .link,.e-event1 .e-benefit2 .btn-notice,.e-event1 .e-benefit-bonus .link,.e-event2 .btn-login,.e-event4 .e-ranking2 .before,.e-event4 .e-ranking2 .end,.e-event4 .e-ranking2 .btn-notice,.e-event4 .e-ranking-tab .btn-server,.e-event4 .btn-rank,.e-event4 .popup-ranking .title,.e-event4 .popup-ranking .e-table th,.e-event4 .popup-ranking .search-area .search-title,.e-event4 .popup-ranking .search-area .btn-search,.e-event5 .e-sales3 .link,[class*='popup-'] .btn-close {
    font-size:0;
    text-indent:-9999em
}
button {
    border:none 0;
    outline:none 0;
    cursor:pointer;
    background-color:transparent
}
.e-btn {
    display:block;
    font-size:0;
    text-indent:-9999em
}

.e-container {
    position:relative;
    max-width:1920px;
    margin:0 auto
}
.e-header {
    position:relative;
    height:480px;
    overflow:hidden;
    /*background:url("../images/bg_header.jpg") 50% 0 no-repeat*/
}
.e-header:before {
    content:'';
    display:block;
    width:100%;
    height:100%;
    background-color:#000;
    position:absolute;
    top:0;
    left:0;
    z-index:15;
    opacity:1;
    -webkit-transition:opacity 1s linear,z-index .5s 1s linear;
    transition:opacity 1s linear,z-index .5s 1s linear
}
.e-header .bi {
    width:214px;
    height:109px;
    position:absolute;
    top:40px;
    left:40px
}
.e-header .bi a {
    display:block;
    width:100%;
    height:100%;
    background:url("../images/bg_bi.png") 50% 0 no-repeat
}
.e-header .e-main {
    display:block;
    width:100%;
    height:100%;
    margin:0 auto;
    position:relative;
    z-index:3
}
 .e-btn-quick {
    display: block;
    width: 200px;
    height: 220px;
    position: absolute;
    position: fixed;
     top: 450px;
     right: 72px;
     z-index:10;
     cursor:pointer;
    text-indent: -9999px;

}
.e-btn-quick .e-btn-quick-new{
    display: block;
    width: 194px;
    height:214px;
    z-index: 99;
    background: url("../images/btn_quick.png")no-repeat 100%;
}
 .e-btn-quick .e-btn-quick-close{
    display: block;
    position: absolute;
    top: 0px;
    right: 3px;
    width: 40px;
    height: 22px;
    z-index: 10;
    background: url("../images/btn_quick_close.png")no-repeat 100%;
}
.e-btn-quick .e-btn-quick-close:hover{
    display: block;
    width: 40px;
    height: 22px;
    background: url("../images/btn_quick_close_on.png")no-repeat 100%;
}
.e-header .e-title-des,.e-header .e-title-period {
    display:block;
    background-image:url("../images/bg_title.png");
    background-position-x:50%;
    background-repeat:no-repeat;
    opacity:0
}
.e-header .e-title-des {

    height:222px;
    background-position-y:0;
    margin-top:625px;
    -webkit-transform:translate(10%,-10%);
    transform:translate(10%,-10%);
    -webkit-transition:transform 1s cubic-bezier(0.16,1,0.3,1),opacity .5s ease-out;
    transition:transform 1s cubic-bezier(0.16,1,0.3,1),opacity .5s ease-out;
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.e-header .e-title-des:after {
    content:'';
    display:block;
    width:0;
    height:134px;
    position:absolute;
    top:190px;
    right:1020px;
    /*background:url("../images/bg_obj1.png") 100% 0 no-repeat;*/
    opacity:0;
    -webkit-transition:width .8s .8s ease-out,opacity .5s .5s ease-out;
    transition:width .8s .8s ease-out,opacity .5s .5s ease-out
}
.e-header .e-title-period {
    height:42px;
    background-position-y:100%;
    -webkit-transform:translate(0,10%);
    transform:translate(0,10%);
    -webkit-transition:transform 1s .5s,opacity .5s ease-out;
    transition:transform 1s .5s,opacity .5s ease-out;
    -webkit-transition-delay:1.3s;
    transition-delay:1.3s
}
.e-header .e-quick {
    opacity:0;
    -webkit-transition:opacity .5s 1.3s ease-out;
    transition:opacity .5s 1.3s ease-out
}
.e-header .e-quick {
    position:absolute;
    top:40px;
    right:40px;
    z-index:5;
    overflow:hidden
}
.e-header .e-quick .e-btn,.e-header .e-quick .today {
    display:block;
    float:left;
    width:48px;
    height:48px;
    margin-left:9px;
    background-image:url("../images/bg_quick.png");
    background-repeat:no-repeat;
    background-position-y:0
}
.e-header .e-quick .today {
    position:relative;
    background-position-x:0
}
.e-header .e-quick .today label {
    position:relative;
    display:block;
    width:100%;
    height:100%;
    cursor:pointer;
    background:inherit
}
.e-header .e-quick .today input {
    position:absolute;
    left:-9999px
}
.e-header .e-quick .today input:checked+label {
    background-position-y:100%
}
.e-header .e-quick .e-btn:hover {
    background-position-y:100%
}
.e-header .e-quick .btn-red {
    background-position-x:-58px
}
.e-header .e-quick .btn-blue {
    background-position-x:-115px
}
.e-header .bg {
    display:block;
    position:absolute;
    background-position:50% 0;
    background-repeat:no-repeat;
    opacity:0
}
.e-header .bg-cloud {
    width:1447px;
    height:1447px;
    top:90px;
    left:50%;
    margin-left:-723px;
    opacity:1;
    background-image:url("../images/bg_aim.png");
    -webkit-animation:spin linear 15s infinite;
    animation:spin linear 15s infinite
}
.e-header .bg-asset {
    width:1920px;
    height:990px;
    top:0px;
    left:29%;
    margin-left:-580px;
    z-index:2;
    background-image:url("../images/bg_header_asset.png");
    -webkit-transform:translate(-50px,100px);
    transform:translate(-50px,100px);
    -webkit-transition:transform 1s .5s ease,opacity 1s .5s ease;
    transition:transform 1s .5s ease,opacity 1s .5s ease
}
.e-header .bg-in {
    display:block;
    width:0;
    height:47px;
    top:655px;
    left:50%;
    margin-left:360px;
    /*background:url("../images/bg_obj2.png") 0 0 no-repeat;*/
    opacity:0;
    -webkit-transition:width .5s 1.5s ease-out,opacity .5s 1s ease-out;
    transition:width .5s 1.5s ease-out,opacity .5s 1s ease-out
}
.e-header canvas {
    display:block;
    position:absolute;
    top:0;
    pointer-events:none
}
.e-header #canvas1 {
    left:50%
}
.e-header #canvas2 {
    right:50%
}
.e-header [class*='smog'] {
    display:none
}
.loaded .e-header:before {
    opacity:0;
    z-index:0
}
.loaded .e-header .e-title-des:after {
    width:436px;
    opacity:.7;
    display:none;
}
.loaded .e-header .e-quick {
    opacity:1;
}

/*.pager a:before,.pager .current:before {*/
/*    content:'['*/
/*}*/
/*.pager a:after,.pager .current:after {*/
/*    content:']'*/
/*}*/
.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:27px;
    height:20px;
    text-indent:-10000px;
    border:none 0;
    background:transparent url("../images/btn_paging.png") 0 50% no-repeat
}
.pager .previous,.pager .previous:hover {
    background-position-x:-24px
}
.pager .next,.pager .next:hover {
    background-position-x:-50px
}
.pager .current {
    display:inline-block;
    height:20px;
    margin:0 5px;
    color:#f28b1d;
    text-align:center;
    line-height:20px;
    font-size:15px;
    border-bottom:1px solid #f28b1d
}
.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
}
@media screen and (max-width:1440px) {
    .btn-top {
        right:40px;
        margin-right:0
    }
}
@-webkit-keyframes spin {
    0% {
        opacity:1;
        -webkit-transform:rotate(0) scale(0.99);
        transform:rotate(0) scale(0.99)
    }
    55% {
        opacity:.2;
        -webkit-transform:rotate(-180deg) scale(1);
        transform:rotate(-180deg) scale(1)
    }
    100% {
        opacity:1;
        -webkit-transform:rotate(-360deg) scale(0.99);
        transform:rotate(-360deg) scale(0.99)
    }
}
@-moz-keyframes spin {
    0% {
        opacity:1;
        -webkit-transform:rotate(0) scale(0.99);
        transform:rotate(0) scale(0.99)
    }
    55% {
        opacity:.2;
        -webkit-transform:rotate(-180deg) scale(1);
        transform:rotate(-180deg) scale(1)
    }
    100% {
        opacity:1;
        -webkit-transform:rotate(-360deg) scale(0.99);
        transform:rotate(-360deg) scale(0.99)
    }
}
@-ms-keyframes spin {
    0% {
        opacity:1;
        -webkit-transform:rotate(0) scale(0.99);
        transform:rotate(0) scale(0.99)
    }
    55% {
        opacity:.2;
        -webkit-transform:rotate(-180deg) scale(1);
        transform:rotate(-180deg) scale(1)
    }
    100% {
        opacity:1;
        -webkit-transform:rotate(-360deg) scale(0.99);
        transform:rotate(-360deg) scale(0.99)
    }
}
@keyframes spin {
    0% {
        opacity:1;
        -webkit-transform:rotate(0) scale(0.99);
        transform:rotate(0) scale(0.99)
    }
    55% {
        opacity:.2;
        -webkit-transform:rotate(-180deg) scale(1);
        transform:rotate(-180deg) scale(1)
    }
    100% {
        opacity:1;
        -webkit-transform:rotate(-360deg) scale(0.99);
        transform: rotate(-360deg) scale(0.99)
    }
}

.muonline-imagen-news {
  border-radius: 15px;
  height: 100%;
  left: 0;
  max-width: 100%;
  object-fit: cover;
  object-position: 100% 0;
  position: absolute;
  top: 0;
  transition: all .5s cubic-bezier(0, 1, 0, 1);
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  width: 100%
}
.muonline-imagen-news:hover {
  -webkit-transform: scale(1.25);
  transform: scale(1.25)
}
.muonline-news-container:hover {
  border: 1px solid #33ce74
}
.muonline-news-container {
  border: 1px solid #000;
  border-radius: 15px;
  box-shadow: 0 5px 10px #000;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}
.muonline-news-container-carousel {
  border-radius: 15px;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}
.muonline-news-content {
  background: linear-gradient(0deg, rgba(12, 12, 14, .8) 80%, rgba(12, 12, 14, 0));
  border-radius: 14px;
  margin-top: 100px;
  padding: 0 20px 20px;
  position: relative;
  width: 100%
}
.muonline-news-content-carousel {
  background: linear-gradient(0deg, rgba(12, 12, 14, .8) 80%, rgba(12, 12, 14, 0));
  border-radius: 14px;
  margin-top: 100px;
  padding: 0 20px 20px;
  position: relative;
  width: 100%
}
.btn2 {
    display: inline-block;
    font-weight: 400;
    color: #d3d3d3;
    text-align: center;
    vertical-align: middle;
    /*-webkit-user-select: none;*/
    -moz-user-select: none;
    -ms-user-select: none;
    /*user-select: none;*/
	background-color: #191b26;
    border: 1px solid #363841;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}