@charset "utf-8";
/* reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p {margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,input,textarea,select,button {color:#000;font-size:14px;line-height:1.2;font-family:Malgun Gothic, Arial, '돋움', Dotum, AppleGothic, sans-serif;font-weight:400;}
body  {word-break:break-all;word-wrap:break-word;}
*:first-child+html body {word-wrap:normal;}/* ie break-word bug(float box) */
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
img,fieldset {border:0 none;}
img,input,select {vertical-align:middle;}
input,select,textarea {color:#000;}
a:link,a:visited,a:hover,a:active {color:#000;text-decoration:none;} 
a:hover {text-decoration:none;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img,div img,li img,dl img,p img {vertical-align:top;}
legend {display:block;position:absolute;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;}
caption {display:none;}
hr#null {display:block;} /* 에디터 선긋기 */
input.checkbox {vertical-align:middle;}
.button, label {cursor:pointer;font-weight:normal;}
textarea:focus {outline:none;background:none;background-color:#f0f0f0;}
textarea {resize:vertical;}
.hidden {display:block;position:absolute;left:-9999em;top:auto;overflow:hidden;width:1px;height:1px;}
.clear_both {clear:both !important;}
figcaption {color:#959595;font-size:13px;}
::-webkit-input-placeholder {color:#584333;}
::-moz-placeholder {color:#584333;}
:-ms-input-placeholder {color:#584333;}
input:-moz-placeholder {color:#584333;}
input.button {-webkit-appearance:none;}
button{-webkit-appearance:none;background-color:transparent;border:0;vertical-align:top;cursor:pointer;padding:0}

input.text {border-radius:0;-webkit-appearance:none;border:0;background-color:none;color:#fff;}
a {outline: none;}

/* html5 */
article, aside, details, figcaption, figure, footer, header,  menu, nav, section, summary {display:block;margin:0;padding:0;}
time {display:inline;}
html{overflow-x:hidden}
html, body {height:100%;}
body {min-width:1280px;background-color:#fff;}
#wrapper{position:relative;width:100%;box-sizing:border-box}
#wrapper.intro{background-color:#ececec;}
#wrapper.intro #black{background:#ececec url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/bg_intro.jpg) center 0 no-repeat;position:absolute;top:0;left:0;right:0;width:100%;height:100%;opacity:0.3; filter:Alpha(opacity=30)}
#wrapper.evt5{background:#574471 url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/bg_evt5.jpg) center 0 no-repeat}
#wrapper.evt6{background:#ececec url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/bg_evt6.jpg) center 0 no-repeat}

#wrapper.update3{background:#fff url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/bg_update.jpg) center 0 no-repeat}

#header{position:absolute;width:100%;height:146px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_gnb.png) center 0 no-repeat;z-index:10;left:0;top:0;right:0;min-width:1280px;}
#header h1{position:relative;float:left;width:230px;height:100%;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/logo.png) 50% 50% no-repeat}
#header h1 a{width:100%;height:100%;display:block;text-indent:-1000000px}
#header .util{position:relative;float:right;width:348px;height:100%;}
#header .util .btn_start{width:100%;height:155px;text-indent:-100000px;display:block;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_start.png) right 0 no-repeat;}
#header .util .btn_start:hover{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_start_over.png) right 0 no-repeat}
#header .util .btn_group{width:50px;margin:10px 0 0 260px}
#header .util .btn_group li{width:100%;height:50px;margin-bottom:14px}
#header .util .btn_group li a,
#header .util .btn_group li button{display:block;width:100%;height:100%;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_util.png) no-repeat;text-indent:-100000px;padding:0;-webkit-transition: all .3s ease-out;transition: all .3s ease-out}
#header .util .btn_group li.g1 a{}
#header .util .btn_group li.g2 button{background-position:0 -63px}
#header .util .btn_group li.g3 button{background-position:0 -123px}
#header .util .btn_group li.g4 button{background-position:0 -186px}
#header .util .btn_group li a:hover,
#header .util .btn_group li button:hover{width:190px;margin-left:-110px}
#header .flag_intro{position:absolute;left:48px;top:0;width:265px;height:419px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/bg_logo.png) no-repeat}
.intro #header h1{margin-left:65px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/logo.png) 50% 50% no-repeat;margin-top:10px;}
#header .btn_intro{position:absolute;left:50%;top:0;margin-left:-109px;width:219px;height:214px}
#header .btn_intro a{display:block;width:100%;height:100%;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_intro.png) no-repeat;text-indent:-100000px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out}
#header .btn_intro a:hover,
#header .btn_intro a:focus{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_intro_over.png) no-repeat}
#header .menu{position:relative;float:left;height:100%;min-width:702px;font-size:0}
#header .menu ul{width:100%;height:100%;}
#header .menu ul li{float:left;height:100%;}
#header .menu ul li.m1{width:55%;min-width:142px;}
#header .menu ul li.m2{width:45%;min-width:108px;}
#header .menu ul li a{display:block;width:100%;height:100%;text-indent:-100000px}
#header .menu ul li.m1 a{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/menu_update.png) 40% 50% no-repeat;}
#header .menu ul li.m2 a{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/menu_event.png) 70% 50% no-repeat;}
#header .sub{position:absolute;width:100%;height:168px;left:0;top:128px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_gnb2.png) center 0 no-repeat;display:none;}
#header .sub.show{display:block;}
.sub ol{position:relative;width:50%;height:100%;float:left}
.sub .u1{min-width:105px;margin-left:5%;width:25%;}
.sub .u2{min-width:105px;width:25%;}
.sub .u3{min-width:269px;width:40%;}
.sub .e1{min-width:192px;margin-left:5%}
.sub .e2{min-width:198px;}
.sub .e3{min-width:141px;}
.sub ol li{float:left;width:30%;height:100%}
.sub ol li a{display:block;width:100%;height:100%;text-indent:-100000px;}
.sub ol li.u1 a{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/menu_update_sub1.png) 50% 50% no-repeat;}
.sub ol li.u2 a{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/menu_update_sub2.png) 50% 50% no-repeat;}
.sub ol li.u3 a{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/menu_update_sub3.png) 50% 50% no-repeat;}
.sub ol li.e1 a{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/menu_event_sub1.png) 50% 50% no-repeat;}
.sub ol li.e2 a{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/menu_event_sub2.png) 50% 50% no-repeat;}
.sub ol li.e3 a{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/menu_event_sub3.png) 50% 50% no-repeat;}

.intro #header{background:transparent;}
.intro .sub{position:fixed;width:100%;height:168px;left:0;bottom:0;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_gnb2.png) center 0 no-repeat;min-width:1205px;}
.intro .sub .sub_tit1{position:absolute;left:30px;top:-40px;}
.intro .sub .sub_tit2{position:absolute;right:30px;top:-40px;}


#lnb{position:absolute;width:270px;height:100%;top:0;left:0;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_lnb.png) repeat-y;z-index:9}
#lnb ul{margin-top:236px;width:100%;}
#lnb ul li{width:100%;height:100px;}
#lnb ul li a{display:block;width:100%;height:100%;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/menu_sub_all.png) no-repeat;text-indent:-100000px}
#lnb ul li.l1 a{}
#lnb ul li.l2 a{background-position:0 -100px}
#lnb ul li.l3 a{background-position:0 -200px}
#lnb ul li.l4 a{background-position:0 -300px}
#lnb ul li.l5 a{background-position:0 -400px}
#lnb ul li.l6 a{background-position:0 -500px}
#lnb ul li.l7 a{background-position:0 -600px}
#lnb ul li.l1 a:hover,
#lnb ul li.l1.active a{background-position:-270px 0}
#lnb ul li.l2 a:hover,
#lnb ul li.l2.active a{background-position:-270px -100px}
#lnb ul li.l3 a:hover,
#lnb ul li.l3.active a{background-position:-270px -200px}
#lnb ul li.l4 a:hover,
#lnb ul li.l4.active a{background-position:-270px -300px}
#lnb ul li.l5 a:hover,
#lnb ul li.l5.active a{background-position:-270px -400px}
#lnb ul li.l6 a:hover,
#lnb ul li.l6.active a{background-position:-270px -500px}
#lnb ul li.l7 a:hover,
#lnb ul li.l7.active a{background-position:-270px -600px}

#up_list{position:absolute;width:216px;height:402px;top:382px;left:0;z-index:9}
#up_list ul{width:100%;}
#up_list ul li{width:100%;height:132px;margin-bottom:2px}
#up_list ul li a{display:block;width:100%;height:100%;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/lnb_update.png) no-repeat;text-indent:-100000px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out}
#up_list ul li.l1 a{background-position:-15px 0}
#up_list ul li.l2 a{background-position:-15px -134px}
#up_list ul li.l3 a{background-position:-15px -268px}
#up_list ul li a:hover,
#up_list ul li.active a{background-position-x:0}


#footer{position:absolute;bottom:50px;right:52px;}
#container{position:relative;width: 100%;top: 0;left:0;min-width:1470px;overflow:hidden;}
.intro #container{min-width:1100px}
#container .section{position:relative;width:100%;box-sizing:border-box;}
.inner{position:relative;margin:0 auto;width:1272px;height:100%;padding-left:174px;box-sizing:border-box;}

.intro #intro{height:1056px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/Intro3_title_02.png) center 0 no-repeat;}
.intro #intro .btn1{position:absolute;right:295px;top:675px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;z-index:0}
.intro #intro .btn2{position:absolute;right:180px;top:715px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;z-index:0}
.intro #intro .btn1:hover,
.intro #intro .btn2:hover{z-index:10}

@keyframes float6 {0%,100% {top:-30px} 50% {top:-50px}}

.parallax{position:absolute;left:0;top:-100px;width:105%;height:110%;overflow:hidden;}
.parallax .move{position:absolute;left:0;top:100px;width:100%;height:100%}

.evt5 #intro{height:1060px;}
.evt5 #con1{height:490px}
.evt5 #con2{height:1142px}
.evt5 #con3{height:458px}
.evt5 #con1 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt5_con01.png) 174px 80px no-repeat;}
.evt5 #con2 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt5_con02.png) 174px 70px no-repeat;}
.evt5 #con3 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt5_con03.png) 174px 66px no-repeat;}
.evt5 #intro h2{position:absolute;width:529px;height:701px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt5_title.png) no-repeat;left:50%;top:265px;margin-left:-500px;text-indent:-100000px}
.evt5 .comment{position:absolute;left:174px;top:583px;;width:1098px;height:738px;}
.evt5 .comment .my_info{position:absolute;left:30px;top:0;font-size:25px;color:#fff;line-height:25px;}
.evt5 .comment .my_info span{font-size:12px;margin-left:5px;}
.evt5 .comment .in_form{position:absolute;left:0;top:40px;width:100%;height:49px;font-size:0;}
.evt5 .comment .cmt_group{position:absolute;left:0;top:110px;width:100%;color:#fff}
.evt5 .comment .cmt_list li{border-bottom:1px solid #a28f81;padding:8px 0 8px 15px;height:47px;}
.evt5 .float00{position:absolute;right:50%;bottom:30px;width:1160px;height:1132px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt5_float00.png) no-repeat;margin-right:-960px;
              animation: float00 3.5s ease-in-out infinite;
              -webkit-animation: float00 3.5s ease-in-out infinite}
.evt5 .float01{position:absolute;right:50%;top:190px;width:748px;height:782px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt5_float01.png) no-repeat;margin-right:-890px;
              animation: float01 3.8s ease-in-out infinite;
              -webkit-animation: float01 3.8s ease-in-out infinite}
.evt5 .float1{position:absolute;left:50%;top:0;width:434px;height:596px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt5_float1.png) no-repeat;margin-left:-915px;
              animation: float1 4s ease-in-out infinite;
              -webkit-animation: float1 4s ease-in-out infinite}
.evt5 .float2{position:absolute;left:50%;top:1030px;width:459px;height:443px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt5_float2.png) no-repeat;margin-left:-790px;
              animation: float2 3.5s ease-in-out infinite;
              -webkit-animation: float2 3.5s ease-in-out infinite}
.evt5 .float3{position:absolute;right:50%;top:-70px;width:439px;height:1493px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt5_float3.png) no-repeat;margin-right:-960px;
              animation: float3 5s ease-in-out infinite;
              -webkit-animation: float3 5s ease-in-out infinite}
@keyframes float00 {0%,100% {bottom:30px} 50% {bottom:20px}}
@keyframes float01 {0%,100% {top:190px} 50% {top:200px}}
@keyframes float1 {0%,100% {top:0} 50% {top:25px}}
@keyframes float2 {0%,100% {top:1030px} 50% {top:1050px}}
@keyframes float3 {0%,100% {top:-70px} 50% {top:-50px}}

.evt6 #intro{height:1007px;}
.evt6 #con1{height:929px}
.evt6 #con2{height:1410px}
.evt6 #con3{height:411px}
.evt6 #intro h2{position:absolute;width:740px;height:633px;top:305px;left:150px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt6_title.png) no-repeat;text-indent:-1000000px;}
.evt6 .parallax .move._1{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt6_move1_01.png) center 0 no-repeat}
.evt6 .parallax .move._2{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt6_move2_01.png) 40% 0 no-repeat;}
.evt6 .parallax .move._3{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt6_move3_01.png) 40% 0 no-repeat;}
.evt6 #con1 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt6_con01.png) 170px bottom no-repeat;}
.evt6 #con2 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt6_con02.png) right 0 no-repeat;}
.evt6 #con3 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/evt6_con03.png) 174px 58px no-repeat;}
.evt6 #video{position:absolute;width:1098px;height:619px;bottom:50px;left:174px;background-color:#10182f;}
.evt6 .comment{position:absolute;left:174px;top:675px;;width:1098px;height:738px;}
.evt6 .comment .sns_group{position:absolute;right:0;top:85px}
.evt6 .comment .sns_group li{width:52px;height:53px;margin-right:7px;float:left}
.evt6 .comment .sns_group li button{display:block;width:100%;height:100%;text-indent:-100000px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0628_2run2run/btn_sns.png) no-repeat;}
.evt6 .comment .sns_group li.btn_f button{background-position:0 -59px}
.evt6 .comment .sns_group li.btn_t button{background-position:-59px -59px}
.evt6 .comment .sns_group li.btn_b button{background-position:-119px -59px}
.evt6 .comment .sns_group li.btn_u button{background-position:-178px -59px}
.evt6 .comment .sns_group li.btn_f button:hover{background-position:0 2px}
.evt6 .comment .sns_group li.btn_t button:hover{background-position:-59px 2px}
.evt6 .comment .sns_group li.btn_b button:hover{background-position:-119px 2px}
.evt6 .comment .sns_group li.btn_u button:hover{background-position:-178px 2px}
.evt6 .comment .my_info{position:absolute;left:30px;top:183px;font-size:25px;color:#fff;line-height:25px;}
.evt6 .comment .my_info span{font-size:12px;margin-left:5px;}
.evt6 .comment .in_form{position:absolute;left:0;top:226px;width:100%;height:49px;font-size:0;}
 .comment .in_form input{border:0;display:inline-block;width:963px;height:46px;line-height:49px;font-size:14px;text-indent:24px;padding:0;margin-top:3px}
 .comment .in_form button{display:inline-block;width:135px;height:49px;background-color:#f28333;color:#fff;border-bottom:3px solid #b1510c;font-size:23px;vertical-align:bottom;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
 .comment .in_form button:hover{height:46px;border-bottom:1px solid #b1510c}
 .comment .in_form button.disable{background-color:#f5938a;color:#f8b8b2;border-bottom:3px solid #e17a6f;cursor:default;}
 .comment .in_form button.disable:hover{height:49px;border-bottom:3px solid #e17a6f}
.evt6 .comment .cmt_group{position:absolute;left:0;top:295px;width:100%;color:#fff}
.evt6 .comment .cmt_list li{border-bottom:1px solid #8476a5;padding:8px 0 8px 60px;height:48px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0628_2run2run/bg_sns.png) no-repeat}
.evt6 .comment .cmt_list li.li_f{background-position:0 8px}
.evt6 .comment .cmt_list li.li_t{background-position:0 -56px}
.evt6 .comment .cmt_list li.li_b{background-position:0 -184px}
.evt6 .comment .cmt_list li.li_u{background-position:0 -248px}
 .comment .cmt_list li span{vertical-align:middle;display:inline-block;text-align:center;}
 .comment .cmt_list .url{font-size:15px;line-height:15px;width:62%;overflow:auto;text-align:left;height:48px;}
 .comment .cmt_list .del{width:5%}
 .comment .cmt_list .del a{display:block;width:22px;height:22px}
 .comment .cmt_list .name{font-size:16px;color:#ccbdeb;line-height:47px;width:18%;letter-spacing:-.055em}
 .comment .cmt_list .date{font-size:12px;line-height:47px;width:13%;letter-spacing:-.055em;color:#ccbdeb;}
.cmt_group .pager{width:100%;font-size:0;height:47px;text-align:center;margin-top:20px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_pager.png) center 0 no-repeat}
.cmt_group .pager a, .pop_list .pager span, .cmt_group .pager span strong{display:inline-block;*zoom:1;vertical-align:middle}
.cmt_group .pager a, .cmt_group .pager strong{font-family:'Verdana';font-size:18px;line-height:37px;margin:0 2px 0 1px;padding:0 10px}
.cmt_group .pager span{height:37px}
.cmt_group .pager .move{height:100%;text-indent:-100000px;padding:0}
.cmt_group .pager .first{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0628_2run2run/bg_prev.png) 0 13px no-repeat;width:33px;}
.cmt_group .pager .prev{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0628_2run2run/bg_prev.png) -34px 13px no-repeat;width:70px;;margin-right:20px;}
.cmt_group .pager .next{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0628_2run2run/bg_next.png) 0 13px no-repeat;width:70px;margin-left:20px;}
.cmt_group .pager .last{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0628_2run2run/bg_next.png) -72px 13px no-repeat;width:36px;}
.cmt_group .pager span strong{background-color:#f28333;color:#fff;}
.cmt_group .pager span a{background-color:#fff;color:#000}

.update3 #intro{height:1020px;}
.update3 #con1{height:1251px}
.update3 #con2{height:565px}
.update3 #con1 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/update3_con1.png) center 66px no-repeat;}
.update3 #con2 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/update3_con2.png) 94px 0 no-repeat;}
.update3 .parallax{top:-130px;}
.update3 .parallax .move._1{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/update_jh.png) 38% 0 no-repeat}
.update3 .line1{position:absolute;left:50%;top:0;width:750px;height:0;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/update_line1.png) no-repeat;margin-left:-592px;}
.update3 .line2{position:absolute;right:50%;top:425px;width:1458px;height:0;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/update_line2.png) no-repeat;margin-right:-725px;}
.update3 .char{position:absolute;right:50%;top:-30px;width:1049px;height:1084px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/update_char.png) no-repeat;margin-right:-960px;
              animation: float6 5s ease-in-out infinite;
              -webkit-animation: float6 5s ease-in-out infinite}
.update3 .cover{position:absolute;right:-109px;bottom:240px;width:1357px;height:215px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_title_line.png) no-repeat;}
.update3 #intro h2{position:absolute;width:357px;height:232px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/update3_title.png) no-repeat;left:107px;bottom:330px;text-indent:-100000px}
.update3 #intro .btn_area{position:absolute;width:460px;height:96px;bottom:180px;left:107px;}
.update3 #intro .btn_area a{display:block;width:100%;height:47px;margin-bottom:1px}
.update3 .tab_menu.gif{position:absolute;left:330px;top:33px;}
.update3 .tab_menu.gif li{width:24px;height:300px;margin-right:30px}
.update3 .tab_menu.gif li button{display:block;width:100%;height:100%;text-indent:-100000px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/update3_menu_gif.png) no-repeat}
.update3 .tab_menu.gif li.t1 button{}
.update3 .tab_menu.gif li.t2 button{background-position-x:-54px}
.update3 .tab_menu.gif li.t3 button{background-position-x:-108px}
.update3 .tab_menu.gif li.t4 button{background-position-x:-162px}
.update3 .tab_menu.gif li.t1 button:hover,
.update3 .tab_menu.gif li.t1.on button{background-position-x:-215px}
.update3 .tab_menu.gif li.t2 button:hover,
.update3 .tab_menu.gif li.t2.on button{background-position-x:-269px}
.update3 .tab_menu.gif li.t3 button:hover,
.update3 .tab_menu.gif li.t3.on button{background-position-x:-323px}
.update3 .tab_menu.gif li.t4 button:hover,
.update3 .tab_menu.gif li.t4.on button{background-position-x:-377px}

