@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/0719_2run2run/bg_intro.jpg) center 0 no-repeat;position:absolute;top:0;left:0;right:0;width:100%;height:100%;opacity:0}
#wrapper.evt1{background-color:#872230;}
#wrapper.evt1 #black{background:#872230 url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_evt1_jh.jpg) center 0 no-repeat;position:absolute;top:0;left:0;right:0;width:100%;height:100%;opacity:0}
#wrapper.evt2{background:#0f4999 url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_evt2.jpg) center 0 no-repeat}
#wrapper.evt3{background:#f1f1f1 url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_evt3.jpg) center 0 no-repeat}
#wrapper.evt4{background:#3a3941 url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_evt4.jpg) center 0 no-repeat}
#wrapper.evt5{background:#533f31 url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_evt5.jpg) center 0 no-repeat}
#wrapper.evt6{background-color:#344f94;}
#wrapper.evt6 #black{background:#344f94 url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_evt6_jh.jpg) center 0 no-repeat;position:absolute;top:0;left:0;right:0;width:100%;height:100%;opacity:0}
#wrapper.update1{background:#fff url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_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:50%;top:0;margin-left:-240px}
#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 #header h1{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/logo_intro.png) 50% 50% no-repeat}
.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;}
#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;}
.intro #intro h2{position:absolute;width:515px;height:238px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/intro_title.png) no-repeat;right:50%;top:370px;margin-right:-696px;text-indent:-100000px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out}
.intro #intro button{position:absolute;width:520px;height:90px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_vod.png) no-repeat;right:50%;top:625px;margin-right:-704px;text-indent:-100000px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out}
.intro #intro button:hover{top:622px;}
.intro .parallax .move._1{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/intro_jh.png) no-repeat}
.intro .parallax .move._2{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/intro_jh_02.png) no-repeat}
.intro .parallax .move._3{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/intro_jh_01_02.png) no-repeat}


.evt1 #intro{height:1134px;}
.evt1 #intro .inner {background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/dog2gain_subtxt.png) 360px 950px no-repeat}
.evt1 #intro .inner a{position:absolute;width:227px;height:26px;left:595px;bottom:70px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_play.png) no-repeat;text-indent:-100000px}
.evt1 #intro .inner a:hover{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_play_over.png) no-repeat}
.evt1 .parallax .move._1{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt1_mv_title.png) center 0  no-repeat}
.evt1 .parallax .move._2{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt1_mv_date.png) center 0  no-repeat}
.evt1 .parallax .move._3{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt1_mv_who.png) center 0  no-repeat}
.evt1 #con1{height:1039px;border-top:1px solid #fb0141}
.evt1 #con2{height:738px;border-top:1px solid #fb0141}
.evt1 #con3{height:854px;border-top:1px solid #fb0141}
.evt1 #con1 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt1_section1.png) 174px 0 no-repeat;margin-top:-7px}
.evt1 #con2 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt1_section2.png) 174px 0 no-repeat;margin-top:-7px}
.evt1 #con3 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt1_section3.png) 174px 0 no-repeat;margin-top:-7px;padding-top:184px}
.evt1 #con3 .case1{position:relative;border:1px solid #fc0141;width:100%;height:122px;box-sizing:border-box;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/txt_login.png) 63px 50% no-repeat}
.evt1 #con3 .case1 .btn{position:absolute;right:80px;top:37px;height:51px;width:206px;}
.evt1 #con3 .case2{position:relative;border:1px solid #fc0141;width:100%;height:122px;box-sizing:border-box;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/txt_char.png) 63px 50% no-repeat}
.evt1 #con3 .case2 .btn{position:absolute;right:80px;top:37px;height:51px;width:206px;}
.evt1 #con3 .case3{position:relative;height:134px;box-sizing:border-box;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/txt_select.png) left bottom no-repeat}
.evt1 #con3 .case3 .btn{position:absolute;right:0;bottom:0;height:51px;width:206px;}
.evt1 #con3 .case4{position:relative;height:122px;box-sizing:border-box;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/bg_login.png) left bottom no-repeat}
.evt1 #con3 .case4 .btn{position:absolute;right:0;top:16px;height:51px;width:206px;}
.evt1 #con3 .case4 .btn_info{position:absolute;right:0;bottom:11px;height:25px;width:206px;}
.evt1 #con3 .case4 .btn_info button{display:block;width:100%;height:100%;text-indent:-100000px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_info.png) left 0 no-repeat;-webkit-transition: all .3s ease-out;transition: all .3s ease-out}
.evt1 #con3 .case4 .btn_info button:hover{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_info_over.png) 0 0 no-repeat}
.evt1 #con3 .case4 .p_name{position:absolute;bottom:0;left:460px;color:#fff;font-size:30px;line-height:35px}
.evt1 #con3 .case4 .p_point{position:absolute;bottom:0;left:705px;color:#fff;font-size:30px;line-height:35px}
.evt1 #con3 .btn a,
.evt1 #con3 .btn button{display:block;width:100%;height:100%;background-color:#01a0fc;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;text-align:center;}
.evt1 #con3 .btn a:hover,
.evt1 #con3 .btn button:hover{background-color:#fc0141}
/* select */
.evt1 #con3 .sel_wrap{position:absolute;width:655px;right:0;bottom:0};
.evt1 #con3 .sel_wrap:after{content:"";display:block;clear:both}
.evt1 #con3 .sel_wrap .select{position:relative;z-index:1;width:206px;float:left;margin-right:12px}
.evt1 #con3 .sel_wrap .select select{position:absolute;top:-99999px;left:-99999px}
.evt1 #con3 .sel_wrap .select_custom a{display:block;color:#fff;font-size:14px;}
.evt1 #con3 .sel_wrap .select_custom .default{display:block;background:#000 url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/select_arrow.png) 92% 50% no-repeat;border:3px solid #fc0141;line-height:42px;height:44px;padding:0 20px;font-size:18px;color:#fff;}
.evt1 #con3 .sel_wrap .select_custom div{display:none;position:absolute;left:0;bottom:50px;width:200px;max-height:157px;border:3px solid #fc0141;border-bottom:0 none;overflow:hidden;overflow-y:auto;background:#000;padding:10px 0;}
.evt1 #con3 .sel_wrap .select_custom li{padding:0 20px;margin:5px 0}
.evt1 #con3 .sel_wrap .select_custom.active div{display:block}
.evt1 #con3 .sel_wrap .select_custom .sel_ch{margin-right:7px}
.evt1 #con3 .sel_wrap .select_custom li a{line-height:25px;}
.evt1 #con3 .sel_wrap .select_custom li a:hover{color:#fc0141}
.evt1 #footer{bottom:108px}

