@charset "UTF-8";
/* reset */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, input, textarea, select, button, table, em {
  font-family: "S-CoreDream-3Light", "맑은 고딕", "Malgun Gothic", sans-serif;
  font-weight: normal;
  font-size: 16px;
}

header, article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section, ::before, ::after {
  display: block;
  margin: 0;
  padding: 0;
}

img, fieldset {
  border: 0;
  vertical-align: top;
}

ul, ol {
  list-style: none;
}

em, address {
  font-style: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

a:hover, a:active, a:focus {
  text-decoration: none;
}

html {
  min-width: 1263px;
  -webkit-text-size-adjust: none;
}

.blind, legend, caption {
  position: absolute;
  left: -1000%;
  top: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -10000px;
}

button {
  border: 0;
  cursor: pointer;
  vertical-align: top;
  background: transparent;
}

button:focus {
  outline: none;
}

@font-face {
  font-family: "NanumBarunGothic";
  font-style: normal;
  font-weight: 400;
  src: url("https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot");
  src: url("https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff") format("woff"), url("https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf") format("truetype");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-style: normal;
  font-weight: 700;
  src: url("https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot");
  src: url("https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff") format("woff"), url("https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf") format("truetype");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-style: normal;
  font-weight: 300;
  src: url("https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot");
  src: url("https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff") format("woff"), url("https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf") format("truetype");
}
@font-face {
  font-family: "yg-jalnan";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.nanumbarungothic * {
  font-family: "NanumBarunGothic", sans-serif;
}

@font-face {
  font-family: "S-CoreDream-3Light";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "S-CoreDream-5Medium";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.modal_pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
}
.modal_pop .dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.85;
}
.modal_pop .modal_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 754px;
  height: 668px;
  background-color: #fff;
  border-radius: 30px;
  transform: translate(-50%, -50%);
}
.modal_pop .modal_wrap .modal_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.modal_pop .modal_wrap .modal_inner > h3 {
  font-family: "yg-jalnan";
  font-size: 46px;
  color: #383838;
  margin: 33px 0 13px;
}
.modal_pop .modal_wrap .modal_inner > h3 br {
  font-family: "맑은 고딕";
}
.modal_pop .modal_wrap .modal_inner > h3 span {
  color: #6525cb;
}
.modal_pop .modal_wrap .modal_inner > h4 {
  font-family: "yg-jalnan";
  font-size: 32px;
  color: #383838;
  line-height: 38px;
  margin-top: 45px;
}
.modal_pop .modal_wrap .modal_inner > h4 br {
  font-family: "맑은 고딕";
}
.modal_pop .modal_wrap .modal_inner > h4 span {
  color: #6525cb;
}
.modal_pop .modal_wrap .modal_inner .pop_subTitle {
  font-size: 16px;
  font-family: "S-CoreDream-3Light";
  color: #666666;
  margin-top: 12px;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap {
  margin-top: 15px;
  width: 636px;
  font-family: "S-CoreDream-5Medium";
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info {
  border: 1px solid #d2d2d2;
  background-color: #fafafa;
  margin-bottom: 8px;
  min-height: 49px;
  position: relative;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 49px;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info:nth-last-of-type(1) {
  margin-bottom: 0;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info > h5 {
  height: 51px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  background-color: #31135c;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox {
  width: 98px;
  height: 98px;
  border-radius: 50%;
  background-color: rgba(49, 19, 92, 0.15);
  margin: 17px 0 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_0 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_13.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_1 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_12.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_2 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_11.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_3 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_10.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_4 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_2.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_5 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_8.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_6 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_7.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_7 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_9.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_8 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_6.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_9 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_5.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_10 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_4.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_11 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_3.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_12 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_2.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_13 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_14.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_14 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_15.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_15 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_16.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_16 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_17.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox.itemList_17 {
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/item_18.png);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .item_inner .item_imageBox + p {
  font-size: 16px;
  color: #6525cb;
  margin-bottom: 18px;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select {
  position: relative;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select a {
  display: block;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select .default {
  position: relative;
  z-index: 1;
  color: #666666;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select .default span {
  font-family: "S-CoreDream-3Light";
  color: #383838;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select .default:after {
  transition: transform 0.2s ease-out;
  content: "";
  display: block;
  width: 15px;
  height: 8px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_flat.png");
  background-repeat: no-repeat;
  background-position-x: -402px;
  background-position-y: 0;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select .option {
  display: none;
  position: absolute;
  top: 49px;
  left: 0;
  width: 100%;
  background: #fafafa;
  border: 1px solid #d2d2d2;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select .option ul {
  padding: 10px 0;
  box-sizing: border-box;
  position: relative;
  max-height: 114px;
  overflow-y: auto;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select .option ul::-webkit-scrollbar {
  width: 10px;
  background-color: #dedede;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select .option ul::-webkit-scrollbar-track {
  background-color: #dedede;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select .option ul::-webkit-scrollbar-thumb {
  background-color: #31135c;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select .option li {
  line-height: 32px;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select .option li a {
  color: #666666;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select .option li a:hover {
  color: #000;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select.active {
  z-index: 3;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select.active .default:after {
  transform: translateY(-50%) rotate(-180deg);
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .item_info .select.active .option {
  display: block;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .date {
  font-family: "S-CoreDream-3Light";
  color: #383838;
  margin-top: 14px;
}
.modal_pop .modal_wrap .modal_inner .item_info_wrap .date span {
  color: #aa0000;
}
.modal_pop .modal_wrap .pop_closeBox {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 47px;
  width: 100%;
  left: 0;
}
.modal_pop .modal_wrap .pop_closeBox .pop_common_btn {
  font-family: "S-CoreDream-5Medium";
  background-color: #000;
  color: #fff;
  font-size: 18px;
  height: 50px;
  padding: 0 52px;
  margin-right: 10px;
}
.modal_pop .modal_wrap .pop_closeBox .pop_common_btn:nth-last-of-type(1) {
  margin-right: 0;
}
.modal_pop .modal_wrap .pop_closeBox .pop_common_btn.gray {
  background-color: #4c4c4c;
}
.modal_pop .btn_close {
  width: 31px;
  font-size: 0;
  height: 31px;
  position: absolute;
  right: 22px;
  top: 22px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/pop_close.png) center center no-repeat;
}

.point_list_popup .modal_wrap .modal_inner .table_box {
  width: 706px;
  max-height: 401px;
  overflow-y: auto;
}
.point_list_popup .modal_wrap .modal_inner .table_box .mCustomScrollBox:after {
  content: "";
  display: block;
  width: 674px;
  height: 0px;
  left: 0;
  top: calc( 100% - 1px);
  position: absolute;
  border-bottom: 1px solid #e0e0e0;
}
.point_list_popup .modal_wrap .modal_inner .table_box .mCustomScrollBox .mCSB_container {
  overflow: initial;
}
.point_list_popup .modal_wrap .modal_inner .table_box .mCSB_scrollTools .mCSB_dragger_bar {
  width: 10px;
  border-radius: 0;
  background-color: #522b91;
}
.point_list_popup .modal_wrap .modal_inner .table_box .mCSB_scrollTools .mCSB_draggerRail {
  width: 10px;
  border-radius: 0;
}
.point_list_popup .modal_wrap .modal_inner .table_box table.point_table {
  border-collapse: initial;
  width: 100%;
  border: 1px solid #e0e0e0;
  font-size: 16px;
  color: #666666;
  font-family: "S-CoreDream-3Light";
}
.point_list_popup .modal_wrap .modal_inner .table_box table.point_table thead {
  background-color: #31135c;
  position: sticky;
  top: 0;
}
.point_list_popup .modal_wrap .modal_inner .table_box table.point_table thead tr {
  height: 51px;
  font-family: "S-CoreDream-5Medium";
  font-size: 16px;
  color: #fff;
}
.point_list_popup .modal_wrap .modal_inner .table_box table.point_table thead tr th {
  border: 1px solid #5a427d;
}
.point_list_popup .modal_wrap .modal_inner .table_box table.point_table tbody {
  text-align: center;
  background-color: #fafafa;
}
.point_list_popup .modal_wrap .modal_inner .table_box table.point_table tbody tr {
  height: 50px;
}
.point_list_popup .modal_wrap .modal_inner .table_box table.point_table tbody tr.item td:nth-child(2) {
  color: #aa0000;
}
.point_list_popup .modal_wrap .modal_inner .table_box table.point_table tbody tr td {
  border: 1px solid #e0e0e0;
}
.point_list_popup .modal_wrap .modal_inner .table_box table.point_table tbody tr td:nth-child(2) {
  color: #0054aa;
}

@-webkit-keyframes upDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes upDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0px);
  }
}
body {
  background-color: #383838;
}

.header {
  position: absolute;
  width: 100%;
  z-index: 10;
}
.header h1 {
  position: absolute;
  left: 50px;
  top: 33px;
  font-size: 0;
}
.header h1 a {
  display: block;
  width: 168px;
  height: 115px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_flat.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 0;
}
.header .util {
  position: absolute;
  right: 30px;
  top: 46px;
  display: flex;
  height: 54px;
}
.header .util a, .header .util button {
  margin-right: 4px;
}
.header .util a:hover, .header .util button:hover {
  background-position-y: -64px;
}
.header .util .btn_start {
  width: 173px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_all.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 0;
}
.header .util .link_home {
  width: 53px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_all.png");
  background-repeat: no-repeat;
  background-position-x: -177px;
  background-position-y: 0;
}
.header .util .btn_hide {
  width: 53px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_all.png");
  background-repeat: no-repeat;
  background-position-x: -239px;
  background-position-y: 0;
}

.aside {
  position: fixed;
  right: 30px;
  top: 285px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.aside .aside_inner {
  width: 193px;
  height: 291px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/top.png) center center no-repeat;
  font-size: 0;
  position: relative;
}
.aside .aside_inner a {
  display: block;
  width: 136px;
  height: 46px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_all.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -252px;
  position: absolute;
  bottom: 25px;
  left: 28px;
}
.aside .btn_top {
  width: 186px;
  height: 70px;
  font-size: 0;
  display: block;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_top.png) center center no-repeat;
  margin-top: -6px;
}

.container {
  position: relative;
}

.section_wrap {
  overflow: hidden;
}

.section {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.section .section_inner {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 5;
}
.section.section1 {
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/bg_section_1.jpg) center center no-repeat;
}
.section.section1 .section_inner {
  height: 1306px;
}
.section.section1 .cloud_box span {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
}
.section.section1 .cloud_box span:nth-child(1) {
  width: 170px;
  height: 69px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_flat.png");
  background-repeat: no-repeat;
  background-position-x: -232px;
  background-position-y: -294px;
  top: 71px;
  margin-left: -379px;
}
.section.section1 .cloud_box span:nth-child(2) {
  width: 232px;
  height: 95px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_flat.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -176px;
  top: 516px;
  margin-left: -844px;
}
.section.section1 .cloud_box span:nth-child(3) {
  width: 179px;
  height: 84px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_flat.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -294px;
  top: 891px;
  margin-left: -701px;
}
.section.section1 .cloud_box span:nth-child(4) {
  width: 201px;
  height: 93px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_flat.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -401px;
  top: 510px;
  margin-left: 477px;
}
.section.section1 .cloud_box span:nth-child(5) {
  width: 232px;
  height: 95px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_flat.png");
  background-repeat: no-repeat;
  background-position-x: -232px;
  background-position-y: -176px;
  top: 719px;
  margin-left: 642px;
}
.section.section1 .icon_box span {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-animation: upDown 3000ms infinite ease-in-out;
          animation: upDown 3000ms infinite ease-in-out;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.section.section1 .icon_box span:nth-child(1) {
  width: 135px;
  height: 151px;
  top: 279px;
  margin-left: -752px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_gift.png) center center no-repeat;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}
.section.section1 .icon_box span:nth-child(2) {
  width: 147px;
  height: 153px;
  top: 113px;
  margin-left: 503px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_bomb.png) center center no-repeat;
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}
.section.section1 .icon_box span:nth-child(3) {
  width: 141px;
  height: 142px;
  top: 671px;
  margin-left: -591px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_plus.png) center center no-repeat;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
.section.section1 .icon_box span:nth-child(4) {
  width: 130px;
  height: 143px;
  top: 811px;
  margin-left: 429px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_can.png) center center no-repeat;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
.section.section1 .main_textBox {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section.section1 .main_textBox .main_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 148px 0 20px;
}
.section.section1 .main_textBox .main_title span {
  margin-bottom: 6px;
}
.section.section1 .main_textBox .main_title .star {
  display: block;
  width: 86px;
  height: 92px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_flat.png");
  background-repeat: no-repeat;
  background-position-x: -294px;
  background-position-y: 0;
  position: absolute;
  left: -60px;
  top: 42px;
}
.section.section1 .main_textBox .main_list {
  margin-top: 20px;
  width: 689px;
  height: 128px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/main_date.png) center center no-repeat;
  font-size: 0;
}
.section.section1 .main_charBox {
  position: absolute;
  bottom: -337px;
  left: 50%;
  transform: translateX(-50%);
  height: 741px;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.section.section1 .main_charBox .char {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
}
.section.section1 .main_charBox .char.char_1 {
  width: 518px;
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/main_char1.png);
  height: 100%;
  background-position-y: 64px;
  top: 0;
  margin-left: -373px;
  z-index: 6;
}
.section.section1 .main_charBox .char.char_2 {
  width: 530px;
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/main_char2.png);
  height: 100%;
  background-position-y: 43px;
  top: 0px;
  margin-left: -132px;
  z-index: 5;
}
.section.section1 .main_charBox .char.char_3 {
  width: 362px;
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/main_char3.png);
  height: 100%;
  background-position-y: 196px;
  margin-left: -530px;
  z-index: 4;
}
.section.section1 .main_charBox .char.char_4 {
  width: 362px;
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/main_char4.png);
  height: 100%;
  background-position-y: 143px;
  margin-left: 208px;
  z-index: 3;
}
.section.section1 .main_charBox .char.char_5 {
  width: 323px;
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/main_char5.png);
  height: 100%;
  background-position-y: 188px;
  margin-left: -696px;
  z-index: 2;
}
.section.section1 .main_charBox .char.char_6 {
  width: 352px;
  background-image: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/main_char6.png);
  height: 100%;
  background-position-y: 163px;
  margin-left: 398px;
  z-index: 1;
}
.section.section1 .main_charBox .char.char_6 .bubble {
  display: block;
  font-size: 0;
  position: absolute;
  right: -22px;
  top: 0;
  width: 213px;
  height: 224px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/main_char_bubble.png) center center no-repeat;
}
.section.section2 {
  height: 1933px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/bg_section_2.jpg) center center no-repeat;
}
.section.section2 .section_title {
  margin-top: 367px;
}
.section.section2 .event_step {
  margin-top: 51px;
  width: 1612px;
  height: 336px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/cont2_1.png) center center no-repeat;
  position: relative;
}
.section.section2 .event_step .ca_link {
  font-size: 0;
  display: block;
  width: 194px;
  height: 66px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_all.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -606px;
  top: 190px;
  left: 216px;
  position: absolute;
}
.section.section2 .event_step .ca_link:hover {
  background-position-x: -194px;
}
.section.section2 .event_step .step {
  font-size: 0;
}
.section.section2 .step_info {
  margin: 20px 0;
  font-size: 0;
  width: 1293px;
  height: 206px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/cont2_2.png) center center no-repeat;
  position: relative;
}
.section.section2 .step_info .email_id {
  font-size: 0;
  display: block;
  width: 130px;
  height: 28px;
  position: absolute;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_all.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -700px;
  top: 23px;
  right: 76px;
}
.section.section2 .step_info .email_id:hover {
  background-position-x: -130px;
}
.section.section2 .info_etc {
  font-family: "S-CoreDream-3Light";
  font-size: 22px;
  color: #fff;
}
.section.section2 .info_etc span {
  color: #00ffea;
}
.section.section2 .mission_info {
  margin-top: 27px;
  width: 1293px;
  height: 136px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/cont2_3.png) center center no-repeat;
}
.section.section2 .point_list {
  margin-top: 36px;
  width: 1313px;
  height: 295px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/cont2_4.png) center center no-repeat;
}
.section.section2 .sec2_icon {
  position: absolute;
  width: 100%;
  z-index: 5;
  left: 0;
  top: 0;
}
.section.section2 .sec2_icon span {
  display: block;
  position: absolute;
  left: 50%;
}
.section.section2 .sec2_icon span.ball1 {
  width: 125px;
  height: 136px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_ball_1.png) center center no-repeat;
  margin-left: 742px;
  top: 873px;
}
.section.section2 .sec2_icon span.char1 {
  width: 518px;
  height: 432px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_char1.png) center center no-repeat;
  margin-left: 467px;
  top: 1006px;
}
.section.section2 .sec2_icon span.ball2 {
  width: 133px;
  height: 144px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_ball_2.png) center center no-repeat;
  margin-left: -1000px;
  top: 1359px;
}
.section.section2 .sec2_icon span.dragon {
  width: 619px;
  height: 641px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_dragon.png) center center no-repeat;
  margin-left: -1163px;
  top: 1557px;
}
.section.section3 {
  height: 3402px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/bg_section_3.jpg) center center no-repeat;
}
.section.section3 .sec3_subTitle {
  margin: 112px 0 27px;
}
.section.section3 .mypoint {
  border: 3px solid #d100b1;
  background-color: #31135c;
  box-sizing: border-box;
  width: 1293px;
  height: 496px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section.section3 .mypoint > h3 {
  margin: 31px 0 28px;
}
.section.section3 .mypoint .point_info {
  width: 1194px;
  margin-bottom: 38px;
}
.section.section3 .mypoint .point_info .info_loginText {
  background-color: #d100b1;
  display: flex;
  height: 81px;
  align-items: center;
  border-radius: 30px;
  justify-content: center;
  font-family: "yg-jalnan";
  font-size: 30px;
  color: #ffc5f6;
}
.section.section3 .mypoint .point_info .info_loginText span {
  color: #fff;
}
.section.section3 .mypoint .point_info ul.point_view {
  display: flex;
  background-color: #d100b1;
  height: 81px;
  align-items: center;
  border-radius: 30px;
  padding: 0 8px;
  box-sizing: border-box;
}
.section.section3 .mypoint .point_info ul.point_view li {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  padding: 0 22px;
  box-sizing: border-box;
  position: relative;
}
.section.section3 .mypoint .point_info ul.point_view li:after {
  content: "";
  display: block;
  width: 1px;
  height: 28px;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.section.section3 .mypoint .point_info ul.point_view li:nth-last-of-type(1):after {
  display: none;
}
.section.section3 .mypoint .point_info ul.point_view li:nth-last-of-type(1) .point_text {
  color: #00ffea;
}
.section.section3 .mypoint .point_info ul.point_view li h4 {
  margin-right: 9px;
  display: flex;
  align-items: center;
}
.section.section3 .mypoint .point_info ul.point_view li .point_text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  background-color: #6b005b;
  border-radius: 24px;
  font-family: "NanumBarunGothic";
  font-weight: 700;
  color: #fff;
  border: 0;
  text-align: center;
  outline: 0;
  width: 152px;
  font-size: 24px;
}
.section.section3 .mypoint .point_info ul.point_view li .btn_point_popup {
  width: 148px;
  height: 48px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_all.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -324px;
  margin-left: 7px;
}
.section.section3 .mypoint .point_info ul.point_view li .btn_point_popup:hover {
  background-position-x: -148px;
}
.section.section3 .mypoint .point_info ul.point_notice {
  font-size: 19px;
  font-family: "S-CoreDream-3Light";
  color: #d3b5ff;
  line-height: 34px;
  margin-left: 11px;
  margin-top: 31px;
}
.section.section3 .mypoint .point_info ul.point_notice li {
  position: relative;
  padding-left: 17px;
}
.section.section3 .mypoint .point_info ul.point_notice li:before {
  content: "";
  display: block;
  left: 0;
  top: 15px;
  width: 4px;
  height: 4px;
  background-color: #d3b5ff;
  position: absolute;
  border-radius: 50%;
}
.section.section3 .mypoint .point_info ul.point_notice li span {
  font-family: "S-CoreDream-5Medium";
  color: #ffde00;
}
.section.section3 .list_box {
  width: 1292px;
  height: 1534px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/list_bg.png) center center no-repeat;
  margin-top: 60px;
}
.section.section3 .list_box > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: space-between;
  height: 100%;
}
.section.section3 .list_box > ul > li {
  width: 414px;
  height: 356px;
  font-size: 0;
  position: relative;
}
.section.section3 .list_box > ul > li.sm {
  width: 306px;
  height: 366px;
}
.section.section3 .list_box > ul > li .btn_item {
  width: 204px;
  height: 58px;
  position: absolute;
  bottom: 27px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_all.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -400px;
}
.section.section3 .list_box > ul > li .btn_item:hover {
  background-position-x: -204px;
}
.section.section3 .list_box > ul > li .btn_item:disabled {
  cursor: auto;
  background-position-x: -408px;
}
.section.section3 .list_box > ul > li .info_box {
  position: absolute;
  right: 16px;
  top: 77px;
}
.section.section3 .list_box > ul > li .info_box > i {
  font-size: 0;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_all.png");
  background-repeat: no-repeat;
  background-position-x: -612px;
  background-position-y: -400px;
}
.section.section3 .list_box > ul > li .info_box > i:hover + .info_pop {
  opacity: 1;
  z-index: 5;
}
.section.section3 .list_box > ul > li .info_box .info_pop {
  transition: all 0.1s ease-out;
  width: 392px;
  min-height: 222px;
  border: 4px solid #d100b1;
  border-radius: 35px;
  background-color: #fff;
  position: absolute;
  bottom: 33px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  color: #383838;
  opacity: 0;
  z-index: -1;
}
.section.section3 .list_box > ul > li .info_box .info_pop h4 {
  font-size: 20px;
  font-family: "yg-jalnan";
  margin: 19px 0 12px;
}
.section.section3 .list_box > ul > li .info_box .info_pop .info_popInner {
  display: flex;
  width: 320px;
  height: 130px;
  border: 1px solid #d2d2d2;
  word-break: keep-all;
  text-align: center;
  font-size: 16px;
  font-family: "S-CoreDream-3Light";
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 30px;
  background-color: #fafafa;
  flex-direction: column;
  justify-content: center;
}
.section.section3 .list_box > ul > li .info_box .info_pop .info_popInner.view_long {
  height: auto;
  min-height: 130px;
}
.section.section3 .list_box > ul > li .info_box .info_pop .info_popInner .char_boxWrap {
  margin: 6px 0;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.section3 .list_box > ul > li .info_box .info_pop .info_popInner .char_boxWrap .char_box_list {
  height: 81px;
  display: flex;
  padding-left: 84px;
  flex-direction: column;
  justify-content: center;
  margin: 6px 0;
}
.section.section3 .list_box > ul > li .info_box .info_pop .info_popInner .char_boxWrap .char_box_list:nth-of-type(1) {
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/pop_char1.png) left center no-repeat;
}
.section.section3 .list_box > ul > li .info_box .info_pop .info_popInner .char_boxWrap .char_box_list:nth-of-type(2) {
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/pop_char2.png) left center no-repeat;
}
.section.section3 .list_box > ul > li .info_box .info_pop .info_popInner .char_boxWrap .char_box_list li {
  margin-bottom: 22px;
}
.section.section3 .list_box > ul > li .info_box .info_pop .info_popInner .char_boxWrap .char_box_list li:nth-last-child(1) {
  margin-bottom: 0;
}
.section.section3 .list_box2 {
  width: 1292px;
  height: 366px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/list2_bg.png) center center no-repeat;
  margin-top: 40px;
}
.section.section3 .list_box2 > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: space-between;
  height: 100%;
}
.section.section3 .list_box2 > ul > li {
  width: 414px;
  height: 356px;
  font-size: 0;
  position: relative;
}
.section.section3 .list_box2 > ul > li.sm {
  width: 306px;
  height: 366px;
}
.section.section3 .list_box2 > ul > li .btn_item {
  width: 204px;
  height: 58px;
  position: absolute;
  bottom: 27px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_all.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -400px;
}
.section.section3 .list_box2 > ul > li .btn_item:hover {
  background-position-x: -204px;
}
.section.section3 .list_box2 > ul > li .btn_item:disabled {
  cursor: auto;
  background-position-x: -408px;
}
.section.section3 .list_box2 > ul > li .info_box {
  position: absolute;
  right: 16px;
  top: 77px;
}
.section.section3 .list_box2 > ul > li .info_box > i {
  font-size: 0;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_all.png");
  background-repeat: no-repeat;
  background-position-x: -612px;
  background-position-y: -400px;
}
.section.section3 .list_box2 > ul > li .info_box > i:hover + .info_pop {
  opacity: 1;
  z-index: 5;
}
.section.section3 .list_box2 > ul > li .info_box .info_pop {
  transition: all 0.1s ease-out;
  width: 392px;
  min-height: 222px;
  border: 4px solid #d100b1;
  border-radius: 35px;
  background-color: #fff;
  position: absolute;
  bottom: 33px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  color: #383838;
  opacity: 0;
  z-index: -1;
}
.section.section3 .list_box2 > ul > li .info_box .info_pop h4 {
  font-size: 20px;
  font-family: "yg-jalnan";
  margin: 19px 0 12px;
}
.section.section3 .list_box2 > ul > li .info_box .info_pop .info_popInner {
  display: flex;
  width: 320px;
  height: 130px;
  border: 1px solid #d2d2d2;
  word-break: keep-all;
  text-align: center;
  font-size: 16px;
  font-family: "S-CoreDream-3Light";
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 30px;
  background-color: #fafafa;
  flex-direction: column;
  justify-content: center;
}
.section.section3 .list_box2 > ul > li .info_box .info_pop .info_popInner.view_long {
  height: auto;
  min-height: 130px;
}
.section.section3 .list_box2 > ul > li .info_box .info_pop .info_popInner .char_boxWrap {
  margin: 6px 0;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.section3 .list_box2 > ul > li .info_box .info_pop .info_popInner .char_boxWrap .char_box_list {
  height: 81px;
  display: flex;
  padding-left: 84px;
  flex-direction: column;
  justify-content: center;
  margin: 6px 0;
}
.section.section3 .list_box2 > ul > li .info_box .info_pop .info_popInner .char_boxWrap .char_box_list:nth-of-type(1) {
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/pop_char1.png) left center no-repeat;
}
.section.section3 .list_box2 > ul > li .info_box .info_pop .info_popInner .char_boxWrap .char_box_list:nth-of-type(2) {
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/pop_char2.png) left center no-repeat;
}
.section.section3 .list_box2 > ul > li .info_box .info_pop .info_popInner .char_boxWrap .char_box_list li {
  margin-bottom: 22px;
}
.section.section3 .list_box2 > ul > li .info_box .info_pop .info_popInner .char_boxWrap .char_box_list li:nth-last-child(1) {
  margin-bottom: 0;
}
.section.section3 .item_go {
  display: block;
  width: 434px;
  height: 92px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/btn_all.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -486px;
  margin-top: 44px;
}
.section.section3 .item_go:hover {
  background-position-x: -434px;
}
.section.section3 .sec3_icon {
  position: absolute;
  width: 100%;
  z-index: 5;
  left: 0;
  top: 0;
}
.section.section3 .sec3_icon span {
  display: block;
  position: absolute;
  left: 50%;
}
.section.section3 .sec3_icon span.star1 {
  width: 99px;
  height: 103px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_flat.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -540px;
  margin-left: 607px;
  top: 225px;
}
.section.section3 .sec3_icon span.star2 {
  width: 131px;
  height: 92px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_flat.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -666px;
  margin-left: -844px;
  top: 865px;
}
.section.section3 .sec3_icon span.star3 {
  width: 182px;
  height: 168px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_flat.png");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: -758px;
  margin-left: 685px;
  top: 1468px;
}
.section.section3 .sec3_icon span.star4 {
  width: 136px;
  height: 171px;
  display: block;
  text-indent: -9999px;
  background-image: url("https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_flat.png");
  background-repeat: no-repeat;
  background-position-x: -246px;
  background-position-y: -540px;
  margin-left: -871px;
  top: 2054px;
}
.section.section3 .sec3_icon span.ball3 {
  width: 133px;
  height: 144px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_ball_3.png) center center no-repeat;
  margin-left: 761px;
  top: 423px;
}
.section.section3 .sec3_icon span.ball4 {
  width: 134px;
  height: 144px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_ball_4.png) center center no-repeat;
  margin-left: -815px;
  top: 1045px;
}
.section.section3 .sec3_icon span.char4 {
  width: 367px;
  height: 456px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_char4.png) center center no-repeat;
  margin-left: 693px;
  top: 1712px;
}
.section.section3 .sec3_icon span.char2 {
  width: 390px;
  height: 467px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_char2.png) center center no-repeat;
  margin-left: 531px;
  top: 611px;
}
.section.section3 .sec3_asideIcon {
  position: absolute;
  width: 100%;
  z-index: 5;
  left: 0;
  top: 0;
}
.section.section3 .sec3_asideIcon span {
  display: block;
  position: absolute;
  left: 50%;
}
.section.section3 .sec3_asideIcon span.char3 {
  width: 411px;
  height: 472px;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/icon_char3.png) center center no-repeat;
  margin-left: -1002px;
  top: 1253px;
}

.add_title {
  margin-top: 50px;
}

.footer {
  font-size: 0;
  background: url(https://lwi.nexon.com/baram/2021/1125_collabo_D7B91343C8828783/footer.png) center center no-repeat;
  background-color: #1d1031;
  height: 119px;
  position: absolute;
  bottom: 0;
  width: 100%;
}