html {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) 
}
body, html {
  background: #fff;
  width: 100%;
}
body {
  color: #000 
}
body::-webkit-scrollbar {
  width: 8px;
  height: 8px 
}
body::-webkit-scrollbar-button {
  display: none 
}
body::-webkit-scrollbar-track {
  background: #e0e0e0;
  border-left: 1px solid #bdbdbd;
  margin: -1px 0 
}
body::-webkit-scrollbar-thumb {
  background: #bdbdbd;
  border: 1px solid #9e9e9e;
  border-right: 0 
}
* {
  font-family: Malgun Gothic, 맑은 고딕, Dotum, 돋움, Tahoma, sans-serif;
  letter-spacing: normal;
  text-decoration: none;
  margin: 0;
  padding: 0 
}
*, :after, :before {
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: none;
  transition-property: none 
}
a {
  color: #0d47a1;
  -webkit-transition-property: color;
  transition-property: color 
}
[hover=true], a:hover {
  color: #039be5 
}
a img {
  border: 0 
}
.clearFix {
  zoom: 1;
}
.clearFix:after {
  clear: both;
  display: block;
  content: '';
}
li, ol, ul {
  list-style: none 
}
fieldset {
  border: 0 
}
legend {
  display: none 
}
button, input, select, textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline-style: none;
  resize: none 
}
input[type=reset], input[type=submit] {
  cursor: pointer;
  border: 0 
}
input[readonly] {
  cursor: default;
  background: #757575 
}
input[type=password]::-ms-reveal, input[type=text]::-ms-clear {
  display: none 
}
input::-webkit-input-placeholder {
  color: #9e9e9e 
}
input::-moz-placeholder {
  color: #9e9e9e 
}
input:-ms-input-placeholder {
  color: #9e9e9e 
}
input::-ms-input-placeholder {
  color: #9e9e9e 
}
input::placeholder {
  color: #9e9e9e 
}
button {
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0 
}
select::-ms-expand {
  background: transparent;
  border: 0 
}
table {
  table-layout: fixed;
  border-collapse: collapse 
}
strong {
  font-weight: 700 
}
img {
  max-width: 100% 
}
[hover] {
  -webkit-transition-property: color;
  transition-property: color 
}
[hide] {
  display: none !important 
}
@-webkit-keyframes FloatingLight {
  0%, to {
      margin-top: -2px 
 }
  50% {
      margin-top: 2px 
 }
}
@keyframes FloatingLight {
  0%, to {
      margin-top: -2px 
 }
  50% {
      margin-top: 2px 
 }
}
/* @media (max-device-width:1199px) {
  html {
      -webkit-transform: scale(.75);
      -ms-transform: scale(.75);
      transform: scale(.75);
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top 
 }
}
@media (max-device-width:899px) {
  html {
      -webkit-transform: scale(.7);
      -ms-transform: scale(.7);
      transform: scale(.7) 
 }
}
@media (max-device-width:839px) {
  html {
      -webkit-transform: scale(.65);
      -ms-transform: scale(.65);
      transform: scale(.65) 
 }
}
@media (max-device-width:779px) {
  html {
      -webkit-transform: scale(.6);
      -ms-transform: scale(.6);
      transform: scale(.6) 
 }
}
*/
.wrap, body, html {
  height: 100% 
}
.wrap {
  min-width: 1351px;
}
.wrap .header {
  position: relative;
  z-index: 10001;
  height: 68px 
}
.wrap .header .button {
  position: absolute;
  top: 18px;
  left: 50%;
  display: block;
  overflow: hidden;
  text-indent: -100000em 
}
.wrap .header .logo {
  margin-left: -600px;
  width: 118px;
  height: 73px;
  background: url(../img/b-5cb4-c6b_39e7.png?66f7e59b4b0c53c989f44b801b28a87d) no-repeat top 
}
.wrap ul.quick_link {
  width: 100%;
  height: 48px;
}
.wrap ul.quick_link li {
  float: left;
  margin-right: 5px;
}
.wrap ul.quick_link li:last-child {
  margin-right: 0;
}
.wrap ul.quick_link li a {
  display: block;
  height: 50px;
  width: 50px;
  background-image: url(../img/quick_link.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  opacity: .7;
  text-indent: -99999em;
  transition: opacity ease .3s;
}
.wrap ul.quick_link li a:hover {
  opacity: 1;
}
.wrap ul.quick_link li:first-child a {
  background-position-x: 0px;
}
.wrap ul.quick_link li:last-child a {
  background-position-x: -50px;
}
.wrap .header-btn {
  position: fixed;
  top: 90px;
  right: 10px;
  z-index: 10001;
}
.wrap .btn {
  width: 193px;
}
.wrap .btn ul li {
  display: block;
  margin: -55px 0 0;
}
.wrap .btn ul li a {
  width: 100%;
  height: 133px;
  display: block;
  background: transparent url(../img/side_box1.png) no-repeat 0 0;
  text-indent: -99999em;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s 
}
.wrap .btn ul li:first-child {
  margin-top: 0;
}
.wrap .btn ul li:first-child a {
  z-index: 3;
}
.wrap .btn ul li:nth-child(2) a {
  background: transparent url(../img/side_box2.png) no-repeat 0 0;
  z-index: 2;
}
.wrap .btn ul li:last-child a {
  background: transparent url(../img/side_box3.png) no-repeat 0 0;
}
.wrap .btn ul li a:hover {
  filter: brightness(130%);
}
.wrap .header .home {
  top: 35px;
  margin-left: 474px;
  width: 125px;
  height: 28px;
  background: url(../img/b-c3a5-55cabca4.png?9f360ab81198687e132a9643ece5de7d) no-repeat top 
}
.wrap .header .home:hover {
  background-position-y: 100% 
}
.wrap .header .intro {
  top: 78px;
  margin-left: 468px;
  cursor: pointer;
  width: 131px;
  height: 13px;
  background: url(../img/b-a00e-2e1ee4a2.png?0e517fe2cd7d8104353526e4e707aa08) no-repeat top 
}
.wrap .header .intro input[type=checkbox] {
  opacity: 0 
}
.wrap .footer {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 120px;
  color: #fff;
  text-align: center;
  font: 700 12px/120px Malgun Gothic, 맑은 고딕, Dotum, 돋움, Tahoma, sans-serif;
  margin: auto 
}
@-webkit-keyframes Blinking {
  0%, to {
      opacity: 1 
 }
  50% {
      opacity: 0 
 }
}
@keyframes Blinking {
  0%{
      opacity: 1 
 }
  40% {
      opacity: 0 
 }
 75%{
   opacity: 1;
 }
}
#e2019-13anniversary {
  position: relative 
}
#e2019-13anniversary .tap-wrap {
  margin: -68px 0 0 
}
#e2019-13anniversary .tap-wrap .go-top {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  bottom: 80px;
  left: 657px;
  width: 87px;
  height: 79px;
  z-index: 10;
  overflow: hidden;
  text-indent: -10000em;
  cursor: pointer;
  background: url(../img/b-327b-9f6bb56d.png?d1567faf2f83034f5f3cd8b585e7247f);
  border: 0;
  margin-left: 50%;
  -webkit-transition-property: opacity;
  transition-property: opacity 
}
#e2019-13anniversary .tap-wrap .go-top.show {
  visibility: visible;
  opacity: 1 
}
#e2019-13anniversary .tap-wrap .content-header {
  height: 960px;
  background: url(../img/bg.jpg) no-repeat bottom; 
  background-size: 100% 100%;
}

