body { background: #e2e2e2; 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; margin: 0 auto; }

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

.bem_sp, .btn_sp { background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/bem_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/0721_event_1BEF19C45A586089/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/0721_event_1BEF19C45A586089/bem_sp.png) no-repeat; text-indent: -9999px; }

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

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

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

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

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

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

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

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

.main_visual { height: 2275px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/mv_bg.jpg) no-repeat center 0; }

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

.smoke_l1 { position: absolute; bottom: 1883px; left: -938px; width: 1297px; height: 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/smoke_l1.png) no-repeat bottom; }

.smoke_l2 { position: absolute; bottom: 1143px; left: -743px; width: 1031px; height: 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/smoke_l2.png) no-repeat bottom; }

.smoke_r1 { position: absolute; bottom: 1853px; right: -831px; width: 969px; height: 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/smoke_r1.png) no-repeat bottom; }

.smoke_r2 { position: absolute; bottom: 1149px; right: -1015px; width: 1543px; height: 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/smoke_r2.png) no-repeat bottom; }

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

.mv_tt { opacity: 0; width: 757px; height: 144px; margin: 0 auto; background-position: -62px 0; }

.mv_tm { width: 823px; margin: 27px auto 0; }

.mv_tm::after { display: block; content: ''; clear: both; }

.mv_tm span { display: block; float: left; opacity: 0; }

.mv_tm span.mv_tm1 { width: 357px; height: 164px; background-position: -30px -171px; }

.mv_tm span.mv_tm2 { width: 466px; height: 164px; background-position: -388px -171px; }

.mv_tb { width: 0; height: 54px; margin-left: 198px; background-position: 0 -335px; }

p.mv_ts { opacity: 0; width: 612px; height: 76px; margin: 26px auto 0; background-position: -132px -415px; }

.mv_video { opacity: 0; position: relative; z-index: 3; width: 953px; height: 536px; margin: 20px auto 0; background: #3d3d3d; border: 3px solid #000; }

.video_shadow { position: absolute; top: 1052px; left: 0; right: 0; width: 1176px; height: 115px; margin: 0 auto; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/video_shadow.png) no-repeat; }

.mv_c1 { opacity: 0; position: absolute; top: 604px; left: -224px; z-index: 2; width: 407px; height: 572px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/mv_c1.png) no-repeat; transform: translate3d(-100px, 0, 0); }

.mv_c2 { opacity: 0; position: absolute; top: 594px; right: -227px; z-index: 2; width: 431px; height: 582px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/mv_c2.png) no-repeat; transform: translate3d(100px, 0, 0); }

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

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

@keyframes pulse { 0% { opacity: 0;
    transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  to { opacity: 1;
    transform: scaleX(1); } }

.i_move .smoke_l1, .i_move .smoke_l2, .i_move .smoke_r1, .i_move .smoke_r2 { transition-timing-function: ease-out; transition-duration: 1s; transition-property: height; }

.i_move .smoke_l1 { height: 710px; transition-delay: 0.4s; }

.i_move .smoke_l2 { height: 1234px; transition-delay: 0.2s; }

.i_move .smoke_r1 { height: 661px; transition-delay: 0.6s; }

.i_move .smoke_r2 { height: 1280px; transition-delay: 0.4s; }

.i_move .mv_tt { animation-name: fadeInDown; animation-fill-mode: both; animation-duration: 1s; animation-delay: 0.8s; }

.i_move .mv_tm span.mv_t { animation-name: pulse; animation-fill-mode: both; animation-duration: 1s; }

.i_move .mv_tm span.mv_t.mv_tm1 { animation-delay: 1.1s; }

.i_move .mv_tm span.mv_t.mv_tm2 { animation-delay: 1.3s; }

.i_move .mv_tb { width: 884px; transition-timing-function: ease-out; transition-duration: 0.8s; transition-delay: 1.6s; transition-property: width; }

.i_move p.mv_ts, .i_move .mv_video, .i_move h1.logo, .i_move .util { animation-name: fadeIn; animation-fill-mode: both; animation-duration: 1s; }

.i_move p.mv_ts { animation-delay: 1.9s; }

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

.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; }

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

.i_move .mv_c2 { transition-delay: 2.5s; }

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

.mbp_wrap { opacity: 0; position: relative; z-index: 1; width: 1454px; height: 624px; margin: -40px 0 0 -78px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/mv_btn_paper_bg.png) no-repeat 0 186px; }

ul.mv_btn_paper { width: 1141px; height: 511px; margin-left: 148px; }

ul.mv_btn_paper li { float: left; }

ul.mv_btn_paper li a { display: block; text-indent: -9999px; }

ul.mv_btn_paper li.mbp_1 a { width: 383px; height: 263px; background-position: -388px -932px; }

ul.mv_btn_paper li.mbp_1 a:hover { background-position-y: -1556px; }

