.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;}
.e-wrap {position:relative;width:1280px;margin:0 auto;box-sizing:border-box;}

.e-footer {width:100%;height:70px;background:#22100a;box-sizing:border-box;}
.e-footer p {width:1280px;height:70px;margin:0 auto;color:#765b51;font-size:14px;font-weight:500;text-align:center;line-height:70px;}

.e-header {position:relative;width:100%;height:745px;background:url('images/bg_header_en.jpg') no-repeat 50% 0;}
.e-header .e-wrap {height:100%;}
.e-header .logo {position:absolute;top:6px;left:-25px;z-index:1;}
.e-header .logo a {overflow:hidden;display:block;width:264px;height:103px;background:url('images/bi.png') no-repeat;text-indent:-1000em;}
.e-header .quick {position:absolute;top:12px;right:10px;overflow:hidden;z-index:5;}
.e-header .btn-home {overflow:hidden;float:right;height:58px;padding:19px 30px 0;background:rgba(10,43,1,0.8);border-radius:29px;color:#fff;font-size:18px;box-sizing:border-box;}
.e-header .btn-home span {position:relative;display:inline-block;padding:1px 0 0 33px;}
.e-header .btn-home span:before {content:'';position:absolute;top:0;left:0;display:block;width:25px;height:20px;background:url('images/ico_home.png') no-repeat;}
.e-header .chk-today {clear:both;display:block;padding:20px 0 10px;color:#fff;font-size:16px;text-align:right;}
.e-header .chk-today input[type="checkbox"] {vertical-align:middle;}
.e-header .chk-today label {cursor:pointer;}
.e-header .intro {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}

.e-nav {position:absolute;top:782px;width:100%;height:94px;z-index:10;background:url('images/bg_nav.jpg') no-repeat 50% 100%;box-sizing:border-box;}
.e-nav .menu {overflow:hidden;width:1280px;height:94px;margin:0 auto;}
.e-nav .menu li {float:left;width:640px;height:100%;}
.e-nav a {overflow:hidden;display:block;height:100%;color:#41261c;font-size:24px;font-weight:500;line-height:94px;text-align:center;box-sizing:border-box;}
.e-nav .on a.tab1,
.e-nav a.tab1:hover {background:url('images/bg_nav_on.jpg') no-repeat 0 0;color:#27140e;text-shadow:-1px -1px 1px rgba(255, 200, 138, 1);}
.e-nav .on a.tab2,
.e-nav a.tab2:hover {background:url('images/bg_nav_on.jpg') no-repeat -640px 0;color:#27140e;text-shadow:-1px -1px 1px rgba(255, 200, 138, 1);}
.e-container.nav-fixed .e-nav {position:fixed;top:0;}

.e-tree {padding-top:94px;background:url('images/bg_tree.jpg') no-repeat 50% 94px;}

.title-box {height:564px;padding-top:86px;text-align:center;box-sizing:border-box;}
.title-box .title {color:#ffcc99;font-size:65px;font-weight:700;text-align:center;text-shadow:-1px 2px 2px rgba(0, 0, 0, 0.5);}
.title-box .text {margin-top:10px;font-size:24px;color:#fff;}
.title-box .period {display:inline-block;height:45px;margin-top:26px;padding:0 60px;background:rgba(255,242,185,0.27);border-radius:22px;box-shadow: -1px -2px 0px rgba(37, 19, 11, 0.27);color:#000;font-size:18px;line-height:45px;}

.details-box {position:relative;height:781px;}
.details-box .title {color:#fff;font-size:60px;font-weight:700;text-align:center;text-shadow: -1px -2px 2px rgba(0, 0, 0, 0.5);}
.details-box .details {margin-top:140px;}
.details-box .details li {margin-top:3px;color:#ffdec8;font-size:18px;line-height:1.5;text-align:center;}

.howto-box {position:relative;height:1828px;}
.howto-box:after {content:"";display:table;clear:both;}
.howto-box .title {height:154px;color:#fff;font-size:45px;font-weight:700;text-align:center;text-shadow: -1px -2px 2px rgba(0, 0, 0, 0.5);}
.howto-box .steps {position:relative;overflow:hidden;width:817px;height:565px;margin:0 auto;}
.howto-box .steps li {position:absolute;overflow:hidden;display:table;width:205px;height:236px;padding:53px 31px 0 38px;background:url('images/bg_steps.png') no-repeat;box-sizing:border-box;}
.howto-box .steps .no {position:absolute;top:16px;left:44px;display:block;width:119px;height:36px;color:#fff2e6;font-size:22px;font-style:normal;line-height:36px;text-align:center;}
.howto-box .steps p {display:table-cell;width:100%;color:#666;font-size:15px;line-height:20px;text-align:center;vertical-align:middle;}
.howto-box .steps em {display:block;color:#cc3300;}
.howto-box .steps .no1 {left:2px;top:0;}
.howto-box .steps .no2 {left:202px;top:0;}
.howto-box .steps .no3 {left:402px;top:0;}
.howto-box .steps .no4 {left:602px;top:0;}
.howto-box .steps .no5 {left:105px;top:236px;}
.howto-box .steps .no6 {left:305px;top:236px;}
.howto-box .steps .no7 {left:505px;top:236px;}

.tree-box {position:relative;float:left;width:481px;height:688px;margin-left:232px;}
.tree-box .notice {position:absolute;top:17px;left:37px ;display:inline-block;height:35px;padding:0 26px;background:rgba(0,0,0,0.5);border-radius:17px;color:#c77055;font-size:18px;line-height:35px;}
.list-item {position:relative;width:323px;height:567px;margin:11px 0 0 81px;}
.list-item li {position:absolute;width:80px;height:80px;}
.list-item li a {overflow:hidden;display:block;width:100%;height:100%;background-repeat:no-repeat;text-indent:-1000em;box-sizing:border-box;}
.list-item li.no1 {top:0;left:121px;}
.list-item li.no2 {top:81px;left:81px;}
.list-item li.no3 {top:81px;left:162px;}
.list-item li.no4 {top:162px;left:81px;}
.list-item li.no5 {top:162px;left:162px;}
.list-item li.no6 {top:243px;left:40px;}
.list-item li.no7 {top:243px;left:121px;}
.list-item li.no8 {top:243px;left:202px;}
.list-item li.no9 {top:324px;left:0;}
.list-item li.no10 {top:324px;left:81px;}
.list-item li.no11 {top:324px;left:162px;}
.list-item li.no12 {top:324px;left:243px;}
.list-item li.no13 {top:405px;left:0;}
.list-item li.no14 {top:405px;left:81px;}
.list-item li.no15 {top:405px;left:162px;}
.list-item li.no16 {top:405px;left:243px;}
.list-item li.no17 {top:486px;left:0;}
.list-item li.no18 {top:486px;left:81px;}
.list-item li.no19 {top:486px;left:162px;}
.list-item li.no20 {top:486px;left:243px;}

.list-item a.on {background-image:url('images/bg_tree_on.png');cursor:pointer;}
.list-item a.on:hover {background-image:url('images/bg_tree_over.png');}
.list-item a.off {background-image:url('images/bg_tree_off.png');cursor:default;}
.list-item .opened {cursor:default;}
.list-item .opened.green {background-image:url('images/bg_tree_green.png');cursor:default;}
.list-item .opened.red {background-image:url('images/bg_tree_red.png');cursor:default;}
.list-item .opened.silver {background-image:url('images/bg_tree_silver.png');cursor:default;}
.list-item .opened.gold {background-image:url('images/bg_tree_gold.png');cursor:default;}
.list-item .no1 a {background-position:-121px 0;}
.list-item .no2 a {background-position:-81px -81px;}
.list-item .no3 a {background-position:-162px -81px;}
.list-item .no4 a {background-position:-81px -162px;}
.list-item .no5 a {background-position:-162px -162px;}
.list-item .no6 a {background-position:-40px -243px;}
.list-item .no7 a {background-position:-121px -243px;}
.list-item .no8 a {background-position:-202px -243px;}
.list-item .no9 a {background-position:0 -324px;}
.list-item .no10 a {background-position:-81px -324px;}
.list-item .no11 a {background-position:-162px -324px;}
.list-item .no12 a {background-position:-243px -324px;}
.list-item .no13 a {background-position:0 -405px;}
.list-item .no14 a {background-position:-81px -405px;}
.list-item .no15 a {background-position:-162px -405px;}
.list-item .no16 a {background-position:-243px -405px;}
.list-item .no17 a {background-position:0 -486px;}
.list-item .no18 a {background-position:-81px -486px;}
.list-item .no19 a {background-position:-162px -486px;}
.list-item .no20 a {background-position:-243px -486px;}

.howto-box .count-box {position:relative;float:left;width:302px;height:602px;margin-top:20px;padding:54px 0 0 60px;box-sizing:border-box;}
.howto-box .count-box .tickets {overflow:hidden;display:table;width:182px;height:152px;}
.howto-box .count-box .opened {overflow:hidden;display:table;width:182px;height:152px;margin-top:63px;}
.howto-box .count-box .count {display:table-cell;vertical-align:middle;}
.howto-box .count-box .count em {display:block;color:#fff5e1;font-size:16px;text-align:center;}
.howto-box .count-box .count strong {display:block;margin-top:17px;color:#ffaa00;font-size:36px;text-align:center;}
.howto-box .count-box .count i {font-style:normal;font-weight:200;}
.howto-box .count-box .btn-reset {position:absolute;left:31px;bottom:42px;overflow:hidden;display:block;min-width:242px;height:70px;padding:0 10px;background:#730000;background:#640000;background-image: radial-gradient(circle, #c40000, #ad0003, #970004, #810003, #6c0000);color:#fff;border-radius:35px;border:1px solid #750000;font-size:24px;font-weight:700;text-align:center;line-height:67px;cursor:pointer;box-sizing:border-box;}
.howto-box .count-box .btn-reset:after {content:'';display:inline-block;width:23px;height:20px;margin-top:-1px;margin-left:5px;background:url('images/ico_reset.png') no-repeat;vertical-align:middle;}
.howto-box .count-box .completed {position:absolute;bottom:0;left:0;width:100%;height:102px;color:#fff;font-size:24px;font-weight:500;text-align:center;}
.howto-box .count-box .btn-login {position:absolute;left:31px;bottom:42px;overflow:hidden;display:table;min-width:242px;height:70px;padding:0 10px;background:#730000;background:#640000;background-image: radial-gradient(circle, #c40000, #ad0003, #970004, #810003, #6c0000);color:#fff;border-radius:35px;border:1px solid #750000;cursor:pointer;text-align:center;box-sizing:border-box;}
.howto-box .count-box .btn-login .inner {display:table-cell;vertical-align:middle;}
.howto-box .count-box .btn-login em {position:relative;display:inline-block;padding-right:15px;color:#fff5e1;font-size:18px;font-weight:700;}
.howto-box .count-box .btn-login em:after {content:'';position:absolute;top:3px;right:0;display:inline-block;width:9px;height:14px;background:url('images/ico_arrow.png') no-repeat;}
.howto-box .count-box .btn-login i {display:block;color:#f98f72;font-size:14px;font-weight:500;font-style:normal;}

.cane-box {position:relative;height:880px;text-align:center;}
.cane-box .title {color:#fff;font-size:45px;font-weight:700;text-align:center;text-shadow:-1px -2px 2px rgba(0, 0, 0, 0.5);}
.cane-box .text {display:inline-block;height:45px;margin-top:26px;padding:0 60px;background:rgba(51,6,6,0.6);border-radius:22px;box-shadow: -1px -2px 0px rgba(37, 19, 11, 0.6);color:#fff2b9;font-size:18px;line-height:45px;}
.cane-box .resets {display:inline-block;min-width:286px;height:64px;padding:0 10px;background:#730000;background:#640000;background-image: radial-gradient(circle, #c40000, #ad0003, #970004, #810003, #6c0000);color:#fff;border-radius:35px;border:1px solid #750000;color:#fff5e1;font-size:18px;font-weight:700;line-height:63px;text-align:center;box-sizing:border-box;}
.cane-box p.completed {height:64px;padding-top:11px;color:#fff;font-size:30px;font-weight:500;text-align:center;box-sizing:border-box;}
.cane-box .btn-login {overflow:hidden;display:table;min-width:242px;height:64px;margin:0 auto;padding:0 10px;background:#730000;background:#640000;background-image: radial-gradient(circle, #c40000, #ad0003, #970004, #810003, #6c0000);color:#fff;border-radius:35px;border:1px solid #750000;cursor:pointer;text-align:center;box-sizing:border-box;}
.cane-box .btn-login .inner {display:table-cell;vertical-align:middle;}
.cane-box .btn-login em {position:relative;display:inline-block;padding-right:15px;color:#fff5e1;font-size:18px;font-weight:700;}
.cane-box .btn-login em:after {content:'';position:absolute;top:3px;right:0;display:inline-block;width:9px;height:14px;background:url('images/ico_arrow.png') no-repeat;}
.cane-box .btn-login i {display:block;color:#f98f72;font-size:14px;font-weight:500;font-style:normal;}

.cane-box .in-box {position:relative;width:1097px;height:674px;margin:31px auto 0;padding:102px 0 0;box-sizing:border-box;text-align:center;}
.cane-box .gift {overflow:hidden;width:566px;height:178px;margin:155px 0 0 221px;}
.cane-box .gift li {float:left;width:166px;}
.cane-box .gift li + li {margin-left:34px;}
.cane-box .gift .btn {overflow:hidden;width:166px;height:178px;border:0;background-color:transparent;background-image:url('images/item_cane.png');background-repeat:no-repeat;background-position:-399px 0;text-indent:-1000em;cursor:default;}
.cane-box .gift .disable .btn {background-position:-399px 0;cursor:default;}
.cane-box .gift .open .btn {background-position:-200px 0;cursor:pointer;}
.cane-box .gift .completed .btn {background-position:0 0;cursor:default;}
.cane-box .candy {position:absolute;top:250px;left:168px;width:754px;height:180px;background:url('images/bg_candy.png') no-repeat;}
.cane-box .candy .bar {position:absolute;top:10px;left:30px;width:595px;height:23px;}
.cane-box .candy .bar > i {position:relative;display:block;height:23px;background:url('images/img_bar.png') no-repeat;}
.cane-box .candy .bar > i:after {content:'';position:absolute;top:0;right:-10px;display:block;width:10px;height:23px;background:url('images/img_bar.png') no-repeat 100% 0;}
.cane-box .candy .bar > .w0 {width:0;}
.cane-box .candy .bar > .w0:after {display:none;}
.cane-box .candy .w1 {width:6.67%;}
.cane-box .candy .w2 {width:13.33%;}
.cane-box .candy .w3 {width:20.00%;}
.cane-box .candy .w4 {width:26.67%;}
.cane-box .candy .w5 {width:33.33%;}
.cane-box .candy .w6 {width:40.00%;}
.cane-box .candy .w7 {width:46.67%;}
.cane-box .candy .w8 {width:53.33%;}
.cane-box .candy .w9 {width:60.00%;}
.cane-box .candy .w10 {width:66.67%;}
.cane-box .candy .w11 {width:73.33%;}
.cane-box .candy .w12 {width:80.00%;}
.cane-box .candy .w13 {width:86.67%;}
.cane-box .candy .w14 {width:93.33%;}
.cane-box .candy .w15 {width:100%;}

.note-box {height:400px;padding:0 135px;}
.note-box .title {display:inline-block;height:37px;margin-left:-29px;padding:0 30px;background:#000;border-radius:18px;color:#fffeb7;font-size:18px;font-weight:700;line-height:37px;}
.note-box .details {margin-top:15px;}
.note-box .details li {margin-top:1px;position:relative;padding-left:10px;color:#ffdec8;font-size:18px;line-height:1.3;}
.note-box .details li i {position:absolute;top:0;left:0;display:block;}

.text-evt {position:absolute;top:-130px;left:0;width:100%;color:#3a1d04;font-size:18px;font-weight:700;text-align:center;}
.details-box .text-evt {top:-130px;}
.howto-box .text-evt {top:-125px;}
.cane-box .text-evt {top:-116px;}


.e-festival {padding-top:94px;}
.e-festival .festival1 {height:2890px;background:url('images/bg_festival1.jpg') no-repeat 50% 0;}
.e-festival .festival2 {background:url('images/bg_festival2.jpg') no-repeat 50% -267px;}
.e-festival .title-box {height:auto;}
.e-festival .event-box {padding-top:117px;text-align:center;}
.e-festival .event-box .event {display:block;margin:0 auto;width:120px;font-size:17px;color:#3a1d04;font-weight:bold;text-transform:uppercase;}
.e-festival .event-box .title {padding-top:124px;font-size:45px;letter-spacing:-0.5px;color:#fff;font-weight:700;text-align:center;text-shadow: -1px -2px 2px rgba(0, 0, 0, 0.5);}
.e-festival .event-box .period {display:inline-block;height:45px;margin-top:17px;padding:0 60px;background:rgba(51,6,6,0.6);border-radius:22px;box-shadow: -1px -2px 0px rgba(37, 19, 11, 0.27);color:#fff2b9;font-size:18px;line-height:45px;letter-spacing:-0.5px;}
.e-festival .event-box .description {margin-top:189px;margin-left:619px;width:410px;color:#ffdec8;font-size:18px;text-align:left;letter-spacing:-0.1px;line-height:24px;}
.e-festival .event-box .description span {display:block;color:#ffcc00;}
.e-festival .event-box .note-box {margin-top:160px;text-align:left;}
.e-festival .event-box .note-box strong {display:inline-block;margin-left:-30px;height:37px;padding:0 23px;background-color:#330606;border-radius:18px;color:#fffeb7;font-size:18px;line-height:37px;}
.e-festival .event-box .note-box .details {margin-top:16px;text-align:left;}

.e-festival .event-box.event1 {height:760px;}
.e-festival .event-box.event1 .details {margin-top:157px;margin-left:542px;width:450px;line-height:35px;color:#ffdec8;font-size:18px;text-align:left;letter-spacing:-0.3px;}
.e-festival .event-box.event2 {height:1623px;}
.e-festival .event-box.event2 .title {padding-top:138px;}
.e-festival .event-box.event2 .text {margin-top:24px;margin-left:0;line-height:1.5;text-align:center;font-size:20px;color:#ffdec8;}
.e-festival .event-box.event2 .stage {overflow:hidden;margin:110px auto 0;padding-left:2px;width:772px;}
.e-festival .event-box.event2 .stage li {float:left;padding-top:13px;padding-bottom:31px;width:20%;height:187px;font-size:20px;color:#ffffcc;font-weight:bold;text-transform:uppercase;}
.e-festival .event-box.event2 .flags {overflow:hidden;margin:197px auto 0;width:687px;}
.e-festival .event-box.event2 .flags li {float:left;padding-top:8px;width:33.333333%;height:130px;font-size:18px;color:#ffffcc;font-weight:bold;text-transform:uppercase;}
.e-festival .event-box.event3 {height:1194px;}
.e-festival .event-box.event3 .title {padding-top:108px;}
.e-festival .event-box.event3 .note-box {margin-top:222px;}
.e-festival .event-box.event4 {height:862px;}
.e-festival .event-box.event4 .title {padding-top:138px;}
.e-festival .event-box.event4 .description {margin-top:120px;margin-left:592px;width:445px;}
.e-festival .event4 .christmas {color:#ff3300;}
.e-festival .event4 .dropbox {color:#66cc00;}
.e-festival .event-box.event5 {height:857px;}
.e-festival .event-box.event5 .description {margin-top:169px;margin-left:593px;}

.fixbtn {position:fixed;right:10px;bottom:70px;z-index:10;}
.fixbtn .btn {overflow:hidden;display:block;width:50px;height:50px;border:0;background:url('images/btn_top.jpg') no-repeat;text-indent:-1000em;cursor:pointer;}

/* 다국어 */
.e-container.en .e-header {background:url('images/bg_header_en.jpg') no-repeat 50% 0;}
.e-container.de .e-header {background:url('images/bg_header_de.jpg') no-repeat 50% 0;}
.e-container.fr .e-header {background:url('images/bg_header_fr.jpg') no-repeat 50% 0;}

.e-container.en .e-festival .festival1 {background:url('images/bg_festival1_en.jpg') no-repeat 50% 0;}
.e-container.de .e-festival .festival1 {background:url('images/bg_festival1_de.jpg') no-repeat 50% 0;}
.e-container.fr .e-festival .festival1 {background:url('images/bg_festival1_fr.jpg') no-repeat 50% 0;}

.e-container.de .howto-box .steps p {font-size:14px;}
.e-container.de .howto-box .count-box .count em {font-size:15px;}
.e-container.de .tree-box .notice {font-size:17px;}