/* Bundled Stylesheets - Generated at 2026-05-08 02:53:46 UTC */
/* Scoped per RTE data type */

/* ========== MB\MB-base.css ========== */
.cms-mb .notice { color: rgba(247, 129, 162, 1) }
.cms-mb h1, .cms-mb h2, .cms-mb h3, .cms-mb h4 { font-family: Exo 2, sans-serif; font-weight: 700; line-height: 2rem; letter-spacing: 0.1rem }
.cms-mb .img-zoom { cursor: zoom-in }

/* ========== MS\MS-base.css ========== */
@import url("https://fonts.googleapis.com/css2?family=Glory:wght@400;800&display=swap");
@font-face { font-family: nexon_lv2_gothic; src: url("//web.nxfs.nexon.com/maplestory/assets/nexon_lv2_gothic_otf-webfont-D35v_X6U.woff2") format("woff2"), url("//web.nxfs.nexon.com/maplestory/assets/nexon_lv2_gothic_otf-webfont-B9_YPx76.woff") format("woff"); font-weight: 400; font-style: normal }
@font-face { font-family: nexon_lv2_gothic; src: url("//web.nxfs.nexon.com/maplestory/assets/nexon_lv2_gothic_otf_medium-webfont-EGyNOwQe.woff2") format("woff2"), url("//web.nxfs.nexon.com/maplestory/assets/nexon_lv2_gothic_otf_medium-webfont-RdJvJklb.woff") format("woff"); font-weight: 500; font-style: normal }
@font-face { font-family: nexon_lv2_gothic; src: url("//web.nxfs.nexon.com/maplestory/assets/nexon_lv2_gothic_otf_bold-webfont-Bh_6o4nO.woff2") format("woff2"), url("//web.nxfs.nexon.com/maplestory/assets/nexon_lv2_gothic_otf_bold-webfont-I1P42ZXO.woff") format("woff"); font-weight: 700; font-style: normal }
.cms-ms * { font-family: nexon_lv2_gothic, Arial }
.cms-ms .notice { color: rgba(194, 62, 49, 1) }
.cms-ms h1 { font-size: 30px }
.cms-ms h2 { font-size: 28px }
.cms-ms h3 { font-size: 26px }
.cms-ms h4 { font-size: 24px }
.cms-ms h5 { font-size: 22px }
.cms-ms h1, .cms-ms h2, .cms-ms h3, .cms-ms h4, .cms-ms h5, .cms-ms h6, .cms-ms h1 *, .cms-ms h2 *, .cms-ms h3 *, .cms-ms h4 *, .cms-ms h5 *, .cms-ms h6 * { font-family: Glory }
.cms-ms p { margin-bottom: 15px }
.cms-ms img { height: auto }
.cms-ms .img-zoom { cursor: zoom-in }
.cms-ms .pswp__zoom-wrap { width: 100% }
.cms-ms details summary { cursor: pointer }
.cms-ms a { color: rgba(194, 62, 49, 1); font-weight: 700; text-decoration: underline; transition: all 0.3s }
.cms-ms a:hover { color: rgba(255, 183, 45, 1); text-decoration-color: rgba(255, 183, 45, 1) !important }
.cms-ms a[name], .cms-ms *[id] { }
.cms-ms li { margin-left: 0 !important }
.cms-ms dl, .cms-ms ul, .cms-ms ol, .cms-ms table { margin-bottom: 20px }
.cms-ms dl, .cms-ms ul, .cms-ms ol { padding-left: 20px }
.cms-ms dl li, .cms-ms ul li, .cms-ms ol li { margin-bottom: 2px }
.cms-ms dl ol, .cms-ms ul ol, .cms-ms ol ol { list-style-type: lower-alpha; margin-top: 5px; margin-bottom: 10px }
.cms-ms dl ol ol, .cms-ms ul ol ol, .cms-ms ol ol ol { list-style-type: lower-roman }
.cms-ms dl dl, .cms-ms dl ul, .cms-ms ul dl, .cms-ms ul ul, .cms-ms ol dl, .cms-ms ol ul { margin-top: 5px; margin-bottom: 10px }
.cms-ms dl li, .cms-ms ul li, .cms-ms ol li, .cms-ms dl dl li, .cms-ms dl ul li, .cms-ms ul dl li, .cms-ms ul ul li, .cms-ms ol dl li, .cms-ms ol ul li { position: relative }
.cms-ms dl li::marker, .cms-ms ul li::marker, .cms-ms dl dl li::marker, .cms-ms dl ul li::marker, .cms-ms ul dl li::marker, .cms-ms ul ul li::marker, .cms-ms ol dl li::marker, .cms-ms ol ul li::marker { list-style-type: none; content: "" }
.cms-ms dl li:before, .cms-ms ul li:before, .cms-ms dl dl li:before, .cms-ms dl ul li:before, .cms-ms ul dl li:before, .cms-ms ul ul li:before, .cms-ms ol dl li:before, .cms-ms ol ul li:before { content: ""; border-radius: 3px; width: 8px; height: 4px; background: rgba(255, 136, 78, 1); position: absolute; left: -18px; top: 7px }
.cms-ms dl li:before, .cms-ms ul li:before { width: 6px; height: 6px; left: -14px }
.cms-ms dl dl li dl li::marker, .cms-ms dl dl li ul li::marker, .cms-ms dl ul li dl li::marker, .cms-ms dl ul li ul li::marker, .cms-ms ul dl li dl li::marker, .cms-ms ul dl li ul li::marker, .cms-ms ul ul li dl li::marker, .cms-ms ul ul li ul li::marker, .cms-ms ol dl li dl li::marker, .cms-ms ol dl li ul li::marker, .cms-ms ol ul li dl li::marker, .cms-ms ol ul li ul li::marker { list-style-type: none; content: "" }
.cms-ms dl dl li dl li:before, .cms-ms dl dl li ul li:before, .cms-ms dl ul li dl li:before, .cms-ms dl ul li ul li:before, .cms-ms ul dl li dl li:before, .cms-ms ul dl li ul li:before, .cms-ms ul ul li dl li:before, .cms-ms ul ul li ul li:before, .cms-ms ol dl li dl li:before, .cms-ms ol dl li ul li:before, .cms-ms ol ul li dl li:before, .cms-ms ol ul li ul li:before { background: rgba(128, 128, 128, 1) }
.cms-ms table { width: 100%; height: auto; border: none; border-collapse: collapse; background: rgba(245, 245, 245, 1); display: block; overflow-x: auto }
.cms-ms table thead>tr, .cms-ms table :not(tbody) tr:first-child { color: rgba(255, 255, 255, 1) !important; background: rgba(255, 136, 78, 1) }
.cms-ms table tr th, .cms-ms table tr td { padding: 8px 9px; border: 1px solid rgba(204, 204, 204, 1) }
.cms-ms b, .cms-ms strong { font-weight: 700 }
.cms-ms iframe { max-width: 850px; width: 100%; display: block; margin: 0 auto; height: auto }
.cms-ms .play-btn { cursor: pointer }
@media only screen and (max-width: 1024px) { .cms-ms .hide-mobile { display: none !important } }
@media only screen and (min-width: 1025px) { .cms-ms .hide-desktop { display: none !important } }

