@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}
html,body{height:100%}
header,article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{display:block;margin:0;padding:0;vertical-align:baseline}
body{width:100%;background:#fff;font-family:'Noto Sans KR','맑은 고딕','malgunGothic',sans-serif;font-size:15px;color:#000;line-height:1;background:#fff}
input,textarea,button,select{font-size:inherit;font-family:'Noto Sans KR','맑은 고딕','malgunGothic', sans-serif}
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}
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}
button{border:0;cursor:pointer;outline:0}
button:focus{outline:initial}

/* layout */
#wrap{position:relative;overflow:hidden;min-width:1200px}
.section{position:relative}
.section .container{position:relative;width:1000px;height:100%;margin:0 auto}

/* common */
.align{height:100%}
.section.title .title_txt, .section.title .title_char{position:absolute}
.section .view_cal{position:absolute;width:250px;height:42px}
.section .view_cal .btn_cal{display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/btn_cal.png") no-repeat}
.section .view_cal .pop_cal{display:none;position:absolute;left:-390px;width:1062px;height:661px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/bg_pop_cal.jpg") no-repeat}
.section .view_cal .pop_cal .close_right{top:-24px;right:-21px}

/* 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}

/* select */
.sel_wrap{position:relative;*zoom:1}
.sel_wrap:after{content:"";display:block;clear:both}
.sel_wrap .select{position:relative;z-index:1;width:435px;float:left}
.sel_wrap .select select{position:absolute;top:-99999px;left:-99999px}
.sel_wrap .select_custom a{display:block;color:#000;font-size:20px}
.sel_wrap .select_custom .default{display:block;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/bg_select.png") no-repeat;border:3px solid #000;line-height:43px;height:44px;padding:0 31px}
.sel_wrap .select_custom .default img{margin-top:10px}
.sel_wrap .select_custom div{display:none;position:absolute;left:0;top:50px;width:429px;max-height:303px;border:3px solid #000;border-top:0 none;overflow:hidden;overflow-y:auto;background:#F7F7F7}
.sel_wrap .select_custom ul{padding:1px 0 12px}
.sel_wrap .select_custom li{padding:0 31px;margin-top:11px}
.sel_wrap .select_custom.active div{display:block}
.sel_wrap .select_custom .sel_ch{margin-right:7px}
.sel_wrap .select_custom li a{line-height:30px;padding-bottom:1px}
.sel_wrap .select_custom li a:hover{border-bottom:1px solid #000;padding-bottom:0}

/* header */
#wrap.fixed #header{position:fixed}
#header .util, #header .util li span, #header .short_page .tab_menu li a,  #header .short_page .tab_menu li .txt, #header .short_page .tab_event li a, #header .short_page .tab_update li a span{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/spr_header.png") no-repeat}
#header{position:absolute;top:0;left:0;width:313px;height:312px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1214/bg_header.png") no-repeat;z-index:100}
#wrap.fixed #header{position:fixed}
#header .header_wrap{padding:34px 0 0 43px}
#header .util{width:225px;height:48px;background-position:-124px 0;margin:24px 0 0 2px}
#header .util ul{overflow:hidden;padding:9px 0 0 8px}
#header .util li{float:left}
#header .util li a{position:relative;height:30px;padding:2px 0 0 39px}
#header .util li a, #header .util li a span{display:block}
#header .util li .icon{position:absolute;top:0;left:0;width:32px;height:100%}
#header .util li .text{width:46px;height:26px;text-indent:-9999px;overflow:hidden}
#header .util .ut1{margin-right:26px}
#header .util .ut1 .icon{background-position:0 -52px}
#header .util .ut1 a:hover .icon{background-position:-46px -52px}
#header .util .ut2 .icon{background-position:0 -98px}
#header .util .ut2 a:hover .icon{background-position:-46px -98px}
#header .util .ut2 .text{background-position:-55px 0}
#header .short_page{width:226px;margin-top:38px}
#header .short_page .tab_menu li{width:50%}
#header .short_page .tab_menu li a{height:73px;background-position:-210px -68px;padding-top:26px}
#header .short_page .tab_menu .on a{background-position:-97px -68px}
#header .short_page .tab_menu li .txt{display:block;height:19px;text-indent:-9999px;overflow:hidden;margin:0 auto}
#header .short_page .tab_menu .tab1 .txt{width:45px;background-position:-335px -74px}
#header .short_page .tab_menu .tab2 .txt{width:60px;background-position:-335px -106px}
#header .short_page .tab_wrap{position:relative;height:502px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/bg_header_menu.png") no-repeat;margin-top:-32px}
#header .short_page .tab_content li{position:relative}
#header .short_page .tab_content li a{display:block}
#header .short_page .tab_event{padding-top:18px}
#header .short_page .tab_event li{height:61px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/bg_header_tab-1.png") 29px 1px repeat-y;padding-left:14px}
#header .short_page .tab_event .pg8{background:none}
#header .short_page .tab_event li a{height:36px}
#header .short_page .tab_event .pg1 a{background-position:-488px -215px}
#header .short_page .tab_event .pg2 a{background-position:-488px -276px}
#header .short_page .tab_event .pg3 a{background-position:-488px -336px}
#header .short_page .tab_event .pg4 a{background-position:-488px -397px}
#header .short_page .tab_event .pg5 a{background-position:-488px -457px}
#header .short_page .tab_event .pg6 a{background-position:-488px -518px}
#header .short_page .tab_event .pg7 a{background-position:-488px -578px}
#header .short_page .tab_event .pg8 a{background-position:-488px -639px}
#header .short_page .tab_event .pg1.on a, #header .short_page .tab_event .pg1 a:hover{background-position:-744px -215px}
#header .short_page .tab_event .pg2.on a, #header .short_page .tab_event .pg2 a:hover{background-position:-744px -276px}
#header .short_page .tab_event .pg3.on a, #header .short_page .tab_event .pg3 a:hover{background-position:-744px -336px}
#header .short_page .tab_event .pg4.on a, #header .short_page .tab_event .pg4 a:hover{background-position:-744px -397px}
#header .short_page .tab_event .pg5.on a, #header .short_page .tab_event .pg5 a:hover{background-position:-744px -457px}
#header .short_page .tab_event .pg6.on a, #header .short_page .tab_event .pg6 a:hover{background-position:-744px -518px}
#header .short_page .tab_event .pg7.on a, #header .short_page .tab_event .pg7 a:hover{background-position:-744px -578px}
#header .short_page .tab_event .pg8.on a, #header .short_page .tab_event .pg8 a:hover{background-position:-744px -639px}
#header .short_page .tab_update li{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/bg_header_tab-2.png") 0 100% repeat-x;padding-bottom:2px}
#header .short_page .tab_update li a{height:124px;padding-top:42px}
#header .short_page .tab_update li a span{display:block;text-indent:-9999px;overflow:hidden}
#header .short_page .tab_update li .off{position:relative;height:82px;margin:0 auto}
#header .short_page .tab_update li .on{display:none;position:absolute;right:-16px;bottom:2px;height:160px}
#header .short_page .tab_update li.on .on, #header .short_page .tab_update li a:hover .on{display:block}
#header .short_page .tab_update li.on .off, #header .short_page .tab_update li a:hover .off{display:none}
#header .short_page .tab_update .u1 .off{width:99px;background-position: 0 -277px}
#header .short_page .tab_update .u2 .off{width:91px;background-position: 0 -416px}
#header .short_page .tab_update .u3 .off{width:100px;background-position: 0 -555px}
#header .short_page .tab_update .u1 .on{width:259px;background-position:-161px -209px}
#header .short_page .tab_update .u2 .on{width:256px;background-position:-164px -375px}
#header .short_page .tab_update .u3{background:none;padding-bottom:0}
#header .short_page .tab_update .u3 .on{width:276px;bottom:0;background-position:-144px -540px}
#header .btn_gomain{display:block;width:225px;height:48px;text-indent:-9999px;overflow:hidden;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/btn_header_gomain.png") no-repeat;margin-top:15px}
#header .btn_gomain:hover{background-position:0 -52px}

/**** 7차 예약 이벤트 ****/

.event1{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/bg_event1.jpg") 50% 0 no-repeat}

/* title */
.event1 .title{height:941px}
.event1 .title .title_char{top:147px;left:-207px;width:819px;height:694px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/title_char.png") no-repeat}
.event1 .title .title_txt{top:243px;right:-196px;width:518px;height:494px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/title_txt.png") no-repeat}

/* content1 */
.event1 .content{height:2143px}
.event1 .content .container{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/bg_event1.jpg") -461px -941px no-repeat}
.event1 .content .img_box{position:absolute;left:476px;top:555px}
.event1 .content .img_calendar{position:absolute;top:1372px;left:462px}
.event1 .content .view_cal{bottom:233px;left:382px}
.event1 .banner_btm{position:absolute;bottom:52px;left:0;width:100%;height:107px;background:#b3aca5 url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/bg_banner_btm.png") 50% 100% no-repeat}
.event1 .banner_btm .btn_reserve{position:absolute;top:33px;left:50%;width:242px;height:51px;margin-left:-121px}
.event1 .banner_btm .btn_reserve button{width:100%;height:100%;text-indent:-999px;overflow:hidden;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/spr_btn_reserve.png") no-repeat}
.event1 .banner_btm .btn_reserve.disabled button{background-position:0 -53px}
.event1 .banner_btm .btn_reserve.disabled .cover{position:absolute;top:0;left:0;width:100%;height:100%}
.event1 .content .char{position:absolute}
.event1 .content .char .ic, .event1 .content .char .cover{position:absolute;top:0;left:0;width:100%}
.event1 .content .char .cover{position:absolute;top:0;left:0}
.event1 .content .char1{width:701px;height:667px;right:-312px;top:87px}
.event1 .content .char1 .ic{top:562px;height:628px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/bg_char_1.png") no-repeat;margin-top:39px}
.event1 .content .char1 .bubble{position:absolute;top:0;left:328px;width:373px;height:275px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/txt_bubble.png") no-repeat;background-size:100% auto;filter:alpha(opacity=0);opacity:0;transform:scale(0.5)}
.event1 .content .char1 .bubble.appear{transform:scale(1);transition:transform 200ms cubic-bezier(0.32, 0.19, 0.3, 1.46)}
.event1 .content .char1 .cover{height:1271px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/bg_char_1_cover.png") no-repeat}
.event1 .content .char2{width:419px;height:400px;top:712px;left:-227px}
.event1 .content .char2 .ic{top:400px;height:100%;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/bg_char_2.png") no-repeat}
.event1 .content .char2 .cover{height:820px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event1/bg_char_2_cover.png") no-repeat}
.event1 .content .view_cal .pop_cal{bottom:-17px}

/**** 7펑싸펑 ****/

.event2{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/bg_event2.jpg") 50% 0 no-repeat}
.event2 .content1 .container, .event2 .content2 .container, .event2 .content3 .container{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/bg_event2.jpg") no-repeat}

/* title */
.event2 .title{height:1071px}
.event2 .title .title_char{top:143px;left:-83px;width:786px;height:677px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/title_char.png") no-repeat}
.event2 .title .title_txt{top:167px;right:-244px;width:572px;height:572px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/title_txt.png") no-repeat}

/* content1 */
.event2 .content1{height:788px}
.event2 .content1 .container{background-position: -461px -1071px}

/* content2 */
.event2 .content2{height:407px;z-index:1}
.event2 .content2 .container{background-position: -461px -1859px}
.event2 .content2 .mypoint{position:relative}
.event2 .content2 h4, .event2 .content2 .case4 dd, .event2 .content2 .mypoint .big_txt span, .event2 .content2 .mypoint .ps, .event2 .content2 .mypoint .btn{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/spr_my-point.png") no-repeat}
.event2 .content2 h4{height:26px;text-indent: -9999px;overflow: hidden;}
.event2 .content2 .mypoint .ps{position:absolute;bottom:38px;left:50%;width:997px;height:37px;line-height:37px;background-position: 0 -463px;color:#d9b79b;text-align:center;margin-left:-498px}
.event2 .content2 .mypoint .btn_wrap{position:absolute}
.event2 .content2 .mypoint .btn{display:block;width:242px;height:51px;text-indent:-9999px;overflow:hidden}
.event2 .content2 .mypoint .big_txt{height:155px;font-size:0;margin-left:-12px}
.event2 .content2 .mypoint .big_txt span{display:inline-block;*zoom:1;vertical-align:middle}
.event2 .content2 .mypoint .big_txt .tlogo{width:155px;height:100%;background-position:0 -563px;margin-right:31px}
.event2 .content2 .mypoint .big_txt .ttxt{height:92px;overflow:hidden;text-indent:-9999px}
.event2 .content2 .case1, .event2 .content2 .case2{padding-top:162px}
.event2 .content2 .case1 .big_txt .ttxt{width:538px;background-position:-455px -772px}
.event2 .content2 .case1 .btn_wrap, .event2 .content2 .case2 .btn_wrap{top:236px}
.event2 .content2 .case1 .btn_wrap{right:-2px}
.event2 .content2 .case2 .btn_wrap{right:49px}
.event2 .content2 .case1 .btn_wrap .btn{background-position:-301px -48px}
.event2 .content2 .case2 .btn_wrap .btn{background-position:-594px -48px}
.event2 .content2 .case2 .big_txt .ttxt{width:391px;background-position:0 -772px}
.event2 .content2 .case3, .event2 .content2 .case4{height:259px;padding-top:148px}
.event2 .content2 .case3 h4{width:444px;background-position: -208px -537px;margin-bottom: 11px}
.event2 .content2 .case3 p{color:#d9b79b;font-size:15px;line-height:21px}
.event2 .content2 .case3 p span{color:#ffdb6e}
.event2 .content2 .case3 .sel_wrap{margin:27px -17px 0 0}
.event2 .content2 .case3 .sel_wrap .sel_ch{margin-right:7px}
.event2 .content2 .case3 .sel_wrap .sel_sv{margin-right:10px}
.event2 .content2 .case3 .sel_wrap .btn{display:block;float:left;width:122px;height:51px;background-position:-327px -133px}
.event2 .content2 .case4 h4{width:207px;margin-bottom: 40px}
.event2 .content2 .case4 .char_info{overflow:hidden}
.event2 .content2 .case4 dl{float:left}
.event2 .content2 .case4 dt{color:#ddbea5;font-size:15px}
.event2 .content2 .case4 dd{color:#ffed01;font-size:45px;line-height:62px;padding-left:40px;margin-top:7px}
.event2 .content2 .case4 .dl_name dd{width:490px;background-position:0 -203px}
.event2 .content2 .case4 .dl_point dd{background-position:0 -306px}
.event2 .content2 .case4 .btn_wrap{top:183px;right:-2px}
.event2 .content2 .case4 .btn_coupon{background-position:0 -49px;margin-bottom:12px}
.event2 .content2 .case4 .btn_list{background-position:0 -124px}

/* content3 */
.event2 .content3{height:992px}
.event2 .content3 .container{background-position: -461px -2266px}
.event2 .content3 .btn_layer{width:782px;*zoom:1;margin-left:116px;padding-top:38px}
.event2 .content3 .btn_layer:after{content:"";display:block;clear:both}
.event2 .content3 .btn_layer div{position:relative}
.event2 .content3 .btn_layer button{position:relative;display:block;width:298px;height:298px;text-indent:-9999px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/spr_btn_c-3.png") no-repeat}
.event2 .content3 .btn_layer .bg_char{position:absolute}
.event2 .content3 .btn_layer .btn_buy{float:left}
.event2 .content3 .btn_layer .btn_buy .bg_char{left:-257px;top:80px;width:332px;height:368px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/char1_c-3.png") no-repeat}
.event2 .content3 .btn_layer .btn_buy button:hover{background-position: 0 -302px}
.event2 .content3 .btn_layer .btn_apply{float:right}
.event2 .content3 .btn_layer .btn_apply .bg_char{top:75px;right:-212px;width:231px;height:384px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/char2_c-3.png") no-repeat}
.event2 .content3 .btn_layer div.hover .bg_char{background-position:0 -384px}
.event2 .content3 .btn_layer .btn_apply button{background-position:-302px 0}
.event2 .content3 .btn_layer .btn_apply button:hover{background-position:-302px -302px}
.event2 .content3 .cal_box{position:absolute;top:731px;left:4px;width:299px;height:187px}
.event2 .content3 .view_cal{bottom:91px;left:356px}
.event2 .content3 .view_cal .pop_cal{bottom:-69px}

/* 유의사항 */
.event2 .caution{height:420px;background:#958B7D}
.event2 .caution .container{background: url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/img_caution.png") no-repeat}

/**** 페이스북 ****/
.event3{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event3/bg_event3.jpg") 50% 0 no-repeat}

/* title */
.event3 .title{height:1055px}
.event3 .title .title_txt{top:204px;right:-253px;width:630px;height:557px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event3/title_txt.png") no-repeat}
.event3 .title .title_char{top:137px;left:-23px;width:570px;height:773px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event3/title_char.png") no-repeat}

/* content */
.event3 .content{height:1540px}
.event3 .content .container{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event3/bg_event3.jpg") -461px -1055px no-repeat}
.event3 .content .view_cal{top:755px;left:356px}
.event3 .content .view_cal .pop_cal{top:-146px}
.event3 .content .cal_box{position:absolute;left:0;top:629px}
.event3 .content .fb_wrap .fb_con .mchar, .event3 .content .fb_wrap p, .event3 .content .fb_wrap .btn, .event3 .content .fb_wrap dt, .event3 .content .fb_wrap .dl_char dd, .event3 .content .fb_wrap .btn_like, .event3 .content .fb_wrap .btn_like button{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event3/spr_fb_login.png") no-repeat}
.event3 .content .fb_wrap{position:absolute;left:0;top:163px;width:100%;height:216px}
.event3 .content .fb_wrap .fb_con{position:relative;width:100%;height:100%}
.event3 .content .fb_wrap .fb_con .msg_d{position:relative;height:182px;padding:34px 0 0 272px}
.event3 .content .fb_wrap .fb_con .msg_d .mchar{position:absolute;bottom:0;left:75px;width:203px;height:238px}
.event3 .content .fb_wrap .fb_con .msg_d p, .event3 .content .fb_wrap .btn{text-indent:-9999px;overflow:hidden}
.event3 .content .fb_wrap .msg1{width:282px;height:109px;background-position:-318px -129px}
.event3 .content .fb_wrap .msg2{width:351px;height:109px;background-position:-249px 0}
.event3 .content .fb_wrap .btn{position:absolute}
.event3 .content .fb_wrap .btn_login, .event3 .content .fb_wrap .btn_home{top:80px;right:104px;width:239px;height:51px}
.event3 .content .fb_wrap .btn_login{background-position:0 -266px}
.event3 .content .fb_wrap .btn_home{background-position:0 -345px}
.event3 .content .fb_wrap .dl_wrap{*zoom:1;padding:54px 0 0 53px}
.event3 .content .fb_wrap .dl_wrap:after{content:"";display:block;clear:both}
.event3 .content .fb_wrap .dl_wrap dl{float:left}
.event3 .content .fb_wrap dt{color:#ddbea5;font-size:15px;background-position:0 -415px;padding-bottom:30px}
.event3 .content .fb_wrap dd{height:30px;font-size:30px}
.event3 .content .fb_wrap .dl_char dd{min-width:290px;color:#ffed01;background-position:-3px -468px;padding-left:37px;margin-left:-3px;padding-right:10px}
.event3 .content .fb_wrap .dl_coupon dd{color:#fff;letter-spacing:-2px}
.event3 .content .fb_wrap .btn_like{position:absolute;bottom:0;right:130px;width:326px;height:244px;background-position:-632px 0}
.event3 .content .fb_wrap .btn_like .btn{top:83px;left:46px;width:226px;height:96px;background-position:-311px -266px}

/* footer */
#footer{height:52px;font-family:'맑은 고딕';background:#000;color: #999;font-size:11px;text-align:center;line-height:52px}

/* 팝업 공통 */
.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/2017/event/1228_update/btn_pop_close.png") no-repeat;text-indent: -999px;overflow: hidden}
.modal-popup .close_239{position:absolute;bottom:85px;left:45px;width:239px;height:51px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/btn_pop_close239.png") no-repeat}

/* 얼럿창 */
.modal-popup .alert{width:423px;height:309px;background:#fff url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/bg_alert.png") no-repeat;border:5px solid #000;margin:-154px 0 0 -211px}
.modal-popup .alert .btn_close{top:8px;right:8px}
.modal-popup .alert h2{font-size:0}
.modal-popup .alert h2 img{display:block}
.modal-popup .alert .alert_body{text-align:center;padding:25px 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:23px;line-height:29px;padding:10px 0}
.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:19px;font-size:0}
.modal-popup .alert .btn_alert button{width:136px;height:31px;margin:0 5px}
.modal-popup .alert .btn_alert .btn_alply{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/btn_alert_apply.png") no-repeat}
.modal-popup .alert .btn_alert .btn_buy{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/btn_alert_buy.png") no-repeat}
.modal-popup .alert .btn_alert .close_136{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/btn_alert_close.png") no-repeat}

/* 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:1001px;margin:-327px 0 0 -500px}
.pop_coupon .tab_menu li a{width:213px;height:67px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/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/2017/event/1228_update/event2/bg_pop_coupon-1.png") no-repeat}
.pop_coupon .tab_cash{background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/bg_pop_coupon-2.png") no-repeat}

/* 참여내역 리스트 */
.pop_list{width:1001px;padding-top:16px;margin:-318px 0 0 -500px}
.pop_list h2{margin:0 0 18px 44px}
.pop_list .list_wrap{position:relative;height:533px;background:url("https://ssl.nexon.com/s2/game/baram/2017/event/1228_update/event2/bg_pop_point.png") no-repeat;padding:55px 41px 0 45px}
.pop_list h3{color:#907d6f;height:28px;line-height:27px;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:46px;border-top:1px solid #000;border-bottom:1px solid #000}
.pop_list .table_list{position:absolute;top:108px;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:36px;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:990px;margin:-464px 0 0 -495px}
.pop_item .h2_wrap dl, .pop_item .item_wrap .itimg, .pop_item .item_wrap li .btn_item button{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:8px}
.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}
.pop_item .h2_wrap dl{width:169px;height:27px;overflow:hidden;line-height:25px;padding:7px 0 5px 70px}
.pop_item .h2_wrap dt{font-size:12px;color:#907d6f}
.pop_item .h2_wrap dd{float:right;width:120px;font-size:30px;color:#0e0b08;text-align:center;letter-spacing:-1px}
.pop_item .item_wrap{position:relative;width:990px;height:866px;background:#fff;border:5px solid #000;overflow:hidden;overflow-y:auto}
.pop_item .item_wrap ul{*zoom:1;padding-left:42px;margin-top:-1px}
.pop_item .item_wrap ul:after{content:"";display:block;clear:both}
.pop_item .item_wrap li{position:relative;float:left;width:160px;height:373px;border-top:1px solid #000;text-align:center;*zoom:1;padding:28px 31px 32px}
.pop_item .item_wrap .iname{color:#000;height:78px;line-height:20px;text-align:center}
.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-position:0 -217px;margin:0 auto 20px}
.pop_item .item_wrap .itimg img{position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px}
.pop_item .item_wrap li dl{width:130px;height:26px;line-height:21px;border-top:1px solid #000;border-bottom:1px solid #000;font-size:12px;color:#676767;margin:0 auto}
.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:#000;font-size:20px;font-weight:normal}
.pop_item .item_wrap .ipoint{height:30px;margin:13px 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:136px;height:31px;margin:0 auto}
.pop_item .item_wrap li .btn_item button{display:block;width:100%;height:100%;text-indent:-999px;overflow:hidden}
.pop_item .item_wrap li .btn_item.soldout .cover{position:absolute;top:0;left:0;width:100%;height:100%}
.pop_item .item_wrap .item_buy .btn_item button{background-position:0 -111px}
.pop_item .item_wrap .item_buy .btn_item.soldout button{background-position:0 -63px}
.pop_item .item_wrap .item_apply .btn_item button{background-position:0 -161px}