ul.mv_btn_paper li.mbp_2 a { width: 374px; height: 263px; background-position: -771px -932px; }

ul.mv_btn_paper li.mbp_2 a:hover { background-position-y: -1556px; }

ul.mv_btn_paper li.mbp_3 a { width: 384px; height: 263px; background-position: -1145px -932px; }

ul.mv_btn_paper li.mbp_3 a:hover { background-position-y: -1556px; }

ul.mv_btn_paper li.mbp_4 a { width: 383px; height: 248px; background-position: -388px -1195px; }

ul.mv_btn_paper li.mbp_4 a:hover { background-position-y: -1819px; }

ul.mv_btn_paper li.mbp_5 a { width: 374px; height: 248px; background-position: -771px -1195px; }

ul.mv_btn_paper li.mbp_5 a:hover { background-position-y: -1819px; }

ul.mv_btn_paper li.mbp_6 a { width: 384px; height: 248px; background-position: -1145px -1195px; }

ul.mv_btn_paper li.mbp_6 a:hover { background-position-y: -1819px; }

.coming_soon { width: 1560px; height: 856px; margin: -453px 0 0 -145px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/coming_soon.png) no-repeat; }

.bem_ft { opacity: 0; width: 523px; height: 145px; margin: 38px auto 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/bem_ft.png) no-repeat; }

.c1_line { height: 2668px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/bg_1.jpg) no-repeat center 0; }

.c1_inner { position: relative; width: 1280px; height: 2603px; padding-top: 65px; margin: 0 auto; }

.c1_t { width: 732px; height: 144px; margin: 0 auto; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c1_t.png) no-repeat; }

.c1_g { width: 1053px; height: 555px; margin: 34px auto 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c1_g.png) no-repeat; }

.c1_c { position: absolute; top: 394px; left: -230px; width: 1736px; height: 1937px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c1_c.png) no-repeat; }

.c1_gb { position: relative; z-index: 1; width: 1255px; height: 1110px; margin: 568px auto 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c1_gb.png) no-repeat; }

.c1_gb .c1_gif1 { position: absolute; top: 131px; left: 124px; width: 484px; height: 400px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c1_gif1.gif) no-repeat; }

.c1_gb .c1_gif2 { position: absolute; top: 131px; left: 647px; width: 484px; height: 400px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c1_gif2.gif) no-repeat; }

.c1_gb .c1_gif3 { position: absolute; top: 586px; left: 124px; width: 484px; height: 400px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c1_gif3.gif) no-repeat; }

.c1_gb .c1_gif4 { position: absolute; top: 586px; left: 647px; width: 484px; height: 400px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c1_gif4.gif) no-repeat; }

.c1_btn { opacity: 0; margin-top: 5px; }

.c1_btn a.bem_sp { display: block; width: 530px; height: 100px; margin: 0 auto; background-position: -642px -102px; text-indent: -9999px; }

.c1_btn a.bem_sp:hover { background-position-x: -1210px; }

.c2_line { height: 2085px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/bg_2.jpg) no-repeat center 0; }

.c2_inner { position: relative; width: 1280px; height: 1992px; padding-top: 93px; margin: 0 auto; }

.c2_t { width: 856px; height: 239px; margin: 0 auto; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c2_t.png) no-repeat; }

.c2_g { width: 940px; height: 323px; margin: 34px 0 0 113px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c2_g.png) no-repeat; }

.c2_vd_b { position: relative; z-index: 1; width: 1255px; height: 1186px; margin: 18px auto 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c2_vd_b.png) no-repeat; }

.c2_vd_b .c2_vd1 { position: absolute; top: 680px; left: 124px; }

.c2_vd_b .c2_vd1 video { width: 485px; height: 364px; }

.c2_vd_b .c2_vd2 { position: absolute; top: 680px; left: 647px; }

.c2_vd_b .c2_vd2 video { width: 485px; height: 364px; }

.c2_c { position: absolute; top: 39px; right: -640px; width: 1064px; height: 1723px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c2_c.png) no-repeat; }

.c2_btn { opacity: 0; margin-top: 5px; }

.c2_btn a.bem_sp { display: block; width: 530px; height: 100px; margin: 0 auto; background-position: -642px -214px; text-indent: -9999px; }

.c2_btn a.bem_sp:hover { background-position-x: -1210px; }

.c3_line { height: 2066px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/bg_3.jpg) no-repeat center 0; }

.c3_inner { width: 1280px; height: 1972px; padding-top: 94px; margin: 0 auto; }

.c3_t { width: 856px; height: 239px; margin: 0 auto; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c3_t.png) no-repeat; }

.c3_t { width: 856px; height: 239px; margin: 0 auto; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c3_t.png) no-repeat; }

.c3_g1 { width: 650px; height: 323px; margin: 32px auto 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c3_g1.png) no-repeat; }

