@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');

* {
  -webkit-text-size-adjust: none;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  background: #000;
  position: initial;
  overflow: initial;
}

h1,
h2,
h3,
h4,
p,
ul,
li {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

img {
  border: none;
}

a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

a:hover {
  text-decoration: none;
}

button {
  outline: none;
  border: 0;
}

.wrapper {
  position: relative;
  min-width: 1100px;
  overflow: hidden;
  margin-top: 40px;
}

.header h1,
.header h2,
.header h3,
.header p,
.section-inner {
  text-indent: -99999px;
}

.goHome,
.share,
.goEvent,
.btn-home {
  text-indent: -9999px;
}

.ir {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

.inner {
  position: relative;
  margin: 0 auto;
  width: 1100px;
}

.mob .wrapper {
  min-width: auto;
  margin-top: 71px;
}

.mob .inner {
  width: 100%;
}

/* header */
.header {
  position: relative;
  height: 1300px;
  background: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/bg_header.webp") no-repeat 50% 0;
  /*overflow:hidden;*/
}

.header .inner {
  position: relative;
  margin: 0 auto;
}

.header .title,
.header .stitle,
.header .date {
  height: 0;
}

#content .header .inner {
  text-indent: 101%;
  overflow: hidden;
  white-space: nowrap;
  height: 100%;
}

#content .header .fixObj {
  white-space: normal;
  text-indent: 0;
}

#content .header .fixObj .bnsLogo {
  margin-left: -500px;
  top: 20px;
  width: auto;
}

#content .header .fixObj .bnsLogo a {
  margin-top: 0;
  /*filter: drop-shadow(0px 0px 10px #000000);*/
  background: url(//image.tw.ncsoft.com/bns/official/event/logo_neo.webp);
  width: 260px;
  height: 80px;
}
#content .header .fixObj .bnsLogo.logoW a {
  background-image:url(//image.tw.ncsoft.com/bns/official/event/logo_neo_w.webp);
}

#content ul.snsList{
  top: 20px;
}

.header .inner a,
.section a {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.header .inner a:hover,
.section a:hover {
  -webkit-filter: contrast(150%);
  filter: contrast(150%);
}

.mob .header {
  height: calc(1300px / 2);
  background-image: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/m/bg_header.webp");
  background-size: cover;
}

.mob .header:before {
  display: none;
  opacity: 0;
}

.mob #content .header .inner {
  width: 100%;
  max-width: 375px;
}

.mob #content .header .fixObj .bnsLogo {
  top: 0px;
  left: 0px;
  margin-left: 0px;
}

.mob #content .header .fixObj .bnsLogo a {
  width: 130px;
  height: 40px;
  margin-top: 10px;
  margin-left: 10px;
  background-size: cover;
}

.mob #content .header .snsList {
  width: 127px;
  top: 10px;
  right: 10px;
}

.mob #content .header .snsList li {
  font-size: 0.8rem;
}

.mob #content .header .snsList li:not(.fbShare) {
  float: right;
}

.mob #content .header .snsList li a {
  padding: 0;
  min-width: 90px;
}

.mob #content .header .snsList li a.facebook {
  min-width: auto;
  margin-left: 0px;
}

.mob .header .inner a,
.mob .section a {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

/* item list */
.section [class*="btn"] {
  position: absolute;
  /*display:block;*/
  width: 77px;
  height: 28px;
}

.section [class*="item-list"] {
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  width: 820px;
}

.section [class*="item-list"] li {
  position: relative;
  width: 256px;
  height: 54px;
  margin: 162px 11px 0px 0px;
  float: left;
}

.section [class*="item-list"] li a {
  display: block;
  position: absolute;
  text-indent: -9999px;
}

.section [class*="item-list"] li .preview,
.section [class*="item-list"] li .tooltip {
  width: 41px;
  height: 41px;
  position: absolute;
  left: 50%;
  background: none;
  z-index: 10;
  top: auto;
  bottom: 10px;
  right: 10px;
  left: auto;
  margin: auto;
}

.section [class*="item-list"] li .modal,
.section [class*="item-list"] li .youtube,
.section [class*="item-list"] li .link {
  width: 41px;
  height: 41px;
  background: none;
  top: auto;
  bottom: 10px;
  right: 10px;
  left: auto;
  margin: auto;
}


/* section */
.section{position:relative; }
#section1 {
  height: 3000px;
  background: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/bg_section1.webp") no-repeat 50% 0;
}
#section2 {
  height: 3250px;
  background: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/bg_section2.webp?v=20260521") no-repeat 50% 0;
}
#section3 {
  height: 3450px;
  background: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/bg_section3.webp") no-repeat 50% 0;
}
#section4 {
  height: 3030px;
  background: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/bg_section4.webp") no-repeat 50% 0;
}
#section5 {
  height: 3950px;
  background: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/bg_section5.webp") no-repeat 50% 0;
}

#section6 {
  height: 4200px;
  background: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/bg_section6.webp?v=20260520") no-repeat 50% 0;
}
#section7 {
  height: 2900px;
  background: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/bg_section7.webp") no-repeat 50% 0;
}
#section8 {
  height: 2100px;
  background: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/bg_section8.webp") no-repeat 50% 0;
}


.mob #section1 {
  height: calc(2800px / 2);
  background-image: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/m/bg_section1.webp");
  background-size: 375px 100%;
}
.mob #section2 {
  height: calc(3540px / 2);
  background-image: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/m/bg_section2.webp?v=20260521");
  background-size: 375px 100%;
}
.mob #section3 {
  height: calc(3480px / 2);
  background-image: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/m/bg_section3.webp");
  background-size: 375px 100%;
}
.mob #section4 {
  height: calc(3100px / 2);
  background-image: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/m/bg_section4.webp");
  background-size: 375px 100%;
}
.mob #section5 {
  height: calc(3600px / 2);
  background-image: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/m/bg_section5.webp");
  background-size: 375px 100%;
}

.mob #section6 {
  height: calc(4300px / 2);
  background-image: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/m/bg_section6.webp?v=20260520");
  background-size: 375px 100%;
}

.mob #section7 {
  height: calc(2900px / 2);
  background-image: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/m/bg_section7.webp");
  background-size: 375px 100%;
}

.mob #section8 {
  height: calc(2000px / 2);
  background-image: url("https://image.tw.ncsoft.com/bns/official/preview/260527_update/m/bg_section8.webp");
  background-size: 375px 100%;
}



@media screen and (max-width:640px) {
  .mob .bottom-footer .bottom-footer__inner .bottom-footer__rating {
    width: 300px;
  }
}

@media screen and (max-width:360px) {
  .mob .bottom-footer .bottom-footer__inner .bottom-footer__rating {
    width: 270px;
  }
}


@media screen and (max-width:1099px) {
  body {
    width: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    max-width: 1100px;
  }

  body.mob {
    width: auto;
    max-width: none;
  }
}

/* modal */
/*body #modal-wrap{box-shadow:none;}
body #modal-contents{background:none;}*/

/* animation */
@-webkit-keyframes fade {
  50% {
    opacity: 1;
  }
}

@keyframes fade {
  50% {
    opacity: 1;
  }
}



#nctGnb {
  display: block;
}

#content #topBtn{z-index:100;}

@media screen and (max-width: 1099px) {
  body {
    width: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    max-width: 1100px;
  }

  body.mob {
    width: auto;
    min-width: auto;
    max-width: none;
  }
}