.evt2 #intro{height:1076px;}
.evt2 #con1{height:1374px}
.evt2 #intro .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt2_sub_tit.png) 340px 895px no-repeat;}
.evt2 #con1 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt2_con01.png) 174px 0 no-repeat;}
.evt2 #intro h2{position:absolute;width:1263px;height:750px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt2_mv_title.png) no-repeat;left:50%;top:185px;margin-left:-520px;text-indent:-100000px}
.evt2 .float1{position:absolute;left:50%;top:28px;width:318px;height:393px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt2_float1.png) no-repeat;margin-left:-700px;
              animation: float4 4s ease-in-out infinite;
              -webkit-animation: float4 4s ease-in-out infinite}
.evt2 .float2{position:absolute;right:50%;top:703px;width:335px;height:399px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt2_float2.png) no-repeat;margin-right:-1050px;
              animation: float5 3.5s ease-in-out infinite;
              -webkit-animation: float5 3.5s ease-in-out infinite}
.evt2 .float3{position:absolute;left:50%;top:77px;width:319px;height:371px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt2_float3.png) no-repeat;margin-left:-793px;
              animation: float6 3s ease-in-out infinite;
              -webkit-animation: float6 3s ease-in-out infinite}
.evt2 .float4{position:absolute;left:50%;bottom:-170px;width:335px;height:399px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt2_float2.png) no-repeat;margin-left:-820px;
              animation: float7 3s ease-in-out infinite;
              -webkit-animation: float7 3s ease-in-out infinite}
.evt2 .float5{position:absolute;right:50%;top:320px;width:285px;height:374px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt2_float4.png) no-repeat;margin-right:-700px;
              animation: float8 3s ease-in-out infinite;
              -webkit-animation: float8 3s ease-in-out infinite}
@keyframes float4 {0%,100% {top:28px} 50% {top:38px}}
@keyframes float5 {0%,100% {top:703px} 50% {top:713px}}
@keyframes float6 {0%,100% {top:77px} 50% {top:87px}}
@keyframes float7 {0%,100% {bottom:-170px} 50% {bottom:-180px}}
@keyframes float8 {0%,100% {top:320px} 50% {top:330px}}

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

