body { background: #dfd0ff; font-family: Malgun Gothic, Dotum, sans-serif; }

body.ofh { overflow: hidden; }

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, select, input, textarea, th, td { margin: 0; padding: 0; }

img { border: none; vertical-align: top; }

ul li, ol li { list-style: none; }

fieldset { border: none; }

table { border-collapse: collapse; }

caption { display: none; }

img, fieldset, button { border: 0; padding: 0; }

button { background: none; }

input, select { vertical-align: middle; }

legend { width: 0; height: 0; font-size: 0; position: absolute; overflow: hidden; }

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

button, input[type="button"], input[type="submit"], input[type="image"] { cursor: pointer; outline: none; font-family: Malgun Gothic, Dotum, sans-serif; }

input, textarea, button, a, select { outline: none; }

.gnbWrapper, .global_wrap { min-width: 1280px !important; }

#wrap { position: relative; overflow: hidden; min-width: 1280px; max-width: 2560px; height: 1350px; margin: 0 auto; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/bg.jpg) no-repeat center 0; }

.blind { overflow: hidden; position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; }

.be_sp, .btn_sp { background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/be_sp.png) no-repeat; }

h1.logo { opacity: 0; position: absolute; top: 10px; left: 15px; z-index: 9999; }

h1.logo a { display: block; width: 82px; height: 98px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/logo.png) no-repeat; text-indent: -9999px; }

ul.util { opacity: 0; position: absolute; top: 20px; right: 25px; z-index: 9999; }

ul.util li { float: left; }

ul.util li a, ul.util li button { display: block; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/be_sp.png) no-repeat; text-indent: -9999px; }

ul.util li.btn_home a { width: 38px; height: 38px; background-position: -22px -208px; }

ul.util li.btn_home a:hover { background-position-y: -292px; }

ul.util li.btn_hide { margin: 0 15px 0 10px; }

ul.util li.btn_hide button { width: 38px; height: 38px; background-position: -70px -208px; }

ul.util li.btn_hide button:hover { background-position-y: -292px; }

ul.util li.btn_start { margin-top: -3px; }

ul.util li.btn_start button { width: 247px; height: 44px; background-position: -123px -205px; }

ul.util li.btn_start button:hover { background-position-y: -289px; }

.main_visual { height: 1350px; }

.mv_inner { position: relative; width: 1280px; height: 1263px; padding-top: 87px; margin: 0 auto; }

.mv_t { background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/mv_t.png) no-repeat; text-indent: -9999px; }

.mv_ic { width: 0; height: 38px; margin-left: 406px; background-position: 0 -260px; }

p.mv_t1 { opacity: 0; width: 467px; height: 23px; margin: 20px auto 0; background-position: 0 -318px; }

p.mv_mt span { display: block; position: absolute; }

p.mv_mt span.mv_mt1 { opacity: 0; top: 210px; left: 406px; width: 252px; height: 252px; background-position: 0 -383px; }

p.mv_mt span.mv_mt2 { opacity: 0; top: 210px; left: 665px; width: 250px; height: 256px; background-position: -259px -383px; }

p.mv_t2 { position: absolute; top: 420px; left: 468px; width: 0; height: 82px; background-position: -62px 0; }

p.mv_t3 { opacity: 0; width: 393px; height: 156px; margin: 366px auto 0; background-position: -36px -704px; }

.cloud_1 { opacity: 0; position: absolute; top: 184px; left: -534px; width: 490px; height: 206px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/cloud_1.png) no-repeat; text-indent: -9999px; }

.cloud_2 { opacity: 0; position: absolute; top: 287px; left: -820px; width: 490px; height: 206px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/cloud_2.png) no-repeat; text-indent: -9999px; }

.cloud_3 { opacity: 0; position: absolute; top: 266px; right: -587px; width: 490px; height: 206px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/cloud_3.png) no-repeat; text-indent: -9999px; }

.cloud_4 { opacity: 0; position: absolute; top: 502px; right: -842px; width: 490px; height: 206px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/cloud_4.png) no-repeat; text-indent: -9999px; }

.mv_c1, .mv_c2 { opacity: 0; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/mv_c.png) no-repeat; }

.mv_c1 { position: absolute; top: 36px; left: -142px; z-index: 1; width: 521px; height: 533px; text-indent: -9999px; transform: translate3d(-100px, 0, 0); }

.mv_c2 { position: absolute; top: 46px; right: -198px; z-index: 1; width: 586px; height: 522px; background-position: -1034px -10px; text-indent: -9999px; transform: translate3d(100px, 0, 0); }