/* ========== MS\MS-RteStyles.css ========== */
.cms-ms h3.section-header-blue { width: 100%; max-width: 1100px; padding: 12px 28px; border-radius: 30px; background: linear-gradient(145deg, rgba(167, 139, 250, 1), rgba(96, 165, 250, 1)); box-shadow: inset 0 0 20px rgba(167, 139, 250, 0.3), 0 6px 15px rgba(96, 165, 250, 0.5), 0 0 30px rgba(96, 165, 250, 0.3); font-family: "Arial", sans-serif; font-weight: bold; text-align: center; color: rgba(255, 255, 255, 1); text-shadow: 0 0 6px rgba(167, 139, 250, 0.7), 0 0 12px rgba(96, 165, 250, 0.5); overflow-wrap: break-word }
.cms-ms h3.section-header-red { width: 100%; max-width: 1100px; padding: 12px 28px; border-radius: 30px; background: linear-gradient(145deg, rgba(255, 75, 12, 1), rgba(255, 155, 12, 1)); box-shadow: inset 0 0 20px rgba(167, 139, 250, 0.3), 0 6px 15px rgba(96, 165, 250, 0.5), 0 0 30px rgba(96, 165, 250, 0.3); font-family: "Arial", sans-serif; font-weight: bold; text-align: center; color: rgba(255, 255, 255, 1); text-shadow: 0 0 6px rgba(167, 139, 250, 0.7), 0 0 12px rgba(96, 165, 250, 0.5); overflow-wrap: break-word }