.evt3 #intro{height:974px;}
.evt3 #con1{height:896px}
.evt3 #intro .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt3_mv_title.png) 68% 325px no-repeat;}
.evt3 #con1 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt3_con01.png) 214px 0 no-repeat;}
.evt3 .parallax .move._1{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt3_move1.png) no-repeat}
.evt3 .parallax .move._2{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt3_move2.png) no-repeat;}
.evt3 .parallax .move._3{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt3_move3.png) no-repeat}
.evt3 .parallax .move._4{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt3_move4.png) no-repeat;}
.evt3 #con1 .btn_notice{position:absolute;left:448px;bottom:182px;width:518px;height:74px;}
.evt3 #con1 .btn_notice a{display:block;width:100%;height:100%;text-indent:-100000px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_notice.png) no-repeat;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.evt3 #con1 .btn_notice a:hover{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/btn_notice_over.png) no-repeat}

.evt4 #intro{height:1330px;}
.evt4 #con1{height:1120px}
.evt4 #intro .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt4_sub_tit.png) 68% 530px no-repeat;}
.evt4 #con1 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt4_con01.png) 174px 0 no-repeat;}
.evt4 #intro h2{position:absolute;width:573px;height:407px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt4_mv_title.png) no-repeat;left:430px;top:222px;text-indent:-100000px}
.evt4 .parallax .move._1{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt4_move1.png) 78% 100px no-repeat}
.evt4 #intro .coffee{position:absolute;width:188px;height:57px;right:-287px;bottom:550px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/coffee.png) no-repeat}
.evt4 #con1 a{position:absolute;width:50px;height:30px;left:750px;bottom:110px;text-indent:-100000px}

.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/0719_2run2run/evt5_con01.png) 174px 80px no-repeat;}
.evt5 #con2 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt5_con02.png) 174px 70px no-repeat;}
.evt5 #con3 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt5_con03.png) 174px 66px no-repeat;}
.evt5 #intro h2{position:absolute;width:529px;height:761px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt5_mv_title.png) no-repeat;right:50%;top:224px;margin-right:-700px;text-indent:-100000px}
.evt5 #intro .rhd{position:absolute;width:192px;height:370px;top:224px;right:135px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/rhd.png) no-repeat}
.evt5 #intro .fir{position:absolute;width:266px;height:345px;top:508px;right:-63px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/fir.png) no-repeat}
.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:#000;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;left:50%;bottom:30px;width:1046px;height:907px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt5_float00.png) no-repeat;margin-left:-735px;
              animation: float00 4s ease-in-out infinite;
              -webkit-animation: float00 4s ease-in-out infinite}
.evt5 .float01{position:absolute;left:50%;top:350px;width:654px;height:343px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt5_float01.png) no-repeat;margin-left:-533px;
              animation: float01 3.5s ease-in-out infinite;
              -webkit-animation: float01 3.5s ease-in-out infinite}
.evt5 .float1{position:absolute;right:50%;top:65px;width:491px;height:660px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt5_float1.png) no-repeat;margin-right:-960px;
              animation: float1 4s ease-in-out infinite;
              -webkit-animation: float1 4s ease-in-out infinite}
.evt5 .float2{position:absolute;left:50%;top:210px;width:537px;height:366px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt5_float2.png) no-repeat;margin-left:-960px;
              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:457px;height:438px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt5_float3.png) no-repeat;margin-right:-940px;
              animation: float3 3s ease-in-out infinite;
              -webkit-animation: float3 3s ease-in-out infinite}
@keyframes float00 {0%,100% {bottom:30px} 50% {bottom:20px}}
@keyframes float01 {0%,100% {top:350px} 50% {top:360px}}
@keyframes float1 {0%,100% {top:65px} 50% {top:85px}}
@keyframes float2 {0%,100% {top:210px} 50% {top:230px}}
@keyframes float3 {0%,100% {top:-70px} 50% {top:-50px}}

.evt6 #intro{height:1007px;}
.evt6 #con1{height:929px}
.evt6 #con2{height:1380px}
.evt6 #con3{height:441px}
.evt6 #intro h2{position:absolute;width:1340px;height:100%;top:295px;left:30px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt6_mv_title.png) no-repeat;text-indent:-1000000px;opacity:0;}
.evt6 #intro .parallax .move._1{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt6_move1.png) no-repeat}
.evt6 #intro .parallax .move._2{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt6_move2.png) no-repeat;}
.evt6 #intro .parallax .move._3{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt6_move3.png) no-repeat;}
.evt6 #intro .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt6_intro.png) right bottom no-repeat;}
.evt6 #con1 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt6_con01_w.png) 220px bottom no-repeat;}
.evt6 #con2 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/evt6_con02.png) right 0 no-repeat;}
.evt6 #con3 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_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:642px;;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 #7081b1;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:#000;line-height:47px;width:18%;letter-spacing:-.055em}
 .comment .cmt_list .date{font-size:12px;line-height:47px;width:13%;letter-spacing:-.055em;color:#342b11;}
.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}

