@charset 'utf-8';

body {background:#000;}
body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p,button {font-family:'NotoSans Regular', 'Nanum Gothic', '나눔고딕', 'dotum', 'Arial', 'Tahoma', 'sans-serif';}
.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:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}

.fixbtn .btn {position:absolute;right:40px;top:auto;z-index:9;overflow:hidden;display:none;width:67px;height:74px;background:url('images/btn_top.png') no-repeat;text-indent:-1000em;cursor:pointer;-webkit-transition:top 0.5s ease-in-out;transition:top 0.5s ease-in-out;}
.fixbtn .btn:hover {background-image:url('images/btn_top_on.png');}

.e-header {position:relative;z-index:10;width:100%;height:970px;background:url('images/bg_header.jpg') no-repeat 50% 0;}
.e-header .logo {position:absolute;top:17px;left:-33px;z-index:10;overflow:hidden;width:250px;height:151px;padding-top:35px;padding-left:33px;background:url('images/bi.png') no-repeat;text-indent:-1000em;box-sizing:border-box;}
/* .e-header .logo a {overflow:hidden;display:block;width:183px;height:78px;text-indent:-1000em;cursor:pointer;background-color:#fff;opacity:0;filter:alpha(opacity=1);} */

.e-header .today {position: absolute;text-align:right;width: 200px;right: 0;top: 65px;height: 100px;display: block;}
.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:0 0 0 24px;color:#fff;color:rgba(255,255,255,0.55);font-size:14px;cursor:pointer;}
.e-header .today label:before {content:'';position:absolute;top:1px;left:0;display:block;width:18px;height:18px;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:72px;right:0;/* overflow:hidden; */z-index:10;}
.e-header .home a[class^='btn-'] {overflow:hidden;float:left;width:48px;height:55px;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:10px;background-position:right 0;}
.e-header .home a.btn-muonline:hover {background-position:0 bottom;}
.e-header .home a.btn-mublue:hover {margin-left:10px;background-position:right bottom;}

.e-header .e-wrap {padding-top:576px;}
.e-header .title {
    position:relative;z-index:3;overflow:hidden;width:1117px;height:293px;margin:0 auto;background:url('images/title.png') no-repeat;text-indent:-1000em;
    opacity: 0;-webkit-transform:translateY(60px);transform:translateY(60px);-webkit-transition:all 1.5s 0.1s ease;transition:all 1.5s 0.1s ease;
}
.loaded .e-header .title {opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);}

