@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:'Noto Sans KR','돋움','dotum',sans-serif;font-size:14px;color:#262626;line-height:1;background:#FFDE79}
input,textarea,button,select{font-size:inherit;font-family:'Noto Sans KR','돋움','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}
#wrap .section{position:relative;width:100%}
.section .container{position:relative;width:1098px;height:100%;margin:0 auto}
.section .bg_section{position:absolute;top:0;left:0;width:99.99%;height:100%;padding-left:0.01%}

/* common */
#header h1 a, #header .util li a span, #header .util button, .intro .copyright, .intro .banner span, .intro .scroll{display:block;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0502_bj/spr.png") no-repeat;text-indent:-9999px;overflow:hidden}

/* header */
#header{position:absolute;top:0;left:0;right:0;height:106px;border-bottom:1px solid #262626;background:#FFDE79;z-index:100}
#header h1, #header .util{position:absolute}
#header h1{top:19px;left:46px}
#header h1 a{width:100px;height:69px}
#header .util{position:absolute;top:35px;right:42px;padding-right:324px}
#header .util ul{position:relative;*zoom:1}
#header .util ul:after{content:"";display:block;clear:both}
#header .util li{float:left;margin-left:10px}
#header .util li a{position:relative;display:block;width:36px;height:36px;border:1px solid #262626}
#header .util li a:hover{border-color:#EDEDED}
#header .util li a:before{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:0;background:#ededed;transition:height 150ms ease}
#header .util li a:hover:before{top:0;height:100%}
#header .util li span{position:relative;width:100%;height:100%}
#header .util .btn_h span{background-position:-1px -263px}
#header .util .btn_c span{background-position:-49px -263px}
#header .util li .bubble{position:absolute;width:114px;height:25px;filter:alpha(opacity=0);opacity:0;pointer-events:none}
#header .util .btn_h .bubble{top:-32px;left:-94px;background-position:-454px -554px;transform:translateY(5px)}
#header .util .btn_c .bubble{bottom:-31px;left:-96px;background-position:-308px -554px;transform:translateY(-5px)}
#header .util li a:hover .bubble{filter:alpha(opacity=100);opacity:1;transition:all 300ms ease;transform:translateY(0)}
#header .util .btn_start{position:absolute;right:0;top:-3px;width:286px;height:43px;background-position:0 -112px}
#header .util .btn_start:hover{background-position:0 -189px}

/* nav */
#nav{position:absolute;top:52px;left:40%;margin-left:-351px}
#nav ul{position:relative;*zoom:1}
#nav ul:after{content:"";display:block;clear:both}
#nav li{float:left;min-width:195px;margin:0 44px}
#nav li:first-child{width:230px}
#nav li:nth-child(2){width:195px}
#nav li a{display:block;position:relative;white-space:nowrap}
#nav li .txt{font-size:25px;text-align:center}
#nav li .blt{position:absolute;bottom:-45px;left:50%;width:22px;height:22px;border:4px solid #3D3D3D;border-radius:100%;background:#F4F2EC;margin-left:-15px}
#nav li.on .blt, #nav li a:hover .blt{background:#2DFFE9}

/* intro */
.intro{height:1035px}
.intro .video_wrap .tab_menu li a span, .intro .video_wrap .tab_menu li .link, .intro .video_default .txt{display:block;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0502_gm/spr_video.png") no-repeat;text-indent:-999999px;overflow:hidden}
.intro .content_wrap ,.intro .content_wrap div, .intro .content_wrap span{position:absolute}
.intro .content_wrap span, .intro .video_wrap{opacity:0;filter:alpha(opacity=100)}
.load .intro .content_wrap span, .load .intro .video_wrap{opacity:1}
.intro .title_wrap{top:170px;left:-350px}
.intro .title_wrap span{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0502_gm/spr_title.png") no-repeat}
.intro .title_wrap .subtitle{top:0;left:11px;width:290px;height:29px;transition:opacity 300ms ease}
.intro .title_wrap div{left:0;height:96px}
.intro .title_wrap div span{height:100%;transition:opacity 200ms ease, transform 300ms ease}
.intro .title_wrap div .front{left:0}
.intro .title_wrap div .back{right:0}
.intro .title_wrap ._h1{top:48px;width:306px}
.intro .title_wrap ._h1 span{transition-delay:150ms}
.intro .title_wrap ._h1 .front{width:299px;background-position:0 -69px;transform:translateX(7px)}
.intro .title_wrap ._h1 .back{width:298px;background-position:-402px -69px}
.intro .title_wrap ._h2{top:151px;width:309px}
.intro .title_wrap ._h2 span{transition-delay:250ms}
.intro .title_wrap ._h2 .front{width:301px;background-position:0 -195px;transform:translateX(8px)}
.intro .title_wrap ._h2 .back{width:300px;background-position:-400px -195px}
.load .intro .title_wrap div .front{transform:translateX(0)}
.intro .object_wrap{left:0;top:0}
.intro .object_wrap .cloud{transition:opacity 300ms ease, transform 300ms cubic-bezier(0, 1, 0.8, 1)}
.intro .object_wrap ._c1{top:723px;left:24px;width:337px;height:236px;background-position:0 -1305px;transform:translateX(25px);transition-delay:200ms}
.intro .object_wrap ._c2{top:708px;left:717px;width:344px;height:218px;background-position:-498px -1305px;transform:translateX(-25px);transition-delay:200ms}
.load .intro .object_wrap .cloud{transform:translateX(0)}
.intro .object_wrap span{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0502_gm/spr_obj_intro.png") no-repeat}
.intro .object_wrap .gm{top:149px;left:752px;width:423px;height:817px;z-index:1}
.intro .object_wrap .gm .bubble{top:0;left:0;width:263px;height:183px;background-position:0 -73px;transform-origin:95% 100%}
.load .intro .object_wrap .gm .bubble{animation:titleBubble 450ms 550ms ease;transition:opacity 200ms 550ms ease}
.intro .object_wrap .gm .body{bottom:0;right:0;width:219px;height:724px;background-position:-304px 0;transition:opacity 300ms ease, transform 300ms cubic-bezier(0, 0.3, 0, 2);transform:translateY(100px);transition-delay:400ms}
.load .intro .object_wrap .gm .body{transform:translateY(0)}
.intro .object_wrap .badge{width:172px;height:50px;transform:scale(0);transition:opacity 300ms ease, transform 300ms cubic-bezier(0, 0.9, 0, 1.2)}
.load .intro .object_wrap .badge{transform:scale(1)}
.intro .object_wrap ._b1{top:431px;left:-100px;transition-delay:450ms}
.intro .object_wrap ._b2{top:141px;left:208px;transition-delay:500ms}
.intro .object_wrap ._b3{top:280px;left:1301px;transition-delay:300ms}
.intro .object_wrap ._b4{top:776px;left:1126px;transition-delay:250ms}
.intro .object_wrap ._b5{top:834px;left:1454px;transition-delay:200ms}
.intro .object_wrap ._b6{top:298px;left:-535px;transition-delay:350ms}
.intro .object_wrap .monster span{transition:opacity 300ms ease, transform 450ms ease}
.intro .object_wrap ._m1{top:395px;left:-516px;width:520px;height:363px}
.intro .object_wrap ._m1 span{transform:translate(-80px, 50px)}
.intro .object_wrap ._m1 .bg{top:64px;left:0;width:512px;height:288px;background-position:0 -901px;transition-delay:700ms}
.intro .object_wrap ._m1 .animal{bottom:0;left:66px;width:431px;height:331px;background-position:-670px -869px;transition-delay:750ms}
.intro .object_wrap ._m2{top:359px;left:1182px;width:494px;height:474px}
.intro .object_wrap ._m2 span{transform:translate(80px, 50px)}
.intro .object_wrap ._m2 .bg{top:99px;left:0;width:494px;height:346px;background-position:-706px -498px;transition-delay:800ms}
.intro .object_wrap ._m2 .animal{bottom:0;left:43px;width:326px;height:474px;background-position:-694px 0;transition-delay:850ms}
.load .intro .object_wrap .monster span{transform:translate(0,0)}
.intro .video_wrap{position:absolute;top:325px;left:112px;width:871px;opacity:0;transition:opacity 300ms 300ms ease}
.intro .video_wrap .tab_menu{position:absolute;top:-107px;left:-23px}
.intro .video_wrap .tab_menu:after{content:"";display:block;clear:both}
.intro .video_wrap .tab_menu li{position:relative;float:left;width:298px;margin-right:31px}
.intro .video_wrap .tab_menu li .link{position:absolute;top:36px;left:88px;width:202px;height:24px;background-position:-291px -121px}
.intro .video_wrap .tab_menu li.on .link, .intro .video_wrap .tab_menu li:hover .link{background-position:-510px -121px}
.intro .video_wrap .tab_menu li .play{display:block;position:relative;width:76px}
.intro .video_wrap .tab_menu li .btn{position:relative;width:76px;height:68px;background-position:-801px -152px}
.intro .video_wrap .tab_menu li .btn .front{position:absolute;top:0;left:0;width:68px;height:68px;background-position:-705px -152px;transition:left 100ms ease}
.intro .video_wrap .tab_menu .on .btn .front, .intro .video_wrap .tab_menu li:hover .btn .front{left:8px;background-position:-600px -152px}
.intro .video_wrap .tab_menu li .txt{position:absolute;top:6px;left:85px;width:213px;height:22px}
.intro .video_wrap .tab_menu .may10 .txt{background-position:0 -164px}
.intro .video_wrap .tab_menu .may10:hover .txt, .intro .video_wrap .tab_menu .may10.on .txt{background-position:0 -221px}
.intro .video_wrap .tab_menu .may11 .txt{background-position:-329px -164px}
.intro .video_wrap .tab_menu .may11:hover .txt, .intro .video_wrap .tab_menu .may11.on .txt{background-position:-329px -221px}
.intro .tab_content{position:relative;width:100%;height:493px}
.intro .tab_content .video_default .bezel{position:absolute;top:-27px;left:-27px;width:923px;height:565px;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0502_gm/bg_bezel.png") no-repeat}
.intro .tab_content .video_default{position:absolute;top:0;left:0;width:100%;height:100%;background:#484848}
.intro .tab_content .video_default .txt{display:none;position:absolute;top:190px;left:222px;width:442px;height:91px}
.intro .tab_content .video_default .txt.on{display:block}
.intro .tab_content .video_default .txt.may10{background-position:1px 0}
.intro .tab_content .video_default .txt.may11{background-position:-457px 0}
.intro .tab_content .video_default .noise{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("https://ssl.nexon.com/s2/game/baram/2019/event/0502_gm/bg_noise.gif");animation:videoNoise 400ms steps(4, end) infinite;opacity:0.2}
.intro .tab_content .video_frame{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#262626;z-index:1}
.intro .tab_content .video_frame.onair{display:block}
.intro .tab_content .video_frame iframe{width:100%;height:100%}
.intro .twinkle_wrap span{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0502_gm/spr_twinkle.png") no-repeat;transition:opacity 200ms linear}
.intro .twinkle_wrap .t61{width:61px;height:61px;background-position:0 -17px}
.intro .twinkle_wrap .t96{width:96px;height:96px;background-position:-82px 0}
.intro .twinkle_wrap .t51{width:51px;height:51px;background-position:-205px -22px}
.intro .twinkle_wrap .t56{width:56px;height:56px;background-position:-302px -20px}
.intro .twinkle_wrap .t75{width:75px;height:75px;background-position:-406px -10px}
.intro .twinkle_wrap .t42{width:42px;height:42px;background-position:-535px -27px}
.intro .twinkle_wrap ._t1{top:140px;left:36px;animation:twinkleT51 600ms 200ms steps(2, end) infinite;transition-delay:570ms}
.intro .twinkle_wrap ._t2{top:286px;left:-30px;animation:twinkleT96 600ms 300ms steps(2, end) infinite;transition-delay:670ms}
.intro .twinkle_wrap ._t3{top:139px;left:574px;animation:twinkleT51 600ms 100ms steps(2, end) infinite;transition-delay:800ms}
.intro .twinkle_wrap ._t4{top:170px;left:1113px;animation:twinkleT56 600ms 300ms steps(2, end) infinite;transition-delay:900ms}
.intro .twinkle_wrap ._t5{top:270px;left:1210px;animation:twinkleT61 600ms steps(2, end) infinite;transition-delay:680ms}
.intro .twinkle_wrap ._t6{top:176px;left:1331px;animation:twinkleT75 600ms 200ms steps(2, end) infinite;transition-delay:850ms}
.intro .twinkle_wrap ._t7{top:657px;left:-42px;animation:twinkleT96 600ms steps(2, end) infinite;transition-delay:760ms}
.intro .twinkle_wrap ._t8{top:780px;left:-91px;animation:twinkleT51 600ms 80ms steps(2, end) infinite;transition-delay:700ms}
.intro .twinkle_wrap ._t9{top:882px;left:-43px;animation:twinkleT61 600ms 150ms steps(2, end) infinite;transition-delay:820ms}
.intro .twinkle_wrap ._t10{top:843px;left:1233px;animation:twinkleT96 600ms 300ms steps(2, end) infinite;transition-delay:720ms}
.intro .twinkle_wrap ._t11{top:902px;left:1423px;animation:twinkleT42 600ms 100ms steps(2, end) infinite;transition-delay:600ms}
.intro .twinkle_wrap.stop span{animation:none !important}

/* sub */
.sub{height:1477px;background:#343434}
#sub .section{position:absolute;left:0;bottom:0;transition:height 800ms ease}
.sub .num, .sub .text_wrap .event, .sub .text_wrap h3, .sub .text_wrap .desc, .sub3 .parallax li{opacity:0;filter:alpha(opacity=100);position:absolute;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0502_gm/spr_sub.png") no-repeat;text-indent:-99999px;overflow:hidden}
.sub .text_wrap .event, .sub .text_wrap h3, .sub .text_wrap .desc, .sub3 .parallax li{transform:translateY(50px);transition:opacity 300ms linear, transform 500ms ease}
.sub.slide .text_wrap .event, .sub.slide .text_wrap h3, .sub.slide .text_wrap .desc, .sub3.active .parallax li{transform:translateY(0)}
.sub.slide .num, .sub.slide .text_wrap .event, .sub.slide .text_wrap h3, .sub.slide .text_wrap .desc, .sub3.active .parallax li{opacity:1}
.sub .num{left:-469px;width:249px;transform:translateX(-60%);transition:opacity 300ms linear, transform 400ms ease}
.sub.slide .num{transform:translateX(0)}
.sub .text_wrap{position:absolute;top:79px;left:16px}
.sub .text_wrap .event{top:0;left:3px;width:169px;height:41px}
.sub .text_wrap h3{top:54px;left:3px;width:487px;height:41px}
.sub .text_wrap .desc{top:139px;left:0;width:805px;height:59px}
.sub .object_wrap{position:absolute;top:0;left:0;width:100%}
.sub .object_wrap span{opacity:0;filter:alpha(opacity=0);position:absolute;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0502_gm/spr_obj_sub.png") no-repeat}
.sub .active .object_wrap span{opacity:1;transform:translate(0,0) rotate(0)}

/* sub1 */
.sub1{height:100%}
.sub1 .num{top:61px;height:270px}
.slide .sub1 .num{transition-delay:600ms}
.sub1 .text_wrap .event{background-position:-410px 6px}
.slide .sub1 .text_wrap .event{transition-delay:700ms}
.sub1 .text_wrap h3{background-position:-410px -48px}
.slide .sub1 .text_wrap h3{transition-delay:800ms}
.sub1 .text_wrap .desc{background-position:-407px -133px}
.slide .sub1 .text_wrap .desc{transition-delay:900ms}
.sub1.active .object_wrap span{transition:opacity 200ms linear, transform 800ms cubic-bezier(0, 0.8, 1, 1)}
.sub1 .object_wrap ._c1{top:-37px;left:904px;width:213px;height:157px;transform:translate(-50px, -300px) rotate(30deg)}
.sub1.active .object_wrap ._c1{transition-delay:900ms}
.sub1 .object_wrap ._c2{top:18px;left:1138px;width:300px;height:211px;background-position:-294px 0;transform:translate(100px, -300px) rotate(-90deg)}
.sub1.active .object_wrap ._c2{transition-delay:800ms}
.sub1 .object_wrap ._c3{top:82px;left:820px;width:388px;height:292px;background-position:-678px 0;transform:translate(-100px, -400px) rotate(45deg)}
.sub1.active .object_wrap ._c3{transition-delay:650ms}

/* sub2 */
.sub2{height:0;background:#2d2d2d}
.slide .sub2{height:1097px;transition-delay:200ms !important}
.sub2 .num{top:52px;height:278px;background-position:0 -371px}
.slide .sub2 .num{transition-delay:800ms}
.sub2 .text_wrap .event{background-position:-416px -374px}
.slide .sub2 .text_wrap .event{transition-delay:1s}
.sub2 .text_wrap h3{background-position:-410px -428px}
.slide .sub2 .text_wrap h3{transition-delay:1.1s}
.sub2 .text_wrap .desc{background-position:-407px -513px}
.slide .sub2 .text_wrap .desc{transition-delay:1.2s}
.sub2 .object_wrap .zzz{top:76px;left:851px;width:357px;height:306px;background-position:0 -320px;transform-origin:80% 100%}
.sub2.active .object_wrap .zzz{transition:opacity 200ms ease;transition-delay:1s;animation:sub2Bubble 500ms 1s ease}
.sub2.active .object_wrap .coin{transition:opacity 200ms linear, transform 600ms cubic-bezier(0, 0.8, 1, 1)}
.sub2 .object_wrap ._c1{top:16px;left:1144px;width:137px;height:147px;background-position:-444px -400px;transform:translate(-50px, 500px) rotate(360deg)}
.sub2.active .object_wrap ._c1{transition-delay:1.1s}
.sub2 .object_wrap ._c2{top:113px;left:1287px;width:174px;height:144px;background-position:-652px -400px;transform:translate(50px, 500px) rotate(-360deg)}
.sub2.active .object_wrap ._c2{transition-delay:1.15s}
.sub2 .object_wrap ._c3{top:267px;left:1199px;width:205px;height:206px;background-position:-872px -400px;transform:translate(-50px, 500px) rotate(-360deg)}
.sub2.active .object_wrap ._c3{transition-delay:1.2s}

/* sub2 */
.sub3{height:0;background:#282828}
.slide .sub3{height:705px;transition-delay:400ms !important}
.sub3 .num{top:73px;height:284px;background-position:0 -784px}
.slide .sub3 .num{transition-delay:1s}
.sub3 .text_wrap .event{background-position:-411px -766px}
.slide .sub3 .text_wrap .event{transition-delay:1.2s}
.sub3 .text_wrap h3{background-position:-410px -820px}
.slide .sub3 .text_wrap h3{transition-delay:1.3s}
.sub3 .text_wrap .desc{background-position:-407px -905px}
.slide .sub3 .text_wrap .desc{transition-delay:1.4s}
.sub3 .parallax{position:absolute;top:221px;left:-14px}
.sub3 .parallax li{vvtop:0;width:247px;height:343px}
.sub3 .parallax ._l1{background-position:-1px -1195px}
.sub3.active .parallax ._l1{transition-delay:1.4s}
.sub3 .parallax ._l2{left:310px;background-position:-266px -1195px}
.sub3.active .parallax ._l2{transition-delay:1.55s}
.sub3 .parallax ._l3{left:622px;background-position:-542px -1195px}
.sub3.active .parallax ._l3{transition-delay:1.7s}
.sub3 .parallax ._l4{display:none;left:816px;background-position:-816px -1195px}
.sub3.active .parallax ._l4{transition-delay:1.85s}
.sub3.active .object_wrap .money{transition:opacity 200ms linear, transform 800ms cubic-bezier(0, 0.8, 1, 1)}
.sub3 .object_wrap ._m1{top:25px;left:923px;width:244px;height:178px;background-position:0 -682px;transform:translate(-150px, -50px) rotate(30deg)}
.sub3.active .object_wrap ._m1{transition-delay:1.5s}
.sub3 .object_wrap ._m2{top:304px;left:1355px;width:241px;height:168px;background-position:-353px -682px;transform:translate(150px, -200px) rotate(-90deg)}
.sub3.active .object_wrap ._m2{transition-delay:1.6s}
.sub3 .object_wrap ._m3{top:110px;left:1016px;width:399px;height:316px;background-position:-678px -645px;transform:translate(200px, -200px) rotate(-30deg)}
.sub3.active .object_wrap ._m3{transition-delay:1.55s}
.sub3 .object_wrap .console{top:406px;left:994px;width:505px;height:525px;background-position:-1195px -626px;transform:translate(-50%, 50%)}
.sub3.active .object_wrap .console{transition:opacity 300ms ease, transform 600ms cubic-bezier(0, 0.9, 0, 1.2);transition-delay:1.8s}

/* footer */
.intro .copyright{position:fixed;left:31px;bottom:32px;width:280px;height:12px;background-position:0 -557px}

/* banner */
.intro .banner{position:fixed;bottom:68px;left:43px;width:221px;height:206px}
.intro .banner span{position:absolute}
.intro .banner .back, .intro .banner .front{top:0;width:206px;height:206px} 
.intro .banner .back{right:0;background-position:-671px 0}
.intro .banner .front{left:0;background-position:-429px 0;transition:left 200ms ease}
.intro .banner:hover .front{left:15px}
.intro .banner .arrow{top:166px;left:108px;width:15px;height:24px;background-position:-391px 0;animation:bannerArrow 1s alternate infinite ease}
.intro .banner .line{top:175px;right:89px;width:39px;height:6px;background:#363636;border-radius:3px;transform-origin:100% 50%;animation:bannerLine 1s alternate infinite ease}
.intro .scroll{position:absolute;top:896px;left:50%;width:100px;height:36px;background-position:-119px 0;overflow:visible;margin-left:-37px}
.intro .scroll .lever{position:absolute;top:-4px;right:-6px;width:8px;height:8px;background:#2DFFE9;border:4px solid #363636;border-radius:100%;animation:scrollLever 1.8s infinite ease}
.intro .banner.absol, .intro .copyright.absol{position:absolute}

@keyframes videoNoise{
    0%{background-position:0 0}
    100%{background-position:0 -986px}
}

@keyframes titleBubble{
    0%{transform:rotate(-10deg)}
    30%{transform:rotate(10deg)}
    60%{transform:rotate(-5deg)}
    80%{transform:rotate(5deg)}
    100%{transform:rotate(0deg)}
}

@keyframes sub2Bubble{
    0%{transform:rotate(-15deg)}
    25%{transform:rotate(10deg)}
    50%{transform:rotate(-5deg)}
    75%{transform:rotate(5deg)}
    100%{transform:rotate(0deg)}
}

@keyframes scrollLever{
    80%{transform:translateY(32px)}
    100%{transform:translateY(32px)}
}

@keyframes bannerLine{
    0%{transform:scaleX(0.5) translateX(-5px)}
    100%{transform:scaleX(1.2) translateX(10px)}
}

@keyframes bannerArrow{
    0%{transform:translateX(-5px)}
    100%{transform:translateX(10px)}
}

@keyframes twinkleT51{
    0%{background-position:-205px -22px}
    100%{background-position:-205px -355px}
}

@keyframes twinkleT96{
    0%{background-position:-82px 0}
    100%{background-position:-82px -332px}
}

@keyframes twinkleT61{
    0%{background-position:0 -17px}
    100%{background-position:0 -350px}
}

@keyframes twinkleT56{
    0%{background-position:-302px -20px}
    100%{background-position:-302px -351px}
}

@keyframes twinkleT42{
    0%{background-position:-535px -27px}
    100%{background-position:-535px -359px}
}

@keyframes twinkleT75{
    0%{background-position:-406px -10px}
    100%{background-position:-406px -344px}
}

/* channeling */
.naver .intro{height:1035px}