/*공통*/
* div {text-shadow:none;}
a {display:block;cursor:pointer !important;}
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 {color:#222;text-decoration:none;cursor:auto;}

input {letter-spacing:-1px !important;}
button.ui-btn, .ui-controlgroup-controls button.ui-btn-icon-notext {width:initial;}
body.cd_active .sub-header.haeder-type-3 a.go-auth {display:none;}
main {display:-webkit-box;-webkit-box-pack:center;padding-top:50px;}
article { width: 100%; min-width: 320px; min-height: calc(100vh - 50px); }
body.bg-set {background-color:#fff !important}
body.bg-set #page-myInfo.ui-page-theme-a {background-color:#eee !important}
body.bg-set #page-tag.ui-page-theme-a {background-color:#fff !important}
body.bg-set #page-wrote.ui-page-theme-a {background-color:#fff !important}

* button {margin:0;padding:0;border:none;}
* .ui-btn {font-size:15px;margin:0;padding:0;display:block;position:relative;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head+body .ui-btn.ui-btn-a:hover {text-shadow:none;background:none;border:none;}
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {text-shadow:none;background:none;border:none;}
.ui-btn-corner-all, .ui-btn.ui-corner-all, .ui-slider-track.ui-corner-all, .ui-flipswitch.ui-corner-all, .ui-li-count {-webkit-border-radius:0;border-radius:0;}
.ui-shadow {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head+body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head+body .ui-btn-a.ui-focus, html head+body .ui-body-a.ui-focus {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {text-shadow:none;}
.ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a {background:none;border:none;color:#222;text-shadow:none;}
.ui-shadow-inset {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.ui-corner-all {-webkit-border-radius:0;border-radius:0;}
.ui-input-text, .ui-input-search {margin:0;}
.ui-btn, label.ui-btn {font-weight:normal;}
.ui-input-btn input {filter:initial;opacity:initial;font-size:1px;text-indent:-9999px;z-index:22;}
.ui-input-text input, .ui-input-search input, textarea.ui-input-text {padding:.4em .4em .4em .7em;}
.ui-btn-icon-notext:after, .ui-btn-icon-left:after, .ui-btn-icon-right:after {margin-top:-10px;}
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {background-color:transparent;background-size:500px 500px;background-position:-314px -164px;background-repeat:no-repeat;-webkit-border-radius:0;border-radius:0;}
.ui-icon-delete:after {background-image:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png);}

.hidden-text {font-size:1px;text-indent:-10000px;overflow:hidden;}
.space-list-bottom {height:15px;}
.space-view-bottom {height:50px;}
.blind,
.hidden,
.legend {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;text-indent:-10000px;}
.content-wrapper {min-height:350px;background-color:#fff;}

/*서브헤더*/
/*.sub-header {position:relative;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;height:50px;background-color:#38384f;}*/
.sub-header {position:fixed;width:100%;top:0;left:0;z-index:21;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;height:50px;background-color:#38384f;}
.sub-header h1 {display:block;cursor:pointer;font-size:17px;letter-spacing:-1px;color:#fff;font-weight:normal;}
.sub-header button {position:absolute;display:block;width:50px;height:50px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -50px -50px / 500px 500px no-repeat !important;}
.sub-header a {position:absolute;display:block;width:50px;height:50px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) 0 -50px / 500px 500px no-repeat !important;}
.sub-header.haeder-type-1 button {left:0px;background-position:-50px -50px !important;}
.sub-header.haeder-type-2 button {left:0px;background-position:-50px -50px !important;}
.sub-header.haeder-type-3 button {right:0px;background-position:-100px -50px !important;}
.sub-header.haeder-type-1 a.auth-in {right:0px;background-position:-200px 0px !important;}
.sub-header.haeder-type-1 a.go-write {right:0px;background-position:-150px -50px !important;}

.sub-header.haeder-type-1 a.auth-befor {right:0px;background-position:-250px 0px !important;}
.sub-header.haeder-type-1 a.auth-after {right:0px;background-position:-200px 0px !important;}

.sub-header.haeder-type-1 a.write-coordi {right:0px;background-position:-200px -50px !important;}
.sub-header.haeder-type-1 a.btn-write-confirm {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;right:10px;top:8px;width:60px;height:34px;border-radius:3px;box-sizing:border-box;border:1px solid #2d2d2d;background:#4377ca !important;color:#fff !important;font-weight:normal;font-size:15px;}
.sub-header.haeder-type-2 a.go-home {right:0px;background-position:0 -50px !important;}
.sub-header.haeder-type-3 a.go-home {left:0px;background-position:0 -50px !important;}
.sub-header.haeder-type-3 a.go-auth {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:110px;height:34px;top:7px;right:75px;border-radius:4px;font-size:15px;color:#fff;font-weight:normal;letter-spacing:-1px;background:#ff9000 !important;}
.sub-header .icon-s-auth {display:inline-block;width:16px;height:18px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -269px -64px / 500px 500px no-repeat !important;}

main.main-type-1 {background-color:#dcdcdc;}
main.main-type-2 {background-color:#eee;}
main.main-type-1 article {max-width:760px;background-color:#fff;}
main.main-type-2 article {max-width:460px;background-color:#eee;}
main.main-type-3 {background-color:#dcdcdc;}
main.main-type-3 article  {max-width:760px;background-color:#eee;overflow:hidden;}
main.main-type-4 {background-color:#eee;padding-top:0px;}
main.main-type-4 article  {max-width:640px;background-color:#eee;overflow:hidden;}



/*태그검색*/
.tag-panel .bbs-search {position:relative;display:-webkit-box;height:36px;background-color:#ecedf1;padding:20px 10px 10px 10px;}
.tag-panel .bbs-search .select-search {background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;}
.tag-panel .bbs-search .select-search > div > div {padding:0 32px 0 10px;}
.tag-panel .bbs-search .space-bar {width:2px;height:32px;}
.tag-panel .bbs-search .btn-search {display:block;width:35px;height:35px;border-radius:0 4px 4px 0;background:#4f5c99 url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -408px -107px / 500px 500px no-repeat;}
.tag-panel .bbs-search > div:nth-child(1) {-webkit-box-flex:1;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px 0 0 4px;border-right:none;}
.tag-results {/*display:none;*/background-color:#ecedf1;text-align:center;padding:10px 0 20px 0;letter-spacing:-1px;font-size:15px;font-weight:normal;color:#666;}
.tag-results span {color:#ff9000;}
.tag-example {display:none;}
.tag-panel .tag-results-panel {padding:20px 10px 10px 10px;letter-spacing:-1px;}
.tag-panel .tag-results-panel .title {padding:6px 2px;border-bottom:1px solid #bbb;font-size:17px;}
.tag-example { display: block; background-color: #ecedf1; padding: 5px 12px; /*padding: 10px 12px 20px 12px;*/ }
.tag-example a { display:inline-block;margin-bottom:5px;background-color:#9db1c6;color:#fff !important;padding:7px;font-size:15px;letter-spacing:-1px;border-radius:4px;font-weight:normal; }

.no-list {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;background-color:#eee;margin:10px 0;padding:20px 0;font-size:15px;color:#999;}
.result-update {margin:6px 0;color:#999;padding-bottom:10px;border-bottom:1px solid #e5e5e5;}
.ui-title-area {display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;padding:10px 0;}

.tag-results-panel .content-title { color: #222 !important; font-weight: normal; font-size: 16px; margin-left: 5px; }
.tag-results-panel .tag-community-list .content-title { margin-left: 0px; }
.tag-results-panel .tag-community-list span.search_keyword { color: #ef8600 !important;}
.tag-results-panel .content-date {color:#999;font-size:14px;margin-right:2px;letter-spacing:0;}
.tag-results-panel .tag-update-list .content-content {background-color:#eee;padding:10px 10px;}
.tag-results-panel .tag-update-list .content-content a {display:inline-block;font-size:13px;padding:3px;color:#666 !important;font-weight:normal;letter-spacing:0;}
.tag-results-panel .btn-tag-results {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.tag-results-panel .btn-tag-results a {margin:5px 0 30px 0;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:300px;border-radius:4px;background-color:#4f5c99;color:#fff !important;letter-spacing:-1px;font-size:16px;word-break:keep-all;height:45px;font-weight:normal;}
.tag-results-panel .btn-tag-results a span {display:block;margin-left:5px;width:12px;height:12px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -169px -119px / 500px 500px no-repeat;}
.tag-results-panel .result-guide {padding:10px 10px;border-bottom:1px solid #e5e5e5;margin-bottom:7px;}
.tag-results-panel .result-guide div {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;color:#666;font-size:15px;line-height:1;height:25px;}
.tag-results-panel .result-guide span {display:inline-block;margin:0 2px 0 5px;width:12px;height:12px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -220px -120px / 500px 500px no-repeat;}
.tag-results-panel .result-guide a { color: #666 !important; font-weight: normal; }
.tag-results-panel .result-guide a.focus-child { color: #ff9000 !important; }
.tag-results-panel .result-community {padding:0 10px;border-bottom:1px solid #e5e5e5;margin-bottom:7px;}
.tag-results-panel .result-community .ui-title-area {-webkit-box-pack:start;-webkit-box-align:start;line-height:1.3;font-weight:normal;word-break:keep-all;padding:10px 0 8px 0;}
.tag-results-panel .result-community .ui-title-area > div:last-child {-webkit-box-flex:1;line-height:1.3;}
.tag-results-panel .result-community .ui-info-group {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;padding-bottom:14px;}
.tag-results-panel .result-community .ui-info-group > div:last-child {-webkit-box-flex:1;}
.tag-results-panel .result-community .space-bar {display:block;width:1px;height:13px;margin:4px 8px;background-color:#bbb;}
.tag-results-panel .result-community .content-type {font-size:16px;font-weight:normal;line-height:1.3;color:#ff9000;}
.tag-results-panel .result-community .content-category {font-size:16px;font-weight:normal;margin-bottom:0;line-height:1.3;}
.tag-results-panel .result-community .content-title {font-size:16px;line-height:1.3;}
.tag-results-panel .result-community .content-comment {color:#5897dc;}
.tag-results-panel .result-community .content-thumbnail {width:92px;height:67px;background:#ddd;margin-right:10px;}
.tag-results-panel .result-community .content-some {display:-webkit-box;height:35px;overflow:hidden;color:#666;font-weight:normal;font-size:14px;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.ui-writer-info {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;font-weight:normal;color:#999;font-size:13px;padding:0 0 8px 0;line-height:1;}
.ui-writer-info span {display:inline-block;vertical-align:middle;}
.ui-writer-info img {display:inline-block;vertical-align:middle;}
.ui-writer-info div {margin-right:12px;}

/*캐릭터정보*/
.myInfo-panel .ui-info-top {padding:20px;color:#fff;font-size:15px;letter-spacing:-1px;background:#434357 url(https://ssl.nexon.com/s2/game/maplestory/renewal/common/char_info/char_info_bg.jpg) center center / 960px 265px no-repeat;}
.myInfo-panel .top-left {font-size:16px;margin-right:20px;}
.myInfo-panel .top-right {-webkit-box-flex:1;}
.myInfo-panel .ui-top {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;margin-bottom:10px;}
.myInfo-panel .ui-bottom {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;border-top:1px solid #3a3851;border-bottom:1px solid #3a3851;padding:10px;color:#ff9000;}
.myInfo-panel .top-right > div {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;padding-left:62px;height:47px;margin:5px 0;} 
.myInfo-panel .ui-bottom span {color:#fff;margin-left:8px;}
.myInfo-panel .ui-bottom .space-bar {display:block;width:1px;height:20px;margin:0 20px;background-color:#3a3851;}
.myInfo-panel .ui-character-area {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:100px;height:100px;margin-top:10px;background:url(https://ssl.nexon.com/s2/game/maplestory/renewal/mobile/img_user_bg.png) 0 0 / 100% 100% no-repeat;}
.myInfo-panel .ui-user-server {background:url(https://ssl.nexon.com/s2/game/maplestory/renewal/common/char_info/sv_icon.png) -18px 0 / 88px 47px no-repeat;}
.myInfo-panel .ui-info-bottom {color:#fff;font-size:16px;letter-spacing:-1px;padding:20px 0;background:#eeeeee url(https://ssl.nexon.com/s2/game/maplestory/renewal/mobile/img_rankarea_bg.png) center center / 760px 338px no-repeat;}
.myInfo-panel .ui-info-bottom > div {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.myInfo-panel .ui-info-bottom > div > div {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient:vertical;width:130px;height:150px;margin:2px 5%;background:url(https://ssl.nexon.com/s2/game/maplestory/renewal/mobile/img_rank_bg.png) 0 0 / 100% 100% no-repeat;}
.myInfo-panel .ui-info-bottom > div > div > div:first-child {margin:8px 0;}
.myInfo-panel .ui-info-bottom > div > div > div:last-child {font-size:14px;color:#76fdff;}
.myInfo-panel .content-character {display:block;width:90px;height:90px;}
.myInfo-panel .content-user {color:#ff9000;}
.myInfo-panel .content-level {background:url(https://ssl.nexon.com/s2/game/maplestory/renewal/common/char_info/lv_icon.png) -18px 0 / 88px 47px no-repeat;}
.myInfo-panel .content-job {background:url(https://ssl.nexon.com/s2/game/maplestory/renewal/common/char_info/job_icon06.png) 2px center / 47px 47px no-repeat;}
.myInfo-panel .content-server {transform:scale(1.3);margin-right:5px;}

/*네비게이션*/
.nav-panel {position:relative;display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:start;min-height:850px;}
.nav-1depth-panel {position:absolute;width:100px;height:100%;background-color:#eee;left:0;top:0;}
.nav-1depth-area {width:100px;background-color:#eee;padding-top:8px;}
.nav-1depth {position:relative;box-sizing:border-box;height:80px;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient:vertical;font-size:15px;color:#38384f !important;font-weight:normal !important;letter-spacing:-1px;}
.icon-1depth {display:block;width:30px;height:30px;margin-bottom:3px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -60px -410px / 500px 500px no-repeat;}
.nav-1depth.active {background-color:#fff !important;border-bottom:2px solid #ff9000;color:#ff9000 !important;}
.nav-1depth.active .icon-1depth {background-position-y:-460px;}
.nav-1depth#m0 {display:none;}
.nav-2depth-s0 {display:none;padding:4px 10px 0 10px;}
#m0 .icon-1depth {background-position-x:-10px;}
#m1 .icon-1depth {background-position-x:-60px;}
#m2 .icon-1depth {background-position-x:-110px;}
#m3 .icon-1depth {background-position-x:-160px;}
#m4 .icon-1depth {background-position-x:-210px;}
#m5 .icon-1depth {background-position-x:-260px;}

body.cd_active .nav-1depth#m0 {display:-webkit-box;}
body.cd_active .nav-2depth-s0 {display:block;}

.nav-1depth.my-maple {color:#ebe4e1 !important;background-color:#715348 !important;height:72px;margin:4px;border-radius:4px;}
.nav-1depth.my-maple.active {color:#f4e4a6 !important;border-radius:4px 0 0 4px;border-bottom:none !important;margin-right:0;border-right:2px solid #ff9000;box-sizing:border-box;}
.nav-2depth-area {-webkit-box-flex:4;padding-top:8px;}
.nav-2depth-area span {display:none;width:10px;height:10px;margin-right:4px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -320px -120px / 500px 500px no-repeat;}
.nav-2depth-area .nav-2depth span {background-position:-320px -120px;}
.nav-2depth-area .nav-3depth span:first-child {background-position:-370px -120px;}
.nav-2depth-area .nav-2depth div,
.nav-2depth-area .nav-3depth div {margin-left:4px;margin-right:0px;width:12px;height:12px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -419px -419px / 500px 500px no-repeat;}
.nav-2depth-area .nav-2depth.active span,
.nav-2depth-area .nav-3depth.active span {display:inline-block;}
.nav-2depth-area .nav-2depth.active div,
.nav-2depth-area .nav-3depth.active div {background-position:-419px -469px;}
.nav-2depth-area .nav-2depth.active,
.nav-2depth-area .nav-3depth.active {color:#ff9000 !important;}
.nav-2depth-area .nav-2depth.active {padding-left:16px;border-bottom:2px solid #ff9000;}
.nav-2depth-area .nav-3depth.active {padding-left:51px;}
.nav-2depth {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;height:56px;border-bottom:1px solid #e5e5e5;padding-left:30px;box-sizing:border-box;margin:0 10px;letter-spacing:-1px;font-size:16px;color:#38384f !important;font-weight:normal !important;}
.nav-3depth-area {border-bottom:1px solid #e5e5e5;padding:10px 0;margin:0px 10px;}
.nav-3depth-area.last {margin-bottom:90px;}
.nav-3depth {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;height:34px;padding-left:65px;box-sizing:border-box;margin:0 10px;letter-spacing:-1px;font-size:15px;color:#888 !important;font-weight:normal !important;}

.ui-nav-2depth.s0 {padding:0 10px}
.nav-2depth-s2,
.nav-2depth-s3,
.nav-2depth-s4,
.nav-2depth-s5 {display:none;}


/*네비게이션 개인화*/
.my-info-area {position:relative;}
.my-info-area > div {box-sizing:border-box;height:203px;border-radius:4px 4px 0 0;overflow:hidden;}
.my-info {position:relative;border:1px solid #e5ecf4;background-color:#fff;}
.my-alert {position:absolute;width:100%;height:100%;left:0;top:0;border:1px solid #434357;background-color:#606072;}

.m-header {position:relative;height:40px;}
.my-info .m-header {background-color:#f5f9fd;border-bottom:1px solid #e5ecf4;}
.my-alert .m-header {background-color:#4c4c60;border-bottom:1px solid #434357;}

.my-info .decoration {position:absolute;left:0;bottom:0;width:100%;}
.my-info .decoration > div {height:1px;border-top:1px solid #e5ecf4;}
.my-alert .decoration {position:absolute;left:0;bottom:0;width:100%;}
.my-alert .decoration > div {height:1px;border-top:1px solid #434357;}

.m-header .ui-info-top {position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;letter-spacing:-2px;color:#333;font-size:14px;}
.m-header .ui-info-top .info-bar {width:1px;height:14px; background-color:#d5e0ed;margin:0 10px;}
.m-header .ui-info-top .content-server {transform:scale(1.1);margin-right:4px;}
.m-header .ui-info-top .content-job {color:#888;}
.m-header .ui-info-top a {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:45px;height:30px;font-size:14px;font-weight:normal;background-color:#fff;border:1px solid #d5e0ed;color:#a3b5cb;margin-left:10px;letter-spacing:-1px;box-sizing:border-box;}

.my-info-area .ui-info-middle {display:-webkit-box;padding:10px 10px 8px 10px;}
.my-info-area .ui-info-middle .no-character {margin:0;-webkit-box-pack:center;width:27px;height:27px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -461px -411px / 500px 500px no-repeat;}
.my-info-area .ui-info-middle > div:first-child {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.my-info-area .ui-info-middle > div:last-child {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:start;-webkit-box-orient:vertical;}
.my-info-area .ui-info-middle > div > div {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;font-size:15px;margin:2px 0;}
.my-info-area .ui-info-middle > div > div > div:first-child {width:12px;height:12px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -19px -219px / 500px 500px no-repeat;margin-right:2px;}
.my-info-area .ui-info-middle .icon-level {background-position-x:-19px !important;}
.my-info-area .ui-info-middle .icon-cash {background-position-x:-69px !important;}
.my-info-area .ui-info-middle .icon-noti {background-position-x:-119px !important;}
.my-info-area .ui-info-middle .info-bar {width:1px;height:10px; background-color:#e1e1e1;margin:0 7px;}
.my-info-area .ui-info-middle .content-level,
.my-info-area .ui-info-middle .content-cash {color:#222;}
.my-info-area .ui-info-middle .content-noti {color:#ff9000;text-decoration:underline;}
.my-info-area .ui-info-middle > div > div a {padding-right:10px;text-align:left;font-weight:normal;}
.my-info-area .ui-info-middle > div:first-child {width:42%;height:90px;background-color:#f5f9fd;border:1px solid #e5ecf4;box-sizing:border-box;margin-right:10px;}
.my-info-area .ui-info-middle > div:first-child img {display:block;width:48px;}
.my-info-area .ui-info-middle > div:last-child {-webkit-box-flex:1;height:90px;color:#888;}
.my-info-area .ui-info-bottom {display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;}
.my-info-area .ui-info-bottom a, .my-info-area .ui-info-bottom button { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-flex: 1; height: 34px; font-size: 14px; font-weight: normal; letter-spacing: -1px; box-sizing: border-box; margin: 0 2px; }
.my-info-area .ui-info-bottom a:first-child, .my-info-area .ui-info-bottom button:first-child { background-color: #fff; border: 1px solid #e3e3e3; color: #888; margin-left: 10px; word-break: keep-all; text-align: center; }
.my-info-area .ui-info-bottom a:last-child {min-width:65px;background-color:#bfbfbf;border:1px solid #bfbfbf;color:#fff;margin-right:10px;}
.my-info-area .ui-info-bottom a:last-child div {width:12px;height:12px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -268px -119px / 500px 500px no-repeat;margin-right:3px;}

.ui-alert-top,
.ui-alert-middle,
.ui-alert-bottom {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;text-align:center;word-break:keep-all;font-size:15px;letter-spacing:-1px;}
.ui-alert-top {height:50px;color:#c9c9cd;padding:0 20px;}
.ui-alert-middle {height:50px;background-color:#565669;color:#e7cf86;font-size:14px;padding:0 20px;margin:0 10px;}
.ui-alert-bottom {height:53px;} 
.ui-alert-bottom a {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:140px;height:34px;font-size:14px;font-weight:normal;letter-spacing:-1px;box-sizing:border-box;background-color:#fff;border:1px solid #e3e3e3;color:#888;}
.m-header .decoration {position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;}
.m-header .decoration div {width:8px;height:8px;border-radius:50%;margin:0 20px;}
.my-info .m-header .decoration div {border:1px solid #e5ecf4;background-color:#fff;}
.my-alert .m-header .decoration div {border:1px solid #444458;background-color:#505064;}
.my-alert .m-alert-close {position:absolute;top:0;right:0;padding:11px;}
.my-alert .m-alert-close > div {width:19px;height:19px;border:1px solid #434357;border-radius:50%;background:#8b8b9f url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -465px -315px / 500px 500px no-repeat;}

.my-menu-area {padding:5px 0;}
.my-menu-area > div {min-height:50px;border-radius:4px 4px 0 0;background-color:#4377ca;margin:15px 0;}
.my-menu-area .ui-menu-top {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;height:40px;font-size:14px;color:#fff;letter-spacing:-1px;padding-left:15px;}
.my-menu-area .ui-menu-bottom {background-color:#fff;}
.my-menu-area .ui-menu-bottom a {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;height:50px;font-size:16px;color:#38384f;font-weight:normal;letter-spacing:-1px;padding-left:25px;box-sizing:border-box;border-bottom:1px solid #e5e5e5;}
.my-menu-area .ui-menu-bottom a .icon-blank-pop {width:14px;height:14px;margin-left:5px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -168px -167px / 500px 500px no-repeat;}

.my-noti-area {min-height:100px;box-sizing:border-box;border-top:1px solid #e5e5e5;margin:10px 0;margin-bottom:100px;}
.my-noti-area .ui-noti-top > div:first-child {display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;padding:5px 10px;background-color:#fafafa;letter-spacing:-1px;}
.my-noti-area .ui-noti-top > div:first-child > div {display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;}
.my-noti-area .ui-noti-top > div:first-child a {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:90px;height:32px;font-size:13px;font-weight:normal;letter-spacing:-1px;box-sizing:border-box;background-color:#fff;border:1px solid #e3e3e3;color:#888;}
.my-noti-area .ui-noti-top .icon-noti {width:16px;height:16px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -167px -217px / 500px 500px no-repeat;margin-right:2px;}
.my-noti-area .ui-noti-top .content-noti {color:#ff9000;margin-left:6px;}
.my-noti-area .ui-noti-top > div:last-child {position:relative;height:15px;border-top:1px solid #ff9000;box-sizing:border-box;}
.my-noti-area .ui-noti-top > div:last-child .icon-noti-arrow {position:absolute;width:10px;height:10px;left:50%;top:-2px;margin-left:-5px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -470px -470px / 500px 500px no-repeat;}
.my-noti-area .noti-list > div {min-height:75px;padding:10px 15px 10px 15px;border:1px solid #e5e5e5;background-color:#fafafa;margin:5px 0;color:#999;font-size:14px;letter-spacing:-1px;}
.my-noti-area .noti-list > div.no-noti {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.my-noti-area .noti-list .icon-no-noti {width:26px;height:26px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -312px -412px / 500px 500px no-repeat;margin-right:5px;}
.my-noti-area .noti-list .ui-noti {position:relative;letter-spacing:-1px;}
.my-noti-area .noti-list .content-category {font-size:13px;color:#999;margin:5px 0;}
.my-noti-area .noti-list .content-content {font-size:15px;color:#666;margin:8px 0;word-break:keep-all;}
.my-noti-area .noti-list .content-date {font-size:13px;color:#999;margin:5px 0;}
.my-noti-area .noti-list .ui-noti button {position:absolute;top:0;right:0;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.my-noti-area .noti-list .ui-noti button .icon-noti-delete {width:30px;height:30px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -260px -160px / 500px 500px no-repeat;}

.nav-panel .ui-banner-bottom {position:fixed;width:100%;min-height:41px;left:0;bottom:0;background:#88889a;display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;padding:12px 2%;border-top:3px solid #fff;}
.nav-panel .ui-banner-bottom .space-bar {width:1px;height:30px;background-color:#a7a7b3;margin-right:2%;}
.nav-panel .ui-banner-bottom a {-webkit-box-flex:1;width:150px;display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;font-weight:normal;letter-spacing:-1px;}
.nav-panel .ui-banner-bottom a > div:first-child {width:30px;height:30px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -10px -360px / 500px 500px no-repeat;margin:0 6px} 
.nav-panel .ui-banner-bottom a > div:nth-child(2) {-webkit-box-flex:1;}
.nav-panel .ui-banner-bottom a:first-child > div:first-child {background-position:-10px -360px;}
.nav-panel .ui-banner-bottom a:last-child > div:first-child {background-position:-60px -360px;}
.nav-panel .ui-banner-bottom a .banner-title-1 {color:#fff;font-size:15px;margin-right:5px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}
.nav-panel .ui-banner-bottom a .banner-title-2 {color:#c9c9d1;font-size:13px;margin-right:5px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}

/*다른 아이디로 로그인*/
.other-panel .ui-other-top {margin:20px 10px 16px 12px;color:#666;letter-spacing:-1px;font-size:15px;word-break:keep-all;}
.other-panel .ui-other-middle {background-color:#f6f7fc;margin:10px;padding:8px 15px;min-height:102px;}
.other-panel .ui-other-middle a {display:inline-block;font-size:15px;width:100%;max-width:172px;font-weight:normal;}
.other-panel .ui-other-middle a div {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;color:#666 !important;height:34px;}
.other-panel .ui-other-middle a span {display:block;margin:11px 5px 10px 0px;width:14px;height:14px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -68px -118px / 500px 500px no-repeat;}
.other-panel .ui-other-middle a.active span {background-position-y:-168px;}
.other-panel .ui-other-bottom {border-bottom:1px solid #e5e5e5;margin:0px 10px;}
.other-panel .ui-other-bottom button div {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;margin-bottom:8px;color:#666;letter-spacing:-1px;font-size:14px;word-break:keep-all;height:34px;}
.other-panel .ui-other-bottom button span {display:block;margin:10px 5px 15px 15px;width:14px;height:14px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -18px -118px / 500px 500px no-repeat;}
.other-panel .ui-other-bottom button.active span {background-position-y:-168px;}
.other-panel .btn-select-auth {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.other-panel .btn-select-auth button {margin:10px 0 60px 0;}
.other-panel .btn-select-auth button div {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:220px;border-radius:4px;background-color:#4f5c99;color:#fff;letter-spacing:-1px;font-size:16px;word-break:keep-all;height:45px;}

.mymaple-panel .ui-other-top {margin:20px 10px 16px 12px;color:#666;letter-spacing:-1px;font-size:15px;word-break:keep-all;}
.mymaple-panel .ui-other-top p {margin-bottom:8px;}
.mymaple-panel .ui-other-top p:last-child {margin-bottom:0;}
.mymaple-panel .ui-other-middle {background-color:#f6f7fc;margin:10px;padding:8px 15px;min-height:102px;margin-top:0;}
.mymaple-panel .ui-other-middle a {display:inline-block;font-size:15px;width:100%;max-width:172px;font-weight:normal;}
.mymaple-panel .ui-other-middle a > div {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;color:#666 !important;min-height:34px;}
.mymaple-panel .ui-other-middle a span {display:block;margin:11px 5px 10px 0px;width:14px;height:14px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -68px -118px / 500px 500px no-repeat;}
.mymaple-panel .ui-other-middle a.active span {background-position-y:-168px;}
.mymaple-panel .ui-other-bottom {border-bottom:1px solid #e5e5e5;margin:0px 10px;}
.mymaple-panel .ui-other-bottom button > div {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;margin-bottom:8px;color:#666;letter-spacing:-1px;font-size:14px;word-break:keep-all;height:34px;}
.mymaple-panel .ui-other-bottom button span {display:block;margin:10px 5px 15px 15px;width:14px;height:14px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -18px -118px / 500px 500px no-repeat;}
.mymaple-panel .ui-other-bottom button.active span {background-position-y:-168px;}
.mymaple-panel .btn-select-auth {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.mymaple-panel .btn-select-auth button {margin:10px 0 60px 0;}
.mymaple-panel .btn-select-auth button > div {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;width:220px;border-radius:4px;background-color:#4f5c99;color:#fff;letter-spacing:-1px;font-size:16px;word-break:keep-all;height:45px;}
.mymaple-panel .user-id-list {position:relative;background-color:#4377ca;color:#fff;letter-spacing:-1px;padding:8px 16px;border-radius:4px 4px 0 0;margin:0 10px;}
.mymaple-panel .ui-other-middle.img-panel {padding-top:20px;}
.mymaple-panel .ui-other-middle.img-panel a > div {-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient:vertical;background:#fff;border-radius:4px;}
.mymaple-panel .ui-other-middle.img-panel a {position:relative;display:inline-block;font-size:15px;width:100%;max-width:120px;margin-bottom:10px;overflow:hidden;}
.mymaple-panel .ui-other-middle.img-panel a > div > img {display:block;width:90px;}
.mymaple-panel .ui-other-middle.img-panel a > div > div {width:100%;border-top:1px solid #e3e3e3;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;font-size:13px;padding:6px 0 0 0;}
.mymaple-panel .ui-other-middle.img-panel a > div > div img {display:block;margin-right:5px;}
.mymaple-panel .ui-other-middle.img-panel a > div > div span {display:block;letter-spacing:-1px;}
.mymaple-panel .con-restriction .ui-other-middle p {font-size:15px;color:#999;margin-bottom:8px;}
.mymaple-panel .con-restriction .ui-other-middle p em {color:#222;font-style:normal;}
.mymaple-panel .con-restriction .ui-other-middle p.con-date em {color:#ff9000;}
.mymaple-panel .con-restriction .ui-other-middle {padding:15px;min-height:54px;}
.mymaple-panel .con-restriction .ui-other-middle.no-restriction {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;font-size:15px;color:#666;letter-spacing:-1px;}
.mymaple-panel .con-restriction .user-id-list a {position:absolute;right:3px;top:3px;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;font-size:14px;color:#4377ca;font-weight:normal;background-color:#fff;border-radius:2px;border:1px solid #2b5aa4;padding:5px 8px;}
.mymaple-panel .cash_h1 {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;font-size:16px;color:#ff9000;background-color:#f6f7fc;padding:25px 0;margin:15px 0;}
.mymaple-panel .cash_h1 span {color:#666;}
.mymaple-panel .page-space-bottom {height:40px;}
.mymaple-panel .user-id-list.cash {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;}
.mymaple-panel .no-cash-list {text-align:center;font-size:15px;color:#666;letter-spacing:-1px;margin:40px 0;}
.mymaple-panel .user-id-list.cash > div {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.mymaple-panel .cash-list {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;margin:10px 0;}
.mymaple-panel .user-id-list.cash > div:first-child,
.mymaple-panel .cash-list > div:first-child {width:80px;text-align:center;}
.mymaple-panel .user-id-list.cash > div:nth-child(2) {width:100px;-webkit-box-flex:1;}
.mymaple-panel .cash-list > div:nth-child(2) {width:80px;padding-left:20px;-webkit-box-flex:1;}
.mymaple-panel .user-id-list.cash > div:last-child,
.mymaple-panel .cash-list > div:last-child {width:70px;text-align:center;}

.mymaple-panel .cash-search {display:-webkit-box;-webkit-box-pack:end;-webkit-box-align:center;font-size:16px;color:#666;margin-right:5px;margin-bottom:10px;}
.mymaple-panel .cash-search > div:first-child {margin-right:8px;letter-spacing:-1px;}
.mymaple-panel .cash-search .year-search,
.mymaple-panel .cash-search .month-search {background-color:#fff;border:1px solid #d9d9d9;border-radius:3px;margin-right:5px;}
.mymaple-panel .cash-search .year-search .ui-select,
.mymaple-panel .cash-search .month-search .ui-select {margin-top:8px;margin-bottom:8px;position:relative;}
.mymaple-panel .cash-search .year-search  > div > div,
.mymaple-panel .cash-search .month-search  > div > div {padding:0 32px 0 10px;}

.mymaple-panel .coupon-list {border:1px solid #e5e5e5; margin:8px 0;}
.mymaple-panel .coupon-list .ui-coupon-top {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;padding:10px;font-size:15px;color:#666;background-color:#fff;word-break:keep-all;border-bottom:1px solid #e5e5e5;}
.mymaple-panel .coupon-list .ui-coupon-top > div:first-child {-webkit-box-flex:1;}
.mymaple-panel .coupon-list .ui-coupon-top .con-category {color:#4377ca;font-size:13px;margin-bottom:4px;}
.mymaple-panel .coupon-list .coupon-used {color:#999;min-width:50px;margin-left:20px;}
.mymaple-panel .coupon-list .coupon-used.no-use {color:#ff9000;}
.mymaple-panel .coupon-list .ui-coupon-bottom {padding:10px;font-size:15px;color:#999;background-color:#fafafa;}
.mymaple-panel .coupon-list .ui-coupon-bottom em {color:#222;font-style:normal;}

/*상시메뉴*/
.layer-grobal-area {position:fixed;width:100%;height:100%;left:0;top:0;z-index:30;display:none;}
.layer-grobal-area.active {display:block;}
.layer-grobal-area .layer-panel {position:absolute;display:block;width:100% !important;height:100%;left:0;top:0;background:rgba(0,0,0,.7) !important;}
.layer-grobal-area .button-group {position:fixed;right:5px;bottom:167px;text-align:right;display:-webkit-box;-webkit-box-align:end;-webkit-box-orient:vertical;}
.layer-grobal-area .button-group a {margin-top:6px;font-weight:normal;}
.layer-grobal-area .button-group a div {display:-webkit-box;-webkit-box-pack:end;-webkit-box-align:center;}
.layer-grobal-area .button-group a p {display:block;color:#fff;margin-right:8px;}
.layer-grobal-area .button-group a span {display:block;width:42px;height:42px;border:1px solid #1a1a1a;background:#d9d9d9 url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -254px -354px / 500px 500px no-repeat;}
.layer-grobal-area .btn-copy-url span {border-radius:50%;background-color:#495e9f !important;background-position:-254px -354px !important;}
.layer-grobal-area .btn-search-tag span {border-radius:50%;background-color:#495e9f !important;background-position:-204px -354px !important;}
.layer-grobal-area .btn-write-bbs span {border-radius:50%;background-color:#ff9000 !important;background-position:-154px -354px !important;}
.layer-grobal-area .btn-close-panel span {background-position:-104px -354px !important;margin-bottom:43px;}

.btn-grobal-area {position:fixed;right:5px;bottom:167px;z-index:12;}
.btn-grobal-area a div {display:block;width:42px;height:42px;border:1px solid #666;background:rgba(255,255,255,.8) url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -10px -360px / 500px 500px no-repeat;font-weight:normal;}
.btn-grobal-area .btn-grobal-open div {background-position:-254px -304px !important;}
.btn-grobal-area .btn-go-top div {border-top:none;background-position:-204px -304px !important;}

/*서브레이어*/
.sub-layer {position:fixed;width:100%;height:100%;left:0;top:0;z-index:22;-webkit-box-pack:center;-webkit-box-align:center;display:none;}
.sub-layer.active {display:-webkit-box;}
.sub-layer .layer-panel {position:absolute;display:block;width:100% !important;height:100%;left:0;top:0;background:rgba(0,0,0,.7) !important;}
.sub-layer .sub-layer-panel {position:relative;min-width:310px;}
.sub-layer .ui-layerpanel-heder {display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;color:#fff;font-size:15px;letter-spacing:-1px;border-radius:4px 4px 0 0;background-color:#4377ca;padding:5px 5px 5px 10px;}
.sub-layer .layer-close > div {width:26px;height:26px;background: url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -362px -412px / 500px 500px no-repeat;}
.sub-layer .ui-layerpanel-body { width: 300px; min-height: 378px; background-color: #fff; border-radius: 0 0 4px 4px; padding: 6px; clear: both; }
.sub-layer .ui-layerpanel-body a {display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;background-color:#f6f7fc;border:1px solid #cedae8;border-radius:3px;width:127px;font-size:15px;font-weight:normal;letter-spacing:-1px;padding:6px 7px 4px 10px;margin:2px;line-height:1.5;color:#666 !important;float:left;}
.sub-layer .ui-layerpanel-body a img {display:inline-block;margin-right:4px;}
.sub-layer .ui-layerpanel-body a span {display:inline-block;margin-right:8px;width:14px;height:14px;background:url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -68px -118px / 500px 500px no-repeat;}
.sub-layer .ui-layerpanel-body a.active span {background-position-y:-168px;}

.sub-layer.season-selecter .ui-layerpanel-body a { width: 277px !important; float: initial !important; }

.guide-layer { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 22; -webkit-box-pack: center; -webkit-box-align: center; display: none; }
.guide-layer.active {display:-webkit-box;}
.guide-layer .layer-panel {position:absolute;display:block;width:100% !important;height:100%;left:0;top:0;background:rgba(0,0,0,.7) !important;}
.guide-layer .sub-layer-panel {position:relative;min-width:310px;}
.guide-layer .ui-layerpanel-heder {display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;color:#fff;font-size:15px;letter-spacing:-1px;border-radius:4px 4px 0 0;background-color:#4377ca;padding:5px 5px 5px 10px;}
.guide-layer .layer-close > div {width:26px;height:26px;background: url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -362px -412px / 500px 500px no-repeat;}
.guide-layer .ui-layerpanel-body {width:312px;min-height:304px;background-color:#fff;border-radius:0 0 4px 4px;clear:both;}

.global-layer {position:fixed;width:100%;height:100%;left:0;top:0;z-index:22;-webkit-box-pack:center;-webkit-box-align:center;display:none;}
.global-layer.active {display:-webkit-box;}
.global-layer .layer-panel {position:absolute;display:block;width:100% !important;height:100%;left:0;top:0;background:rgba(0,0,0,.7) !important;}
.global-layer .sub-layer-panel {position:relative;min-width:310px;}
.global-layer .ui-layerpanel-heder {display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;color:#fff;font-size:15px;letter-spacing:-1px;border-radius:4px 4px 0 0;background-color:#4377ca;padding:5px 5px 5px 10px;}
.global-layer .layer-close > div {width:26px;height:26px;background: url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -362px -412px / 500px 500px no-repeat;}
.global-layer .ui-layerpanel-body {width:280px;min-height:104px;background-color:#fff;border-radius:0 0 4px 4px;padding:26px;letter-spacing:-1px;}
.global-layer .ui-layerpanel-bottom {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;padding-top:10px;border-top:1px solid #e3e3e3;margin-top:20px;}
.global-layer .ui-restrictionpanel-bottom {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;padding-top:10px;border-top:1px solid #e3e3e3;margin-top:10px;}
.global-layer .bottom-confirm {font-size:15px;color:#fff !important;padding:6px 12px;background-color:#4f5c99;border-radius:3px;font-weight:normal;}
.global-layer .layer-message {text-align:center;}
.global-layer .restrictionpanel-acc {font-size:15px;color:#666;margin-bottom:10px;}
.global-layer .restrictionpanel-message {padding:12px;background-color:#f4f4f4;font-size:14px;color:#222;}

.writer-layer-panel {position:fixed;width:100%;height:100%;left:0;top:0;z-index:22;-webkit-box-pack:center;-webkit-box-align:center;display:none;}
.writer-layer-panel.active {display:-webkit-box;}
.writer-layer-panel .layer-panel {position:absolute;display:block;width:100% !important;height:100%;left:0;top:0;background:rgba(0,0,0,.7) !important;}
.writer-layer-panel .sub-layer-panel {position:relative;min-width:300px;}
.writer-layer-panel .ui-layerpanel-heder {display:-webkit-box;-webkit-box-pack:justify;-webkit-box-align:center;color:#fff;font-size:15px;letter-spacing:-1px;border-radius:4px 4px 0 0;background-color:#4377ca;padding:5px 5px 5px 10px;}
.writer-layer-panel .layer-close > div {width:26px;height:26px;background: url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) -362px -412px / 500px 500px no-repeat;}
.writer-layer-panel .ui-layerpanel-body {width:250px;min-height:104px;background-color:#fff;border-radius:0 0 4px 4px;padding:26px;letter-spacing:-1px;}
.writer-layer-panel .ui-layerpanel-body div:first-child {padding-bottom:5px;}
.writer-layer-panel .ui-layerpanel-body p {font-size:15px;letter-spacing:-1px;color:#666 !important;padding:2px;}
.writer-layer-panel .ui-layerpanel-body a  {display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;font-size:15px;color:#fff !important;padding:12px;background-color:#4f5c99;border-radius:3px;font-weight:normal;margin:10px 0;}



/*푸터*/
footer { padding: 0 0 70px 0; background-color: #2f3238; border-top: 1px solid #e4e4e4; }
footer .footer-sns { display: -webkit-box; -webkit-box-pack: justify; -webkit-box-align: center; background-color: #dfdfdf; height: 36px; }
footer .footer-sns div { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; color: #555 !important; font-size: 13px; letter-spacing: -1px; margin-left: 10px; }
footer .footer-sns .hands-area a { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; width: 67px; height: 17px; margin: 0 1px; font-size: 12px; font-weight: normal; letter-spacing: 0px; color: #555 !important; background-color: #fff; border-radius: 20px; }
footer .footer-sns .hands-area a.m-landing-1 { width: 96px; height: 23px; background-color: #ff9000; color: #fff !important; letter-spacing: -1px; }
footer .footer-sns .hands-area a.m-landing-2 { width: 23px; height: 23px; background: url(https://lwi.nexon.com/maplestory/mobile/m_ico_android.png) 0 0 / 100% 100% no-repeat; font-size: 1px; text-indent: -1000px; overflow: hidden; margin-left: 6px; }
footer .footer-sns .hands-area a.m-landing-3 { width: 23px; height: 23px; background: url(https://lwi.nexon.com/maplestory/mobile/m_ico_apple.png) 0 0 / 100% 100% no-repeat; font-size: 1px; text-indent: -1000px; overflow: hidden; margin-left: 4px; }
footer .footer-sns span { display: block; width: 20px; height: 20px; overflow: hidden; background: url(https://lwi.nexon.com/maplestory/mobile/common_icon.png) 0 0 / 500px 500px no-repeat; }
footer .footer-sns .sns-area a { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; width: 20px; height: 20px; margin: 0 3px; }
footer .footer-sns .sns-area a:last-child { margin: 0 9px 0 3px; }

footer .footer-sns span.icon-facebook { background-position: -65px -315px; }
footer .footer-sns span.icon-twitter { background-position: -115px -315px; }
footer .footer-sns span.icon-youtube { background-position: -165px -315px; }

footer .footer-global { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; height: 20px; margin-top: 20px; margin-bottom: 5px; }
footer .footer-global a { display: -webkit-box; -webkit-box-align: center; color: #c3c3c3 !important; font-weight: normal; font-size: 12px; }
footer .footer-global span { display: block; width: 1px; height: 8px; margin: 0 8px; background-color: #75777a; }
footer .copyright { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; height: 15px; color: #7d7d7d; font-weight: normal; font-size: 11px; }

/*quick n25*/
.btn-grobal-area.n25-ui-btn { bottom: 54px; }
.btn-grobal-area.n25-ui-btn a div { width: 44px !important; height: 41px !important; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -250px -300px / 500px 500px no-repeat !important; border: none; }
.btn-grobal-area.n25-ui-btn .btn-grobal-open div { height: 40px !important; background-position: -250px -350px !important; }
.btn-grobal-area.n25-ui-btn .btn-go-top div { background-position: -250px -400px !important; }
.layer-grobal-area.n25-ui-layer .button-group { bottom: 54px; }
.layer-grobal-area.n25-ui-layer .button-group a span { width: 44px !important; height: 41px !important; border: none !important; border-radius: 0 !important; background: transparent url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -250px -300px / 500px 500px no-repeat !important; border: none; }
.layer-grobal-area.n25-ui-layer .button-group a.btn-copy-url span { height: 40px !important; background-position: -250px -200px !important; }
.layer-grobal-area.n25-ui-layer .button-group a.btn-search-tag span { height: 40px !important; background-position: -250px -250px !important; }
.layer-grobal-area.n25-ui-layer .button-group a.btn-write-bbs span { height: 40px !important; background-position: -250px -300px !important; }
.layer-grobal-area.n25-ui-layer .button-group a.btn-close-panel span { height: 40px !important; background-position: -200px -300px !important; margin-bottom: 48px; }
.layer-grobal-area.n25-ui-layer .button-group a p { display: none !important; }
.layer-grobal-area.n25-ui-layer button.layer-panel { background: rgba(50, 52, 65, .90) !important; }
.global-layer .layer-panel { background: rgba(50, 52, 65, .90) !important; }
.sub-layer .layer-panel { background: rgba(50, 52, 65, .90) !important; }
.sub-layer.n25 video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.btn-grobal-area.n25-ui-btn a:last-child div { height: 48px !important; }
.n25-icon { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon_n25.png) !important; }
.sub-header a.n25-icon { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon_n25.png) !important; }
.sub-header .icon-s-auth.n25-icon { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon_n25.png) !important; }