main { display:flex; justify-content:center; padding:100px 0; background:#f5f7fb; }
main > .container { width:100%; max-width:1280px; }

main h1 { margin-top:60px; display:flex; align-items:center; }
main h1 span { position:relative; font-size:40px; font-weight:500; }
main h1 span::after { content:""; position:absolute; right:10px; top:0; transform:translateX(100%) rotate( 20deg ); width:25px; height:25px; border:2px solid #FE8130; border-radius:5px; z-index:-1; }

.jw-app-nav { display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.jw-app-nav a { height:25px; font-size:12px; border: 1px solid #ccc; border-radius:5px; padding:0 10px; display:flex; justify-content:center; align-items:center; }
.jw-app-nav a.on { background:#FE8130; color:#fff; border: 1px solid #FE8130; }




#sub020305 { --ltm-bg:#f5f7fb; --ltm-card:#ffffff; --ltm-bd:#e7edf6; --ltm-tx:#0f172a; --ltm-sub:#64748b; --ltm-shadow:0 10px 28px rgba(15,23,42,.10); --ltm-r:16px; padding:24px 0; background:var(--ltm-bg); color:var(--ltm-tx); }
#sub020305 .ltm-wrap { margin:0 auto; }
#sub020305 .ltm-head p { margin:8px 0 0; font-size:13px; color:var(--ltm-sub); }
#sub020305 .ltm-grid { display:grid; grid-template-columns:360px 1fr; gap:24px; margin-top:18px; }
#sub020305 .ltm-card { background:var(--ltm-card); border:1px solid var(--ltm-bd); border-radius:var(--ltm-r); box-shadow:var(--ltm-shadow); }
#sub020305 .ltm-side { display:flex; flex-direction:column; padding:18px; }
#sub020305 .ltm-side-foot { margin-top:auto; display:flex; justify-content:flex-end; padding-top:12px; }

#sub020305 .ltm-main { padding:16px; display:flex; flex-direction:column; min-height:560px; }

#sub020305 .ltm-hint { margin:2px 2px 0; font-size:12px; color:var(--ltm-sub); }
#sub020305 .ltm-field { margin-top:14px; }
#sub020305 .ltm-label { display:block; font-size:12px;  color:#334155; margin:0 0 8px 2px; }
#sub020305 .ltm-ctrl { display:grid; grid-template-columns:1fr 1fr 40px; gap:10px; margin-top:10px; align-items:stretch; }
#sub020305 .ltm-btn-new { --jw-btn-bg:#16a34a; --jw-btn-border:#16a34a; --jw-btn-color:#fff; --jw-btn-bg-hover:#15803d; --jw-btn-border-hover:#15803d; border-radius:12px; font-weight:900; }
#sub020305 .ltm-btn-save { border-radius:12px; font-weight:900; border:0; background:linear-gradient(90deg,#7c3aed,#ec4899); color:#fff; }
#sub020305 .ltm-btn-save:hover { filter:brightness(.98); }
#sub020305 .ltm-btn-refresh { width:40px; padding:0; border-radius:12px; --jw-btn-bg:#fff; --jw-btn-border:#dbe3ef; --jw-btn-color:#0f172a; --jw-btn-bg-hover:#f1f5f9; --jw-btn-border-hover:#cbd5e1; }
#sub020305 .ltm-plus { font-size:16px; line-height:1; transform:translateY(-1px); }
#sub020305 .ltm-ico { width:16px; height:16px; fill:currentColor; display:block; }
#sub020305 .ltm-msg { margin-top:10px; min-height:18px; font-size:12px; color:var(--ltm-sub); }
#sub020305 .ltm-msg.is-ok { color:#16a34a; }
#sub020305 .ltm-msg.is-bad { color:#dc2626; }
#sub020305 .ltm-list-head { margin-top:14px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
#sub020305 .ltm-list-tools { display:flex; align-items:center; gap:6px; }
#sub020305 .ltm-tool { padding:6px 8px; border-radius:10px; display:inline-flex; align-items:center; gap:6px; }
#sub020305 .ltm-tool .ltm-ico { width:14px; height:14px; }
#sub020305 .ltm-tool .ltm-tool-txt { font-size:11px;  }
#sub020305 .ltm-tool.is-danger { --jw-btn-bg:#fff; --jw-btn-border:#fecaca; --jw-btn-color:#dc2626; --jw-btn-bg-hover:#fef2f2; --jw-btn-border-hover:#fca5a5; }

#sub020305 .ltm-list-title { font-size:12px; font-weight:900; color:#334155; }
#sub020305 .ltm-list { margin-top:10px; position:relative; min-height:320px; border-radius:14px; background:#fbfdff; border:1px solid #eef3fb; overflow:hidden; }
#sub020305 #fileList { list-style:none; margin:0; padding:10px; display:flex; flex-direction:column; gap:8px; }
#sub020305 #fileList li { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border:1px solid #eef3fb; background:#fff; border-radius:12px; cursor:pointer; }
#sub020305 #fileList li:hover { background:#f8fbff; border-color:#dbeafe; }
#sub020305 #fileList li.is-active { background:#eff6ff; border-color:#bfdbfe; }
#sub020305 #fileList .name { font-size:13px;  color:#0f172a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#sub020305 #fileList .meta { font-size:11px; color:var(--ltm-sub); flex:0 0 auto; }
#sub020305 .ltm-empty { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; color:#94a3b8; text-align:center; pointer-events:none; }
#sub020305 .ltm-empty-ico { width:54px; height:54px; border-radius:16px; border:1px solid #eef3fb; background:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 18px rgba(15,23,42,.06); }
#sub020305 .ltm-empty-ico svg { width:26px; height:26px; fill:#cbd5e1; display:block; }
#sub020305 .ltm-empty p { margin:0; font-size:12px;  }
#sub020305 .ltm-main-head { padding:6px 6px 12px; }
#sub020305 .ltm-main-head h2 { margin:0; font-size:16px; font-weight:900; color:#0f172a; }
#sub020305 .ltm-textarea { width:100%; flex:1; resize:none; border-radius:14px; border:1px solid var(--ltm-bd); background:#fff; padding:14px; font-size:13px; line-height:1.6; outline:none; }
#sub020305 .ltm-textarea:focus { border-color:#bfdbfe; box-shadow:0 0 0 4px rgba(59,130,246,.10); }
#sub020305 .ltm-foot { display:flex; align-items:center; justify-content:space-between; padding:10px 6px 0; color:var(--ltm-sub); font-size:12px; }
#sub020305 .ltm-meta span { font-weight:900; color:#334155; }

/* 높이 600px 고정 + 내부 스크롤 */
#sub020305 .ltm-side, #sub020305 .ltm-main { height:600px; }
#sub020305 .ltm-list { flex:1; overflow:auto; min-height:0; }
#sub020305 .ltm-main { min-height:0; }
#sub020305 .ltm-textarea { flex:1; min-height:0; overflow:auto; }
#sub020305 .ltm-textarea { scrollbar-width:auto; scrollbar-color:#cbd5e1 #f1f5f9; }

#sub020305 ::-webkit-scrollbar { display:initial; width:10px; }
#sub020305 ::-webkit-scrollbar-track { border-radius:4px; background:#fff; }
#sub020305 ::-webkit-scrollbar-thumb { background:#888; border-radius:5px; border:3px solid #fff; }


@media (max-width: 980px) {
	#sub020305 .ltm-grid { grid-template-columns:1fr; }
	#sub020305 .ltm-main { min-height:520px; }
}