.c3_gb { width: 1251px; height: 1162px; margin: 25px auto 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c3_gb.png) no-repeat; }

.c3_btn { opacity: 0; margin-top: 7px; }

.c3_btn a.bem_sp { display: block; width: 530px; height: 100px; margin: 0 auto; background-position: -642px -326px; text-indent: -9999px; }

.c3_btn a.bem_sp:hover { background-position-x: -1210px; }

.c4_line { height: 1725px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/bg_4.jpg) no-repeat center 0; }

.c4_inner { width: 1280px; height: 1628px; padding-top: 97px; margin: 0 auto; }

.c4_t { width: 856px; height: 239px; margin: 0 auto; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c4_t.png) no-repeat; }

.c4_g1 { width: 870px; height: 380px; margin: 32px auto 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c4_g1.png) no-repeat; }

.c4_g2 { width: 1251px; height: 762px; margin: 24px auto 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c4_g2.png) no-repeat; }

.c4_btn { opacity: 0; margin-top: 7px; }

.c4_btn a.bem_sp { display: block; width: 530px; height: 100px; margin: 0 auto; background-position: -642px -438px; text-indent: -9999px; }

.c4_btn a.bem_sp:hover { background-position-x: -1210px; }

.c5_line { height: 1184px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/bg_5.jpg) no-repeat center 0; }

.c5_inner { position: relative; width: 1280px; height: 1087px; padding-top: 97px; margin: 0 auto; }

.c5_t { width: 600px; height: 236px; margin: 0 auto; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c5_t.png) no-repeat; }

.c5_t { width: 600px; height: 236px; margin: 0 auto; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c5_t.png) no-repeat; }

.c5_g { position: relative; z-index: 1; width: 1170px; height: 583px; margin: 34px auto 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c5_g.png) no-repeat; }

.c5_c1 { position: absolute; top: -72px; left: -143px; width: 463px; height: 614px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c5_c1.png) no-repeat; }

.c5_c2 { position: absolute; top: -46px; right: -192px; width: 570px; height: 583px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c5_c2.png) no-repeat; }

.c5_btn { opacity: 0; margin-top: 46px; }

.c5_btn a.bem_sp { display: block; width: 530px; height: 100px; margin: 0 auto; background-position: -642px -550px; text-indent: -9999px; }

.c5_btn a.bem_sp:hover { background-position-x: -1210px; }

.c6_line { height: 2688px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/bg_6.jpg) no-repeat center 0; }

.c6_inner { position: relative; width: 1280px; height: 2594px; padding-top: 94px; margin: 0 auto; }

.c6_t { width: 656px; height: 239px; margin: 0 auto; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c6_t.png) no-repeat; }

.c6_g1 { position: relative; width: 1170px; height: 1242px; margin: 32px auto 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c6_g1.png) no-repeat; }

.c6_g1 .c6_g1_gif { position: absolute; top: 312px; left: 135px; width: 491px; height: 358px; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c6_g1_gif.gif) no-repeat; }

.c6_gb { width: 1251px; height: 844px; margin: 10px auto 0; background: url(https://lwi.nexon.com/baram/2022/0721_event_1BEF19C45A586089/c6_gb.png) no-repeat; }

.c6_btn { opacity: 0; margin-top: 18px; }

.c6_btn a.bem_sp { display: block; width: 530px; height: 100px; margin: 0 auto; background-position: -642px -662px; text-indent: -9999px; }

.c6_btn a.bem_sp:hover { background-position-x: -1210px; }

.qn_wrap { display: none; position: fixed; top: 50%; right: 0; z-index: 999; margin-top: -260px; }

ul.quick_navi { width: 190px; }

ul.quick_navi li a { position: relative; display: block; width: 190px; text-indent: -9999px; }

ul.quick_navi li a:hover, ul.quick_navi li.on a { background-position-x: -304px !important; }

ul.quick_navi li.qn_1 a { height: 99px; background-position: -86px -246px; }

ul.quick_navi li.qn_2 a { height: 73px; background-position: -86px -345px; }

ul.quick_navi li.qn_3 a { height: 73px; background-position: -86px -418px; }

ul.quick_navi li.qn_4 a { height: 73px; background-position: -86px -491px; }

ul.quick_navi li.qn_5 a { height: 73px; background-position: -86px -564px; }

ul.quick_navi li.qn_6 a { height: 73px; background-position: -86px -637px; }

ul.quick_navi li.qn_7 a { height: 63px; background-position: -86px -710px; }

ul.quick_navi li.qn_8 a { height: 71px; background-position: -86px -773px; }

#footer { height: 89px; background: #0067ff; }

#footer .f_inner { width: 1280px; padding-top: 37px; 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/0721_event_1BEF19C45A586089/copyright.png) no-repeat; text-indent: -9999px; }