.update3 .tab_wrap.gif{position:absolute;left:635px;top:44px;width:560px;height:450px;}
.update3 .tab_wrap.gif .tab_content{width:100%;height:100%;}
.update3 .tab_wrap.gif .tab_wrap.view{width:100%;height:333px;background-color:#e4e7e7}
.update3 .tab_wrap.gif .tab_menu.list{position:absolute;left:0;top:360px;width:100%;}
.update3 .gif_menu{overflow:hidden;font-size:0;position:absolute;top:355px;left:7px;width:100%;}
.update3 .gif_menu li{float:left;height:28px;}
.update3 .gif_menu li button{display:block;width:100%;height:100%;text-indent:-100000px}
.update3 .gif_view img{position:relative;display:none}
.update3 .gif_view img.on{display:block}

.update3 .gif1 .gif_menu li.t1,
.update3 .gif3 .gif_menu li.t1{width:98px;}
.update3 .gif2 .gif_menu li.t4{width:105px;}
.update3 .gif2 .gif_menu li.t5,
.update3 .gif3 .gif_menu li.t2{width:97px;}
.update3 .gif3 .gif_menu li.t3{width:171px;}
.update3 .gif1 .gif_menu li.t2,
.update3 .gif2 .gif_menu li.t1{width:70px;}
.update3 .gif1 .gif_menu li.t3{width:79px;}
.update3 .gif1 .gif_menu li.t4,
.update3 .gif2 .gif_menu li.t2{width:102px;}
.update3 .gif2 .gif_menu li.t3{width:126px;}
.update3 .gif1 .gif_menu li.t5{width:140px;}
.update3 .gif1 .gif_menu li.t6,
.update3 .gif3 .gif_menu li.t4{width:50px;}
.update3 .gif4 .gif_menu li.t1{width:120px;}

.update3 .gif1 .gif_menu li button{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/update3_tab01.png) no-repeat}
.update3 .gif2 .gif_menu li button{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/update3_tab02.png) no-repeat}
.update3 .gif3 .gif_menu li button{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/update3_tab03.png) no-repeat}
.update3 .gif4 .gif_menu li button{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/update3_tab04.png) no-repeat}