#e2019-13anniversary .tap-wrap:after{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  height:960px;
  width: 100%;
  background: url(../img/bg_F.png)no-repeat top ;
  background-size: 100%;
  animation: Blinking 5s infinite; 
}

#e2019-13anniversary .tap-wrap:before{
  content: '';
  position: absolute;
  top: calc(960px - 380px);
  left: 0px;
  height:540px;
  width: 100%;
  background: #000 no-repeat top ;
  background: url(../img/divider.png)no-repeat top ;
  pointer-events: none;
  background-size: 100% 100%;
  z-index: 10000;
}
#e2019-13anniversary .tap-wrap .content-header .title {
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
  width: 936px;
  height: 373px;
  background: url(../img/title.png) center ;
  background-size: 100% 100%;
  
}
#e2019-13anniversary .tap-wrap .menu {
  position: absolute;
  left: 50%;
  top: 400px;
  transform: translateX(-50%);
  z-index: 9999;
  width: 1520px;
  height: 526px ;
  max-width: 100vw;
  
  
}
#e2019-13anniversary .tap-wrap .menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  margin-left: 0;
  width: 100%;
  max-width: unset;
  height: 80px;
  background-color: #5c004c8c ;
  transform: translateX(0);
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul {
  width: 1200px;
  margin: 0 auto;
  padding-left: 0 
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li {
  height: 80px ;
  overflow: hidden;
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a {
  height: 80px;
  background: url(../img/b-2664-2efa964a.jpg?8c22343fde9004d072e7f45f23deb0a2) 
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a:after, #e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a:before {
  display: none 
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event1 {
  background-position: 0 0 
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event2 {
  background-position: -240px 0 
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event3 {
  background-position: -480px 0 
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event4 {
  background-position: -720px 0 
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event5 {
  background-position: -960px 0 
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a:hover {
  background-position-y: -80px 
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>ul {
  top: 70px 
}
#e2019-13anniversary .tap-wrap .menu>ul {
  position: relative;
  z-index: 1;
  
  
}
#e2019-13anniversary .tap-wrap .menu>ul>li {
  position: relative;
  /* width: 511px;
  margin: 40px -105px; */
  width: 33.9%;
  margin: 0px -7%;
  height: 526px;
  float: left ;
  /* transition: all 0.3s; */
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li {
  position: relative;
  width: 20%;
  margin: 0 ;
  height: 80px;
  float: left ;
  /* transition: all 0.3s; */
}

#e2019-13anniversary .tap-wrap .menu>ul>li>a {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 511px;
  max-width: 100%;
  height: 526px;
  display: block;
  text-indent: -9999px;
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a{
  width: 100%;

}
#e2019-13anniversary .tap-wrap .menu>ul>li:hover{
  filter: drop-shadow(0px 0px 10px rgb(255,255,255)) drop-shadow(0px 0px 30px rgb(255,255,255));
  z-index: 5;
  transition: all 0.3s;
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li:hover{
  filter:unset;
  z-index: 5;
  transition: all 0.3s;
}


#e2019-13anniversary .tap-wrap .menu>ul>li>a.event1 {
  background: url(../img/npc1.png) no-repeat;
  background-position: 0% 100%;
  background-size:100%;
  z-index: 2;
}

#e2019-13anniversary .tap-wrap .menu>ul>li>a.event2 {
  background: url(../img/npc2.png) no-repeat;
  background-position: 0% 100%;
  background-size:100%;
  z-index: 2;
}

#e2019-13anniversary .tap-wrap .menu>ul>li>a.event3 {
  background: url(../img/npc3.png) no-repeat;
  background-position: 0% 100%;
  background-size:100%;
  z-index: 1;
}

#e2019-13anniversary .tap-wrap .menu>ul>li>a.event4 {
  background: url(../img/npc4.png) no-repeat;
  background-position: 0% 100%;
  background-size:100%;
  z-index: 1;
}

#e2019-13anniversary .tap-wrap .menu>ul>li>a.event5 {

  background: url(../img/npc5.png) no-repeat;
  background-position: 0% 100%;
    background-size:100%;
  z-index: 2;
}
#e2019-13anniversary .tap-wrap .menu>ul>li>a:hover {
  opacity: 1;
  
}

#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event1 {
  background: url(../img/menu_fixed.jpg) no-repeat;
  
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event2 {
  background: url(../img/menu_fixed.jpg) no-repeat;
  background-position: -240px 0px;
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event3 {
  background: url(../img/menu_fixed.jpg) no-repeat;
  background-position: -480px 0px;
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event4 {
  background: url(../img/menu_fixed.jpg) no-repeat;
  background-position: -720px 0px;
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event5 {
  background: url(../img/menu_fixed.jpg) no-repeat;
  background-position: -960px 0px;
}

#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event1:hover {
  background-position: 0px -80px;
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event2:hover {
  background-position: -240px -80px;
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event3:hover {
  background-position: -480px -80px;
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event4:hover {
  background-position: -720px -80px;
}
#e2019-13anniversary .tap-wrap .menu.fixed>ul>li>a.event5:hover {
  background-position: -960px -80px;
}






#e2019-13anniversary .tap-wrap .menu>ul>li>a:after {
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s 
}

/* #e2019-13anniversary .tap-wrap .menu>ul>li:hover>a {
  opacity: 1;
  background-position-y: -160px;
  z-index: 4 
} */
#e2019-13anniversary .tap-wrap .menu>ul>li:hover>a:after {
  opacity: 1 
}
#e2019-13anniversary .tap-wrap .menu>ul>li:hover>ul {
  background-position: 0 0;
  height: 134px !important 
}
#e2019-13anniversary .tap-wrap .menu>ul>li:hover>ul>li {
  opacity: 1 
}
#e2019-13anniversary .tap-wrap .menu>ul>li>ul {
  position: absolute;
  top: 131px;
  left: 31px;
  padding: 27px 0 0 14px;
  height: 0 !important;
  overflow: hidden;
  width: 178px;
  height: 161px;
  background: url(../img/b-51bb-a4aeee86.png?2e0872ebc666a48877d346469c4ced0b) no-repeat 0 0;
  background-position: 0 -161px;
  -webkit-transition: background-position .3s;
  transition: background-position .3s;
  -webkit-transition: height .1s;
  transition: height .1s 
}
#e2019-13anniversary .tap-wrap .menu>ul>li>ul>li {
  width: 150px;
  height: 35px;
  background: url(../img/b-bee8-ea054e73.png?5870003c9c5466ee10d3399a95566ab4);
  opacity: 0 
}
#e2019-13anniversary .tap-wrap .menu>ul>li>ul>li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -10000em 
}
#e2019-13anniversary .tap-wrap .menu>ul>li>ul>li:hover {
  background-position-x: -150px 
}
#e2019-13anniversary .tap-wrap.content-event1 .go-top {
  background-position-x: 0 
}
#e2019-13anniversary .tap-wrap.content-event2 .go-top {
  background-position-x: -87px 
}
#e2019-13anniversary .tap-wrap.content-event3 .go-top {
  background-position-x: -174px 
}
#e2019-13anniversary .tap-wrap.content-event4 .go-top {
  background-position-x: -261px 
}
#e2019-13anniversary .tap-wrap.content-event5 .go-top {
  background-position-x: -348px 
}
#e2019-13anniversary .tap-wrap.content-event1 .menu [js-tab-index=event1], #e2019-13anniversary .tap-wrap.content-event2 .menu [js-tab-index=event2], #e2019-13anniversary .tap-wrap.content-event3 .menu [js-tab-index=event3], #e2019-13anniversary .tap-wrap.content-event4 .menu [js-tab-index=event4], #e2019-13anniversary .tap-wrap.content-event5 .menu [js-tab-index=event5] {
  filter: drop-shadow(0px 0px 10px rgb(255,255,255)) drop-shadow(0px 0px 30px rgb(255,255,255)) ;
  z-index: 5;
}
#e2019-13anniversary .tap-wrap.content-event1 .menu.fixed [js-tab-index=event1], #e2019-13anniversary .tap-wrap.content-event2 .menu.fixed [js-tab-index=event2], #e2019-13anniversary .tap-wrap.content-event3 .menu.menu.fixed [js-tab-index=event3], #e2019-13anniversary .tap-wrap.content-event4 .menu.fixed [js-tab-index=event4], #e2019-13anniversary .tap-wrap.content-event5 .menu.fixed [js-tab-index=event5] {
  filter:unset;
  z-index: 5;
}
#e2019-13anniversary .tap-wrap.content-event1 .menu [js-tab-index=event1]:after, #e2019-13anniversary .tap-wrap.content-event2 .menu [js-tab-index=event2]:after, #e2019-13anniversary .tap-wrap.content-event3 .menu [js-tab-index=event3]:after, #e2019-13anniversary .tap-wrap.content-event4 .menu [js-tab-index=event4]:after, #e2019-13anniversary .tap-wrap.content-event5 .menu [js-tab-index=event5]:after {
  opacity: 1;
  z-index: 4 
}
#e2019-13anniversary .tap-wrap.content-event1 .menu.fixed [js-tab-index=event1], #e2019-13anniversary .tap-wrap.content-event2 .menu.fixed [js-tab-index=event2], #e2019-13anniversary .tap-wrap.content-event3 .menu.fixed [js-tab-index=event3], #e2019-13anniversary .tap-wrap.content-event4 .menu.fixed [js-tab-index=event4], #e2019-13anniversary .tap-wrap.content-event5 .menu.fixed [js-tab-index=event5] {
  background-position-y: -80px 
}
#e2019-13anniversary .tap-wrap .content .content-event1, #e2019-13anniversary .tap-wrap .content .content-event2, #e2019-13anniversary .tap-wrap .content .content-event3, #e2019-13anniversary .tap-wrap .content .content-event4, #e2019-13anniversary .tap-wrap .content .content-event5 {
  display: none 
}
#e2019-13anniversary .tap-wrap.content-event1 .content .content-event1, #e2019-13anniversary .tap-wrap.content-event2 .content .content-event2, #e2019-13anniversary .tap-wrap.content-event3 .content .content-event3, #e2019-13anniversary .tap-wrap.content-event4 .content .content-event4, #e2019-13anniversary .tap-wrap.content-event5 .content .content-event5 {
  display: block 
}
#e2019-13anniversary .tap-wrap.content-event1 .content .content-event1>div, #e2019-13anniversary .tap-wrap.content-event2 .content .content-event2>div, #e2019-13anniversary .tap-wrap.content-event3 .content .content-event3>div, #e2019-13anniversary .tap-wrap.content-event4 .content .content-event4>div, #e2019-13anniversary .tap-wrap.content-event5 .content .content-event5>div {
  position: relative 
}
#e2019-13anniversary .tap-wrap.content-event1 .content .content-event1>div a, #e2019-13anniversary .tap-wrap.content-event2 .content .content-event2>div a, #e2019-13anniversary .tap-wrap.content-event3 .content .content-event3>div a, #e2019-13anniversary .tap-wrap.content-event4 .content .content-event4>div a, #e2019-13anniversary .tap-wrap.content-event5 .content .content-event5>div a {
  position: absolute;
  top: 0 
}
#e2019-13anniversary .tap-wrap .content {
  position: relative 
}
#e2019-13anniversary .tap-wrap .content button {
  display: block;
  left: 50%;
  overflow: hidden;
  text-indent: -10000em 
}
#e2019-13anniversary .tap-wrap .content .content-event1 .content-event1-01 {
  height: 1876px;
  background: url(../img/event1.jpg) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event1 .content-event1-01 .item {
  position: relative;
  display: block;
  width: 1200px;
  margin: 0 auto;
  padding: 519px 0 0;
}
#e2019-13anniversary .tap-wrap .content .item li {
  /*
  float: left;
  margin: 0;
  display: block;
  width: 300px;
  height: 300px; 
  position: absolute;
  cursor: default;
  overflow: hidden;
  */
  position: absolute;
  /* background: #0006; */
} 
#e2019-13anniversary .tap-wrap .content .item li:after{
  filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.6));
}
.event1_icon_1{
  width: 120px;
  height: 30px;
  left: 220px;
  top: 795px;
}
.event1_icon_1:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event1_icon_1::after{
  content: '';
  position: absolute;
  width: 50px;
  height: 300px;
  left: -60px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event1_icon1.png');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event1_icon_2{
  width: 120px;
  height: 30px;
  left: 220px;
  top: 825px;
}
.event1_icon_2:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event1_icon_2::after{
  content: '';
  position: absolute;
  width: 50px;
  height: 300px;
  left: -60px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event1_icon2.png');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event1_icon_3{
  width: 280px;
  height: 50px;
  left: 220px;
  top: 855px;
}
.event1_icon_3:hover{
  pointer-events: painted;
}

