/*swiper*/
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-box-sizing:content-box;box-sizing:content-box;}
.swiper-container-android .swiper-slide,
.swiper-wrapper {-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper {-webkit-box-lines:multiple;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.swiper-container-free-mode > .swiper-wrapper {-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide {-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;flex-shrink:0;position:relative;}


/*메인 컨텐츠*/
#page-main {min-width:320px;background-color:#f5f5f5 !important;}
#page-main .ui-header {border:none;}
#page-main .header {position:relative;background-color:#393535;}
#page-main .header .top {position:absolute;display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:start;width:100%;height:55px;left:0;top:0;z-index:10;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_top_bg.png) 0 0 / 1px 55px repeat-x;}
#page-main .header .top div {width:70px;}
#page-main .header .top .baram-logo {display:block;width:60px;height:45px;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_logo.png) 0 0 / 100% 100% no-repeat;}
#page-main .header .top .btn-auth {display:-webkit-box;-webkit-box-pack:end;-webkit-box-align:center;width:60px;height:25px;margin-top:12px;margin-right:10px;font-size:13px;font-weight:normal;color:#ddd;letter-spacing:-1px;}

#page-main .header .banner {position:relative;display:-webkit-box;-webkit-box-pack:center;background:#222;}
#page-main .header .banner .banner-container {position:relative;overflow:hidden;z-index:1;width:100%;max-width:450px;min-height:185px;}
#page-main .header .banner .swiper-button-next {position:absolute;width:38px;height:38px;left:0;bottom:0;z-index:3;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_swiper-next.png) 0 0 / 100% 100% no-repeat;}
#page-main .header .banner .swiper-button-prev {position:absolute;width:38px;height:38px;right:0;bottom:0;z-index:3;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_swiper-prev.png) 0 0 / 100% 100% no-repeat;}
#page-main .header .banner .swiper-slide {position:relative;}
#page-main .header .banner .swiper-slide > a {position:relative;display:-webkit-box;-webkit-box-pack:center;}
#page-main .header .banner img {display:block;max-width:100%;}
#page-main .header .banner .swiper-slide .content-image {position:relative;width:100%;height:100%;left:0;top:0;background:#222 url(https://ssl.nexon.com/s2/game/baram/2016/banner/2016web/160922_dnjsej.jpg) no-repeat 36% 0;background-size:auto 100%;}
#page-main .header .banner .swiper-pagination {position:absolute;width:100%;bottom:0;padding:8px 0;text-align:center;-webkit-transition:300ms;-webkit-transform:translate3d(0, 0, 0);z-index:2;}
#page-main .header .banner .swiper-pagination-bullet {display:inline-block;width:14px;height:14px;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_banner_off.png) 0 0 / 14px 14px no-repeat;}
#page-main .header .banner .swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer;}
#page-main .header .banner .swiper-pagination-bullet-active {width:24px;height:14px;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_banner_on.png) 0 0 / 24px 14px no-repeat;}

#page-main .content-container {display:-webkit-box;-webkit-box-align:center;-webkit-box-orient:vertical;background:#e3e3e3 url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_menu_bg.jpg) 0 0 / 640px 41px repeat-x;}
#page-main .border-panel {width:100%;height:6px;background-color:#e3e3e3}

#page-main .menu {display:-webkit-box;-webkit-box-align:center;height:41px;width:100%;max-width:450px;}
#page-main .menu div {width:10px;}
#page-main .menu a {display:block;-webkit-box-flex:1;text-align:center;letter-spacing:-1px;font-size:15px;color:#d8b177;}

#page-main .notice {position:relative;width:100%;max-width:450px;background-color:#fff;}
#page-main .notice .tab {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:end;height:44px;padding:0 10px;}
#page-main .notice .tab a {-webkit-box-flex:1;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;border-bottom:1px solid #cdcdcd;font-size:14px;padding:5px 0;font-weight:normal;letter-spacing:-1px;color:#656565;background:#f9f6f2;}
#page-main .notice .tab a.on {color:#fff;background:#3d5680 url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_notice_on.png) 0 0 / 100px 29px no-repeat;}
#page-main .notice .notice-container {position:relative;overflow:hidden;width:100%;padding:8px 0 12px 0;}
#page-main .notice .list {height:28px;display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;padding:0 10px;}
#page-main .notice .list > div {font-size:15px;font-weight:normal;letter-spacing:-1px;}
#page-main .notice .con-category {color:#b46a00;margin:0 10px 0 4px;}
#page-main .notice .con-title {-webkit-box-flex:1;color:#222;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;margin-right:15px;}
#page-main .notice .con-title.new {padding-right:16px;background:url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/new_icon.jpg) right center / 10px 10px no-repeat;}
#page-main .notice .more {height:28px;display:-webkit-box;-webkit-box-pack:end;-webkit-box-align:end;padding:0 10px;}
#page-main .notice .more .name {font-size:11px;font-weight:normal;letter-spacing:-1px;color:#888;margin:0 2px 0 0;padding-right:15px;background:#fff url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_notice_icon.png) right center / 10px 10px no-repeat;}

#page-main .shop {position:relative;width:100%;max-width:450px;background-color:#fff;}
#page-main .shop .tab {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:end;height:37px;padding:0 10px;}
#page-main .shop .title {color:#222;letter-spacing:-1px;font-size:15px;font-weight:bold;}
#page-main .shop .title > span {color:#4566a4;}
#page-main .shop .space {-webkit-box-flex:1;}
#page-main .shop .tab a {position:relative;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;font-size:12px;font-weight:normal;margin:0 5px;color:#949494;letter-spacing:-1px;}
#page-main .shop .tab a.on {color:#b46a00;padding-left:10px;background:#fff url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_shop_icon.png) left center / 10px 10px no-repeat;}
#page-main .shop .bar {height:1px;background-color:#cdcdcd;margin:8px 10px 0 10px;}
#page-main .shop .shop-container {position:relative;overflow:hidden;margin:8px 8px 12px 8px;}
#page-main .shop .shop-container .swiper-wrapper {display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;padding:0 0;}
#page-main .shop .list {display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;background-color:#f9f6f2;width:23%;margin:0 2px;padding:10px 0;}
#page-main .shop .shop-container.c2,
#page-main .shop .shop-container.c3 {display:none;}

#page-main .shop .con-image {width:42px;height:42px;background:#fff url(https://ssl.nexon.com/s2/game/baram/2016/banner/2016launcher/0922_dnjsej.gif) 0 0 / 100% 100% no-repeat;}
#page-main .shop .con-category {margin-top:5px;font-size:11px;font-style:italic;color:#1465b9;text-align:center;width:70px;}
#page-main .shop .con-category.new {color:#c63b38;}
#page-main .shop .con-category.hot {color:#1465b9;}
#page-main .shop .con-title {font-size:8px;color:#656565;text-align:center;margin:1px 0;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;width:70px;letter-spacing:-1px;}
#page-main .shop .con-price {font-size:8px;color:#b46a00;text-align:center;width:70px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;}

#page-main .shop .more {height:28px;display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:start;padding:0 10px}
#page-main .shop .more span {display:-webkit-box;-webkit-box-align:center;height:12px;font-size:10px;font-weight:normal;letter-spacing:-1px;color:#989898;padding-left:15px;background:#fff url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_shop_caution.png) left center / 11px 11px no-repeat;}
#page-main .shop .more a {display:block;font-size:11px;font-weight:normal;letter-spacing:-1px;color:#888;margin:0 2px 0 0;padding-right:15px;background:#fff url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_notice_icon.png) right center / 10px 10px no-repeat;}

/*#page-main .update {position:relative;display:block;width:100%;max-width:450px;background:#fff url(https://ssl.nexon.com/s2/game/baram/2018/banner/belt/main_belt_banner0705.jpg) -45px 0 / auto 100% no-repeat;}*/
#page-main .update {position:relative;display:block;width:100%;max-width:450px;background:#fff url(https://ssl.nexon.com/s2/game/baram/2019/event/0704_intro_F51A1BF194149854/190704_mid_b2F1F061815C14C10.jpg) center 0 / auto 100% no-repeat;}
#page-main .update img {display:block;max-width:100%;}

#page-main .community {position:relative;width:100%;max-width:450px;margin-bottom:6px;padding-bottom:6px;background-color:#fff;}
#page-main .community .tab {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:end;height:37px;padding:0 10px;}
#page-main .community .title {color:#222;letter-spacing:-1px;font-size:15px;font-weight:bold;}
#page-main .community .title > span {color:#4566a4;}
#page-main .community .space {-webkit-box-flex:1;}
#page-main .community .tab a {position:relative;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;font-size:12px;font-weight:normal;margin:0 5px;color:#949494;letter-spacing:-1px;}
#page-main .community .tab a.on {color:#b46a00;padding-left:10px;background:#fff url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_shop_icon.png) left center / 10px 10px no-repeat;}
#page-main .community .bar {height:1px;background-color:#cdcdcd;margin:8px 10px 0 10px;}

#page-main .community .community-container {position:relative;overflow:hidden;width:100%;padding:8px 0 12px 0 ;}
#page-main .community .list {height:28px;display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;padding:0 10px;}
#page-main .community .list > div {font-size:15px;font-weight:normal;letter-spacing:-1px;}
#page-main .community .con-writer {width:92px;color:#999;font-size:10px !important;margin:0 5px 0 2px;text-align:right;}
#page-main .community .con-title {-webkit-box-flex:1;color:#222;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;margin:0 15px 0 2px;}
#page-main .community .con-title.new {padding-left:16px;background:url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/new_icon.jpg) left center / 10px 10px no-repeat;}
#page-main .community .con-new {width:10px;height:10px;margin:0 10px 0 4px;background:#c13b3a url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/new_icon.jpg) 0 0 / 10px 10px no-repeat;}
#page-main .community .more {height:28px;display:-webkit-box;-webkit-box-pack:end;-webkit-box-align:end;padding:0 10px;}
#page-main .community .more .name {font-size:11px;font-weight:normal;letter-spacing:-1px;color:#888;margin:0 2px 0 0;padding-right:15px;background:#fff url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/main_notice_icon.png) right center / 10px 10px no-repeat;}