@charset "utf-8";

/* reset */
html,body,div,p,img,span,a,em,strong,pre,h1,h2,h3,h4,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tbody,thead,tfoot,tr,th,td,form,fieldset,legend,caption,input,textarea,button,select,object,video,iframe{margin:0;padding:0}
html{overflow-y:scroll}
header,article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{display:block;margin:0;padding:0;vertical-align:baseline}
body{position:relative;width:100%;font-family:'Nanum Square','돋움','dotum',sans-serif;font-size:14px;color:#000;line-height:1;background:#D8C2B4}
input,textarea,button,select{font-size:inherit;font-family:'Nanum Square','돋움','dotum',sans-serif;font-family:inherit}
img,fieldset,button{border:0}
table{border-collapse:collapse;border-spacing:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a,a:link{text-decoration:none;color:#000}
a,a:link, a:active{background-color:transparent}
a,img{vertical-align:top}
hr{display:none}
legend, .blind{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.ir{text-indent:-9999px;overflow:hidden}
input, button, textarea{outline:0}
button{border:0;cursor:pointer}

/* layout */ 
#wrap{position:relative;width:100%;min-width:1280px;overflow:hidden;margin:0 auto}
#wrap .section{position:relative;width:100%;min-height:900px}
.section .container{position:relative;width:1075px;height:100%;margin:0 auto}
#wrap .bg_section{position:absolute;top:0;left:0;width:99.99%;height:100%;padding-left:0.01%}

@media screen and (min-width:1921px) {
    #wrap .bg{background-size:contain}
    #wrap.fixed .bg{background-size:cover}
    #content .monster_wrap span{margin-left:0}
    #content .monster_wrap ._m1{left:78px}
    #content .monster_wrap ._m2{left:auto;right:82px}
}

@media screen and (orientation: portrait){
    #wrap .bg{background-attachment:fixed;background-size:cover}
    #wrap.fixed .bg{background-size:cover}
}

/* common */
.frame .btn_top, .frame .copyright, .frame .scroll span, .intro .banner li a, .btn span, .intro .tab a{display:block;text-indent:-99999px;overflow:hidden;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/spr_btn.png") no-repeat}
#header h1 a, #header .btn_start, #header .util li a span, .content .tab li a{display:block;text-indent:-99999px;overflow:hidden;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/spr_header.png") no-repeat}
.bg{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/bg.jpg") center top no-repeat}
#wrap.fixed #header, #wrap.fixed .frame .fix, #wrap.fixed .bg_section{position:fixed}
#wrap.fixed .bg_section{width:auto;right:0}
.btn span{position:absolute;pointer-events:none}
.btn .circle{top:0;left:0;width:100%;height:100%}
.btn .dot{top:50%;left:50%}
.btn:hover .dot{animation:dotdot 300ms infinite alternate ease}
.gnbWrapper{min-width:1280px !important}

/* header */
#header{position:absolute;top:0;left:0;right:0;z-index:100}
#header h1{position:absolute;top:25px;left:30px}
#header h1 a{width:84px;height:99px}
#header .util{position:absolute;top:135px;right:0;margin-right:26px}
#header .btn_start{position:absolute;top:-116px;right:2px;width:283px;height:91px;background-position:-121px 0}
#header .btn_start:hover{background-position:-121px -123px}
#header .util li a{position:relative;display:block;width:68px;height:68px}
#header .util li .btn{position:relative;width:100%;height:100%}
#header .util li .bubble{position:absolute;top:25px;right:73px;width:112px;height:19px;text-indent:0;text-align:center;line-height:17px;font-size:11px;font-family:'맑은 고딕', 'malgun gothic', sans-serif;color:#e5e5e5;padding-right:5px;opacity:0;filter:alpha(opacity=0);transform:translateX(10px);transition:all 300ms ease}
#header .util li a:hover .bubble{opacity:1;filter:alpha(opacity=100);transform:translateX(0)}
#header .util .btn_h{margin-bottom:5px}
#header .util .btn_h .btn{background-position:-509px 0}
#header .util .btn_c .btn{background-position:-509px -73px}
#header .util .btn_h a:hover .btn{background-position:-710px 0}
#header .util .btn_c a:hover .btn{background-position:-710px -73px}
#header .util .btn_h .bubble{background-position:-588px -22px}
#header .util .btn_c .bubble{background-position:-589px -98px}

/* line */
.frame{position:absolute;top:0;left:0;width:100%}
.frame .line_wrap span, .frame .line_wrap, .frame .copyright, .frame .scroll, .frame .btn_top, .frame .nav .btn_toggle, .frame .nav .nav_wrap{position:absolute;z-index:1}
.frame .line{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/spr_line.png") 0 0 no-repeat}
.frame .bg{display:none}
.frame .horizontal .bg{display:none;left:0;right:0;height:100%;margin:0 -336px 0 -126px}
.fixed .frame .bg{display:block}
.frame .horizontal ._l{right:50%;left:0}
.frame .horizontal ._r{right:0;left:50%}
.frame .horizontal ._c{left:50%;width:252px}
.frame .vertical{top:0;bottom:0;overflow:hidden}
.frame .vertical ._t, .frame .vertical ._b{width:12px}
.frame .vertical ._t{top:0;bottom:50%}
.frame .vertical ._b{top:50%;bottom:0}
.frame .vertical ._c{top:50%;width:26px;height:26px;background-position:-32px -113px}
.frame .vertical .bg{top:0;width:1920px;height:100%}
.frame .top{top:0;left:126px;right:0;height:78px;margin-right:336px}
.frame .top ._l, .frame .top ._r{top:50px;height:12px}
.frame .top ._c{top:0;height:100%;background-position:-137px -98px;margin-left:-27px}
.frame .top ._l{background-position:0 -35px;margin-right:27px}
.frame .top ._r{background-position:100% -35px;margin-left:225px}
.frame .left{left:0;width:78px}
.frame .left .bg{left:0;background-position:center 0}
.frame .left ._t, .frame .left ._b{left:50px}
.frame .left ._t{top:136px;background-position:-7px -113px;margin-bottom:7px}
.frame .left ._b{bottom:77px;background-position:-7px 100%;margin-top:28px}
.frame .left ._c{left:43px;margin-top:-2px}
.frame .right{right:0;width:82px}
.frame .right ._t, .frame .right ._b{right:50px}
.frame .right ._t{top:290px;background-position:-80px -113px;margin-bottom:7px}
.frame .right ._b{bottom:107px;background-position:-80px 100%;margin-top:31px}
.frame .right ._c{right:43px;margin-top:-1px}
.frame .right .bg{right:0;background-position:center 0}
.frame .bottom{right:0;bottom:0;left:377px;height:80px;margin-right:109px}
.frame .bottom ._l, .frame .bottom ._r{bottom:52px;height:12px}
.frame .bottom ._c{top:0;height:100%;background-position:-137px -208px;margin-left:-257px}
.frame .bottom ._l{background-position:-24px -81px;margin-right:257px}
.frame .bottom ._r{background-position:100% -81px;margin-left:-5px}
.frame .bottom .bg{background-position:center bottom;margin:0 -109px 0 -377px}
.frame .btn_top{bottom:39px;right:0;width:54px;height:54px;background-position:-516px -168px;margin-right:36px}
.frame .btn_top:hover{background-position:-630px -168px}
.frame .copyright{bottom:47px;left:52px;width:317px;height:21px;line-height:20px;text-indent:0;font-family:'맑은 고딕', 'malgun gothic', sans-serif;background-position:-813px 0;color:#fff;font-size:11px;text-align:center}
.nav .nav_wrap, .nav .btn_toggle, .nav .nav_wrap li a{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/spr_nav_v2.png") no-repeat}
.frame .nav .nav_wrap, .frame .nav .btn_toggle{z-index:2}
.frame .nav .nav_wrap{bottom:85px;left:50%;width:1575px;height:129px;background-position:0 -356px;margin-left:-783px}
.frame .nav .nav_wrap ul{overflow:hidden;padding:12px 0 0 173px}
.frame .nav .nav_wrap li{position:relative;float:left;height:105px}
.frame .nav li a{display:block;height:100%;text-indent:-99999px;overflow:hidden}
.frame .nav li .cover{position:absolute;top:0;left:0;width:100%;height:100%}
.frame .nav .nav1{width:296px}
.frame .nav .nav2{width:217px}
.frame .nav .nav3{width:329px}
.frame .nav .nav4{width:364px}
.frame .nav .nav1 a{background-position:0 13px}
.frame .nav .nav2 a{background-position:-296px 13px}
.frame .nav .nav3 a{background-position:-513px 13px}
.frame .nav .nav4 a{background-position:-842px 13px}
.frame .nav .nav1 a:hover, .frame .nav .nav1.on a{background-position:0 -97px}
.frame .nav .nav2 a:hover, .frame .nav .nav2.on a{background-position:-296px -97px}
.frame .nav .nav3 a:hover, .frame .nav .nav3.on a{background-position:-513px -97px}
.frame .nav .nav4 a:hover, .frame .nav .nav4.on a{background-position:-842px -97px}
.frame .nav .btn_toggle{bottom:107px;left:86px;width:72px;height:72px;background-position:0 -215px}
.frame .nav .btn_toggle span{position:absolute;left:31px;width:10px;height:6px;background:#F0E3D7;border-radius:6px;transition:all 300ms ease}
.frame .nav .btn_toggle ._b1{top:22px}
.frame .nav .btn_toggle ._b2{top:33px}
.frame .nav .btn_toggle ._b3{top:44px}
.frame .nav.toggle .btn_toggle span{left:19px;width:34px}
.frame .scroll{left:0;right:0;bottom:15px}
.frame .scroll_wrap{position:absolute;bottom:0;left:50%;width:81px;height:19px;margin-left:-12px}
.frame .scroll span{position:absolute}
.frame .scroll .txt{top:0;left:15px;width:50px;height:17px;background-position:-922px -37px}
.frame .scroll .arrow{opacity:0;left:0;width:81px;height:5px;background-position:-813px -37px;animation:scrollOpacity 1s infinite alternate linear}
.frame .scroll ._a1{top:1px;}
.frame .scroll ._a2{top:7px;animation-delay:150ms}
.frame .scroll ._a3{top:13px;animation-delay:300ms}

/* intro */
.intro .intro_wrap{position:absolute;top:50%;left:9%;right:9%;bottom:215px;margin-top:-365px}
.intro .container{width:auto;max-width:1526px;min-height:595px;max-height:635px}
.intro .banner{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;z-index:1}
.intro .banner li{float:left;margin-right:14px}
.intro .banner li a{width:126px;height:126px}
.intro .banner .banner1 a{background-position:-391px -582px}
.intro .banner .banner2 a{background-position:-531px -582px}
.intro .banner .banner1 a:hover{background-position:-680px -582px}
.intro .banner .banner2 a:hover{background-position:-820px -582px}
.intro .btn_balance{position:absolute;top:50%;right:-41px;width:210px;height:210px;z-index:10;transition:transform 500ms ease;margin-top:-85px}
.intro .btn_balance:hover{transform:translateX(-82px)}
.intro .btn_balance .circle{background-position:-1254px -31px}
.intro .btn_balance .dot{width:280px;height:280px;background-position:-1220px -273px;margin:-140px 0 0 -140px}
.intro .btn_balance .txt{top:54px;left:42px;width:119px;height:99px;background-position:-1296px -642px}
.intro h2{position:absolute;top:0;left:50%;width:584px;height:597px;text-indent:-99999px;overflow:hidden;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/h2.png") no-repeat;opacity:0;transform:scale(0.9);margin-left:-280px}
.load .intro h2{opacity:1;transform:scale(1);transition:opacity 300ms ease, transform 300ms cubic-bezier(0, .5, .3, 2)}
.intro .horse{position:absolute;top:-59px;left:50%;width:850px;height:686px;opacity:0;overflow:hidden}
.intro.visible .horse{opacity:1;transition:opacity 300ms 400ms ease}
.intro .horse._red{margin-left:-848px}
.intro .horse._blue{margin-left:29px}
.intro .horse .scene{position:absolute;top:100%;left:0;width:100%;height:100%}
.intro .horse .scene.on{top:0}
.intro .horse._red ._s1{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/horse/css_sprites_01_L.png") 0 0 no-repeat}
.intro .horse._red ._s2{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/horse/css_sprites_02_L.png") 0 0 no-repeat}
.intro .horse._red ._s3{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/horse/css_sprites_03_L.png") 0 0 no-repeat}
.intro .horse._blue ._s1{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/horse/css_sprites_01_R.png") 0 0 no-repeat}
.intro .horse._blue ._s2{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/horse/css_sprites_02_R.png") 0 0 no-repeat}
.intro .horse._blue ._s3{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/horse/css_sprites_03_R.png") 0 0 no-repeat}
.intro .tab li{position:absolute;width:391px;height:218px;opacity:0;transition:opacity 300ms ease, transform 500ms ease;z-index:1}
.intro .tab li a{width:100%;height:100%;transition:transform 300ms ease}
.intro .tab .tab1{top:243px;left:20.45%;margin-left:-250px;transform:translate(50px, -18px);transition-delay:100ms}
.intro .tab .tab2{top:211px;right:19.39%;margin-right:-250px;transform:translate(-50px, 18px);transition-delay:200ms}
.intro .tab .tab1 a{background-position:0 -246px}
.intro .tab .tab2 a{background-position:0 -498px}
.intro .tab .tab1 a:hover{transform:translate(-20px, 7px)}
.intro .tab .tab2 a:hover{transform:translate(20px, -7px)}
.load .intro .tab li{opacity:1;transform:translate(0,0)}

/* content */
.content{position:relative}
.content .content_wrap{position:absolute;left:0;width:100%}
.content .tab{position:absolute;top:80px;left:155px;overflow:hidden}
.content.fixed .tab{position:fixed;z-index:1}
.content .tab li{float:left;margin-right:19px}
.content .tab li a{width:229px;height:68px}
.content .tab .tab1 a{background-position:0 -267px}
.content .tab .tab2 a{background-position:-248px -267px}
.content .tab .tab1 a:hover{background-position:0 -365px}
.content .tab .tab2 a:hover{background-position:-248px -365px}
.content .monster_wrap{position:absolute;top:0;left:0;right:0;height:100%}
.content.fixed .monster_wrap{position:fixed}
.content .parallax, .content .parallax h4, .content .parallax dl{transform:translateY(50px);opacity:0}
.content .parallax.active, .content .parallax.active h4, .content .parallax.active dl{transform:translateY(0);opacity:1;transition:opacity 300ms ease, transform 800ms ease}
.content .content_wrap .h4_wrap{*zoom:1;opacity:1;margin-left:38px}
.content .content_wrap .h4_wrap:after{content:"";display:block;clear:both}
.content .content_wrap .h4_wrap h4, .content .content_wrap .h4_wrap dl{float:left}
.content .content_wrap h4{width:310px;height:75px}
.content .content_wrap dl{width:507px;height:19px;transform:translateX(-10px);margin:30px 0 0 13px}
.content .content_wrap .parallax.active dl{transform:translateX(0);transition-delay:50ms}
.content .content_wrap .box{width:1075px;height:200px;margin-top:11px}
.content .content_wrap .box.active{transition-delay:100ms}
.content .monster_wrap span{position:absolute;top:17.48%;left:50%;height:626px;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/spr_monster.png") no-repeat}
.content .monster_wrap ._m1{width:615px;margin-left:-874px;animation:doongdoong1 1s infinite alternate linear}
.content .monster_wrap ._m2{width:595px;background-position:-705px 0;margin-left:274px;animation:doongdoong2 1s infinite alternate linear}
.content .box, .content1 h3, .content1 p, .content1 span, .content .h4_wrap h4, .content .h4_wrap dl, .content3 .method, .content3 .reward{position:relative;display:block;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/spr_content.png") no-repeat;text-indent:-99999px;overflow:hidden}
.content .parallax.active h4{transition:opacity 300ms ease, transform 300ms cubic-bezier(0, .5, .3, 1.5)}

/* content1 */
.content1 .content_wrap{top:4.72%;height:654px;margin-top:148px}
.content1 .content_wrap .subtitle{top:0;width:145px;height:23px;background-position:-462px 0;margin-left:462px}
.content1 .content_wrap h3{width:513px;height:73px;background-position:-278px -41px;margin:18px 0 36px 278px}
.content1 .content_wrap .descript{width:601px;height:83px;background-position:-234px -150px;margin-left:234px}
.content1 .content_wrap .date{width:366px;height:23px;background-position:-352px -261px;margin:28px 0 84px 352px}
.content1 .content_wrap ._h1 h4{background-position:-38px -368px}
.content1 .content_wrap ._h1 dl{background-position:-361px -398px}
.content1 .content_wrap ._b1{background-position:0 -454px}

/* content2 */
#wrap .content2{height:1197px}
.content2 .content_wrap{top:187px}
.content2 .content_wrap .h4_wrap{margin-top:26px}
.content2 .content_wrap ._h2{margin-top:0}
.content2 .content_wrap ._h2 h4{background-position:-38px -695px}
.content2 .content_wrap ._h3 h4{background-position:-38px -1006px}
.content2 .content_wrap ._h4 h4{background-position:-38px -1329px}
.content2 .content_wrap ._h2 dl{background-position:-365px -725px}
.content2 .content_wrap ._h3 dl{background-position:-365px -1036px}
.content2 .content_wrap ._h4 dl{background-position:-365px -1359px}
.content2 .content_wrap ._b2{background-position:0 -781px}
.content2 .content_wrap ._b3{background-position:0 -1092px}
.content2 .content_wrap ._b4{background-position:0 -1415px}

/* content3 */
.content3 .content_wrap{bottom:50%;margin-bottom:-399px}
.content3 .reward{width:739px;height:571px;background-position:-184px -1725px;margin:0 0 34px 184px}
.content3 .method{width:745px;height:168px;background-position:-181px -2330px;margin-left:181px}
.content3 .btn_reserve{position:absolute;right:141px;bottom:136px;width:246px;height:246px;background:none;overflow:visible}
.content3 .btn_reserve .circle{background-position:-1611px -36px}
.content3 .btn_reserve .dot{width:328px;height:328px;background-position:-1571px -338px;margin:-164px 0 0 -164px}
.content3 .btn_reserve .txt{top:72px;left:31px;width:177px;height:103px;background-position:-1642px -736px}


/* footer */
.footer .bg_footer{position:absolute;top:198px;left:156px;display:block;width:845px;height:337px;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/bg_footer.png") no-repeat}

/* modal popup */
.modal-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;height:100%;z-index:9999999;overflow:hidden;overflow-y:scroll}
.modal-popup.show{display:block;filter:alpha(opacity=0);opacity:0} 
.modal-popup .dim{position:absolute;top:0;left:0;right:0;width:100%;min-height:100%;background:#000;filter:alpha(opacity=80);opacity:0.8}
.modal-popup .modal-wrap{position:absolute;top:50%;left:50%;width:880px;height:635px;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/bg_pop.png") no-repeat;padding:91px 102px 0 93px;margin:-363px 0 0 -537px}
.modal-popup .pop_body{position:relative}
.modal-popup.scrollpop .modal-wrap{top:20px;margin-top:0 !important;margin-bottom:20px}
.modal-popup.scrollpop .dim{padding-bottom:40px}

.modal-popup .btn_close, .modal-popup .not_char, .pop_reserve .phone_num, .pop_reserve .phone_num a, .pop_reserve .agree_chk .checkbox.checked, .pop_reserve .btn_reserve, .pop_disabled .btn_cancel, .pop_reserve .pop_term button{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/spr_pop.png") no-repeat}
.modal-popup .btn_close, .modal-popup .not_char, .pop_reserve .btn_reserve{text-indent:-9999px;overflow:hidden}
.modal-popup .btn_close{position:absolute;top:15px;right:14px;width:52px;height:52px;background-position:-305px 0}
.modal-wrap .ps{font-size:12px;font-family:'돋움',sans-serif;color:#918275;line-height:21px;letter-spacing:-0.05em}

.pop_reserve .pop_body{padding-top:84px}
.pop_reserve .not_char{position:absolute;top:0;left:0;width:880px;height:169px;background-position:0 -178px;z-index:2}
.pop_reserve .sel_wrap select{position:absolute;top:-99999px;left:-99999px}
.pop_reserve .sel_wrap{position:relative;*zoom:1;z-index:1}
.pop_reserve .sel_wrap:after{content:"";display:block;clear:both}
.pop_reserve .sel_wrap .select{float:left;position:relative;width:429px;height:44px;background:#F7F7F7;border:3px solid #000}
.pop_reserve .sel_wrap .select a{display:block}
.pop_reserve .sel_wrap .select .default{height:44px;line-height:46px;font-size:23px;font-weight:bold;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/blt_select.png") 100% 50% no-repeat;padding:0 27px 0 31px}
.pop_reserve .sel_wrap .sel_sv{margin-right:10px}
.pop_reserve .sel_wrap .select_custom div{display:none;position:absolute;top:44px;left:-3px;right:-3px;border:3px solid #000;max-height:316px;overflow-y:auto}
.pop_reserve .sel_wrap .select_custom.active div{display:block}
.pop_reserve .sel_wrap .select_custom ul{background:#F7F7F7;padding:1px 0 14px}
.pop_reserve .sel_wrap .select_custom div li{padding:12px 27px 0 31px}
.pop_reserve .sel_wrap .select_custom div a{height:30px;line-height:30px;font-size:20px;padding-bottom:1px}
.pop_reserve .sel_wrap .select .select_custom div a:hover{border-bottom:1px solid #000;padding-bottom:0}
.pop_reserve .phone_num{position:relative;height:44px;border:3px solid #000;background-color:#F7F7F7;font-weight:bold;background-position:30px -511px;font-size:23px;padding-left:66px;margin-top:35px}
.pop_reserve .phone_num p{line-height:46px}
.pop_reserve .phone_num a{position:absolute;top:14px;right:162px;height:16px;line-height:18px;font-size:15px;background-position:0 -124px;padding-left:20px}
.pop_reserve .phone_num button{position:absolute;top:9px;right:15px;width:111px;height:26px;line-height:21px;border-radius:13px;color:#fff;background:#3566B1;border:2px solid #3566B1;font-size:15px}
.pop_reserve .phone_num button:hover{border-color:#F7F0EA}
.pop_reserve .check_msg{font-size:12px;color:#cf1616;text-align:center;font-weight:bold;margin:15px 0 31px}
.pop_reserve .agree_chk{border-top:1px solid #000;border-bottom:1px solid #000;font-weight:bold;text-align:center;padding:10px 0 8px}
.pop_reserve .agree_chk p{color:#442323;font-size:12px;margin-bottom:8px}
.pop_reserve .agree_chk div{font-size:0}
.pop_reserve .agree_chk label, .pop_reserve .agree_chk a{height:17px;line-height:18px;font-size:15px}
.pop_reserve .agree_chk label, .pop_reserve .agree_chk .checkbox, .pop_reserve .agree_chk a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}
.pop_reserve .agree_chk label{padding-left:10px}
.pop_reserve .agree_chk a{color:#0a528e;margin-left:6px}
.pop_reserve .agree_chk a:hover{text-decoration:underline}
.pop_reserve .agree_chk .checkbox{width:15px;height:15px;border:1px solid #000;background-color:#F7F7F7}
.pop_reserve .agree_chk .checkbox.checked{background-position:-139px -70px}
.pop_reserve .agree_chk .checkbox input{width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}
.pop_reserve .btn_reserve{display:block;width:263px;height:46px;margin:27px auto 28px}
.pop_reserve .pop_term{display:none;position:absolute;top:72px;left:118px;width:616px;height:415px;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/bg_pop_term.jpg") no-repeat;z-index:1}
.pop_reserve .pop_term.show{display:block}
.pop_reserve .pop_term button{position:absolute;text-indent:-99999px;overflow:hidden}
.pop_reserve .pop_term .btn_top{top:19px;right:24px;width:22px;height:23px;background-position:-878px 0}
.pop_reserve .pop_term .btn_btm{bottom:23px;left:219px;width:181px;height:31px;background-position:-681px 0}

.pop_coupon .pop_body{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/bg_pop_coupon.png") 50% 57px no-repeat;padding-top:114px}
.pop_coupon .pop_body .date{text-align:center;font-size:15px;color:#442323;font-weight:bold;margin-bottom:155px}
.pop_coupon .coupon_no{height:44px;line-height:46px;text-align:center;background:#F7F7F7;font-size:23px;font-weight:bold;border:3px solid #000000}
.pop_coupon .info_dl{text-align:center;font-size:0;margin:13px 0 118px}
.pop_coupon .info_dl dt, .pop_coupon .info_dl dd{height:18px;line-height:18px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:13px;font-weight:bold}
.pop_coupon .info_dl dt{color:#fff;background:#AA0000;border-radius:9px;padding:0 10px;margin-right:4px}
.pop_coupon .info_dl .dd_use{margin-right:46px}

.modal-popup .modal-wrap.pop_disabled{width:509px;height:389px;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/bg_pop_disable.png") no-repeat;margin:0 0 0 -255px !important;padding:0}
.pop_disabled .pop_body{width:100%;height:100%}
.pop_disabled .btn_cancel{position:absolute;left:127px;bottom:56px;width:263px;height:46px;background-position:-404px 0;text-indent:-9999px;overflow:hidden}
.pop_disabled .btn_close{right:0;z-index:1}
.naver .pop_disabled.pos1{top:307px}
.naver .pop_disabled.pos2{top:1200px}
.naver .pop_disabled.pos3{top:3360px}

/* channeling */
.naver .modal-popup{overflow:auto}
.naver .bg_section{height:5152px;background-image:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/bg_naver.jpg")}
.naver #wrap .section{min-height:0}
.naver #intro{height:995px}
.naver #frame{height:4171px}
.naver #frame .vertical ._b{background-image:url("https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/spr_line_naver.png")}
.naver #frame .vertical ._t{bottom:auto}
.naver #frame .vertical ._c, .naver #frame .vertical ._b{margin-top:0}
.naver #frame .left ._t{height:355px}
.naver #frame .left ._b{top:526px}
.naver #frame .left ._c{top:496px}
.naver #frame .right ._t{height:201px}
.naver #frame .right ._b{top:529px}
.naver #frame .right ._c{top:497px}
.naver #frame .nav .nav_wrap{top:781px}
.naver #frame .nav .btn_toggle{top:816px}
.naver #frame .btn_top{cursor:default}
.naver #frame .btn_top:hover{background-position:-516px -168px}
.naver .frame .bg{display:none}
.naver #content .monster_wrap span{top:175px}
.naver #content1{height:869px}
.naver #content2{height:980px}
.naver #content2 .content_wrap{top:0}
.naver #content3{height:780px}
.naver #content .footer{height:547px}
.naver #content .footer .bg_footer{top:80px}
.naver #content .tab{z-index:1}

@keyframes doongdoong1{
    0%{transform:translateY(0)}
    100%{transform:translateY(20px)}
}

@keyframes doongdoong2{
    0%{transform:translateY(0)}
    100%{transform:translateY(-20px)}
}

@keyframes dotdot{
    0%{transform:scale(1)}
    100%{transform:scale(0.95)}
}

@keyframes scrollOpacity{
    0%{opacity:0}
    80%{opacity:1}
    100%{opacity:1}
}

@keyframes tab1Hover{
    0%{transform:translate(0,0)}
    100%{transform:translate(20px, -7px)}
}

@keyframes tab2Hover{
    0%{transform:translate(0,0)}
    100%{transform:translate(-20px, 7px)}
}