.event1_icon_4{
  width: 170px;
  height: 30px;
  left: 420px;
     top: 975px;
}
.event1_icon_4:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event1_icon_4::after{
  content: '';
  position: absolute;
  width: 50px;
  height: 300px;
  right: -50px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event1_icon3.png');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event1_icon_5{
  width: 140px;
  height: 20px;
  left: 480px;
  top: 1175px;
}
.event1_icon_5:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event1_icon_5::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -250px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event1_icon4.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}


.event1_icon_6{
  width: 210px;
  height: 20px;
  left: 480px;
  top: 1195px;
}
.event1_icon_6:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event1_icon_6::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -250px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event1_icon5.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}


.event1_icon_7{
  width: 210px;
  height: 25px;
  left: 480px;
  top: 1215px;
}
.event1_icon_7:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event1_icon_7::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -250px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event1_icon6.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event1_icon_8{
  width: 270px;
  height: 25px;
  left: 480px;
  top: 1240px;
}
.event1_icon_8:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event1_icon_8::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -250px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event1_icon7.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event1_icon_9{
  width: 270px;
  height: 25px;
  left: 480px;
  top: 1305px;
}
.event1_icon_9:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event1_icon_9::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -250px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event1_icon8.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event1_icon_10{
  width: 190px;
  height: 25px;
  left: 480px;
  top: 1330px;
}
.event1_icon_10:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event1_icon_10::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -250px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event1_icon9.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}