.smog {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.smog i {position:absolute;display:block;background:url('images/sp_smog.png') no-repeat;transform-origin:50% 100%;}
.smog .num2 {bottom:0;left:-217px;width:2354px;height:1400px;opacity:0}
.smog .num1 {bottom:0;left:-217px;width:2354px;height:800px;opacity:0;}
.smog .num3 {bottom:0;left:-217px;width:2354px;height:800px;opacity:0;}
.e-header .smog .num1 {-webkit-animation:spreadSmog 7s infinite linear;animation:spreadSmog 7s infinite linear;}
.e-header .smog .num2 {-webkit-animation:spreadSmog 15s infinite linear;animation:spreadSmog 15s infinite linear;}
.e-header .smog .num3 {-webkit-animation:spreadSmog 40s infinite linear;animation:spreadSmog 40s infinite linear;}

#canvas {position:absolute;top:0;left:50%;z-index:1;display:block;margin-left:-960px;pointer-events:none;}

.e-nav {position:absolute;top:970px;left:0;z-index:10;width:100%;height:110px;background:#0e0c0c;}
.e-nav .menu {overflow:hidden;width:1280px;margin:-40px auto 0;}
.e-nav .menu li {float:left;width:50%;}
.e-nav a {overflow:hidden;display:block;height:150px;background-image:url('images/menu_off.png');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/menu_on.png');}
.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;}

/* event1 */
.e-cont {position:relative;padding-top:110px;background-color:#000;background-repeat:no-repeat;background-position:50% 110px;}
.e-update {background-image:url('images/bg_update.jpg');}
.e-update .btnset button[class^='btn-'] {position:absolute;overflow:hidden;display:block;width:400px;height:82px;background-color:transparent;background-image:url('images/btn_reward.png');background-repeat:no-repeat;text-indent:-1000em;cursor:pointer;}
.e-update .btnset button[class^='btn-']:hover {background-position:right 0;}
.e-update .btnset button[class^='btn-']:disabled { background-position: right bottom; cursor: default}
.e-update .btnset .btn-all {left:50%; transform: translateX(-50%); bottom:177px;}

.slide-box {position:absolute;top:305px;left:92px;width:1096px;height:585px;margin:0 auto;box-sizing:border-box;}
.slide-list {width:940px;height:506px;}
.slide-list li {position:absolute;display:none;}
.slide-list {overflow:hidden;position:relative;margin:0 auto;}
.slide-paging {position:absolute;bottom:21px;left:0;width:100%;box-sizing:border-box;}
.slide-paging ul {position:relative;overflow:hidden;width:900px;margin:0 auto;text-align:center;}
.slide-paging li {display:inline-block;width:58px;}
.slide-paging a {overflow:hidden;display:block;width:30px;height:30px;margin:0 auto;text-indent:-1000em;background:url('images/btn_paging.png') repeat;}
.slide-paging .on a {background-position:0 -30px;}
.slide-ctrl button {overflow:hidden;display:block;position:absolute;top:220px;width:38px;height:75px;background:transparent;text-indent:-1000em;cursor:pointer;}
.slide-ctrl .prev {left:0;background:url('images/btn_prev.png') no-repeat;}
.slide-ctrl .next {right:0;background:url('images/btn_next.png') no-repeat;}

/* event2 */
.e-friend {background-image:url('images/bg_friend.jpg');}
.e-friend .btnset button[class^='btn-'] {position:absolute;overflow:hidden;display:block;text-indent:-1000em;cursor:pointer;/*background-color:#fff;opacity:0;filter:alpha(opacity=1);*/}
.e-friend .btnset .btn-invite {left:50%; transform: translateX(-50%); top:2190px; background:url('images/btn_friend_invite.png') left top no-repeat; width:400px;height:82px;}
.e-friend .btnset .btn-reward {left:50%; transform: translateX(-50%); bottom:384px; background:url('images/btn_friend_reward.png') left top no-repeat; width:480px;height:82px;}

.e-friend .btnset .btn-invite:hover {background-position: top right;}
.e-friend .btnset .btn-reward:hover {background-position: top right;}

/* invitation */
.pop-invitation * {font-family:'NotoSans Regular', 'Nanum Gothic', '나눔고딕', 'dotum', 'Arial', 'Tahoma', 'sans-serif';}
.pop-invitation {position:relative;width:670px;height:auto;margin: 0 auto;overflow-x:hidden;background:#855d44 url('images/bg_pop_re.jpg') 0 0 repeat-y;}
.pop-invitation .bg-top {display:block;width:670px;height:84px;background:url('images/bg_pop_t.jpg') 0 0 no-repeat;}
.pop-invitation .bg-bottom {display:block;width:670px;height:44px;background:url('images/bg_pop_b.jpg') 0 0 no-repeat;}
.pop-invitation .pop-cont {display:block;height:auto;padding:0 58px;min-height:712px;text-align:center;letter-spacing:-1px;background:url('images/bg_pop_m.jpg') 0 0 no-repeat;}
.pop-invitation .pop-cont .selectbox {width:130px;position:relative;margin:0 5px 0 0;display: inline-block; vertical-align:middle; overflow:hidden;border:1px solid #dadbe0; background:#ffffff url('images/bg_selectbox_disabled.jpg') no-repeat 100% 0;}
.pop-invitation .pop-cont .selectbox a {display:block;font-size:13px;color:#9a9a9a;height:28px;line-height:28px;padding:0 27px 0 10px;text-align:left;cursor: default;letter-spacing: -1px;}
.pop-invitation .pop-cont .selectbox select {width:100%; height:28px;position:absolute;left:0;top:0;cursor:pointer;letter-spacing: -1px;background:#fff url('images/bg_selectbox.jpg') no-repeat 100% 0; border:none 0; outline:none 0; padding-left:10px; color:#594d43; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.pop-invitation .pop-cont .selectbox select::-ms-expand {display:none}
.pop-invitation .pop-cont .textbox {display:inline-block; vertical-align: middle; width:176px;padding:0 10px;height:28px;line-height:28px;border:1px solid #dadbe0;background:#fff;}
.pop-invitation .pop-cont .textbox input {display:block;width:100%;height:28px;line-height:28px;}

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
	.pop-invitation .pop-cont .selectbox select{width:130%; background-position: 73% 0;}
}

.pop-invitation .pop-cont .e-table {padding:20px 0 0;}
.pop-invitation .pop-cont .e-table table {width:100%;}
.pop-invitation .pop-cont .e-table table th {border-top:1px solid #e1e2e6; line-height:32px;background:#ececef}
.pop-invitation .pop-cont .e-table table th img{vertical-align: middle; margin-top:-1px;}
.pop-invitation .pop-cont .e-table table th,.pop-invitation .pop-cont .e-table table td {height:32px;text-align:center;font-size:13px;color:#594d43;border-bottom:1px solid #e1e2e6;}
.pop-invitation .pop-cont .e-table table td.non-data {height:200px;font-size:14px;}
.pop-invitation .pop-cont .char-select {overflow:hidden; padding-top:20px}
.pop-invitation .pop-cont .char-select p {display:block;font-size:15px;color:#594d43;padding:0 0 11px;}
.pop-invitation .pop-cont .char-select .btn-search { display: inline-block; vertical-align: middle; width:63px;height:30px;line-height:28px;font-size:14px;color:#fff;background:#9c1111;border:1px solid #930b0b;border-radius:2px;}
.pop-invitation .pop-cont .char-select .btn-search:disabled,
.pop-invitation .pop-cont .char-select .btn-search.disabled{background: #9597a6; color:#fff; border-color:#9597a6; cursor: default;}
.pop-invitation .pop-cont .char-select .selectbox2 {width:176px;}
.pop-invitation .pop-cont .invit-box {padding:58px 0 55px;}
.pop-invitation .pop-cont .invit-box p {font-size:15px;line-height:20px;color:#594d43;padding:17px 0 16px;}
.pop-invitation .pop-cont .invit-box em {font-size:15px;line-height:20px;color:#b80c0c;}
.pop-invitation .pop-cont .invit-box .textbox {width:156px;}
.pop-invitation .pop-cont .invit-box .btn-submit {display:inline-block; margin-left:5px;width:63px;height:30px;line-height:28px;font-size:14px;color:#fff;cursor:pointer;background:#9c1111;border:1px solid #930b0b;border-radius:2px;}
.pop-invitation .pop-cont .invit-box .btn-submit:disabled,
.pop-invitation .pop-cont .invit-box .btn-submit.disabled{background: #9597a6; color:#fff; border-color:#9597a6; cursor: default;}
.pop-invitation .pop-cont .invitation-list .e-table .btn-confirm {width:67px;height:20px;font-size:13px;line-height:18px;color:#fff;background:#9c1111;border:1px solid #930b0b;border-radius:2px;}
.pop-invitation .pager {text-align:center;font-size:0;padding:10px 0;}
.pop-invitation .pager a, .pop-invitation .pager span {display:inline-block;position:relative;vertical-align:top;width:18px;height:18px;line-height:18px;margin:0 2px;text-align:center;color:#938b85;border:1px solid #e1e2e6;background:#fff;font-size:13px;text-decoration:none;border-radius:0;}
.pop-invitation .pager a:hover,
.pop-invitation .pager .current {color:#fff;background:#9c1111;border:1px solid #930b0b;}
.pop-invitation .pager .first,.pop-invitation .pager .previous,.pop-invitation .pager .next,.pop-invitation-send .pager .last {display:none;}
.pop-invitation .notice {padding-top:11px;}
.pop-invitation .notice li {padding-top:4px;font-size:13px;color:#666;text-align:left; margin-left:14px; text-indent: -14px;}
.pop-invitation .notice li span { color:#c77026}

.pop-get{width:670px;height:819px;padding:0;margin: 0 auto;position:relative;background-repeat:no-repeat;background-position:0 0;}

.pop-get h2{height:58px;padding:40px 0 0;text-align:center;}
.pop-get .benefit{height:55px;font-size:15px;color:#594d43;text-align:center;}
.pop-get .benefit strong{color:#cd6214;}
.pop-get .selection .text{width:178px;padding:0 10px;}
.pop-get .selection .buttons{height:44px;padding:20px 0 0;clear:both;text-align:center;}
.pop-get .invitation-list{height:196px;border-top:1px solid #efd9c6;}
.pop-get .invitation-list table{width:100%;}
.pop-get .invitation-list th, .pop-invitation .invitation-list td{height:32px;text-align:center;border-bottom:1px solid #efd9c6;}
.pop-get .invitation-list .no-data{height:165px;font-size:13px;color:#594d43;}
.pop-get .paging{height:40px;padding:10px 0 0;text-align:center;}
.pop-get .paging a{display:inline-block;width:18px;height:18px;text-align:center;line-height:18px;color:#938b85;font-size:13px;border:1px solid #e9ddd4;}
.pop-get .paging a:hover, .pop-invitation .paging a.selected{background:#cd6214;border:1px solid #cd6214;color:#fff;}
.pop-get .notice li{padding:0 0 2px 16px;font-size:13px;color:#938b85;text-indent:-16px;*margin-top:-7px;}
.pop-get .message, .pop-get .comment{text-align:center;}
.pop-get .message p, .pop-get .comment{font-size:15px;color:#594d43;}
.pop-get .message p span.red,
.pop-get .comment span.red{color:#66110a;}
.pop-get .message p span.blue,
.pop-get .comment span.blue{color:#0a4c9d;}
.pop-get .message p + p {margin-top:26px}
/*.pop-get .message p{height:93px;}*/
.pop-get .message p strong{display:block;font-weight:normal;}

.pop-get .message .btn_fly { display:block; margin:10px auto 0; width:227px; height:52px; background:url('images/btn_get_red.png') top center no-repeat;}
.pop-get .message .btn_fly:hover { box-shadow: 0 5px 5px rgba(0,0,0,0.1)}
.pop-get .message .btn_fly.disabled{background-position: bottom center; cursor: default}
.pop-get .message .btn_fly.disabled:hover { box-shadow: none}

.pop-get.bg2 .message .btn_fly { background:url('images/btn_get_blue.png') top center no-repeat;}
.pop-get.bg2 .message .btn_fly:hover { box-shadow: 0 5px 5px rgba(0,0,0,0.1)}
.pop-get.bg2 .message .btn_fly.disabled{background-position: bottom center; cursor: default}
.pop-get.bg2 .message .btn_fly.disabled:hover { box-shadow: none}

.pop-get .comment{position:relative;text-align:center;margin-top:30px}
.pop-get .comment p + p { margin-top: 25px}
.pop-get .sales{text-align:center; padding:20px 0 20px; position: relative}
.pop-get .sales .btn_sales { display:block;  width:227px; height:52px; background:url('images/btn_sales_red.png') top center no-repeat; position: absolute; left:50%; transform: translateX(-50%); bottom:40px }
.pop-get.bg2 .sales .btn_sales { background:url('images/btn_sales_blue.png') top center no-repeat;  }

.pop-get .pop-caller{font-size:14px;margin-left:38px;}
.pop-get .layer{width:100%;height:100%;padding:0;position:absolute;left:0;top:0;background:rgba(255,255,255,1);display:none;}
.pop-get .layer h2{height:60px; line-height: 60px; text-align:left; background: #66110a; padding:0 30px 0; font-size: 18px; color:#fff}
.pop-get .layer .close{display:block;position:absolute;right:30px;top:15px;}
.pop-get .layer ul{margin-top:35px;margin-left:30px;}
.pop-get .layer ul li{margin:0 0 10px 14px; color:#666; text-indent:-14px; line-height:20px;}
.pop-get .layer ul li:first-child{color:#b42525;}
.pop-get.bg1{background-color:#855d44; background-image:url('images/bg_01.jpg');}
.pop-get.bg2{background-color:#445c82; background-image:url('images/bg_02.jpg');}

.pop-get.bg2 .layer h2{ background: #263b83;}
.pop-get.bg2 .layer ul li:first-child{color:#263b83;}

.pop-get.bg1 .pop-caller { background: url('images/btn_noti_red.png') center no-repeat; width: 57px; height: 17px; margin: 0 auto; text-indent:-1000em; display: block}
.pop-get.bg2 .pop-caller { background: url('images/btn_noti_blue.png') center no-repeat; width: 57px; height: 17px; margin: 0 auto; text-indent:-1000em; display: block}


/* animation */
@keyframes spreadSmog {
	0% {transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0;}
	45% {transform:scale(0.75);-webkit-transform:scale(0.75);opacity:1;}
	90% {transform:scale(1);-webkit-transform:scale(1);opacity:0;}
	100% {transform:scale(1);-webkit-transform:scale(1);opacity:0;}
}

@-webkit-keyframes spreadSmog {
	0% {transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0;}
	45% {transform:scale(0.75);-webkit-transform:scale(0.75);opacity:1;}
	90% {transform:scale(1);-webkit-transform:scale(1);opacity:0;}
	100% {transform:scale(1);-webkit-transform:scale(1);opacity:0;}
}