.con_sp { opacity: 0; position: absolute; bottom: 0; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/con_sp.png) no-repeat; }

.column_ls { left: -582px; z-index: 1; width: 422px; height: 642px; background-position: 0 -198px; }

.column_lb { left: -232px; width: 654px; height: 837px; background-position: -513px 0; }

.column_rb { right: -232px; width: 654px; height: 837px; background-position: -1603px 0; }

.column_rs { right: -582px; z-index: 1; width: 422px; height: 557px; background-position: -2340px -280px; }

.obj_b1_l, .obj_b1_r { opacity: 0; position: absolute; width: 70px; height: 70px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/obj_b1.png) no-repeat; }

.obj_b1_l { opacity: 0; top: 492px; left: -266px; }

.obj_a2_s_l, .obj_a2_s_r { opacity: 0; position: absolute; z-index: 1; width: 18px; height: 18px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/obj_a2_s.png) no-repeat; }

.obj_a2_s_l { opacity: 0; top: 1058px; left: -258px; }

.star_1 { opacity: 0; position: absolute; top: 138px; left: 252px; width: 40px; height: 38px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/star_1.png) no-repeat; }

.star_1_s { opacity: 0; position: absolute; top: 184px; left: 290px; width: 11px; height: 11px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/star_1_s.png) no-repeat; }

.obj_a1_l, .obj_a1_r { opacity: 0; position: absolute; width: 120px; height: 120px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/obj_a1.png) no-repeat; }

.obj_a1_l { opacity: 0; top: 726px; left: 288px; }

.obj_b1_r { opacity: 0; top: 122px; right: 250px; }

.obj_b1_s { opacity: 0; position: absolute; top: 118px; right: 226px; width: 14px; height: 14px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/obj_b1_s.png) no-repeat; }

.obj_a2 { opacity: 0; position: absolute; top: 774px; right: -174px; width: 96px; height: 96px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/obj_a2.png) no-repeat; }

.obj_a2_s_r { opacity: 0; top: 780px; right: -196px; }

.obj_a1_r { opacity: 0; top: 1154px; right: 270px; }

.obj_a1_s { opacity: 0; position: absolute; top: 1250px; right: 254px; width: 18px; height: 18px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/obj_a1_s.png) no-repeat; }

.m_tb { opacity: 0; width: 384px; height: 167px; margin: 72px auto 0; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/m_tb.png) no-repeat; text-indent: -9999px; }

.btn_1, .btn_2 { opacity: 0; }

.btn_1 a.be_sp, .btn_2 a.be_sp { display: block; width: 384px; height: 70px; margin: 0 auto; text-indent: -9999px; }

.btn_1 a.be_sp:hover, .btn_2 a.be_sp:hover { background-position-x: -409px; }

.btn_1 { margin: 17px 0 8px 0; }

.btn_1 a.be_sp { background-position: -7px -10px; }

.btn_2 a.be_sp { background-position: -7px -88px; }

.b_cloud_l { opacity: 0; position: absolute; bottom: -49px; left: -675px; z-index: 2; width: 818px; height: 367px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/b_cloud_l.png) no-repeat; transform: translate3d(-100px, 0, 0); }

.b_cloud_r { opacity: 0; position: absolute; bottom: -49px; right: -675px; z-index: 2; width: 818px; height: 367px; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/b_cloud_r.png) no-repeat; transform: translate3d(100px, 0, 0); }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeInLeft { 0% { opacity: 0;
    transform: translate3d(-50px, 0, 0); }
  to { opacity: 1;
    transform: translateZ(0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    transform: translate3d(0, 100px, 0); }
  to { opacity: 1;
    transform: translateZ(0); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    transform: scaleX(1); } }

@keyframes float_t5 { 0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(0, -15px); } }

.i_move .mv_ic { width: 468px; transition-timing-function: ease-out; transition-duration: 0.6s; transition-delay: 0.2s; transition-property: width, transform; }

.i_move p.mv_t1, .i_move p.mv_t3, .i_move .m_tb, .i_move .btn_1, .i_move .btn_2, .i_move .cloud_1, .i_move .cloud_2, .i_move .cloud_3, .i_move .cloud_4, .i_move h1.logo, .i_move .util, .i_move #footer { opacity: 1; animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; }

.i_move p.mv_t1 { animation-delay: 0.5s; }

.i_move span.mv_mt1, .i_move span.mv_mt2 { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInLeft; }

.i_move span.mv_mt1 { animation-delay: 0.7s; }

.i_move span.mv_mt2 { animation-delay: 0.8s; }

