@charset 'utf-8';

body {background:#000;}
.hide {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.shadow {position:fixed;z-index:99;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);}

/* layout */
.e-container {position:relative;overflow:hidden;min-width:1280px;max-width:1920px;margin:0 auto;}
.e-wrap {position:relative;width:1280px;margin:0 auto;box-sizing:border-box;}

.e-footer {position:relative;width:100%;height:40px;background:#2a100d;box-sizing:border-box;}
.e-footer .copyright {overflow:hidden;width:1280px;height:40px;margin:0 auto;background:url('images/bg_footer.png') no-repeat 50%;text-indent:-1000em;}

.fixbtn {}
.fixbtn .btn {position:fixed;right:32px;bottom:66px;z-index:11;overflow:hidden;display:block;width:76px;height:83px;background:url('images/btn_top.png') no-repeat;text-indent:-1000em;cursor:pointer;opacity:0;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;}
.fixbtn .btn:hover {background-image:url('images/btn_top_on.png');}
.fixbtn.show .btn {opacity:1;}

.e-header {position:relative;z-index:10;width:100%;height:800px;background:url('images/bg_header.jpg') no-repeat 50% -40px;}
.e-header .logo {position:absolute;top:38px;left:0;z-index:1;}
.e-header .logo a {overflow:hidden;display:block;width:168px;height:78px;background:url('images/bi.png') no-repeat;text-indent:-1000em;cursor:pointer;}

.e-header .today {position:relative;display:block;margin-top:5px;text-align:right;}
.e-header .today .chk {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.e-header .today label {position:relative;padding:1px 0 0 20px;color:#5d221c;font-size:12px;font-family:'돋움', 'dotum';font-weight:bold;cursor:pointer;}
.e-header .today label:before {content:'';position:absolute;top:0;left:0;display:block;width:16px;height:16px;background:url('images/bg_check.png') no-repeat;}
.e-header .today .chk:checked + label:before {background-position:0 -20px;}
.e-header .today input[type="checkbox"] {vertical-align:text-bottom;}
.e-header .home {position:absolute;top:39px;right:0;z-index:1;overflow:hidden;text-align:right;}
.e-header .home a[class^='btn-'] {overflow:hidden;display:inline-block;width:40px;height:46px;background-image:url('images/btn_home.png');background-repeat:no-repeat;text-align:left;text-indent:-1000em;}
.e-header .home a.btn-muonline {background-position:0 0;}
.e-header .home a.btn-mublue {margin-left:2px;background-position:-46px 0;}

.e-header .cover {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.e-header .motion {position:absolute;left:50%;width:1920px;height:800px;margin-left:-960px;}
.e-header .motion i {position:absolute;display:block;}
.e-header .motion .bloom1 {top:600px;left:374px;-webkit-animation: flower-move2 8.0s linear infinite;animation: flower-move2 8.0s linear infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s;opacity:0;}
.e-header .motion .bloom2 {top:289px;left:376px;-webkit-animation: flower-rotate2 6.0s linear infinite;animation: flower-rotate2 6.0s linear infinite;}
.e-header .motion .bloom3 {top:229px;left:1025px;-webkit-animation: flower-rotate1 5.0s linear infinite;animation: flower-rotate1 5.0s linear infinite;}
.e-header .motion .bloom4 {top:104px;left:560px;-webkit-animation: flower-move1 6.0s linear infinite;animation: flower-move1 6.0s linear infinite;}
.e-header .motion .bloom5 {top:523px;right:425px;-webkit-animation: flower-move2 5.0s linear infinite;animation: flower-move2 5.0s linear infinite;-webkit-animation-delay:2.0s;animation-delay:2.0s;opacity:0;}
.e-header .motion .bloom6 {top:350px;right:436px;-webkit-animation: flower-rotate2 6.0s linear infinite;animation: flower-rotate2 6.0s linear infinite;}
.e-header .motion .bloom7 {top:136px;right:538px;-webkit-animation: flower-move3 5.0s linear infinite;animation: flower-move3 5.0s linear infinite;}

.e-nav {position:absolute;top:800px;left:0;z-index:10;width:100%;height:100px;background:#4b231e;}
.e-nav .menu {overflow:hidden;width:1280px;margin:0 auto;}
.e-nav .menu li {float:left;width:50%;}
.e-nav a {overflow:hidden;display:block;height:100px;background-image:url('images/tab.jpg');background-repeat:no-repeat;text-indent:-1000em;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.e-nav li.on a,
.e-nav a:hover {background-image:url('images/tab_on.jpg');}
.e-nav a.tab1 {background-position-x:0;}
.e-nav a.tab2 {background-position-x:-640px;}
.e-container.nav-fixed .e-nav {position:fixed;top:0;}

.e-cont {position:relative;padding-top:100px;background-color:#000;background-repeat:no-repeat;background-position:50% 100px;}
.e-box {background-image:url('images/bg_box.jpg');}
.e-box .box1 {position:relative;width:1280px;height:2159px;z-index:0;margin:0 auto;box-sizing:border-box;}
.e-box .box2 {position:relative;width:1280px;height:1280px;z-index:0;margin:0 auto;box-sizing:border-box;}
.e-box .box3 {position:relative;width:1280px;height:1168px;z-index:0;margin:0 auto;box-sizing:border-box;}
.e-box .motion {position:absolute;top:-100px;left:50%;display:block;width:1920px;margin-left:-960px;-webkit-transition:transform 7.0s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 7.0s cubic-bezier(0.19, 1, 0.22, 1);}

.e-box .e-wrap {position:absolute;top:100px;left:50%;z-index:1;width:1280px;margin-left:-640px;}
.item-box {position:absolute;top:1248px;left:0;z-index:2;overflow:hidden;width:100%;height:66px;padding:0 0 0 94px;box-sizing:border-box;}
.item-box .btn-item {overflow:hidden;float:left;width:276px;height:66px;margin-left:132px;background:url('images/btn_item.png') no-repeat;text-indent:-1000em;}
.item-box .btn-item:first-child {margin-left:0;}
.item-box .btn-item:hover {background-position:-308px 0;}
.shop-box {position:absolute;bottom:120px;left:274px;z-index:2;overflow:hidden;width:100%;height:88px;box-sizing:border-box;}
.shop-box a {overflow:hidden;float:left;width:356px;height:88px;margin-left:20px;background-image:url('images/btn_shop.png');background-repeat:no-repeat;text-indent:-1000em;}
.shop-box a:first-child {margin-left:0;}
.shop-box a:hover {background-image:url('images/btn_shop_on.png');}
.shop-box a.btn-muonline {background-position:0 0;} 
.shop-box a.btn-mublue {background-position:-376px 0;} 

.e-blossom {background-image:url('images/bg_blossom.jpg');}
.e-blossom .e-wrap {position:absolute;top:100px;left:50%;z-index:1;width:1280px;margin-left:-640px;}
.e-blossom .box1 {position:relative;width:1280px;height:1842px;z-index:0;margin:0 auto;box-sizing:border-box;}
.e-blossom .box2 {position:relative;width:1280px;height:986px;z-index:0;margin:0 auto;box-sizing:border-box;}
.e-blossom .motion {position:absolute;top:-100px;left:50%;display:block;width:1920px;margin-left:-960px;-webkit-transition:transform 7.0s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 7.0s cubic-bezier(0.19, 1, 0.22, 1);}

.popup {display:none;position:absolute;z-index:9999;width:676px;box-sizing:border-box;}
.popup .pop-close {position:absolute;top:0;right:0;z-index:1;overflow:hidden;width:84px;height:84px;background:url('images/pop_close.png') no-repeat 50%;text-indent:-1000em;cursor:pointer;}

@media (min-width:1920px) { 
    .fixbtn .btn {left:50%;margin-left:852px;}
}

@-webkit-keyframes flower-rotate1 {
    0% {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}
@keyframes flower-rotate1 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes flower-rotate2 {
    0% {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}
@keyframes flower-rotate2 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes flower-move1 {
    0% {
        opacity: 1;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    20% {
        opacity: 1;
        -webkit-transform: rotate(180deg) translateY(0);
        transform: rotate(180deg) translateY(0);
    }
    50% {
        opacity:0;
        -webkit-transform:translateY(100px);
        transform:translateY(100px);
    }
    100% { 
        opacity:0;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes flower-move1 {
    0% {
        opacity: 1;
        -webkit-transform: translateY(50px);
        transform-origin:50%;
    }
    20% {
        opacity: 1;
        -webkit-transform: rotate(180deg) translateY(0);
        transform: rotate(180deg) translateY(0);
    }
    50% {
        opacity:0;
        -webkit-transform:translateY(100px);
        transform:translateY(100px);
    }
    100% { 
        opacity:0;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}

@-webkit-keyframes flower-move2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    20% {
        opacity: 1;
        -webkit-transform: rotate(-120deg) translateY(0);
        transform: rotate(-120deg) translateY(0);
    }
    50% {
        opacity:0;
        -webkit-transform:translateY(70px);
        transform:translateY(70px);
    }
    100% { 
        opacity:0;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes flower-move2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    20% {
        opacity: 1;
        -webkit-transform: rotate(-120deg) translateY(0);
        transform: rotate(-120deg) translateY(0);
    }
    50% {
        opacity:0;
        -webkit-transform:translateY(70px);
        transform:translateY(70px);
    }
    100% { 
        opacity:0;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}

@-webkit-keyframes flower-move3 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    30% {
        opacity: 1;
        -webkit-transform: rotate(180deg) translateY(0);
        transform: rotate(180deg) translateY(0);
    }
    70% {
        opacity:0;
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
    }
    100% { 
        opacity:0;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes flower-move3 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    30% {
        opacity: 1;
        -webkit-transform: rotate(180deg) translateY(0);
        transform: rotate(180deg) translateY(0);
    }
    70% {
        opacity:0;
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
    }
    100% { 
        opacity:0;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}