/* Nobel Dental premium guide skin. Scoped to avoid overriding the main theme. */
.noble-seo{--ns-primary:#5047a1;--ns-primary-soft:#eeecfb;--ns-ink:#171f32;--ns-text:#334155;--ns-dim:#64748b;--ns-border:#e3e7ee;--ns-shadow:0 9px 30px rgba(15,23,42,.07);max-width:1060px;margin:40px auto 80px;padding:0 24px;font-family:inherit;color:var(--ns-ink);box-sizing:border-box;line-height:1.6}
.noble-seo *,.noble-seo *::before,.noble-seo *::after{box-sizing:border-box}
.noble-seo a{text-decoration:none}
.noble-seo-eyebrow{font-size:12px;letter-spacing:.21em;font-weight:800;color:var(--ns-primary);display:flex;align-items:center;gap:9px;margin-bottom:17px}
.noble-seo-eyebrow span{width:21px;height:1px;background:var(--ns-primary)}
.noble-seo-list-top{border-bottom:1px solid var(--ns-border);padding:12px 0 34px;margin-bottom:25px}
.noble-seo-list-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
.noble-seo-list-heading h1{font-size:38px;letter-spacing:-.055em;color:var(--ns-ink);font-weight:850;margin:0 0 8px;line-height:1.3}
.noble-seo-list-heading p{margin:0;color:var(--ns-dim);font-size:15px}
.noble-seo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 19px;background:#fff;color:#3b4355!important;border:1px solid #dbe0e8;border-radius:12px;font-size:14px;line-height:1.4;font-weight:700;white-space:nowrap;transition:background .2s,border-color .2s}
.noble-seo-btn:hover{background:#f9f8ff;border-color:#c7c1e9}
.noble-seo-btn-main{background:var(--ns-primary)!important;border-color:var(--ns-primary)!important;color:#fff!important}
.noble-seo-btn-main:hover{background:#413887!important}
.noble-seo-btn-danger{color:#b33f3f!important;background:#fffafa;border-color:#f0d7d7}
.noble-seo-summary{display:flex;justify-content:flex-start;align-items:center;gap:7px;font-size:14px;color:#718096;margin-bottom:21px}
.noble-seo-summary strong{color:var(--ns-primary);font-size:15px}
.noble-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.noble-seo-card{margin:0!important;min-width:0;border:1px solid var(--ns-border);background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--ns-shadow);transition:transform .24s,border-color .24s,box-shadow .24s}
.noble-seo-card:hover{transform:translateY(-5px);border-color:#c9c2eb;box-shadow:0 18px 39px rgba(15,23,42,.11)}
.noble-seo-card-link{display:flex;flex-direction:column;height:100%;color:inherit!important}
.noble-seo-card-image{height:auto;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(135deg,#f5f5fb,#e9ebf6);position:relative}
.noble-seo-card-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.noble-seo-card:hover img{transform:scale(1.055)}
.noble-seo-card-index{position:absolute;right:16px;top:15px;min-width:32px;height:32px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.92);color:#434086;font-size:12px;font-weight:800;box-shadow:0 4px 15px rgba(0,0,0,.06)}
.noble-seo-noimage{height:100%;display:flex;gap:14px;flex-direction:column;align-items:center;justify-content:center;color:#8e91a1;font-size:13px}
.noble-seo-noimage-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid #c2c4df;border-radius:50%;font-weight:300;font-size:30px;color:#9292be}
.noble-seo-card-content{padding:22px 23px 21px;display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:0}
.noble-seo-card-caption{color:#8e91a0;letter-spacing:.12em;font-size:10px;font-weight:800;margin:0 0 10px}
.noble-seo-card-content h2{font-size:20px!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:1.48!important;color:var(--ns-ink)!important;margin:0 0 24px!important;padding:0!important;word-break:keep-all}
.noble-seo-more{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;padding-top:14px;border-top:1px solid #eef0f5;font-size:13px;font-weight:700;color:#6a7080}
.noble-seo-arrow{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border:1px solid #dadce9;border-radius:50%;font-size:15px;color:var(--ns-primary)}
.noble-seo-card:hover .noble-seo-arrow{color:#fff;background:var(--ns-primary);border-color:var(--ns-primary)}
.noble-seo-empty{padding:65px 20px;margin:0;border:1px dashed #d9deea;border-radius:16px;text-align:center;color:var(--ns-dim)}
.noble-seo-categories{margin:0 0 25px}
.noble-seo-categories ul{display:flex;gap:9px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.noble-seo-categories li{list-style:none}
.noble-seo-categories li a{display:block;border:1px solid var(--ns-border);padding:8px 15px;border-radius:99px;background:#fff;color:#5c6474;font-size:13px}
.noble-seo-categories li a#bo_cate_on{background:var(--ns-primary);border-color:var(--ns-primary);color:#fff}
.noble-seo-pages{display:flex;justify-content:center;margin-top:35px}
.noble-seo-pages .pg_wrap{float:none}
.noble-seo-pages .pg{display:flex;align-items:center;gap:4px}
.noble-seo-pages .pg_page,.noble-seo-pages .pg_current{border-radius:8px}
.noble-seo-article-head{border:1px solid var(--ns-border);border-radius:24px;background:#fff;padding:36px 44px 40px;margin-bottom:16px;box-shadow:var(--ns-shadow)}
.noble-seo-back{display:inline-flex;color:var(--ns-dim)!important;font-size:14px;font-weight:700;margin-bottom:28px}
.noble-seo-pill{display:inline-flex;padding:5px 12px;border-radius:50px;background:var(--ns-primary-soft);color:var(--ns-primary);font-weight:750;font-size:12px;margin-bottom:12px}
.noble-seo-article-head h1{font-size:38px!important;letter-spacing:-.05em!important;line-height:1.38!important;font-weight:850!important;color:var(--ns-ink)!important;margin:0 0 20px!important;padding:0!important;word-break:keep-all}
.noble-seo-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#7c8495}
.noble-seo-dot{color:#c9cdd6}
.noble-seo-admin-actions{display:flex;gap:8px;justify-content:flex-end;margin:18px 0;flex-wrap:wrap}
.noble-seo-cover{border:1px solid var(--ns-border);border-radius:24px;overflow:hidden;margin:24px 0 18px;background:#f4f5f9;box-shadow:var(--ns-shadow);text-align:center}
.noble-seo-cover img{max-width:100%;display:block;margin:0 auto;max-height:900px;width:auto;height:auto}
.noble-seo-article{padding:45px 46px;margin:20px 0 24px;border:1px solid var(--ns-border);border-radius:24px;background:#fff;box-shadow:var(--ns-shadow)}
.noble-seo-rich{font-size:16px;color:#334155;line-height:1.95;overflow-wrap:anywhere}
.noble-seo-rich img{max-width:100%;height:auto}
.noble-seo-rich :first-child{margin-top:0}
.noble-seo-rich :last-child{margin-bottom:0}
.noble-seo-signature{margin-top:35px;padding-top:15px;border-top:1px solid #e5e9ef;color:#64748b}
.noble-seo-adjacent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.noble-seo-adjacent a{display:flex;flex-direction:column;gap:6px;min-width:0;border:1px solid var(--ns-border);border-radius:16px;padding:18px 22px;color:var(--ns-ink)!important;box-shadow:0 3px 16px rgba(15,23,42,.035)}
.noble-seo-adjacent small{color:var(--ns-dim);font-size:12px}
.noble-seo-adjacent span{font-size:14px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Enhanced editor appearance; original form inputs, JS and upload field names preserved */
#bo_w{max-width:1050px!important;box-sizing:border-box;margin:36px auto 75px!important;padding:0 24px!important;float:none!important}
#bo_w .noble-seo-write-head{padding:36px 40px 32px;border:1px solid #e1e5ee;border-radius:23px;background:linear-gradient(115deg,#f8f9fd 0%,#f2f1fb 100%);margin-bottom:18px;box-shadow:0 7px 25px rgba(40,40,70,.04)}
#bo_w .noble-seo-write-kicker{font-size:11px;letter-spacing:.19em;font-weight:900;color:#5047a1}
#bo_w .noble-seo-write-head h1{font-size:31px!important;letter-spacing:-.045em!important;font-weight:850!important;color:#18213b!important;margin:8px 0 9px!important}
#bo_w .noble-seo-write-head p{font-size:14px;line-height:1.7;color:#657083;margin:0}
#bo_w .noble-seo-write-head p strong{color:#433c8c}
#bo_w .noble-seo-write-steps{display:flex;align-items:center;gap:16px;border:1px solid #e8eaf1;border-radius:16px;background:white;padding:18px 23px;margin-bottom:29px;font-size:13px;font-weight:600;color:#7c8393;flex-wrap:wrap}
#bo_w .noble-seo-write-steps span{display:inline-flex;align-items:center;gap:9px}
#bo_w .noble-seo-write-steps b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50px;background:#f0eefb;color:#5548a0;font-size:11px}
#bo_w .noble-seo-write-steps i{font-style:normal;color:#b7b8c8}
#bo_w .noble-seo-write-step-image{color:#453c90}
#bo_w .noble-seo-field-title{display:flex;align-items:center;gap:11px;margin:24px 0 10px;font-size:16px;color:#202b44}
#bo_w .noble-seo-field-title span{font-size:11px;font-weight:900;color:#645bc1;background:#f1f0fc;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center}
#bo_w .noble-seo-field-title strong{font-weight:800}
#bo_w .noble-seo-field-title em{font-size:12px;font-style:normal;color:#8a91a2;font-weight:500}
#bo_w .noble-seo-cover-instructions{background:#f8f8fd;border:1px solid #dddef2;border-radius:18px;padding:18px 23px 16px;margin:22px 0 14px}
#bo_w .noble-seo-cover-instructions .noble-seo-field-title{margin-top:0}
#bo_w .noble-seo-cover-instructions p{font-size:13px;color:#606c80;margin:5px 0 11px;line-height:1.7}
#bo_w .noble-seo-fixed-file{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;color:#5d6680;font-size:12px;background:#fff;border-radius:9px;padding:7px 12px;border:1px solid #e4e5f2}
#bo_w .noble-seo-fixed-file code{font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#5047a1;font-weight:800}
#bo_w .noble-seo-file-ok{color:#218254;font-weight:750}
#bo_w .noble-seo-file-wait{color:#a66a21;font-weight:750}
#bo_w .noble-seo-attachment-tag{font-weight:750;font-size:13px;color:#3f4186;margin:0 0 8px}
#bo_w .noble-seo-primary-upload{border:1px solid #dbdfef;border-radius:15px;padding:20px 24px;background:#fff;margin-top:0}
#bo_w .noble-seo-extra-upload{padding:13px 20px;border:1px solid #e5eaf2;border-radius:12px;background:#fafbff;margin:10px 0}
#bo_w .noble-seo-upload-warning{padding:12px 15px;border:1px solid #ffdbc3;background:#fff9f3;border-radius:10px;color:#9b492f;font-size:13px}
#bo_w .frm_input,#bo_w select,#bo_w textarea{border-radius:11px}
#bo_w .btn_submit{background:#5147a3;border-radius:11px}
#bo_w .btn_submit:hover{background:#40378c}
@media(max-width:900px){.noble-seo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:600px){.noble-seo{padding:0 15px;margin:25px auto 48px}.noble-seo-grid{gap:12px}.noble-seo-card{border-radius:15px}.noble-seo-card-content{padding:14px 14px 13px}.noble-seo-card-content h2{font-size:15px!important;margin-bottom:18px!important}.noble-seo-card-caption{font-size:9px}.noble-seo-card-index{right:8px;top:8px;height:24px;min-width:24px;padding:0 6px;font-size:10px;border-radius:7px}.noble-seo-more{font-size:11px}.noble-seo-arrow{width:23px;height:23px;font-size:12px}.noble-seo-list-heading{align-items:flex-start}.noble-seo-list-heading h1{font-size:28px}.noble-seo-list-heading p{font-size:13px}.noble-seo-article-head{padding:28px 24px}.noble-seo-article-head h1{font-size:28px!important}.noble-seo-article{padding:28px 23px}.noble-seo-adjacent{grid-template-columns:1fr}.noble-seo-btn{font-size:12px;padding:8px 12px}#bo_w{padding:0 15px!important}#bo_w .noble-seo-write-head{padding:28px 23px}#bo_w .noble-seo-write-head h1{font-size:26px!important}#bo_w .noble-seo-write-steps{gap:8px;font-size:11px;padding:14px 16px}#bo_w .noble-seo-write-steps i{display:none}#bo_w .noble-seo-field-title{flex-wrap:wrap}#bo_w .noble-seo-cover-instructions{padding:16px 15px}#bo_w .noble-seo-primary-upload{padding:14px}}
@media(max-width:355px){.noble-seo-grid{grid-template-columns:1fr}.noble-seo-card-content h2{font-size:17px!important}}


/* SEO 전용 게시글 작성 화면: 글별 메타 입력 */
.noble-seo-meta-fields { display: grid; gap: 10px; margin: 12px 0 22px; padding: 22px; border: 1px solid #e2e8f0; border-radius: 14px; background: #f8fafc; }
.noble-seo-meta-fields label { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; color: #253249; font-size: 14px; margin-top: 10px; }
.noble-seo-meta-fields label:first-child { margin-top: 0; }
.noble-seo-meta-fields label strong { font-weight: 700; }
.noble-seo-meta-fields label small { font-size: 12px; color: #64748b; }
.noble-seo-meta-fields input, .noble-seo-meta-fields textarea { display: block; width: 100%; box-sizing: border-box; min-height: 44px; padding: 12px 14px; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; font-size: 14px; line-height: 1.5; }
.noble-seo-meta-fields textarea { min-height: 92px; height: auto; resize: vertical; }
.noble-seo-meta-fields .noble-seo-meta-image-hint { margin: 10px 0 0; font-size: 12px; line-height: 1.65; color: #475569; }
.noble-seo-meta-fields code { font-family: ui-monospace, monospace; }
@media(max-width: 640px) { .noble-seo-meta-fields { padding: 16px; } }