/*공통*/
* div {text-shadow:none;}
a {display:block;}
p, h1, h2, h3, h4, h5, ul, li, ol {display: block;-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;margin:0;padding:0}
a:-webkit-any-link {text-decoration:none;}
.blind,.hidden,.legend {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;text-indent:-10000px;}
.text-hidden {overflow:hidden;font-size:0;line-height:0;text-indent:-10000px;}
body {background-color: #f5f5f5 !important;}



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

/*푸터*/
.footer {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;-webkit-box-orient:vertical;width:100%;background-color:#f5f5f5;padding-bottom:60px;padding-top:20px;}
/*.footer > div:first-child {position:relative;display:-webkit-box;-webkit-box-pack:center;}
.footer .btn-a {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:63px;height:25px;font-size:11px;letter-spacing:-1px;color:#e6e6e6 !important;background-color:#777;margin:15px 5px 14px 5px;border-radius:2px;}*/
.footer .area-global {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;height:15px;margin-bottom:6px;}
.footer .area-global a {display:block;font-size:11px;color:#444;margin:0 10px;font-weight:normal;}
.footer .area-global a span {display:block;font-weight:bold;}
.footer .area-global div {width:1px;height:9px;background-color:#bbb;}
.footer .txt-copyright {line-height:12px;font-size:10px;font-weight:normal;text-shadow:none;text-decoration:none;color:#666;}



/*퀵메뉴*/
.quick {position:fixed;display:-webkit-box;-webkit-box-pack:end;-webkit-box-align:center;width:100%;height:40px;bottom:0px;background-color:rgba(40,30,23,.60);z-index:99995;}
.quick .btn-top {display:block;width:30px;height:30px;margin-right:5px;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/quick-top.png) 0 0 / 30px 30px no-repeat;}
.quick .btn-menu {display:block;width:30px;height:30px;margin-right:5px;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/quick-menu.png) 0 0 / 30px 30px no-repeat;}

.quick-auth,
.quick-write {position:fixed;left:5px;bottom:5px;z-index:99996;}
.quick-delete {position:fixed;left:80px;bottom:5px;z-index:99996;}

.quick-auth > a {display:block;width:70px;height:30px;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/quick-auth.png) 0 0 / 70px 30px no-repeat;}
.quick-write > a {display:block;width:70px;height:30px;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/quick-write.png) 0 0 / 70px 30px no-repeat;}
.quick-delete > a {display:block;width:70px;height:30px;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/quick-delete.png) 0 0 / 70px 30px no-repeat;}


/*네비게이션*/
.navigation {position:absolute;z-index:99999;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.6);overflow-x:hidden;display:none;}
.nav-close-panel {position:absolute;display:block;width:100%;height:100%}
.nav-close {position:absolute;display:block;width:49px;height:49px;left:-49px;top:0;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/navi-close.png) center center / 18px 18px no-repeat;}
.nav-slide {position:absolute;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center;width:250px;height:100%;right:-270px;top:0;background-color:#281e17;}
.navigation .nav-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;margin:2px;}
.navigation .nav-image {}
.navigation .nav-1depth {display:-webkit-box;-webkit-box-align:center;width:100%;height:37px;font-size:15px;text-indent:32px;color:#afa7a2 !important;background:#3a2c23 url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/navi-1depth.png) 10px center / 15px 15px no-repeat;}
.navigation .nav-1depth.on {color:#d8b177 !important;}
.navigation .nav-2depth-area {padding:5px 0 13px 0;}
.navigation .nav-2depth-area > div {display:-webkit-box;}
.navigation .nav-2depth-area a {display:-webkit-box;-webkit-box-align:center;width:110px;text-indent:24px;height:28px;font-size:13px;font-weight:normal;color:#b8b8b8;letter-spacing:-1px;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/navi-2depth_off.png) 12px center / 10px 10px no-repeat;}
.navigation .nav-2depth-area a.on {color:#de9020;background:url(https://ssl.nexon.com/S2/Game/Baram/2016/mobile/navi-2depth_on.png) 12px center / 10px 10px no-repeat;}