.event1_icon_11{
  width: 190px;
  height: 20px;
  left: 480px;
  top: 1355px;
}
.event1_icon_11:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event1_icon_11::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -250px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event1_icon10.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event1_icon_12{
  width: 200px;
  height: 20px;
  left: 480px;
  top: 1375px;
}
.event1_icon_12:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event1_icon_12::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -250px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event1_icon11.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event1_icon_13{
  width: 230px;
  height: 20px;
  left: 480px;
  top: 1395px;
}
.event1_icon_13:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event1_icon_13::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -250px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event1_icon12.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
/* event2  滑入提示介紹*/

.event2_icon_1{
  width: 200px;
  height: 210px;
  left: 170px;
  top: 690px;
}
.event2_icon_1:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event2_icon_1::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -25px;
  top: 210px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event2_icon1.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event2_icon_2{
  width: 200px;
  height: 210px;
  left: 392px;
  top: 690px;
}
.event2_icon_2:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event2_icon_2::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -25px;
  top: 210px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event2_icon2.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event2_icon_3{
  width: 200px;
  height: 210px;
  left: 612px;
  top: 690px;
}
.event2_icon_3:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event2_icon_3::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -25px;
  top: 210px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event2_icon3.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event2_icon_4{
  width: 200px;
  height: 210px;
  left: 832px;
  top: 690px;
}
.event2_icon_4:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event2_icon_4::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -25px;
  top: 210px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event2_icon4.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}