.update1 #intro{height:1020px;}
.update1 #con1{height:1251px}
.update1 #con2{height:565px}
.update1 #con1 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_con01.png) center 66px no-repeat;}
.update1 #con2 .inner{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_con02.png) 94px 0 no-repeat;}
.update1 .parallax{top:-70px;}
.update1 .parallax .move._1{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_jh.png) 24% 0 no-repeat}
.update1 .line1{position:absolute;left:50%;top:0;width:750px;height:0;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_line1.png) no-repeat;margin-left:-592px;}
.update1 .line2{position:absolute;right:50%;top:425px;width:1458px;height:0;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_line2.png) no-repeat;margin-right:-725px;}
.update1 .char{position:absolute;right:-170px;top:75px;width:1024px;height:923px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_char.png) no-repeat;
              animation: float6 3s ease-in-out infinite;
              -webkit-animation: float6 3s ease-in-out infinite}
.update1 .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;}
.update1 .text{position:absolute;right:50%;top:155px;width:801px;height:830px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_text.png) no-repeat;margin-right:-870px;}
.update1 #intro h2{position:absolute;width:515px;height:231px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_title_v2.png) no-repeat;left:107px;bottom:330px;text-indent:-100000px}
.update1 #intro .btn_area{position:absolute;width:460px;height:96px;bottom:180px;left:107px;}
.update1 #intro .btn_area a{display:block;width:100%;height:47px;margin-bottom:1px}
.update1 .tab_menu.gif{position:absolute;left:330px;top:33px;}
.update1 .tab_menu.gif li{width:24px;height:300px;margin-right:30px}
.update1 .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/0719_2run2run/menu_gif.png) no-repeat}
.update1 .tab_menu.gif li.t1 button{}
.update1 .tab_menu.gif li.t2 button{background-position-x:-54px}
.update1 .tab_menu.gif li.t3 button{background-position-x:-108px}
.update1 .tab_menu.gif li.t4 button{background-position-x:-162px}
.update1 .tab_menu.gif li.t5 button{background-position-x:-216px}
.update1 .tab_menu.gif li.t1 button:hover,
.update1 .tab_menu.gif li.t1.on button{background-position-x:-267px}
.update1 .tab_menu.gif li.t2 button:hover,
.update1 .tab_menu.gif li.t2.on button{background-position-x:-321px}
.update1 .tab_menu.gif li.t3 button:hover,
.update1 .tab_menu.gif li.t3.on button{background-position-x:-375px}
.update1 .tab_menu.gif li.t4 button:hover,
.update1 .tab_menu.gif li.t4.on button{background-position-x:-429px}
.update1 .tab_menu.gif li.t5 button:hover,
.update1 .tab_menu.gif li.t5.on button{background-position-x:-483px}
.update1 .tab_wrap.gif{position:absolute;left:635px;top:44px;width:560px;height:450px;}
.update1 .tab_wrap.gif .tab_content{width:100%;height:100%;}
.update1 .tab_wrap.gif .tab_wrap.view{width:100%;height:333px;background-color:#e4e7e7}
.update1 .tab_wrap.gif .tab_menu.list{position:absolute;left:0;top:360px;width:100%;}
.update1 .gif_menu{overflow:hidden;font-size:0;position:absolute;top:355px;left:0;width:100%;}
.update1 .gif_menu li{float:left;height:28px;}
.update1 .gif_menu li button{display:block;width:100%;height:100%;text-indent:-100000px}
.update1 .gif_view img{position:relative;display:none}
.update1 .gif_view img.on{display:block}

.update1 .gif1 .gif_menu li,
.update1 .gif2 .gif_menu li{width:88px}
.update1 .gif3 .gif_menu li{width:105px}
.update1 .gif3 .gif_menu li.t1{width:97px;}
.update1 .gif3 .gif_menu li.t2{width:113px;}
.update1 .gif4 .gif_menu li{width:121px}
.update1 .gif5 .gif_menu li{width:80px;height:48px;}

.update1 .gif1 .gif_menu li button{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_tab1.png) no-repeat}
.update1 .gif2 .gif_menu li button{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_tab2.png) no-repeat}
.update1 .gif3 .gif_menu li button{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_tab3.png) no-repeat}
.update1 .gif4 .gif_menu li button{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_tab4.png) no-repeat}
.update1 .gif5 .gif_menu li button{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/update_tab5.png) no-repeat}