.update3 .gif1 .gif_menu li.t1 button{background-position:0 0}
.update3 .gif1 .gif_menu li.t2 button{background-position:-98px 0}
.update3 .gif1 .gif_menu li.t3 button{background-position:-168px 0}
.update3 .gif1 .gif_menu li.t4 button{background-position:-247px 0}
.update3 .gif1 .gif_menu li.t5 button{background-position:-349px 0}
.update3 .gif1 .gif_menu li.t6 button{background-position:-489px 0}
.update3 .gif1 .gif_menu li.t1 button:hover,
.update3 .gif1 .gif_menu li.t1.on button{background-position:0 -39px}
.update3 .gif1 .gif_menu li.t2 button:hover,
.update3 .gif1 .gif_menu li.t2.on button{background-position:-98px -39px}
.update3 .gif1 .gif_menu li.t3 button:hover,
.update3 .gif1 .gif_menu li.t3.on button{background-position:-168px -39px}
.update3 .gif1 .gif_menu li.t4 button:hover,
.update3 .gif1 .gif_menu li.t4.on button{background-position:-247px -39px}
.update3 .gif1 .gif_menu li.t5 button:hover,
.update3 .gif1 .gif_menu li.t5.on button{background-position:-349px -39px}
.update3 .gif1 .gif_menu li.t6 button:hover,
.update3 .gif1 .gif_menu li.t6.on button{background-position:-489px -39px}