/* event4  滑入提示介紹*/

.event4_icon_1{
  width: 125px;
  height: 110px;
  left: 75px;
  top: 640px;
}
.event4_icon_1:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_1::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 260px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon1.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event4_icon_2{
  width: 125px;
  height: 110px;
  left: 205px;
  top: 640px;
}
.event4_icon_2:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_2::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 260px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon2.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event4_icon_3{
  width: 125px;
  height: 110px;
  left: 340px;
  top: 640px;
}
.event4_icon_3:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_3::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 260px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon3+18.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event4_icon_4{
  width: 125px;
  height: 110px;
  left: 473px;
  top: 640px;
}
.event4_icon_4:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_4::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 400px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon4+9.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event4_icon_5{
  width: 125px;
  height: 110px;
  left: 605px;
  top: 640px;
}
.event4_icon_5:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_5::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon5+14+17.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event4_icon_6{
  width: 125px;
  height: 110px;
  left: 738px;
  top: 640px;
}
.event4_icon_6:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_6::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 200px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon6.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event4_icon_7{
  width: 125px;
  height: 110px;
  left: 870px;
  top: 640px;
}
.event4_icon_7:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_7::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 360px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon7.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event4_icon_8{
  width: 125px;
  height: 110px;
  left: 1003px;
  top: 640px;
}
.event4_icon_8:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_8::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 350px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon8.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}








.event4_icon_9{
  width: 125px;
  height: 110px;
  left: 75px;
  top: 760px;
}
.event4_icon_9:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_9::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 400px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon4+9.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event4_icon_10{
  width: 125px;
  height: 110px;
  left: 205px;
  top: 760px;
}
.event4_icon_10:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_10::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon10.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event4_icon_11{
  width: 125px;
  height: 110px;
  left: 340px;
  top: 760px;
}
.event4_icon_11:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_11::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon11+19.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event4_icon_12{
  width: 125px;
  height: 110px;
  left: 473px;
  top: 760px;
}
.event4_icon_12:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_12::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 380px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon12.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event4_icon_13{
  width: 125px;
  height: 110px;
  left: 605px;
  top: 760px;
}
.event4_icon_13:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_13::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 360px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon13.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event4_icon_14{
  width: 125px;
  height: 110px;
  left: 738px;
  top: 760px;
}
.event4_icon_14:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_14::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon5+14+17.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event4_icon_15{
  width: 125px;
  height: 110px;
  left: 870px;
  top: 760px;
}
.event4_icon_15:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_15::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon15.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event4_icon_16{
  width: 125px;
  height: 110px;
  left: 1003px;
  top: 760px;
}
.event4_icon_16:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_16::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 360px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon16.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}







