@font-face { font-family: 'PretendardVariable'; font-style: normal; font-weight: 400; src: url(https://lwi.nexon.com/fonts/PretendardVariable.woff2) format('woff2'), url(https://lwi.nexon.com/fonts/PretendardVariable.ttf) format('truetype'); }

@font-face { font-family: 'PretendardVariable'; font-weight: 600; font-display: swap; src: local('Pretendard SemiBold'), url(https://lwi.nexon.com/fonts/Pretendard-SemiBold.woff2) format('woff2'), url(https://lwi.nexon.com/fonts/Pretendard-SemiBold.woff) format('woff'); }

:root { --light-bg-color: #fff; --dark-bg-color: #464742; --light-text-color: #454757; --dark-text-color: #F2F0FF; }

html body { font-family: "PretendardVariable", "Malgun Gothic", sans-serif; font-weight: 500; color: var(--light-text-color); }
body, input, select, textarea, button, .ui-btn { font-family: "PretendardVariable", "Malgun Gothic", sans-serif; font-weight: 500; color: var(--light-text-color); }
html body.mode-change { color: var(--dark-text-color); }

body, .ui-page-theme-a { background-color: #2f3238 !important; }
main.main-type-3 { background-color: #Eff0f5; }
.bbs-end { display: none; height: 5px; background-color: #ececec; border-bottom: 1px solid #cbcbcb; }
.list-space { -webkit-box-flex: 1; }
.ui-title-area { -webkit-box-flex: 1; line-height: 17px; }
.main-header.ui-fixed { z-index: 13 !important; }

/*다크모드*/
.mode-change main.main-type-3 article { background-color: var(--dark-bg-color) !important; }
.mode-change main.main-type-3 { background-color: #464742; }
.mode-change main.main-type-3 article .content2 { background-color: #52535E; }
.mode-change .bannerSwiper .swiper-pagination-fraction { color: #979cbb !important }
.mode-change .bannerSwiper .swiper-pagination-current { color: #f0f2ff !important }
.mode-change .bannerSwiper .swiper-button-next { background-position-y: -160px !important; }
.mode-change .bannerSwiper .swiper-button-prev { background-position-y: -160px !important; }
.mode-change .ui-header-top { background-color: var(--dark-bg-color) !important; }
.mode-change .ui-header-top .n25-menu { background-position-y: -50px !important; }
.mode-change .ui-header-top .n25-mode-change { background-position-x: -200px !important; }
.mode-change .ui-header-top .auth-out { background-position-x: -250px !important; }
.mode-change .ui-header-top .auth-in { background-position-x: -200px !important; }
.mode-change .n25-con-header h2 { color: var(--dark-text-color); }
.mode-change .bannerSwiper .rollingBanner-menu { background-position: -113px -162px !important; }
.mode-change .n25-notice .text-over { color: #F0F2FF !important; }
.mode-change .n25-notice .n25-con-body a .news-title p { color: #E7E8F0 !important; }
.mode-change .n25-notice .n25-news-category1 .news-type { color: #a6edff !important; border: 1px solid #7a9abe; }
.mode-change .n25-notice .n25-news-category2 .news-type { color: #89e7b8 !important; border: 1px solid #7ea56f; }
.mode-change .n25-notice .n25-news-category4 .news-type { color: #ffa467 !important; border: 1px solid #b87d53; }
.mode-change .n25-notice .n25-news-category5 .news-type { color: #abbcff !important; border: 1px solid #7582b7; }
.mode-change .n25-notice .n25-news-category6 .news-type { color: #fa8fff !important; border: 1px solid #a15fb6; }
.mode-change .n25-notice .n25-news-category7 .news-type { color: #ffffff !important; border: 1px solid #7fb6ff; background-color: #7fb6ff; }
.mode-change .n25-notice .n25-news-category0 p { color: #E7E8F0 !important; }
.mode-change .n25-notice .n25-con-body a { border-top: 1px solid #54555c; }
.mode-change .n25-notice .n25-notice-inspection { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_notice_inspection_d.png); border-top: 1px solid #54555c; background-color: var(--dark-bg-color) !important; }
.mode-change .n25-mapleYoutube { background-color: #52535E; }
.mode-change .n25-mapleNews .swiper-pagination-fraction { color: #979cbb !important }
.mode-change .n25-mapleNews .swiper-pagination-current { color: #f0f2ff !important }
.mode-change .n25-mapleNews .swiper-button-next { background-position-y: -160px !important; }
.mode-change .n25-mapleNews .swiper-button-prev { background-position-y: -160px !important; }
.mode-change .n25-mapleNews .mapleNews-bg .bg-01 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_d1.png); }
.mode-change .n25-mapleNews .mapleNews-bg .bg-02 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_d2.png); }
.mode-change .n25-mapleNews .mapleNews-bg .bg-03 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_d3.png); }
.mode-change .n25-mapleNews .mapleNews-bg .bg-04 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_d4.png); }
.mode-change .n25-mapleNews .mapleNews-bg .bg-05 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_d5.png); }
.mode-change .n25-mapleNews.n25-news-inspection .mapleNews-bg .bg-01 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_d1_inspection.png); }
.mode-change .n25-mapleNews.n25-news-inspection .mapleNews-bg .bg-02 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_d2_inspection.png); }
.mode-change .n25-mapleNews.n25-news-inspection .mapleNews-bg .bg-03 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_d3_inspection.png); }
.mode-change .n25-mapleNews.n25-news-inspection .mapleNews-bg .bg-04 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_d4_inspection.png); }
.mode-change .n25-mapleNews.n25-news-inspection .mapleNews-bg .bg-05 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_d5_inspection.png); }
.mode-change footer.n25-footer .footer-top a { background-position-y: -259px !important; }
.mode-change .n25-mapleYoutube .swiper-slide { color: #fdfdff !important; }
.mode-change .n25-mapleYoutube .n25-youtube-inspection { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_youtube_inspection_d.png); background-color: #52535e !important; }
.mode-change .n25-mapleStore .swiper-slide { color: #fdfdff !important; }
.mode-change .n25-mapleStore .n25-store-inspection { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_store_inspection_d.png); background-color: var(--dark-bg-color) !important; }

.mode-change footer.n25-footer { background-color: #46474e !important; }
.mode-change footer.n25-footer .footer-global span { background-color: #686a78 !important; }
.mode-change footer.n25-footer .n25-pc-web { background-position-y: -150px !important; }
.mode-change footer.n25-footer .footer-global a { color: #fdfdff !important; }
.mode-change footer.n25-footer .copyright { color: #fdfdff !important; }

/*공통*/
main.main-type-3 article { background-color: var(--light-bg-color) !important; }
main.main-type-3 article .content2 { background-color: #eff0f5; padding: 20px 16px; }
.swiper-pagination-fraction { color: #6d707f !important; }
.swiper-pagination-current { color: #454757 !important; font-weight: 600; }
.swiper-button-prev:after, .swiper-button-next:after { display: none; }
.n25-con-header { display: flex; align-items: center; justify-content: space-between; padding: 32px 16px 10px 16px; }
.n25-con-header h2 { font-size: 19px; font-weight: normal; color: var(--light-text-color); letter-spacing: -.5px; padding-top: 3px; }
.n25-con-header .n25-header-more { position: relative; width: 30px; height: 30px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -157px -109px / 500px 500px no-repeat !important; }
.n25-con-body { position: relative;; display: block; width: 100%; min-height: 278px; }
.icon-new { width: 18px; height: 18px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -216px -116px / 500px 500px no-repeat !important; margin-left: 5px; }

/*메인해더*/
#page-main main { padding-top: 58px; }
.main-header { position: relative; width: 100%; }
.main-header.ui-fixed { position: fixed; width: 100%; left: 0; top: 0; z-index: 4; }
.ui-header-top { position: relative; display: flex; background-color: var(--light-bg-color); padding: 4px 0; align-items: center; justify-content: space-between; }
.ui-header-top button { position: relative; width: 50px; height: 50px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -50px 0 / 500px 500px no-repeat !important; }
.ui-header-top a { position: relative; width: 50px; height: 50px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -50px 0 / 500px 500px no-repeat !important; }
.ui-header-top .n25-menu { background-position-x: -46px !important; }
.ui-header-top .n25-mode-change { width: 51px; background-position: -149px -50px !important; }
.ui-header-top .auth-out { background-position-x: -100px !important; }
.ui-header-top .auth-in { background-position-x: -150px !important; }
.ui-header-top a.btn-main-logo { position: absolute; top: 4px; left: 50%; margin-left: -50px; width: 100px; height: 50px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -300px 0 / 500px 500px no-repeat !important; }
.ui-header-tr { display: flex; }

/*롤링배너*/
.n25-rollingBanner { position: relative; height: 167px; margin-top: 13px; }
.bannerSwiper { width: 92%; height: 100%; }
.bannerSwiper .swiper-slide { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; border-radius: 20px; background-color: transparent; background-repeat: no-repeat; background-position: 62% bottom; background-size: auto 108%; color: #fff !important; font-weight: normal; text-shadow: 0 0 rgba(34, 34, 34, 0.4); }
.bannerSwiper .swiper-slide.rolling-defalut { background-position: center bottom; background-size: auto 100%; }
.bannerSwiper .swiper-button-next { position: absolute; width: 27px; height: 26px; right: calc(50% - 70px); top: 198px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -66px -110px / 500px 500px no-repeat; }
.bannerSwiper .swiper-button-prev { position: absolute; width: 27px; height: 26px; left: calc(50% - 70px); top: 198px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -7px -110px / 500px 500px no-repeat; }
.bannerSwiper .swiper-pagination-fraction { position: relative; display: flex; justify-content: center; align-items: center; letter-spacing: 1px; font-size: 12px; font-weight: bold; padding: 0 5px; height: 64px; gap: 2px; }
.bannerSwiper .swiper-pagination-fraction span { display: block; }
.bannerSwiper.swiper { overflow: initial; }
.bannerSwiper .rollingBanner-menu { position: relative; width: 26px; height: 26px; margin-left: 4px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -113px -112px / 500px 500px no-repeat !important; cursor: pointer; }
.bannerSwiper .swiper-slide .rolling-top { width: calc(50% - 20px); margin: 20px 0 0 20px; }
.bannerSwiper .swiper-slide .rolling-top p { display: flex; justify-content: center; align-items: center; padding: 1px 10px 0 10px; margin-bottom: 5px; width: fit-content;; height: 22px; font-size: 13px; border: 1px solid #fff; border-radius: 50px; letter-spacing: -.5px; }
.bannerSwiper .swiper-slide .rolling-top h3 { width: 100%; font-size: 18.8px; font-weight: 600; }
.bannerSwiper .swiper-slide .rolling-bottom { width: 200px; margin: 0 0 20px 20px; }
.bannerSwiper .swiper-slide .rolling-bottom p { font-size: 12.3px; line-height:1.2; }
.rolling_list_layer.n25-sub-layer .n25-list { position: absolute; display: flex; flex-direction: column; gap: 5px; width: calc(100% - 20px); padding: 0 10px; }
.rolling_list_layer.n25-sub-layer .n25-list .n25-rollingevent-list { position: relative; display: flex; align-items: center; height: 48px; padding: 0 12px; border-radius: 50px; background-color: #2A2C3B; color: #fff !important; letter-spacing: -.5px; font-size: 12px; font-weight: normal; }
.rolling_list_layer.n25-sub-layer .n25-list .n25-rollingevent-list div { position: relative; display: flex; align-items: center; height: 24px; padding: 0 12px; border-radius: 50px; border: 1px solid #fff; white-space: nowrap; }
.rolling_list_layer.n25-sub-layer .n25-list .n25-rollingevent-list p { margin-left: 10px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; white-space: normal; }
.rolling_list_layer.n25-sub-layer .layer-content_center { height: 65vh; overflow-y: auto; }
.rolling_list_layer.n25-sub-layer .n25-list .n25-rollingevent-list.focus { color: #222 !important; background: linear-gradient(85deg, rgba(255, 119, 51, 1) 0%, rgba(255, 147, 100, 1) 100%); }
.rolling_list_layer.n25-sub-layer .n25-list .n25-rollingevent-list.focus div { border-color: #222; }

/*공지사항*/
.n25-notice { padding-top: 19px; padding-bottom: 33px; }
.n25-notice .n25-con-body a { position: relative; border-top: 1px solid #DEE1F3; padding: 12px 0; margin: 0 16px; display: flex; align-items: center; }
.n25-notice a .news-title { padding-left: 58px; padding-right: 15px; flex-grow: 1; width: 10px; }
.n25-notice a .title-top { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; display: flex; align-items: center; vertical-align: baseline; text-decoration: none; }
.n25-notice .news-title { height: 50px; display: flex; flex-direction: column; justify-content: center; }
.n25-notice .n25-con-body a .news-title p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; align-items: center; vertical-align: baseline; text-decoration: none; font-weight: normal; letter-spacing: -0.5px; line-height: 1.5; color: #525F6C !important; font-size: 13px; }
.n25-notice .text-over { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #454757 !important; font-size: 15px; font-weight: bold; }
.n25-notice .icon-new { width: 80px; }
.n25-notice .news-type { position: absolute; left: 0; display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; margin-right: 15px; background-color: transparent; border-radius: 15px; font-size: 11px; text-align: center; }
.n25-notice .n25-news-category1 .news-type { color: #3b83e1 !important; border: 1px solid #bedcff; }
.n25-notice .n25-news-category2 .news-type { color: #2f9461 !important; border: 1px solid #b6e3a6; }
.n25-notice .n25-news-category3 .news-type { color: #ffffff !important; border: 1px solid #ff8247; background-color: #ff8247; }
.n25-notice .n25-news-category4 .news-type { color: #e07948 !important; border: 1px solid #fecead; }
.n25-notice .n25-news-category5 .news-type { color: #5564a1 !important; border: 1px solid #b0b8d9; }
.n25-notice .n25-news-category6 .news-type { color: #d64add !important; border: 1px solid #f0bcff; }
.n25-notice .n25-news-category7 .news-type { color: #ffffff !important; border: 1px solid #7fb6ff; background-color: #7fb6ff; }
.n25-notice .n25-news-category0 .news-type { background-color: #ff8247; letter-spacing: -1px; width: 37px; height: 37px; padding: 5px; color: #FFF !important; line-height: 1.1; }
.n25-notice .n25-news-category0 p { display: none !important; }
.n25-notice .n25-news-category0 .text-over { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; font-weight: normal; letter-spacing: -0.5px; line-height: 1.6; white-space: normal !important; font-size: 13px; }
.n25-notice .n25-news-category0 .news-title { height: 46px; }
.n25-notice .n25-news-category0 .icon-new { display: inline-block; width: 18px; vertical-align: bottom; }
.n25-notice .n25-news-category0 .news-type { background-color: #ff8247; letter-spacing: -1px; width: 37px; height: 37px; padding: 5px; color: #FFF !important; line-height: 1.1; }
.n25-notice a.long-title .news-type { letter-spacing: -1px; width: 39px; height: 39px; padding: 3.5px; line-height: 1.1; }
.n25-notice a.no-title p { display: none !important; }
.n25-notice a.no-title .text-over { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; font-weight: normal; letter-spacing: -0.5px; line-height: 1.5; white-space: normal !important; font-size: 13px; }
.n25-notice a.no-title .news-title { height: 50px; }
.n25-notice a.no-title .icon-new { display: inline-block; width: 18px; vertical-align: bottom; }
.n25-notice .n25-notice-inspection { position: absolute; border-top: 1px solid #DEE1F3; padding: 0; margin: 0 16px; width: calc(100% - 20px); height: 299px; top: 0; left: 0; background: #fff url(https://lwi.nexon.com/maplestory/mobile/n25/n25_notice_inspection.png) center center / 325px 247px no-repeat; z-index: 1; }

/*업데이트배너*/
.n25-update { position: relative; background-color: #717487; height: 188px; color: #fff; letter-spacing: -0.5px;}
.n25-update .con-top { padding: 22px 16px 10px 16px; }
.n25-update .con-top .con-title { font-size: 17.7px; font-weight: normal; margin-bottom: 1px; letter-spacing:-1px;}
.n25-update .con-top .con-date { color: #D9DAE2; font-size: 13px; letter-spacing: 0px; }
.n25-update .con-body { padding: 0 16px; min-height: 38px; padding-right: 200px; }
.n25-update .con-body p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; font-weight: normal; line-height: 1.3; white-space: normal !important; font-size: 14px; }
.n25-update .con-bottom { padding: 28px 16px 0 16px; }
.n25-update .con-bottom a { width: 99px; height: 26px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -300px -62px / 500px 500px no-repeat !important; }
.n25-update .icon-new { display: inline-block; height: 22px; vertical-align: bottom; margin-left: 7px; }
.n25-update .n25-update-inspection { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #717487 url(https://lwi.nexon.com/maplestory/mobile/n25/n25_update_inspection.png) center center / 343px 91px no-repeat; z-index: 1; }
.n25-update .con-img { position: absolute; bottom: 0; right: -85px; display: block; height: 178px; aspect-ratio: 96 / 61; background: url(https://jarvis.dn.nexoncdn.co.kr/maplestory/gb/20250602/20250602090529366-1bf52efb1b24423693e9585ec251be7b.png) 0 0 / auto 100% no-repeat;; }

/*캐시배너*/
.n25-cashBanner { position: relative; height: 188px; }
.n25-cashBanner.lowLength .swiper-pagination-box { background-color:transparent; }
.cashSwiper { width: 100%; height: 100%; }
.cashSwiper .swiper-slide { display: flex; justify-content: flex-start; align-items: flex-start; background-position: 27% center; background-size: cover; background-repeat: no-repeat; color: #fff !important; font-weight: normal; }
.n25-cashBanner .swiper-pagination-fraction { width: 100px; left: 15px; bottom: 28.5px; font-size: 11px; }
.n25-cashBanner .swiper-pagination-box { position: absolute; width: 100px; height: 25px; left: 16px; bottom: 24px; background-color: #fff; border-radius: 50px; z-index: 4; }
.n25-cashBanner .swiper-button-next { position: absolute; width: 27px; height: 26px; left: 88px; top: auto; bottom: 25px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -66px -110px / 500px 500px no-repeat; }
.n25-cashBanner .swiper-button-prev { position: absolute; width: 27px; height: 26px; left: 16px; top: auto; bottom: 25px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -7px -110px / 500px 500px no-repeat; }
.n25-cashBanner .swiper-slide .cash-top { margin: 20px 0 0 16px; }
.n25-cashBanner .swiper-slide .cash-top h3 { width: 154px; font-size: 16.9px; font-weight: normal; }
.n25-cashBanner .swiper-slide .cash-top p { width: 190px; margin-top: 10px; font-size: 12.3px; letter-spacing: 0.2px; }
.n25-cashBanner .n25-cash-inspection { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #cdcfdb url(https://lwi.nexon.com/maplestory/mobile/n25/n25_cash_inspection.png) center bottom / 275px 150px no-repeat; z-index: 3; }

/*메이플유투브*/
.n25-mapleYoutube { position: relative; height: 312px; background-color: #Eff0f5; }
.n25-mapleYoutube .n25-con-header { padding-top: 28px; padding-bottom: 7px; }
.n25-mapleYoutube .youtubeSwiper { position: absolute; width: calc(100% - 16px); left: 16px; overflow: visible; }
.n25-mapleYoutube .swiper-pagination { bottom: 200px; visibility: hidden; }
.n25-mapleYoutube .swiper-slide { width: 310px !important; color: #3d3f4c !important; }
.n25-mapleYoutube .swiper-slide .con-thumbnail { width: 300px; height: 169px; background-color: #999; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 15px; }
.n25-mapleYoutube .swiper-slide .con-bottom { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; font-weight: normal; letter-spacing: -0.5px; line-height: 1.3; white-space: normal !important; font-size: 14px; margin-top: 8px; padding: 0 35px; text-align: center; }
.n25-mapleYoutube .swiper-slide .con-bottom .icon-new { display: inline-block; width: 18px; vertical-align: bottom; margin-right: 5px; margin-left: 0px; }
.n25-mapleYoutube .n25-youtube-inspection { position: absolute; width: 100%; height: 311px; top: 0; left: 0; background: #eff0f5 url(https://lwi.nexon.com/maplestory/mobile/n25/n25_youtube_inspection.png) center center / 350px 211px no-repeat; z-index: 3; }
.n25-mapleYoutube .n25-youtube-inspection a { position: absolute; width: 192px; height: 29px; top: 192px; left: calc(50% - 96px); background: transparent; }
.n25-mapleYoutube .icon-live { position: absolute; width: 70px; height: 22px; right: 20px; top: 8px; z-index: 1; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -400px -50px / 500px 500px no-repeat; }

/*메이플스토어*/
.n25-mapleStore { position: relative; height: 312px; }
.n25-mapleStore .n25-con-header { padding-top: 28px; padding-bottom: 7px; }
.n25-mapleStore .storeSwiper { position: absolute; width: calc(100% - 16px); left: 16px; overflow: visible; }
.n25-mapleStore .swiper-pagination { bottom: 200px; visibility: hidden; }
.n25-mapleStore .swiper-slide { width: 170px !important; color: #3d3f4c !important; }
.n25-mapleStore .swiper-slide .con-thumbnail { width: 160px; height: 168px; background-color: #999; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 15px; }
.n25-mapleStore .swiper-slide .con-bottom { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; font-weight: normal; letter-spacing: -0.5px; line-height: 1.3; white-space: normal !important; font-size: 14px; margin-top: 8px; padding: 0 25px; text-align: center; }
.n25-mapleStore .swiper-slide .con-bottom .icon-new { display: inline-block; width: 18px; vertical-align: bottom; margin-right: 5px; margin-left: 0px; }
.n25-mapleStore .n25-store-inspection { position: absolute; width: 100%; height: 312px; top: 0; left: 0; background: #fff url(https://lwi.nexon.com/maplestory/mobile/n25/n25_store_inspection.png) center center / 343px 130px no-repeat; z-index: 3; }
.n25-mapleStore .n25-store-inspection a { position: absolute; width: 158px; height: 29px; top: 192px; left: calc(50% - 79px); background: transparent; }

/*메이플스토리 뉴스*/
.n25-mapleNews { position: relative; min-height: 200px; padding: 6px 29px 29px 29px; }
.n25-mapleNews .mapleNews-bg { position: absolute; margin: 16px; width: calc(100% - 32px); height: calc(100% - 32px); top: 0; left: 0; border-radius: 0 0 20px 20px; }
.n25-mapleNews .mapleNews-bg { display: flex; align-items: flex-start; background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l2.png),url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l2.png), url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l2.png); background-position: 0 56px, 16px 0, 95% 26px; background-size: 100% 100%, 45% 26px, 46% 100px; background-repeat: no-repeat, no-repeat, no-repeat; }
.n25-mapleNews .mapleNews-bg [class^=bg-] { width: 25%; height: 60px; background-color: #2f3238; }
.n25-mapleNews .mapleNews-bg .bg-01 { flex-shrink: 0; width: 30px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l1.png) 0 0 / 100% 100% no-repeat; }
.n25-mapleNews .mapleNews-bg .bg-02 { flex-grow: 1; background: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l2.png) 0 0 / 100% 100% no-repeat; }
.n25-mapleNews .mapleNews-bg .bg-03 { flex-shrink: 0; width: 100px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l3.png) 0 0 / 100% 100% no-repeat; }
.n25-mapleNews .mapleNews-bg .bg-04 { flex-grow: 1; background: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l4.png) 0 0 / 100% 100% no-repeat; }
.n25-mapleNews .mapleNews-bg .bg-05 { flex-shrink: 0; width: 30px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l5.png) 0 0 / 100% 100% no-repeat; }
.n25-mapleNews.n25-news-inspection .mapleNews-bg .bg-01 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l1_inspection.png); }
.n25-mapleNews.n25-news-inspection .mapleNews-bg .bg-02 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l2_inspection.png); }
.n25-mapleNews.n25-news-inspection .mapleNews-bg .bg-03 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l3_inspection.png); }
.n25-mapleNews.n25-news-inspection .mapleNews-bg .bg-04 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l4_inspection.png); }
.n25-mapleNews.n25-news-inspection .mapleNews-bg .bg-05 { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l5_inspection.png); }
.n25-mapleNews.n25-news-inspection .mapleNews-bg { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l2_inspection.png),url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l2_inspection.png), url(https://lwi.nexon.com/maplestory/mobile/n25/n25_bp_l2_inspection.png); }
.n25-mapleNews.n25-news-inspection .news-inspection .con-body { background-color: #969abb; }
.n25-mapleNews.n25-news-inspection .news-inspection .con-thumbnail { background-color: #969abb; border: 3px solid #969abb; }
.n25-mapleNews.n25-news-inspection .news-inspection .con-type { color: #FFF; background-color: #969abb; }
.n25-mapleNews.n25-news-inspection .news-inspection .title-top { background-color: #969abb; border-bottom: 3px solid #969abb; }
.n25-mapleNews.n25-news-inspection .news-inspection .con-bottom { display: none; }
.n25-mapleNews.n25-news-inspection .news-inspection .con-body p { border-top: 1px solid #ffffff33; }
.n25-mapleNews.n25-news-inspection .con-body p { height: 55px; }
.n25-mapleNews.n25-news-inspection .con-body p { height: 55px; }
.n25-mapleNews.n25-news-inspection .con-body p { height: 55px; }
.n25-mapleNews .swiper-slide > div:first-child { flex-grow: 1; }
.n25-mapleNews .con-top { padding: 30px 3px 8px 3px; }
.n25-mapleNews .con-type { color: #00FFFF; font-size: 13px; font-weight: normal; letter-spacing: -.5px; margin-bottom: 4px; background-color: #009eb3; width: fit-content; }
.n25-mapleNews .title-top { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; display: flex; align-items: center; vertical-align: baseline; text-decoration: none; background-color: #009eb3; border-bottom: 3px solid #009eb3; }
.n25-mapleNews .news-title { height: 50px; display: flex; flex-direction: column; justify-content: center; }
.n25-mapleNews .con-body { background-color: #009eb3; }
.n25-mapleNews .con-body p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 4; font-weight: normal; letter-spacing: -0.5px; line-height: 1.3; white-space: normal !important; font-size: 14px; margin-bottom: 12px; padding: 12px 15px 0 0; border-top: 1px solid #26acbe; color: #fff; height: 73px; margin: 0 3px 12px 3px; }
.n25-mapleNews .text-over { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #ffffff !important; font-size: 16px; font-weight: normal; letter-spacing: -.5px; }
.n25-mapleNews .icon-new { width: 98px; height: 21px; background-position: -450px -399px !important; }
.n25-mapleNews .con-thumbnail { position: relative; width: calc(100% - 6px); border-radius: 10px; overflow: hidden; margin-top: 15px; background-color: #009eb3; border: 3px solid #009eb3; aspect-ratio: 367 / 215; background-position:center center;background-size:100% auto; background-repeat:no-repeat;}
.n25-mapleNews .con-thumbnail img { display: block; width: 100%; aspect-ratio: 421 / 237; }
.n25-mapleNews .con-bottom a { display: block; width: 99px; height: 25px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -300px -400px / 500px 500px no-repeat; margin-left: 3px; }
.n25-mapleNews .swiper-pagination-fraction { width: 100px; right: 14px; left: auto; top: 20px; bottom: auto; font-size: 11px; }
.n25-mapleNews .swiper-button-next { position: absolute; width: 27px; height: 26px; right: 13px; top: auto; top: 34px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -66px -110px / 500px 500px no-repeat; }
.n25-mapleNews .swiper-button-prev { position: absolute; width: 27px; height: 26px; left: auto; right: 90px; top: auto; top: 34px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -7px -110px / 500px 500px no-repeat; }

/*테스트월드*/
.n25-testWorld.not-test .testWorld-con p { color: #d7dbff; }
.n25-testWorld.not-test .n25-testWorld-more { display: none; }
.n25-testWorld { position: relative; height: 164px; margin: 0 16px 20px 16px; border-radius: 20px; background-color: #6c76c3; }
.n25-testWorld .n25-con-header { padding: 12px 16px 6px 16px; }
.n25-testWorld .n25-con-header h2 { color: #fff; }
.n25-testWorld .n25-con-header .n25-header-more { background-position: -157px -159px !important; }
.n25-testWorld .testWorld-con { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100px; background-color: #474b62; margin: 0 16px; border-radius: 10px; }
.n25-testWorld .testWorld-con p { color: #fff; font-size: 14px; text-align: center; letter-spacing: -0.5px; }
.n25-testWorld .n25-testWorld-more { width: 95px; height: 25px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -50px -400px / 500px 500px no-repeat; margin-top: 10px; }

/*파트너서비스*/
.n25-nxService { position: relative; border-radius: 20px; background-color: #fff; padding: 6px 16px; margin-bottom: 16px; }
.n25-nxService h4 { font-size: 19px; letter-spacing: -.5px; line-height: 1.8; }
.n25-nxService p { font-size: 15px; letter-spacing: -.5px; line-height: 1.2; margin-bottom: 3px; }
.n25-nxService .nx-nexonplay .content-01 { margin-bottom: 10px; }
.n25-nxService .content-01 { display: flex; align-items: center; margin-bottom: 7px; }
.n25-nxService .content-02 { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.n25-nxService .content-01 .con-thumbnail { width: 66px; height: 66px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -300px -200px / 500px 500px no-repeat; margin-right: 16px; }
.n25-nxService .nx-maplehands .content-01 .con-thumbnail { background-position: -300px -200px; }
.n25-nxService .nx-nexonplay .content-01 .con-thumbnail { background-position: -400px -200px; }
.n25-nxService .content-02 a { width: 153px; height: 35px; background: #f7f8fb url(https://lwi.nexon.com/maplestory/mobile/n25/n25_aos.png) center center / 103px 35px no-repeat; border-radius: 50px; flex-grow: 1; }
.n25-nxService .content-02 a.n25-market-android { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_aos.png); }
.n25-nxService .content-02 a.n25-market-ios { background-image: url(https://lwi.nexon.com/maplestory/mobile/n25/n25_ios.png); }
.n25-nxService > div { margin: 10px 0; }
.n25-nxService > div.nx-maplehands { margin-bottom: 24px; }

/*파트너스*/
.n25-partners { position: relative; border-radius: 20px; background-color: #fff; padding: 6px 16px 58px 16px; margin-bottom: 16px; overflow: hidden; height: 301px; }
.n25-partners .n25-con-header { padding: 8px 0 6px 0; }
.n25-partners .n25-con-header h2 { color: var(--light-text-color) !important; }
.n25-partners .swiper-slide { display: flex; justify-content: center; width: 100%; border-radius: 15px; }
.n25-partners .pt-content { display: flex; justify-content: center; flex-direction: column; align-items: center; width: 280px; }
.n25-partners .pt-mark { width: 120px; height: 120px; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 200px; background-color: #eaebf1; }
.n25-partners .pt_title { color: #454757 }
.n25-partners .swiper-pagination-fraction { width: 100%; bottom: 25px; font-size: 11px; }
.n25-partners .swiper-pagination-box { position: absolute; width: 100px; height: 25px; left: 15px; bottom: 20px; background-color: #fff; border-radius: 50px; z-index: 4; }
.n25-partners .swiper-button-next { position: absolute; width: 27px; height: 26px; left: calc(50% + 25px); top: auto; bottom: 21px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -66px -110px / 500px 500px no-repeat; }
.n25-partners .swiper-button-prev { position: absolute; width: 27px; height: 26px; left: calc(50% - 52px); top: auto; bottom: 21px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -7px -110px / 500px 500px no-repeat; }
.n25-partners .pt-tag ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.n25-partners .pt-tag ul li { display: flex; align-content: center; align-items: center; background-color: #E9EAEE; height: 25px; padding: 0 10px; border-radius: 4px; font-size: 13.5px; letter-spacing: -1px; color: #484B65; margin: 2px; }
.n25-partners .pt_title { font-size: 18px; letter-spacing: -.5px; padding: 8px 0 4px 0; }
.n25-partners .icon-new { display: inline-block; height: 21px; vertical-align: bottom; margin-left: 6px }
.n25-partners .pt-link-box ul { display: flex; gap: 6px; margin: 6px 0; }
.n25-partners .pt-link-box ul li button { width: 32px; height: 32px; display: block; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -59px -309px / 500px 500px no-repeat !important; }
.n25-partners .pt-link-box ul li.inter_link button { background-position: -59px -309px !important; }
.n25-partners .pt-link-box ul li.android_link button { background-position: -109px -309px !important; }
.n25-partners .pt-link-box ul li.ios_link button { background-position: -159px -309px !important; }
.n25-partners .pt-link-box ul li.discord_link button { background-position: -59px -359px !important; }
.n25-partners .pt-link-box ul li.kakao_link button { background-position: -109px -359px !important; }
.n25-partners .pt-link-box ul li.etc_link button { background-position: -159px -359px !important; }
.n25-partners .pt-link-box ul { display: flex; gap: 6px; margin: 6px 0; }
.n25-partners .pt-link-box ul li a { width: 32px; height: 32px; display: block; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -59px -309px / 500px 500px no-repeat !important; }
.n25-partners .pt-link-box ul li.inter_link a { background-position: -59px -309px !important; }
.n25-partners .pt-link-box ul li.android_link a { background-position: -109px -309px !important; }
.n25-partners .pt-link-box ul li.ios_link a { background-position: -159px -309px !important; }
.n25-partners .pt-link-box ul li.discord_link a { background-position: -59px -359px !important; }
.n25-partners .pt-link-box ul li.kakao_link a { background-position: -109px -359px !important; }
.n25-partners .pt-link-box ul li.etc_link a { background-position: -159px -359px !important; }
.n25-partners .n25-partners-inspection { position: absolute; width: 100%; height: 365px; top: 0; left: 0; background: #fff url(https://lwi.nexon.com/maplestory/mobile/n25/n25_partners_inspection.png) center center / 211px 115px no-repeat; z-index: 12; }
.n25-partners .n25-partners-inspection a { position: absolute; width: 132px; height: 29px; top: 211px; left: calc(50% - 66px); background: transparent; }


/*artwork*/
.n25-artwork { position: relative; border-radius: 20px; background-color: #fff; padding: 6px 16px 58px 16px; margin-bottom: 16px; min-height: 221px; }
.n25-artwork .artworkSwiper { width: 100%; }
.n25-artwork .n25-con-header { padding: 8px 0; }
.n25-artwork .n25-con-header h2 { color: var(--light-text-color) !important; }
.n25-artwork .swiper-slide { width: 100% !important; aspect-ratio: 311 / 175; background-color: #999; background-repeat: no-repeat; background-size: 100% auto; background-position: center center; border-radius: 15px; }
.n25-artwork .swiper-pagination-fraction { width: 100%; bottom: 25px; font-size: 11px; }
.n25-artwork .swiper-button-next { position: absolute; width: 27px; height: 26px; left: calc(50% + 25px); top: auto; bottom: 21px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -66px -110px / 500px 500px no-repeat; }
.n25-artwork .swiper-button-prev { position: absolute; width: 27px; height: 26px; left: calc(50% - 52px); top: auto; bottom: 21px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -7px -110px / 500px 500px no-repeat; }

/*pinkbean*/
.n25-pinkbean { position: relative; border-radius: 20px; background-color: #fff; padding: 6px 16px 54px 16px; margin-bottom: 16px; overflow: hidden; min-height: 196px; }
.n25-pinkbean.shot { padding-bottom: 16px; }
.n25-pinkbean .pinkbeanSwiper { width: 100%; }
.n25-pinkbean .n25-con-header { padding: 8px 0; }
.n25-pinkbean .n25-con-header h2 { color: var(--light-text-color) !important; }
.n25-pinkbean .swiper-slide { aspect-ratio: 1 / 1; background-color: #999; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 12px; }
.n25-pinkbean .swiper-pagination-fraction { width: 100%; bottom: 25px; font-size: 11px; }
.n25-pinkbean .swiper-button-next { position: absolute; width: 27px; height: 26px; left: calc(50% + 25px); top: auto; bottom: 21px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -66px -110px / 500px 500px no-repeat; }
.n25-pinkbean .swiper-button-prev { position: absolute; width: 27px; height: 26px; left: calc(50% - 52px); top: auto; bottom: 21px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -7px -110px / 500px 500px no-repeat; }
.n25-pinkbean .n25-pinkbean-inspection { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff url(https://lwi.nexon.com/maplestory/mobile/n25/n25_pinkbean_inspection.png) center center / 180px 79px no-repeat; z-index: 12; }
.n25-pinkbean .n25-pinkbean-inspection a { position: absolute; width: 180px; height: 29px; top: 55%; left: calc(50% - 90px); background: transparent; }

/*character*/
.n25-character { position: relative; background-color: #5a5d7a; height: 348px; }
.n25-character .char-menu { position: relative; display: flex; justify-content: space-evenly; align-items: center; height: 48px; background-color: #46495f; padding: 0 16px; }
.n25-character .char-menu button { flex-grow: 1; font-size: 14px; color: #fff !important; display: flex; height: 32px; align-items: center; justify-content: center; border-radius: 32px; background-color: transparent !important; cursor: pointer !important; }
.n25-character .char-menu button.active { background-color: #323441 !important; }
.n25-character .char-container { position: relative; height: 300px; }
.n25-character .char-info { position: relative;; display: flex; flex-direction: column; justify-content: space-between; height: 204px; margin: 24px 18px; z-index: 1; }
.n25-character .swiper-slide { height: 300px !important; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; }
.n25-character .char-image { position: absolute; top: 0; left: 30%; width: 100%; height: 300px !important; background-position: left center; background-size: auto 100%; background-repeat: no-repeat; }
.n25-character .char-new { width: 75px; height: 28px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -50px -450px / 500px 500px no-repeat; }
.n25-character .char-remaster { width: 117px; height: 28px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -150px -450px / 500px 500px no-repeat; }
.n25-character .con-category { display: flex; gap: 5px; }
.n25-character .con-name { font-size: 30px; color: #fff; width: fit-content; letter-spacing: -.5px; margin-top: 6px; margin-left: 2px; line-height: 1.1; }
.n25-character .con-desc { font-size: 14.5px; color: #fff; width: 205px; word-break: keep-all; letter-spacing: -.5px; margin-top: 4px; margin-left: 4px; }
.n25-character .con-job { display: flex; align-items: center; justify-content: center; width: fit-content; height: 27px; padding: 1px 16px 0 16px; border-radius: 50px; border: 1px solid #ffffff1a; font-size: 13px; color: #fff !important; white-space: nowrap; }
.n25-character .con-job .main-job { position: relative;; padding-right: 20px; color: #ffffff99; }
.n25-character .con-job .main-job:after { position: absolute; width: 10px; height: 26px; top: 5px; right: 2px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -200px -400px / 500px 500px no-repeat !important; content: ""; }
.n25-character .char-mov-view { width: 149px; height: 32px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -300px -450px / 500px 500px no-repeat !important; cursor: pointer; }
.n25-character .swiper-pagination-fraction { width: 157px; bottom: 32px; font-size: 11px; color: #C0C4E0 !important; }
.n25-character .swiper-pagination-current { color: #fff !important; }
.n25-character .swiper-button-next { position: absolute; width: 27px; height: 26px; left: 110px; top: auto; bottom: 26px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -11px -262px / 500px 500px no-repeat; }
.n25-character .swiper-button-prev { position: absolute; width: 27px; height: 26px; left: 16px; top: auto; bottom: 26px; z-index: 11; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -11px -212px / 500px 500px no-repeat; }
.char_skill_layer.n25-sub-layer video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 23; }

/*n25-layer-popup*/
.n25-sub-layer.active { display: flex; }
.n25-sub-layer { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 22; display: none; justify-content: center; align-items: center; }
.n25-sub-layer .n25-layer-panel { position: absolute; display: block; width: 100% !important; height: 100%; left: 0; top: 0; background: rgba(50, 52, 65, .90) !important; }
.n25-sub-layer .n25-layer-close { position: absolute; display: block; width: 50px; height: 50px; left: calc(50% - 25px); top: -50px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) 0 0 / 500px 500px no-repeat !important; }
.n25-sub-layer .n25-layer-content { position: relative; max-width: 720px; }
.n25-sub-layer .layer-content_center { position: relative; margin: 0 5%; }
.n25-sub-layer .layer-content_center img { display: block; width: 100%; }


/*footer*/
footer.n25-footer { display: flex; flex-direction: column; align-items: center; padding: 0; background-color: #fff; border: none; padding: 24px 0 32px 0; }
footer.n25-footer .footer-top { display: flex; justify-content: center; }
footer.n25-footer .footer-top a { width: 30px; height: 30px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -60px -209px / 500px 500px no-repeat !important; margin: 0 15px; }
footer.n25-footer .footer-top a.n25-facebook { background-position-x: -60px !important; }
footer.n25-footer .footer-top a.n25-twitter { background-position-x: -110px !important; }
footer.n25-footer .footer-top a.n25-instagram { background-position-x: -160px !important; }
footer.n25-footer .footer-top a.n25-youtube { background-position-x: -210px !important; }
footer.n25-footer .footer-global { margin: 16px 0; }
footer.n25-footer .footer-global a { letter-spacing: -1px; font-size: 13px; color: #3d3f4c !important; }
footer.n25-footer .footer-global span { height: 16px; margin: 0 16px; background-color: #d6d6dc !important; }
footer.n25-footer .n25-pc-web { width: 164px; height: 32px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -300px -100px / 500px 500px no-repeat !important; }
footer.n25-footer .copyright { margin-top: 14px; color: #3d3f4c !important; }

/*긴급공지*/
#page-main .n25-real-time { display: none; }
#page-main.realtime-top { margin-top: 60px; }
#page-main.realtime-top header { top: 60px !important; }
#page-main.realtime-top .n25-real-time { position: fixed; display: flex; align-items: center; top: 0; left: 0; width: 100%; height: 60px; z-index: 13; background-color: #46495F; }
#page-main.realtime-top .n25-real-time .con-type { display: flex; align-items: center; height: 32px; padding: 0 16px; background-color: #FF6565; color: #fff; font-size: 14px; font-weight: bold; border-radius: 50px; margin: 0 12px 0 8px; white-space: nowrap; }
#page-main.realtime-top .n25-real-time .slide-container { flex-grow: 1; white-space: nowrap; box-sizing: border-box; overflow: hidden; }
#page-main.realtime-top .n25-real-time p { display: inline-block; min-width: 300px; padding-right: 30px; color: #fff; font-size: 15px; letter-spacing: -.4px; animation: text-to-left 5s linear infinite; }
#page-main.realtime-top .n25-real-time .con-link a { display: block; flex-shrink: 0; width: 32px; height: 32px; margin: 0 6px; background: url(https://lwi.nexon.com/maplestory/mobile/n25/common_icon.png) -8px -58px / 500px 500px no-repeat }

@media (min-width:550px) {
    .n25-nxService > div.nx-maplehands { margin-bottom: 18px; }
    .n25-nxService .nx-maplehands, .n25-nxService .nx-nexonplay { display: flex; justify-content: space-between; align-items: center; }
    .n25-nxService .content-02 { display: flex; flex-shrink: 0; width: auto; justify-content: space-around; flex-wrap: nowrap; flex-direction: column; height: 79px; gap: 8px; }
    .n25-mapleNews .con-body { margin-right: 12px; }
    .n25-mapleNews .swiper-slide { display: flex; align-items: flex-end; }
    .n25-mapleNews .con-thumbnail { flex-shrink: 0; width: 238px; margin-top: 0; }
    .n25-artwork .artworkSwiper, .n25-pinkbean .pinkbeanSwiper { width: 311px; }
    .n25-artwork .swiper-slide { width: 311px !important; }
    .n25-artwork, .n25-pinkbean { display: flex; justify-content: flex-end; padding-bottom: 6px !important; min-height: 168px; }
    .n25-artwork .n25-con-header, .n25-pinkbean .n25-con-header { position: absolute; justify-content: flex-start; left: 16px; top: 4px; }
    .n25-artwork .n25-con-header .n25-header-more, .n25-pinkbean .n25-con-header .n25-header-more { margin-left: 2px; }
    .n25-artwork .artworkSwiper, .n25-pinkbean .pinkbeanSwiper { margin: 9px 0px !important; }
    .n25-artwork .swiper-pagination-fraction, .n25-pinkbean .swiper-pagination-fraction { width: 114px !important; bottom: 18px !important; }
    .n25-artwork .swiper-button-prev, .n25-pinkbean .swiper-button-prev { left: 8px !important; bottom: 14px !important; }
    .n25-artwork .swiper-button-next, .n25-pinkbean .swiper-button-next { left: 80px !important; bottom: 14px !important; }
    .n25-character .char-image { left: 32% !important; }
    .n25-mapleNews.n25-news-inspection .news-inspection .con-bottom { display: block; visibility: hidden; }
    .n25-mapleNews.n25-news-inspection .con-body p { height: 73px; }
    .n25-mapleNews .swiper-slide > div:first-child { width: 10px; }
    .n25-mapleNews .icon-new { width: 178px; }
    .n25-mapleNews .con-bottom { margin-bottom: 3px; }
    .n25-update .con-img { right: 0; }
}

@media (min-width:500px) and (max-width:549.9px) {
    .n25-character .char-image { left: 28% !important; }
    .n25-update .con-img { right: 0; }
    .n25-update .con-body { padding-right: 285px; }
}

@media (min-width:450px) and (max-width:499.9px) {
    .n25-update .con-img { right: -20px; }
    .n25-update .con-body { padding-right: 265px; }
    .n25-character .char-image { left: 17.1% !important; }
}

@media (min-width:420px) and (max-width:449.9px) {
    .n25-update .con-img { right: -40px; }
    .n25-update .con-body { padding-right: 240px; }
    .n25-character .char-image { left: 15.7% !important; }
}

@media (min-width:400px) and (max-width:419.9px) {
    .n25-update .con-img { right: -60px; }
    .n25-update .con-body { padding-right: 220px; }
    .n25-character .char-image { left: 8.6% !important; }
}

@media (min-width:10px) and (max-width:399px) {
    .n25-update .con-img { right: -80px; }
    .n25-update .con-body { padding-right: 200px; }
    .n25-character .char-image { left: 5% !important; }
}

@media (min-width:10px) and (max-width:373px) {
    .n25-update .con-img { right: -80px; }
    .n25-update .con-body { padding-right: 200px; }
    .n25-nxService .content-02 { flex-direction: column; gap: 10px; }
    .n25-artwork { min-height: 190px; }
    .n25-pinkbean { min-height: 169px; }
    

}


@keyframes text-to-left {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}