/* ========== MS\MS-skillsTable.css ========== */
.cms-ms .skills-table { border-collapse: collapse; border-top-left-radius: 16px; border-top-right-radius: 16px; background-color: rgba(255, 255, 255, 1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) }
.cms-ms .skills-table th, .cms-ms .skills-table td { text-align: left; padding: 12px }
.cms-ms .skill-wrapper { display: flex; align-items: center; gap: 12px }
.cms-ms .skill-icon img { width: 64px; max-width: 64px }
.cms-ms .badge { display: inline-block; padding: 2px 8px; border-radius: 4px; color: rgba(255, 255, 255, 1); font-size: 0.8em; margin-right: 4px }
.cms-ms .badge-red { background-color: rgba(239, 83, 80, 1) }
.cms-ms .badge-gray { background-color: rgba(102, 102, 102, 1) }
.cms-ms .badge-green { background-color: rgba(76, 175, 80, 1) }

/* ========== MS\MS-table-purple-red.css ========== */
.cms-ms .table-purple { max-width: 100%; box-shadow: inset 0 -20px 25px rgba(138, 43, 226, 0.15), inset 0 0 40px rgba(0, 20, 255, 0.22), 0 10px 25px rgba(0, 120, 255, 0.16), 0 0 40px rgba(138, 43, 226, 0.05), 0 0 60px rgba(75, 0, 130, 0); color: rgba(50, 18, 89, 1); font-family: Arial, sans-serif; overflow-x: auto; margin: auto; padding: 2%; background: linear-gradient(145deg, rgba(225, 243, 255, 1), rgba(153, 173, 255, 1)); border-radius: 20px }
.cms-ms .table-purple .head { display: flex; font-weight: bold; text-align: center; border-top-left-radius: 12px; border-top-right-radius: 12px; overflow: hidden }
.cms-ms .table-purple .head>div { color: rgba(255, 255, 255, 1); box-shadow: 0 0 10px rgba(138, 43, 226, 0.5); flex: 1 1 0; padding: 12px; background: rgba(138, 43, 226, 0.6) }
.cms-ms .table-purple .row { display: flex; text-align: center; font-weight: bold; padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2) }
.cms-ms .table-red { max-width: 100%; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); font-family: Arial, sans-serif; overflow-x: auto; margin: auto; padding: 2%; background: rgba(255, 255, 255, 1); border-radius: 20px }
.cms-ms .table-red .head { display: flex; font-weight: bold; text-align: center }
.cms-ms .table-red .head>div:first-of-type { color: rgba(255, 255, 255, 1); border-top-left-radius: 12px; box-shadow: 0 0 10px rgba(211, 47, 47, 0.5); flex: 1 1 0; padding: 12px; background: linear-gradient(145deg, rgba(255, 75, 12, 1), rgba(255, 155, 12, 1)) }
.cms-ms .table-red .head>div:last-of-type { color: rgba(255, 255, 255, 1); border-top-right-radius: 12px; box-shadow: 0 0 10px rgba(211, 47, 47, 0.5); flex: 1 1 0; padding: 12px; background: linear-gradient(145deg, rgba(255, 155, 12, 1), rgba(255, 75, 12, 1)) }
.cms-ms .table-red .row { display: flex; text-align: center; font-weight: bold; color: rgba(211, 47, 47, 1); padding: 10px; border-bottom: 1px solid rgba(238, 238, 238, 1) }
.cms-ms .table-red .row>div:last-of-type { color: rgba(51, 51, 51, 1) }