.update1 .gif1 .gif_menu li.t1 button{background-position:7px -23px}
.update1 .gif1 .gif_menu li.t2 button{background-position:-81px -23px}
.update1 .gif1 .gif_menu li.t3 button{background-position:-169px -23px}
.update1 .gif1 .gif_menu li.t4 button{background-position:-257px -23px}
.update1 .gif1 .gif_menu li.t5 button{background-position:-345px -23px}
.update1 .gif1 .gif_menu li.t1 button:hover,
.update1 .gif1 .gif_menu li.t1.on button{background-position:7px 6px}
.update1 .gif1 .gif_menu li.t2 button:hover,
.update1 .gif1 .gif_menu li.t2.on button{background-position:-81px 6px}
.update1 .gif1 .gif_menu li.t3 button:hover,
.update1 .gif1 .gif_menu li.t3.on button{background-position:-169px 6px}
.update1 .gif1 .gif_menu li.t4 button:hover,
.update1 .gif1 .gif_menu li.t4.on button{background-position:-257px 6px}
.update1 .gif1 .gif_menu li.t5 button:hover,
.update1 .gif1 .gif_menu li.t5.on button{background-position:-345px 6px}

.update1 .gif2 .gif_menu li.t1 button{background-position:7px -23px}
.update1 .gif2 .gif_menu li.t2 button{background-position:-81px -23px}
.update1 .gif2 .gif_menu li.t3 button{background-position:-169px -23px}
.update1 .gif2 .gif_menu li.t4 button{background-position:-257px -23px}
.update1 .gif2 .gif_menu li.t5 button{background-position:-345px -23px}
.update1 .gif2 .gif_menu li.t1 button:hover,
.update1 .gif2 .gif_menu li.t1.on button{background-position:7px 6px}
.update1 .gif2 .gif_menu li.t2 button:hover,
.update1 .gif2 .gif_menu li.t2.on button{background-position:-81px 6px}
.update1 .gif2 .gif_menu li.t3 button:hover,
.update1 .gif2 .gif_menu li.t3.on button{background-position:-169px 6px}
.update1 .gif2 .gif_menu li.t4 button:hover,
.update1 .gif2 .gif_menu li.t4.on button{background-position:-257px 6px}
.update1 .gif2 .gif_menu li.t5 button:hover,
.update1 .gif2 .gif_menu li.t5.on button{background-position:-345px 6px}

.update1 .gif3 .gif_menu li.t1 button{background-position:7px -23px}
.update1 .gif3 .gif_menu li.t2 button{background-position:-90px -23px}
.update1 .gif3 .gif_menu li.t3 button{background-position:-203px -23px}
.update1 .gif3 .gif_menu li.t4 button{background-position:-308px -23px}
.update1 .gif3 .gif_menu li.t5 button{background-position:-413px -23px}
.update1 .gif3 .gif_menu li.t1 button:hover,
.update1 .gif3 .gif_menu li.t1.on button{background-position:7px 6px}
.update1 .gif3 .gif_menu li.t2 button:hover,
.update1 .gif3 .gif_menu li.t2.on button{background-position:-90px 6px}
.update1 .gif3 .gif_menu li.t3 button:hover,
.update1 .gif3 .gif_menu li.t3.on button{background-position:-203px 6px}
.update1 .gif3 .gif_menu li.t4 button:hover,
.update1 .gif3 .gif_menu li.t4.on button{background-position:-308px 6px}
.update1 .gif3 .gif_menu li.t5 button:hover,
.update1 .gif3 .gif_menu li.t5.on button{background-position:-413px 6px}

.update1 .gif4 .gif_menu li.t1 button{background-position:7px -23px}
.update1 .gif4 .gif_menu li.t2 button{background-position:-114px -23px}
.update1 .gif4 .gif_menu li.t3 button{background-position:-235px -23px}
.update1 .gif4 .gif_menu li.t4 button{background-position:-356px -23px}
.update1 .gif4 .gif_menu li.t1 button:hover,
.update1 .gif4 .gif_menu li.t1.on button{background-position:7px 6px}
.update1 .gif4 .gif_menu li.t2 button:hover,
.update1 .gif4 .gif_menu li.t2.on button{background-position:-114px 6px}
.update1 .gif4 .gif_menu li.t3 button:hover,
.update1 .gif4 .gif_menu li.t3.on button{background-position:-235px 6px}
.update1 .gif4 .gif_menu li.t4 button:hover,
.update1 .gif4 .gif_menu li.t4.on button{background-position:-356px 6px}