.update3 .gif2 .gif_menu li.t1 button{background-position:0 0}
.update3 .gif2 .gif_menu li.t2 button{background-position:-70px 0}
.update3 .gif2 .gif_menu li.t3 button{background-position:-172px 0}
.update3 .gif2 .gif_menu li.t4 button{background-position:-298px 0}
.update3 .gif2 .gif_menu li.t5 button{background-position:-403px 0}
.update3 .gif2 .gif_menu li.t1 button:hover,
.update3 .gif2 .gif_menu li.t1.on button{background-position:0 -39px}
.update3 .gif2 .gif_menu li.t2 button:hover,
.update3 .gif2 .gif_menu li.t2.on button{background-position:-70px -39px}
.update3 .gif2 .gif_menu li.t3 button:hover,
.update3 .gif2 .gif_menu li.t3.on button{background-position:-172px -39px}
.update3 .gif2 .gif_menu li.t4 button:hover,
.update3 .gif2 .gif_menu li.t4.on button{background-position:-298px -39px}
.update3 .gif2 .gif_menu li.t5 button:hover,
.update3 .gif2 .gif_menu li.t5.on button{background-position:-403px -39px}

.update3 .gif3 .gif_menu li.t1 button{background-position:0 0}
.update3 .gif3 .gif_menu li.t2 button{background-position:-98px 0}
.update3 .gif3 .gif_menu li.t3 button{background-position:-195px 0}
.update3 .gif3 .gif_menu li.t4 button{background-position:-366px 0}
.update3 .gif3 .gif_menu li.t1 button:hover,
.update3 .gif3 .gif_menu li.t1.on button{background-position:7px -37px}
.update3 .gif3 .gif_menu li.t2 button:hover,
.update3 .gif3 .gif_menu li.t2.on button{background-position:-98px -37px}
.update3 .gif3 .gif_menu li.t3 button:hover,
.update3 .gif3 .gif_menu li.t3.on button{background-position:-195px -37px}
.update3 .gif3 .gif_menu li.t4 button:hover,
.update3 .gif3 .gif_menu li.t4.on button{background-position:-366px -37px}