/* ========== MS\MS-table-templates.css ========== */
.cms-ms .alert-text { max-width: 600px; box-shadow: inset 0 0 10px rgba(211, 47, 47, 0.2), 0 5px 15px rgba(211, 47, 47, 0.3); text-align: center; color: rgba(211, 47, 47, 1); position: relative; margin: 24px auto; padding: 16px 20px; background: rgba(255, 205, 206, 1); border-radius: 20px; overflow: hidden }
.cms-ms .alert-text strong { display: inline-block; color: rgba(255, 255, 255, 1); box-shadow: 0 0 12px rgba(211, 47, 47, 0.6); text-shadow: 0 0 6px rgba(255, 200, 200, 0.4); font-family: sans-serif; background: rgba(211, 47, 47, 1); padding: 6px 12px; border-radius: 15px }
.cms-ms .table-1 { max-width: 600px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); font-family: Arial, sans-serif; overflow-x: auto; margin: auto; padding: 2%; background: rgba(255, 255, 255, 1); border-radius: 20px }
.cms-ms .table-1 .head { display: flex; font-weight: bold; text-align: center; border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: 0 0 10px rgba(211, 47, 47, 0.5); overflow: hidden }
.cms-ms .table-1 .head>div { color: rgba(255, 255, 255, 1); flex: 1 1 0; padding: 12px; background: rgba(211, 47, 47, 1) }
.cms-ms .table-1 .row { display: flex; align-items: center; text-align: center; padding: 10px; border-bottom: 1px solid rgba(238, 238, 238, 1) }
.cms-ms .row>div { flex: 1 1 0 }
.cms-ms .box-frame1 { width: 150px; height: 150px; box-shadow: inset 0 0 12px rgba(138, 43, 226, 0), inset 0 0 18px rgba(30, 144, 255, 0.1), 0 6px 18px rgba(0, 0, 0, 0.15); display: inline-flex; justify-content: center; align-items: center; background: rgba(248, 249, 255, 1); border-radius: 20px }
.cms-ms .row-box-list { display: flex; align-items: center; justify-content: center; width: 100%; box-shadow: inset 0 0 25px rgba(138, 43, 226, 0.25), 0 6px 18px rgba(0, 0, 0, 0.15); border: 1px solid rgba(165, 164, 255, 1); border-radius: 24px; padding: 20px 10px; background: linear-gradient(145deg, rgba(167, 139, 250, 1), rgba(96, 165, 250, 1)); gap: 15px }
.cms-ms .row-box-list>div { max-width: 160px; flex: 1 1 150px }
.cms-ms .row-box-list .header { max-width: 160px; height: 50px; border-radius: 20px 20px 0 0; box-shadow: inset -10px -10px 10px rgba(255, 255, 255, 0.1), inset 0 0 18px rgba(96, 165, 250, 0.25), 0 6px 12px rgba(0, 0, 0, 0.25); display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 18px; color: rgba(255, 255, 255, 1); flex: 1 1 150px; border: 1px solid rgba(255, 255, 255, 0.3); background: linear-gradient(163deg, rgba(188, 169, 255, 1), rgba(140, 199, 255, 1)) }
.cms-ms .row-box-list .body { max-width: 160px; border-radius: 0 0 20px 20px; box-shadow: inset -10px -10px 10px rgba(255, 255, 255, 0.2), inset 0 0 18px rgba(96, 165, 250, 0.1), 0 4px 8px rgba(0, 0, 0, 0.15); display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 18px; color: rgba(51, 51, 51, 1); flex: 1 1 150px; border: 1px solid rgba(0, 0, 0, 0.1); background: linear-gradient(163deg, rgba(255, 255, 255, 1), rgba(195, 224, 255, 1)) }
.cms-ms .containers-templates { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; box-shadow: inset -20px -19px 12px rgba(106, 124, 255, 0.08), inset 0 0 18px rgba(96, 165, 250, 0.2), 0 4px 12px rgba(96, 165, 250, 0.3); border: 1px solid rgba(159, 159, 199, 1); border-radius: 20px; padding: 20px; gap: 20px }
.cms-ms .containers-templates>div { max-width: 184px; display: flex; justify-content: center; align-items: center; box-shadow: inset -20px -19px 12px rgba(106, 124, 255, 0.08), inset 0 0 18px rgba(96, 165, 250, 0.2), 0 4px 12px rgba(96, 165, 250, 0.3); flex: 1 1 160px; border: 1px solid rgba(159, 159, 199, 1); border-radius: 20px }