.i_move p.mv_t2 { width: 345px; transition-timing-function: ease-out; transition-duration: 0.6s; transition-delay: 1.1s; transition-property: width, transform; }

.i_move p.mv_t3 { animation-delay: 1.3s; }

.i_move .cloud_1 { animation-delay: 2.1s; }

.i_move .cloud_2 { animation-delay: 2.2s; }

.i_move .cloud_3 { animation-delay: 2.3s; }

.i_move .cloud_4 { animation-delay: 2.4s; }

.i_move .mv_c1, .i_move .mv_c2 { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.6s; transition-property: opacity,transform; animation-name: float_t5; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate; }

.i_move .mv_c1 { animation-duration: 5s; transition-delay: 1.8s; animation-delay: 3.1s; }

.i_move .mv_c2 { animation-duration: 5.5s; transition-delay: 2.0s; animation-delay: 3.4s; }

.i_move .con_sp { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInUp; }

.i_move .column_lb { animation-delay: 1.4s; }

.i_move .column_rs { animation-delay: 1.5s; }

.i_move .column_rb { animation-delay: 1.6s; }

.i_move .column_ls { animation-delay: 1.7s; }

.i_move .obj_b1_l, .i_move .obj_a2_s_l, .i_move .star_1, .i_move .star_1_s, .i_move .obj_a1_l, .i_move .obj_b1_r, .i_move .obj_b1_s, .i_move .obj_a2, .i_move .obj_a2_s_r, .i_move .obj_a1_r, .i_move .obj_a1_s { opacity: 1; animation-duration: 1s; animation-fill-mode: both; animation-name: bounceIn; }

.i_move .obj_b1_l { animation-delay: 2.1s; }

.i_move .obj_a2_s_l { animation-delay: 2.2s; }

.i_move .star_1 { animation-delay: 2.3s; }

.i_move .star_1_s { animation-delay: 2.4s; }

.i_move .obj_a1_l { animation-delay: 2.5s; }

.i_move .obj_b1_r { animation-delay: 2.6s; }

.i_move .obj_b1_s { animation-delay: 2.7s; }

.i_move .obj_a2 { animation-delay: 2.8s; }

.i_move .obj_a2_s_r { animation-delay: 2.9s; }

.i_move .obj_a1_r { animation-delay: 3.0s; }

.i_move .obj_a1_s { animation-delay: 3.1s; }

.i_move .m_tb { animation-delay: 2.0s; }

.i_move .btn_1, .i_move .btn_2 { animation-delay: 2.2s; }

.i_move #footer { animation-delay: 2.3s; }

.i_move .b_cloud_l, .i_move .b_cloud_r { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.6s; transition-property: opacity,transform; }

.i_move .b_cloud_l { transition-delay: 2.3s; }

.i_move .b_cloud_r { transition-delay: 2.4s; }

.i_move h1.logo, .i_move .util { animation-delay: 2.5s; }

#footer { opacity: 0; position: absolute; bottom: 50px; left: 0; right: 0; height: 16px; }

#footer .f_inner { width: 1280px; margin: 0 auto; }

#footer .f_inner p.copyright { display: block; width: 342px; height: 16px; margin: 0 auto; background: url(https://lwi.nexon.com/baram/2022/0714_event_F2EB6F24F49D31B0/copyright.png) no-repeat; text-indent: -9999px; }

@media only screen and (max-width: 1600px) { .column_ls { left: -380px; width: 344px; height: 556px; background-position: -218px -2073px; }
  .column_lb { left: -72px; width: 490px; height: 800px; background-position: -690px -1829px; }
  .column_rb { right: -72px; width: 490px; height: 800px; background-position: -1624px -1829px; }
  .column_rs { right: -380px; width: 344px; height: 556px; background-position: -2254px -2073px; }
  .mv_c1 { top: 93px; left: -46px; width: 470px; height: 481px; background-position: -68px -879px; }
  .mv_c2 { top: 102px; right: -99px; width: 529px; height: 471px; background-position: -964px -888px; }
  .obj_b1_l { top: 482px; left: -134px; }
  .star_1 { top: 138px; left: 296px; }
  .star_1_s { top: 184px; left: 328px; }
  .obj_a1_l { top: 648px; left: 328px; }
  .obj_b1_r { top: 112px; right: 260px; }
  .obj_b1_s { top: 108px; right: 236px; }
  .obj_a2 { top: 774px; right: -76px; }
  .obj_a2_s_r { top: 782px; right: -98px; }
  .obj_a1_r { top: 1152px; right: 320px; }
  .obj_a1_s { top: 1250px; right: 304px; } }