.event4_icon_17{
  width: 125px;
  height: 110px;
  left: 75px;
  top: 880px;
}
.event4_icon_17:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_17::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 400px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon5+14+17.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event4_icon_18{
  width: 125px;
  height: 110px;
  left: 205px;
  top: 880px;
}
.event4_icon_18:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_18::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon3+18.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event4_icon_19{
  width: 125px;
  height: 110px;
  left: 340px;
  top: 880px;
}
.event4_icon_19:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_19::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 300px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon11+19.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event4_icon_20{
  width: 125px;
  height: 110px;
  left: 473px;
  top: 880px;
}
.event4_icon_20:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_20::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 380px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon20.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event4_icon_21{
  width: 125px;
  height: 110px;
  left: 605px;
  top: 880px;
}
.event4_icon_21:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_21::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 360px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon21.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event4_icon_22{
  width: 125px;
  height: 110px;
  left: 738px;
  top: 880px;
}
.event4_icon_22:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event4_icon_22::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 400px;
  left: -62px;
  top: 110px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event4_icon22.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

/* event5  滑入提示介紹*/

.event5_icon_1{
  width: 70px;
  height: 70px;
  left: 595px;
  top: 800px;
}
.event5_icon_1:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_1::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon1.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event5_icon_2{
  width: 70px;
  height: 70px;
  left: 665px;
  top: 800px;
}
.event5_icon_2:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_2::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon2.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event5_icon_3{
  width: 70px;
  height: 70px;
  left: 735px;
  top: 800px;
}
.event5_icon_3:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_3::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon3.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event5_icon_4{
  width: 70px;
  height: 70px;
  left: 805px;
  top: 800px;
}
.event5_icon_4:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_4::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon4.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}






.event5_icon_5{
  width: 70px;
  height: 70px;
  left: 570px;
  top: 890px;
}
.event5_icon_5:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_5::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon5.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event5_icon_6{
  width: 70px;
  height: 70px;
  left: 640px;
  top: 890px;
}
.event5_icon_6:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_6::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon6.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event5_icon_7{
  width: 70px;
  height: 70px;
  left: 710px;
  top: 890px;
}
.event5_icon_7:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_7::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon7.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event5_icon_8{
  width: 70px;
  height: 70px;
  left: 780px;
  top: 890px;
}
.event5_icon_8:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_8::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon8.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event5_icon_9{
  width: 70px;
  height: 70px;
  left: 850px;
  top: 890px;
}
.event5_icon_9:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_9::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon9.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event5_icon_10{
  width: 70px;
  height: 70px;
  left: 600px;
     top: 975px;
}
.event5_icon_10:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_10::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon10.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.event5_icon_11{
  width: 70px;
  height: 70px;
  left: 670px;
     top: 975px;
}
.event5_icon_11:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_11::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon11.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event5_icon_12{
  width: 70px;
  height: 70px;
  left: 740px;
     top: 975px;
}
.event5_icon_12:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_12::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon12.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.event5_icon_13{
  width: 70px;
  height: 70px;
  left: 810px;
     top: 975px;
}
.event5_icon_13:hover::after{
  opacity: 1;
  transition: all 0.3s;
}
.event5_icon_13::after{
  content: '';
  position: absolute;
  width: 250px;
  height: 450px;
  left: -95px;
  top: 75px;
  opacity: 0;
  pointer-events: none;
  background: url('../img/event5_icon13.jpg');
  background-repeat: no-repeat;
  transition: all 0.3s;
}















#e2019-13anniversary .tap-wrap .content .item li .pop {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 99;
}
#e2019-13anniversary .tap-wrap .content .content-event1 .content-event1-02 {
  height: 2413px;
  background: url(../img/c-c08a-3_6aa5c5.jpg?4dbb1ce66fb5effde5b8390d829f1b0c) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event1 .content-event1-03 {
  height: 1952px;
  background: url(../img/c-855c-5f40ee0d.jpg?62348e34b3b611b563cbb3bd61434142) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event1 .btn-get-gift {
  position: absolute;
  left: 50%;
  top: 453px;
  margin-left: -130px;
  width: 257px;
  height: 144px;
  background: url(../img/b-7937-5066bfaa.png?5c2813a0042506aacd7d1bf47e7336dc) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event1 .btn-get-gift:hover {
  background-position-y: 100% 
}
#e2019-13anniversary .tap-wrap .content .content-event1 .btn-get-potion {
  position: absolute;
  left: 50%;
  top: 662px;
  margin-left: 319px;
  width: 214px;
  height: 85px;
  background: url(../img/b-c522-f8380052.png?998906886eb31685de67d7c817a9a2a9) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event1 .btn-get-potion:hover {
  background-position-y: 100% 
}
#e2019-13anniversary .tap-wrap .content .content-event1 .btn-pop-jump {
  position: absolute;
  left: 50%;
  top: 1243px;
  margin-left: -154px;
  width: 301px;
  height: 48px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -10000em 
}
#e2019-13anniversary .tap-wrap .content .content-event1 .btn-anchor {
  position: absolute;
  left: 50%;
  top: 2085px;
  margin-left: -179px;
  width: 356px;
  height: 63px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -10000em 
}
#e2019-13anniversary .tap-wrap .content .content-event1 .btn-anchor a {
  display: block;
  width: 100%;
  height: 100% 
}
#e2019-13anniversary .tap-wrap .content .content-event1 .btn-get-key {
  position: absolute;
  left: 50%;
  top: 662px;
  margin-left: 319px;
  width: 214px;
  height: 85px;
  background: url(../img/b-f6b6-88__ceb4.png?5965a4d26aa73bfb412221ea74038162) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event1 .btn-get-key:hover {
  background-position-y: 100% 
}
#e2019-13anniversary .tap-wrap .content .content-event2 .content-event2-01 {
  height: 1326px;
  background: url(../img/event2.jpg) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event2 .content-event2-01 .item {
  position: relative;
  display: block;
  width: 1200px;
  margin: 0 auto;
  padding: 597px 0 0;
}
#e2019-13anniversary .tap-wrap .content .content-event4 .content-event4-01 .item {
  position: relative;
  display: block;
  width: 1200px;
  margin: 0 auto;
  padding: 650px 0 0;
}