.update1 .gif5 .gif_menu li.t1 button{background-position:7px -54px}
.update1 .gif5 .gif_menu li.t2 button{background-position:-73px -54px}
.update1 .gif5 .gif_menu li.t3 button{background-position:-153px -54px}
.update1 .gif5 .gif_menu li.t4 button{background-position:-233px -54px}
.update1 .gif5 .gif_menu li.t5 button{background-position:-313px -54px}
.update1 .gif5 .gif_menu li.t6 button{background-position:-393px -54px}
.update1 .gif5 .gif_menu li.t7 button{background-position:-473px -54px}
.update1 .gif5 .gif_menu li.t1 button:hover,
.update1 .gif5 .gif_menu li.t1.on button{background-position:7px 6px}
.update1 .gif5 .gif_menu li.t2 button:hover,
.update1 .gif5 .gif_menu li.t2.on button{background-position:-73px 6px}
.update1 .gif5 .gif_menu li.t3 button:hover,
.update1 .gif5 .gif_menu li.t3.on button{background-position:-153px 6px}
.update1 .gif5 .gif_menu li.t4 button:hover,
.update1 .gif5 .gif_menu li.t4.on button{background-position:-233px 6px}
.update1 .gif5 .gif_menu li.t5 button:hover,
.update1 .gif5 .gif_menu li.t5.on button{background-position:-313px 6px}
.update1 .gif5 .gif_menu li.t6 button:hover,
.update1 .gif5 .gif_menu li.t6.on button{background-position:-393px 6px}
.update1 .gif5 .gif_menu li.t7 button:hover,
.update1 .gif5 .gif_menu li.t7.on button{background-position:-473px 6px}

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

