*{box-sizing:border-box}html{min-width:1024px}body{margin:0;color:#53604e;font:12px/1.6 Dotum,"돋움",Arial,sans-serif;background:#cbf6c7 url('/assets/img.nopp.co.kr/tr/Common/bg_body.png') repeat-x center top}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,input,textarea{border:1px solid #aebc9e;border-radius:3px}input,textarea{padding:7px 8px;background:#fff;color:#34422e}button{padding:6px 13px;background:linear-gradient(#fff,#e8eedf);color:#4e6441}button:hover:not(:disabled){filter:brightness(1.03)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #398ca5;outline-offset:2px}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.portal-top{height:31px;background:#fff;border-bottom:1px solid #b8dcc2}.portal-top>div{width:962px;height:31px;margin:auto;display:flex;align-items:center;gap:22px;font-size:11px}.portal-top a:first-child{color:#438b22;font-weight:bold}.portal-top span{margin-left:auto;color:#84917f}.portal-header{width:1022px;height:151px;margin:auto;position:relative;background:url('/assets/img.nopp.co.kr/tr/Common/bg_header.gif') no-repeat 30px bottom}.portal-brand{position:absolute;left:38px;top:27px;width:183px;text-align:center;text-shadow:0 1px #fff}.portal-brand>span{display:block;color:#377136;font-size:12px;line-height:1.2}.portal-brand strong{font-size:30px;line-height:1.3;color:#f7ad07;letter-spacing:-2px;text-shadow:1px 2px #4f7624,-1px -1px #fff,1px -1px #fff,-1px 1px #fff}.portal-brand small{display:block;font:bold 10px/1.1 Arial,sans-serif;color:#377036;letter-spacing:1px}.portal-brand:hover{text-decoration:none}#category-nav{position:absolute;left:241px;right:23px;top:34px;display:flex;justify-content:space-between;border:1px solid #9ed8ce;border-radius:13px;background:linear-gradient(#e5ffffd9,#a7ecdee8);box-shadow:0 2px 4px #4da69b25;padding:12px 7px 14px}#category-nav > a{display:block;min-width:85px;text-align:center;color:#326229;font-weight:bold;font-size:14px;line-height:1.4;padding:0 4px;text-shadow:0 1px white}#category-nav > a small{display:block;color:#5fafa3;font:bold 8px/1.3 Arial,sans-serif;padding-bottom:2px}#category-nav > a.active{color:#e99b00}#category-nav > a.active small{color:#bd9512}.portal-layout{display:flex;align-items:flex-start;gap:24px;width:962px;margin:0 auto 50px;min-height:650px}.portal-sidebar{width:189px;flex:none}.game-start{width:189px;min-height:114px;margin-bottom:12px;border:3px solid #eef8b5;border-radius:28px;background:radial-gradient(ellipse at 50% 15%,#e3ff75,#91d322 65%,#4e9e27);box-shadow:0 2px 0 #267c33,0 4px 10px #449a5530;color:#224b20;font:bold 27px/.95 Arial,sans-serif;text-shadow:1px 2px #ddf497;letter-spacing:-1px}.game-start small{display:block;margin-bottom:10px;color:#4b7d28;font:11px/1.2 Dotum,sans-serif;letter-spacing:0;text-shadow:0 1px white}.account-box{padding:13px;background:#67ac19;border:1px solid #4c9620;border-radius:9px;margin-bottom:14px;color:#eef9d2;box-shadow:inset 0 0 0 3px #a4cf603b}.account-box h2{margin:0 0 8px;color:#315e23;font:bold 15px/1.2 Arial,sans-serif}.account-box input{display:block;width:100%;height:27px;border:1px solid #58892b;border-radius:0;margin-bottom:5px;padding:4px 6px;font-size:11px}.account-box form button{width:100%;background:linear-gradient(#ffe563,#f4c833);border-color:#c28b21;color:#6e591d;font-weight:bold;padding:4px}.account-box .text-button{padding:4px 0;color:#edf8dd;border:0;background:none;font-size:11px}.account-box p{margin:4px 0;font-size:11px}.account-box strong{display:block;color:#fff;font-size:14px}.account-box #account-userid{color:#dbedb6}.account-box #logout-button{margin-top:6px;padding:3px 10px;font-size:11px}.account-box .form-error{color:#fff1c0}.section-menu{border:1px solid #62ab3e;border-radius:10px 10px 6px 6px;overflow:hidden;background:#f2fce8;margin-bottom:14px}.section-menu h2{margin:0;padding:13px 17px;background:linear-gradient(#8dc933,#61a92a);font-size:18px;color:white;text-shadow:0 1px #4c8c20}.section-menu nav{padding:7px 0 10px}.section-menu a{display:block;padding:8px 18px;border-bottom:1px dotted #d0e0bf;font-weight:bold;color:#5e7850}.section-menu a:last-child{border:0}.section-menu a.active{color:#36821c;background:#e2f1cd}.section-menu a.active:before{content:'▶';font-size:9px;margin-right:7px;color:#70b431}.chaos-aside{display:block;padding:17px 10px;margin-bottom:10px;text-align:center;border:2px solid #9cc24a;border-radius:10px;color:#f4e1a6;background:linear-gradient(#3a5528,#1d3423);box-shadow:0 2px 5px #0002}.chaos-aside strong{display:block;font-size:17px}.chaos-aside span{display:block;font-size:11px;color:#e4edc1}.launcher-link{display:block;text-align:center;padding:6px 0;color:#507e36;font-size:11px}.portal-content{position:relative;width:749px;min-height:650px;padding:22px 27px 28px;background:#fffef7;border:1px solid #c0d5a7;border-radius:15px;box-shadow:0 2px 3px #749c5e22}.page-heading{display:flex;justify-content:space-between;align-items:center;min-height:67px;border-bottom:3px solid #9aca62;margin-bottom:15px}.page-heading h1{margin:0 0 10px;color:#4d8830;font:bold 26px/1.2 Dotum,sans-serif;letter-spacing:-1px}.page-heading p{margin:0 0 6px;color:#a0aa96;font-size:10px}.heading-stars{font-size:35px;line-height:1;color:#c3df83;transform:rotate(-12deg);padding:0 8px 12px}.content-tabs{display:flex;gap:3px;flex-wrap:wrap;margin:0 0 17px;border-bottom:1px solid #b6d194;padding-bottom:0;min-height:30px}.content-tabs button{margin-bottom:-1px;border-radius:5px 5px 0 0;border-color:#c5d7ae;background:linear-gradient(#f9fced,#e9f1da);padding:6px 15px;font-weight:bold;font-size:11px}.content-tabs button[aria-selected=true]{background:linear-gradient(#9dcb55,#79ae38);color:white;border-color:#79a942}.page-notice{padding:11px 14px;background:#eff7df;border:1px solid #cfdfb8;border-radius:5px;margin:0 0 16px;color:#688043}.page-notice a{color:#36771d;text-decoration:underline}.loading,.empty-state,.error-state{padding:55px 20px;text-align:center;color:#88927b}.empty-state strong,.error-state strong{display:block;color:#6f805c;font-size:15px;margin-bottom:8px}.empty-state p,.error-state p{margin:0 0 12px}.error-state{color:#9b6546}.error-state strong{color:#9b6546}.board-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}.board-table th{height:34px;border-top:2px solid #8cb253;border-bottom:1px solid #b7cd95;background:#eef5df;color:#657b4b;font-weight:bold}.board-table td{height:37px;padding:7px;border-bottom:1px solid #e7eddf;color:#7d8971;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.board-table .title-cell{text-align:left;color:#485f38}.board-table .title-cell button{padding:0;border:0;background:none;color:inherit;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-table tbody tr:hover{background:#fbfdf5}.board-table .row-number{width:46px}.board-table .row-author{width:100px}.board-table .row-date{width:82px}.board-table .row-views{width:42px}.board-table .row-rank{width:56px}.board-table .row-level{width:70px}.board-table .row-exp{width:140px}.board-table .row-money{width:105px}.notice-label,.status-label{display:inline-block;min-width:32px;padding:0 5px;margin-right:5px;border:1px solid #a9bf85;background:#edf5df;border-radius:2px;color:#71864d;font-size:10px;vertical-align:1px}.status-label.answered{background:#dff1f5;border-color:#a2ccd4;color:#4e8990}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:8px}.list-toolbar form{display:flex;gap:4px;align-items:center}.list-toolbar input{width:185px;height:28px;font-size:11px}.list-toolbar button{font-size:11px;min-height:28px}.green-button{color:white;border-color:#5f912e;background:linear-gradient(#8fc348,#639c2c);font-weight:bold}.pagination{display:flex;justify-content:center;gap:4px;margin:24px 0 0}.pagination button{min-width:25px;padding:3px 7px;border-color:#d2dfbf;background:white;font-size:11px}.pagination button.active{color:white;border-color:#7ba446;background:#83ad4e}.portal-footer{width:100%;padding:23px 0 30px;border-top:1px solid #bbd5b3;background:#eef7e8}.portal-footer>div{width:962px;margin:auto;text-align:center}.portal-footer img{vertical-align:middle;margin:0 12px;max-height:40px}.portal-footer p{font-size:10px;color:#929e88;margin:12px 0 0}.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shop-card{display:flex;flex-direction:column;align-items:center;padding:14px 12px;border:1px solid #d4e0be;border-radius:7px;background:linear-gradient(#fff,#f4f8e9);text-align:center;min-height:235px}.shop-image{width:86px;height:86px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e8d5;background:white;border-radius:5px;overflow:hidden;margin-bottom:10px}.shop-image img{max-width:100%;max-height:100%;object-fit:contain}.shop-image .item-placeholder{font-size:34px;color:#98b65c}.shop-card h3{font-size:12px;line-height:1.45;color:#526f3a;margin:0 0 5px}.shop-card p{font-size:11px;color:#8b947c;margin:0 0 8px;min-height:31px}.shop-card .shop-price{font-weight:bold;color:#cd8d19;min-height:0}.shop-card button{margin-top:auto;font-size:11px;padding:4px 13px}.download-list{display:grid;gap:13px}.download-card{display:flex;gap:16px;align-items:center;padding:19px 17px;border:1px solid #d4e0c0;border-radius:7px;background:#f7faef}.download-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(#c2ecdf,#76c6b4);border:1px solid #65ab9b;border-radius:8px;color:white;font:bold 34px/1 Arial,sans-serif;flex:none}.download-copy{flex:1}.download-copy h3{font-size:14px;color:#537442;margin:0 0 5px}.download-copy p{font-size:11px;color:#8a957e;margin:0}.download-card a{display:inline-block;padding:6px 13px;border:1px solid #5e9d46;border-radius:4px;background:linear-gradient(#8eca68,#60a448);color:white;font-weight:bold;font-size:11px}.article-view h2{font-size:19px;line-height:1.5;margin:0;color:#4f6c3a;padding:12px 9px;border-top:2px solid #8cb253;border-bottom:1px solid #dbe5ce;background:#f6f9ed}.article-meta{display:flex;gap:18px;padding:8px 11px;font-size:11px;color:#9aa28e;border-bottom:1px solid #e5ebdd}.article-body{min-height:240px;padding:24px 14px;color:#58644f;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.article-actions{display:flex;justify-content:space-between;border-top:1px solid #e1e9d6;padding-top:13px}.article-actions>div{display:flex;gap:5px}.guide-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.guide-card{padding:17px;background:#f6faec;border:1px solid #d3e0be;border-radius:7px}.guide-card h3{margin:0 0 9px;font-size:15px;color:#5a7d3d}.guide-card p{font-size:12px;margin:0 0 10px;color:#8b967c}.guide-card button{padding:4px 13px;font-size:11px}.portal-dialog{padding:0;width:405px;max-width:90vw;border:2px solid #6a9e42;border-radius:10px;box-shadow:0 10px 35px #0005;color:#5e6d50;background:#fffef6}.portal-dialog::backdrop{background:#0d24115c}.portal-dialog>form,.portal-dialog.message-dialog{padding:20px 23px}.dialog-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #b8d985;padding:0 0 10px;margin-bottom:15px}.dialog-header h2{margin:0;color:#5d8c32;font-size:18px}.dialog-header .close-dialog{background:none;border:0;font:23px/1 Arial,sans-serif;padding:0 0 0 10px;color:#7b946a}.portal-dialog p{margin:0 0 14px;font-size:12px}.portal-dialog label{display:block;font-size:11px;font-weight:bold;color:#6d8556;margin:10px 0 4px}.portal-dialog input,.portal-dialog textarea{width:100%}.portal-dialog .dialog-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:19px}.text-button{padding:5px 0;border:0;background:none;color:#6f8b54;font-size:11px;text-decoration:underline}.form-error{margin:10px 0 0!important;color:#b26037;font-size:11px!important;min-height:0}.editor-dialog{width:640px}.editor-dialog textarea{resize:vertical;min-height:220px}.message-dialog #message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.message-dialog #message-link{display:block;color:#4f8b29;text-decoration:underline;font-size:12px;margin-top:10px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:20;padding:12px 23px;border:1px solid #5b8d37;border-radius:7px;background:#456d2b;color:#fff;box-shadow:0 3px 12px #0003}.status-bar{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:11px;color:#8a967d}.status-bar strong{color:#5d8438}.rank-badge{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;background:#afca7e;color:white;border-radius:50%;font-weight:bold}.rank-badge.top{background:linear-gradient(#ffdc54,#dda420);border:1px solid #d29c20;text-shadow:0 1px #ad831a}.support-note{font-size:11px;color:#8b987b;margin:0 0 13px}.article-image{max-width:100%;height:auto;display:block;margin:0 auto 17px}.support-status{display:inline-block;font-size:11px;padding:1px 8px;border-radius:3px;background:#edf5df;color:#758c52}.portal-main-busy{opacity:.65;pointer-events:none}