.update3 .gif4 .gif_menu li.t1 button{background-position:0 0}
.update3 .gif4 .gif_menu li.t1 button:hover,
.update3 .gif4 .gif_menu li.t1.on button{background-position:0 -37px}


.sticky #header,
.sticky #lnb{position:fixed;}
.sticky #up_list{position:fixed;margin-top:-200px;top:50%;}

#bottom_bar{position:fixed;width:100%;height:83px;background-color:#000;left:0;bottom:0;z-index:10}
#bottom_bar .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_bottom_bar.png) 174px 050% no-repeat;}
#bottom_bar .p_name{position:absolute;left:350px;line-height:16px;font-size:12px;color:#fff;top:25px;}
#bottom_bar .p_point{position:absolute;left:510px;line-height:40px;font-size:40px;color:#fff;top:20px;}
#bottom_bar .case1 .p_name,
#bottom_bar .case1 .p_point{font-size:60px;top:13px;line-height:40px;font-weight:lighter;}
#bottom_bar .btn_area{position:absolute;left:885px;bottom:0;width:482px;height:100%;font-size:0}
#bottom_bar .btn_area button{position:absolute;bottom:0;width:286px;height:100%;text-indent:-100000px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
#bottom_bar .btn_area button.b1{left:0;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_bottom1.png) no-repeat}
#bottom_bar .btn_area button.b2{right:0;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_bottom2.png) no-repeat;}
#bottom_bar .btn_area button:hover{height:91px}
#bottom_bar .btn_area button.b1:hover{left:8px;}
#bottom_bar .btn_area button.b2:hover{right:-8px;}