/* 7차 예약하기 팝업 */
.pop_reserve .btn_mres button, .pop_reserve .con_select .phone_num, .pop_reserve .con_select .phone_num p, .pop_reserve .con_select .phone_num a, .pop_reserve .con_select button, .pop_reserve .con_select .checkbox{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/spr_pop_reserve.png") no-repeat}
.pop_reserve{width:1000px;height:824px;margin:-412px 0 0 -500px}
.pop_reserve .modal_body{background:#fff url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/bg_pop_reserve.png") no-repeat;height:710px;border:5px solid #000}
.pop_reserve .modal_content{position:relative;height:459px}
.pop_reserve .pmsg{text-align:center;padding-top:158px;margin-bottom:127px}
.pop_reserve .modal_footer{height:251px;background:#f7f7f7;font-family:"돋움";font-size:12px;line-height:21px}
.pop_reserve .modal_footer li{text-indent:-14px;padding-left:14px}
.pop_reserve .modal_footer li, .pop_reserve .modal_footer p{letter-spacing:-1px}
.pop_reserve .btn_mres{position:relative;width:244px;height:44px;margin:0 auto}
.pop_reserve .btn_mres button{width:100%;height:100%}
.pop_reserve .btn_mres.disabled .cover{position:absolute;top:0;left:0;width:100%;height:100%}
.pop_reserve .btn_mres.disabled button{background-position:0 -56px}
.pop_reserve .m_caution{overflow:hidden;padding:64px 0 0 41px}
.pop_reserve .m_caution ul{float:left}
.pop_reserve .m_caution .cleft{margin-right:31px}
.pop_reserve .btn_close{top:43px;right:9px}
.pop_reserve .con_reserved .modal_content{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/bg_pop_reserved.jpg") no-repeat;text-align:center}
.pop_reserve .con_reserved h3{text-align:center;padding-top:45px;margin-bottom:23px}
.pop_reserve .con_reserved .modal_content dl{height:50px;width:622px;font-size:0;padding:3px 0;margin:0 auto 215px}
.pop_reserve .con_reserved .modal_content dt, .pop_reserve .con_reserved .modal_content dd{display:inline-block;*display:inline;*zoom:1;font-size:30px;line-height:50px;font-style:italic}
.pop_reserve .con_reserved .modal_content dt{color:#6a635a;padding-right:3px}
.pop_reserve .con_reserved .modal_content .dd_sv{padding-right:30px}
.pop_reserve .con_reserved .modal_content .agree_date{position:absolute;top:254px;left:202px;font-size:0}
.pop_reserve .con_reserved .modal_content .agree_date span{display:inline-block;*zoom:1;font-size:15px}
.pop_reserve .con_reserved .modal_content .agree_date .ad_y{width:38px}
.pop_reserve .con_reserved .modal_content .agree_date .ad_m{margin:0 18px 0 20px}
.pop_reserve .con_reserved .modal_content .agree_date .ad_m, .pop_reserve .con_reserved .modal_content .agree_date .ad_d{width:20px}
.pop_reserve .con_reserved .coup_num{display:inline-block;*display:inline;*zoom:1;vertical-align:top;background:#F7F7F7;min-width:596px;height:44px;font-size:30px;line-height:41px;font-weight:bold;border:3px solid #000;padding:0 10px}
.pop_reserve .con_reserved .m_use{text-align:center;padding-top:29px}
.pop_reserve .con_reserved .m_use h4{margin-bottom:13px}
.pop_reserve .con_reserved h5{font-size:12px}
.pop_reserve .con_select .modal_content{height:424px;padding:35px 55px 0}
.pop_reserve .con_select h3{margin-bottom:50px}
.pop_reserve .con_select .phone_num{position:relative;border:3px solid #000;background-color:#f7f7f7;background-position:731px -311px;padding-left:30px}
.pop_reserve .con_select .phone_num p{height:44px;line-height:43px;font-size:25px;font-weight:bold;background-position:0 -213px;padding-left:37px}
.pop_reserve .con_select .phone_num a, .pop_reserve .con_select button{position:absolute}
.pop_reserve .con_select .phone_num a{top:14px;right:160px;width:126px;height:16px;background-position:0 -159px}
.pop_reserve .con_select .phone_num button{top:9px;right:15px;width:111px;height:26px;background-position:0 -120px}
.pop_reserve .con_select .phone_num button.active{background-position:-189px -120px}
.pop_reserve .con_select .agree_chk{font-size:0;text-align:center;margin:34px 0 31px}
.agree_chk p{margin-top:11px;}
.pop_reserve .con_select .checkbox, .pop_reserve .con_select label{display:inline-block;*zoom:1;vertical-align:top}
.pop_reserve .con_select .checkbox.checked{background-position:-143px -151px}
.pop_reserve .con_select label{height:17px;line-height:16px;font-size:15px;font-weight:bold;padding-left:10px}
.pop_reserve .con_select .checkbox{width:17px;height:17px;background-position:-143px -124px}
.pop_reserve .con_select .checkbox input{display:block;width:100%;height:100%;filter:alpha(opacity=0);opacity:0}
.pop_reserve .sel_wrap{margin-bottom:35px}
.pop_reserve .sel_wrap .sel_sv{margin-right:10px}

/* 쿠폰 팝업 */
.pop_coupon{width:1000px;margin:-327px 0 0 -500px}
.pop_coupon .tab_menu li a{width:213px;height:67px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/pop/spr_pop_coupon.png) no-repeat}
.pop_coupon .tab_menu .pt1{background-position:0 -84px}
.pop_coupon .tab_menu .on .pt1{background-position:0 0}
.pop_coupon .tab_menu .pt2{background-position:-213px 0}
.pop_coupon .tab_menu .on .pt2{background-position:-213px -84px}
.pop_coupon .tab_content{width:100%;height:587px}
.pop_coupon .tab_game{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/pop/bg_pop_coupon-1.png) no-repeat}
.pop_coupon .tab_cash{background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/pop/bg_pop_coupon-2.png) no-repeat}
.pop_coupon .btn_help{position:absolute;left:60px;bottom:38px;width:60px;height:20px;z-index:2}
.pop_coupon .btn_help a{display:block;width:100%;height:100%;text-indent:-100000px;}
/* 참여내역 리스트 */
.pop_list{width:1000px;padding-top:16px;margin:-318px 0 0 -500px}
.pop_list h2{margin:0 0 18px 44px;font-size:32px;font-weight:bold;letter-spacing:-1px;color:#fff}
.pop_list .list_wrap{position:relative;height:533px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/pop/bg_pop_point.png) no-repeat;padding:55px 41px 0 45px}
.pop_list h3{color:#907d6f;height:28px;line-height:22px;font-weight:normal;font-size:16px;padding-left:70px}
.pop_list p{width:228px;text-align:center;color:#363c48}
.pop_list p span{display:block}
.pop_list .point{height:151px;line-height:151px;font-size:72px}
.pop_list .unit{height:48px;font-size:40px;line-height:40px;border-top:1px solid #000;border-bottom:1px solid #000}
.pop_list .table_list{position:absolute;top:107px;right:42px}
.pop_list .tb_wrap{width:637px;height:368px;overflow:hidden}
.pop_list .tb_wrap.no_list{background:url(https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/bg_no-list.jpg) no-repeat}
.pop_list table{width:100%}
.pop_list table .col1{width:176px}
.pop_list table .col2{width:347px}
.pop_list table td{height:34px;vertical-align:middle;font-size:14px;border-bottom:1px dotted #A9ABAB;text-align:center}
.pop_list table .success td{background:#FFED01}
.pop_list .tb_wrap.no_list table{display:none}
.pop_list .pager{width:100%;font-size:0;height:28px;text-align:center;margin-top:29px}
.pop_list .pager a, .pop_list .pager span, .pop_list .pager span strong{display:inline-block;*zoom:1;vertical-align:middle}
.pop_list .pager a, .pop_list .pager strong{font-family:'맑은 고딕';font-size:18px;line-height:24px;margin:0 10px}
.pop_list .pager span{height:100%}
.pop_list .pager .move{width:23px;height:100%;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/spr_pop_pager.png") no-repeat}
.pop_list .pager .first:hover{background-position:-78px 0}
.pop_list .pager .prev{background-position:-40px 0}
.pop_list .pager .prev:hover{background-position:-118px 0}
.pop_list .pager .next{background-position:5px -57px}
.pop_list .pager .next:hover{background-position:-73px -57px}
.pop_list .pager .last{background-position:-37px -57px}
.pop_list .pager .last:hover{background-position:-115px -57px}
.pop_list .pager span strong{color:#000}
.pop_list .pager span a{font-weight:bold;color:#777}

/* 아이템 구매하기/ 응모하기 팝업 */
.pop_item{padding-top:10px;width:1030px;margin:-464px 0 0 -495px}
.pop_item .h2_wrap dl, .pop_item .item_wrap .itimg{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/spr_pop_item.png") no-repeat}
.pop_item .h2_wrap{overflow:hidden;margin-bottom:30px}
.pop_item .h2_wrap h2, .pop_item .h2_wrap dl, .pop_item .h2_wrap dt{float:left}
.pop_item .h2_wrap h2{margin:2px 16px;font-size:32px;font-weight:bold;letter-spacing:-1px;color:#fff}
.pop_item .h2_wrap dl{width:169px;height:27px;overflow:hidden;line-height:25px;padding:7px 0 5px 70px;margin-top:5px;}
.pop_item .h2_wrap dt{font-size:12px;color:#907d6f;letter-spacing:-1px}
.pop_item .h2_wrap dd{float:right;width:120px;font-size:29px;color:#0e0b08;text-align:center;letter-spacing:-1px}
.pop_item .item_wrap{position:relative;width:1060px;height:866px;border:5px solid #000;overflow:hidden;overflow-y:auto}
.pop_item .item_wrap ul{*zoom:1;}
.pop_item .item_wrap ul:after{content:"";display:block;clear:both}
.pop_item .item_wrap li{position:relative;float:left;width:184px;height:373px;text-align:center;*zoom:1;padding:28px 31px 32px;margin:0 6px 13px 7px;background-color:#fff}
.pop_item .item_wrap .iname{color:#000;height:78px;line-height:20px;text-align:center;font-size:14px;font-weight:bold;letter-spacing:-1px}
.pop_item .item_wrap .iname span{display:inline-block;*zoom:1;vertical-align:middle}
.pop_item .item_wrap .itimg{position:relative;width:160px;height:160px;background:url(https://ssl.nexon.com/s2/game/baram/2018/event/0719_2run2run/pop/gray.png) no-repeat;margin:0 auto 20px}
.pop_item .item_wrap .itimg img{position:absolute;top:50%;left:50%;margin:-100px 0 0 -108px}
.pop_item .item_wrap li dl{width:130px;height:26px;line-height:26px;border-top:1px solid #000;border-bottom:1px solid #000;font-size:12px;color:#676767;margin:0 auto;font-weight:bold;}
.pop_item .item_wrap li dt, .pop_item .item_wrap li dd{display:inline-block;display:inline;*zoom:1;vertical-align:baseline}
.pop_item .item_wrap li dd span{color:#111;}
.pop_item .item_wrap .ipoint{height:30px;margin:13px 0 20px 0}
.pop_item .item_wrap .ipoint span{font-size:12px;font-weight:bold}
.pop_item .item_wrap .ipoint strong{font-size:30px}
.pop_item .item_wrap li .btn_item{position:relative;width:194px;margin:0 auto;}
.pop_item .item_wrap li .btn_item button{display:block;width:100%;padding:6px 0 9px 0;overflow:hidden;font-weight:bold;font-size:20px;letter-spacing:-1px;color:#fff;background-color:#1e516e}
.pop_item .item_wrap .btn_item.soldout button{background-color:#c9c8be;cursor:default;}

/* 영상 팝업*/
#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:968px;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/0719_2run2run/layer_title.png) center 0 no-repeat}
#layer_vod #video{position:absolute;width:100%;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:-70px;}
#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;width:259px;height:100%;}
#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/0719_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:-259px -33px}
#layer_vod .layer_tab .lt2 button:hover,
#layer_vod .layer_tab .lt2.active button{background-position:-259px 0}
@media screen and (max-width: 1280px) {
    html {overflow-x:auto !important;}
}
@media screen and (max-width: 1400px) {
	.intro #intro h2,
	.intro #intro button{margin-right:-560px}
}