#e2019-13anniversary .tap-wrap .content .content-event2 .content-event2-01 .item li:nth-child(4), #e2019-13anniversary .tap-wrap .content .content-event2 .content-event2-01 .item li:last-child {
  margin-right: 0;
}
#e2019-13anniversary .tap-wrap .content .content-event2 .content-event2-02 {
  height: 1188px;
  background: url(../img/c-3171-_8aff149.jpg?2e96a470670e5cc2b4f30bd00647f87a) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event2 .content-event2-03 {
  height: 2440px;
  background: url(../img/c-762a-7_a9576b.jpg?aa2f6e4dfd4ea57fa8ec509e3b84a165) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event2 .btn-pop-item {
  position: absolute;
  left: 50%;
  top: 2375px;
  margin-left: -235px;
  width: 175px;
  height: 35px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -10000em 
}
#e2019-13anniversary .tap-wrap .content .content-event3 .content-event3-01 {
  height: 1509px;
  background: url(../img/event3.jpg) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event3 .content-event3-01 .item {
  display: block;
  width: 1200px;
  margin: 0 auto;
  padding: 1168px 0 0;
}
#e2019-13anniversary .tap-wrap .content .content-event3 .content-event3-01 .item li {
  width: 240px;
  height: 152px;
  margin-bottom: 51px;
}
#e2019-13anniversary .tap-wrap .content .content-event3 .content-event3-01 .item li .pop {
  min-width: 300px;
  left: 50%;
  top: 93px;
  margin-left: -150px;
}
/* #e2019-13anniversary .tap-wrap .content .content-event3 .content-event3-02 {
  height: 2943px;
  background: url(../img/c-73aa-5ee16a37.jpg?4881bb65ec1fc535414001daeaa3b17b) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event3 .content-event3-03 {
  height: 2137px;
  background: url(../img/c-a67f-2b2eba97.jpg?999e4f9f49532c4cc6e783705a423eb0) no-repeat top 
} */
#e2019-13anniversary .tap-wrap .content .content-event4 .content-event4-01 {
  height: 1440px;
  background: url(../img/event4.jpg) no-repeat top 
}
/* #e2019-13anniversary .tap-wrap .content .content-event4 .content-event4-02 {
  height: 2297px;
  background: url(../img/c-9c6e-66f69ecb.jpg?89a78a6a1e3644f963e3f2aba19c2313) no-repeat top 
} */
#e2019-13anniversary .tap-wrap .content .content-event4 .btn-pop-time1 {
  position: absolute;
  left: 50%;
  top: 855px;
  margin-left: -200px;
  width: 402px;
  height: 93px;
  background: url(../img/b-90_1-3c9fe61e.png?46bf52265d924275600fda5b48f6f4be) no-repeat top;
  overflow: hidden;
  text-indent: -10000em;
  cursor: pointer 
}
#e2019-13anniversary .tap-wrap .content .content-event4 .btn-pop-time1:hover {
  background-position-y: 100% 
}
#e2019-13anniversary .tap-wrap .content .content-event4 .btn-pop-time2 {
  position: absolute;
  left: 50%;
  top: 885px;
  margin-left: -200px;
  width: 402px;
  height: 93px;
  background: url(../img/b-72f8-_3ce17a1.png?5af40b284a21ef4b2f8785ae0a2c4545) no-repeat top;
  overflow: hidden;
  text-indent: -10000em;
  cursor: pointer 
}
#e2019-13anniversary .tap-wrap .content .content-event4 .btn-pop-time2:hover {
  background-position-y: 100% 
}
#e2019-13anniversary .tap-wrap .content .content-event5 .content-event5-01 {
  height: 1500px;
  padding-bottom: 65px;
  background: url(../img/event5.jpg) no-repeat bottom ;
}
#e2019-13anniversary .tap-wrap .content .content-event5 .content-event5-01 .item {
  position: relative;
  display: block;
  width: 1200px;
  margin: 0 auto;
  padding: 600px 0 0;
}
/* #e2019-13anniversary .tap-wrap .content .content-event5 .content-event5-01 .item li {
  width: 401px;
  height: 400px;
  margin-right: 48px;
} */
#e2019-13anniversary .tap-wrap .content .content-event5 .content-event5-01 .item li:last-child {
  margin-right: 0;
}
#e2019-13anniversary .tap-wrap .content .content-event5 .content-event5-02 {
  height: 1660px;
  background: url(../img/c-8013-e1c_a4d8.jpg?09545ee37411e55f3619cc60f0696b9e) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event5 .content-event5-03 {
  height: 2455px;
  background: url(../img/c-27a7-046250dc.jpg?cd03ed78265d4d44a40b26e1682e84dd) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event5 .my-ticket-box {
  position: absolute;
  left: 50%;
  top: 363px;
  margin-left: 398px;
  width: 150px !important;
  width: 127px;
  height: 100px;
  background: url(../img/m-e70a-b7_2fd51.png?c04c404f5a3d61cfc7811737803014d5) no-repeat top;
  background-position: 23px 0 
}
#e2019-13anniversary .tap-wrap .content .content-event5 .my-ticket-box .ticket-count {
  color: #f0f;
  font-size: 50px;
  font-weight: 700;
  font-family: Malgun Gothic;
  line-height: 56px;
  letter-spacing: -.02em;
  text-align: right;
  width: 114px 
}
#e2019-13anniversary .tap-wrap .content .content-event5 .my-ticket-box .need-login {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 100px;
  background: url(../img/n-e299-b321abfc.png?08e2131dbc61dcbdfc93951355a8289f) no-repeat top 
}
#e2019-13anniversary .tap-wrap .content .content-event5 .my-ticket-box .need-login a {
  display: block;
  width: 89px;
  height: 41px;
  margin: 53px 0 0 36px;
  text-indent: -9999px 
}
#e2019-13anniversary .tap-wrap .content .content-event5 .apply-box {
  width: 1228px;
  margin: 0 auto;
  padding-top: 807px 
}
#e2019-13anniversary .tap-wrap .content .content-event5 .apply-box .apply {
  position: relative;
  float: left;
  width: 307px;
  height: 325px;
  margin-bottom: 19px 
}
#e2019-13anniversary .tap-wrap .content .content-event5 .apply-box .apply .apply-times {
  position: absolute;
  right: 0;
  top: 35px;
  width: 92px;
  font-family: Malgun Gothic;
  font-size: 15px;
  color: #f0f;
  font-weight: 700;
  text-align: center 
}
#e2019-13anniversary .tap-wrap .content .content-event5 .apply-box .apply .btn-apply {
  position: absolute;
  top: 248px;
  left: 88px;
  width: 135px;
  height: 52px;
  background: url(../img/b-4__1-25a60856.png?07b03f386daea79e3ff134a084ff11cc) 
}
#e2019-13anniversary .tap-wrap .content .content-event5 .apply-box .apply .btn-apply:hover {
  background-position-y: 52px 
}
#e2019-13anniversary .tap-wrap .content .content-event5 .btn-box {
  width: 850px;
  position: relative;
  margin: 0 auto;
}
#e2019-13anniversary .tap-wrap .content .content-event5 .btn-box a {
  background: transparent url(../img/btn-link.png) no-repeat 0 0;
  width: 129px;
  height: 31px;
  display: block;
  position: absolute;
  text-indent: -99999em;
}
#e2019-13anniversary .tap-wrap .content .content-event5 .btn-box a.la_btn {
  top: 319px;
  left: 218px;
}
#e2019-13anniversary .tap-wrap .content .content-event5 .btn-box a.la_btn:hover {
  background-position-y: -31px;
}
#e2019-13anniversary .tap-wrap .content .content-event5 .btn-box a.fb_btn {
  width: 71px;
  background-position: -130px 0;
  top: 349px;
  left: 353px;
}
#e2019-13anniversary .tap-wrap .content .content-event5 .btn-box a.fb_btn:hover {
  background-position: -130px -31px;
}
#e2019-13anniversary .popup {
  position: fixed;
  z-index: 21;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: none 
}
#e2019-13anniversary .popup .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 68px;
  height: 68px;
  overflow: hidden;
  text-indent: -10000em 
}
#e2019-13anniversary .popup.popup-01 {
  width: 880px;
  height: 517px;
  background: url(../img/p-990e-65_933ef.jpg?92daeced6f6f1e25c5026cf60b40b9b5) no-repeat top 
}
#e2019-13anniversary .popup.popup-02 {
  width: 880px;
  height: 411px;
  background: url(../img/p-7e3e-96_f1a47.jpg?d761c61289d29c1e2aac5c2fc8d36e91) no-repeat top 
}
#e2019-13anniversary .popup.popup-03 {
  width: 580px;
  height: 470px;
  background: url(../img/p-7c6c-50093121.jpg?5768e5381e1b4172ad34c24ddb836315) no-repeat top 
}
#e2019-13anniversary .popup.popup-04 {
  width: 580px;
  height: 582px;
  background: url(../img/p-e461-372b114b.jpg?148653d0368dc405d0c7df42ab55a45e) no-repeat top 
}
#e2019-13anniversary .dimmed {
  position: fixed;
  z-index: 20;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: none;
  background: rgba(0, 0, 0, .8) 
}