.agree_chk .checkbox, .agree_chk label{display:inline-block;*zoom:1;vertical-align:top}
.agree_chk .checkbox.checked{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0628_2run2run/checked.png)  no-repeat}
.agree_chk label{height:17px;line-height:16px;font-size:15px;font-weight:bold;width:203px}
.agree_chk .checkbox{width:17px;height:17px;background-position:-143px -124px}
.agree_chk .checkbox input{display:block;width:100%;height:100%;filter:alpha(opacity=0);opacity:0}

/* tab */
.tab_menu{overflow:hidden;font-size:0}
.tab_menu li{float:left}
.tab_menu li a{display:block}
.tab_wrap .tab_content{position:relative;display:none}
.tab_wrap .tab_content.on{display:block}


/* 팝업 공통 */
.modal-popup{display:none;z-index:9999999;position:fixed;top:0;left:0;top:0;right:0;bottom:0;width:100%;height:100%;min-width:1280px;height:100%}
.modal-popup .dim{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#000;filter:alpha(opacity=85);opacity:0.85}
.modal-popup .modal-wrap{position:absolute;top:50%;left:50%}
.modal-popup .btn_close{text-indent:-9999px;overflow:hidden}
.modal-popup .close_right, .pop_cal .close_right{position:absolute;top:0;right:0;width:52px;height:52px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/pop/btn_layer_close.png) no-repeat;text-indent: -999px;overflow: hidden}
.modal-popup .close_239{position:absolute;bottom:85px;left:45px;width:238px;background:#1e516e;font-weight:bold;font-size:28px;letter-spacing:-1px;color:#fff;text-indent:0;padding:7px 0 11px 0;}

/* 얼럿창 */
.modal-popup .alert{width:423px;height:309px;background:#fff url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/pop/bg_alert.png) no-repeat;border:5px solid #000;margin:-154px 0 0 -211px}
.modal-popup .alert .btn_close{top:8px;right:8px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/pop/btn_pop_close.png) no-repeat;}
.modal-popup .alert h2{font-size:19px;color:#252323;font-weight:bold;text-align:left;letter-spacing:-1px}
.modal-popup .alert .alert_body{text-align:center;padding:20px 28px 18px}
.modal-popup .alert .al_info{min-height:76px;border-top:1px solid #000;font-size:0;border-bottom:1px solid #000;margin-top:48px}
.modal-popup .alert .al_info p, .modal-popup .alert .al_info .align{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.modal-popup .alert .al_info p{font-size:21px;line-height:29px;padding:10px 0;letter-spacing:-1px;font-weight:bold;}
.modal-popup .alert .al_info p img{margin-top:13px}
.modal-popup .alert .al_msg{font-size:17px;line-height:30px;margin-top:11px}
.modal-popup .alert .btn_alert{position:absolute;left:0;width:100%;bottom:25px;font-size:0}
.modal-popup .alert .btn_alert button{width:135px;height:31px;margin:0 5px;text-align:center;line-height:20px;color:#fff;font-size:16px;font-weight:bold;}
.modal-popup .alert .btn_alert .btn_alply{background-color:#1e516e;}
.modal-popup .alert .btn_alert .btn_buy{background-color:#1e516e;}
.modal-popup .alert .btn_alert .close_136{background:#07233e;text-indent:0}

/* 영상 팝업*/
#dim{position:fixed;left:0;top:0;height:100%;width:100%;background:#000;z-index:102;display:none;opacity:0.9; filter:Alpha(opacity=90)}
#layer_vod{position:fixed;width:1070px;top:50%;left:50%;margin:-470px 0 0 -500px;z-index:103;height:825px;display:none;-webkit-transition: all .5s ease-out;transition: all .5s ease-out;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0802_2run2run/layer_title.png) 285px 0 no-repeat}
#layer_vod #video{position:absolute;width:968px;height:545px;bottom:60px;left:0;background-color:#000;}
.ie9 #layer_vod{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0628_2run2run/movie_alert.jpg) center -105px no-repeat;}
#layer_vod .v_close{position:absolute;bottom:545px;right:30px}
#layer_vod .v_today{position:absolute;bottom:0;left:360px;}
#layer_vod .layer_tab{position:absolute;left:0;top:172px;height:33px;}
#layer_vod .layer_tab li{float:left;height:100%;width:259px;}
#layer_vod .layer_tab .lt1{width:263px;}
#layer_vod .layer_tab .lt4{width:289px;}
#layer_vod .layer_tab button{display:block;width:100%;height:100%;text-indent:-100000px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0809_2run2run/layer_tab.png) no-repeat}
#layer_vod .layer_tab .lt1 button{background-position:0 -33px}
#layer_vod .layer_tab .lt1 button:hover,
#layer_vod .layer_tab .lt1.active button{background-position:0 0}
#layer_vod .layer_tab .lt2 button{background-position:-263px -33px}
#layer_vod .layer_tab .lt2 button:hover,
#layer_vod .layer_tab .lt2.active button{background-position:-263px 0}
#layer_vod .layer_tab .lt3 button{background-position:-522px -33px}
#layer_vod .layer_tab .lt3 button:hover,
#layer_vod .layer_tab .lt3.active button{background-position:-522px 0}
#layer_vod .layer_tab .lt4 button{background-position:-781px -33px}
#layer_vod .layer_tab .lt4 button:hover,
#layer_vod .layer_tab .lt4.active button{background-position:-781px 0}
@media screen and (max-width: 1280px) {
    html {overflow-x:auto !important;}
}